/*--------------- 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 { width:558px; padding:0; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; }

.panel_form_box .addressError { color:#FF0000; font-size:11px; font-weight:bold; }

.panel_form_box h2 { width:100%; padding-bottom:6px; border-bottom: 4px solid #dddbcf; color:#514c40; margin-bottom:12px; margin-top:2px; }
.panel_form_box h3 { width:100%; padding-bottom:6px; border-bottom: 4px solid #dddbcf; color:#514c40; margin-bottom:12px; margin-top:20px; }
.panel_form_box h4 { font-size:1.6em; padding-bottom:6px; border-bottom:4px solid #cccccc; width:100%; margin-bottom: 16px; }
.panel_form_box h5 { font-size:1.2em; margin-top: 12px; }

.edit {float:right; font-weight:bold; display: inline; font-size: 1.0em; }
.edit_additional {float:right; font-weight:bold; display: inline; font-size:1.2em; font-weight:normal; margin-top:12px; margin-right:10px; }

.edit a:link,
.edit a:visited,
.edit a:active { font-weight:bold; color: #ff0000;}
.edit a:hover { font-weight:bold; text-decoration: underline;}

.edit_additional a:link,
.edit_additional a:visited,
.edit_additional a:active { font-weight:normal; color: #ff0000;}
.edit_additional a:hover { font-weight:normal; text-decoration: underline;}

ul.panel_form { width:558px; overflow:hidden;  } /* Width must match panel_form_box */
ul.panel_form li { float:left; margin:3px 0 0 0; display:inline; font-size: 1.2em; }
ul.panel_form li.checkbox_options { width: 100%; margin-top: 16px;}
.checkbox_choices { float: left; width:33%; display: inline; margin-top: 8px; }
.checkbox_choices input { padding: 0; margin: 0 6px 4px 0; border:none;}
.width_50 {width:50%;}

ul.panel_form li label { font-size:.875em; text-transform:uppercase; color:#837d70; font-weight:bold; }

ul.panel_form li label.normal { font-size: 1.1em; text-transform: capitalize; font-weight:normal;  }

ul.panel_form li input { color:#000; padding:6px 8px; border:1px solid #ccc; }
ul.panel_form li input.text_field_left { width: 256px; margin-right:10px;} /* Width equals UL minus 46px then divided by 2 */
ul.panel_form li input.text_field_right { width: 256px;} /* Width equals UL minus 46px then divided by 2 */
ul.panel_form li input.text_field_full { width: 540px;} /* Width equals UL minus 18px */
ul.panel_form li input.text_field_75 { width: 405px;} /* Width equals UL minus 18px times .75 */
ul.panel_form li input.state { width: 164px; margin-right:10px;}
ul.panel_form li input.city { width: 220px; margin-right:10px;}
ul.panel_form li input.zip { width: 80px;}
ul.panel_form li input.zip_2 { width: 64px; margin-right:10px;} /* used for enewsletter.php */
ul.panel_form li input.country { width: 164px; } /* used for enewsletter.php */

/*--------------------------------- Search Form ---------------------------------------*/
.panel_search_box { border: 2px solid #dddbcf; width:525px; padding:15px; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; }
ul.panel_search_form { width:525px; overflow:hidden;  } /* Width must match panel_form_box */
ul.panel_search_form li { float:left; margin:3px 0 0 0; display:inline; font-size: 1.2em; }
ul.panel_search_form li input { color:#000; padding:6px 8px; border:1px solid #ccc; }
ul.panel_search_form li input.text_field_left { width: 238px; margin-right:10px;} /* Width equals UL minus 46px then divided by 2 */
ul.panel_search_form li input.text_field_right { width: 238px;} /* Width equals UL minus 46px then divided by 2 */
ul.panel_search_form li input.text_field_full { width: 507px;} /* Width equals UL minus 18px */
ul.panel_search_form li input.text_field_75 { width: 400px;} /* Width equals UL minus 18px times .75 */
ul.panel_search_form li input.state { width: 164px; margin-right:10px;}
ul.panel_search_form li input.city { width: 220px; margin-right:10px;}
ul.panel_search_form li input.zip { width: 80px;}
ul.panel_search_form li label { font-size:.875em; text-transform:uppercase; color:#837d70; font-weight:bold; }
ul.panel_search_form li label.normal { font-size: 1.1em; text-transform: capitalize; font-weight:normal;  }
ul.search_verification { width:525px; overflow:hidden; margin-top:20px; color:#000; padding-top:16px; } /* Width must match panel_form_box */
ul.search_verification li { float:left; margin:3px 0 0 0; display:inline; }
ul.search_verification li img { margin-top:6px; margin-right:6px; }
ul.search_verification li label { font-size:1.1em; text-transform:uppercase; font-weight:bold;}
ul.search_verification li input { color:#000; border:1px solid #c8c3b8; padding:4px 8px; }
ul.search_verification li input.ver_code { width: 64px;}

ul.search_verification li.submit { margin-top:6px; margin-right:0; }
ul.search_verification li input.btn_submit { border:1px solid #013976; color:#013976; font-weight:bold; font-size:1.2em; padding:8px 12px; background: #e6f3fd; }
ul.search_verification li input.btn_start_over { border:1px solid #aaaaaa; color:#000000; font-size:1.2em; padding:8px 12px; background: #cccccc; }
ul.search_verification li input.btn_home { border:1px solid #aaaaaa; color:#000000; font-size:1.2em; padding:8px 12px; background: #cccccc; margin:0 10px 0 15px; }

ul.search_results { width:525px; margin:0; }
ul.search_results li { display:inline; font: 12px Verdana, Geneva, Arial, sans-serif; color:#000000; }
ul.search_results li input.btn_attend { float:right;border:1px solid #aaaaaa; color:#000000; font-size:1.2em; padding:8px 12px 8px 12px; background: #cccccc; margin-right:25px; font-weight:bold }
ul.search_results li .chk_attend { position:relative;background:#e6f3fd; width:60px; float:right; border:1px solid #aaaaaa; color:#000000; font-size:1.2em; padding:8px 12px 8px 12px;font-weight:bold; }
#chk_all { position:relative;background:#e6f3fd; width:60px; float:right; border:1px solid #aaaaaa; color:#000000; font-size:1.2em; padding:8px 12px 8px 12px;font-weight:bold; }
ul.search_results li a.btn_edit { float:right;border:1px solid #aaaaaa; color:#000000; font-size:1.2em; padding:8px 12px 8px 12px; background: #e6f3fd; }
ul.search_results li input.btn_attend_yes { float:right;border:1px solid #aaaaaa; color:#A7A7A7; font-size:1.2em; padding:8px 12px 8px 12px; background: #e6f3fd; margin-right:15px; font-weight:bold }
p.confirmation { font: 12px Verdana, Geneva, Arial, sans-serif; font-weight: bold; color:#000000; }

input.birthday { width: 130px; margin-right:6px;}

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: 540px;} /* Width equals UL minus 18px */

.full { width: 100%; overflow: hidden; }


/*--------------- 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:12px 0 0 0; display:inline; overflow:hidden; width:100%; font-size: 1.2em;  }

ul.panel_form_questions li span.float_right { float:right; }
ul.panel_form_questions li label { margin-right: 12px; }
ul.panel_form_questions li input { color:#000; border:1px solid #c8c3b8; 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 #c8c3b8;  }
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 select.tocc { width:148px;} /* the width is different  */

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

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

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

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

ul.verification { width:558px; overflow:hidden; margin-top:20px; color:#000; padding-top:16px; border-top:4px solid #dddbcf; } /* 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:1.1em; text-transform:uppercase; font-weight:bold;}
ul.verification li input { color:#000; border:1px solid #c8c3b8; padding:4px 8px; }
ul.verification li input.ver_code { width: 64px;}

ul.verification li.submit { margin-top:6px; margin-right:0; float:right; }
ul.verification li input.btn_submit { border:1px solid #013976; color:#013976; font-weight:bold; font-size:1.2em; padding:8px 12px; background: #e6f3fd; }
ul.verification li input.btn_start_over { border:1px solid #aaaaaa; color:#000000; font-size:1.2em; padding:8px 12px; background: #cccccc; }
ul.verification li input.btn_home { border:1px solid #aaaaaa; color:#000000; font-size:1.2em; padding:8px 12px; background: #cccccc; margin-right:25px }
ul li input.btn_home { border:1px solid #aaaaaa; color:#000000; font-size:1.2em; padding:8px 12px; background: #cccccc; margin-right:25px }

.btn_search {border:1px solid #013976; color:#013976; font-weight:bold; font-size:1.2em; padding:8px 12px; background: #e6f3fd; }

/*--------------- 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:  Select Event/Report -------*/
#reports ul {list-style:none;}
#reports ul li {font-size:12px; padding: 10px 25px 10px 0px}