/**************************
 CSS Rules Common to Forms
***************************/


fieldset
{
	border: none;
	background:#fff;
	width: 500px;
	margin: 20px 0px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

legend
{
	font-weight: bold;
	color: #999;
}

label
{
	float: left;
	width: 100px;
	padding: 4px 10px;
	text-align: right;
}

input.text,
textarea
{
	border: none;
	background: #c0daeb;
	padding: 6px;
	font: 12px normal 'Arial', 'sans-serif';
	display: block;
	margin: 0px 0px 5px 100px;
	width: 300px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

input.submit
{
	margin-left: 400px;
}

/*****************
 Custom 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
{
	background: pink;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	display: none;
}

/**
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.text.required,
textarea.required
{
	background: #f9f0b1;
}

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

/*************
 Custom styles
**************/

#contact-form
{
	
}