textarea:focus, input:focus { border-style: inset; background-color: #EBEBEB;}
textarea, input { font-family: arial, Helvetica, sans-serif; font-size: .75em; color: #333333;}
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-style: italic;}
div.error { display: none;}
input.error { border: red 1px dotted;}

#ui-datepicker-div{z-index: 9999;} /*http://stackoverflow.com/questions/715677/trouble-with-jquery-dialog-and-datepicker-plugins*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.feedbackform{ padding: 5px; }
/*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
div.fieldwrapper{ width: 550px; overflow: hidden; padding: 5px 0; }
/* label elements that should be styled (left column within fieldwrapper DIV) */
div.fieldwrapper label.styled{ float: left; width: 150px; text-transform: uppercase; border-bottom: 1px solid red; margin-right: 15px; }
/* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
div.fieldwrapper div.thefield{ float: left; margin-bottom: 1px; }
/* style for INPUT type="text" fields. Has no effect in IE7 or below! */
div.fieldwrapper div.thefield input[type="text"]{ width: 250px; }
/* style for TEXTAREA fields. */
div.fieldwrapper div.thefield textarea{ width: 300px; height: 150px; }
/*div that wraps around the submit/reset buttons*/
div.buttonsdiv{ margin-top: 5px; }
/* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
div.buttonsdiv input{ width: 80px; background: #e1dfe0; }