﻿@charset "utf-8";


/**** General Form Body ***********************/

.form 
{ 
	position:relative;
}
.form fieldset 
{
	position:relative;
	display:block;
}
.form .float_fieldset 
{ 
	max-width:50%;
	max-width:47%\9;
	padding-right:3%\9;
	padding-bottom:10px;
	float:left; 
}
.form .float_fieldset:nth-of-type(odd)
{
	padding-right:30px;	
}
.form hr 
{ 
	height:1px;
	margin-top:15px;
	margin-bottom:10px;
	background-color:#cacfd3;
	border:none;
	clear:left;
	float:left;
	display:block; 
}
.form legend
{
	width:100%; 
	color:#3d539b; 
	font-size:20px; 
	line-height:1.3; 
	font-weight:normal;
	clear:left;
	float:left;
}


/**** Form Paragraphs ***********************/

.form p 
{
	width:100%; 
	font-family:"Lucidia Sans", Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#444; 
	padding-top:20px; 
	position:relative; 
	clear:left; 
}
.dialog .form p{
	padding-top:10px; 
}
.form p.form_phone { 
   width:48.5%;
   margin-right:2%;
   float:left;
}
.form p.form_city { 
   width:48.5%;
   margin-right:3%;
   float:left;
}

.form p.form_state { 
   width:15%;
   margin-right:3%;
   float:left;
   clear:none;
}

.form p.form_zipcode { 
   width:30%;
   float:left;
   clear:none;
}
.form p.form_50_left { 
   width:48.5%;
   margin-right:3%;
   float:left;
}

.form p.form_50_right { 
   width:48.5%;
   float:left;
   clear:none;
}

.form p.form_phone input,
.form p.form_city input,
.form p.form_state input,
.form p.form_zipcode input,
.form p.form_50_left input,
.form p.form_50_right input { 
max-width:100%;
}
.form div.option_standard,
.form div.option_short,
.form div.option_auto
{
	padding-top:20px;
	float:left;
	position:relative;
	clear:both;
}
.form .option_standard p,
.form .option_short p,
.form .option_auto p
{ 
	text-indent:-25px; 
	padding-left:25px; 
	padding-top:10px;
	padding-bottom:10px;
	margin-right:5px;
	vertical-align:top; 
	float:left; 
	clear:none; 
}
.form .option_standard p
{ 
	width:180px; 
}
.form .option_short p
{
	width:65px; 
}
.form .option_auto p
{ 
	width:auto; 
}
.form .options {
   padding-top: 0!important;
}
.form .options p
{
   padding-bottom:15px;
   padding-top:0;
   padding-left:0;
   text-indent:0;
   margin-top:0;
}
.form .options label 
{
   font-weight:bold;
   margin-bottom:10px;
}
.form .options input[type='radio']
{
   margin-left:25px;
   margin-right:2px;
}
.form .options input[type='checkbox'] 
{
   margin-left:10px;
   margin-right:0px;
}
.dialog .form .options input[type='radio']
{
   margin-left:10px;
   margin-right:2px;
}

.form .options input[type='radio']:first-of-type, 
.form .options input[type='checkbox']:first-of-type 
{
   margin-left:0px;
}
.form p.other 
{
	width:190px;
	display:inline-block;
}
.form p.short 
{
	width:140px;
	margin-right:25px;
	display:block;
   float:left;
   clear:none;
}
.form p.short input 
{
	width:120px;
}

.form p.message
{
   width:92%;
	padding-top:5px;
	padding-bottom:1px;
	min-height:10px;
	font-weight: bold;
	color: #555;
}
.form p.message_success
{
	background:url(../images/icon_success_small.png?e444) no-repeat 0 12px;
	padding-left:28px;
   padding-bottom:5px;
}
.form p.message_error
{
	background:url(../images/icon_error_small.png?d333) no-repeat 0 12px;
	padding-left:28px;
	color: #800;
   padding-bottom:5px;
}

/**** Form Elements ************************/

.form label,
.form input[type='text'],
.form input[type='password'],
.form input[type='email'],
.form textarea,
.form select
{
	font-family:"Lucidia Sans", Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-weight:bold;
	color:#444; 
}
.form label 
{ 
	width:auto;
	font-size:11px;
	font-weight:bold;
	display:block; 
}
.form input[type='text'],
.form input[type='password'],
.form input[type='email'],
.form textarea,
.form select
{
	width:95%; 
	height:12px; 
	background:#fff; 
	border:1px solid #aaa; 
	padding:6px 2.5%; 
	margin-top:5px;
	display:block;
}
.form input[type='text']:disabled,
.form input[type='password']:disabled,
.form input[type='email']:disabled,
.form textarea:disabled,
.form select:disabled
{
	background:#fafafa; 
}
.form input[type='checkbox'],
.form input[type='radio']
{
	width:20px;
	margin:0 5px 2px 0;
	display:inline-block;
	vertical-align:middle;
}
.form textarea
{
	width:95%; 
	height:60px; 
	overflow:auto; 
}
.form select 
{ 
	width:auto; 
	min-width:65px; 
	height:28px;
	padding:0;
}
input[type='checkbox'] 
{ 
	border:none; 
	background:none; 
	padding:0; 
}
.form p.other input[type='checkbox'] 
{
	vertical-align:top; 
}
.form p.other input[type='text'] 
{
	width:115px;
	margin-left:10px;
	margin-top:-5px;
	display:inline-block;
}
.form p.checkbox_short input,
.form p.checkbox_auto input 
{ 
	width:30px; 
	margin:0 0 2px 0; 
}


/**** Error for Inputs and Labels *************/

.form input.error,,
.form textarea.error 
{ 
	background:url(/images/form_error.png) no-repeat right 5px top 5px #fffdfd; 
}
.form select.error 
{ 
	background:url(/images/form_error.png) no-repeat right 20px top 5px #fffdfd;
}
.form label.error 
{
	font-size:11px; 
	color:#800; 
	font-weight:bold;
	padding-bottom:2px; 
	visibility:visible; 
	position:absolute; 
	left:0; 
	bottom:-18px; 
	z-index:999;
	display:none; 
}
.form div.option_short label.error,
.form div.option_standard label.error,
.form div.option_auto label.error 
{  
	bottom:-10px; 
	padding-right:25px; 
	background:url(/images/form_error.png) no-repeat right 0 transparent; 
}
.form div.option_long label.error 
{ 
	top:10px; 
	right:0; 
	text-align:right; 
}
.form p.other label.error 
{ 
	left:30px; 
}


/**** Submit Button/Loading Animation *********/

.form input[type=submit],
.form input[type=button],
.form input[type=reset]
{
	width:110px; 
	background:#2d5c9c; 
	color:#fff;
	font-size:13px; 
	font-weight:bold; 
	border:2px solid #bbc7d7; 
	border-radius:20px; 
	text-align:center; 
	padding:6px 8px; 
	float:right;
	display:block; 
	cursor:pointer;
	outline:none;
}
.form input[type=submit]:hover,
.form input[type=button]:hover,
.form input[type=reset]:hover
{
	background:#666;
	border-color:#ccc;
	color:#fff;
}
.button_pane 
{ 
	width:100%;
   text-align:right; 
	padding:12px 0; 
	display:block; 
	clear:left;
	position:relative;
}
.form img.loading 
{ 
	float:left;
	margin-top:-8px;
	margin-left:5px;
	z-index:999;
	display:none; 
}


/**** Captcha Form Security ****************/

.form input#security_code 
{ 
	width:120px;
	margin-top:5px;
}
.form p.security_code {
   margin-top: 20px;
}
.form span.security_code 
{ 
   width:130px; 
	margin-top:0;
   margin-left:30px; 
	color:#505d64; 
	float:left; 
	line-height:1.2; 
	position:relative; 
	display:block;
}
.form .security_code img 
{ 
	display:block; 
	float:left; 
}
.ui-autocomplete-loading {
	background:url("../images/ui-loading.gif") right 5px center no-repeat #fff;
}
.dialog .button_pane{
   margin-top:25px;
}


/* Larger Mobile Devices (iPhone 6/6+) Portrait Mode */
@media (min-width: 410px) {
}


/* Tablet (iPad/iPad Mini) Portrait Mode and Larger Mobile Devices (iPhone 6/6+) Landscape Mode */
@media (min-width: 550px) {
   .form p.form_phone { 
      width:47%;
      margin-right:4%;
   }
   .form p.form_city { 
      width:47%;
      margin-right:4%;
   }
   .form p.form_state { 
      width:15%;
      margin-right:4%;
   }
   .form p.form_zipcode { 
      width:30%;
   }
   .form p.form_50_left { 
      width:48%;
      margin-right:4%;
   }

   .form p.form_50_right { 
      width:48%;
   }
   .form textarea
   {
   	width:95%; 
   	height:80px; 
   }
}







