@charset "utf-8";
/* 

	WEBSITE FORM STYLES

*/

/* quick contact form */
#quickContactForm {
	margin: 0 0 2em 0;	
}

#quickContactForm label {
	font-family: Calibri, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#quickContactForm input[type=text] {
	width: 180px;	
}

#quickContactForm p {
	margin: 0;	
}

#quickContactForm input[type=submit] {
	font-family: Calibri, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	background-color: #51A3B8;
	border: 1px outset #C1DFE6;
	color: #fff;
	padding: .5em 1em;
	margin: .2em .2em .2em 0;
	/* css hacks for corner radii */
	-moz-border-radius: 7px; /* gecko */
	-webkit-border-radius: 7px; /* webkit */
	border-radius: 7px; /* css3 */
}

/*
 * 		FORMS - GENERIC
 * 
 */

fieldset {
	border-top: 1px solid #DFE2CC;
	border-bottom: 1px solid #DFE2CC;
	background-color: #eeeddc;
	padding: 1em;
	margin: 1em 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

form.standard {	
	width: 80%;
	margin: 0 auto 2em auto;
}

form.standard.pod {
	background-color: #F3EDDB;
	/* css hacks for corner radii */
	-moz-border-radius: 7px; /* gecko */
	-webkit-border-radius: 7px; /* webkit */
	border-radius: 7px; /* css3 */
}

.formItem {
	overflow: auto;
	clear:both;
	width: auto;
	padding: .5em 2em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #D7DCC4;
}

.formItem.last {
	border-bottom: none;
}
.formItem.first {
	border-top: none;
}
	
.formItem label {
	float: left;
	width: 20%;
	display: block;
}

.formItem label.inline {
	float: none;
	display: block;
	width: auto;
}

.formItem div.ctrlHolder {
	width: 50%;
	float: left;
}
/* right column form hint */
.formItem .formHint {
	font-size: .9em;
	font-style: italic;
	width: 30%;
	display: block;
	float: left;
}

.formItem .formHint.inline {
	width: auto;
}
/* inner form hint (inside ctrl Holder */
.formItem .ctrlHolder .formHint {
	margin-left: 0;
	width: auto;
}

.formItem .ctrlHolder label {
	display: inline-block;
	width: auto;
	float: none;
}

/* form fields that should meet the aligned width */
.formItem input[type=text],
.formItem input[type=password],
.formItem select,
.formItem textarea {
	width: 90%;
	font-size: 1.1em;
	border: 2px solid #d8e4e7;
	padding: .25em;
}

.formItem input[type=checkbox],
.formItem input[type=radio] {
	font-size: 2em;
}

.formItem select {
	font-size: .95em;
}

/* form fields that should fit their contents */
.formItem input[type=text].fit,
.formItem input[type=password].fit,
.formItem select.fit,
.formItem textarea.fit {
	width: auto;
}
/* required fields */
.formItem label.required {
	font-weight: bold;
}

.formItem .formHint p {
	font-family: Calibri, "Lucida Grande", Helvetica, Verdana, Arial, sans-serif!important;
}

.formItem.ctrlBar input[type=submit],
.formItem.ctrlBar input[type=button],
.formItem.ctrlBar input.button {
	margin: 0 1em 0 20%;
	background-color: #34717E;	
	color: #FFFFFF;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
	border: 1px outset #348291;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

/* OVERRIDES FOR jQuery Validation styles */
.formItem label.error {
	width: 83%;
	display: block;
	float: none;
	clear: both;
	text-align: left;
	padding: .1em 5%;
}

.formItem input.error,
.formItem select.error {
	background-color: #fff;
	border: 2px solid #ee5b00;
	text-align: left;
}