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

.panel_form_box { background:#f9f9f9; width:336px; border:1px solid #eaeaea; padding:12px 16px; margin:16px 0; }

.panel_form_box h2 { width:100%; padding-bottom:6px; border-bottom: 8px solid #bddeea; text-transform:uppercase; color:#0176a2; margin-bottom:6px; }

ul.panel_form { width:336px; overflow:hidden;  } /* Full width of Form Box */
ul.panel_form li { float:left; margin:6px 0 0 0; display:inline; } /* Dont Touch */
ul.panel_form li label { font-size:.825em; text-transform:uppercase; color:#555555; font-weight:bold;} /* Change COLOR only */
ul.panel_form li input { border:1px solid #eaeaea; color:#000; padding:8px 10px; } /* 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: 343px;} /* This will be half of the panel_form width minus 18px. */
ul.panel_form li input.city { width: 425px; margin-right:7px;} /* Change Width */
ul.panel_form li input.state { width: 57px; 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 textarea.comments { width: 316px;} /* Change Width */

ul.verification { width:338px; overflow:hidden; padding-top:6px; border-top: 8px 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; text-transform:uppercase; color:#0176a2; font-weight:bold;} /* Same as the .panel_form label */
ul.verification li input { border:1px solid #bddeea; 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 #222; color:#ffffff; background:#6a6a6a; padding:12px 18px; font-size:100%; }

.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; }