/*--AMERICAN PEST FORMS STYLESHEET--*/

/*--FORM PRE FILL SPECIFIC STYLES--*/
#form-container {margin: 0 auto; padding: 0; position: relative;} 
#form-pre-fill {margin: 0 auto; padding: 0; width:225px;}
#form-pre-fill td {padding: 0 0 5px 0;}
.form-heading {font-size: 150%; color: #203267;}
.form-pre-fill-heading {}
.form-pre-fill-input, .form-pre-fill-dropdown {width:220px; color:#203267; font-size:90%;}
.form-pre-fill-dropdown {width:224px;}
.form-pre-fill-submit {font-size: 90%; color: #203267;}
.onstate-residential, .onstate-commercial { display: block; }
.offstate-residential, .offstate-commercial { display: none; } 

/*--HOME CLUB FORM STYLES--*/
table.home-club-form {position:relative; margin:10px 0 0 0; padding:0;}
td.home-club-label {margin:0; padding:0 5px 2px 0; vertical-align:bottom;}
input.home-club-field {margin:5px 0 0 0; padding:1px; background-color:#ced7e0;}
input.form-button {margin:10px 0 0 0; padding:0;}

/*--FORM STYLES--*/

/*

#form .label {width:150px;}
.careers-label {padding:10px 10px 0 0;}
td.label, td.field {padding:10px 10px 0 0;}
.submit-button {margin:20px 0 0 0;}

table#free-appointment {font-size:13px; color:#000000; width:500px;}
input.field, textarea.info-field, input.select-field {color:#000000; xbackground-color:#ced7e0; overflow:hidden;}
td.label, td.field {padding:10px 10px 0 0;}
.appointment-form-button, .form-button {margin:20px 0 0 0;}
span.check-box-label {padding:0 0 5px 5px;}
.fixed-width-label {width:100px; display:inline-block;}
span.ap-inline-label {padding:0 10px 0 0;}
span.alert {color:red;}

td.survey-label {padding:10px 0 0 0;}
td.survey-field input, td.survey-field textarea, td.survey-field select {xbackground-color:#ced7e0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; overflow:hidden; padding:2px; resize:none;}

.careers-survey-form-label {margin-bottom:3px; font-weight:bold;}
.careers-survey-form-field {margin-top:0;}

.blog-form-field {padding:2px 0 2px 0; margin:0;}
.blog-form-field span.blog-form-label {display:inline-block; padding:3px 6px 0 0; margin:0; font-weight:bold; vertical-align:top; width:120px;}
.blog-form-field input, .blog-form-field textarea {display:inline-block; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:195px;}
.blog-form-field textarea {resize:none; zoom:1;}
span.blog-form-field {display:inline-block;}
.blog-form-field input#ap-form-captcha-input {width:195px;}
.blog-form-field textarea#app-message {resize:none; zoom:1; width:195px;}
.blog-form-button {margin-left:125px;}

*/

/*--TREASURE HUNT COMPETITION FORM SPECIFIC STYLES--*/
table#treasure-hunt {font-size:12px; color:#000000;}
input.field-treasure {color:#000000; background-color:#ced7e0; overflow:hidden; margin:10px 0 0 0;}
textarea.field-treasure {color:#000000; background-color:#ced7e0; overflow:hidden; margin:10px 0 0 0;}
input.check-field-treasure {color:#000000; margin:15px 0 2px 0;}
#treasure-hunt td.label {padding:10px 10px 0 0; vertical-align:middle;}
#treasure-hunt td.text-area-label {padding:10px 10px 0 0; vertical-align:top;}
td.label, td.field {padding:10px 10px 0 0;}
.treasure-hunt-form-button {margin:20px 0 0 0;}
span.label {padding:0 0 5px 10px;}

/*--INTRANET FORM SPECIFIC SETTINGS--*/
table.intranet-form-table-1 {font-size:12px; color:#000000; width:700px; margin:10px auto 30px auto;}
table.intranet-form-table-2 {font-size:12px; color:#000000; width:700px; margin:0 auto;}
input.intranet-field, textarea.intranet-area-field, input.intranet-check-field {color:#000000; background-color:#ced7e0; overflow:hidden;}
td.intranet-label, td.intranet-field {padding:10px 0 0 0;}
.intranet-form-button {margin:40px 0 0 0;}
span.intranet-check-box-label {padding:0 10px 5px 5px;}
.intranet-fixed-width-check-label {width:70px; display:inline-block;}
.intranet-fixed-width-label {width:340px; display:inline-block; padding:0 0 5px 0;}

/*--COMMERCIAL WEB FORM STYLES--*/
#commercial-web-form {width:100%;} 
#section-1, #section-2, #section-3, #section-4, #section-5 {width:100%;}
#billing, #service {width:100%;}
p.web-form-heading {color:#ffffff; background-color:#203267; padding:5px; font-weight:bold;}
.web-form-label, .web-form-field {font-size:12px; margin:0; padding:3px 0 3px 5px; vertical-align:middle;}
.web-form-field-2 {font-size:12px; padding:3px 5px; vertical-align:middle;}
.web-form-field input {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px;}
.web-form-field textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px; resize:none; overflow:hidden; width:95%;}
.web-form-field-3 input {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; margin-bottom:10px;}
.web-form-field-3 label {padding:0 10px 0 0;}
.web-form-label-2 {font-weight:bold;}
.web-form-label {font-weight:normal;}
#other-rooms-other-1, #other-rooms-other-2, #frequency-other-1, #current-pest-problems-other, #type-of-facility-other {margin-left:-13px;}
#commercial-web-form label {margin:0 10px 0 0;}
#commercial-web-form input[type=checkbox], #commercial-web-form input[type=radio] {margin:0 5px 0 0;}

/*--SERVICE AGREEMENT WEB FORM STYLES--*/
#service-agreement-web-form {width:100%;}
#billing, #service {width:100%;}
p.web-form-heading {color:#ffffff; background-color:#203267; padding:5px; font-weight:bold;}
.web-form-label, .web-form-field {position:relative; font-size:12px; margin:0; padding:3px 0 3px 5px; vertical-align:middle;}
.web-form-field-2 {font-size:12px; padding:3px 5px; vertical-align:middle;}
.web-form-field input {position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px;}
.web-form-field textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px; resize:none; overflow:hidden;}
.web-form-field-3 input {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; margin-bottom:10px;}
.web-form-field-3 label {padding:0 10px 0 0;}
.web-form-label-2 {font-weight:bold;}
.web-form-label {font-weight:normal;}

.web-form-field.first-name-billing input, .web-form-field.first-name-service input {width:300px;}
.web-form-field.last-name-billing input, .web-form-field.last-name-service input {width:300px;}
.web-form-field.street-billing input, .web-form-field.street-service input {width:228px; margin-right:5px;}
.web-form-field.quad-billing input, .web-form-field.quad-service input {width:50px;}
.web-form-field.city-billing input, .web-form-field.city-service input {width:174px; margin-right:5px;}
.web-form-field.state-billing input, .web-form-field.state-service input {width:30px; margin-right:5px;}
.web-form-field.zip-billing input, .web-form-field.zip-service input {width:50px;}
.web-form-field.primary-contact-billing input, .web-form-field.primary-contact-service input {width:274px;}
.web-form-field.primary-phone-billing input, .web-form-field.primary-phone-service input {width:111px; margin-right:5px;}
.web-form-field.mobile-billing input, .web-form-field.mobile-service input {width:111px;}
.web-form-field.email-billing input, .web-form-field.email-service input {width:329px;}

#submission-error {font-weight:bold; font-style:italic; color:#ff0000;}


/*--CSS MEDIA QUERIES FOR RESPONSIVE DESIGN--*/
@media screen and (min-width: 320px)  {   

	#contact-form-wrapper {margin-top:25px;}

	.form-wrapper.simpleForm .field.schedule, .form-wrapper.simpleForm .label.schedule {width:60%;}
	.form-wrapper.simpleForm .field.schedule.textarea, .form-wrapper.simpleForm .label.schedule.textarea {width:90%;}

	.form-wrapper.full-width-form {margin-top:10px;}
	.form-wrapper.full-width-form .field.schedule.full-width-form, .form-wrapper.full-width-form .label, .form-wrapper.full-width-form .field, .form-wrapper.full-width-form .field.form-field {width:95%;}
	.form-wrapper.full-width-form .field.form-field {margin:3px 0;}
	.form-wrapper.full-width-form span.label {padding:10px 0 0 0;}
	.form-wrapper.full-width-form .field.submit {text-align:left; margin-top:20px;}


	form div {position:relative; width:98%;}
	.label, .field {display:block;}
	.label {width:30%; padding:3px 0 0 0;}
	.field input, .field textarea, .field textarea {font-family:'Open Sans', sans-serif; font-size:14px; color:#3d3d3d; overflow:hidden; padding:2px; background-color:#e8e8e8; border:1px #cacaca solid;}
	.field {width:60%;}
	.field input, .field textarea {width:98%;}
	.field label {margin:0 8px 0 0;}
	#state {width:auto;} 
	.schedule #state {width:auto;} 
	#zip-code {width:20%;}
	/*#phone {width:60%;}*/
	#title {width:20%;}
	#alternate-phone {width:60%;}
	.field input[type=radio], .field input[type=checkbox] {width:auto; margin:0 3px 0 0;}
	.alert {color:#ff0004; font-weight:600;}
	
	.label.block, .field.block {display:block; width:95%;}
	.label.schedule, .field.schedule {display:block; width:48%;}
	
	.form-full {position:relative; width:96%;}
	.form-full .label, .form-full .field {width:96%;}
	
	.form-half {position:relative; display:block;}
	.form-half .label, .form-half .field {width:98%;}
	
	.form-half-inner {position:relative; display:inline-block; *display:inline; zoom:1; width:auto; margin-right:7px; vertical-align:top;}
	.form-half-inner.zip {margin-right:0;}
	.form-half-inner.zip .label, .form-half-inner.zip .field {width:70%;}
	.form-half-inner .label.schedule, .form-half-inner .field.schedule, .form-half-inner #zip-code {width:auto;}
	
	.label.block, .label.schedule {margin:15px 0 0 0;}
	.field.block, .field.schedule {margin:0;}
	.field.schedule select {width:98%;}
	.field img {margin:0 0 10px 0;}
	
	.field.submit {Xwidth:auto; text-align:right;}
	.field.submit input {display:inline-block; *display:inline; zoom:1; font-size:14px; font-weight:700; width:auto; height:28px; line-height:28px; padding:0 15px; color:#ffffff; background-color:#e51b24; text-transform:uppercase; text-align:center; border:none; vertical-align:top; -webkit-appearance:none; -webkit-border-radius:0;}
	.submit-button-1 {display:inline-block; *display:inline; zoom:1; height:0px; line-height:0; border-left:15px #ffffff solid; border-top:14px #e51b24 solid; border-bottom:14px #e51b24 solid; vertical-align:top;}
	.submit-button-2 {display:inline-block; *display:inline; zoom:1; height:0px; line-height:0; border-left:15px #e51b24 solid; border-top:14px #ffffff solid; border-bottom:14px #ffffff solid; vertical-align:top;}

	.form-tag-1 {font-size:22px; font-weight:700; color:#7e7e7e; margin-bottom:0;}
	.form-tag-2 {font-size:18px; font-weight:400; color:#7e7e7e; margin-top:0;}
	
	}

@media screen and (min-width: 768px)  {
	
	#commercial-web-form {margin:25px 0;} 
	.label, .field {display:inline-block; *display:inline; zoom:1; vertical-align:top;} 

	}
	
@media screen and (min-width: 1280px) {
	
	#billing, #service {width:50%; float:left;}
	.form-half {display:inline-block; *display:inline; zoom:1; width:48%; vertical-align:top;}
	
	}

/*--END--*/