.warningBox
{
	color: #000;
	background-color: #FC0;
	margin: 5px;
	padding: 5px;
	border: 3px dashed #000;
	font-size: 12px;
}
.required
{
	background:#FFF url(images/required_bg.gif) no-repeat top right;
	border:solid 1px #C99;
	padding:2px;
}
.optional
{
	background:#FFF url(images/optional_bg.gif) no-repeat top right;
	border:solid 1px #6DAE64;
	padding:2px;
}
.optionalDate
{
	background:#FFF url(images/dateFormat_bg.gif) no-repeat top right;
	border:solid 1px #6DAE64;
	padding:2px;
}
.result
{
	background:#FFF url(images/result_bg.gif) no-repeat top right;
	border:solid 1px #0E848C;
	padding:2px;
}
.analysis
{
	background:#FFF url(images/analysis_bg.gif) no-repeat top right;
	border:solid 1px #C99;
	padding:2px;
}
.pagingHeader
{
	WIDTH: 100%;
	BACKGROUND: #d6d6d6;
	border-bottom:1px solid #CCC;
	border-top:1px solid #EFEFEF;
}
.dataGrid
{
	font-size: 10px;
}
.dataGridHeader
{ 
	background: #DDD;	
	font-size: 11px;	
}
.dataGridHeader a:link, .dataGridHeader a:hover, .dataGridHeader a:visited
{
	color: #333;
	font-style:italic;
}
.dataGridStd:hover
{
	color: #000;
}
.dataGridAlt
{
	background-color: #E9E9E9;
}
.dataGridAlt:hover
{
	color: #000;
}
.dataGridEdit
{
	background-color: #DDE;
}
.dataGridEdit input
{
	font-size: 10px;
}
div#iconContainer
{
	width: 100%;
	height: 25px;
	display: block;
	float: left;
	clear: both;
	border: solid 1px #CCC;
	background-color: #DDD;
}
input.submit
{
	border: double 3px #999;
	border-top-color: #CCC;
	border-left-color: #CCC;
	padding: 0.15em;
	background: #FFF url(images/submitbg.gif) repeat-x top;
	color: #333;
	cursor:pointer;
}
input.submit:hover
{
	border: 3px double #CCC;
	border-top-color: #999;
	border-left-color: #999;
} 
input.pos
{
	color: #060;
	background: #FFF url(images/submitbgpos.gif) repeat-x top;
	
}
input.neg
{
	color: #600;
	background: #FFF url(images/submitbgneg.gif) repeat-x top;
	
}
input.neu
{
	color: #660;
	background: #FFF url(images/submitbgneu.gif) repeat-x top;
	
}
input.disable
{
	border:double 3px #BBB;
	color:#BBB;
	background: #EEE;
}
input, textarea, select
{
	font-size: 11px;
	font-family: Arial;
}
.blue
{
	color:#039;
}
.red
{
	color:#900;
}
.darkred
{
	color:#600;
}
.darkorange
{
	color:#C60;
}
.gray
{
	color:#333;
}
.darkgreen
{
	color:#060;	
}
.violet
{
	color:#306;
}
ol#progress
{

	padding:0;
	margin:0;
	float: left; /* in actual use I imagine this being right aligned */
	list-style-type: none;	
}
ol#progress li {
	width: 20px; /* dimensions of your state images */
	height: 20px;
	float: left;
	background: url(images/progress.gif) no-repeat 0 0; /* sliding door */
	background-position: -40px 0;
}
ol#progress li em, ol#progress li strong {
	position: absolute;
	left: -9999px;
}

ol#progress li a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

ol#progress li.here {
	background-position: -20px 0;
}
ol#progress li.visited {
	background-position: 0 0;
}
.barContainer
{
	font-size:0;padding:1px;border:1px solid #BBB;text-align:left;
}