/*
1.GLOBAL
2.MAIN FORM
3.CUSTOM FORMS
4.MESSAGE ALERTS
*/

/* -- 1.GLOBAL -- */
input, textarea, select, button {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* -- 2.MAIN FORM -- */
div.form-container { clear: both; margin: 10px 0; }

p.legend, div.form-container form p.legend { 
	margin-bottom: 1em;
}
p.legend em { 
	color: #C00; font-style: normal;
}

div.form-container form p { margin: 0; }
div.form-container form p.note {
	margin-left: 170px;
	font-size: 90%;
	color: #333;
	margin-top: 4px;
}
div.form-container form fieldset, fomr#freeform form fieldset {
	margin: 15px 0; 
	padding: 10px;
	border: #DDD 1px solid; 
}
div.form-container form fieldset.active, div.form-container form#freeform fieldset.active {
	background: #ffffef;
}
div.form-container form legend, div.form-container form legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	white-space: normal;
	padding: 0 .25em .25em .25em;
}
html legend{ top: -.75em; left: .75em; }
html fieldset{ position: relative; margin-top: 2em; padding-top:2em;}

div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, div.form-container span.label { 
	margin-right: 10px;
	padding: .25em 10px .25em 0;
	width: 150px; 
	display: block; 
	float: left;
	text-align: right;
	position: relative;
}
div.form-container label.error, div.form-container span.error { color: #C00; }
div.form-container label em, div.form-container span.label em { 
	position: absolute; 
	right: 0;
	font-size: 120%;
	font-style: normal;
	color: #C00;
}
div.form-container fieldset input, div.form-container fieldset textarea, div.form-container fieldset select {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: .25em;
}
div.form-container fieldset option {
	padding-right: 1em;
}
div.form-container input.error {
	border-color: #C00;
	background-color: #FEF;
}
div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus, div.form-container input.iefocus, div.form-container textarea.iefocus {
	background-color: #FFC;	
	border-top: 1px solid #FC6;
	border-left: 1px solid #FC6;
	border-bottom: 1px solid #FFEB8F;
	border-right: 1px solid #FFEB8F;
}
div.form-container div.controlset label, div.form-container div.controlset input {
	display: inline;
	float: none;
	border: none;
}
div.form-container div.controlset br {
	clear: left;
}
div.left-options, div.right-options {
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
}
div.form-container div.controlset div { 
	margin-left: 170px;
}
div.form-container div.buttonrow { 
	margin-left: 180px;
}

/* -- 3.CUSTOM FORMS -- */
/* - Feedback Form - */
form#feedback {
	margin-top: 2em;
}
form#feedback fieldset {
	background-color: #fff;
	padding: 1.5em;
}
form#feedback #email-show,
form#feedback #mail-show,
form#feedback #phone-show,
form#feedback #other {
	display: none;
	margin-bottom: 1em;
}
form#feedback textarea#transportation_challenge,
form#feedback textarea#troublesome_area,
form#feedback textarea#thoughts {
	width: 100%;
}
form#feedback #other {
	border-color: #999 #ddd #ddd #999;
	border-style: solid;
	border-width: 1px;
}
form#feedback #email-show label,
form#feedback #mail-show label,
form#feedback #phone-show label {
	font-weight: bold;
	width: 100%;
	text-align: left;
	display: block;
}
form#feedback #email-show label,
form#feedback #mail-show label,
form#feedback #phone-show label,
form#feedback #email-show input,
form#feedback #mail-show input,
form#feedback #phone-show input {
	margin-left: 2em;
	display: block;
}
form#feedback #mail-show input#street1,
form#feedback #mail-show input#street2 {
	margin-bottom: .5em;
}
form#feedback #email-check,
form#feedback #mail-check,
form#feedback #present-to-community-check {
	border: none;
}
form#feedback label.check,
form#feedback div.select label {
	display: block;
	width: 100%;
	text-align: left;
}
form#feedback div.select {
	margin-top: 1em;
	clear: both;
}
form#feedback div.select label,
form#feedback div#travel_modes label {
	font-weight: bold;
}
form#feedback div#container-check {
	margin-bottom: 1em;
}
form#feedback div#travel_modes {
	margin: 1em 0;
}
form#feedback div#travel_modes span {
	display: block;
	padding: .25em 0;
}
form#feedback div#travel_modes span label {
	font-weight: normal;
}
form#feedback input.submit-btn {
	padding: 3px 6px;
	background: #298B57;
	color: #fff;
	border: 1px solid #84846B;
}
/* - Survey Form - */
div.sg_PoweredBy {display: none}
/* -- 4.MESSAGE ALERTS -- */
div.confirm, div.errors {
	padding: .5em;
	color: #000;
	font-size: 1em;
	margin-bottom: 1em;
}
div.confirm {
	background-color: #B3FFB3;
	border: 1px solid #090;
}
div.errors { 
	border: #f00 1px dotted; 
	background-color: #FFDFDF;
}
div.errors p { margin: 0; }
div.errors p em {
	color: #C00;
	font-style: normal;
	font-weight: bold;
}
a#error {
	text-decoration: none;
}