#maptitle{
	background-image: url('../images/map/maptitle_bg.png');
	background-position: 2px;
	background-repeat:repeat-y;
	width: 732px; height:6em;
	margin: -5px 0 5px -3px;
	text-align:left;
	}
#maptitle h3{
	float:left;
	clear:none;
	width:450px;
	margin:0;
	margin-left:8px;
	color:#A91100;
	}
#maptitle h4{
	float:left;
	clear:none;
	width:450px;
	margin:0;
	margin-left:8px;
	font-style:italic;
	font-size:95%;
	color:#A91100;
	}
#maptitle p#maptext{
	margin:4px;
	margin-left:8px;
	float:left;
	clear:none;
	width:710px;
	font-family: sans-serif;
	font-size: 8pt;
	color:#A91100;
	text-align:left;
	}
#maptitle #marqueetxt{
	width:260px;
	border-style:none;
	background-color:transparent;
	text-align:right;
	color:#A91100; 
	font-weight:bold;
	font-size:12px;
	}
#maptitle marquee,
#maptitle #marquee{
	display:block;
	width: 260px;
	position: relative;
	top:-95px;
	float:right;
	margin-right:5px;
	padding:0;
	text-align:right;
	overflow:hidden;
	}
#maptitle #container,
#content{
	text-align:right;
	color:#A91100; 
	font-size:11px;
	}

#mapwrapper{
	border:1px solid #555555;
	width: 730px; height:515px;
	margin-left:-3px;
	position:relative;
	border:1px solid #dc6720; 
	background-color: #F2AE52; 
	}

#options{
	width:218px; height:498px;
	position:relative;
	left:2px;
	top:2px;
	font-size:11pt;
	padding: 0 2px;
	}



/**********	MAP FRAME  ************************/
#mapframe{
    width: 496px;
	height: 500px;
	position:absolute;
	left:227px;
	top:8px;
	background-color:white;
	z-index:0;
	}
#borderTop{
	width:496px;
	height:8px;
	position:absolute;
	left:0;
	top:0;
	background-image:url('../images/map/border_top.gif');
	background-repeat:no-repeat;
	}
#borderTop:hover{
	background-image:url('../images/map/border_top_hover.gif');
	}
#borderLeft{
	width:8px;
	height:500px;
	position:absolute;
	left:0;
	top:0;
	background-image:url('../images/map/border_left.gif');
	background-repeat:no-repeat;
	}
#borderLeft:hover{
	background-image:url('../images/map/border_left_hover.gif');
	}
#borderRight{
	width:8px;
	height:500px;
	position:absolute;
	left:488px;
	top:0;
	background-image:url('../images/map/border_right.gif');
	background-repeat:no-repeat;
	}
#borderRight:hover{
	background-image:url('../images/map/border_right_hover.gif');
	}
#borderBottom{
	width:496px;
	height:8px;
	position:absolute;
	left:0;
	top:492px;
	background-image:url('../images/map/border_bottom.gif');
	background-repeat:no-repeat;
	}
#borderBottom:hover{
	background-image:url('../images/map/border_bottom_hover.gif');
	}


/*******************  MAP ITEMS  *************************/
#map {
    width: 478px;
	height: 482px;
	position:relative;
	top:8px;
	left:8px;
	border:1px solid #666666; 
	z-index:0;
    }

#legend{
	display:block;
	position: absolute;
	top:12px; left: 354px;
	width:127px; 
	margin:0;
	padding:0;
	background-color: white;
	border: 1px solid #cccccc;
	z-index:20;
	font-size:9pt;
	text-align:center;
	-moz-opacity: 0.9;
	}

#legendtoggle{
	position: absolute;
	top:12px; left: 466px;
	width:15px; height:15px;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	z-index:201;
	cursor:pointer;cursor:hand;
	-moz-opacity: 0.9;
	}
.legendOn{
	background-image: url('../images/map/legend_uparrow_trans2.gif') !important;
	-moz-opacity: 1;
	}
.legendOff{
	background-image: url('../images/map/legend_downarrow_trans2.gif') !important;
	}
#legendtoggle:hover{
	-moz-opacity: 1;
	}

#legend p{
	display:block;
	width:127px; 
	height:16px;
	margin:5px;
	padding:0;
	border-bottom:1px solid #cccccc;
	}
#legend img{
	width:127px;height:100px;
	margin:0;
	padding:0;
	float:left;
	clear:none;
	}
#legend img.double{
	width:127px;height:177px;
	}
#imageryButton,
#hybridButton,
#zoomButton{
	width:60px; height:15px;
	z-index:202;
	position:absolute;
	top:12px;
	text-align:center;
	line-height:12pt;
	font-size:9pt;
	font-weight:bold;
	border: 1px solid #cccccc;
	cursor:pointer; cursor:hand;
	-moz-opacity: 0.93;
	}

#imageryButton{
	background-color:#eeeeee;
	left: 15px;
	}
#hybridButton{
	background-color:#eeeeee;
	left: 85px;
	}
#zoomButton{
	left: 155px;
	padding:0;
	}
#zoomButton img{
	background-color:#eeeeee;
	float:left;
	clear:none;
	margin:0;
	padding:0;
	-moz-opacity: 0.93;
	}
#imageryButton:hover,
#hybridButton:hover,
#zoomButton img:hover{
	background-color:#ffffff;
	-moz-opacity: 1;
	}

.olControlPanZoom{
	display:none;
	}

div.olControlMousePosition {
    top: 0em;
    right: 3px;
    display: block;
    height:10px;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
    color: white;
}
/******************  MAP POPUPS  *****************************/
#chicken *,
#duck *{
	overflow: hidden;
}

div.popup{
	background-color: #FFC860; 
	border: 1px solid #DC6720;  
	width: 238px; height: 43px;
	text-align: left;
	margin: -5px 0 -10px -5px;
	vertical-align: middle;
	padding:0;
	}
.textBox {
	display: table-cell;
	background-color: #FFC860;
	width: 238px; height:43px;
	text-align: left;
	vertical-align: middle;
	}
	
div.popup2{
	width: 248px; height: 208px;
	margin: -5px 0 -10px -5px;
	vertical-align: middle;
	text-align:center;
	padding:0;
	background-color: #FFE894; 
	border: 1px solid #DC6720;  
	}
.textBox2{
	display:block;
	background-color: #FFE894;   /*Light orange background color on popups*/
	color:#A83300;
	width: 248px; height:180px;
	text-align:center;
	}
.popup2 .textBox{
	position:absolute;
	top:185px;
	left:1px;
	width: 248px; height:23px;
	border-top: 1px solid #DC6720;  
	border-bottom: 1px solid #DC6720; 
	vertical-align: middle;	
	}
	


#duck iframe{
	background-color:white;
	vertical-align:bottom;
	text-align:center;
	border: 1px solid #FFC860; 
	margin:3px 8px;
	}
#duck iframe img{
	text-align:left;
	}


.textBox p {
	font-family: arial, sans-serif;
	font-size: 8pt;
	color: #DD4500; 
	font-weight:bold;
	line-height: 10pt;
	margin:0 0 0 3px;
	padding-top:2px;
	}

.textBox2 a{
	font-size: 8pt;
	line-height: 10pt;
	color:#A83300;
	margin-top:-2px;
	margin-bottom:2px;
	text-decoration:underline;
	}
.textBox2 a:hover{
	color:#DC6720;
	text-decoration:underline;
	}
.textBox p.small{
	font-size:8pt;
	font-style:italic;
	}
div#chicken_close img,
#chicken .olPopupCloseBox{
	display:none;
	}
div#duck_close,
.olPopupCloseBox{
	margin:-1px 1px 0 0;
	background-image:url('../images/map/close_button.gif');
	border: 1px solid #ffffff; /*#FFA038; */
	cursor:pointer;cursor:hand;
	right: 25px !important;
	top: 5px !important; 
	}
div#duck_close:hover{
	border-color:#FFA038; //#ffffff;
	}

div.NavTips{
	}
.NavTips p{
	font-family: verdana, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
	color:#A91100; /*#DD4500;*/
	padding: 5px;
	margin:0;
	}







/******************  MAP LEGEND  *****************************/
h2.mapTitle{
	font-weight:bold;
	font-size:14pt;
	margin:-15px 0 0px 0;
	color:#A91100; 
	}
span.underTitle{
	display:block;
	margin:-1px 0 10px 2px;
	color:#A91100; 
	font-size:11pt;
	font-weight:normal;
	font-style:italic;
	}

span.subTitle{
	display:block;
	position:relative;
	float:left; clear:none;
	width:105px; 
	height:14px;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	margin:3px 0 -1px 0;
	padding:1px 0;
	border:1px solid #dc6720; 
	border-bottom:1px solid #ffffff;
	}
span.subTitle2,
span.subSubTitle{
	display:block;
	position:relative;
	text-align:center;
	vertical-align:middle;
	float:left; clear:none;
	height:14px;
	font-weight:bold;
	font-size:11px;
	margin:3px 0 -1px 0;
	padding:1px 0;
	border:1px solid #dc6720; 
	z-index:12;
	overflow:hidden;
	}
span.subRight{
	float:right;
	margin-left:1px;
	margin-right:-2px;
	width:106px;
	}
span.subLeft{
	margin-right:1px;
	width:106px;
	}
span.off{
	background-color:#FFC860;
	color:#EC9530; 
	text-transform:uppercase;
	}
span.on{
	background-color:#ffffff;
	color:#DD4500; 
	border-bottom:1px solid #ffffff;
	text-transform:uppercase;
	}

div.layers{
	display:block;
	background-color:#ffffff;
	width:218px; height:140px;
	margin:2px 0 10px 0;
	font-size:13px;
	padding:10px 0;
	background-color:white;
	border:1px solid #dc6720; 
	z-index:1;
	}

div.off{  display:none;
	}
div.on{   display:block;
	}
span.subSubTitle{
	cursor:pointer;cursor:hand;
	}
span.subSubTitle:hover{
	cursor:pointer;cursor:hand;
	color: #DD4500;
	}
p.layerExplanation{
	background-color:#DC6720;
	border:1px solid #BC4700;
	font-size:12px;
	color:#FFFFFF;
	margin:-3px 3px 5px 3px;
	padding-left:2px;
	height:15px;
	overflow:hidden;
	}



#viewDiv,
#timeDiv{
	position:relative;
	height:270px;
	}



select.sppDropdown{
	width:180px;
	margin:1px 0;
	color: #525252;
	background-color:#E6E6E6;
	}
select.sppActive{
	width:180px;
	margin:1px 0;
	color: #111111;
	background-color:white;
	}
select.sppActive2{
	margin:1px 5px 1px 1px;
	width:170px;
	color: #111111;
	background-color:white;
	}
.dd_title{
	margin:1px;
	text-align:right;
	color: #333333;
	}
#viewDiv input,
#timeDiv select{
	margin-top: 6px;
	}
div#refresh{
	position:absolute;
	top:250px;
	left:0px;
	width:218px; height:30px;
	text-align:center;
	padding-top:5px;
	}

/********************   TOOLTIPS   *************************/


a#tooltip  span#tooltip1,
a#tooltip  span#tooltip2{
	width:35em;
	text-align:left;
}