@charset "UTF-8";

.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldValidMsg,
.textareaRequiredMsg,
.textareaValidMsg  {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textareaRequiredState .textareaRequiredMsg
{
	display: inline;
	color: #CC3333;
	border: 0px;
}

.textfieldValidState input, input.textfieldValidState,
.textareaValidState textarea, textarea.textareaValidState {
	background-color: #B8F5B1;
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input,
textarea.textareaRequiredState, .textareaRequiredState textarea
{ 
	background-color: #FF9F9F;
}

.textfieldFocusState input, input.textfieldFocusState,
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color: #FFFFCC;
}

.textfieldFlashText input, input.textfieldFlashText,
.textareaFlashState textarea, textarea.textareaFlashState {
	color: red !important;
}

/*#######################################################################*/
 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}

.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:#FFFFCC;
}

.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
textarea.textareaHintState, .textareaHintState textarea{
}
/*#######################################################################*/
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
}
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}
.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}

.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .radioRequiredState) 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".
 */
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
	display: inline;
	color: #CC3333;
}