/* compontent css styles for contact_x */

table#cx { float:left; clear:both; }

table#cx td{ padding: 0px; }
table#cx td.space { width: 15px; }

table#cx th { text-align: left; font-weight: bold; padding: 2px 0}

td#label {
	
}

div.req { 
	float:left;
	padding: 0px; 
	border: 0px solid white;
	border-left: 5px solid #890706; 
	float: left; 
}

div.req input.cx { width:190px }

input.cx {
	float:left;
	margin: 0px;
	font-size: 11px;
	height: 18px;
	width: 195px;
	border: 1px solid #ded7cd;
	background-color: #f6f6f6;	
}

input.cxBtn { cursor:pointer; border:2px solid #890706; font:bold 1em Arial, Helvetica, sans-serif; color:#890706; background:#fff; padding:2px 10px; margin:10px 0 0 }
input.cxBtn:hover { background:#890706; color:#fff }

/*OnSubmit required fields will change to this class by js*/
input.error {
	width:186px;
	border: 2px solid #ff0000;
	background-color: #fff6f6;
}

input#x_state {
	width: 63px;
	margin-right: 10px;
}

input#x_zip {
	width: 115px;
}

textarea#x_comments {
	width: 407px;
	height: 80px;
	border: 1px solid #ded7cd;
	background-color: #f6f6f6;
}