form {font-size:1em; width:400px; padding-bottom:20px}
label, input, textarea, select {float:left; margin-bottom:10px; display:block}
label {color:#666; text-align:right; padding-right:10px; width:100px; margin-top:3px; font-size:.8em}
input {background:#F6F1E4; border:1px solid #999; padding:2px; color:#333; width:220px}
textarea {background:#F6F1E4; border:1px solid #999; padding:2px; color:#333; width:220px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em}
select {background:#F6F1E4; width:220px}

/* The following selector controls how the inputs look when they have focus,
but since IE does not support focus, these effects are not seen there. */
input:focus, textarea:focus {background:#FFF; color:#000; border:1px solid #000}

fieldset br {clear:left}
fieldset {border:1px solid #E1CFA4; padding:10px} /* usually background:#EEE */
legend {color:#C29F48; font-size:.9em; font-weight:bold; padding:5px; border:1px solid #E1CFA4; margin-bottom:10px} /* usually background:#FFF */
input.button {margin:10px 0 5px; float:none; width:220px; color:#60802F; background:#D2EDAC; border:1px solid #93C248; text-transform:uppercase}
input.hidden {border:none; width:auto; background-color:#FFF}
.labelrequired {color:#000; font-weight:bold}
.fauxfieldattn {float:left; display:block; margin-bottom:10px; padding:2px 4px; border:1px solid #999; background:#FFF; font-size:.8em; color:#CC0000}
.fauxfield {float:left; display:block; margin-bottom:10px; padding:2px 4px; border:1px solid #999; background:#FFF; font-size:.8em}

/* BEGIN PHORM VALIDATE STYLES */
.phormerror {border:1px solid #CC0000; background:url(/assets/images/field-alert.gif) left no-repeat #FFFF66; padding-left:24px; margin-bottom:5px; color:#000; font-size:.7em}