/************************************ 
 * Forms
 *
 ************************************/

form { width: 80%; padding: 0; margin: 0; }
div.form-page { padding-bottom: 2.5em; clear: both; }
div.form-row { margin-bottom: 1em; clear: both; }
div.form-left, div.form-right { float: left; width: 49%; }
fieldset {
	padding: 1em;
	border: 1px solid #ccc;
	margin-bottom: 1em;
	margin: 0 0 1em 0;
	display: block;
}

div.form-col1, div.form-col2, div.form-col3 { width: 33%; float: left; }
	
legend {
	font-weight: bold;
	padding: 0.2em 0.8em;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	margin: 0 0 0.6em 0;
}
label {
	display: block;
	clear: both;
	font-weight: normal;
	margin: 0 0 0.2em;
}

label.warning {
	color: #e00;
	clear: both;	
}
label.error {
	display: none;
}
input.field, textarea.field {
	display: block;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;	
	padding: 0.2em;
	width: 32em;
	border: 1px solid #97a7b4;
	background: #f9f9f9;
}


textarea { overflow: auto; }

span.required { color: #0089d1; }
input.field { width: 17em; }
input.field-wide { width: 37em; }
input.field-short { width: 2.2em; display: inline; }
input.field-inline { display: inline; }
input.button, button {
	padding: 0.2em 0.6em;
	border: 1px solid #666;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	color: white;
	background-color: #97a7b4;
	font-weight: bold;
	cursor: pointer;
	margin-top: 1em;
}

button:hover {
	background-color: #a2b2be;
	border: 1px solid #999;
	text-decoration: underline;
}

div.errors {
	color: #ff0000;
	padding-bottom: 1em;
}

form#extranet-login-form {
	width: 40%;
}

div.form-progress {
	text-align: center;
	border: 1px solid #ccc;
	width: 300px;
	margin: 0 auto 1.6em;
	color: #333;
	background: #c7dff2 url('images/forms/progressbar.gif') repeat-y 0px top;
}

div.progress-33 { background: #c7dff2 url('images/forms/progressbar.gif') repeat-y 100px top; }
div.progress-66 { background: #c7dff2 url('images/forms/progressbar.gif') repeat-y 200px top; }
div.progress-25 { background: #c7dff2 url('images/forms/progressbar.gif') repeat-y 75px top; }
div.progress-50 { background: #c7dff2 url('images/forms/progressbar.gif') repeat-y 150px top; }
div.progress-75 { background: #c7dff2 url('images/forms/progressbar.gif') repeat-y 225px top; }
div.progress-98 { background: #c7dff2 url('images/forms/progressbar.gif') repeat-y 295px top; }
div.form-next-button, div.form-submit-button  { float: right; }
div.form-prev-button { float: left; }

#form-survey strong { color: #1b1b1f; }
#form-survey textarea { width: 38.75em; }
#form-survey th, #form-survey td { vertical-align: middle; padding-right: 5px; }
#form-survey table.vertical-top td { vertical-align: top; }
label.empty { padding-bottom: 4px; }

#form-home-cleaning textarea { width: 38.75em; }

#form-print strong { color: #1b1b1f; }
#form-print table { margin-bottom: 1em; width: 100%; }
#form-print table td.label { width: 35%; padding-right: 1em; }