body {
  background-color:#000;
}

.fblike {display:none}

a {
    color:#F8D617;
}
a:hover {
    color:#fff;
}

#crumbs li a, ul.menu li.account ul li a, ul.menu li.cart a {color:#666;}
#crumbs li a:hover, ul.menu li.account ul li a:hover, ul.menu li.cart a:hover {color:#000;}


#page-content-wrapper {
  background: none;
  border:none;
}

#page-content {
	padding:5px 5px 10px;
}

div.content, div.sidebar-content , #page-content, div.content-wrapper div.content-title{
  background-color: #000;
}

h1 {text-shadow:none; color:#ccc;}
h3 {text-shadow:none;}
h3 a {color:#fff;}
h3 a:hover {color:#ffcc00}

.teaser, .body, .address, .cart-details, .handler-description, .voucher {color:#ccc!important;}
table.table-formatted td, .cart-total {color:#fff;}
div.seat_select, div.plan-select {border:none; padding:0;}
div.toggla label {background:none; padding:0;}
div.toggla label a, .content {color:#ccc;}
table.table-formatted th, table.table-formatted td {border-bottom:1px solid #333}
div.content-wrapper div.content {padding:0;}
a.remove {background:none;}
div.order_review {padding:0 5px;}
.express .field label, #section1 .field label, .login-field label {text-shadow:none; color:#ccc;}
.express h4, .express span, .express p, .notices span, .notices p {color:#fff;}
div.content-wrapper .body img {float:right; margin:0 0 5px 10px;}

/************************************ header */
#page-title-wrapper {
	background:url("../images/hd_bg.jpg") no-repeat;
    width:799px;
    height:180px
}
    #page-title {
        background:none;
    }


.button, .event-date-list a, input[type="submit"], a.checkout-home, #formSeatSelection .button {
    background-color: #F8D617;
    border: 1px solid #F8D617;
    color: #000;
    font-weight:bold;
    margin-bottom: 5px;
    }
    .button:hover, #formSeatSelection .button:hover, .content #formConfirm .button:hover, .content .button:hover, .event-date-list a:hover, input.button:hover, input[type="submit"]:hover, a.checkout-home:hover, a.checkout-home:hover {
    background-color: #ccc;
    border: 1px solid #ccc;
    color:#000;
    }
        a.details {
    background-color: #999;
    border: 1px solid #999;
    color:#FFF;
  }
    a.details:hover {
    background-color: #aaa !important;
    border: 1px solid #aaa !important;
    color: #fff !important;
    }
    a.button.buttonM.bDefault.tableButton, a.button.buttonM.bRed.tableButton, a.checkout-home, .voucher-activate a  {
    background-color: #555;
    border: 1px solid #555;
    color: #F8D617;
    }
    a.button.buttonM.bDefault.tableButton:hover, a.button.buttonM.bRed.tableButton:hover, a.checkout-home:hover, .voucher-activate a:hover {
    background-color: #777;
    border: 1px solid #777;
    color: #F8D617;
    }

    .voucher-activate a {
    width: fit-content;
    text-align: center;
    padding: 6px 12px;
    margin-left:5px;
    font-weight: bold;
    }
    .voucher-activate .field label {
    width:fit-content;
    }
    .voucher-activate input[type=text] {
    width:100px;
    padding: 5px 7px 6px;
    margin: 2px 0;
    }
    .voucher-activate .field {
    border: 2px solid #F8D617;
    padding: 0px 0 0px 10px;
    width: fit-content;
    margin:0 5px 10px;
    }
    .voucher-activate .field label {
    margin-top:2px;
    font-size: 13px;
    font-weight: bold;
    }
    .voucher-activate input[type="submit"] {
    padding: 3px 7px 5px;
    margin: 2px 2px 2px -1px;
    }


/************************************ footer */
#page-footer-wrapper {
    background: none;
    width:818px;
}
    #page-footer-wrapper #page-footer {
        color: #ccc;
	    padding: 10px;
	    font-weight: 100;
    }
    #page-footer-wrapper #page-footer a {
        color: #ccc;
    }
    #page-footer-wrapper #page-footer a:hover {
        color: #fff;
    }

    #page-footer-wrapper #page-footer a.privacy-link,
    #page-footer-wrapper #page-footer a.terms-link,
    #page-footer-wrapper #page-footer a.contact-us-link {
        color: #F8D617;
    }
    #page-footer-wrapper #page-footer a.privacy-link:hover,
    #page-footer-wrapper #page-footer a.terms-link:hover,
    #page-footer-wrapper #page-footer a.contact-us-link:hover {
        color: #ccc;
    }


#above-content {border:none}
#crumbs li a {background: url(../images/crumbs.gif) no-repeat right center;}
#drawing-board-container {background-color:#fff;}
div.pick-selector div.ticket-admittance div.ticket-selected {color:#fff;}
table.table-formatted tr.selected td {color:#000; font-weight:normal;}
table.table-formatted tr.selected td a {color:#8D5005}
div.calendar_event {border-top:1px #333 solid; margin-top:15px;}
div.calendar_event_item {border-top:none !important; border-bottom:1px #333 solid; padding:5px 0 !important;}
div.calendar_event_item div.title {padding-top:4px;}
div.calendar_event_item div.controls {padding-top:6px;}
.parent_event_list .parent_event, .parent_event_list .first, .parent_event_list .last {border-bottom: 1px #333 solid !important;}
.parent_event_list .first {border-top: 1px #333 solid !important; margin-top:15px;}

.plan-select {
    display:none;
}

/* event specific code donation */

.category_filter,
.category_833 .button.details,
.category_833 .button span,
.category_833 .event-date-list-action a span,
.category_833 .event-date-list-start-time,
.category_833 .event-date-list-available,
.category_833 .header_ticket_available,
.category_833 .ticket_available,
.category_833 .item-date,
.category_833 .item-time,
.category_833 .header_ticket_admittance,
.category_833 .ticket_admittance,
.category_833 .header_ticket_price,
.category_833 .ticket_price,
.category_833.parent_event .button,
.category_833 .address,
.category_833 .map,
.category_833 .content-social,
.category_833 .event-view a:nth-of-type(1),
.category_833 .page-title,
.category_833 #crumbs .crumb  {
    display: none;
}

.category_833 #crumbs .crumb.first,
.category_833 #crumbs .crumb.last {
  display: block;
}

.category_833 .header_ticket_title,
.category_833 .ticket_title {
  text-align: right;
  width:70%;
}

.category_833 .button:after,
.category_833 .event-date-list-action a:after{
    content:"Donate";
}

.category_833 .teaser a,
.category_833 .event-view a,
.category_833 .place-selection .button {
  background-color: #ff9a00;
  border: 1px solid #ff9a00;
  color: #000;
  margin-bottom: 5px;
  padding: 5px 8px;
  cursor: pointer;
  float: right;
  margin-left: 5px;
  font-weight: bold;
  margin-top: 5px;
  }
  .category_833 .teaser a:hover,
  .category_833 .event-view a:hover,
  .category_833 .place-selection .button:hover {
  background-color: #ccc;
  border: 1px solid #ccc;
  color:#000;
}

.category_833 .event-date-list-start-date {
  font-size: 0px;
  }
  .category_833 td.event-date-list-start-date:before {
  content:"Proceed to select the amount you want to donate";
  font-size:15px;
}

.category_833.parent_event {
  background-color: #333;
  padding:10px;
  width: calc(100% - 20px);
}

.category_833 .toggla label a {
  font-size: 0px
  }
  .category_833 .toggla label a::after {
  content: "Donation Options";
  font-size: 26px;
}

.category_833 .header_ticket_title {
  font-size: 0px
  }
  .category_833 .header_ticket_title::after {
  content: "Amount";
  font-size: 19px;
}



@media screen and (max-width:835px) {
  #page-content {
  margin: 0 auto;
  width: calc(100% - 10px);
  }
  #crumbs {
  width: fit-content;
  }
}