﻿/*****************************************/
/*** Styles for standard HTML elements ***/
/*****************************************/
html {width:100%;height:100%;overflow:scroll}
body {height:100%;margin:0;font-family:Helvetica,Arial;font-size:8.5pt}
h1 {font-size:14pt}
h2 {font-size:11pt;padding:5px 0 10px 0;margin:5px 0 5px 0}
h3 {font-size:9pt}
h4 {font-size:8.5pt;margin:0}
h5 {font-size:8.5pt;color:Yellow}

a {text-decoration:underline}
a:hover {text-decoration:none;color:Blue}
a:visited {color:Blue}
ul li, ol li {line-height:16px}

/**********************************/
/*** Styles for layout elements ***/
/**********************************/
div#dv-container {width:100%;text-align:center}
div#dv-header, div#dv-content, div#dv-content2, div#dv-footer {width:800px;text-align:left;margin:auto}
div#dv-header {position:relative;background-image:url('../images/banner.jpg');background-position:left top;background-repeat:no-repeat;height:180px}

div#dv-content
{
	background-image:url('../images/map_bg.png');
	background-position:left top;
	background-repeat:no-repeat;
	height:450px;
	overflow:hidden;
	position:relative;
}	
div#dv-content-map {position:absolute;left:0;top:0;width:400px;height:450px}
div#dv-content-tools {position:absolute;left:400px;top:5px;width:390px;height:30px}
div#dv-content-results {position:absolute;left:400px;top:35px;width:390px;border-top:solid 1px #C0C0C0;vertical-align:top;padding:5px}

div#dv-content2 {position:relative;text-align:center;padding:10px}	
div.dv-content-block {width:750px;text-align:left;padding:10px}
div.dv-content-sub-block 
{
	width:650px;
	text-align:left;
	padding:10px;
	background-image:url('../images/block_bg.png');
	background-position:left top;
	background-repeat:repeat-x;
	margin:5px auto 5px auto;
	border:solid 1px #C0C0C0;
}

div#dv-footer {border-top:solid 1px #C0C0C0;padding-top:5px;font-size:7pt}
#dv-footer-left,#dv-footer-right {width:50%;padding:0;margin:0;display:inline;vertical-align:top}
#dv-footer-left {text-align:left;float:left}
#dv-footer-right {text-align:right;float:right}

/*******************************/
/*** Styles for map controls ***/
/*******************************/
div#dv-control-map {position:absolute;left:5px;top:5px;width:385px;height:430px;background-color:White}
div#dv-control-zoom {position:absolute;left:20px;top:20px;z-index:40}
div#dv-control-scalebar {position:absolute;left:20px;top:380px;z-index:50}
div#dv-control-goto {position:absolute;left:10px;top:408px;width:372px;height:22px}

/********Y*************************/
/*** Styles for search controls ***/
/**********************************/
div#dv-search-controls {top:80px;left:20px;position:absolute;z-index:40;width:510px}

/***********************************/
/*** Styles for miscel. elements ***/
/***********************************/
.img-block-left {float:left;display:inline;padding-right:8px}
.dv-block-right {float:right}
div#dv-loading {
	font:8pt Arial,MS Sans Serif; 
	border:solid 2px #004A7F; 
	padding:10px;
	margin:auto;
	position:absolute; 
	z-index:99;
	width:200px;
	visibility: hidden;
	text-align:center;
	vertical-align:middle;
	background-color:White;
}
.hidecolumn {display:none}

.dv-floating {padding:8px;visibility:visible}

table#tb-find-address {width:100%;margin:auto}
table#tb-find-address tr {vertical-align:middle;text-align:left}

table#tb-contact-info {width:600px;margin:auto}
table#tb-contact-info tr td {border:solid 1px #C0C0C0}

/********************************/
/*** Styles for text elements ***/
/********************************/
.text-control {font-family:Arial,MS Sans Serif;font-size: 8.5pt}
.text-watermark {color:Gray;font-family:Arial,MS Sans Serif;font-size:8.5pt}
.text-title {font-size:9.5pt;font-weight:bold}
.text-weblink {color:Blue;text-decoration:underline}

/****************************/
/*** Styles for alignment ***/
/****************************/
.ac {text-align:center}
.al {text-align:left}
.ar {text-align:right}
.at {vertical-align:top}
.alt {text-align:left;vertical-align:top}
.alm {text-align:left;vertical-align:middle}
.acm {text-align:center;vertical-align:middle}

/****************************/
/*** Styles for help page ***/
/****************************/
#pg-help table tr {vertical-align:top;text-align:left}
#pg-help table tr td.heading {color:White;background-color:#404040}

/*******************************/
/*** Styles for results page ***/
/*******************************/
#tb-results tr {vertical-align:top;text-align:left}
#tb-results tr td {border:solid 1px #C0C0C0}
#tb-results tr.oddrow {background-color:White}
#tb-results tr.evenrow {background-color:#EFF1F4}
#tb-results tr td.header {background-color:#035483;color:White;width:30px;text-align:center}

/*****************************/
/*** Styles for error page ***/
/*****************************/
#pg-error div {text-align:center;padding:10px}
#pg-error table {margin:auto}
#pg-error table tr {vertical-align:top;text-align:left}
#pg-error table tr.header {vertical-align:middle}

/*****************************/
/*** Styles for FYI pop-up ***/
/*****************************/
div#dv-fyi 
{
	position:relative;
	left:660px;
	top:54px;
	background-image:url('../images/fyi.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	width:115px;
	height:126px;
	z-index:30;
}
div#dv-fyi-popup
{
	padding:0px;
	position:Absolute; 
	z-index:100;
	visibility:hidden; 
	color:White; 
	top:0px;
	left:0px; 
	width:520px;
}
div#dv-fyi-popup div {padding:0px 20px 0px 20px;margin:0px;background-image:url('../images/border-middle.png');background-position:left top;background-repeat:repeat-y}
div#dv-fyi-popup img {border:0;margin:0;padding:0}

/********************************************/
/*** Styles for detailed information page ***/
/********************************************/
#pg-detailed-info {padding:0}
#pg-detailed-info table#tb-layout {width:100%;margin:auto}
#pg-detailed-info table#tb-layout tr {vertical-align:top}
#pg-detailed-info table#tb-layout tr td {padding:5px 10px 0px 10px}
#pg-detailed-info table#tb-layout tr.header td {padding:5px 10px 5px 10px}

#pg-detailed-info table#grdItemInfo tr td {padding:4px}

#pg-detailed-info #ZoomLevel1 {position:absolute;left:25px;top:40px;z-index:40}
#pg-detailed-info #ScaleBar1 {position:absolute;left:25px;top:240px;z-index:50}
