@charset "UTF-8";

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
label .textfieldRequiredMsg, 
label .textfieldInvalidFormatMsg, 
label .textfieldMinValueMsg,
label .textfieldMaxValueMsg,
label .textfieldMinCharsMsg,
label .textfieldMaxCharsMsg,
label .textfieldValidMsg {
	display: none !important;
}

/* 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 color for the error text.
 * The state class (e.g. .textfieldRequiredState) 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".
 */
label .textfieldRequiredState, label .textfieldInvalidFormatState {
	width: auto !important;
}
label .textfieldRequiredState .textfieldRequiredMsg, 
label .textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
label .textfieldMinValueState .textfieldMinValueMsg,
label .textfieldMaxValueState .textfieldMaxValueMsg,
label .textfieldMinCharsState .textfieldMinCharsMsg,
label .textfieldMaxCharsState .textfieldMaxCharsMsg
{
	font-weight: bold !important;
	color: #FF0000 !important;
	display: block !important;
	padding: 2px 0 0 144px;
	float:none;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , 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 INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
label .textfieldValidState input, label input.textfieldValidState {
	border: 1px solid #8C9FAE !important;
	height: 18px !important;
	width: 324px !important;
}
label.city .textfieldValidState input, label.city input.textfieldValidState {
	border: 1px solid #8C9FAE !important;
	height: 18px !important;
	width: 180px !important;
}
div.ContactForm label .textfieldValidState input, div.ContactForm label input.textfieldValidState {
	border: 1px solid #8C9FAE !important;
	height: 18px !important;
	width: 250px !important;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
label input.textfieldRequiredState, label .textfieldRequiredState input, 
label input.textfieldInvalidFormatState, label .textfieldInvalidFormatState input, 
label input.textfieldMinValueState, label .textfieldMinValueState input, 
label input.textfieldMaxValueState, label .textfieldMaxValueState input, 
label input.textfieldMinCharsState, label .textfieldMinCharsState input, 
label input.textfieldMaxCharsState, label .textfieldMaxCharsState input {
	border: 1px solid #FB5F00 !important;
	height: 18px !important;
	width: 324px !important;
}
label.city input.textfieldRequiredState, label.city .textfieldRequiredState input, 
label.city input.textfieldInvalidFormatState, label.city .textfieldInvalidFormatState input, 
label.city input.textfieldMinValueState, label.city .textfieldMinValueState input, 
label.city input.textfieldMaxValueState, label.city .textfieldMaxValueState input, 
label.city input.textfieldMinCharsState, label.city .textfieldMinCharsState input, 
label.city input.textfieldMaxCharsState, label.city .textfieldMaxCharsState input {
	border: 1px solid #FB5F00 !important;
	height: 18px !important;
	width: 180px !important;
}
div.ContactForm label input.textfieldRequiredState, div.ContactForm label .textfieldRequiredState input, 
div.ContactForm label input.textfieldInvalidFormatState, div.ContactForm label .textfieldInvalidFormatState input, 
div.ContactForm label input.textfieldMinValueState, div.ContactForm label .textfieldMinValueState input, 
div.ContactForm label input.textfieldMaxValueState, div.ContactForm label .textfieldMaxValueState input, 
div.ContactForm label input.textfieldMinCharsState, div.ContactForm label .textfieldMinCharsState input, 
div.ContactForm label input.textfieldMaxCharsState, div.ContactForm label .textfieldMaxCharsState input {
	border: 1px solid #FB5F00 !important;
	height: 18px !important;
	width: 247px !important;
}
/* When the widget has received focus, the INPUT has a yellow background applied on it. */
label .textfieldFocusState input, label input.textfieldFocusState {
	border: 1px solid #E2036D !important;
	height: 18px !important;
	width: 324px !important;
}
label.city .textfieldFocusState input, label.city input.textfieldFocusState {
	border: 1px solid #E2036D !important;
	height: 18px !important;
	width: 180px !important;
}
div.ContactForm label .textfieldFocusState input, div.ContactForm label input.textfieldFocusState {
	border: 1px solid #E2036D !important;
	height: 18px !important;
	width: 247px !important;
}
/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
label .textfieldFlashText input, label 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. */
label .textfieldHintState input, label input.textfieldHintState {
	/*color: red !important;*/
}