body {
  color: black;
  background-color: white;
  border : 0;
  font-family: helvetica, arial, sans-serif;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#maindiv{
  position: absolute;
  top: 1px;
  width: 99%;
  height:100%;
  font-size:12px;  
  font-family:Arial;
}


.upbar {
  background-color: #5086E6 ;
  top : 0;
  color: yellow;
  height:16px;
  width:100%;
  text-indent:5px;
  font-size:13px;
  font-weight: bold;
}

.upbarRight {
    position: absolute;
	top : 0px;
	left: 100%;
	width:850px;
	margin-top: 0px;
	margin-left: -850px;
	text-align: left;
	padding-top:0px;	
	vertical-align : middle;
}

#map_canvas {
  position: absolute;
  top : 16px;  
  left: 0px;
  width: 100%;
  height: 100%;        
  font-family:Arial;
  font-size:12px;
}

#statusbar {
  position: absolute;
  top: 50px;
  left: 100%;
  margin-left: -360px;  
  width: 355px;
  height: 16px;          
  background-color: #F8F8F8;  
  border: 0;
  display:none;
  z-index:10;
}

#loadingIcon {
  position: absolute;
  top: 0px;
  right: 0px;  
  width: 16px;
  height: 16px;         
  display:block;
}

#statusbarContent {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color: Black;
  text-align : center; 
}

div.LabeledMarker_markerLabel  {
  color: black;
  background-color: #7d8993 ;  
  font-family: Arial;
  font-size:10px;
  font-weight: bold;
  letter-spacing: 0px;  
  text-align: center;
  padding:0;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8; 
}


div.LabeledMarker_markerLabel_weather  {
  color: white;
  background-color: black ;  
  font-family: Arial;
  font-size:10px;
  font-weight: bold;
  letter-spacing: 0px;  
  text-align: left;
  padding:0;
  width:140px;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8; 
}

#mapLinks {
	font-size: 12px;
	border: 1px solid black;
	background-color: #DEDFE1;
}

#tabs {
  	position:absolute;
  	z-index:10;     	
  	top: 70px;
  	left: 100%;
  	margin-left: -360px;  
  	width: 355px;
  	height: 22px;         
  	font-family:Arial;
  	font-size:11px;
    background: transparent; 
}

#tabs ul{
    font: bold 11px Arial, Verdana, sans-serif;
    margin:0;
    padding:0;
    list-style:none;
}
#tabs li{
    display:inline;
    margin:0 1px 0 0;
    padding:0;
}
#tabs a{
    float:left;
    background:#5086E6;
    color: white;
    margin:0 1px 0 0;
    padding:0 0 1px 3px;
    text-decoration:none;
}
#tabs a span{
    float:left;
    display:block;
    background: transparent;
    padding:4px 4px 2px 1px;
}
#tabs a span{float:none;}
#tabs a:hover{background-color: #7E94B9;color: white;}
#tabs a:hover span{background-color: #7E94B9; color: white;}

#tabHeaderActive span, #tabHeaderActive a { background-color: #F8F8F8; color:black;}

.closeImg {
  cursor: pointer;
  position:absolute;
  top:2px;
  right:2px;
  width:15px;
  height:15px;  
  /* Move it up the exact amount of px of the height of the <p> AND the margin*/
}


.tabContent {
    position: relative;
    top:0px;
    width: 355px;
    clear:both;
    border: 0px solid black;
    padding-top:2px;
    background-color: #F8F8F8;
    height: 580px;
}

.tabContentLayers {
    position: relative;
    top:0px;
    width: 355px;
    clear:both;
    border: 0px solid black;
    padding-top:2px;
    background-color: #F8F8F8;
    height: 150px;
}


.tabContentFilter {
    position: relative;
    top:0px;
    width: 355px;
    clear:both;
    border: 0px solid black;
    padding-top:2px;
    background-color: #F8F8F8;
    height: 160px;
}

.tabDiv {     
  margin-top: -12px;
  margin-left: 2px;
  margin-right: 2px;
  font-family:Arial;
  font-size:12px;
  color: Black;
}

#tabs .simpleLink, .simpleLink{
  background:#5086E6;
  float:none;
  padding:0;
  margin:0;
  color: white;
  font-family: Arial;
  font-weight: bold;
  display: inline;
}

.lineSeparator{
	height:5px;
}

.menuanchorclass{
  color: white;
  background:transparent;
  font-family: Arial;
  font-size:13px;
  font-weight: bold;
  padding-right : 15px;  
  cursor: pointer;
  vertical-align:top;
}

.menuanchorclass:hover{background-color: #7E94B9;color: white;}

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: transparent;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
font: inherit;
line-height: 12px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
padding: 0;
text-decoration: none;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
font-weight: bold;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: inherit;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #F8F8F8;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #F8F8F8;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}