/* Layout */
html { height: 100%; font-family: Verdana, Tahoma, sans-serif; font-size: small; }
body { margin: 0; height: 100%; }
div#main { background-color: orange; width: 100%; height: 100%; }

/* Carte */
div#map {  }

/* Menu */
div#menu { font-size: small;	width: 250px; padding: 0; 
	position: absolute; right: 20px; top: 40px;
	background-color: white; border: 1px solid #666; }
.transparent {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

div.content { padding: 3px 3px 10px 13px; }
div.content div sub { font-size: xx-small; color: #999; }

select#regionsel { width: 215px; font-size: x-small; }

input#query { width: 130px; }

div#menu ul { list-style-type: none; padding: 0; margin: 0; }

h2 { color: #9F1C09; font-size: 100%; margin: 0; padding: 2px;
	background-color: #ccf; }
	
p#info { color: #666; font-style: italic; margin-top: 0;}
div#menubar { background-color: #ddf; margin-bottom: 5px; padding: 2px 0 0 3px; }
div#menubar div { padding: 0.5em 1.5em 0.5em 0; display: inline; }

div#menubar input { padding: 3px; }
div#menubar input.selected { padding: 2px; border: 1px solid #9f1c09; background-color: #ccc; }
div#menubar input:hover { padding: 2px; border: 1px solid #9f1c09; }

input.coord { width: 60px; color: #ccc; }
input.coord.err { border: 2px solid red; }
input.coord.set { color: #000; }
input#maxresults, input#radius { width: 2em; }


div.credits { font-size: x-small; color: #666; text-align: center; margin-bottom: 2px; 
	padding-top: 1em; }
div.credits a, div.credits abbr { font-size: 100%; }

ul#e_points { margin-left: 0; padding-left: 0; }
ul#e_points li { 
	list-style-type: none; }
ul#e_points li label { font-weight: bold; }
span.coordinates { font-size: 70%; color: #777; }
ul#e_points li input { width: 150px; }

img.delete { border: none; vertical-align: bottom; }


/* Popup */
div#popup { position: absolute; top: -10000px; }
fieldset { width: 40em; border: 1px solid #ddd; margin: 0 auto; padding: 0.3em;
}
fieldset#content, textarea#coordcontent, textarea#xmlcontent,
	textarea#metacontent, textarea#keywordcontent {
	width: 600px; height: 20em;
}
fieldset#content { height: 21em; }
span#alert { color: red; background-color: yellow; font-weight: bold; }

/* Suggest */
body .autocomplete div {
	padding: 2px 0 0 20px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top left;
}
.autocomplete  div.selected {
	background-color: #f0f0f0;
	background-repeat: no-repeat;
}
.autocomplete div.fc_A { background-image: url(../icons/cat_A.png); }
.autocomplete div.fc_H { background-image: url(../icons/cat_H.png); }
.autocomplete div.fc_L { background-image: url(../icons/cat_L.png); }
.autocomplete div.fc_P { background-image: url(../icons/cat_P.png); }
.autocomplete div.fc_R { background-image: url(../icons/cat_R.png); }
.autocomplete div.fc_S { background-image: url(../icons/cat_S.png); }
.autocomplete div.fc_T { background-image: url(../icons/cat_T.png); }
.autocomplete div.fc_U { background-image: url(../icons/cat_U.png); }
.autocomplete div.fc_V { background-image: url(../icons/cat_V.png); }

/* On Screen Display */
div#osd { display: none; font-size: 24px; color: orange; position: absolute; 
	background-color: #ddd; border: 1px solid orange; padding: 1em;
	width: 300px; height: 50px; text-align: center; }
	
/* Bulles */
div.ballon { width: 300px; }
div.ballon img.vignette { float: left; margin: 1em; }
div.ballon span.spacer { clear: both; }

/* --- */
#editmaplink { font-size: x-small; color: #9f1c09; text-decoration: none; }
#editmaplink:hover { text-decoration: underline; }