/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */


* {margin:0;padding:0}

body {
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 16px;
}

a img {
  border: none;
}

a {
  color: #f60;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

#container {
  width: 720px;
  margin: 10px auto;
  padding: 0;
  position:relative;
  box-shadow:5px 5px 20px rgba(0,0,0,0.2);-webkit-box-shadow:5px 5px 20px rgba(0,0,0,0.2);-moz-box-shadow:5px 5px 20px rgba(0,0,0,0.2);
  background:#fff;
  overflow:visible;
}

#flash_notice, #flash_error {
  padding: 5px 8px;
  margin: 0 0 10px;
}

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6;
}

#flash_error {
  background-color: #FCC;
  border: solid 1px #C66;
}

.fieldWithErrors,
.field_with_errors {
  display: inline;
}

#errorExplanation {
  width: 100%;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #fee;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 10px 5px 10px 15px;
  font-size: 18px;
  margin: -2px -2px -2px 0;
  background-color: #c00;
  color: #fff;
  -webkit-border-top-left-radius:20px;
  -webkit-border-top-right-radius:20px;
  -moz-border-radius-topleft:20px;
  -moz-border-radius-topright:20px;
  border-top-left-radius:20px;
  border-top-right-radius:20px;

}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 16px;
  list-style: disc;
}

body {font-size:16px}
h1,h2,h3,h4,h5,h6 {font-family: Arial, sans-serif;margin-bottom:1em}
h1 {font-size:32px}
h2 {font-size:24px}
h3 {font-size:20px}
h4 {font-size:16px}
h5 {font-size:16px}
h6 {font-size:16px}
li {margin-left:2.5em}

.help {font-size:0.8em;color:#999}

ul.inline_nav {display:inline;list-style:none}
ul.inline_nav li {display:inline;padding-left:5px;margin-left:0;padding-right:5px;border-right:1px solid #666}
ul.inline_nav li.first {padding-left:0}
ul.inline_nav li.last {border-right:none}

#admin_controls ul.inline_nav {float:right;padding-right:5px}


p {margin-bottom:1em}
p.field label {font-size:0.8em;color:#000;font-weight:bold}


table {width:100%;border-collapse:collapse;font-size:0.8em;border:none}
tr {border-bottom:1px solid #ccc}
td {padding:3px 10px 3px 0;vertical-align:top}
th.center, td.center {text-align:center}
th.right, td.right {text-align:right}

tr:last-child, td:last-child {border-bottom:0}
th {padding:3px 10px 3px 0;text-align:left;vertical-align:bottom}
.ie7 th, .ie7 td {border-bottom:1px solid #ccc}
.hidden {display:none}

/*----- HEADER SECTION ----- */
.offscreen_text {text-indent:-9000px;display:none}

/*----- ADMIN FEATURES -----*/
#admin_controls {padding:5px 0;background-color:#333;color:#fff;font-size:0.8em;position:relative;top:0;width:100%;z-index:5}
#admin_controls h2 {font-size:1em;font-weight:bold;display:inline;padding-right:20px}
#admin_controls a {color:#cfc}
div.admin_buttons {margin-top:1em;text-align:center}
div.admin_buttons a img {width:12px;height:12px}
div.endlinks, p.endlinks {padding:5px;background-color:#fcc;border:1px solid #f00;margin-top:1em;font-size:0.8em;text-align:left}
div.endlinks a, p.endlinks a {color:red}

/*----- FOOTER SECTION ----- */
#footer {margin-top:40px;font-size:10px;color:#666;text-align:center}

/*----- FORMS -----*/
form p, form div.field {margin-bottom:1em;position:relative}
form p.newline, form div.newline {clear:both;}
form p.thirds, form div.thirds {float:left;width:30%;margin-right:1%}
form p.quarters, form div.quarters {float:left;width:23%;margin-right:1%}
form p.two_thirds, form div.two_thirds {float:left;width:61%;margin-right:1%}
form p.halves, form div.halves {float:left;width:48%;margin-right:1%}
form p.block, form div.block {float:left;margin-right:1%}
form label {font-size:0.9em;color:#666;line-height:1.2em;padding-bottom:0.2em;font-weight:bold}
form p.buttons {margin-top:2em;margin-bottom:1em;display:block}
form input.text,
form input.email,
form input.phone,
form input.password,
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="number"],
form input[type="tel"],
form textarea {
  padding:0.2em;background:#fff;font-size:1.2em;border:2px solid #999;
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
}
form input.full, form textarea.full, form select.full {box-sizing: border-box;width:100%}
form input.half, form textarea.half, form select.half {box-sizing: border-box;width:50%}
form input.min_half, form textarea.min_half, form select.min_half {box-sizing: border-box; min-width:50%}
form input.third, form textarea.third, form select.third {box-sizing: border-box; width:33%}

form .fieldWithErrors input[type="text"],
form .fieldWithErrors input[type="password"],
form .fieldWithErrors input[type="email"],
form .fieldWithErrors input[type="tel"],
form .fieldWithErrors input[type="number"],
form .fieldWithErrors select,
form .fieldWithErrors textarea,
form .field_with_errors input[type="text"],
form .field_with_errors input[type="password"],
form .field_with_errors input[type="email"],
form .field_with_errors input[type="tel"],
form .field_with_errors input[type="number"],
form .field_with_errors select,
form .field_with_errors textarea {border-color:red;background-color:#fcc}

form .fieldWithErrors+.choice,
form .field_with_errors+.choice {color:red;font-weight:bold}

form .fieldWithErrors label,
form .field_with_errors label
{color:red;font-weight:bold}


form fieldset {padding:0em;margin:0 0 20px 0;border:none;position:relative}
form fieldset legend {font-size:24px;font-weight:bold;border-top:1px solid #ccc;display:block;width:100%;padding-top:10px;margin-bottom:10px}

/* For all browsers */
legend {white-space:normal;}

.ie legend.wrappable,
.ie legend.wrappable span.wrappable {float:left;}
.ie .fieldset_content {clear:both;}


form fieldset fieldset legend {font-size:18px}

.ie7 form fieldset {}
.ie7 form fieldset legend {margin-left:0em}
.ie7 form fieldset div.field_wrap {margin-top:1em}
.ie7 form fieldset fieldset legend {position:relative;left:-0.5em;margin-left:0}

.ie8 form fieldset {}
.ie8 form fieldset legend {margin-left:0em}
.ie8 form fieldset div.field_wrap {margin-top:1em}
.ie8 form fieldset fieldset legend {position:relative;left:0;margin-left:0}

.ie9 form fieldset {border-radius:0}

input[type="submit"], input.button, button, a.button, div.buttons ul li a {border:none;font-weight:bold;font-size:16px;
padding:0.5em 2em;display:block;background:#39f;color:#fff;text-decoration:none;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px rgba(0,0,0,0.05);
}
input[type="submit"]:hover, input.button:hover, button:hover, a.button:hover, div.buttons ul li a:hover {background-color:#39f;
-moz-box-shadow:3px 3px 2px rgba(0,0,0,0.05);
-webkit-box-shadow:2px 2px 5px rgba(255,255,255,0.05);
box-shadow:2px 2px 5px rgba(0,0,0,0.05);
}

div.buttons {margin:0 0 2em 0}
div.buttons ul {list-style:none}
div.buttons ul li {margin:0 0.5em 0 0;display:block;float:left}

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

#container, #banner_section {-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
position:relative;
}
#banner_section h1 {text-align:center;margin:0;padding-top:10px}
#banner_section p.wherewhen {display:none}

#banner_section {width:720px;height:150px}
#description_section {padding:10px 20px;background-color:#fff;line-height:1.4em}
#instructions_section {padding:10px 20px;background-color:#fff;font-size:14px;line-height:1.4em}
#description_section p, #instructions_section p {margin:0.5em 0}
#error_section{padding:20px 20px 40px 20px;background-color:#fff}

#fee_table_wrapper{padding:20px;background-color:#fff}
#form_wrapper{padding:20px;background-color:#fff}
#cart_wrapper {padding:20px;background-color:#fff}
#checkout_section {padding:10px 20px; background:#fff;}

form ul.choices {list-style:none;margin:0.5em 0 1em 0;padding:0}
form ul.choices li {padding:0;margin:1em 0;}

form label {font-weight:normal;font-size:16px}
form label.choice {font-weight:normal;font-size:14px}

/*.ie7 form select,
.ie8 form select,
.ie9 form select {border:2px solid #999;background-color:#f0f8ff}*/
/*.ie7 button, .ie8 button {border:1px solid #f60;}
*/
.ie7 form input[type=text],
.ie8 form input[type=text] {padding-top:2px}
.ie9 form input[type=text] {font-size:14px}

table th.center, table td.center {text-align:center}
#fee_table {font-size:14px;background-color:#fff;border:1px solid #ccc;border-radius:20px}
#fee_table.smaller {font-size:12px;}
#fee_table.smaller .date_header {font-size:11px;font-weight:bold;}
#fee_table thead tr {background-color:#ccc}
#fee_table tr.odd {background-color:rgba(0,0,0,0.05)}
#fee_table th.current {}
#fee_table td.current {font-weight:bold;color:green}
#fee_table .nowrap {white-space:nowrap;}
form select {font-size:16px;padding:6px 5px}
#agreement_wrapper {background-color:#f6f6f6;border:2px solid #999;max-height:10em;overflow-y:scroll;font-family:"courier new", courier, monospaced;margin-bottom:1em;font-size:12px}

div.paypal_logo_wrapper {clear:both;display:block;float:none;margin-top:20px}
div.paypal_logo_wrapper table,
div.paypal_logo_wrapper table tr,
div.paypal_logo_wrapper table tr td,
div.paypal_logo_wrapper table tr th {border:none}

table.accounting {border-collapse:collapse}
table.accounting,
table.accounting tr,
table.accounting th,
table.accounting td {border:2px solid #999}
table.accounting td {padding:0.2em 0.5em;vertical-align:middle;text-align:right}
table.accounting td.spread {padding:0}
table.accounting td input[type=text] {border:none;text-align:right}
table.accounting tfoot td {font-weight:bold}

#cart_wrapper {border-bottom:2px dashed #666}
#cart_wrapper .left_wrap {float:left;box-sizing:border-box;width:50%;}
#cart_wrapper .right_wrap {float:right;box-sizing:border-box;width:49%}

#cart_wrapper .big_check {font-size:30px;color:green;font-weight:bold;margin-bottom:0.5em;padding-left:40px;background:url(/images/ok.png) no-repeat 0 0}
#cart_wrapper .no_check {font-size:30px;color:green;font-weight:bold;margin-bottom:0}
#cart_wrapper .single_no_check {font-size:30px;color:green;font-weight:bold;margin-bottom:0.5em}
#cart_wrapper p.cart_instruction {color:green}

#cart_wrapper .subtotal {margin-bottom:0.2em;font-size:20px}
#cart_wrapper #cart_subtotal {color:red;font-weight:bold}

#cart_wrapper .right_wrap button {width:100%;display:block;margin-bottom:1em}
#cart_list_wrapper {display:none;border:1px solid #ccc;background:#f3f3f3;padding:10px;margin-top:1em;border-radius:10px;-webkit-border-radius:10px;-moz-webkit-radius:10px}
#cart_list_wrapper table thead tr {border-bottom:1px solid #999}

#cart_list_wrapper table td.amount,
#cart_list_wrapper table td.amount {width:6em}
p.bottomless {margin-bottom:0}

#manual_entry_blurb p {color:red;font-size:28px;margin:1em 0}
label.price_category_choice_label {font-weight:normal;color:inherit;font-size:20px}
.none_remaining label.price_category_choice_label {color:#999;}
.price_category_choice .has_remaining {background:#ff9;}
.price_category_choice .none_left {background:#ccc;}
.price_category_choice .has_remaining,
.price_category_choice .none_left {display:inline-block;font-size:12px;font-weight:bold;padding:4px 8px;line-height:12px;vertical-align:top;border-radius:4px}

#agreement_wrapper {font-size:12px}
#agreement_statement {font-weight:bold}
table.accounting tr td.breakdown_title {width:70%}

form div.buttons button[type=submit] {text-align:center;font-size:20px;}
form div.buttons button[type=submit].first {float:left}
form div.buttons button[type=submit].next {float:left;margin-left:1em}
.ie7 form div.buttons button[type=submit] {padding-left:0;padding-right:0}
/* THANK YOU SECTION */
#thankyou_section {padding:20px;background:#fff}

/* Extra Items Section */
#extra_items_description {font-size:0.9em;color:#333;}

#no_extra_items_msg {visibility:hidden;}
#extra_items_table {margin:1em 0;}

#extra_items_table .item_price_col {display:none;}
#extra_items_table thead tr {}
#extra_items_table tbody tr td {border-top:1px solid #999;}
#extra_items_table .item_pic_col {width:110px;}
#extra_items_table .item_pic_col .item_picture {border:1px solid #333;display:block;width:100px;height:100px;}
#extra_items_table .item_pic_col img {width:100px;height:100px;}

#extra_items_table .item_name_col .item_name {font-size:1.1em;}
#extra_items_table .item_name_col .item_description_toggle {cursor:help;}
#extra_items_table .item_name_col .item_description {display:block;margin-top:0.5em;font-size:0.9em;color:#444;}
#extra_items_table .item_name_col select {display:block;width:90%;margin-top:0.5em;}
#extra_items_table .item_quantity_col {text-align:right;width:3em;text-align:right;}
#extra_items_table .item_quantity {text-align:right;width:3em}
#extra_items_table .item_subtotal_col {text-align:right;width:3em;}
#extra_items_table .item_action_col {text-align:right;width:20px;}
#extra_items_table .item_destroy {display:inline-block;text-align:right;width:16px;height:16px;background:url(/images/no.png) no-repeat;}
#extra_items_table tfoot tr {font-size:16px;color:green;}
#extra_items_table tfoot .item_subtotal_label {text-align:right;}

#extra_items_selector_wrapper {margin-top:1em;}
#extra_items_selector_wrapper label {font-weight:bold;color:black;}
#extra_items_selector_wrapper select {width:50%;font-size:16px;}
#extra_items_selector_wrapper button {display:inline;}

#grand_total_wrapper {padding-top:7px}
#total_cost_line {font-weight:bold;margin-top:3px;float:left;margin-right:3%;margin-bottom:5px;}
#total_cost, #cart_total {color:green;}
#cart_total_wrapper {padding-left:20px}

#reg_form_discount_code {font-size:16px;padding:0}
#discount_result {color:green}
#discount_result.no_uses_left {color:red}

#discount_total {float:left}

/* CHECKOUTS */
#checkout_section {position:relative;padding:40px 20px;}

#checkout_section #payment_wrapper {background:#f6f6f6;padding:20px; border:1px solid #ccc;margin-top:20px}

#checkout_section table.invoiceTable {}
#checkout_section table.invoiceTable td,
#checkout_section table.invoiceTable th {padding:0.5em 0.5em}
#checkout_section table.invoiceTable tfoot tr {}
#checkout_section table.invoiceTable tfoot td.totalLabel {text-align:right;font-weight:bold}
#checkout_section table.invoiceTable tfoot td.totalAmount {text-align:right;font-weight:bold}
#checkout_section table.invoiceTable,
#checkout_section td,
#checkout_section th {border:1px solid #666}
#checkout_section table.invoiceTable .c2 {text-align:right}

#checkout_section .payment-errors {font-weight:bold;color:red}

#checkout_section .field label {width:200px;display:inline-block;text-align:right;padding-right:1em;}
#checkout_section .field .right {margin-left:200px;padding-left:1em}

/*
#language_selector {font-size:12px;text-align:right;padding-right:5px;width:auto;background:#fff;float:right;padding:2px 5px;position:absolute;top:20px;right:0;z-index:10000;
  -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
  box-shadow:2px 2px 2px rgba(0,0,0,0.2);

}
*/
#language_selector {font-size:12px;text-align:right;padding-right:0px;width:auto;
float:right;position:absolute;top:0;right:0;z-index:10000
}

.admin_signed_in #language_selector {
  top: 25px;
}

/* Individual Waiver Team */
#waiver_team_list {height:200px;overflow:hidden; overflow-y:scroll;border: 2px solid #ccc}
#waiver_team_list li {padding:0;margin:0;list-style:none}
#waiver_team_list li a {color:#39f;display:block;padding:15px 5px;border-bottom:1px solid #ccc;text-decoration:none;}
#waiver_team_list li a:hover {background:#39f;color:#fff}
#waiver_team_list li a.selected {background:#39f;color:#fff}
#waiver_team_dropdown {display:none}
/* ----------------- */
#banner_image {width:100%;height:auto;margin:0;padding:0;display:block;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.self_edit .price_category_price {display:block;}
@media only screen and (min-width: 768px) {
  .self_edit .price_category_price {font-size:0.8em;color:#999}
}

.price_category_price {display:none}

#reg_form_submit_checkout_button,
#reg_form_submit_add_button
{
  display:block;margin:0;margin-bottom:10px;
  width:49%;
  padding:20px;
}
#reg_form_submit_checkout_button {float:left;}
#reg_form_submit_add_button {float:right;}

@media only screen and (max-width: 768px) {
  #container {
    width: 100%;
    margin: 0;
    padding: 0;
    position:relative;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    background:#fff;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border:none;
  }
  #banner_section {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width:100%;
    margin:0;
    padding:0;
    height:auto;
  }

  #banner_section.bannered {
    height:auto;
  }

  #banner_section.bannered h1, #banner_section.bannered p.wherewhen
  {
    position:relative;font-size:0px;top:-5px;
  }

  #banner_section.bannerless {
    padding:5px;
  }
  #banner_section.bannerless h1
  {
    font-size:24px;
  }

  #banner_section.bannerless p.wherewhen
  {
    font-size:16px;
  }
  #banner_image {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  #main {width:100%;margin:0;padding:0}

  form fieldset {border:0;padding:0}
  form fieldset legend {margin-bottom:10px}

  form p.thirds, form div.thirds, form p.quarters, form div.quarters, form p.two_thirds, form div.two_thirds,
  form p.halves, form div.halves {clear:both;width:100%;margin-left:0;margin-right:0;}
  form input.full, form textarea.full, form select.full {box-sizing:border-box;width:100%;}
  form input.half, form textarea.half, form select.half {box-sizing:border-box;width:100%}
  form input.min_half, form textarea.min_half, form select.min_half {box-sizing:border-box;min-width:100%}
  form input.third, form textarea.third, form select.third {box-sizing:border-box;width:100%}

  form .radio_button_choice {display:inline-block;min-width:30%}
  form .radio_button_choice label {border:2px solid #39f;padding:20px 20px;display:block;text-align:center;border-radius:5px;font-weight:bold;color:#39f;font-size:16px}
  form .radio_button_choice input[type="radio"] {display:none}

  form .radio_button_choice input[type="radio"]:checked + label,
  form .radio_button_choice label.checked {border:2px solid #39f;background:#39f;color:#fff}



  .dont_allow_unspecified_gender_choices #gender_choice_male {width:49%;float:left}
  .dont_allow_unspecified_gender_choices #gender_choice_female {width:49%;float:right}
  .dont_allow_unspecified_gender_choices #gender_choice_female::after {content: "";clear:both}
  
  .allow_unspecified_gender_choices #gender_choice_male {width:32%;float:left;margin-right:1.333%}
  .allow_unspecified_gender_choices #gender_choice_female {width:32%;float:left;margin-right:1.333%}
  .allow_unspecified_gender_choices #gender_choice_unspecified {width:32%;float:left}
  .allow_unspecified_gender_choices #gender_choice_unspecified::after {content: "";clear:both}
  
  form ul.choices li {
    display:block;
  }

  form ul.choices li label {width:100%;display:block;box-sizing:border-box;padding:20px;
    border-radius:5px;
    border:2px solid #39f;
    color:#39f;
    position:relative;
    padding-right:6em;
  }
  form ul.choices li label .help {color:#39f}
  form ul.choices li input[type="radio"] {display:none}
  form ul.choices li input[type="radio"]:checked + label {background:#39f;color:#fff}
  form ul.choices li input[type="radio"]:checked + label .help {color:#fff}

  #custom_price_category_dropdown1,
  #custom_price_category_dropdown2,
  #custom_price_category_dropdown3,
  #custom_event_dropdown1,
  #custom_event_dropdown2,
  #custom_event_dropdown3 {width:100%;box-sizing:border-box}

  form select {/*font-size:18px;*/}


  .price_category_price {display:block;position:absolute;top:50%;right:20px;margin-top:-10px;}
  
  button {
    background:#39f;
    border-radius:5px;
    box-shadow:none;
    box-sizing:border-box;
    margin:0;
    border:2px solid #39f;
    font-size:14px;font-weight:normal;
    color:#fff;
  }

  button:hover {
    background:#39f;
    border-radius:5px;
    box-shadow:none;
    box-sizing:border-box;
    margin:0;
    border:2px solid #39f;
    font-size:14px;font-weight:normal;
    color:#fff;
  }
  #discount_total {clear:both}
  #discount_result {clear:none;display:inline}

  #cart_wrapper .left_wrap, #cart_wrapper .right_wrap {
    width:48%;
  }

  #cart_wrapper .big_check {
    font-size: 20px;
    padding-left: 30px;
    background-size: 20px 20px;
  }

  #checkout_section .buttons span.help {clear:none;display:inline}

  #admin_save_buttons button {width:49%;box-sizing:border-box;margin:0}
  #admin_save_button {float:left}
  #admin_save_and_add_button {float:right}

  #language_selector {}

  #language_selector a {padding:0px 8px 20px 2px;display:inline-block}
  #language_selector a img {width:30px;height:30px}
  .admin_signed_in #language_selector {
    top: 25px;
  }

  #errorExplanation {
    width: 100%;
    border: 2px solid #CF0000;
    padding: 0px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #fee;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    font-size:12px;
  }

  #errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 10px 5px 10px 15px;
    font-size: 16px;
    margin: -2px -2px -2px 0;
    background-color: #c00;
    color: #fff;
    -webkit-border-top-left-radius:0;
    -webkit-border-top-right-radius:0;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    border-top-left-radius:0;
    border-top-right-radius:0;

  }
  #errorExplanation ul {
    margin: 2px 0px;
  }

  #errorExplanation ul li {
    font-size:12px;
  }

}
@media only screen and (max-width:768px) and (min-width:641px) {

  #reg_form_submit_checkout_button,
  #reg_form_submit_add_button
  {
    display:block;margin:0;margin-bottom:10px;
    width:49%;
    padding:20px;
  }

  #waiver_team_list {display:none}
  #waiver_team_dropdown {display:block}
}
@media only screen and (max-width: 640px) {

  #reg_form_submit_checkout_button,
  #reg_form_submit_add_button {font-size:16px;
    width:100%;
  }

  #cart_wrapper .big_check {
    font-size: 16px;
    padding-left: 18px;
    background-size: 16px 16px;
  }

  #cart_wrapper .subtotal {
    font-size:16px;
  }

  #cart_list_wrapper {
    border-radius:0;
    border:none;
    padding:0;
    background:none
  }
  #admin_save_buttons button {font-size:16px}
  #extra_items_table .item_pic_col {display:none}

  #participant_minor_notice {font-size:12px}

  #waiver_team_list {display:none}
  #waiver_team_dropdown {display:block}

}

@media only screen and (max-width: 580px) {
  #checkout_section #payment_wrapper {
    padding:0;
    border:0;
    background:transparent;
  }

  #checkout_section .field label {
    display:block;padding:0;text-align:left;width:auto;
  }
  #checkout_section .field .right {margin:0;padding:0}
  #checkout_section .field .full_for_mobile {width:100%;box-sizing:border-box;}

  #waiver_team_list {display:none}
  #waiver_team_dropdown {display:block}

}

@media only screen and (max-width: 480px) {
  #fee_table_wrapper {display:none}
  form ul.choices li label {font-size:16px;padding-right:20px;}
  form ul.choices li label .help {font-size:12px}
  .price_category_price {position:relative;top:0;right:0;margin:5px 0 0 0}
  #reg_form_submit_checkout_button,
  #reg_form_submit_add_button,
  #admin_save_button,
  #admin_save_and_add_button
  {
    width:100%;
    float:none;
  }

  #cart_wrapper .big_check {
    font-size: 14px;
    padding-left: 18px;
    background-size: 16px 16px;
  }

  #cart_wrapper .subtotal {
    font-size:14px;
  }

  #cart_wrapper .bottomless {margin-top:10px;font-size:14px}

  #description_section, #instructions_section {font-size:14px}

  #waiver_team_list {display:none}
  #waiver_team_dropdown {display:block}
  
  .allow_unspecified_gender_choices .radio_button_choice label.choice {font-size:12px;padding:20px 10px}

}
@media only screen and (max-width: 420px) {
  #cart_wrapper .left_wrap,
  #cart_wrapper .right_wrap {
    float:none;
    width:100%;
    box-sizing:border-box;
    padding:0;
    margin:0;
  }

  #cart_wrapper .left_wrap {margin-bottom:10px}

  #waiver_team_list {display:none}
  #waiver_team_dropdown {display:block}

}

@media only screen and (max-width: 320px) {
  #total_cost_line {font-size:16px}
  #cart_wrapper .big_check {
    font-size: 14px;
    padding-left: 0;
    background:none;

  }

  #waiver_team_list {display:none}
  #waiver_team_dropdown {display:block}

}

/* Force mobile scrollbars for webkit */
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}