@CHARSET "UTF-8";

body {
	margin: 2px; padding: 0px;
	font-family: verdana;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

a {
	text-decoration: none;
}
a, a:visited { color: #00f;}
img {
	border: none;
}
p, form {
	margin: 0; padding: 0;
}
/* for debug, add borders */
/* div { border: 1px solid red; } */

/* header links, login/logout/settings */
#header {
	font-size: 8pt; color: #000;
	padding: 0;
}
#header .bar {
	background-color: #dceabc;
	/*margin-left: -250px;*/
}
#header h1 {
	margin: 0; padding: 5px 10px;
	width: 300px;
	height: 50px;
	float: left;
	font-size: 30px;
}
#loginBar ul {
	margin: 0; padding: 0;
	display: inline;
}
#loginBar li {
	display: block;
	float: left;
	margin: 0; padding: 0;
}
#loginBar li span {
	padding: 0 .3em;
	cursor: pointer;
}

/* search box */
#searchPanel {
	margin-left: 320px;
	padding-top: 20px;
	overflow: hidden;
}

/* groups #panel and #map together */
#wrapper {
	position: relative;
	overflow: visible;
	margin-top: 25px;
	border-top:1px solid #456;
	clear: both;
}
/* links for map/panel */
.bar {
	background-color: #abcdef;
	padding: 0 2px; margin: 0;
	border-bottom: 1px solid #888;
	font-size: 12px;
	height: 16px;
	line-height: 16px; /* check this */
	overflow: hidden;
}
/* container where GMap will build map content*/
#map {
	position: relative;
	clear: both;
	border: none;
	overflow: hidden;
	/* width/height is controlled by javascript, this is just filler */
	width: 256px; height: 256px;
}
/* panel for search results, creating new map, etc */
#panel {
	position: absolute; top: 0; left: 0; z-index: 2;
}
#panel-body {
	overflow:auto;
}
#panel-body div {
	padding: .3em;
}
#panel-body div h3 {
	margin: 0; padding:0;
}
#panel-body div ul {
	margin: 0 0 0 5px; padding:0;
	clear: both;
}
#panel-body div li {
	clear: both;
}
#panel-body div li ul {
	margin-left: 5px;
	list-style-type: none; 
}
#panel-body div li img.icon {
	width: 16px; float: left;
}
/* icon is float: left, so clear up after icon */
#panel-body li:after {
	display: block;
	clear: both;
	content: " ";
}
/* for IE */
* html #panel-body li { /* auto clear, @ IE6 & IE7 Quirks Mode */
	display: inline-block; 
}
*:first-child+html #panel-body li { /* @ IE 7 Standards Mode */
	display: inline-block;
}
.panelVisible { display: block;}
.panelHidden  { display: none;}
.panelWidth { width: 350px; }
.mapPanelVisible { left: 350px; }

/**
 * Visual feedback messages
 */
.alert, .error, .success{padding:.5em; color: black}
.alert{border: 1px solid #e7dc2b;background: #fff888}
.error{border: 1px solid #ff0000;background:#ffaaaa;font-weight:bold}
.success{border: 1px solid #669966;background: #88ff88}
.alert a, .alert a:visited{color:#ff0000;}
.alt0 { background-color: #eee}
.alt1 { background-color: #fff}
/**
 * AJAX windows
 */
#maps-ui-login .ryzom-ui {
	/* outer width */
	/*width: 630px;*/
}
#maps-ui-login .ryzom-ui-body {
	/* inner height */
	/*height: 350px;*/
}

/**
 * reset ryzom window inner margin/padding
 */
.ryzom-ui { opacity: 1.0;}
.ryzom-ui .ryzom-ui-m { padding: 0} /* was padding: 8px; */
.ryzom-ui .ryzom-ui-body { margin-bottom: 0} /* was margin: 0 0 5px; */

/**
 * helper classes
 */
.small{font-size:70%}
.max-width{width:100%}
.clear {clear:both}
.left  {float:left}
.right {float:right}

/**
 * map label styles
 **/
.zone { font-size: 18px; color: red; }
.mapLabel {
	white-space: nowrap;
	/* css3, slows labels down a lot */
/*	text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;*/
	text-shadow: 0px 0px 1px black;
	color: white;
	width: 200px;
	height: 1.2em;
	text-align: center;
}
.mapLabel-1{ font-size: 10pt; font-weight: bold;} /* continent */
.mapLabel0 { font-size: 9pt; font-weight: bold;} /* capital city */
.mapLabel1 { font-size: 9pt; } /* town */
.mapLabel4 { font-size: 8pt; font-weight: bold; } /* region */
.mapLabel5 { font-size: 8pt; } /* area */
.mapLabel2, /* place-outpost_pr01 */
.mapLabel3, /* stables */
.mapLabel6 { font-size: 7pt; } /* street */
.towerStyle { font-size: 18px; color: #abcdef}

/**
 * tooltip
 */
.ryzom-ui-tooltip {
	position: absolute;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #f0c828;
	background-color: #786414;
	padding: 3px 5px;
	font-size: 10px;
	color: white;
	text-shadow: 1px 1px 1px black;
}
.ryzom-ui-tooltip .highlight {
	color: #65fd65;
	background-color: transparent;
}
.ryzom-ui-tooltip ul {
	margin: 0; padding: 0;
	list-style-type: none;
}
.ryzom-ui-tooltip li:before {
	content: "\002D\0020";
}
/**
 * CSS checkbox
 */
.cbNormal, .cbActive, .w_win_close {
	background-repeat: no-repeat;
	background-position: center left;
	cursor:pointer;
}
.cbNormal span, .cbActive span {
	margin-left: 14px;
}
.cbNormal {
	background-image: url(../images/w_slot_on.png);
}
.cbActive {
	background-image: url(../images/w_opacity_on.png);
}
/**
 * FIXME: later make these into sprites
 */
.w_win_close {
	background-image: url(../images/w_win_close.png);
	width: 14px; height: 14px;
}
.ryzom-ui-header .w_win_close {
	float: right; margin-top: 8px; margin-right: -18px;
}

/*
 * background: #786414
 * border: #f0c828
 */
.hover {
	background-color:#ffed90;
}