/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

input[type="text"].logon-input, 
input[type="password"].logon-input { width: 100px; color: #666; }

fieldset.form-inputs { margin: 1em 0; padding: 1em; border: 1px solid #CCC; }
fieldset.form-inputs label { display: block; }
fieldset.form-inputs label.no-block { display: inline; }
fieldset.form-inputs label.inline { display: inline; }

fieldset.form-inputs ul { margin: 0px; }
fieldset.form-inputs ul li { list-style-type: none; margin-bottom: 5px; }

legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }

input[type="text"] { width: 200px; border: 1px solid #CCC; color: #666; }
input[type="password"] { width: 200px; border: 1px solid #CCC; color: #666; }

.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }

input[type="text"].zip { width: 100px; }
input[type="text"].email { width: 300px; }
input[type="text"].input-description { width: 500px; }
input[type="text"].input-title { width: 300px; }
input[type="text"].input-fullWidth { width: 90%; }
input[type="text"].datePicker { width: 70px; }
input[type="text"].input-medium { width: 150px; }
input[type="text"].input-percentage { width: 50px; }

fieldset.form-inputs textarea { width: 90%; height: 100px; font-family: Arial; color: #666; font-size: 100%; }

.wrap-input-label { text-align: right; }
.wrap-input { }
