
/*--------------- FORMS: Panel Forms ---------------*/

.panel_form_box { background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #EAEAEA;
    margin: 0 0 7px;
    padding: 10px 19px 26px 26px;
    width: 562px; }

.panel_form_box h2 { width:100%; padding-bottom:6px; border-bottom: 8px solid #eaeaea;  color:#3e3e3e; margin-bottom:6px; }

ul.panel_form { width:100%; overflow:hidden;  } /* Full width of Form Box */
ul.panel_form li { margin: 6px 20px 0px 0; text-align: left; } /* Dont Touch */
ul.panel_form li label { font-size: 1.1em;  color:#3e3e3e; font-weight:bold; line-height: 2.2em;} /* Change COLOR only */
ul.panel_form li input { border:1px solid #eaeaea; color:#4a4a4a; padding:6px 8px; } /* Change COLOR of Text and Border Only */
ul.panel_form li input.text_field { width: 259px;} /* This will be half of the panel_form width minus 18px. Also dont forget to add or subtract the gap between the lists. */
ul.panel_form li input.text_field_full { width: 543px;} /* This will be half of the panel_form width minus 18px. */
ul.panel_form li input.city { width: 125px; margin-right:7px;} /* Change Width */
ul.panel_form li input.state { width: 37px; margin-right:7px;} /* Change Width */
ul.panel_form li input.zip { width: 64px;} /* Dont Touch */
ul.panel_form li input.email { width: 259px; margin-right:7px;} /* Change Width */
ul.panel_form li input.cn_name { width: 183px; margin-right:3px;} /* Change Width */

ul.panel_form li textarea { border:1px solid #eaeaea; color:#4a4a4a; padding:6px 8px; }
ul.panel_form li input.comments { height: 40px; width: 476px;} /* Change Width */

ul.verification { width:100%; overflow:hidden; padding-top:6px; border-top: 4px solid #eaeaea; margin-top:12px;   } /* Full width of Form Box */
ul.verification li { float:left; margin:3px 0 0 0; display:inline; } /* Dont Touch */
ul.verification li img { margin-top:6px; margin-right:7px; } /* Dont Touch */
ul.verification li label { font-size:.825em;  color:#3e3e3e; font-weight:bold;} /* Same as the .panel_form label */
ul.verification li input { border:1px solid #eaeaea; color:#4a4a4a; padding:4px 8px; } /* Dont Touch */
ul.verification li input.ver_code { width: 64px;} /* Dont Touch */

ul.verification li input.btn_submit { border:1px solid #eaeaea; color:#ffffff; background:#3f3f3f; padding: 8px 18px; font-size:100%; cursor: pointer; }

.confirmation_note { width:535px; padding:0 12px; margin-right:0; border:1px solid #aeca61; color:#5baf07; overflow:hidden; text-align:center; background: #e6f7b8 url(../images/icon_check_confirm_small.gif) 2% 50% no-repeat; margin-top:12px;}
.confirmation_note p { margin: 8px 0;  }


/*--------------- FORMS: Side Panel Forms ---------------*/

ul.side_panel_form { width:286px; overflow:hidden; }
ul.side_panel_form li { float:left; margin:3px 0 0 0; display:inline; }
ul.side_panel_form li input { border:1px solid #c4c4c4; color:#919191; padding:6px 8px; font-size:90%;}
ul.side_panel_form li input.text_field { width: 268px;}
ul.side_panel_form li input.city { width: 125px; margin-right:3px;}
ul.side_panel_form li input.state { width: 37px; margin-right:3px;}
ul.side_panel_form li input.zip { width: 64px;}
ul.side_panel_form li input.email { width: 183px; margin-right:3px;}
ul.side_panel_form li input.cn_name { width: 183px; margin-right:3px;} /* Name Input for COLLIDE NEWS */

ul.side_panel_form li input.btn_rfi_submit { width: 82px; border:1px solid #960059; color:#ffffff; background:#f80796 url(../images/bg/bg_submit_pink.gif) bottom left repeat-x; padding:5px 0; }
ul.side_panel_form li input.btn_cn_submit { width: 82px; border:1px solid #cc740a; color:#ffffff; background:#feb966 url(../images/bg/bg_submit_orange.gif) bottom left repeat-x; padding:5px 0; }

.side_panel_confirmation { width:260px; padding:0 12px; margin-right:0; border:1px solid #aeca61; color:#5baf07; overflow:hidden; text-align:center; background: #e6f7b8 url(../images/icon_check_confirm_small.gif) 3% 50% no-repeat; font-size:90%;}
.side_panel_confirmation p { margin: 3px 0; }
