/************************************ 
 * Forms
 *
 ************************************/
#reservation-form, #contact-form {
	width: 575px;
	margin: 0 auto;
}

#reservation-form h2, #contact-form h2, #reservation-form h3, #contact-form h3 {
	background-color: #52790e;
	color: white;
	font-size: 1.3em;
	padding: 4px 12px;
	margin-bottom: 0;
}

fieldset {
	background: url('images/forms/background-fieldset.gif') no-repeat bottom left;
	border: 0;
	padding: 12px 20px 6px 20px ;
	margin: 0 0 1em 0;
	position: relative;
	clear: both;
	display: block;
}

fieldset.blank {
	background-image: none;
}

label {
	display: block;
	float: left;
	margin: 0;
	width: 120px;
	text-align: right;
}

input.field, textarea {
	display: block;
	margin: 2px 0 0 130px;
	border: 1px solid #999999;
	padding: 2px;
}

div.form-row {
	clear: both;
	font-size: 1.3em;
	margin: 0 0 6px 0;
	position: relative;
	float: none;
}

div.errors, div.required {
	color: #9e4001;
	font-weight: bold;
}

div.errors {
	font-size: 1.3em;
	margin-bottom: 1em;
}

div#required-text {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.9em;
}

option {
	border: 0;
	padding: 1px 2px;
}

select {
	border: 1px solid #ccc;
	padding: 0;
	width: 180px;
}



/************************************ 
 * Reservation form
 *
 ************************************/

#reservation-form #nearest-optician label {	width: 60px; margin-right: 6px;}
#reservation-form #nearest-optician input { margin-left: 80px; }
#reservation-form #best-time label { width: 90px; }
#reservation-form #best-time select.select-date { margin-left: 10px; width: 50px; }
#reservation-form #best-time select.select-month { width: 90px; }
#reservation-form #best-time select.select-time { width: 130px; }

#reservation-form #personal-information label { }
#reservation-form #personal-information input.field { width: 290px; }
#reservation-form #purpose-of-visit input,
#reservation-form #extra-information input
	{ margin: 3px 6px 0 0; float: left; display: block;}
#reservation-form #purpose-of-visit label,
#reservation-form #extra-information label 
	{ display: block;width: 400px; padding-top: 3px; margin-left: 6px; text-align: left; float: left; }
#reservation-form #reservation-form-submit,
#contact-form #contact-form-submit { text-align: center; }
 
/************************************ 
 * Contact form
 *
 ************************************/
#contact-form input.field { width: 290px; }
#contact-form textarea { width: 290px; height: 10em; font: normal 12px Arial, Helvetica, sans-serif; }