.textareaRequiredMsg,.textareaMinCharsMsg,.textareaMaxCharsMsg,.textareaValidMsg{display:none}.textareaRequiredState .textareaRequiredMsg,.textareaMinCharsState .textareaMinCharsMsg,.textareaMaxCharsState .textareaMaxCharsMsg{display:inline;color:#C33;border:1px solid #C33}.textareaValidState textarea,textarea.textareaValidState{background-color:#B8F5B1}textarea.textareaRequiredState,.textareaRequiredState textarea,textarea.textareaMinCharsState,.textareaMinCharsState textarea,textarea.textareaMaxCharsState,.textareaMaxCharsState textarea{background-color:#FF9F9F}.textareaFocusState textarea,textarea.textareaFocusState{background-color:#FFC}.textareaFlashState textarea,textarea.textareaFlashState{color:red !important}#error_mess.textareaMaxCharsState .textareaMaxCharsMsg,#error_mess.textareaMinCharsState .textareaMinCharsMsg,#error_mess.textareaRequiredState .textareaRequiredMsg{display:inline;color:#03C;border:1px solid #03C}#err_textarea{height:130px}#err_textarea.textareaMaxCharsState,#err_textarea.textareaMinCharsState,#err_textarea.textareaRequiredState{font-size:14px;color:#03C;font-weight:bold}#err_textarea.textareaMaxCharsState textarea,#err_textarea.textareaMinCharsState textarea,#err_textarea.textareaRequiredState textarea{border:1px solid #03C}.checkboxRequiredState .checkboxRequiredMsg,.checkboxMinSelectionsState .checkboxMinSelectionsMsg,.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg{display:inline;color:#C33;border:1px solid #C33}.checkboxRequiredMsg,.checkboxMinSelectionsMsg,.checkboxMaxSelectionsMsg{display:none}.selectRequiredMsg,.selectInvalidMsg{display:none}.selectRequiredState .selectRequiredMsg,.selectInvalidState .selectInvalidMsg{display:inline;color:#C33;border:1px solid #C33}.selectValidState select,select.selectValidState{background-color:#B8F5B1}select.selectRequiredState,.selectRequiredState select,select.selectInvalidState,.selectInvalidState select{background-color:#FF9F9F}.selectFocusState select,select.selectFocusState{background-color:#FFC}.textfieldRequiredMsg,.textfieldInvalidFormatMsg,.textfieldMinValueMsg,.textfieldMaxValueMsg,.textfieldMinCharsMsg,.textfieldMaxCharsMsg,.textfieldValidMsg{display:none}.textfieldRequiredState .textfieldRequiredMsg,.textfieldInvalidFormatState .textfieldInvalidFormatMsg,.textfieldMinValueState .textfieldMinValueMsg,.textfieldMaxValueState .textfieldMaxValueMsg,.textfieldMinCharsState .textfieldMinCharsMsg,.textfieldMaxCharsState .textfieldMaxCharsMsg{display:inline;color:#C33;border:1px solid #C33}.textfieldValidState input,input.textfieldValidState{background-color:#B8F5B1}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:#FFC}.textfieldFlashText input,input.textfieldFlashText{color:red !important}.TabbedPanels{margin:0px;padding:0px;clear:both;width:100%}.TabbedPanelsTabGroup{margin:0px;padding:0px}.TabbedPanelsTab{position:relative;top:1px;float:left;padding:4px 10px;margin:0px 1px 0px 0px;font:bold 0.7em sans-serif;background-color:#DDD;list-style:none;border-left:solid 1px #CCC;border-bottom:solid 1px #999;border-top:solid 1px #999;border-right:solid 1px #999;-moz-user-select:none;-khtml-user-select:none;cursor:pointer}.TabbedPanelsTabHover{background-color:#CCC}.TabbedPanelsTabSelected{background-color:#EEE;border-bottom:1px solid #EEE}.TabbedPanelsTab a{color:black;text-decoration:none}.TabbedPanelsContentGroup{clear:both;border-left:solid 1px #CCC;border-bottom:solid 1px #CCC;border-top:solid 1px #999;border-right:solid 1px #999;background-color:#EEE}.TabbedPanelsContent{padding:4px}.TabbedPanelsContentVisible{}.VTabbedPanels .TabbedPanelsTabGroup{float:left;width:10em;height:20em;background-color:#EEE;position:relative;border-top:solid 1px #999;border-right:solid 1px #999;border-left:solid 1px #CCC;border-bottom:solid 1px #CCC}.VTabbedPanels .TabbedPanelsTab{float:none;margin:0px;border-top:none;border-left:none;border-right:none}.VTabbedPanels .TabbedPanelsTabSelected{background-color:#EEE;border-bottom:solid 1px #999}.VTabbedPanels .TabbedPanelsContentGroup{clear:none;float:left;padding:0px;width:30em;height:20em}.TabbedPanels{width:500px}.TabbedPanelsTab{font-family:sans-serif;font-size:12px;font-weight:bold}.Accordion{border-left:solid 1px gray;border-right:solid 1px black;border-bottom:solid 1px gray;overflow:hidden}.AccordionPanel{margin:0px;padding:0px}.AccordionPanelTab{background-color:#CCC;border-top:solid 1px black;border-bottom:solid 1px gray;margin:0px;padding:2px;cursor:pointer;-moz-user-select:none;-khtml-user-select:none}.AccordionPanelContent{overflow:auto;margin:0px;padding:0px;height:200px}.AccordionPanelOpen .AccordionPanelTab{background-color:#EEE}.AccordionPanelTabHover{color:#555}.AccordionPanelOpen .AccordionPanelTabHover{color:#555}.AccordionFocused .AccordionPanelTab{background-color:#39F}.AccordionFocused .AccordionPanelOpen .AccordionPanelTab{background-color:#3CF}
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)
 */
 
/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}