/* Remove this when pasting into your Stylesheet! */



#contact p, label, legend {  color: #BFBFBF; font: 0,5em 'Abel', sans-serif;; }


#contact hr { color: inherit; height: 0;  padding: 0;  }

#contact {
	display: block;
	width: 650px;
	box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
	-webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
}

/* Form style */

mark.validate {
	display: inline-block;
	margin: 12px 0 0 10px;
	width: 16px;
	height: 16px;
	background: transparent none;
}
mark.valid {
	background: url(../img/success.gif) no-repeat top left;
}
mark.error {
	background: url(../img/error.gif) no-repeat top left;
}

#contact label {
	color: #BFBFBF;
	display: inline-block;
	float: left;
	height: 1em;
	line-height: 1em;
	padding: 6px 0 0;
	width: 155px;
	font-size: 50%;
	margin: 5px 0;
	clear: both;
	font-family: 'Lato', sans-serif;
}

#contact label small {
	font-size: 0.5em;
	color: #ccc;
}

#contact label.verify {
	padding: 0;
	margin: 2px 10px 2px 0;
	width: 145px;
	text-align: right;
}
#contact label.verify img {
	padding:1px;


}

#contact input, #contact textarea, #contact select {
	width: 260px;
	padding: 5px;
	color: #666;
	background: #f5f5f5;

	margin: 5px 0;
	font:0,5em 'Abel', sans-serif;;

	vertical-align: top;

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;

	box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}
#contact select {
	width: 232px;
	margin: 8px 0;
}
#contact input#verify {
	width: 55px;
}
#contact textarea {
	width: 414px;
}
#contact input:focus, #contact textarea:focus, #contact select:focus {

	background-color: #fff;
	color:#333;
	outline: none;
	position: relative;
	z-index: 5;

	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);

	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
#contact input.error, #contact textarea.error, #contact select.error {
	box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	background: #fef3f3
}
#contact input.submit {
	width: auto;
	cursor: pointer;
	position: relative;
	border: 1px solid #282828;

	color:#000;
	padding: 6px 16px;
	text-decoration: none;
	font-size: 0,5em;

	background:#c3c3c3;

	background:-webkit-gradient(
	    linear,
	    left bottom,
    	left top,
	    color-stop(0.12, rgb(243,243,243)),
	    color-stop(1, rgb(233,233,233))
	);
	background:-moz-linear-gradient(
	    center bottom,
	    rgb(243,243,243) 12%,
    	rgb(233,233,233) 100%
	);

	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
#contact input.submit:hover {
	background: #FC0; !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
#contact input.submit:active, #contact input.submit:focus {
	top: 1px;
}

#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:0px; border:0px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 0px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact input[type="checkbox"] { width:20px; margin-top:11px; }
#contact span.required{ font-size: 10px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 1em 0; padding: 0; display: block; background: transparent none; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../img/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { color:white; background: url('../img/success.gif') left no-repeat; padding-left:22px; }

#contact input[type="radio"] { width: 20px; margin-top:0px;}
#contact .radio {width:100%;}

acronym { border-bottom:1px dotted #ccc; }