.heading       { color: #846125; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: 600 }
.normal { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
.text   { color: white; font-size: 12px; font-family: Verdana; line-height: 18px }
.textGold  { color: #846125; font-size: 12px; font-family: Verdana; font-style: italic; line-height: 18px }
.subHead   { color: #846125; font-size: 16px; font-family: Verdana; font-style: italic; font-weight: 500 }
.tableText  { color: #fff; font-size: 11px; font-family: Verdana, Arial, sans-serif; text-align: left; border: solid 2px }
.tinytext { color: #fff; font-size: 10px; font-family: Verdana }
.tinyGoldText { color: #846125; font-size: 10px; font-family: Helvetica, Arial, Verdana }
body { 
	position: relative; 
	min-width: 600px; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	background-color: #003263;
}

#top { 
	position: absolute; 
	top: 0; 
	left: 0; 
	min-width: 600px; 
	width: 100%; 
	height: 100px; 
}


/* Not right - vertical position should be relative or
'cleared' */
#left { 
	position: relative; 
	top:144px; 
	left: 0; 
	width: 19%; 
	margin: 1% 1% 0 0; 
	background-color: #fffc99;
}

#middle { 
	position: absolute; 
	top:100px; 
	left:20%; 
	min-width: 360px; 
	width: 60%; 
	margin-top: 1%; 
}

#right { 
	position: absolute; 
	top:100px; 
	left: 80%; 
	width: 19%; 
	margin: 1% 0 0 1%; 
}


	.unit {
		color: red;
	}
	


	.cellBorder { 
		border:  1px solid silver;				
		text-align: center;	
		font: 13px bold;
		background-color: #ccc;
	}

	.numBorder { 
		border:  1px solid silver;				
		text-align: center;	
		font: 13px bold;
	}

	.textBorder { 
		border:  1px solid silver;				
		text-align: center;	
		font: 13px bold;
	}

	p.version {
		font-style: italic;
	}
	p.comment {
		background-color: white;
	}
	.error  { color: red; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
		
	div#list {
		width: 490px;  				/* total width  690 > ( 315 + 315 ) */
		background-color: #ccc;
		border: 1px dotted #333;  
		padding: 5px;
		margin: 0px auto;
		float; left;
	}

	div#listBig {
		width: 490px;  				/* total width  690 > ( 315 + 315 ) */
		background-color: white;
		border: 1px ;  
		padding: 4px;
		margin: 0px auto;
	}


	div#wlist {
		width: 490px;  				/* total width  690 > ( 315 + 315 ) */
		height: 35px;
		margin: 0px auto;
	}

	li {
		clear: both;
		padding-top: 5px;
	}
	
	li span.label {
		float: left;  
		width: 315px;
		text-align: right;
	}

	li span.formw {
		font-weight: bold;
		float: right;  
		width: 315px;
		text-align: left;
	}

	h1 {
		text-align: center;
	}

	p.version {
		font-style: italic;
	}

	.query {
		white-space: pre;
		font-family: Courier, Courier-New;
	}

	.require {
		background-color: red;
	}
	
/* 
	For display of kpiWeekly
	
*/

	.calculated {
		border:  1px solid silver;				
		text-align: center;	
		font: 13px bold;
		background-color: #3366CC; 
	}
	
	.display {
		border:  1px solid silver;				
		text-align: center;	
		font: 13px bold;
		background-color: #D3DFEA; 
		width: 100px;
	}
	
	.displayHeader {
		border:  1px solid silver;				
		text-align: center;	
		font: 15px bold;
		background-color: #D3DFEA; 
		width: 120px;
	}

	.entry2 {
		border:  1px solid silver;				
		text-align: center;	
		font: 11px bold;
		background-color: #00cc66; 
		width: 120px;
	}
	
	.input {
		border:  1px solid silver;				
		text-align: center;	
		font: 13px bold;
		width: 110px;
	
	}
	
	.displayLeft {
		border:  1px solid silver;				
		text-align: left;	
		font: 13px bold;
		background-color: #D3DFEA; 
		width: 120px;
	}
	
		.displayRight {
		border:  1px solid silver;				
		text-align: right;	
		font: 13px bold;
		background-color: #D3DFEA; 
		width: 120px;
	}
	
	.department {
		border:  1px solid silver;				
		text-align: center;	
		font: 15px bold;
		background-color: #FF3300; 
		width: 90px;
	}
	
	.week {
		border:  1px solid silver;				
		text-align: center;	
		font: 15px bold;
		background-color: #33FFFF; 
		width: 70px;
	}
	
	.weekSmall {
		border:  1px solid silver;				
		text-align: right;	
		font: 13px bold;
		background-color: #33FFFF; 
		width: 70px;
	}
	
	.searchHeader {
		border:  1px solid silver;				
		text-align: center;	
		font: 15px bold;
		background-color: #D3DFEA; 
		width: 200px;
	}
	
	.total {
		text-align: center;	
		border: solid #000 2px;
		background-color: #D3DFEA; 
	}

	table.kpi {
		border: solid #000 3px;
	}

	table.kpi td {
		border: solid #000 1px;
		text-align: right; 
	}

	table.kpi th {
		border: solid #000 1px;
	}
	
/*
	For Monthly display
	
*/

	#monthly td {
		background-color: 	#FFCCCC;
		padding: 			1px;
		border:				1px solid silver;
	}
	
	#monthly h2 {
		text-align: 			right;
	}

	div#form {
		width: 460px;				/* total width	460 > (100 + 335 ) */
		background-color: #ccc;
		border: 2px dotted #333;
		padding: 5px;
		margin: 0px auto;
	}
	
	div#main {
		width: 460%;
		align: center;
	}

	div.row {
		clear: both;
		padding-top: 4px;
	}

	div.row span.label {
		float: left;
		width: 100px;
		text-align: right;
	}

	div.row span.formw {
		float: right;
		width: 355px;
		text-align: left;
	}

	div.spacer {
		clear: both;
	}

/* 
	for date picker 
*/
		.dpDiv {
		}

		.dpTable {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align: center;
			color: #505050;
			background-color: #ece9d8;
			border: 1px solid #AAAAAA;
		}
.dpTR {
		}

		.dpTitleTR {
		}

		.dpDayTR {
		}

		.dpTodayButtonTR {
		}

		.dpTD {
		}

		.dpDayHighlightTD {
			background-color: #CCCCCC;
			border: 1px solid #AAAAAA;
		}

		.dpSelectable {
			cursor: pointer;
		}

		.dpDayHighlight {
			color: #4060ff;
			font-weight: bold;
		}

		.dpTitleTD {
		}

		.dpButtonTD {
		}

		.dpTodayButtonTD {
		}

		.dpDayTD {
			background-color: #CCCCCC;
			border: 1px solid #AAAAAA;
			color: white;
		}
.dpDayTD1 { color: white; background-color: #cccccc; border: solid 1px #aaaaaa }
.dpDayHigh {
			background-color: #DD6677;
			border: 1px solid #AAAAAA;
			color: white;
		}

		.dpTitleText {
			font-size: 12px;
			color: gray;
			font-weight: bold;
		}

		.dpButton {
			font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: gray;
			background: #d8e8ff;
			font-weight: bold;
			padding: 0px;
		}

		.dpTodayButton {
			font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: gray;
			background: #d8e8ff;
			font-weight: bold;
		}