
/* 
Changes made to address form field generation
generated from HTML provided at http://alexking.org/blog/2005/07/18/css-checkbox-label-positioning

This may not be valid markup for all browsers due to the outdated content.
*/


p.mondowidelabel_field_pair {
	clear: both;
	float: none;
	height: 20px;
}

p.mondowidelabel_field_pair label {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	width: 300px;
}

p.mondowidelabel_field_pair input, p.mondowidelabel_field_pair select {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 120px;
}

p.superwidelabel_field_pair {
	clear: both;
	float: none;
	height: 20px;
}

p.superwidelabel_field_pair label {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	width: 175px;
}

p.superwidelabel_field_pair input, p.superwidelabel_field_pair select {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 120px;
}

p.label_field_pair {
	clear: both;
	float: none;
	height: 20px;
}

p.label_field_pair label {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	width: 75px;
}

p.label_field_pair input, p.label_field_pair select {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 120px;
}

p.widelabel_field_pair {
	clear: both;
	float: none;
	height: 20px;
}

p.widelabel_field_pair label {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	width: 100px;
}

p.widelabel_field_pair input, p.widelabel_field_pair select {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 120px;
}

p.ultrawidelabel_field_pair {
	clear: both;
	float: none;
	height: 20px;
}

p.ultrawidelabel_field_pair label {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	width: 75px;
}

p.ultrawidelabel_field_pair input, p.ultrawidelabel_field_pair select {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 335px;
}


.wizardtab {
	width: 550px;
	font-color: #323232;
}

#resultbar {
	left: 38px;
	top: 10px;
	position: absolute;
	height:10px;
	color: #FFFFFF;
	z-index: 5;
}

#testresults {
	position:absolute;
	width: 548px;
	height: 80px;
	top: 465px;
	left: 270px;
	z-index: 4;
}

#testresults p,div,table {
	font: 11px arial, sans-serif;
	color: #FFFFFF;
}

#testresults h3 {
	font: 11px arial, sans-serif;
	font-weight: bold;
}

#scoreboard_backdrop {
	position: absolute;
	top: 490px;
	left: 270px;
	width: 600px;
	height: 80px;
	z-index: 5;
}

#scorebar1_div {
	position: absolute;
	top: 490px;
	left: 270px;
	width: 100px;
	height: 80px;
	z-index: 6;
}

#scorebar2_div {
	position: absolute;
	top: 490px;
	left: 376px;
	width: 100px;
	height: 80px;
	z-index: 6;
}

#scorebar3_div {
	position: absolute;
	top: 490px;
	left: 482px;
	width: 100px;
	height: 80px;
	z-index: 6;
}

#scorebar4_div {
	position: absolute;
	top: 490px;
	left: 588px;
	width: 100px;
	height: 80px;
	z-index: 6;
}

#scorebar5_div {
	position: absolute;
	top: 490px;
	left: 694px;
	width: 100px;
	height: 80px;
	z-index: 6;
}

#scoreboard_text {
	position: absolute;
	top: 491px;
	left: 270px;
	width: 600px;
	height: 80px;
	z-index: 7;
}

#footer {
	position: absolute;
	top: 545px;
	left: 260px;
	width: 520px;
	z-index: 4;	
	font-size:9pt;
}

/* Changes for error and validation routines using jQuery validation plugin */

input.error, select.error { border: 1px solid red; }
  	
p.label_field_pair label.error {
	margin-left: 85px;
	line-height: 8px;
	padding: 0px;
	width: 140px;
	text-align: left;
	color: #AD2520;
	font-size: 10px;
}

p.widelabel_field_pair label.error {
	margin-left: 110px;
	line-height: 8px;
	padding: 0px;
	width: 120px;
	text-align: left;
	color: #AD2520;
	font-size: 10px;
}

p.superwidelabel_field_pair label.error {
	margin-left: 185px;
	line-height: 8px;
	padding: 0px;
	width: 120px;
	text-align: left;
	color: #AD2520;
	font-size: 10px;
}

p.ultrawidelabel_field_pair label.error {
	margin-left: 85px;
	line-height: 8px;
	padding: 0px;
	width: 300px;
	text-align: left;
	color: #AD2520;
	font-size: 10px;
}

p.mondowidelabel_field_pair label.error {
	margin-left: 310px;
	line-height: 8px;
	padding: 0px;
	width: 300px;
	text-align: left;
	color: #AD2520;
	font-size: 10px;
}

#content {
position: absolute;
top: 225px;
left: 290px;
z-index: 4;
width: 700px;
}

#steps {
position: absolute;
top: 185px;
left: 290px;
z-index: 4;
}
#stepping {
position: absolute;
top: 165px;
left: 310px;
z-index: 1000;
}

