@charset "UTF-8";

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

.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: block;
	color: #CC3333;
	border: 1px none #CC3333;
	font-style: italic;
	padding-left: 240px;
	padding-top: 2px;
	font-size: x-small;
}

.textareaValidState textarea, textarea.textareaValidState {
	background-color:#BFD1AF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
#content .main_content form #com .campo #sprytextarea1 .totCaracter {
	font-size: x-small;
	font-style: italic;
}


textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	background-image: url(../images/warning.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
#content .main_content form #com .campo #sprytextarea1 #countsprytextarea1 {
	font-style: italic;
	color: #060;
	font-size: x-small;
}


/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

/* 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;*/
}