@charset "UTF-8";

/* SpryValidationTextField.css - version 0.4 */

.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg { display: none; }

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg { display:inline; color:#CC3333; }

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

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

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}

.tbSizeChanger { width:100% !important; font:normal 10px Arial, Helvetica, sans-serif; line-height:11px; border-width:1px; border-style:solid; }
.tbLarger { margin:0px; cursor:pointer; }
.tbSmaller { margin:0 0 0 5px; cursor:pointer; }
.tbSizeText { margin:0px; padding:0px; text-transform:lowercase; }