/* Douglas County Application CSS Document 2.2006 cv */

/* Layout Area */

#printLogo{
	top: 0px;
	z-index: 50;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 0px;
	width: 0px;
	left: 0px;
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	right: 0px;
	bottom: 0px;
}
#printWindow{
	float: right;
	color: #FFFFFF;
	padding-right: 10px;
	padding-top: 60px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: text-bottom;
}

#printWindow a{
	color: #006600;
}

#printWindow a:link{
	color: #006600;
}
#printWindow a:visited{
	color: #006600;
}

#printWindow a:hover{
	color: #996600;
}
.ApptableTwo{
	width:99%;
	margin: 0px;
	font-size:11px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.ApptableThree{
	width: 99%;
	padding: 0px;
	margin: 0px;
}

.Apptable{
	width:99%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* Start DisplayTag AppTable Styles */
.ApptableDisplayTag {
	width:99%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-left-width: 1px;	
	border-left-style: solid;
	border-left-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-collapse:collapse;
}
.ApptableDisplayTag th {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background-color: #E6E6E6;
	font-size: 10px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}
.ApptableDisplayTag td {
	font-size: 10px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;	
}

/* Display Tag sort styles */
.ApptableDisplayTag th.sorted a,th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}

.ApptableDisplayTag th.sortable a {
	background-image: url(../images/arrow_off.png);
	background-position: right;
	background-repeat: no-repeat;
}

.ApptableDisplayTag th.order1 a {
	background-image: url(../images/arrow_up.png);
	background-position: right;
	background-repeat: no-repeat;
}

.ApptableDisplayTag th.order2 a {
	background-image: url(../images/arrow_down.png);
	background-position: right;
	background-repeat: no-repeat;
}

.pagebanner {
	text-align:center;
	display: block;
}

.pagelinks {
	text-align:center;
	display: block;
}

/* End DisplayTag AppTable Styles */

#footer{	
	font-size: 9px;
	color: #666666;	
	clear: both; 
	background-color: #F0F0F0;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-width:770px;
	display: block;
}
#clear{
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

#Appcontent{
	font-size:11px;
	color: #333333;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin: 0px;
	min-width:601px;
}
#AppcontentPrint{
	font-size:11px;
	color: #333333;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
	min-width:601px;
}

#rightSideApp{
	padding-left: 154px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;	
}	

#leftSide {
	min-width:149px;
	margin: 0px;
	font-size: 9px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
}

#middle{
	clear: both;
	margin: 0;
	padding: 0;
	min-width:770px;
}
#pageTitleApp {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	min-width:601px;
}	

#pageTitleAppPrint {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	min-width:601px;
}
#pageTitleApp h1, #pageTitleAppPrint h1{
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	color: #005106;
	background: #ECEAE6;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 2px;
	margin: 0px;
}

#pageSubtitle {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	min-width:601px;
}

#pageSubtitle h2{
	font-size: 11px;
	background: #FFFFFF;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
	margin: 0px;
}

#header{
	background-color: #ECEAE6;
	font-size: 10px;
	line-height: 16px;
	padding: 0px;
	height: 26px;
	display: block;
	margin: 0px;
	min-width:770px;
}

#wrapper{
	padding: 0px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-width:770px;
	
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F0F0F0;
	font-size: 11px;
	line-height: 15px;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	
}

/* BEGIN Top Header Layout -------------------------------- */
#header img{ margin: 0px; padding: 0px;}
#header form{ margin: 0px; padding: 0px;}
#header table{ margin: 0px; padding: 0px;}
#header td{ margin: 0px;padding: 0px;}
.leftclear{ text-indent: 10px;
}
/* END Top Header Layout -------------------------------- */

#headerTitles{
	padding-bottom: 18px;
	background-color: #557957;
	}
#headerTitles h1{
	color: #FFF;
	font-size: 17px;
	margin: 0px;
	padding-top: 20px;
	padding-left: 168px;
	padding-bottom: 4px;
	}
#headerTitles h2{
	color: #CCC;
	font-size: 13px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 168px;
	}


#rightSideAppPrint{ /* This is used for Assessor when clicking on the Printable Page Version to display all the tabs used */
	padding: 0px;
	margin: 0px;
}	
/* BEGIN All leftNav elements ------------------------------------------------------ */

#leftSide h1{ font-size: 11px; color: #FFFFFF; margin:0px; padding: 0px; text-align: left; line-height: 15px;}	
#leftSide p{padding: 0px; margin: 0px;}
#leftSide td{vertical-align: top;}
#leftSide img{margin:0px; padding:0px; vertical-align: top;}
#leftSide table{margin:9px 0px 0px; padding:0px;}		


/************** BEGIN Navigation for Leftside ***************/	
#leftNav {font-size: 9px; color: #333333; width: 149px;}
#leftNav br{margin: 0px; padding: 0px;}
#leftNav a{ font-size: 9px; color: #333333; background-color: #ECEAE6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; text-align: left; margin: 0px; padding: 0px 0px 0px 2px; line-height: 16px; text-decoration: none; display: block; vertical-align: middle;}
#leftNav a:active {font-size: 9px; color: #333333; background-color: #ECEAE6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; text-align: left; margin: 0px; padding: 0px 0px 0px 2px; line-height: 16px; text-decoration: none; display: block; vertical-align: middle;}
#leftNav a:link {font-size: 9px; color: #333333; background-color: #ECEAE6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; text-align: left; margin: 0px; padding: 0px 0px 0px 2px; line-height: 16px; text-decoration: none; display: block; vertical-align: middle;}

#leftNav a:visited {	
	font-size: 9px;
	color: #333333;
	background-color: #ECEAE6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	line-height: 16px;
	text-decoration: none;
	display: block;
	vertical-align: middle;
}
#leftNav a:hover {
	font-size: 9px;
	color: #FFFFFF;
	background-color: #B5AD9B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	line-height: 16px;
	text-decoration: none;
	display: block;
	vertical-align: middle;
}

.leftNav img{vertical-align: middle; border: 0px none; padding: 0px; margin: 0px; height: 17px; width: 17px;}
/* leftInside is for Contact on left side */
#leftInside {width:149px}

#leftInside h2{
	font-size: 10px;
	color: #006C07;
	margin:0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#leftInside h3{
	font-size: 10px;
	color: #8C1500;
	margin:0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#leftInside h4{
	font-size: 10px;
	color: #000;
	margin:0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#leftInside p{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#leftInside a{font-size: 9px; color: #333333;}
#leftInside a:visited{font-size: 9px; color: #333333;}
#leftInside a:hover{font-size: 9px; color: #996600;}
.leftHeaderMain, .leftHeaderMain td{background: #006C07;}
	
/************** END Navigation for Leftside ***************/	


/*--------------BEGIN Application format ------------------------------------------*/
#Appcontent input{
	font-size: 11px;

}

#Appcontent select{
	font-size: 11px;

}
#Appcontent h2, #AppcontentPrint h2{
	margin: 0px;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#Appcontent h3, #AppcontentPrint h3{
	color: #006C07;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#Appcontent h4, #AppcontentPrint h4{
	padding: 0px 0px 3px 5px;
	margin: 0px 0px 0px 5px;
	color: #8C1500;
	font-size: 12px;
}

#Appcontent p, #AppcontentPrint p{
	margin: 0px 0px 0px 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#Appcontent hr, #AppcontentPrint hr {height: 1px;}
#Appcontent ul, #Appcontent ol, #AppcontentPrint ul, #AppcontentPrint ol{
	line-height: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
}
#Appcontent ul, #AppcontentPrint ul {list-style-type: square;}
#Appcontent ul ul, #AppcontentPrint ul ul{
	line-height: 15px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#Appcontent ul li ul, #AppcontentPrint ul li ul{
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#Appcontent ol li ol, #AppcontentPrint ol li ol{
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#Appcontent li, #AppcontentPrint  li {list-style-position: outside; padding-bottom: 5px;}
#Appcontent ol li, #AppcontentPrint ol li {padding-bottom: 5px;}
#Appcontent form, #AppcontentPrint form{margin: 0px; padding: 0px;}

.Apptext9px{ font-size: 9px; line-height: 13px;}
.Apptext10px{font-size: 10px; line-height: 14px;}
.Apptext12px{font-size: 12px; line-height: 16px;}

/* BEGIN Appication Table
#Appcontent table{
	
} */

.ApptableTwo td{vertical-align: top;}
.Apptable td{
	font-size: 10px;
	border-top: 1px none #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px none #999;
	vertical-align: top;
}
.Apptable blockquote{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.Apptable p{
	margin: 0px;
	padding-right: 4px;
	padding-left: 4px;
}
.Apptable th{
	border-top: 1px none #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px none #FFFFFF;
	background-color: #E6E6E6;
	font-size: 10px;
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
}

.ApptableNav{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

.ApptableNav td{
	font-size: 10px;
	border-top: 1px none #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px none #999;
}

h1.Apptable {
	margin: 0px;
	padding: 2px;
}
h2.Apptable {
	margin: 0px;
	padding: 0px;
}
h3.Apptable{
	margin: 0px;
	padding: 0px;
}
.AppSubmit{
	background-color: #CCDDCD;
	text-align: right;
}
			/* END Table One for users. Used for charts of information */
			
			/* Formatting of the table in a section area */
.sectionGroup {
	border: 1px solid #999;
}

.sectionHeader {
	font-size: 12px;
	font-weight: bold;
	color: #006C07;
}

/* BEGIN Assessor Tab headers in list */
th.lightBrownSubHeader, .lightBrownSubHeader{
	background-color: #E6DBD9;
	font-size: 11px;
}



th.lightGreenSubHeader{
	background-color: #CCDDCD;
}



/* END Assessor Tab headers in list */

.sectionItemLabel {
	background-color: #ECECEC;
	font-weight: bold;
}

.sectionItem {
	background-color: #E6DBD9;/*CCDDCD*/
}


/* Area that 'Action' buttons are placed like 'save', 'cancel, etc */
.actionArea {
	background-color: #006C07;
	height: 40px;
}


.sectionItemLabelAlternate{
	background-color: #CCDDCD;	
}
.sectionItemAlternate{
	background-color: #CCDDCD;
}
.tableRowHighlight{
	background-color: #E6DBD9;
}
.tableRowNormal{
	background-color: #FFF;
	font-size: 10px;
}

.tableRowAlternate{
	background-color: #CCDDCD;
	font-size: 10px;
}

/*#E2E7E2 */
/* Formatting of the table in a result list */
.resultList {
	border: 1px solid #999;
}

/* BEGIN links with in the table header */

.tableHeaderIndependent {
	background-color: #E3E0DB;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
a.sortableTableHeader {
	color: #CCDDCD;
	text-decoration: none;
	font-size: 11px;
}

a.sortableTableHeader:link {
	color: #CCDDCD;
	text-decoration: none;
}

a.sortableTableHeader:active {
	color: #CCDDCD;
	text-decoration: none;
}

a.sortableTableHeader:visited {
	color: #CCDDCD;
	text-decoration: none;
}

a.sortableTableHeader:hover {
	color: #CCDDCD;
}


.requiredEntry {
	font-weight: bold;
	color: #CC6600;
	font-size: 10px;
	float: right;
	padding-right: 10px;
}

.requiredEntryAsterisk {
	font-weight: bold;
	color: #CC6600;
	font-size: 10px;
}

.messageBarError{
	font-weight: bold;
	color: #CC1A00;
	font-size: 10px;}
	
.messageBarWarning{
	font-weight: bold;
	color: #CC6600;
	font-size: 10px;}
	
.messageBarInfo{
	font-weight: bold;
	color: #666666;
	font-size: 10px;}
/* END links with in the table header */

/*---------------------------------------------------------------------- BEGIN Assessor Tab Styles -------------------------------*/	
.panel {
	overflow: none;
	min-width:610px;
	margin-left: 10px;
}

#navbar{
	padding: 0px;
	padding-left:0px;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #FFFFFF;}	

#tabnav{
	height: 20px;
	margin: 0px;
	padding-left: 0px;
	background: url(/common/images/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li{
		margin: 0px; 
		padding: 0px;
  		display: inline;
  		list-style-type: none;
  	}
#tabnav a:link, #tabnav a:visited{
		float: left;
		background: #CCDDCD;
		font-size: 11px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px;
		margin-right: 1px;
		border: 1px solid #999;
		text-decoration: none;
		color: #000;
	}
	
#tabnav a:link.active, #tabnav a:visited.active{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #006C07;
		font-size: 10px;
		font-weight: bold;
	}

#tabnav a:hover{
	border-bottom: 1px solid #fff;
	background-color: #FFFFFF;
}
#navbar ul, ol{margin: 0px; padding: 0px;}
#navbar ul{margin: 0px;padding: 0px;}
#navbar ul ul, ol ol, ul ul ul, ol ol ol, li ol li, ol li ol li ol li{}
#navbar ul li ul{margin: 0px; padding: 0px;}
#navbar ol li ol{margin: 0px; padding: 0px;}
#navbar li{margin: 0px; padding: 0px;}
#navbar ol li{margin: 0px; padding: 0px;}
/* END Assessor Tab Styles */	



/*------------------------------------------------------------------------- CRM Express Connect --------------------------------------------*/
#contact{
	font-weight: bold;
	background-color: #ECEAE6;
	padding: 0px;
	font-weight: bold;--
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006C07;
}
#contact a{
	color: #666666;
	text-decoration: none;
}
#contact a:link{

	color: #666666;
	text-decoration: none;
	}
#contact a:visited{

	color: #666666;
	text-decoration: none;;
}
#contact a:hover{
	color: #000;
	text-decoration: none;
}

#contact ul{
	font-size: 9px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 2px;
}
#contact li{
	list-style-position: inside;
	list-style-type: square;
	margin: 0px;
	padding: 0px;
}

/* ---------------------------------------------------Navigation for Application ----------------------------------------------------------------------------*/


#Appcontent a, #AppcontentPrint a{
	color: #006C07;
	font-weight: bold;
}
#Appcontent a:link, #AppcontentPrint a:link{
	color: #006C07;
}
#Appcontent a:visited, #AppcontentPrint a:visited{
	color: #006C07;
}
#Appcontent a:hover, #AppcontentPrint a:hover{
color: #996600;}

/* BEGIN topNavBar */

a.topHeader{
	font-size: 10px;
	color: #666;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-right: 1px;
	padding-left: 4px;
	margin: 0px;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
}
a.topHeader:visited{
	color: #666;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
a.topHeader:hover{
	color: #996600;
	text-decoration: underline;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

/* END TopNavBar */



.submitButton{
	color: #FFF;
	background-color: #006C07;
	border: 1px solid #333333;
	cursor: hand;
	font-size: 12px;
	height: 24px;
	padding-right: 4px;
	padding-left: 4px;
		font-weight: bold;

	}
.resetButton{
	color: #333;
	background-color: #ccc;
	border: 1px solid #333333;
	cursor: hand;
	font-size: 12px;
	height: 24px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	}


/* BEGIN Footer */	
#footer a{
	font-size: 10px;
	color: #666666;
}
#footer a:visited{
	font-size: 10px;
	color: #666666;
}
#footer a:hover{
	font-size: 10px;
	color: #333333;
}



