/*** 
 *   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
 */
/* ----  MENU WRAPPER PART ---- */
#menuWrapper {font-weight:bold; text-align:center; position:absolute; top:150px; left:100px; width:176px; color:#FF4600; cursor:move; z-index:100;}

/* ROUNDED CORNERS : set millions of background images */
#menuTop, #menuBottom { margin-bottom:7px; }
#menuTopCenter, #menuBottomCenter { background:#000000; width:156px}
#menuTopLeft, #menuTopCenter, #menuTopRight,
#menuBottomLeft, #menuBottomCenter, #menuBottomRight  {height:7px;float:left;}
#menuTopLeft     { background: url(images/tl.gif) no-repeat top left; width:10px;}
#menuTopRight    { background: url(images/tr.gif) no-repeat top right; width:10px; }
#menuBottomLeft  { background: url(images/bl.gif) no-repeat bottom left; width:10px;}
#menuBottomRight { background: url(images/br.gif) no-repeat bottom right; width:10px; }

#menuTitle {margin-top:7px;padding:7px 0px 12px 0px;font-size:12px; background-color:#000000;}
#menuTitle a {text-decoration:none;}
#menuTitle img {border-style:none;}

#menuAddress {padding-bottom:5px;}
#menuAddress input {width:144px; text-align:center; padding:2px 2px 2px 2px; vertical-align:middle; float:left;} 
#menuAddress img {width:24px;float:left; cursor:pointer;}

ul#navlist
{
width: 174px;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
background: #808080;
list-style: none;
}

ul#navlist li
{
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
background: #000000;
}

ul#navlist li a
{
text-align:right;
display: block;
width: 138px;
height:22px;
padding: 4px 8px 4px 8px;
border: 0px;
border-right: 20px solid #666677;
background: #000000;
text-decoration: none;
}

ul#navlist li a:link { color: #666677; }
div#menuWrapper li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #FF4600;
color: #ffffff;
background: #0C595F;
}

ul#navlist li.addmap a{background: url(../../gfx/menuaddmap.gif) no-repeat top left;}
ul#navlist li.getoutline a{background: url(../../gfx/menuworld.gif) no-repeat top left;}
#getOutlineSelect{width:200px; height:30px; font-weight:bold; font-size:16px; background-color:#800000; color:#FFFFFF; text-align:center;}
ul#navlist li.contributors a{background: url(../../gfx/menucontributors.gif) no-repeat top left;}
ul#navlist li.faq a{background: url(../../gfx/menufaq.gif) no-repeat center left;}
ul#navlist li.aboutpmp a{background: url(../../gfx/menuabout.gif) no-repeat top left;}
ul#navlist li.news a{background: url(../../gfx/menunews.gif) no-repeat top left;}
ul#navlist li.donate a{background: url(../../gfx/menudonate.gif) no-repeat center left;}
ul#navlist li.debug a{background: url(../../gfx/menubug.gif) no-repeat center left;}

ul#navlist li.addmap a:hover{border-color: #B3B300;background: url(../../gfx/addmap.gif) no-repeat top left;}
ul#navlist li.getoutline a:hover{border-color: #B30059;background: url(../../gfx/world.gif) no-repeat top left;}
ul#navlist li.contributors a:hover{border-color: #FF4600;background: url(../../gfx/contributors.gif) no-repeat top left;}
ul#navlist li.faq a:hover{border-color: #138D96;background: url(../../gfx/faq.gif) no-repeat center left;}
ul#navlist li.aboutpmp a:hover{border-color: #CC7F19;background: url(../../gfx/about.gif) no-repeat top left;}
ul#navlist li.news a:hover{border-color: #000000;background: url(../../gfx/news.gif) no-repeat top left;}
ul#navlist li.donate a:hover{border-color: #CC0000;background: url(../../gfx/donate.gif) no-repeat center left;}
ul#navlist li.debug a:hover{border-color: #CC0000;background: url(../../gfx/bug.gif) no-repeat center left;}

ul#navlist li.debug a:visited{color: #F2EFE9;background: url(../../gfx/menubug.gif) no-repeat center left;}


/*for template loader.php*/
#progress {float:left; width:60%; border:1px solid #FFFFFF; background-color:#003333; margin-left:50px; padding:3px 3px 3px 3px; text-align:center;}
#progress span{font-size:20px; font-weight:bolder; }
#progress img{float:right
/*tempalte/infoAddMap.php*/; }
#infoAddMap {float:left; width:60%; border:1px solid #FFFFFF; background-color:#B3B300; margin-left:50px; padding:3px 3px 3px 3px; text-align:center;}
/*template / infoGetOutline.php*/
#infoGetOutline {float:left; width:60%; border:1px solid #FFFFFF; background-color:#B30059; margin-left:50px; padding:3px 3px 3px 3px; text-align:center;}

/* Top menu */
#topmenu { position:absolute; right:250px; top:5px; height:100px; margin:5px; opacity:.75; filter:alpha(opacity=75); text-align:left;}
#topmenu a { font:bold 16px Arial, serif; height:30px; padding:5px 10px 5px 10px; margin:5px;}

/* top What is sub menu */
#whatisMenu {position:absolute; right:430px; top:45px;opacity:.75; filter:alpha(opacity=75);color:#FF4600; text-align:left;}
#whatisMenu ul{list-style-type: none;}
#whatisMenu li{	height: 30px;float: none;margin: 0; padding: 0;	border: 0;}

/*For the top and left menu*/
a.toplink       {font:bold 14px Arial,serif; text-decoration:none; color:#FF4600; background-color:#000000; padding:5px 10px 5px 10px; margin-bottom:15px;}
a.toplink:hover {color:#000000; background-color:#FFFFFF;}

/* Left Bar Menu */ 
#leftbarMenu { position:absolute; left:0px; top:0px; width:200px; height:100%; background-color:#000000;}
#favoriteMapMenu, #anymapMenu  { font-weight:bold; font-size:16px; padding-top:10px; color:#FF4600; }
#favoriteMapMenu h1, #anymapMenu h1 { font-size:20px; margin-bottom:20px; text-align:center;border:1px solid #FFFFFF; padding:2px;}
#favoriteMapMenu a , #anymapMenu a {float:left; text-align:center; border-bottom:2px #FFFFFF solid; width:150px;}
#favoriteMapMenu img, #anymapMenu  img {height:80px; width:100px; border-style:none;}

#bottomtbarMenu {border:2px #FFFFFF solid;width:140px; font-weight:bold; font-size:20px; margin:0px 10px 10px 10px; padding:10px; color:#FF4600; position:absolute; bottom:0px;}

/* The debug menu */ 
#debugMenu {font-weight:bold; text-align:center; position:absolute; top:150px; right:50px; width:176px; color:#FF4600; background-color:#000; cursor: move;z-index:100;}


#saveMenu {font-weight:bold; position:absolute; top:0px; left:80px;z-index:100; width:250px}
#saveMenuContent {background:#000000; color:#FFFFFF; padding:0px 5px 0px 5px;}
#saveMenuContent img {vertical-align:middle;}
#saveMenuContent span {padding-left:15px;color:red;}

#saveMenuTop, #saveMenuBottom { margin-bottom:7px; }
#saveMenuTopCenter, #saveMenuBottomCenter { background:#000000; width:230px}
#saveMenuTopLeft, #saveMenuTopCenter, #saveMenuTopRight,
#saveMenuBottomLeft, #saveMenuBottomCenter, #saveMenuBottomRight  {height:7px;float:left;}
#saveMenuTopLeft  { background: url(images/tl.gif) no-repeat top left; width:10px;}
#saveMenuTopRight { background: url(images/tr.gif) no-repeat top right; width:10px; }
#saveMenuBottomLeft  { background: url(images/bl.gif) no-repeat bottom left; width:10px;}
#saveMenuBottomRight { background: url(images/br.gif) no-repeat bottom right; width:10px; }