/******************************************************************************************************

										Market Hardware Forms CSS

/******************************************************************************************************/

#form-wrapper {width: 500px; margin-bottom: 30px;}
form, fieldset, input { 
	margin: 0; padding:0; 
}
		
form { 
	width: 100%; 
	border: 1px solid #e2e2e2; 
	background: #f8f8f8; /* may need to adjust bg color if site background is dark */
	padding: 20px;
}
		
form p { 
	font-size: 100%; 
	padding: 2px; 
	margin: 0 0 8px 0; 
	clear: both;
}
		
fieldset { 
	margin-bottom: 1em; 
	border: 0;
}
		
legend { 
	font-weight: bold; 
	font-size: 1.2em; 
	color: #000C7A; /* Change color according to site's color scheme */
	font-family: Arial, Helvetica, sans-serif; 
	margin-bottom: 10px; 
	_margin-left: -7px; /* IE6 margin issue */
}
		
label { 
	float: left; 
	width: 35%; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em;
	margin-right: 8px;
}

input { 
	width: 60%; 
	border: 1px solid #999; 
	padding: 5px; 
}

textarea { 
	width:60%; 
	height: 100px; 
	padding:5px; 
	border: 1px solid #999; 
}
		

/* style for radio buttons and checkboxes */
		
form h2 {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}
input.radio, input.checkbox {width: auto; float: left; margin-right: 5px;}
.radiolabel, .checkboxlabel {width: auto; margin-right: 25px;}
		
/* style for required labels */
		
p.note {font-style: italic; margin-bottom: 20px; font-size: 0.9em;}
em.required { font-size: 0.9em; font-style: normal; color: red; }
label.error, input.submit { color: #F00; margin: 5px 0 0 0; }



		
/* submit */
input.submit { width: auto; }

form div { /* container div for submit button */
	overflow: hidden; 
}
		
form div input, form div button { 
	width: 20%; 
	margin-top:15px; 
	margin-right: 15px;
	float: right; 
	background-color: #3da0e1; /* Change color according to site's color scheme */
	color: #fff; 
	text-transform: uppercase; 
	font-size: 90%; 
	padding: 3px 5px; 
}

/* city, state, zip */
input#city {width: 40%; background: #fff; margin-right: 15px;}
input#state {width: 10%;}
input#zip, input#datepicker {width: 20%;}