﻿/*v4.App AppStyle */

/* -- Element default styles ----------------------------------------------- */
div, span, td, th, legend
{
	color:#4275AB;
}

a
{
	color: #0061EA;
	text-decoration: none;
}

a:hover
{
	color: #DAA43A;
}

body , div, span, td, th, legend, a, a:hover, textarea, input, select
{
	font-family: Tahoma;
}

body
{
	background-color:#FFFFF0;
	color: #333333;
	padding: 0px;
	margin: 0px;	
	height:100%;
}

fieldset
{
	padding: 5px 5px 5px 5px;
}

img, a img
{
	vertical-align: middle;
}

a img
{
	border-width: 0;
}

span.indent, a.indent, div.indent, table.indent, span.spaceleft, a.spaceleft, div.spaceleft, table.spaceleft
{
	padding-left:5px;
	margin-left:5px;  
}

span.spacetop, a.spacetop, div.spacetop, table.spacetop
{
	padding-top:2px;
	margin-top:2px;  
}

span.spacebottom, a.spacebottom, div.spacebottom, table.spacebottom
{
	padding-bottom:2px;
	margin-bottom:2px;  
}

span.spaceright, a.spaceright, div.spaceright, table.spaceright
{
	padding-right: 5px;
	margin-right: 5px;
}

/* -- Text styles ---------------------------------------------------------- */
div.heading, table.heading, table a.heading, table a:hover.heading, table span.heading, a.heading, a:hover.heading, span.heading,
td.heading
{
    font-weight:bold;
}

div.label, table.label, table a.label, table a:hover.label, table span.label, a.label, a:hover.label, span.label,
td.label, table.label * td
{
	color:#4275AB;
}

div.value, table.value, table a.value, table a:hover.value, table span.value, a.value, a:hover.value, span.value,
td.value, table.value * td
{
	color:#000000;
}

error, div.error, table.error, table a.error, table a:hover.error, table span.error, a.error, a:hover.error, span.error,
td.error, table.error * td
{
	color:#ff6347;
}

warning, div.warning, table.warning, table a.warning, table a:hover.warning, table span.warning, a.warning, a:hover.warning, span.warning,
td.warning, table.warning * td
{
	color: #C60900; 
}

td.reader
{
	 font-weight:bold;
	 text-decoration:underline;
}
/* Any free text */
div.text, span.text, td.text
{	
	margin: 5px 5px 10px 5px;
}

div.right, span.right, td.right, th.right
{	
	text-align:right;
}

div.left, span.left, td.left, th.left
{	
	text-align:left;	
}

div.center, span.center, td.center, th.center
{	
	text-align:center;	
}

div.noborder, table.noborder
{	
	padding: 0 0 0 0;
	border: none 0px #ffffff;
	border-collapse: collapse;	
	border-right: none 0px #ffffff;
	border-top: none 0px #ffffff;
	border-left: none 0px #ffffff;
	border-bottom: none 0px #ffffff;
}

div.fullwidth, table.fullwidth, span.fullwidth, input.fullwidth, td.fullwidth, tr.fullwidth, textarea.fullwidth, select.fullwidth, th.fullwidth, fieldset.fullwidth, legend.fullwidth
{
	width:100%;
}

div.pixels, table.pixels, span.pixels, input.pixels, td.pixels, tr.pixels, textarea.pixels, select.pixels, th.pixels, fieldset.pixels, legend.pixels
{
	width:592px;
}

div.navigation, table.navigation
{
	margin-bottom: 10px;
}

div.navigation table, table.navigation
{
	border: solid 1px #aaccee;
	width: 100%;
	border-collapse: collapse;
}


/* Title bar/Section */
div.title, div.section, table.title, table.section
{
	table-layout:fixed;
	border-collapse: collapse;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: solid 1px #cccccc;
}

/* Title/Section bar caption */
div.title * th, div.section * th, table.title * th, table.section * th
{
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	vertical-align: middle;
	line-height: 18px;
	border-bottom:solid 1px #7aa5d6;
}

subtitle , font.subtitle , p.subtitle , a.subtitle , a:hover.subtitle , span.subtitle , td.subtitle, table.subtitle * th
{
	font-weight:bold;
	color:#0c4175;
}

/* Title/Section bar caption links */
div.title * th a, div.section table * th a, table.title * th a, table.section * th a
{
	font-weight:normal;
}

/* Isolated section */
div.section, table.section
{
	border: solid 1px #7aa5d6;
}

table.section
{
	width: 100%;
}

/* Isolated section caption */
div.section table thead tr th, table.section thead tr th
{
	background-color:#e5ecf9;
}

/* Isolated section body */
div.section table tr td, table.section tr td
{
	border-top: none 0px #ffffff;
	background-color: #FFFFFF;
}

table.nowrap, table.nowrap * td, td.nowrap, th.nowrap, div.nowrap, span.nowrap
{
	white-space:nowrap;
}

table.clip * td, td.clip, div.clip
{	
	text-overflow:clip;
	overflow: hidden;
}

table.wrap * td, td.wrap, div.wrap
{	
	word-wrap:normal;
	white-space:normal;
}

table.nowrap * td, td.nowrap, div.nowrap
{	
	white-space:nowrap;
}

table.ellipsis * td, td.ellipsis, div.ellipsis
{	
	text-overflow:ellipsis;
}

table.fixed
{
	table-layout: fixed;
}

table.nospacing, table.nospacing * td, td.nospacing
{	
	margin: 0px;
	border-collapse:collapse;	
}

table.nopadding, table.nopadding * td, td.nopadding
{
	padding: 0px;
}

/* -- Grid styles ---------------------------------------------------------- */
/*results grid*/
table.grid
{
	border-right: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}


table.grid tr.header a, table.grid tr.header a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

table.grid tr.header, table.grid * td.header, table.grid tr.header td, table.grid tr.header th
{
	font-weight: bold;
	color: #ffffff;
	border-style:none;
	background-repeat: repeat-x;
	background-color: #4275AB;
}

table.grid tr.footer
{	color:#000000;
	background-color:#E7E6E3;
	font-weight:bold;
	border-top: #000000 2px solid;
	border-bottom-style:none;
	border-left-style:none;
	border-right-style:none;
}

table.grid tr.item, table.grid tr.row
{
	color:#000000;
	background-color: #F7FAFF;
}

table.grid tr.selecteditem, table.grid tr.selectedrow
{
	color: #660000;
	background-color: #f9f5c7;
}

table.grid tr.edititem, table.grid tr.editrow
{
	color:#000000;
	background-color:#f9f5d7;
}

table.grid tr.alternatingitem, table.grid tr.alternatingrow
{
	color: #000000;
	background-color: #FAFAFF;
}

table.grid tr.pager
{
	font-weight: bold;
	background-color:#ffffff;
	color:#808080;
}

table.grid tr.pager 
{
	text-decoration: underline;
}

/*inspection grid*/
table.list
{
	border-right: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}


table.list tr.header, table.list * td.header, table.list tr.header td, table.list tr.header th
{
	font-weight: bold;
	text-decoration: underline;
	color: #4275AB;
	text-align: left;
	border-style:none;
	background-repeat: repeat-x;
	background-color: #ffffff;
}

table.list tr.footer
{	color:#000000;
	background-color:#ffffff;
	font-weight:bold;
	border-top: #000000 0px solid;
	border-bottom-style:none;
	border-left-style:none;
	border-right-style:none;
}

table.list tr.item, table.list tr.row
{
	color:#000000;
	background-color: #ffffff;
}

table.list tr.selecteditem, table.list tr.selectedrow
{
	color: #660000;
	background-color: #ffffff;
}

table.list tr.edititem, table.list tr.editrow
{
	color:#ffffff;
	background-color:#ffffff;
}

table.list tr.alternatingitem, table.list tr.alternatingrow
{
	color: #ffffff;
	background-color: #ffffff;
}

table.list tr.pager
{
	font-weight: bold;
	background-color:#ffffff;
	color:#ffffff;
}

/*faq grid*/
table.faq
{
	border-right: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}


table.faq tr.header, table.faq * td.header, table.faq tr.header td, table.faq tr.header th
{
	border-style:none;
}

table.faq tr.footer
{	color:#000000;
	background-color:#ffffff;
	font-weight:bold;
	border-top: #000000 0px solid;
	border-bottom-style:none;
	border-left-style:none;
	border-right-style:none;
}

table.faq tr.item, table.faq tr.row
{
	color:blue;
	background-color: #ffffff;
}

table.faq tr.selecteditem, table.faq tr.selectedrow
{
	color: #660000;
	background-color: #ffffff;
}

table.faq tr.edititem, table.faq tr.editrow
{
	color:#ffffff;
	background-color:#ffffff;
}

table.faq tr.alternatingitem, table.faq tr.alternatingrow
{
	color: #ffffff;
	background-color: green;
}

table.faq tr.altitem, table.faq tr.altrow
{
	color: #000000;
	background-color: #E5ECF9;
}

table.faq tr.pager
{
	font-weight: bold;
	background-color:#ffffff;
	color:#ffffff;
}

/*external app styles*/
.boldHdr 
{
	font-weight: bold;
	color: #4275AB;
}

#container 
{
	width: 880px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	border-right: 1px solid #ffcc99;
	border-left: 1px solid #ffcc99;
	border-bottom: 1px solid #ffcc99;
	background: url(img/bg_column.gif) top left repeat-y;
}

#banner 
{
	font-size: 8pt;
	color: #2F4F88;
	background-color: #FFFFFF;
	border-bottom: 4px solid #4275ab;
	padding: 0;
	margin: 0;
	text-align: right;
}

.searchPad { margin-right: 10px; }

.homeButton
{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	cursor: auto;
}
#banner img 
{
	vertical-align:middle;
} 

.searchText
{
	margin-top: 5px;
	font-size: 8pt;
	color: #333333;
	width: 200px;
	height: 12px;
	padding-right: 2px;
}

#topNav
{
	background-color: #4275ab;
	background-image: url(img/topNav_rt.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin-left: 245px;
	margin-top: 5px;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: white;
}

#topNavimage 
{ 	
	background-image: url(img/topNav_lt.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px 0 2px 0;
	height: 15px;
} 
	
#topNavimage div { margin: 0 auto;}
#topNav a
{
	color: #FFFFFF;
	text-decoration: none;
}

#topNav a:hover
{
	color: #d3a644;
}

#topNav a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#topNav .dots
{
	vertical-align: middle;
	margin: 3px 3px 0 3px;
}

#content 
{
	background-color: #FFFFFF;
	padding: 10px 0 0 10px;
	float: left;
	margin: 10px 10px;
	width: 680px;
}

#content-wrapper
{
	width: 881px;
	min-height:416px;
	height:auto !important;
	height:416px;
	margin-top:0px;
	background-repeat:repeat-y;
}
	
#leftNav 
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 145px;
	margin: 0px auto;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 24px;
	border-right: 2px solid #C08F1B;
}

#leftNav a
{
	color: #333333;
	text-decoration: none;
}

#leftNav a:hover
{
	color: #FFFFFF;
}

#leftNav a:visited
{
	color: #333333;
	text-decoration: none;
}

#popUpPage
{
	background-color: #FFFFFF;
}

/* -----------footer--------------------------- */
#footer 
{
	background-color: #ffffff;
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: left; 
	width: 100%;
	border-top:2px solid #4275ab;
	height: 25px;
}

#disclaimer 
{
	text-align: justify;
	padding: 0 20px 0 20px;
	font: italic 8pt Arial;
}
#copyright
{
	float: left;
	font-weight: normal;
	text-transform:uppercase;
	color: Black;
	background-color: #FFFFFF;
	padding:5px 15px;
	margin:0px
}

#siteFeatures
{
	float: right;
	font-size: 10px;
	padding-right: 5px;
	padding-top: 5px;
	background-color: #ffffff;
	color: #4275ab;
	text-align: right;
	text-transform: uppercase;
}

#siteFeatures a:link, #siteFeatures a:visited, #siteFeatures a:hover, #siteFeatures a:active 
{
	font: normal 10px Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	color: #2f4f88;
} 

.submitButton 
{
	width: 90px;
	 height: 20px;
	 border: solid 1px #5b88b7;
	 background-color:#C7D8E8;
}

.siteContainer {background: url(graphics/bg.gif) no-repeat;}
	
.contentArea 
{
	margin-left: 223px;
	padding-top: 185px;
	width: 577px;
}

.contentArea p 
{
	font-size: 12px;
}

/* ---------------- */
/* ---- basics ---- */
/* ---------------- */
.bold 
{
	font-weight: bold;
}
h1 
{
	color: #4275AB;
	font-family:Tahoma;
	font-size: 18px;
	margin-bottom: 15px;
	padding-top: 10px;
}
h2 
{
	color: #D3A644;
	font-size: 16px;
	margin: 15px 0 15px 0;
}
h3 
{
	color: #4275AB;
	font-family:Tahoma;
	font-size: 14px;
	margin-bottom: 4px;
	margin: 4px 0;
}
.breadCrumb 
{
	margin: 0 0 22px 0;
	font-size: 11px;
	color: #145496;
}
.breadCrumb a 
{
	font-size: 11px;
	color: #145496;
}

.headerImage 
{
	display: block;
	margin: 0 0 9px 0;
}
.submitLink img 
{
	margin-top: 20px;
}

/* ------------------------- */
/* ---- Detailed Search ---- */
/* ------------------------- */
.searchTable 
{
	width: 428px;
}
.searchTable td, .searchTable th 
{
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #FFFFFF;
}
.searchTable td 
{
	width: 269px;
	padding: 0 0 0 10px;
	background: #DDDDDD;
}
.searchTable th 
{
	background: #FFFFFF;
	color: #125395;
	text-align: right;
	padding: 7px 5px 7px 10px;
}
.searchTable th img 
{
	vertical-align: middle;
}
.searchTable .radioInput 
{
	vertical-align: middle;
	margin-right: 3px;
}
.searchTable .secondRadio 
{
	margin-left: 28px;
}
.searchTable .submitRow td 
{
	background: none;
	text-align: right;
	width: 279px;
	padding-top: 6px;
}

table.formSearch
{
	background: none;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;	
	color: #125395;
	font-size: 11px;
	clear: both;
	border: 1px solid #7aa5d6;
}

table.formSearch tr.headRow td 
{
	background-color: #e5ecf9;
	font-weight: bold;
	padding: 3px 0px 5px 5px;
	font-size: 14px;
	color: #125395;
	border-bottom: 1px solid #7aa5d6;
	line-height: 16px;
}

table.formSearch th 
{
	width: 150px;
	padding: 8px 2px 8px 5px;
	text-align: right;
	color: #125395;
	vertical-align: middle;
}
table.formSearch td 
{
	font-weight: bold;
}

/* --------------------- */
/* ---- three boxes ---- */
/* --------------------- */

/*.threeBox 
{
	text-align: center;
	margin: 15px 0 0 30px;
	font: 10pt Arial, Verdana, Helvetica, sans-serif;
}

.threeBox p 
{
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	width: 165px;
	margin-left: 10px;
}
.threeBox p a 
{
}
.submitContainer 
{
	clear: left;
	text-align: center;
}
.submitContainer img 
{
	margin-left: 17px;
	margin-top: 125px;
}

.quickSearch {
	background: url(graphics/quick_search.gif) no-repeat;
	float: right;
	padding: 13px 0 0 0;
	margin: 0;
}
.quickSearch input { vertical-align: middle;	font-size: 12px;}

.pageList {
	font-size: 11px;
	margin-bottom: 15px;
	width: 500px;
	line-height: 20px;
}

.pageList a {color: #145496;}
.pageList a:hover {color: #D3A644;}
*/
/* Navigation */
/*
.detailsTable {
	width: 480px;
	font-size: 11px; 
	clear: both;
}

.detailsTable td {
	background: #DDDDDD;
	padding: 2px 2px 2px 5px;
}

.detailsTable .headRowLrg td {
	font-size: 14px;
	font-weight: bold;
	padding: 2px 5px;
	background: url(graphics/gradient.gif) repeat-x;	
}
.detailsTable .headRow td {
	font-size: 11px;
	font-weight: bold;
	padding: 2px 5px;
	background: url(graphics/gradient.gif) repeat-x;
}

.detailsTable a {color: #145496;}
.detailsTable a:hover {color: #D3A644;}
.detailsTable .headRow a {color: #000000;}
.detailsTable th {
	width: 98px;
	padding: 3px 2px 3px 5px;
	background: #125395;
	text-align: left;
	color: #FFFFFF;
}

.inlineNav{
	font-size:11px;
	
}
*/
/* General */

.clearBoth {clear: both;}
.submitErrors {
	color: #B22222;
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
}

.searchSubmit td {
	padding-top: 10px;
	background: none;
	text-align: right;
}
/*table.communityTable td{
	font-size: 9px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-right: 7px;
}
table.communityTable td input {
	vertical-align: middle;
}*/
/* Footer */

.footer {}
.listKey {
	font-size: 12px;
	color: #145496;
	padding-bottom: 15px;
	display: block;
}

.errors {
	font-family: Arial;
	font-size: 10pt;
	color: #ff0000;
}

.success {
	font-family: Arial;
	font-size: 10pt;
	color: #0000ff;
}

/* common form elements */

/*.adTextBoxShort {
	width: 100;
}

.adTextBoxLong {
	width: 275;
}

.adTextArea {
	width: 375;
	height: 85;
}*/

.adDateDate {
	width: 20;
}

.adDateMonth {
	width: 95;
}

.adDateYear {
	width: 35;
}

#popUpPage{
	margin: 10px 10px 20px 20px;
}
/* -- Control styles ------------------------------------------------------- */
/*Viewable portion of page*/
input.readonly
{
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	background-color: whitesmoke;
	color: #000000;
}

td.WarningBox
{
	border: solid 1px #C60900;
	background-color: #F0DCDC;
	color: #C60900;	
	padding: 2px 5px 2px 5px;
	vertical-align: top;
}

warning, div.warning, table.warning, table a.warning, table a:hover.warning, table span.warning, a.warning, a:hover.warning, span.warning,
td.warning, table.warning * td
{
	color: #C60900; 
}

