/* form style */
.contact-form {margin:0; padding:0 10px; position:relative;} 
/* nested fieldset */
.contact-form fieldset {border:1px solid #eee; padding:0;}

/* typography */
.contact-form h3 {}

.contact-form label {width:95%; display:block; font-size:13px; line-height:18px; margin-top:15px;}
.contact-form label input {width:95%; display:block;}

.contact-form label.city, .contact-form label.state, .contact-form label.zip {float:left;}
.contact-form label.city, .contact-form label.state {}
.contact-form label.city {width:40%;}
.contact-form label.state {width:10%; margin-left:8%; margin-right:9.5%;}
.contact-form label.zip {width:25%;}

/* input field */
.contact-form input, .contact-form textarea {
	font-size:12px; color:#444;
	padding:7px; border:1px solid #444; background-color:#eee;	
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; behavior: url(http://www.sabesjcc.org/PIE.htc);
	}
.contact-form textarea {width:95%}

.contact-form input:focus	{color:#000; background-color:#fff;} /* Selected Field */
.contact-form input:active 	{color:#000; background-color:#fff;} /* Current Field */

/* checkbox or radio button */
.contact-form .check label {display:block; margin-bottom:8px;}
.contact-form .check label input {width:14px; float:left; margin:2px 5px 0 0; padding:0;}

/* captcha box */
.contact-form .captcha {
	width:100%; margin:8px 0; padding:0;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; behavior: url(http://www.sabesjcc.org/PIE.htc);
	}
.contact-form .captcha input, .contact-form .captcha img {float:left;}
.contact-form .captcha img {float:right; height:30px;}
.contact-form .captcha input {width:60px;}

/* button */
.contact-form button {
	font-size:14px; line-height:22px; color:#fff; text-align:center;
	outline:0; cursor:pointer; padding:0 18px;
	border:none; background:#f68428;
	position:relative;
	}
	.contact-form button:hover {background-image:url(../images/white-40.png);}

/* form in box */
.contact-form.box {padding:5px 20px 20px 20px;}
.contact-form.box label.city, .contact-form.box label.state, .contact-form.box label.zip {margin-bottom:15px;}
.contact-form.box .captcha {border-color:#666;}
.contact-form.box button {left:0; top:0;}

/* error message */
.error {color:#fff; background-color:#af0000;}
.error em {border-color:#af0000 transparent transparent;}


.contact-form.cta {border:1px solid #fff; padding:10px;}
.contact-form.cta label {color:#fff; margin-top:8px;}
.contact-form.cta button {margin-left:15%; width:72%; margin-top:10px;}