/* CSS Document for Net Forge Forms-created forms. */
.formFields { list-style-type: none; margin: 0; padding: 0; }
* html .formFields { margin-top: 2em; }
.formFields li { margin: 0 0 1em 180px; padding: 0; position: relative; min-height: 16px; }
* html .formFields li { height: 1%; }
.formFields li.date { width: auto; font-weight: normal; }
.formFields label.title { color: #666; display: block; font-weight: bold; margin-bottom: 0; width: 170px; position: absolute; left: -180px; top: 0; text-align: right; }
.formFields .required label.title { color: #c33; }
.formFields .instructions { color: #000; font-weight: bold; margin: 0; }
.formFields .caption { color: #666; display: block; font-style: italic; font-size: .85em; margin: 0 0 .3em 0; }
.formFields .formInput { margin: 0; }
.formFields .formInput input, 
.formFields .formInput textarea, 
.formFields .formInput select { width: 150px; vertical-align: middle; }
.formFields .formInput textarea { height: 5em; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.formFields .formInput input.medium, 
.formFields .formInput textarea.medium, 
.formFields .formInput select.medium { width: 250px; }
.formFields .formInput textarea.medium { height: 5em; }
.formFields .formInput input.large, 
.formFields .formInput textarea.large, 
.formFields .formInput select.large { width: 450px; }
.formFields .formInput textarea.large { height: 10em; }
.formFields .formInput input.radio { width: auto; }
.formFields .radio .formInput { margin-left: 10px; }
.formSubmit { margin-left: 3em; }

/* Address */
.formFields .addressCity { width: 230px; }
.formFields .addressState { width: 125px; }
.formFields .addressZip { width: 85px; }
.formFields .addressCity { float: left; margin: 0 5px 0 0; display: inline; }
.formFields .addressState { float: left; margin-right: 5px; display: inline; }
.formFields .addressCountry { clear: left; display: inline; }
.formFields .addressZip { float: left; display: inline; }
.formFields .addressCity input { width: 225px }
.formFields .addressState select { width: 120px; }
.formFields .addressZip input { width: 85px; }

/* Name */
.formFields .namePrefix { width: 45px; margin-right: 5px; display: inline; }
.formFields .nameFirst { width: 110px; margin-right: 5px; display: inline; }
.formFields .nameMiddle { width: 45px; margin-right: 5px; display: inline; }
.formFields .nameLast { width: 110px; margin-right: 5px; display: inline; } 
.formFields .nameSuffix { width: 50px; }
.formFields .namePrefix, 
.formFields .nameFirst,
.formFields .nameMiddle, 
.formFields .nameLast, 
.formFields .nameSuffix { float: left; }
.formFields .namePrefix select { width: 95%; }
.formFields .nameFirst input { width: 98%; }
.formFields .nameMiddle input { width: 96%; }
.formFields .nameLast input { width: 99%; }
.formFields .nameSuffix select { width: 95%; }

input.disabled { border: 1px solid #f2f2f2; background-color: #f2f2f2; }
input.validation-failed, textarea.validation-failed { border: 1px solid #f30; }
input.validation-passed, textarea.validation-passed { border: 1px solid #393; }
label.error { color: #c00; clear: both; display: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; font-style:normal; font-weight: normal; }
.validation-advice { margin: 5px 0; padding: 5px; background-color: #f30; color: #fff; }

.JSCalendar { width: 220px; }