html {
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
}

body {
    background-color: #333;
    background-image: none;
    margin: 0;
    padding: 0;
}

header,
section,
footer {
    max-width: 900px;
    margin: 0 auto;
}

section {}

#consumerMenu {
    background-color: transparent;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
    color: transparent;
}

#consumerMenu a {
    color: #ED1B24;
    font-size: 10pt;
}

#consumerMenu a:hover {
    border-color: #ED1B24;
}

.pageFrame {
    background-color: transparent;
    background-image: none;
    border: medium none;
    padding: 4px 4px 4px 34px !important;
    width: 96%;
}

.pageFrame > form[name="consumerForm"] > table > tbody > tr > td > table > tbody > tr > td[align="right"] {
    width: 170px
}

.legend {
    background-color: #333;
    color: #EEE;
    max-width: 400px;
}

.legend img {
    background-color: #FFF;
    border: 1px solid #FFF;
}

.smalltype {
    color: #FFF;
    font-size: 8pt;
    font-weight: normal;
}

.tinytype {
    color: #AAA;
    font-size: 7pt;
    font-weight: normal;
}

a.smalltype,
a.tinytype {
    font-weight: normal
}

a.smalltype:hover,
a.tinytype:hover {
    font-weight: normal
}

a {
    border-bottom: 0;
    color: #CF6;
    font-weight: 700;
    text-decoration: none;
}

a:hover {
    color: #CF6;
    border-color: #CF6;
}

.content {
    border: 1px solid #CCCCCC;
    color: #FFF;
    max-width: 1140px;
    margin:0px auto;
}

th,
td,
pre,
code {
    font-size: 12px
}

th {
    background-color: #5C2082;
    background-image: none;
    color: white;
    padding: 2pt 6pt;
    text-align: center;
}

tr.subHead td,
td.subhead,
th.subhead,
.list th.subhead,
div.subHead,
tr.subhead td,
td.subHead,
th.subHead,
tr.Subhead {
    background-color: #ED1B24;
    background-image: none;
    border-color: #ED1B24;
    border-style: solid;
    border-width: 1px;
    color: white;
    padding: 2pt 6pt;
}

tr.subHead td a,
td.subhead a,
th.subhead a,
th a,
tr.subhead td a,
td.subHead a,
th.subHead a {
    color: white
}

tr.subHead td a:hover,
td.subhead a:hover,
th.subhead a:hover,
th a:hover,
tr.subhead td a:hover,
td.subHead a:hover,
th.subHead a:hover {
    color: white
}

.calendarMonthSelect {
    border-color: #5C2082
}

.calendarMonthSelect,
.calendarMonthSelect option {
    background-color: #ED1B24;
    color: white;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
}

.calendarProd0 {
    background-color: transparent;
    color: white;
}

select {
    border: 1px solid #999999;
    font-family: "Noto Sans", sans-serif;
}

.calendar {
    background-color: #CCCCCC;
    color: #000;
}

.calendar > tbody > tr > td.date > div.calendarProd > div.prodName > br {
    display: none
}

.calendar td.dayHeader {
    background-color: #999999;
    color: white;
}

.calendar .perf,
.calendar .perfCustom,
.calendar .perfOffsale2Public,
.calendar .perfSoldOut,
.calendar .perfCancelled,
.calendar .perfProtected,
.calendar .perfPast,
.calendar .perfBoxOfficeOnly,
.calendar .perfPackageOnly {
    font-size: 11px
}

td.datepast {
    background-color: white;
    height: 40px;
    opacity: 0.3;
}

.numberPast {
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
}

.date,
.datepast {
    background-color: white;
    height: 100px;
}

.number,
.numberPast,
.numberScheduled {
    background-color: #999999;
    border: 1px solid #999999;
    color: white;
    font-size: 10pt;
    font-weight: bold;
}

.numberToday {
    background-color: #5C2082;
    border: 1px solid #5C2082;
}

.calendarProd > .prodName > .superSubTitle {
    margin-top: 10px
}

.calendarProd > .prodName > .superSubTitle + br + .superSubTitle {
    margin-top: 0
}

.calendarProd > div > .prodName + .superSubTitle {
    margin-top: 10px
}

.calendarProd > div.prodName > br + div.superSubTitle {
    margin-top: 0px
}

.superSubTitle {
    font-size: 8pt;
    font-weight: normal;
    line-height: 100%;
}

.calendarProd .prodName {
    border-bottom: 0px solid #666666;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

.perfCustom {
    padding-left: 0px
}

.dateNextMonth,
.dateLastMonth {
    background-color: #CCCCCC
}

.calendar a {
    color: #ED1B24;
}

.calendar a:hover {
    color: #5C2082;
}

.yourSelection td {
    color: #FFF
}

caption,
.divider,
td.divider {
    border-bottom: 1px solid #999;
    color: #999;
    font-weight: bold;
    padding: 1px;
    white-space: nowrap;
}

.description {
    background-color: #F0F0D0;
    background-image: none;
    color: #000;
    padding: 6pt 6pt 6pt 12pt;
    text-align: left;
}

.description .seriesName {
    font-size: 15px;
    font-weight: bold;
}

.description .tip {
    background-color: ;
    border: 1px outset;
}

.description a {}

.description a:hover {}

.description b {
    color: #5C2082
}

.submit,
.cancelSubmit,
a.dayNav {
    background-color: #5C2082;
    border: 1px solid #5C2082;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin: 1px;
    padding: 2px;
}

.submit:hover,
.cancelSubmit:hover,
a.dayNav:hover {
    text-decoration: none;
    background-color: #ED1B24;
    border: 1px solid #ED1B24;
}

.promoCode .submit {
    background-color: #666666;
    border: 1px solid #666666;
    color: #FFF;
    font-weight: normal;
    padding: 1px;
}

.promoCode .submit:hover {
    background-color: #ED1B24;
    border-color: #ED1B24;
}

.promoCode td {
    background-color: transparent;
    padding: 1px;
}

.promoTicket {
    color: #49E
}

#cartForm div {
    color: #FFF
}

.liTitle {
    font-weight: bold;
    line-height: 20px;
    text-align: left;
}

.price {
    font-weight: bold;
    text-align: right;
}

#storeForm > table > tbody > tr > td > table > tbody > tr > th {
    background-color: transparent;
    border-bottom: 1px solid #666;
    color: #666;
    font-size: 11px;
    text-align: center;
}

#storeForm tr.subHead > td {}

#campaignId {
    font-size: 13px;
    font-weight: bold;
}

form input.focus,
form textarea.focus {
    border:
}

form .seatingChart {
    background-color: #FFF;
    color: #222;
}

form .seatingChart .unavailable a {
    border-bottom: none
}

#storeForm .storefront {
    color: #FFF
}

.fixedPackageDetails table table td {
    color: #FFF
}

form[name="checkoutForm"] > .content > tbody > tr > td.divider {}

form[name="checkoutForm"] > .content > tbody > tr > td.divider > b {
    color: #6666EE
}

.shoppingCartFixedPackage {}

.shoppingCartFixedPackage td.description {
    color: #000
}

.shoppingCartFixedPackage tr.subHead > td {
    border: 1px outset #666;
    color: #FFF;
    font-family: "Noto Sans", sans-serif;
    padding-bottom: 0;
    padding-top: 0;
}

.shoppingCartFixedPackage th {}

form label,
form td[align='right'] > b {
    color: #FFF
}

form[name="checkoutForm"] > table.content,
form[name="checkoutForm"] > table.content > tr > td > b,
form[name="checkoutForm"] > table.content > tr > td > span.smalltype {
    text-align: left
}

label:hover {
    color: #FFF;
}

.sortHeaders td {
    background-color: #444 !important
}

.sortHeaders img {
    display: none
}

.sortHeaders a {
    margin-left: 10px
}

.perfList .dates {
    font-size: 11px;
    text-align: left;
    width: 85px;
}

.perfList .series {
    font-size: 12px;
    width: 300px;
}

.perfList .buy {
    font-size: 11px;
    width: 70px;
}

.perfList .venue {
    color: #000
}

.perfsToday td {
    border-bottom:
}

.perfsToday .calendarProd0,
.perfsToday .calendarProd1,
.perfsToday .calendarProd2,
.perfsToday .calendarProd3,
.perfsToday .calendarProd4,
.perfsToday .calendarProd5,
.perfsToday .calendarProd6,
.perfsToday .calendarProd7,
.perfsToday .calendarProd8,
.perfsToday .calendarProd9 {
    font-size: 13px;
    font-weight: bold;
}

td.prodLeft {
    color: #FFF;
    text-align: left;
}

.time {
    color: #FFF
}

.ptimes > img.status {
    background-color: #EEE;
    border: 1px solid #EEE;
    border-right: 2px solid #000;
    padding-right: 0;
}

td.prodLeft + td {
    vertical-align: top
}

#formCheckout > table.content > tbody > tr > td > table > tbody > tr > th {
    padding:
}

#formCheckout th.smalltype {
    background-color: #666;
    color: #FFF;
    font-family: "Noto Sans", sans-serif;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    text-transform: lowercase;
}

#formCheckout u.smalltype {
    font-weight: bold;
    text-transform: uppercase;
}

form .divider,
form td.divider,
#formCheckout .divider,
#formCheckout tr > td.subHead {
    text-align: left !important
}

#paymentStep {
    background-color: blue;
    color: white;
    font-size: 12px;
}

h1 {
    color: #FFF !important
}

.clickToPrint ~ * {
    color: #FFF
}

.calendarDaySelect {
    background-color: ;
    font-size: 17px;
}

table.content > tbody > tr > td.smalltype > a[style="font-size: 200%;"] {
    font-size: 20px !important
}

.row0 td,
.even td {
    background-color: #223
}

.donationInformation,
.donationInformation + table td,
h2,
#donationForm td,
.donationDiv {
    color: #EEE;
}


/* style override */
body{ background:#fff!important;}
#consumerMenu a{ color:#A920CE!important; font-size:18px!important; }
.tinytype { color:#000!important; font-size:15px!important;}
table td { color:#000!important; font-size:15px!important;}
table td a{ color:#000!important; font-size:15px!important;}
.calendarProd0 { color:#000!important;}
tr.sortHeaders td{ background:#efefef!important; padding:10px auto;}
.perfList .buy a:hover { color:#fff!important; background:#A920CE!important;}