h1 { font-size: 26px; margin-bottom:5px; }
label { font-weight: bold; }
select { padding: 4px 6px; height:35px; }
a.spin:hover { background-color: none !important; }
a.spin:active { background-color: none !important; }

.page-container { margin: 25px 0 25px 0; }

.headerHelp { margin-bottom: 20px; }

.well { padding: 0; }
.well a.register { display: block; padding:20px 0 20px 20px; font-size:18px; color:#000000; font-weight:bold; text-decoration:none; }
.well a.register:hover { background-color:#0082D0; color:#FFFFFF; text-decoration:none;}
.well a.register:active { background-color:#0082D0; color:#FFFFFF; text-decoration:none;}
.well a.register span { display: inline-block; float:right; font-weight: normal; padding:0 20px 0 25px; }

.well-white { background-color: #ffffff; }
.well.well-with-header { padding:0; }
.well.well-with-header h4 { background-color: #0082D0; color: #ffffff; margin:0; margin-bottom:15px; padding:5px 0 5px 10px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius:4px; }
.well.well-warning { background-color: #fcf8e3; color:#000000; font-weight:normal;}
.well.well-warning.well-with-header h4 { background-color: #c09853; color: #ffffff; margin:0; margin-bottom:15px; padding:5px 0 5px 10px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius:4px; }
.well.well-warning a { color:#c09853; font-weight:bold; text-decoration:underline; }
.well-content { margin: 0 10px 20px 10px; }

.formElement { float: left; margin-right:25px; margin-bottom:15px; }
.inline { display: inline-block; }
.required { color: red; }
.left { text-align: left; }
.center { text-align: center !important; }
.right { text-align: right; }
#bottomButtons { text-align: right; }
#bottomSpinner {display:none; margin: 30px 0 30px 0; width:100%; text-align: center;}

.registerPromoCode { margin: 0 10px 10px 0; padding: 5px 10px 10px 0; text-align: left; color: #6D6E71; font-weight:bold; }
.registerPromoCode .dark { color: #000000; }
.lineThru { text-decoration: line-through; }

span.nomargin input[type=checkbox] { margin-top:-2px !important;     -webkit-appearance:none;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555; }
span.nomargin input[type=checkbox]:checked {
    background: #000000;
}


#EventDonations p{padding:6px 0 3px 5px;}
#EventDonations table{margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:10px; width:98%;}
#EventDonations table th{background-color:#D1D2D4; color:#000000; padding:5px 5px 5px 5px; font-weight:bold; text-align:left; text-transform:uppercase;}
#EventDonations table td{padding:5px 5px 5px 5px;}
#EventDonations table td input { margin-bottom:0; text-align:center; width:100px; }
#EventDonations table tr{border-bottom:1px solid #F5F5F5;}
#EventDonations table tr.footer2 td{padding:10px 5px 0 0; font-weight:bold; text-align:right;}
#EventDonations table tr.footer2{border-bottom:0 solid #F5F5F5;}
#EventDonations .name{width:85%;}
#EventDonations .amount{width:100px;}

#EventOrderSummary table{margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:10px; width:98%;}
#EventOrderSummary table th{background-color:#D1D2D4; color:#000000; padding:2px 5px 2px 5px; font-weight:bold; text-transform:uppercase;}
#EventOrderSummary table td{padding:2px 5px 2px 5px; vertical-align:top;}
#EventOrderSummary table tr.ticketAltRow{background-color:#F5F5F5;}
#EventOrderSummary table tr.footer2 td{padding:10px 5px 0 0; font-weight:bold;}
#EventOrderSummary .regType{width:300px;}
#EventOrderSummary .price{padding-right:5px;}
#EventOrderSummary .quantity{width:100px;}
#EventOrderSummary .total{width:100px;}

/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
    margin:20px 10px 0px 20px;
    padding:0px;
    position: relative;
    clear:both;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.wizard-steps div {
    position:relative;
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
    display: block;
    float: left;
    font-size: 10px;
    text-align:center;
    width:15px;
    margin: 2px 5px 0px 0px;
    line-height:15px;
    color: #ccc;
    background: #FFF;
    border: 2px solid #CCC;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
    position:relative;
    display:block;
    width:auto;
    height:40px;
    margin-right: 30px;
    padding:0px 10px 0px 10px;
    float: left;
    font-size:14px;
    line-height:40px;
    color:#666;
    background: #E9E9E9;
    text-decoration:none;
    text-shadow:none;
}
.wizard-steps a:before {
    width:0px;
    height:0px;
    border-top: 20px solid #E9E9E9;
    border-bottom: 20px solid #E9E9E9;
    border-left:20px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: -20px;
}
.wizard-steps a:after {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left:20px solid #E9E9E9;
    position: absolute;
    content: "";
    top: 0px;
    right: -20px;
}
 
/* = COMPLETED STEPS
----------------------------*/
 
.wizard-steps .completed-step a {
    color:#00263E;
    background: #A1CBE6;
}
.wizard-steps .completed-step a:before {
    border-top: 20px solid #A1CBE6;
    border-bottom: 20px solid #A1CBE6;
}
.wizard-steps .completed-step a:after {
    border-left: 20px solid #A1CBE6;
}
.wizard-steps .completed-step span {
    border: 2px solid #163038;
    color: #163038;
    text-shadow:none;
}
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
    color:#FFFFFF;
    background: #0082D0;
    text-shadow:none;
}
.wizard-steps .active-step a:before {
    border-top: 20px solid #0082D0;
    border-bottom: 20px solid #0082D0;
}
.wizard-steps .active-step a:after {
    border-left: 20px solid #0082D0;
}
.wizard-steps .active-step span {
    color: #163038;
    -webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    -moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    text-shadow:none;
    border: 2px solid #A3C1C9;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
    color:#fff;
    background: #00263E;
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
    color:#00263E;
}
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
    border-top: 20px solid #00263E;
    border-bottom: 20px solid #00263E;
}
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
    border-left: 20px solid #00263E;
}

.paymentBoxes {}
.paymentBox { float:left; min-width:80px; padding:7px; margin-right:20px; text-align:center; font-weight:bold; border:1px solid #00263E; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration:none; color:#00263E; }
.paymentBox.selected { background-color:#00263E; color:#FFFFFF; }
.paymentBox:hover { text-decoration:none; background-color:#00263E; color:#FFFFFF; cursor:pointer; }

#pagecontent.scanning {
  -webkit-filter: blur(1px) grayscale(50%);
}

.dialog {
  position: absolute;
  top: 25%;
  left: 25%;
  margin: auto;
  padding: 20px;
  border: 2px solid #00263E;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-family: 'Trebuchet MS', sans-serif;
  font-weight: bold;
  width: auto;
}
#overlay {
  position: fixed;
  display: none;
  background-color: rgba(0, 0, 0, 0.25);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  z-index: 999;
}
#overlay-head {
  position: absolute;
  top: 5%;
  right: 3%;
  margin: auto;
  z-index: 1000;
}

#swipe {
  position: absolute;
  top: 42%;
  left: 30%;
  margin: auto;
  padding: 20px;
  border: 3px solid black;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 125%;
  font-weight: bold;
  width: auto;
  min-width:450px;
  z-index: 1000;
  color: black;
  background-color: #e7e7e7;
}
#scanning {
  position: absolute;
  top: 25%;
  left: 25%;
  margin: auto;
  padding: 20px;
  border: 3px solid black;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 150%;
  font-weight: bold;
  width: auto;
  z-index: 1000;
  color: black;
  background-color: #e7e7e7;
}
#success {
  position: absolute;
  top: 25%;
  left: 25%;
  margin: auto;
  padding: 20px;
  border: 3px solid black;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 150%;
  font-weight: bold;
  width: auto;
  display: none;
  color: black;
  background-color: #5be298;
}
#failure {
  position: absolute;
  top: 25%;
  left: 25%;
  margin: auto;
  padding: 20px;
  border: 3px solid black;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 150%;
  font-weight: bold;
  width: auto;
  display: none;
  color: black;
  background-color: #cd5c5c;
}
#pagecontent,
#background {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}