/*all form elements will have the same color - optional fields used to be gray*/
input, textarea, select {
	/*border: 1px solid #c8c8c8;*/
	border: 1px solid #00A8E6;;

}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required, select.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed, select.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

/*
on focus, turn black
*/
input:focus, textarea:focus, select:focus {
	border: 1px solid #000000;
}
/*
for IE we should use js to achieve the :hover effect
*/
input.focused, textarea.focused, select.focused {
	border: 1px solid #000000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-size: 11px;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}