@charset "utf-8";

/* spryformvalidation.css - version 0.5 - 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.
 */ 
.textarearequiredmsg,
.textareamincharsmsg,
.textareamaxcharsmsg,
.textareavalidmsg {
	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".
 */
.textarearequiredstate .textarearequiredmsg,
.textareamincharsstate .textareamincharsmsg,
.textareamaxcharsstate .textareamaxcharsmsg
{
	display: inline;
	color: #cc3333;
	background-color: #fdd;
	background-image: ;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

/* the next three group selectors control the way the core element (textarea) 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 textarea
 * - the widget id is placed on the textarea element itself (there are no error messages)
 */
 
 /* when the widget is in the valid state the textarea has a green background applied on it. */
.textareavalidstate textarea, textarea.textareavalidstate {
	background-color:#eaf4fb;
}

/* when the widget is in an invalid state the textarea has a red background applied on it. */
textarea.textarearequiredstate, .textarearequiredstate textarea, 
textarea.textareamincharsstate, .textareamincharsstate textarea, 
textarea.textareamaxcharsstate, .textareamaxcharsstate textarea {
	background-color:#fdd;
}

/* when the widget has received focus, the textarea has a yellow background applied on it. */
.textareafocusstate textarea, textarea.textareafocusstate {
	background-color:#ffffcc;
}

/* 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.
 */
.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. */
textarea.textareahintstate, .textareahintstate textarea{
	/* color: red !important;*/
}