/* ---------------------------------------------------------------------------------------------------------------------------------- This is needed for the tooltip script  */

body{
background-color: #FFFFFF;
margin-top: 0px; margin-bottom: 0px;
}

div {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; 
}


#titlebar {
width: 740px;
height: 27px;
color: #FFFFFF; font-size: 16px; font-family: "Trebuchet MS", verdana, geneva, sans-serif;
}
#title {
float-left;
position: absolute;
padding-top: 2px;
padding-left: 7px;
}
#exit {
float: right;
position: absolute;
width: 740px;
height: 27px;
text-align: right;
padding-top: 3px;
padding-right: 5px;
}
#exit a {
color: #FFFFFF;
font-size: 14px;
text-decoration: none;
}


.headerTD {
background: url("../graphics/headerbg.gif") no-repeat;
padding-left: 20px;
padding-top: 10px;
color: #757575; font-size: 11px; font-family: verdana, geneva, sans-serif;
line-height: 16px;
}
.headerTD A, .headerTD A:link, .headerTD A:visited {color: #063a7d; text-decoration: none;}
.headerTD A:hover {text-decoration: underline;}

.shadowedTD {
background: url("../graphics/bodybg.gif") repeat-y;
padding-left: 10px;
padding-right: 10px;
}

.searchOuterTD {
background-color: #E2F0F8;
padding-left: 15px;
}

.searchTD {
color: #2789C9; font-size: 11px; font-family: arial, geneva, sans-serif;
font-weight: bold;
line-height: 16px;
padding-top: 5px;
}

.searchHeaderTD {
background-image: url("../graphics/searchheaderbg.gif");
background-repeat: no-repeat;
color: #000000; font-size: 11px; font-family: verdana, geneva, sans-serif;
padding-top: 6px;
padding-right: 32px;
}

.searchImage {
border: 1px #0074BE solid;
}

#main {
width: 745px;
height: 500px;
overflow: auto;
padding-left: 0px;
padding-right: 15px;
padding-top: 3px;
padding-bottom: 15px;
}

.resultsHeaderTD {
color: #FFFFFF; font-size: 14px; font-family: arial, geneva, sans-serif;
font-weight: bold;
background-color: #2769b0;
padding: 10px;
}

.resultsFieldsTD {
color: #444444; font-size: 11px; font-family: arial, geneva, sans-serif;
font-weight: bold;
background-color: #CCCCCC;
padding: 10px;
}

.resultsTD {
color: #333333; font-size: 12px; font-family: arial, geneva, sans-serif;
background-color: #EEEEEE;
padding: 10px;
}

.detailsTD {
color: #333333; font-size: 12px; font-family: arial, geneva, sans-serif;
background-color: #EEEEEE;
padding: 10px;
text-align: justify;
line-height: 18px;
}

.mapTD {
background-color: #EEEEEE;
padding-bottom: 10px;
}

.detailsTitle {
color: #da6f20; font-size: 11px; font-family: arial, geneva, sans-serif;
font-weight: bold;
}

.detailImage {
border: 1px #7F7F7F solid;
}

.marginHeaderTD {
background-image: url("../graphics/marginheader.gif");
background-repeat: no-repeat;
padding-right: 5px;
padding-bottom: 1px;
}

.marginTD {
background-color: #cce3f4;
}

.mainTD {
padding-left: 18px;
padding-top: 12px;
}

hr {color: #063A7D; height: 1px;}



.contactTD {
color: #6C6F70; font-size: 12px; font-family: arial, geneva, sans-serif;
line-height: 18px;
padding-left: 30px; padding-top: 30px;
}

.contactTD A, .contactTD A:link, .contactTD A:visited {color: #063a7d; font-weight: bold; text-decoration: none;}
.contactTD A:hover {text-decoration: underline;}


.footerTD{
color: #757575; font-size: 10px; font-family: verdana, geneva, sans-serif;
background-color: #FFFFFF;
background-image: url("../graphics/footerbg.gif");
background-repeat: no-repeat;
padding-top: 18px;
padding-left: 15px;
padding-right: 15px;
}

.footerTD A, .footerTD A:link, .footerTD A:visited {color: #063a7d; font-weight: bold; text-decoration: none;}
.footerTD A:hover {text-decoration: underline;}


.imgLeft {
margin-right: 20px; margin-bottom: 5px;
}

.imgRight {
margin-left: 20px; margin-bottom: 5px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- Forms */

input, textarea, select{
color: #222222; font-size: 11px; font-family: arial, geneva, sans-serif;
background-color: #EAEAEA;
border: 1px #B0B0B0 solid;
font-weight: normal;
}

.searchbtn {
color: #FFFFFF; font-size: 11px; font-family: verdana, geneva, sans-serif;
background-color: #2f96d9;
border: 1px #00578a solid;
font-weight: normal;
}

.whiteField{
color: #222222; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFFFFF;
border: 1px inset; border-bottom-style: outset; border-left-style: outset; border-right-style: outset; border-top-style: outset;
border-color: #8FB1B7 #8FB1B7 #8FB1B7 #8FB1B7
font-weight: normal;
}

.btnSubmit{
color: #222222; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFF5DB;
font-weight: bold;
border: 1px inset; border-bottom-style: outset; border-left-style: outset; border-right-style: outset; border-top-style: outset;
border-color: #8FB1B7 #8FB1B7 #8FB1B7 #8FB1B7
}

.centeredField {
text-align: center;
}

.invisibleField {
color: #222222; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFFFFF;
border: 0px;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF
}

.chkbx {
color: #FFFFFF; font-size: 9px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFFFFF;
border: 0px;
}
