/* 

All custom styles go in here.
Do not put custom styles in the template-styles.css 
file as this might be overwritten if the standard template
is used and a colour change is put in place.
*/

/*
Primary		#385E0F
2nd 		#78CA20
3rd			#B6EA7D
4th			#F3FBE9
*/

/* BANNER IMAGES */
#logo {
    position:relative;
    height:250px;	
}

#logo img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#logo img.active {
    z-index:10;
}

#logo img.last-active {
    z-index:9;
}

td ul {list-style:disc;}
td li {margin-left:25px;}

/* LOGIN FORM */
.formErrorMessage {
	display:block;
	padding:10px;
	border:1px solid #ff0000;
}

.required {border:1px solid #ccc;}

#infoBox {
	margin-left: 5px;
}
#infoBox #infoBoxHead{
	background-color: #6689C9;
	background-image: url("images/info-top.gif");
	background-repeat: no-repeat;
	padding: 2px 2px 2px 5px;
	color: #FFFFFF;

}

#infoBox #infoBoxContent  {
	background-color: #A3C3FE;
	padding: 2px 2px 2px 5px;
}

#infoBox #infoBoxBase {
	background-image: url("images/nav-base.gif");
	background-repeat: no-repeat;
}

.contractorTable {
	font-size: 85%;
}

.contractorTable th {background-color:#385E0F; color: #fff;padding: 2px 5px 2px 5px;}

.contractorTable .directoryHeader {
	background-color: #cccccc;
	color: #333333;
	padding: 2px 5px 2px 5px;
}

.contractorTable td {padding: 2px 5px 2px 5px;color: #000;border-bottom:1px solid #777;}
.contractorTable td a:link , 
.contractorTable td a:visited ,
.contractorTable td a:hover {color: #333;} 

.contractorTable .directoryRowOn {
	background-color: #F3F9EC;
}

.contractorTable .directoryRowOff {
	background-color: #F0F1EE;
}

 #content .pageContent .contractorsList th ,
 #content .pageContent #executiveTable th {
 	padding:0;
 	margin:0;
 	line-height:25px;
 	background-color: #385E0F;
 	color:#fff;
 	padding-left:5px;
 }
 
 #content .pageContent #executiveTable td {
 	border-bottom: 1px dashed #ccc;
 }
 
 #content .pageContent .contractorsList td {padding:5px;padding-right:20px;}



/* FORMS */

.formFields {
	border: 1px solid #385E0F;
	background-color: #cccccc;
	color: #333333;
}

.submitButton {
	border: 1px solid #385E0F;
	background-color: #78CA20;
	color: #000;
}

blockquote {
	font: bold 100% ;	
	margin: 10px;
 	padding: 0 0 0 25px;  
    background: #F3FBE9;				 /* 4th color */
	border-left: 3px solid #385E0F;	    /* primary color */
	color: #444;
}

/* start - table */
#content .pageContent table {
	border-collapse: collapse;
	/*margin: 10px;	*/
}
#content .pageContent th strong {
	color: #fff;
}
#content .pageContent th {
	background: #78CA20 url(button.jpg) repeat-x;   /* 2nd color */
	height: 20px;
	padding: 2px 4px;
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;	/* white if 2nd not too lite */
}
#content .pageContent tr {
	height: 30px;
}
#content .pageContent td {
	/*padding-left: 11px;
	padding-right: 11px;*/
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;

}
#content .pageContent td.first,th.first {
	border-left: 0px;
}
#content .pageContent tr.row-a {
	background: #F8F8F8;
}
#content .pageContent tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

#content .pageContent a img {
	border: 1px solid #000000;
}