@charset "UTF-8";
#formWrap { margin-right: auto; margin-left: auto; margin-bottom: 3em; background: #FFF; padding-bottom: 2em; }
.surveyFieldWrap { margin-right: auto; margin-left: auto; margin-bottom: 2em; height: 9em; width: 35em; }
.surveyField { width: 15em; float: left; margin-top: 1.5em; margin-left: 0.5em; }
/*-------------------------------textField------------------------*/
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg { display: none; }
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg { display: block; color: #CC3333; }
.textfieldValidState input, input.textfieldValidState { background-color: #FFF; }
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input { background-color: #FF9F9F; }
.textfieldFocusState input, input.textfieldFocusState { background-color: #FFFFCC; }
/*------------------------------confirm--------------------------------*/
.confirmRequiredMsg, .confirmInvalidMsg, .confirmValidMsg { display: none; }
.confirmRequiredState .confirmRequiredMsg, .confirmInvalidState .confirmInvalidMsg { display: block; color: #CC3333; border: 0px solid #CC3333; }
.confirmValidState input, input.confirmValidState { background-color: #FFF; }
input.confirmRequiredState, .confirmRequiredState input, input.confirmInvalidState, .confirmInvalidState input { background-color: #FF9F9F; }
.confirmFocusState input, input.confirmFocusState { background-color: #FFFFCC; }
td { padding: 1em 0.3em 1em 1em; }
.oddRow { background: #EEE; text-align: center; }
.oddRowTxtL { background: #EEE; text-align: left; }
.txtLeft { text-align: left; }
.questionBlk { background: #EEE; margin-top: 1em; }
.inputBlk { margin-left: .5em; }
label { margin-right: 2em; }
.custServLabel { margin-left: 0.5em; }
.txtArea { width: 20em; margin: 1em 2em 4em; display: block; height: 5em; }
.surveyCategory { color: #FFF; background: #9CA2AB; padding-left: 1em; font-size: 140%; padding-top: 0.3em; padding-bottom: 0.3em; margin-bottom: 1.5em; text-align: center; letter-spacing: 0.5em; }
.submit { margin-right: auto; margin-left: auto; display: block; margin-top: 2em; cursor: pointer; }