/* compontent css styles for contact_x */

table#cx { width:475px; margin:0 0 0 10px }

table#cx .left-column, table#cx .right-column { width:230px }
table#cx .middle-column { width:15px }

table#cx td{ padding: 0px; vertical-align:top }
table#cx td#space { width: 15px; }

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

table#cx label { float:left; font-size:11px; padding:2px 5px 0 0 }

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

input.checkbox { float:left; width:12px; height:12px; margin:2px 10px 0 0 }

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

select.cx {
	float:left;
	margin: 0 0 3px;
	font-size: 11px;
	width: 215px;
	border: 1px solid #cccccc;
	background-color: #f6f6f6;	
}

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

input.cxBtn {
	width:100px;
	border: 2px solid #89ac37;
	margin:10px 0 0
}

input#state {
	width: 65px;
	margin-right: 10px;
}

input#zip {
	width: 139px;
}

input#other {
	width: 173px;
}

textarea#comments {
	width: 460px;
	height: 100px;
	border: 1px solid #cccccc;
	background-color: #f6f6f6;
}
h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #666666; 
	font-weight: bold;
}
body,td,p
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #000000; 
	font-weight: normal;
}