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

INSTRUCTIONS:
1. Make sure you change the width of the Panel_Form_Box and apply to correct places
2. Background and Main Border is located on Panel_Form_Box
3. Make sure to change input border color
4. Do not change input padding or border size
5. Width instructions are located on certain elements

---------------------------------------------------*/

.panel_form_box { background:#fff; width:508px; border:6px solid #ccc; padding:16px 20px; margin:0 0 12px 0; font-family:Arial, Helvetica, sans-serif; color:#000; float:right; margin-left:20px; }

.panel_form_box h2 { width:100%; padding-bottom:6px; border-bottom: 8px solid #ccc; text-transform:uppercase; color:#22c1f5; margin-bottom:6px; margin-top:2px; }
.panel_form_box h3 { width:100%; padding-bottom:6px; border-bottom: 8px solid #ccc; text-transform:uppercase; color:#000; margin-bottom:6px; margin-top:20px; }

ul.panel_form { width:508px; overflow:hidden;  } /* Width must match panel_form_box */
ul.panel_form li { float:left; margin:3px 0 0 0; display:inline; }

.full { width:100%; padding-top:12px;}

ul.panel_form li label { font-size:.825em; text-transform:uppercase; color:#000; font-weight:bold;}
span.label_width { float:left; display:block; width:242px; padding-right:16px; line-height:1.3em; }

.reset_labels { float:left; overflow:hidden; }
.reset_labels label { font-weight:normal; margin-left:6px; text-transform: capitalize; }

ul.panel_form li input { color:#000; padding:6px 8px; border:1px solid #ccc; }
ul.panel_form li input.text_field_left { width: 231px; margin-right:10px;} /* Width equals UL minus 46px then divided by 2 */
ul.panel_form li input.text_field_right { width: 231px;} /* Width equals UL minus 46px then divided by 2 */
ul.panel_form li input.text_field_full { width: 490px;} /* Width equals UL minus 18px */
ul.panel_form li input.state { width: 139px; margin-right:10px;}
ul.panel_form li input.zip { width: 64px;}
ul.panel_form li input.zip_2 { width: 64px; margin-right:10px;} /* used for enewsletter.php */
ul.panel_form li input.country { width: 138px; } /* used for enewsletter.php */

ul.panel_form li select { color:#000; padding:5px 4px 5px 8px; border:1px solid #ccc;  }
ul.panel_form li select.country { width:274px;} /* the width is different but must match text_field_left */

ul.panel_form li option { padding-right:18px;}

ul.panel_form li textarea { color:#000; border:1px solid #ccc; padding:6px 8px; }
ul.panel_form li textarea.comments { width: 490px;} /* Width equals UL minus 18px */


/*--------------- FORMS: Panel Forms Questions (dontations.php) ---------------*/

ul.panel_form_questions { width:558px; overflow:hidden; } /* Width must match panel_form_box */
ul.panel_form_questions li { float:left; margin:3px 0 0 0; display:inline; overflow:hidden;  }

ul.panel_form_questions li span.float_right { float:right; }
ul.panel_form_questions li label {  }
ul.panel_form_questions li input { color:#000; border:1px solid #ccc; padding:6px 8px; }
ul.panel_form_questions li input.dollar { width: 100px; background: #fff url(../images/icon_dollar.gif) 2% 50% no-repeat; padding-left:21px; }
ul.panel_form_questions li input.ccn { width: 200px;}
ul.panel_form_questions li input.two_digits { width: 20px;}

ul.panel_form_questions li select { color:#000; padding:4px 4px 4px 8px; border:1px solid #ccc;  }
ul.panel_form_questions li select.fixed { width: 170px; color:#000; padding:4px 4px 4px 8px; border:1px solid #ccc;  }

ul.panel_form_questions li option { padding-right:18px;}

ul.panel_form_questions li textarea { border:1px solid #918b7b; color:#4a4a4a; padding:6px 8px; }
ul.panel_form_questions li textarea.comments { width: 490px;}

/*--------------- FORMS: Verification ---------------*/

ul.verification { width:100%; overflow:hidden; padding-top:6px; border-top: 8px solid #ccc; margin-top:12px; color:#000; } /* Width must match panel_form_box */
ul.verification li { float:left; margin:3px 0 0 0; display:inline; }
ul.verification li img { margin-top:6px; margin-right:6px; }
ul.verification li label { font-size:.825em; text-transform:uppercase; font-weight:bold;}
ul.verification li input { color:#000; border:1px solid #ccc; padding:4px 8px; }
ul.verification li input.ver_code { width: 64px;}

ul.verification li.submit { background: transparent url(../images/bg/bg_submit_left.gif) 0 50% no-repeat; margin-top:6px; margin-right:0; float:right; }
ul.verification li input.btn_submit { border:0; color:#ffffff; font-size:100%; padding:8px 12px; background: transparent url(../images/bg/bg_submit_right.gif) 100% 50% no-repeat; }

ul.verification li.submit_image { margin-top:6px; margin-right:0; float:right; }
ul.verification li input.btn_submit_blue { border:0; color:#ffffff; font-size:100%; padding:0; margin-top:10px; }

/*--------------- FORMS: Confirmation ---------------*/

.confirmation_note { width:532px; 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;} /* Width must equal panel_form_box minus 26px */
.confirmation_note p { margin: 8px 0;  }


/*--------------- FORMS: ENEWSLETTER ---------------*/


.enews_box { background:#fff; width:280px; margin:0; color:#000; }

ul.enews_form { width:255px; overflow:hidden;  } /* Width must match panel_form_box */
ul.enews_form li { float:left; margin:3px 0 0 0; display:inline; overflow:hidden; }
ul.enews_form li.li_checkbox { margin: 8px 0 8px 0; }

ul.enews_form li label { font-size:.825em; text-transform:uppercase; color:#000; font-weight:bold;}

ul.enews_form li input { color:#000; padding:6px 8px; border:1px solid #ccc; }
ul.enews_form li input.text_field_full { width: 237px;} /* Width equals UL minus 18px */
ul.enews_form li input.zip { width: 64px; margin-right:10px;}
ul.enews_form li input.country { width: 145px; } /* used for enewsletter.php */

.text_checkbox { float:right; width:230px; display:inline; line-height:1.3em; font-size:.875em; }

/*--------------- FORMS: ENEWSLETTER Verification ---------------*/

ul.enews_verification { width:255px; overflow:hidden; color:#000; } /* Width must match panel_form_box */
ul.enews_verification li { float:left; margin:3px 0 0 0; display:inline; }
ul.enews_verification li img { margin-top:6px; margin-right:6px; }
ul.enews_verification li label { font-size:.825em; text-transform:uppercase; font-weight:bold;}
ul.enews_verification li input.ver_code { width: 64px; color:#000; border:1px solid #ccc; padding:4px 8px;}

ul.enews_verification li.submit { margin-top:6px; margin-right:0; float:right; margin-top:16px; }

.enews_confirmation_note { width:229px; padding:0 12px; margin:4px 0 8px 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;} /* Width must equal panel_form_box minus 26px */
.enews_confirmation_note p { margin: 4px 0;  }

.radio { padding:0; border:0; margin:0; }