The SpryValidationTextarea.css file contains the rules that style the Validation Text Area widget and its error messages. You can edit these rules to style the look and feel of the widget and error messages. The names of the rules in the CSS file correspond to the names of the classes specified in the widget’s HTML code.

The following is the CSS code for the SpryValidationTextarea.css file:

/*Validation Textarea styling classes*/
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg {
	display:none;
}
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}
textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}

The SpryValidationTextarea.css file also contains extensive comments, explaining the code and the purpose for certain rules. For further information, see the comments in the file.