@charset "UTF-8";

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

.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg { display: inline; color: #333; border: 1px solid #CC3333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

.textareaValidState textarea, textarea.textareaValidState { background-color:#B8F5B1; }

textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea { background-color:#FFFFFF; }

.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:#333333 !important; }