/* compontent css styles for contact_x */
table#cx { width:369px }
table#cx td.space { width:15px; padding:0 }
table#cx td { padding:0 0 5px }
table#cx th { line-height:normal; text-align:left; padding:0 }

div.req { float:left; border-left:5px solid #165c80; padding:0 }
.req.text { float:right; margin:5px 5px 0 }
div.req input.cx { width:166px }

input.cx, input.error, textarea.cx { float:left; width: 171px; font:12px Arial, Helvetica, sans-serif; border:1px solid #ccc; padding:2px; margin:0 }
input#x_state { width: 50px; margin-right: 10px }
input#x_zip { width: 104px }
textarea#x_comments { width:363px; height:80px }

input.cxBtn { cursor:pointer; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; background:#165c80; border:0 none; padding:5px 20px }
input.cxBtn:hover { cursor:pointer; background:#0198E3 }

/*OnSubmit required fields will change to this class by js*/
input.error { position:relative; width:168px; color:#f00; font-weight:bold; border:solid #f00; border-width:2px 2px 2px 5px; background-color:#FFF4F4; padding:1px; margin-left:-5px }