html {
margin: 0;
padding: 0;
height: 100%;
}

body {
margin: 10px;
padding: 0;
height: 100%;
}

 
#info {
font-weight: normal;
font-size: 12px;
}

#content {
margin-top: 10px;
position: relative;
}

#content2 {
position: absolute;
padding-right: 20px;
padding-left: 10px;
width:90%;
}

#map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #aaa;
}
 
#map-wrapper {
position: relative;
height: 100%;
}
 
body.sidebar-right #map-wrapper { margin-right: 130px; }
body.sidebar-right #sidebar { right: 0; }
 
body.sidebar-off #map-wrapper { margin: 0; }
body.sidebar-off #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show { display: none; } 
body.sidebar-off a#button-sidebar-hide { display: none; }

#toolbar {
background: white;
padding: 4px; 
border: 1px solid black;
position: relative;
}

/* holly hack for IE to get position:bottom right
see: http://www.positioniseverything.net/abs_relbugs.html
\*/
* html #toolbar { height: 1px; }
* html #sidebar { margin-right:10px;}
/* */
 
 #sidebar {
 position: absolute;
 border: 0px solid #aaa;
 top: 0;
 width: 120px;
 height: 100%;
 overflow:hidden;

 }
 
 #sidebar p {
 margin: 10px;
 }
 
 #sidebar ul#sidebar-list {
 list-style: none;
 padding: 0;
 margin: 0;
 }
 
 #sidebar ul#sidebar-list li a {
 display: block;
 border: 1px solid #ddd;
 background: #eee;
 margin: 5px;
 padding: 4px;
 font: 12px Helvetica, sans-serif;
 text-decoration: none;
 color: #444;
 }
 
 #sidebar ul#sidebar-list li.current a {
 border: 1px solid #444;
 border-left-width: 3px;
 padding-left: 2px;
 }
 
 #sidebar ul#sidebar-list li a:hover {
 background: white;
 color: #555;
 }
 
 #sidebar ul#sidebar-list li a strong {
 display: block;
 }
 #sidebar ul#sidebar-list li a span {
 font-style: italic;
 font-size: 11px;
 }
 
#toolbar h1 {
margin: 0;
font: bold 18px Helvetica, sans-serif;
}
 
#toolbar ul {
list-style: none;
padding: 0;
margin: 0;
}
 
#toolbar ul#sidebar-controls {
position: absolute;
bottom: 40px;
right: 5px;
width:80px;
}
 
#toolbar ul li {
display: inline;
}
 
#toolbar ul li a {
padding: 3px 6px;
color: #444;
text-decoration: none;
font-size: 12px;
}
 
#toolbar ul li a:hover {
color: #aaa;
background: #444;
}
 
#alert {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
display: none;
}
body.loading #alert { display: block; }
#alert p {
width: 150px;
margin: 0 auto 0 auto;
padding: 10px;
background: white;
border: 1px solid #aaa;
}

.gpopup {
      width:210px;
    }

.gpopup table {
      padding:0px;
      border-collapse:collapse;
      border:0;
      font-family: Arial, Verdana, Helvetica, sans-serif, "MS sans serif";
      font-size: 10px;
      text-align:left;
      color: black;
      background: white;
    }
    
#title {
	font-size:9pt;
	font-weight:bold;
	color:#fff;
	background-color:Navy;
	padding:3px;

}     

#tooltip {
      background:#CCFFFF;
	  border:1px solid black;
      font-weight:bold;
      font-size: 10px;
      font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
      white-space: nowrap;
	  padding:3px;
    }

.tip {
	font:10px/12px Arial,Helvetica,sans-serif; 
	border:solid 1px #666666; 
	width:270px; 
	padding:1px;
    position:absolute; 
	z-index:100;                    
	visibility:hidden; 
	color:#333333; 
	top:20px;
	left:90px; 
	background-color:#ffffcc;
	}

#t1 {
	width:auto;
	}

/* Style for Lat-Lon display on map */
#LatLonTxt
{
	width:150px;
	font-family:Arial;
	font-size:x-small;
	font-weight:bold;
	color:Black;
}