
.centeredForm						{ width: 90%; margin: 5% auto; }
	.formLeft						{ width: 30%; height:30px; float: left; display:table; }
		.formLeft input				{ float: right; width: auto !important; }
	.formRight						{ width: 65%; height:100%; float: right; }		

.formField,
.formAction							{ margin-bottom: 8px; }

.formMessage						{ font-weight: bold; text-align: center; margin-bottom: 20px; }
.formSubMessage						{ font-weight: bold; text-align: left; margin: 20px 0 5px 95px; }

.formField							{  }
.formField label					{ color: #353231; width:100%; font: normal 15px/15px Arial, sans-serif; display: table-cell; text-align: right; vertical-align:middle !important; }
.formField select,
.formField textarea,
.formField input 					{ width: 100%; min-height:20px; padding:4px; border: 1px #ccc solid; color: #444; font: normal 15px/15px Arial, sans-serif; margin-bottom: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
									-webkit-border-radius: 3px;
									-moz-border-radius: 3px;
									border-radius: 3px;
									background: #ffffff; /* Old browsers */
									background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
									background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
									background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
									background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
									background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
									-webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
									-moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.15);
									box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.15);
									}
.formField input:focus,
.formField select:focus,
.formField textarea:focus			{ 
									-webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.50);
									-moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.50);
									box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.50);
									}									
.formField textarea					{ resize:vertical; }
.formField label.error				{ width: 100%; color: #ef1717; font: normal 15px/15px Verdana, sans-serif; clear: both; }

.required_icon          			{ color: #d03718; font: bold 15px/15px Verdana, sans-serif; display: inline; vertical-align:middle !important; }

.message							{ text-align: center; font: bold 15px/15px Verdana, sans-serif; margin-bottom: 20px; }
.message.good						{ color: #757c5d; }
.message.bad						{ color: #892516; }

.formAction input					{ color:#333; text-transform:uppercase; font-family:'Arial',sans-serif; outline:none; border:1px #999 solid; padding:8px 15px; 
									-webkit-border-radius: 3px;
									-moz-border-radius: 3px;
									border-radius: 3px;
									background: #ededed; /* Old browsers */
									background: -moz-linear-gradient(top,  #ededed 0%, #cccccc 100%); /* FF3.6+ */
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
									background: -webkit-linear-gradient(top,  #ededed 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
									background: -o-linear-gradient(top,  #ededed 0%,#cccccc 100%); /* Opera 11.10+ */
									background: -ms-linear-gradient(top,  #ededed 0%,#cccccc 100%); /* IE10+ */
									background: linear-gradient(to bottom,  #ededed 0%,#cccccc 100%); /* W3C */
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
									}
.formAction input:hover				{ cursor:pointer; background: #CCC; }


/* Responsive Code */

@media (max-width:975px) and (min-width:800px){
	div.checkbox > label				{ width:60%; }
}

@media (max-width:800px){
	#form_page_left,
	#form_page_right					{ float:none; width:100%; }
	#form_page_left						{ margin-bottom:25px; padding-bottom:15px; }
	div.field							{ margin-bottom:12px; }
}

@media(max-width: 600px){
	
	div.field > label					{ width:100% !important; margin-bottom:2px; line-height:18px; clear:both; text-align:left !important; }
	div.field > div						{ width:100% !important; min-height:30px; float:left !important; clear:left !important; }
	.formLeft,
	.formRight 		 					{ float:none; width:100%; }
	.formLeft label						{ text-align:left; }
	.formRight							{ width:100%; }

	div.checkbox > input				{ margin-left:0; float:left; }
	div.checkbox > label				{ padding-top:0px !important; float:none; clear:none; padding-left:20px; }
	.Actions 							{ width:100%; float:none; }
		
	h3.form-header						{ width:100% !important; float:left !important; margin-bottom:0px !important; }
	.stacked input.required + label.right			{ overflow:hidden; white-space:nowrap; font-size:11px !important; }
}

@media(max-width: 430px){
	.centeredForm						{ width:100% !important; }
}
