@charset "iso-8859-1";
/*------------------------------
  This style sheet defines styles for the JobTrack application,
  and must be available for reference by html and asp pages.
  
-----------------------------*/

/*------ all pages ----- */

body {font:10pt Verdana;
      color:#666666;
	  background-color:#FFFFFF;
	  }

td {font:9pt Verdana;}
A:visited {color:#000080;}

input {font-size:9px;
	}
select {font-size:9px;
	}

.clsButton {			/*all std buttons in application*/
    font-weight: 100;
    font-size:9pt;
    color: #000000;
	background-color:#CCCCCC;
    }

.clsPopupLink {				/*links to popups*/
    font-weight:normal;
    font-size:9pt;
	color:#000066;
    }
	
.clsMinorLink {				/*contacts etc*/
    font-weight:bold;
    font-size:9pt;
	color:#000000;
    }
		
.clsMinorLink A:visited {color:#000000;}	/*stop minorlinks conforming to std blue colour:*/
		
		
.clsMainTable {				/*table provides structure for all pages*/
	height:420px;
	width:760px;
	background-color: #CCCCCC;
	border-style:none;
	padding: 6pt 6pt;
	border-style: ridge;
	}
	
	
.clsSubTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #333333;
	font-size:normal;
	font-style: normal;
	font-weight:bold;
    }


.clsSmall {  font-size: 9pt}		/*page notes eg date format*/


.clsOptnTable {  
		/*position: relative; 
		left: 60px; */
		clip:  rect(   ); 
		margin-right: 60px; 
		margin-left:60px;
		border-style: solid; 
		border-top-width: thin; 
		border-right-width: thin; 
		border-bottom-width: thin; 
		border-left-width: thin
	       }

.clsJobDetails  {font-size: 10pt;
		color:#444444;}

.clsIndent  {position: relative; 
		left: 20px; }
	
/*------- admin content --------*/	
	
.clsAdminSubTitle {
    font-family: Tahoma, Arial;
	color:#660000;
	font-size:large;
	font-style:normal;
    }
	
.clsDBTable {				/*Admin output of db table content*/
	background-color:#DDDDDD;
	padding: 0pt 0pt;
	; width: 800px
	}	
	
.clsDBTable td {font-size: 8pt;}
.clsDBTable A:hover {color:#006600;}
	
/*------- view/edit pages ---------*/	

.clsTopTable {				
	width:760px;
	background-color:#DDDDDD;
; border-style: none
	}

/*-------comp details page ---------*/

.clsDetailsBody {  font:9pt Arial ;
		color:#000000; 
		background-color:#CCCCCC;
		background-image: url();	/*no background stripes in popup*/
		}

.clsDetails {
	color:#000080;
	font-weight:bolder;
	}
	
.clsTitle {
	color:#000090;
	font-weight:bold;
	font-size:12pt;
	}
				
/*---- large admin tables etc --*/

.clsTopTableLg {				
	height:20%;
	width:900px;
	background-color:#DDDDDD;
	border-style:none;
	}
.clsTopTableLg td {font-size: 8pt;}

.clsDBTableLg {				/*Admin output of db table content*/
	background-color:#DDDDDD;
	padding: 0pt 0pt;
	width:900px
	}	
	
.clsDBTableLg td {font-size: 8pt;}
.clsDBTableLg A:hover {color:#006600;}	

/*------ error page ------*/

.clsErrorMsg {
	color:#FF9900;
	font-weight:bold;
	font-size:9pt;
	}
.clsPriorityJob {  color: #CC3333}

/*----- admin reports ---------*/

.clsReportTable {				/*table provides structure for all pages*/
	height:420px;
	width:900px;
	background-color:#DDDDDD;
	padding: 6pt 6pt;
	border-style:thin;
	}

.clsReportTxt {  font-size: 9pt;
				 color:#000000;
				 background-color:#99CCCC;
				 border:1 solid #999999}		/*text displaying for each entry in report*/

.clsReportCol {  font-size: 9pt; font-weight:bold; border:1 solid #999999}		/*report column headings*/


.clsReportSpacer {border-top-width:1;     /*spacer row above job description*/
					border-bottom-width:1;
					border-left-width:0;
					border-right-width:0;
					background-color:#DDDDDD;
				 }		

/***************************PageNav*****************/
#pageNav{
	float: right;
	width:150px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
	font-size:9px;
}

/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #E4E5E7;
	background-image:    url(images/bg_navGreyLight.jpg);
	font-weight: bold;
	padding: 1px 0px 1px 10px;
	color: #000011;
}

#sectionLinks a:hover{
	border-top: 1px solid #FFFFFF;
	background-color: #666666;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************************ Reporting *****************************/
.clsReportHeading {
	font-size:90%;
	color: #FF9900;
	font-weight:bold;
}

.clsReportDate {
	font-size:80%;
	color: #666666;
}

.clsReportFooter {
	font-size: 80%;
	color: #666666;
	font-weight:bold;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	margin: 0 90% 0 0;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content{
  float:right;
	width: 95%;
	margin: 0;
	padding: 0 3% 0 0;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}

.clsDisabled {
	font-weight:bold;
	color:#FF0000;
	text-decoration:blink;
	}