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

.panel_form_box { background:#f6f6f6; width:401px; border:1px solid #bddeea; 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:561px; overflow:hidden;  } /* Full width of Form Box */
ul.panel_form li { float:left; margin:3px 0 0 0; display:inline; } /* Dont Touch */
ul.panel_form li label { font-size:.825em; text-transform:uppercase; color:#0176a2; font-weight:bold;} /* Change COLOR only */
ul.panel_form li input { border:1px solid #bddeea; 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 #bddeea; color:#4a4a4a; padding:6px 8px; }
ul.panel_form li textarea.comments { width: 543px;} /* Change Width */

ul.verification { width:561px; overflow:hidden; padding-top:6px; border-top: 8px solid #bddeea; 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 #2ea8fe; color:#ffffff; background:#15639a; 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 #2ea8fe; color:#ffffff; background:#15639a 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 #2ea8fe; color:#ffffff; background:#15639a 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; }

/*--------------- FORMS: Additional ---------------*/

.form_email_panel { margin: 16px 0 20px 0; }
.form_email_row { margin-bottom: 8px; }
.form_email_row label { font-size:1.2em; }
.email_input { width: 92%; padding: 5px 8px; border: 1px solid #ccc; font-size: 1.4em;}
.email_btn_submit { width: 40%; border: 1px solid #2ea8fe; background: #15639a; padding: 5px 0; text-align: center; color: #fff; font-size: 1.4em;}


.form_box { width: 100%; margin-top: 20px;}

.steps { margin: 16px 0 24px 0;}
h2.step_titles { background: #e5f6fe; color: #347EA3; padding: 10px 3%; width: 94%; font-size: 1.6em; margin: 16px 0; }

.form_row { width: 100%; overflow: hidden; margin-bottom:3px; }
.form_left_column { width: 32%; float: left; display: inline; text-align: right; padding-top: 6px;}
.form_right_column { width: 65%; float: right; display: inline; }

.form_left_column label { font-size: 1.2em; line-height: 1.3em; font-weight: bold; vertical-align: middle; }
.form_right_column label { font-size: 1.2em; line-height: 1.3em; vertical-align: middle; }

.normal_input { width: 50%; padding: 5px 8px; border: 1px solid #ccc;}
.zip { width: 15%; padding: 5px 8px; border: 1px solid #ccc;}
.comments { width: 85%; padding: 5px 8px; border: 1px solid #ccc;}
.checkbox { border: 1px solid #ccc; margin-right: 10px; }
.amount { background: transparent url(../images/icon_dollar.gif) 2% 50% no-repeat; padding-left: 18px; width: 18%; }

select { padding: 4px 4px 4px 8px; border: 1px solid #ccc; }
select option { padding-right: 16px;}
.drop_down { padding: 5px 5px 5px 10px; border: 4px solid #044a77; }

.btn_submit { width: 20%; border: 1px solid #2c7bb6; background: #3f97d8; padding: 5px 0; text-align: center; color: #fff; }

.error label { color:#c21e1e; }
.error .normal_input { width: 50%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}
.error .zip { width: 15%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}
.error .comments { width: 85%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}

.confirmation_note { width: 91%; padding:0 4%; text-align: center; border:1px solid #aeca61; background: #e6f7b8 url(../images/icon_check_confirm_small.gif) 2% 50% no-repeat; margin: 20px 0 12px 0; }
#content .confirmation_note p { color: #48802f; margin: 6px 0; line-height: 1.3em; }

.sub_form_row { width: 100%; overflow: hidden; margin-bottom: 3px; }
.sub_left_column { float: left; display: inline; width: 36%; text-align: left; padding-top: 6px;}
.sub_right_column { float: right; display: inline; width: 60%;}
.designation { width: 33%; }

.submit_row { margin: 24px 0; }