* {margin:0; padding:0;}
html,body {height:100%; width:100%; overflow:hidden;font-family:Verdana; font-size:11px;}
body{scrollbar-face-color: #808080; scrollbar-arrow-color: #FFFFFF;scrollbar-highlight-color: #FFFBF0;scrollbar-3dlight-color: #808080;scrollbar-shadow-color: #FFFBF0;scrollbar-darkshadow-color: #808080;scrollbar-track-color: #CCCCCC;}
#container {position: absolute; top:0px; left:0px;  width:100%;  height:100%; overflow:hidden;border :3px solid red; background-color:#F2F2F2;}
#contentHolder {width:100%; float:left; height:100%; top:0px; left:0px; border-top:1px solid white;  position:absolute; padding: 0px 0px 0px 0px;} /* 100% width may cause not see the handlerbar*/
#hideShowHanler {position:absolute ; display:block; z-index:9999;}
   
#sidebar {float:left;  height:100%;  overflow:hidden;min-width:10%; width:16%;}
.sidebarHide {border:0px none;display:none; visibility : hidden;width:0px;}
.sidebarShow {border :3px solid #90AFD5; border-right:0px none;display:block; visibility : visible;  }

#mapHolder {float:left; left:0px; height:100%;  border-top: 1px solid; }
.minMapHolder{width :80%;}
.maxMapHolder{width :100%; }
#map {width:100%; height:100%; position:relative; }


.panel-map {min-width:100%; width:100%;  overflow:hidden;  float:left;  display:block; position:relative; font-size: 90%}
.hide{display:none; visibility:hidden; width:0px;}
.show{display:block; visibility:visible ; width:100%;}


#tabHeader, #markerHeader {height:100%;   float:left;}
.tabContext {width:100%; height:103.3%;  }

#deviceTabPnl, #pushpinTabPnl {padding-top :1px;overflow:auto; min-height:100%; height : 100%;padding-bottom:16px; margin-bottom:16px; position:relative;}

a.button {width:52px;  float:left;   position:relative; padding-right:5px;}
.button img {border-style:none; margin: 3px auto 1px auto!important; float:left; height:17px; width:17px; }
.button, .button .middle, .button .right {height: 24px; line-height: 24px}
.button {padding: 0px 2px; background: url(../images/button-left.png) no-repeat top left; text-decoration: none}
.button .middle { display: block; position: relative; padding: 0 3px; color: #000; font-weight: bold; background: url(../images/button-middle.png) repeat-x top left; font-size: 9px; font-weight: normal; cursor: pointer; text-align: center}
.button .right {position: absolute; right: -6px; top: 0; width: 6px; background: url(../images/button-right.png) no-repeat top left;}
.button:hover, .button.hover {background: url(../images/button-left.png) no-repeat 0 -24px}
.button:hover .middle, .button.hover .middle{ background: url(../images/button-middle.png) repeat-x 0 -24px; color: red}
.button:hover .right, .button.hover .right{ background: url(../images/button-right.png) no-repeat 0 -24px}   


.olPopupCloseBox { background: url("../images/close.gif") no-repeat; cursor: pointer;}
.olPopupContent { padding:0px; overflow:hidden;} 

.missionPopup { height:258px; width:190px; position:relative; border:0px solid #4D6880; }
.missionDevicePopup { height:248px; width:188px; position:relative; border:2px solid #4D6880; box-shadow: #515151 3px 3px 3px; z-index: 9999;}

#header {height:22px; width:100%;  border-bottom:1px solid white; position:relative; background-color: #B5CAE3; display:block;}
#popupContext {height:218px; width:188px; margin:0 auto; position:relative;margin:3px; display:block; float:left;border: 1px solid; font-size:8px; border-bottom:1px solid #606B5A;}
#popupfooter  {height:32px; padding:  8px 3px 10px 15px; float:left; bottom:5px; }
.pnlHide {display:none; visibility : hidden;}
.pnlShow {display:block; visibility : visible;}
#popupContext table, #popupContext table td  {clear:both; padding: 1px; text-align:right;vertical-align:middle;font-size:10px; margin:0 auto;}
#popupContext input { width:68px; float:left; font-size:10px; background-color: #FEFAD2}
#btnPushpinList , #btnPushpinList.a {width:30px!important;  float:right;}
#pushpIconList a img {border:0px none; width:18px; height:18px; padding:2px 3px; }
#deviceContext { margin:0 auto; position:relative; top:8px; left:5px; right:5px; padding-bottom: 10px; overflow:auto; }
#deviceContext span {font-size:80% !important;}
#loading {z-index:1; filter:alpha(opacity=50); height:256px; width:256px; opacity:0.6; position:absolute; background-color:White; top:30%; left:50%;margin-top:-38px; z-index:99999999999999999;  margin-left:-21px;} 
#loading img{ height:98px; width:98px; position:absolute; top:20%; left:50%; margin-left:-50;}
#loading span{text-align:center; vertical-align:middle; font-weight:bold; margin: 0, auto; font-size:large; z-index:10; position:absolute;  bottom:32px;}

.mapTabMenu ul{margin: 0;padding: 0; font: bold 9px Arial;width: 100%;border-bottom: 1px solid #625e00;background: #90AFD5 ;}
.mapTabMenu li{display: inline;}
.mapTabMenu li a{float: left;color: white;padding: 4px 3px;text-decoration: none;border-right: 2px solid white;}
.mapTabMenu li a:visited{color: white;}
.mapTabMenu li a:hover, .mapTabMenu li a.current, .mapTabMenu li a:hover span , .mapTabMenu li a.current span{color: Red;background: #AEC8E5 ; }
.mapTabMenu .selected, .mapTabMenu .selected span{color: red;background: #FEFAD2 ;}
.selected2 { color:#000;background:none;font-size:1.2em;}
.mapTabMenu .unSelected, .mapTabMenu .unSelected span .mapTabMenu .unSelected ul{color: white;background: #90AFD5;}
.tabcontainer{clear: left;width:95%;height:1.5em;}
.tabcontent{display:none;}
.menuList{position:absolute;top: 0;border: 1px solid #AFCEE2;background-color: white;float:left;  overflow:auto;}
.menuList a{width:100%;display: block; vertical-align:baseline; text-indent: 5px;line-height: 10px;border: 0 solid #918d8d;border-bottom-width: 1px;padding: 5px 0 5px;text-decoration: none;color: black;}
.menuList a span { margin-left :16px;  display:block;  font-size:8pt;white-space:nowrap; }
.menuList a img {border-style:none; margin: 1px auto auto 8px;  float:left; width:8px;height:8px;}
.menuList a:hover{ background-color: #FEFAD2;color: red;}
* html .menuList a{ width: 100%;}
* html .ieclass{ margin-top: -1em;}
*:first-child+html .ieclass{margin-top: -1em;}


#context { width:141px; z-index:1;float:left; display:none; position:absolute; clear:both; border:1px solid #fff; font-size:smaller;
           -webkit-box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .5);
           -moz-box-shadow:    3px 3px 10px 2px rgba(0, 0, 0, 0.5);
           box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .5);
           -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
           filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
    }
.menu a {color:#041926}
.menu ul {list-style: none;padding: 0;margin: 0;}
.menu ul li a {display: block;padding: 0px 10px 0px 5px;text-decoration:none;height:100%;}
/*.menu ul li a:hover{background-color: #fff;color:#2fd508;}*/

ul.sub li a:hover, ul.subsub li a:hover, ul.rMenu li a:hover, li.APHover a:hover span {background-color: #fff;color:#2fd508;}
li.first a:hover{background-color: #fff;color:#fff;}
.menu li {float: left;height:25px;position: relative;width: 125px;text-align: left;margin-right:0px;background-color:#B5CAE3;}
.menu ul li.current a { margin-top:8px; padding-top:5px;}
.menu ul li.current a:hover{background-color:#FEFAD2;}
.menu li ul {display: none; position:absolute; width:125px; top: 28px; left: 0px; font-weight: normal; padding: 0; margin-left:-1px; list-style: none; background-color:#B5CAE3; border: 1px solid white;}
.menu ul.sub li ul {display: none; position:absolute; width:125px; top: 0px; left: -126px; font-weight: normal; padding: 0; margin-left:-1px; list-style: none; background-color:#B5CAE3; border: 1px solid white;}
.menu li:hover ul, li.over ul, ul.sub li:hover ul  {display: block;}
#context li {height:18px;}
      
#nav ul {list-style: none;padding: 0;margin: 0;}
#nav ul li a {display: block;padding: 2px 10px 0px 10px;text-decoration:none;height:100%;}
#nav ul li a:hover{background-color: #FEFAD2;color:red;font-weight:bold;border: 1px solid white;}
#nav li {float: left;height:25px;position: relative;width: 120px;text-align: left;margin-right:5px;background-color:#F2F2F2;}
#nav ul li.current a { margin-top:8px; padding-top:5px;}
#nav ul li.current a:hover{background-color:#FEFAD2;}
#nav li ul {display: none; position:absolute; width:120px; top: 25px; left: 0px; font-weight: normal; padding: 1px 0 10px 0; margin-left:-1px; list-style: none; background-color:#F2F2F2; border: 1px solid white;}
#nav li:hover ul, li.over ul {display: block;}


#toolbar
{
    position:absolute;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	top:2px;
	right:120px;
	width:200px;
	height:38px;
	text-align:left;
	overflow:hidden;
	color:#808080;
	float:right;
	/*padding-bottom:10px;
	background-color: #90AFD5;
	alpha(opacity=80);-moz-opacity:.80;opacity:.80;*/
}
#weather {
  position:absolute;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	right:0;
	bottom:0;
	width:180px;
	height:55px;
	text-align:left;
	overflow:hidden;
	background:#FFFFFF;
	border-top:solid 1px #90AFD5;
	border-left:solid 1px #90AFD5;
	z-index:1000;
	alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	color:#808080

}
 #weather h3 {
	margin: 0;
	padding:2px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	border-bottom: solid 1px #000000;
	background-color: #90AFD5;
}
#weather div {background-repeat:repeat; height:8px;  width:16px;  background-attachment:fixed;  display:block; float:left; position:relative; margin-left:8px; margin-bottom:2px;  margin-top:1px; }
#weather div img {height:8px; width:16px;}
    
#toolbars {top:0;  float:right; 	position:relative;}
#toolbars img {alpha(opacity=100);-moz-opacity:1;opacity:1; z-index:99; position:relative; padding:3px 3px 3px 3px; border: 1px solid red;}
#toolbars a {text-decoration:underline;}

       
#loadingStaturss img{ height:22px; width:22px; position:absolute;   left:12px; float:left;}
#loadingStaturss span{ height:32px; vertical-align:middle;  top:0px; left:56px; position:relative; float:left;}

#warnlegend {
	position: absolute;
	top: 540px;
	left: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	background:#FFFFFF;
	border: solid 1px #333333;
	text-align: left;
	z-index: 1000;
	alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
#warnlegend_showhidetoggle {
	position: absolute;
	top: 1px;
	left: 50px;
	width: 130px;
	padding: 5px;
	background:#FFFFFF;
	border: solid 1px #333333;
	text-align: left;
	z-index: 1000;
}
#warnlegend_showhidetoggle a{
	text-decoration:none;
}



#warnlegend h2 {
	margin: 0;
	padding-bottom: 2px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.olControlPanel .mcSaveItemInActive, .olControlPanel .mcSaveItemActive { background-image : url("../images/save22.png" );} 
.olControlPanel .mcDeleteItemInActive, .olControlPanel .mcDeleteItemActive { background-image : url("../images/delete22.png" );} 
.olControlPanel .mcAttItemInActive { background-image : url("../images/att22.png" );} .olControlPanel .mcAttItemActive{ background: #FEFAD2 url("../images/att22.png" ) no-repeat;}
.olControlPanel .mcSprintItemInActive { background-image : url("../images/sprint22.png" );} .olControlPanel .mcSprintItemActive{ background: #FEFAD2 url("../images/sprint22.png" ) no-repeat;}

.olControlPanPanel { float: right; position: relative;top: 0px; right: 180px;width: 50px;  height: 52px; }
.olControlPanPanel div  {  background: url(../images/mctoolbing.png) no-repeat 0 0; color: White; top: 0px; }
.olControlPanPanel .olControlPanNorthItemInactive { background-position: -19px -334px;height:13px; width:13px;left: 19px; top: 0px; }
.olControlPanPanel .olControlPanSouthItemInactive { background-position: -19px -351px;height:13px; width:13px; left: 19px; top: 15px; }
.olControlPanPanel .olControlPanWestItemInactive   { background-position: 0px -334px;height:48px; width:13px; left: 0px;  top: 0px; }
.olControlPanPanel .olControlPanEastItemInactive { background-position: -30px -334px;height:48px; width:13px;  left: 31px; top: 0px; }       
      
#mcZoomBar_zoomin {background:url(../images/mctoolbing.png) no-repeat -6px -99px  !important; height:32px !important;   width:32px  !important; top:52px !important; left : 25px !important;   }
#mcZoomBar_zoomout {background:url(../images/mctoolbing.png) no-repeat -6px -58px  !important; height:32px !important;  width:32px  !important;  top:52px !important; left : -8px !important;   }  
#mcZoomBar_panup{display:none; visibility:hidden;}  
#mcZoomBar_panleft{display:none;  visibility:hidden;}   
#mcZoomBar_panright{display:none;  visibility:hidden;}   
#mcZoomBar_pandown{display:none;  visibility:hidden;} 

.deviceShadow
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.8);
    -moz-box-shadow:    1px 1px 5px 2px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.8);
}