@charset "utf-8";
/* CSS Document */

.formFields { list-style-type: none; margin: 0 15px 0 0; padding: 0; }
	.formFields li { background: none; margin: 0 0 1em 0; padding: 0; position: relative; }
		.formFields li .formInput { margin-left: 185px; }
	.formFields label.title { color: #000; display: block; font-style: normal; font-weight: bold; line-height: 1.2em; margin: 0; padding: 2px 0 4px 0; position: absolute; top: 0; left: 0; text-align: right; width: 180px; }
		.formFields .required label.title { color: #900; }
	.formFields p.instructions { color: #666; margin: 0 0 0 185px; padding: 0; }
	.formFields label.option { display: block; margin-top: -19px; margin-left: 22px; line-height: 22px; }
	.formFields input.date { width: 100px; }
	.formFields .editOptions { position: absolute; top: 5px; left: 5px; }
	.formFields li:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }

.formFields li.radio .formInput, 
.formFields li.textarea .formInput { margin-left: 3em; margin-top: 0; }
.formFields li.radio label.title, 
.formFields li.textarea label.title { position: static; text-align: left; width: 100%; }

.formFields .caption { color: #666; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 1em; margin: 3px 0; padding: 0; }
.formFields .text.small, 
.formFields select.small, 
.formFields textarea.small { width: 33%; }
.formFields .text.medium, 
.formFields select.medium, 
.formFields textarea.medium { width: 66%; }
.formFields .text.large, 
.formFields select.large, 
.formFields textarea.large { width: 98%; }
	.formFields textarea.small { height: 3em; }
	.formFields textarea.medium { height: 6em; }
	.formFields textarea.large { height: 6em; }

/* Address */
	.formFields .addressState, 
	.formFields .addressZip { width: 150px; }
	.formFields .addressState { float: left; display: inline; }
	.formFields .addressZip { float: left; }
		.formFields .addressState select { width: 145px; }
		.formFields .addressZip input { width: 150px; }
/* Name */
	.formFields .namePrefix { width: 75px; display: inline; }
	.formFields .nameFirst { width: 175px; display: inline; }
	.formFields .nameMiddle { width: 50px; display: inline; }
	.formFields .nameLast { width: 175px; display: inline; } 
	.formFields .nameSuffix { width: 75px; }
	.formFields .namePrefix, 
	.formFields .nameFirst,
	.formFields .nameMiddle, 
	.formFields .nameLast, 
	.formFields .nameSuffix { float: left; }
		.formFields .namePrefix input { width: 70px; }
		.formFields .nameFirst input { width: 170px; }
		.formFields .nameMiddle input { width: 45px; }
		.formFields .nameLast input { width: 170px; }
		.formFields .nameSuffix input { width: 75px; }

/* IE 6 Fixes */
	* html .formFields .caption { margin-left: 185px; }
	* html ul.formFields .editOptions { top: 7px; }
	* html ul.formFields li { height: 1%; }
	* html .formInput { display: inline; height: 1%; }
	* html .radio .formInput { display: block; }
	* html .formFields .text.small, 
	* html .formFields select.small { width: 100px; }
	* html .formFields textarea.small { width: 100px; }
	* html .formFields .text.medium, 
	* html .formFields select.medium { width: 200px; }
	* html .formFields textarea.medium { width: 200px; }
	* html .formFields .text.large, 
	* html .formFields select.large { width: 330px; }
	* html .formFields textarea.large { width: 480px; }
	* html .formFields .addressState, 
	* html .formFields .addressZip { float: none; }
	* html .formFields .addressStreet input,
	* html .formFields .addressCity input,
	* html .formFields .addressState select,
	* html .formFields .addressZip input { margin-left: 185px; }
	* html .formFields .addressStreet input,
	* html .formFields .addressCity input { width: 330px; }

	input.required, textarea.required, select.required { border: 1px solid #c50000; }


/* Validation */
input.disabled { border: 1px solid #f2f2f2; background-color: #f2f2f2; }

input.required, textarea.required, select.required { border: 1px solid #c00 !important; color: #c00; }
input.validation-failed, textarea.validation-failed { border: 1px solid #f30; color: #f30; }
input.validation-passed, textarea.validation-passed { border: 1px solid #0c0; color: #000; }
label.error { color: #c00; clear: both; display: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; font-style:normal; font-weight: normal; }
* html label.error { margin-left: 185px; }
.validation-advice { margin: 5px 0; padding: 5px; background-color: #f30; color: #fff; }