/*** 
 *   CSS anymap.org 
 *   halloween Style 
 *
 *   Main Colors : 
 *   background color : #000000,
 *   foreground color : #FF4600. 
   
 *  font-size :   
 *  x-large: 20px 
 * 	large: 16px
 * 	small: 10px
 *  x-small: 8px
 *	xx-small: 6px
 */

/* --- basic elements --- */
html, body {width: 100%; height: 100%; font: 12px verdana,helvetica,arial,sans-serif;}
body {margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px}


/* --- Specific divs --- */
/* The map Div */
#map {marging:0px; padding:0px; width: 100%; height:100%;}
#overImg {position: absolute; left:50px; top:50px; width:0px;}

/* Loader Info */
#loaderInfo {border:3px solid #FF4600; position:absolute; top:300px; left:350px; background-color:#000000; opacity:.75; filter:alpha(opacity=75); margin-left:25px;  padding:8px 15px 8px 15px; text-align:center;}
#loaderInfo span {color:#FF4600; font-weight:bold; font-size:16px;}

/* Layer Loader Bar */
#mapLoader {position:absolute; bottom:30px; left:250px; padding:4px; background-color:#000000; border: 1px solid #FF4600 ; height:60px; }
#mapLoaderInfo { color:#FFFFFF; height:20px;}
#mapLoaderBar .loaded {width:20px; height:30px; background-color:#FF4600;} 
#mapLoaderBar .tobeload {width:20px; height:30px; border-top:1px solid #FF4600;} 
#mapLoaderBar {height:35px; border-top:1px solid #000000;border-bottom:1px solid #000000;float:left;} 
#mapLoader img  { padding: 4px ;}

/* The debug Window */
#debugWindow {position:absolute; overflow: scroll;height:500px;width:400px;bottom:0px; right:0px;  padding-top:18px; background-color:#ff900f; cursor: move;}

/* The informations section used in PMP*/
#infoSection {position:absolute; top:0px; left:0px; width:100%; z-index:1; color:white; background-color:#003333;opacity:.85; filter:alpha(opacity=85); padding:10px; border-bottom:4px solid white;}
#infoSection a {float:left;text-decoration:none; color:white;}

#quote {float:right; width:20%; border:1px solid white; background-color:#336666; font-size:8px; padding:3px 3px 3px 3px; margin:10px 20px; 0px; 10px;}
#logo img{ border-style:none;float:right; width:50%; margin:10px 3px; 3px 3px;}
#peaceBanner{ float:right; width:100%; color white: font-size:10px; font-weight:bold; color:#CCFF33;}
#quote .tqpHeader{font-size:10px; color:white; }
#quote .tqpAuthor{font-size:6px; color:white; }
#quote .tqpFooter{display:none;}