﻿@charset "utf-8";


/**** General Form Body ***********************/

.form
{
	position:relative;
}
.form fieldset
{
	position:relative;
	display:block;
}
.form .float_fieldset
{
	padding-bottom:10px;
}
.form .float_fieldset:nth-of-type(odd)
{
}
.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;
}

@media (min-width: 768px) {
	#formQuote.form .float_fieldset {
	    max-width: 49%;
	    padding-bottom: 10px;
	    float: left;
	    padding-right: 1% !important;
	}
	#formContactRequest.form .float_fieldset.left_field {
	    max-width: 46%;
	    padding-bottom: 10px;
	    float: left;
	    padding-left: 0% !important;
	    padding-right: 1% !important;
	}
	#formContactRequest.form .float_fieldset.right_field {
	    max-width: 51%;
	    padding-bottom: 10px;
	    float: left;
	    padding-left: 2% !important;
	    padding-right: 0% !important;
	}
}
@media (max-width: 650px) {
	#formDialogContactRequest {
	    width: 100% !important;
	}
	#formContactRequest p,
	#formQuote p
	 {
        width: 90%;
    }
    #formContactRequest p.form_50_left,
	 #formContactRequest.form p.form_50_right,
	 #formQuote.form p.form_50_left,
	 #formQuote.form p.form_50_right {
        width: 90%;
	 }
}

/**** Form Paragraphs ***********************/

.form p
{
	width:96.5%;
	font-family: 'Open Sans', 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:150px;
   margin-right:40px;
   float:left;
}

.form p.form_city {
   width:150px;
   margin-right:40px;
   float:left;
}

.form p.form_state {
   width:20px;
   margin-right:40px;
   float:left;
   clear:none;
}

.form p.form_zipcode {
   width:50px;
   float:left;
   clear:none;
}
.form p.form_50_left {
}

.form p.form_50_right {
}

.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;
}
.form p.message_error
{
	background:url(../images/icon_error_small.png?d333) no-repeat 0 12px;
	padding-left:28px;
	color: #800;
}

/**** Form Elements ************************/

.form label,
.form input[type='text'],
.form input[type='tel'],
.form input[type='password'],
.form input[type='email'],
.form textarea,
.form select
{
	font-family: 'Open Sans', sans-serif;

	font-size:14px;
	font-weight:bold;
	color: #4c4d4d;
}
.form label
{
	width:auto;
	font-size:14px;
	font-weight:bold;
	display:block;
	color: white;
}
.form input[type='text'],
.form input[type='tel'],
.form input[type='password'],
.form input[type='email'],
.form textarea,
.form select
{
	width:100%;
	height:32px;
	background:#fff;
	border:1px solid #aaa;
	padding:6px 1.5%;
	margin-top:2px;
	display:block;
}
.form input[type='text']:disabled,
.form input[type='tel']: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:100%;
	height:80px;
	overflow:auto;
}
.form select
{
	/* width:272px!important;*/
	min-width:65px;
	height:26px!important;
	padding:0;
   border-radius: 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!important;
	color:#800;
	font-weight:bold;
	padding-bottom:5px;
	visibility:visible;
	position:absolute;
	left:0;
	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:#000;
	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:#000;
}
.button_pane
{
	width:100%;
   text-align:right;
	padding:12px 0;
	display:block;
	clear:left;
	position:relative;
}
.button_pane .form-disclosure {
   text-align:left;
   font-size:11px;
   font-weight:bold;
   padding-top:25px;
   padding-bottom:15px;
}
.form img.loading
{
	float:left;
	margin-top:-8px!important;
	margin-left:5px!important;
	z-index:999;
	display:none;
   width:auto!important;
    padding: 0!important;
    background: none!important;
}


/**** Captcha Form Security ****************/

.form input#security_code,
.form input#security_code2
{
	width:51%;
	margin-top:5px;
}
.form p.security_code {
   margin-top: 20px;
}
.captcha-copy {
	width: 165px;
	display: inline-block;
}
.form span.security_code {
   width: 100%;
   padding-right: 15px;
   margin-top: 1px;
   color: white;
   float: left;
   line-height: 1.2;
   position: relative;
   display: block;
   font-weight:bold;
   font-size: 12px;
   text-align: left;
}
.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: 450px) {
   .form
   {
   	width:66.5%;
      /* margin:auto; */
   }
}


/* Tablet (iPad/iPad Mini) Portrait Mode and Larger Mobile Devices (iPhone 6/6+) Landscape Mode */
@media (min-width: 550px) {

}


/* Tablet (iPad/iPad Mini) Landscape Mode */
@media (min-width: 850px) {
   .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 p.form_50_left {
      width:130px;
      margin-right:40px;
      float:left;
   }

   .form p.form_50_right {
      width:130px;
      float:left;
      clear:none;
   }
   .form label,
   .form input[type='text'],
   .form input[type='tel'],
   .form input[type='password'],
   .form input[type='email'],
   .form textarea,
   .form select {
   	font-family: 'Open Sans', sans-serif;
   	font-size:12px;
   	font-weight:bold;
   	color: #4c4d4d;
   }
   .form label
   {
   	width:auto;
   	font-size:12px;
   	font-weight:bold;
   	display:block;
		color: white;
   }
   .form input[type='text'],
   .form input[type='tel'],
   .form input[type='password'],
   .form input[type='email'],
   .form textarea,
   .form select
   {
   	height:32px;
   	background:#fff;
   	/*border:1px solid #aaa;*/
   	padding:6px 10px;
   	margin-top:2px;
   	display:block;
   }
   .form p
   {
   	width:100%;
   	font-family: 'Open Sans', sans-serif;

   	font-size:12px;
   	color:#444;
   	padding-top:20px;
   	position:relative;
   	clear:left;
   }
   .form p.security_code {
      margin-top: 20px;
      margin-left:0;
   }
}

.form .security_code img {
    margin: 0 20px 20px 0;
    width: auto;
    height: 50px;
    padding: 0;
    background: none;
		border-radius: 0 !important;
    background-color: transparent !important;
}


/* Smaller Laptops */
@media (min-width: 1024px) {

}


/* Standard Laptop and Desktop */
@media (min-width: 1280px) {

}


/* Larger Laptop and Desktop */
@media (min-width: 1360px) {
}


/* Largest Desktop */
@media (min-width: 1920px) {
}
