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


fieldset
{
	border: 4px solid #36444d;
	background: #bcceda;
	width: 600px;
	margin: 20px 0px;
}

legend
{
	font-weight: bold;
	color: #36444d;
}

label
{
	float: left;
	width: 145px;
	text-align: right;
}

input.text,
textarea
{
	border: 1px solid #ccc;
	background: #f1f1f1;
	padding: 2px;
	font: 12px normal 'Arial', 'sans-serif';
	display: block;
	margin: 0px 0px 5px 150px;
	width: 300px;
}

input.submit
{
	margin: 0px 0px 0px 400px;

}

#contact-form
{
	width: 750px;
}

#contact-form input[type="text"]
{
	width: 150px;
	margin-left: 110px;	
	padding: 4px;
}

#contact-form label
{
	width: 100px;
	clear: left;	
}

#contact-form textarea
{
	margin-left: 110px;
	width: 420px;	
	padding: 4px;
}

#contact-form select
{
	display: block;
	margin-left: 110px;
}

#contact-form select.date
{
	display: inline;
	margin-left: 0px;
}

#contact-form select#dateDay
{
	margin-left: 10px;	
}

#contact-form .checkbox label
{
	width: 200px;
	margin-left: 20px;	
}

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