@charset "UTF-8";

/* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.6.1 */

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

#spryemail, #spryselect, #sprymessage {
	margin: 6px 0px;
}

.messagefield {
	font-family:Eurostile,Calibri,"Berlin Sans FB",Tahoma,"Trebuchet MS",Verdana,Arial;
	font-size: larger;
}

/* These are the classes applied on the error messages which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg,
.textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg,
.selectRequiredMsg, .selectInvalidMsg,
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg,
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg {
	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 color for the error text.
 * The state class (e.g. .textareaRequiredState) 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".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg,
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg,
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg,
.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg
{
	display: inline;
	color: #BA6E58;
	background-color: white;
	border: 1px solid #BA6E58;
	padding: 2px;
}

/* The next three group selectors control the way the core element looks like when the widget is in one of the states: * focus, required / 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 element
 * - the widget id is placed on the element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the element has a gray background applied on it. */
.textfieldValidState input, input.textfieldValidState,
.selectValidState select, select.selectValidState,
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#EEEAEE;
}

/* When the widget is in an invalid state the element has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input,
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select,
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#DAB1A5;
}

/* When the widget has received focus, the element has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState,
.selectFocusState select, select.selectFocusState,
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:white;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textfieldFlashText input, input.textfieldFlashText,
.textareaFlashState textarea, textarea.textareaFlashState{
	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,
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}