/* CSS Document */

	body,td,th {
		margin: 0;
		border: 0;	
		font-size: 0.9em;	
		font-family: Arial, Helvetica, sans-serif;	
		}
a {
	color: #0000CC;
	text-decoration: underline;
}
a:hover {
	color: #FF0000;
}


	#disclaimer { 
		font-size: 0.7em;
		}
#terms-conditions {
	padding: 0px 20px;
}
#terms-conditions h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #0066cc;
}
#terms-conditions h3 {
	font-size: 1.2em;
	font-weight: bold;
}


	body.home, body.generic { 
		background-color: #e77419; 
		}
	body.work { 
		background-color: #66bbcf; 
		}	
	#container {
		margin: 0px auto;
		} /* needs an IE hack here */
	body.work #container { 
		background: #fff url(../images/background_shadows.gif) repeat-y top left;
		padding: 20px 20px 0 20px; 
		width:780px;}
	
	/* Start Custom CSS coding */
	
	#heading {
	float: left;
	padding: 0px 0px 0px 20px;
	color: #0066cc;
	margin: 0px;
		}
	th {
		color:#FFFFFF; 
		background: #0066cc;
		text-align:left
		}
	th a {
		color: #FFF;
		text-decoration: none;
	}	
	
	th a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	
	a:link img {
		border: none;
	}
	
	a:hover img {
		border: none;
	}
#legend {
	margin-left: 20px;
		padding: 10px 0 0 0;
}

#recordset a.add {
	color: #FFFFFF;
	text-decoration: none;
	background: #FF0000;
	padding: 2px 4px;
	margin: 3px 0px 3px 2px;
	font-weight: bold;
	font-size: 0.9em;
	border: 2px solid #000000;
}
#recordset a.add:hover {
	text-decoration: none;
	background: #009900;
}

	
	p {
		margin: 1em 0;
		padding: 0;
	}
	
	.warning {
		color: red;
	}
	
	fieldset {
	margin-bottom: 10px;
	padding: 0px 5px;
		}
	form {
		padding: 10px 0;
		margin-bottom: 0px;
		}
	#maincontent {
		padding:20px;
		margin-bottom: 0px;
		padding-bottom: 10px;
		}
	.formitem, .date {
		margin: 10px; 
		float: left;
		}
	.checkbox {
		margin: 10px; 
		float: left; 
		width: 310px;
		}
	label {
		margin-right: 10px;
		}
	#messageArea {
		color:#FF0000;
		margin-left:42px;
		}
	
	.red_highlighted {
		color: red;
		float:right;
		padding: 20px;		
	}
	
	#messageArea h2{
		margin-bottom: 0px;
		}
		
	#forgot_password {
		float:left; 
		padding:10px;
		}
	.logo {
	float: right;
		}
	.clr {
		clear:both;
		} 
	#header {
	width: 754px;
	position: relative;
		}
	#base { 
		margin: 0px auto; 
		width: 820px; 
		height: 33px; 
		background: url(../images/base.jpg) no-repeat left top;
	}
	#recordset, #search {
		padding: 10px 20px 0px 20px;
		}
	legend {
		font-weight:bold;
	}
	.submit-button {
	float:left;
	margin: 10px 0;
	padding: 0px 0px 10px;
		}
	#pagination_td {
		margin: 0px;
		padding: 10px 0 10px 0px;
	}	
	ul#pagination {
		padding: 5px 0px 5px 0px;
		margin: 0px;
		float: right;
		}
	ul#pagination li {
		list-style: none;
		float:left;
		padding: 5px;
		background: #C7E2F6;
		border: solid 1px #FFF;
		text-align: center;
		}
	ul#welcome {
		padding: 0px 0 5px 0;
		margin: 0;
	}
	ul#welcome li {
		list-style: none;
	}	
	ul#welcome h2 {
		color: #0066cc;
		font: bold 16px/20px arial, helvetica, sans-serif;
		margin: 0;
		padding: 2px 0 0px 0;
	}
	
	ul#welcome p {
		margin: 0;
		padding: 0px 0 5px 0;
	}
			
		
	#feedbackMessage {
		display: none;		
	}