/*
VISUAL EFFECTS
background color of form: fieldset
background color of submit btns: input.submit

to include multiple fields on one horizontal line: apply "float_left" class to li
to change the length of an input: apply "short, shorter, long or longer" class to input

MARKUP RULES
checkboxes and radios need a class of either "checkbox" or "radio"
any forms unique to a specific site should be styled in the "SPECIALIZED FORMS" area at the bottom of this stylesheet
*/

form, input, fieldset, legend, label {
	margin:0;
	padding:0;
}

form {
	margin-bottom:10px;	
	border:0px solid #e6e6e6;
}

fieldset, legend {
	background-color:#eee; /* background color of form */
}

fieldset {
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;
	padding-top:0px;
	padding-bottom:10px;
}

legend {
	font-size:14px;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:10px;
	margin-left:-20px;
	padding:4px 13px;
}

form ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

form ul li {
	margin-right:25px;
	margin-bottom:10px;
	border:0px solid white;
}

input, textarea, select {
	border:1px solid #000;
	font:12px arial, sans-serif;
}

input, textarea {
	padding-top:1px;
	padding-right:2px;
	padding-bottom:1px;
	padding-left:2px;
}

input {
	width:120px;
}

textarea {
	width:304px;
	height:100px;
}

/* BEGIN CLASSES */
input.checkbox, input.radio {
	width:14px;
	margin-right:4px;
	margin-left:0px;
	padding:0;
	vertical-align:middle;
	border:0px;
}

input.submit { 
	background-color:#003768; /* background color of submit buttons */
	color:#fff;
	border:1px solid #fff;
	width:auto;
	font-size:11px;
	font-weight:bold;
	padding-top:2px;
	padding-right:7px;
	padding-bottom:2px;
	padding-left:7px;	
}
.submit:visited {}
.submit:hover {
	background-color:#f15922; /* hover background color of submit buttons */
	color:#fff;
}

input.long {width:170px;}
input.longer {width:350px;}
input.short {width:90px;}
input.shorter {width:58px;}

.error, .success {
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:5px;
}
.error {
	background-color: #CC0000;
	color:#fff;
}
.success {
	background-color:#39b44a;
	color:#fff;
}

.hidden {display:none;}

/* BEGIN SPECIALIZED FORMS */
form.contact_form {width:350px;float:left;margin-right:20px;}
.contact_form fieldset {margin-top:0px;}
.contact_form legend {margin-bottom:0px;}
.contact_form li {margin-right:0px;}
.contact_form li.btn_submit {margin-right:0px;text-align:center;} 
/* END SPECIALIZED FORMS */