/* Application layout */

body {
	background-color: white;
	margin-top: 0px;
	text-align:left;
	z-index: -2;
}

#header {
	margin-top:0px;
	height:110px;
	border-bottom: 10px solid #3B4F74;
	background: url(../images/blue_gradient.png) 0% 0% repeat-x;
}

#logo {
	position: absolute;
	top: 5px;
	left: 15px;
}

#header h1 {
	float:left;
	width:320px;
	height:100px;
	font-weight: bold;
	font-family: Helvetica, arial;
	text-align: left;
	margin-left: 130px;
	line-height: 30px;
	font-size: 110%;
	color: #3B4F74;
	margin-top:9px;
}
p#slogan {
	float:right;
	width:300px;
	color: #3B4F74;
	margin-top:70px;
	font-weight: bold;
	font-family: Helvetica, arial;
	text-align: right;
	margin-right: 20px;
	line-height: 30px;
	font-size: 110%;
}
#midsection {
	margin:0; padding:0;
	width:100%;
	min-height:510px;
	position:relative;
}
#LeftColumn{
	float:left;
	width: 366px;
	margin:0;padding:0;
}

#RightColumn {
	padding:0;
	float:right;
	width:680px;
	text-align:left;
	z-index: 10;
	margin-right:3px;
	position:relative;
}
/* End Application layout */

/* Left Column Style */

#factfinderheader {
	position:absolute;
	left:4px;
	top:7px;
	width: 361px;
	height: 40px;
	z-index:0;
	font-family: Tahoma;
	font-weight: bold;
	color: #F1F1E9;
	font-size: 80%;
	letter-spacing: 1px;
	text-align: left;
	margin-top: 0px;
}

#searchresultsheader {
	position:absolute;
	left:4px;
	top:101px;
	width: 361px;
	height: 30px;
	z-index:0;
	font-family: Tahoma;
	font-weight: bold;
	color: #F1F1E9;
	font-size: 80%;
	letter-spacing: 1px;
	text-align: left;
}

#latlon{
	position: absolute;
	top: 472px;
	left: 4px;
	width: 359px;
	height: 45px;
	font-size: 80%;
	font-family: Verdana;
	border: 1px solid #D2D3C6;
}

#latlon a {
	color: #7957A0;
}

#latlonheader {
	position:absolute;
	left:4px;
	top:429px;
	width: 361px;
	height: 30px;
	z-index:0;
	font-family: Tahoma;
	font-weight: bold;
	color: #F1F1E9;
	font-size: 80%;
	letter-spacing: 1px;
	text-align: left;
}


#searchresults_outlinebox {
	position:absolute;
	top:99px;
	height:288px;
	left:4px; 
	width:359px; 
	zindex: -2;
}

#searchres {
	padding:0px;
	margin:0px;
	position:absolute;
	top:45px;
	left: 0px;
	width:359px;
	z-index:0;
	height: 288px;
	border: 1px solid #D2D3C6;
}


#findwhat {
	padding:0px;
	margin:0px;
	position:absolute;
	left:4px;
	top:45px;
	width: 359px;
	height:58px;
	z-index:0;
	font-size: 80%;
	font-family: Verdana;
	border: 1px solid #D2D3C6;
	background-color: white;
}

#selOptions {
	margin-top: 8px;
	margin-left: 8px;
	text-align: left;
}

#selOptions table {
	font-size: 95%;
	font-family: Verdana;
}

#findby {
	margin-top: 10px;
	margin-bottom: 13px;
	margin-left: 15px;
	text-align: left;
}

#inputarea{
	text-align: left;
	position: absolute;
	top: 29px;
	left: 10px;
}

#searchbutton{
	position: absolute;
	top: 27px;
	left: 318px;
	text-align: center;
}

.addsearch {
	position: absolute;
	top: 0px;
	left: 260px;
	width: 57px;
	height: 18px;
}
.search {
	background-color: #507052;
	color: #E6E6DE;
	font-family: Tahoma;
	width: 28px;
	padding-left: 0px;
}

.searchtext { 
	font-size: 80%;
	font-family: Verdana;
}

.formStyle
{ 
	font-size: 100%; 
	color: #000000; 
	border: 1px solid #D2D3C6;
	width: 295px;
}

#latloncoords {
	font-size: 90%;
	border: 1px solid #D2D3C6;
}

/* End Left Column Style */


.map_border {
	border: 1px solid #D2D3C6;
}

#MainMapLayer {
	padding:0px;
	margin:0px;
	position:absolute;
	left:7px;
	top:11px;
	height:410px;
	z-index:-1;
	border: 0 none #000000;
	text-align:left;
}

#map{
    margin-top: 7px;
	width: 100%;
}

#maptools{
	position: absolute;
	top: 235px;
	left: 20px;
}

#map-legend{
	width:410px;
	text-align:left;
	position: absolute;
	top: 517px;
	left: -3px;
 }
#sat-legend{
	width:410px;
	text-align:left;
	position: absolute;
	top: 515px;
	left: -3px;
 }
#gmap-legend{
	width:410px;
	text-align:left;
	position: absolute;
	top: 515px;
	left: -3px;
 }

#kml {
	position: relative;
	top: 48px;
	left: 107px;
}

#kml a {
	font-family: calibri,trebuchet ms,arial,helvetica,sans-serif;
	font-size: 90%;
	color: #555555;
}

#ge_icon{
	position: absolute;
	top: 4px;
	left: 78px;
}

.label
{
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
}

.boldlabel {
	font-family: Verdana;
	font-size: 70%;
	color: #42966B;
}

h2 {
	font-family: Verdana;
	font-size: 80%;
	font-weight:bold;
	color: #007560;
	margin-bottom: 0px;
}


a {
	color: #E6E6DE;
}

img {
	border: none;
}
body.blank {
	text-align:left;
}

.tbTitle{
	text-decoration: underline;
}

/* Round Box style */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
 
.rbcontent { 
margin-left: 15px;
width: 345px;
z-index:2;
}

.rbcontentimg{ 
position: absolute;
top: 3px;
left: 3px;
z-index:2;
}

.rbroundbox { 
width: 50%; 
margin: 1em auto; 
}

/* End Round Box style */

#updateslink{
position: absolute;
top: 525px;
left: 5px;
font-size: 75%;
font-weight: bold;
font-family: Helvetica, arial;
text-align: left;
color: #3B4F74;
}

#updateslink a{
color: #3B4F74;
}

/* Footer style */


#footer {
  position:relative;
  width:100%;
  max-width: 1600px;
  top:580px;
  left: 0px;
  height:10px;
  z-index:1;
  background-color: #3B4F74;
}


/* End Footer style */

/*************** Pure CSS ToolTips **********************/

a#tooltip {
    position:relative; 	/*this is the key*/
    z-index:200;
    text-decoration:none;
	cursor: help;
	}

a#tooltip:hover{
	z-index:201;
	cursor: help;
	}

a#tooltip span{display: none}

a#tooltip:hover span{ 	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1em; left:10em; width:44em;
	border: 1px solid #3D4F97;
	color:white;
	font-family: arial, sans-serif;
	font-size: 9pt;
	font-weight:normal;
    text-align: left;
	text-decoration:none;
	z-index:202;
       line-height: 12pt;
	-moz-opacity:0.95;
	}

a#tooltip span.normalstate{
	display: none;
	z-index:201;
	text-align:left;
	padding:3px;
	}

a#tooltip span.hoverstate{ 
    display:block;
    position:absolute;
    top:-1em; left:10em; width:44em;
	background-color: #4D5D9F;
	border: 1px solid #3D4F97;
	color:white;
	font-family: arial, sans-serif;
	font-size: 9pt;
       line-height: 12pt;
	font-weight:normal;
    text-align: left;
	text-decoration:none;
	z-index:202;
	}



v\:* { BEHAVIOR: url(#default#VML) }

@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 width:11in; height: 8.5in;}
  #header{ width:100%;   margin-right: 0px;
  margin-left: 0px;}
  #footer{ width:100%;   margin-right: 0px;
  margin-left: 0px;}
  #midsection{ width:100%;   margin-right: 0px;
  margin-left: 0px;}
}

	.ui-dialog-titlebar{
		background-image:none;
		background-color: #3B4F74;
		height:10px;
		border:0;
		color:#fff;
		font-weight: normal;
	}  
	.ui-state-active a{
		outline:0;
	}
	.ui-widget-content{
	background-image:none;
		text-align:left;
		font-size:10pt;
		padding:0;
		background-color:#E4E8D1;
	}
	.ui-widget-content p{
		line-height:1.45em;
		color:#666;
	}
		
		
	.dataSource h3 {
		color: white;
		font-family: Arial, sans-serif;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 10px;
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
	}