form { color: #929292; background-color: inherit; padding-top: 1em; }
form .err { color: #f00; background-color: inherit; border: 2px solid red; }
form .req { color: #626262; background-color: inherit; }
form .req:before { content: '* '; }
form p { text-align: right; padding-right: 1em; }
form p.alt { text-align: left; }
fieldset { border: 1px solid #aae; color: inherit; background: #e9e9ff url('/img/bg_fieldset.png') repeat-x top left; padding-bottom: 1em; }
fieldset p { text-align: left; }
fieldset p:after { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }
legend { color: #669; font-weight: bold; font-size: medium; border: 1px solid #aae; padding: .2em 1em; background: #ffe519 url('/img/bg_legend.png') repeat-x top left; margin-top: 0;}
label { width: 10em; display: block; float: left; font-weight: bold; text-align: right; }
label small { font-weight: normal; }

input, textarea, select { border: 1px solid #ccf; }
input:hover, textarea:hover, select:hover { border: 1px solid #99e; }

/* user input fields capturing data */
fieldset input, fieldset select { width: 18em; }
fieldset textarea { width: 20em; }
fieldset input, fieldset textarea, fieldset select { margin-left: 1em; float: left; }
/* choice buttons */
input[type="radio"], input[type="checkbox"] { width: 1em; }

/* control buttons */
input[type="submit"], input[type="reset"] { color: #666;  background-color: #e9e9ff; }
input[type="submit"]:hover, input[type="reset"]:hover { color: #fff; background-color: #aae; border: 1px solid #66c; }