/* compontent css styles for contact_x */

table#cx { }

table#cx td { padding:0; margin:0; }

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

table#cx th { font:bold 16px Arial, Helvetica, sans-serif; text-align:left; color:#333; padding:5px 0 2px }

td#label { }

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

input.cx, input.error { position:relative; float:left; width:225px; font:bold 14px Arial, Helvetica, sans-serif; color:#333; padding:3px }

input.cx, input.error, textarea#x_comments { background:url(/images/bkg-inputs.gif) 0 0 no-repeat; border-left:1px solid #aaa; border-top:1px solid #aaa; border-right:1px solid #ddd; border-bottom:1px solid #ddd }

div.req input.cx { width:220px; color:#783E90 }

/*OnSubmit required fields will change to this class by js*/
input.error { width:219px; color:#C444AB; border:solid #C444AB; border-width:2px 2px 2px 6px; margin:0 0 0 -5px; padding:2px 3px }

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

input#x_zip { width:105px }

textarea#x_comments { float:left; overflow:auto; width:473px; height:150px; font:14px Arial, Helvetica, sans-serif; color:#333; padding:3px }

input.btn { cursor:pointer; float:left; font:bold 16px Arial, Helvetica, sans-serif; color:#fff; border:0 none; background:#C444AB; padding:5px 15px; margin:10px 0 0 }