body {
  background-color: #eee;
  margin: 0;
  padding: 0;
}

img {
  padding: 0;
  margin: 0;
}

span.error {
  color: red;
}

.topbar {
  position: relative;
  margin: 0 0 30px 0;
}

.topbar-inner {
  background: #fff url(/images/header.jpg) top left repeat-x;
  height: 47px;
  padding: 10px 0 0 0;
}

.clear {
  clear: both;
}

footer {
  background-color: #000;
  color: #fff;
  margin: 20px -20px 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
  text-align: center;
}

footer a {
  color: #ffffff;
}

footer a:hover {
  color: #ffffff;
}

footer p {
  font-size: smaller;
  padding-bottom: 5px;
}

.container > footer p {
  text-align: center; /* center align it with the container */
}

#available_fields, #selected_fields {
  float: left;
  height: 350px;
}

#arrows {
  float: left;
  font-size: 20px;
  padding: 20px;
  position: relative;
  top: 110px;
  width: 25px;
}

#arrows a {
  cursor: pointer;
  line-height: 30px;
}

.content {
  background-color: #fff;
  padding: 20px;
  margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.content.print_header {
  padding-bottom: 0;
  position: relative;
  top: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.content-wide {
  background-color: #fff;
  margin: 0;
  padding: 20px 20px 20px 125px;
  width: 705px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.content-narrow {
  background-color: #fff;
  float: left;
  margin: 0 0 0 10px;
  padding: 20px;
  width: 540px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

#header {
  padding-bottom: 10px;
}

#subnav li {
  padding: 0 10px;
}

.required_field {
  color: red;
  padding: 0 5px;
}

#container {
  margin: 0 auto;
  width: 851px;
}

.content-outer {
  clear: both;
  margin: 0;
  padding: 20px 0;
}

#left-sidebar {
  float: left;
  padding: 0 10px 0 0;
  width: 250px;
}

#left-sidebar img {
  padding-bottom: 10px;
  width: 100%;
}

.social-sharing {
  margin-top: 50px;
  margin-left: 120px;
}

.hidden {
  display: none;
}

.player_header {
  padding: 5px 0 0 50px;
  font-weight: bold;
}

.search_bar {
  padding-left: 10px;
  width: 210px;
}

/* pagination */
.pagination {
  margin: 0;
  text-align: center;
}

.pagination a {
  border: none;
  float: none;
}

.previous_page {
  padding-right: 20px;
}

.next_page {
  padding-left: 20px;
}

.page_info {
  text-align: center;
}
/* end pagination */

/* bootstrap overrides */
label {
  /* width: 130px; original */
  width: 200px;
}

#registration_form label {
  padding-left: 10px;
}

form .input {
  /* margin-left: 150px; */
  margin-left: 220px;
}

.modal form {
  margin-bottom: 0;
}

#registration_form textarea {
  height: 75px;
}

#skip_insurance {
  float: left;
  padding-top: 10px;
}

#skip_insurance input[type="checkbox"] {
  margin-left: 0;
}

#skip_insurance_help {
  float: left;
  padding: 10px 0 0 5px;
}

#payment_form #month {
  width: 60px;
}

#payment_form #year {
  width: 80px;
}

/* end bootstrap overrides */

p.error {
  color: red;
}

.input p {
  padding-top: 5px;
}

.event-remove-button {
    text-align: right;
}

/* jquery timepicker */

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* end jquery timepicker */

/* start splash page */

#splash {
  width: 851px;
}

#splash #header_image {
  margin: 0;
  padding: 10px 0 0 0;
}

#splash #content {
  background-color: #ccc;
  padding: 0 75px;
}

#splash #events {
  background-color: #fff;
  padding: 20px;
}

#splash .event {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  clear: both;
  padding: 10px 20px;
}

#splash table td {
  border: none;
}

#splash .event .details {
  padding-top: 10px;
}

#splash .name {
  font-weight: bold;
  font-size: 15px;
}
/* end splash page */

#price_levels i, #promo_codes i, #access_codes i {
  cursor: pointer;
}

#promo_codes .required, #price_levels .required {
  color: #ec3f41;
}

#promo_codes a {
  color: #000;
}

.radio_button_set .input p {
  margin-bottom: 0;
}

.radio_button_set .input label {
  float: none;
}

.radio_button_set .input select {
  color: #404040;
}

.nav.secondary-nav {
  float: right;
}

.nav.secondary-nav .dropdown-menu {
  text-align: center;
  min-width: 100px;
  padding-right: 0px;
  margin-top: 8px;
  background-color: white;
}

#price_levels .dropdown-menu {
  position: absolute;
  top: auto;
}
/* FEEDBACK INFO */

.feedback-container {
  overflow: hidden;
  height: 100px;
  margin-top: 10px;
}

.feedback-info {
  width: 425px;
  float: left;
}

.feedback-sent {
  height: 20px;
}

.feedback-sent h6 {
  color: #3ad235;
  display:none;
}

.feedback-main {
  margin-left: 25px;
  float: left;
}

.feedback-form {
  margin-top: 5px;
}
.feedback-input {
  resize: none;
  height: 50px;
  width: 400px;
}

.fieldHtml--register {
  padding-left: 60px;
  width: 380px;
}

.fieldHtml * {
  max-width: 100% !important;
}

.fieldImage > img {
  max-width: 100%;
}

.fieldImage--left {
  text-align: left;
}

.fieldImage--center {
  text-align: center;
}

.fieldImage--right {
  text-align: right;
}

.fieldImage--register {
  padding-left: 60px;
  width: 380px;
}

/* GETTING STARTED PARTIAL - What a new user sees or when they have no events*/

#get-started-banner h2 {
  background-color: #244477;
  font-size: 20px;
  color: #ffffff;
  font-weight:500;
  text-align: center;
}

#get-started {
  text-align: center;
  margin: 20px 83px 0px 83px;
  font-family: Helvetica, sans-serif;
}

#get-started a {
  text-decoration: none;
}
.get-started-option {
  display: inline-block;
  width:215px;
  padding: 0 20px 0 20px;
}

.get-started-option h3 {
  line-height:25px;
  color: #000000;
  font-size: 22px;
  margin-top: 10px;
}

.get-started-option p {
  line-height:20px;
  color: #6b6b6b;
  font-size: 15px;
}

.fake-button {
  background-image: url('/images/getstartedbutton.png');
  background-repeat: no-repeat;
  padding-top: 5px;
  padding-left: 12px;
  background-position: 15px -6px;
  height: 30px;
}

code.embed-code {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  background: #f5f5f5;
  border: 1px solid #ddd;
}

.countdown {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #ffe661;
  background-color: #fff9d0;
  border-radius: 5px;
}

.countdown #time_left {
  float: left;
  font-size: 30px;
  line-height: 28px;
  margin-top: 6px;
  margin-right: 15px;
}

/* EVENTS TABLE FOR INDEX AND SEARCH RESULTS PAGE */

#events-table i {
  font-size: 11px;
  padding-right: 9px;
}

.event-actions a:hover {
  text-decoration:none;
}

.url-share-field {
  color: #000000;
  font-size: 16px;
  width: 500px;
}

.url-share-field:hover {
  cursor: text;
}