/*
CSS Rules for client-side form validation
*/

/**
Optional message to show on error.
The element referred to by this optional ID will have its display rule changed
from 'none' to 'block' by the form-validation system on the event of a
validation failure after the user presses the submit button.
*/
#form-validation-message
{
	padding: 0px;
	margin: 20px;
	display: none;
	background: #f4f4f4;
}

#form-validation-message h2
{
	background: #d02622;
	color: white;
	padding: 7px;
	margin: 0px;
}

#form-validation-message p
{
	border-bottom: 1px dashed #fe4f4f;
	border-right: 1px dashed #fe4f4f;
	border-left: 1px dashed #fe4f4f;
	color: #d02622;
	padding: 5px 7px 5px 7px;
	margin: 0px;
}

/**
These classes are set manually in the form's HTML.
They indicate which fields are required, and additionally, if there are any
special requirements of the data to be entered.
*/

input.required,
textarea.required
{
	padding: 3px;
}

/*
This class is applied to invalid, required text fields.
*/
input.form-validation-invalid,
textarea.form-validation-invalid
{
	background: #f9f0b1;
}