html { overflow: hidden; }

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

body { margin: 0px; }

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

#map {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 1px solid #aaa;
}

#map-wrapper {
     position: relative;
     height: 100%;
}

#sidebar {
     position: absolute;
     top: 0;
     width: 180px;
     height: 100%;
     overflow: auto;
	background: #FF9A03;
}

#sidebar p {
     margin: 10px;
}

#google-search{
	visibility: hidden;
	position: absolute;
	right:0px;
	top: 0px;
	font-size: 14px;	display: block;
}
#legend{
	position: absolute;
	top: 69px;
	right: 189px;
	width:200px;
	font-size:11px;
	font-weight:bold;
	background-color:#FF9900;
	border:1px solid #000;
	white-space: nowrap;
	opacity: .90;
	filter: alpha(opacity=90);
	overflow-y: auto;
	padding: 0px;
}
img{
	vertical-align: baseline;
	border: none;
	padding: 0 0;
}
a{
	color: white;
}
a:hover {
	text-decoration: underline;
	color: #FFCC66;
}

body.sidebar-right #map-wrapper { margin-right: 180px; }
body.sidebar-right #sidebar { right: 0; }
body.sidebar-right a#button-sidebar-show,

#banner {
	background: transparent url(images/bannerbg.gif)  left top repeat;
     padding: 0px;
     height: 40px;
     position: relative;
}

#banner h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}
#banner #txt{
	position: absolute;
	top: 24px;
	left: 33px;
	color: #FFFFFF;
	width: 100%;
	font-family: Comic Sans MS;
	font-size: 12px;	display: block;
	font-weight: bold;
}

#footer ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

#footer ul li {
     display: inline;
}

#footer ul li a {
	padding: 0px 5px;
	color: #FFFFFF;
     text-decoration: none;
     font-size: 12px;
}

#footer a:hover{
	text-decoration: underline;
}
#footer a{
	text-decoration: none;
}
#footer{
	height: 30px;
	background: #FF9A03;
	font-family: Comic Sans MS;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;	display: block;
	padding: 0px 3px;
	position: absolute;
	bottom: 0px;
	height:20px;
	width: 100%;
}
form{
	clear:left;
	border: none;
	width:100%;
	border: 0;
	margin: 0;
	padding: 0;
	border-bottom: none;
}
			
#sources{
	font-size:10px;
	border:none;
	border: 0;
	margin: 0;
	padding: 0;
	border-bottom: none;
}
.title{
  color: #FFFFFF;
  cursor: pointer;
}

#mapsearch {
  width : 400px;
  margin : 10px;
  padding : 4px;
  border : 1px solid #FF9900;
}
.gsc-search-button{
	color: #FF9900;
}

/* Styles for the */

.maptype{
	background-image:url('images/ltmaptype_off.png');
	width: 80px;
	height: 18px;
	font-weight: bold;
    color: #FFFFFF;
    border: 0px;
	text-align: center;
	padding: 0px;
  cursor: pointer;
	    font:  10px Comic Sans MS;
}


.maptype:hover{
	color: #0C559F;
}

.maptype .selected{
	background-image:url('images/ltmaptype_on.png');
	width: 80px;
	height: 18px;
	font-weight: bold;
    color: #FFFFFF;
	text-decoration: underline;
}

#maptypes{
	position: absolute;
	right: 190px;
	top: 44px;
	border: 0px solid #eee;
	width: 200px;
	height: 18px;
	padding: 0px;
	z-index: 50;
}
.legend-text{
	margin-left: 5px;
}
#radar-name{
	margin-left: 2px;
	width: 100px;
}
#radar-legend{
	position: absolute;
	top: 44px;
	right: 400px;
	font-size:11px;
	font-weight:bold;
	background-color:#FF9900;
	border:1px solid #000;
	white-space: nowrap;
	opacity: .90;
	filter: alpha(opacity=90);
	z-index: 50;
	display: none;
}
#radar-legend tr, #radar-legend table{
	padding: 0px;
}
.table-center{
	padding: 0px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
#radar-legend img, .legend-text{
	padding-left: 5px;
	padding-right: 5px;
}
.radar-view{
	  cursor: pointer;
}
.radar-view:hover{
	color: #0C559F;
}
#radar-legend .selected{
	color: #FFFFFF;
	text-decoration: underline;
}
#legend-close{
	position: absolute;
	right: 3px;
	top: 3px;
	cursor: pointer;
}

#radar-time{
	padding-right: 25px;
}
#alert{
	position: absolute;
	top: 35%;
	text-align: center;
	font-size:12px;
	font-weight:bold;
	display: none;
	opacity: .90;
	filter: alpha(opacity=90);
}
#camera-image{
	width:360px;
	background-color:#FF9900;
}
#camera-source{
	font-size:10px;
	z-index:20000;
	position: absolute;
	bottom:28px;
	right:10px;
	color: white;

}

body.loading #alert{display: block;z-index: 300;}
#traffic-info{
	width:200px;
	height:100%;
	background-color:#FF9900;
}
.markerTooltip p {
	text-align: center;
	white-space: nowrap;
	margin: 0;
	padding: 2px 0.5ex;
	border: 0px solid #555;
	font-weight: bold;
	background: #FF9900;
	font-size:12px;
}
nexrad-n0r-m45m, #nexrad-n0r-m40m, #nexrad-n0r-m35m, #nexrad-n0r-m30m, #nexrad-n0r-m25m,
#nexrad-n0r-m20m, #nexrad-n0r-m15m, #nexrad-n0r-m10m, #nexrad-n0r-m05min, #nexrad-n0r{
	opacity: .70;
	filter: alpha(opacity=50);
							}
.tooltip {
	background-color:#FFCC66;
	font-weight:bold;
	font-size: 13px;
	padding: 3px;
}
#traffictable input{
	padding: 0px;
}