/* compontent css styles for contact_x */

table#cx { width:350px; }
table#cx form { width:350px; }
table#cx td{ padding: 0px; }
table#cx td.space { width:30px; }

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

td#label {
}

table#cx input.button { width: auto; height:auto; padding:5px; background:#045899; margin:25px; color:#FFFFFF; font-family:Georgia, Times, serif; font-size:13px; border:solid 1px #cfcfcf; }
table#cx input.button:hover {background:#cfcfcf;border:solid 1px #045899; color:#045899;}

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

table#cx input {
	margin: 0px;
	font-size: 11px;
	height: 18px;
	width: 160px;
	border: 1px solid #cccccc;
	background-color: #f6f6f6;	
}

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

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

input#x_zip {
	width: 105px;
}

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