html {
  font-family: sans-serif;
  font-size: smaller;
}

body {
  background-attachment: scroll;
  background-color: #fafafa;
  background-image: url(https://ovationtix.s3.amazonaws.com/clientFiles/32215/mcc071011_bg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  color: #333;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
}

#consumerMenu {
  background-color: transparent;
  color: #FFF;
  font-size: 8.5pt;
  padding: 3px 3px 43px 13px;
  text-align: left;
  text-transform: uppercase;
}

#consumerMenu > * {
  display: flex;
  float: left;
  width: 22%;
  line-height: 8pt;
}

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

.pageFrame>table>tbody>tr>td>.pageFrame th {
  padding-left: 4px;
  text-align: left;
}

.legend {
  background-color: ;
  float: left;
  margin-left: 6px;
  max-width: 400px;
}

div.footerHelpLink {
  margin-left: 9px;
  text-align: left;
}

div.footerHelpLink>div.tinytype {
  line-height: 14pt
}

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

.tinytype {
  color: #666;
  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: #e3042c;
  font-weight: 700;
  text-decoration: none;
}

a:hover {
  border-bottom: 0;
  color: #e3042c;
  text-decoration: underline;
}

#consumerMenu a#calendarLink {
  padding-left: -12px
}

#consumerMenu a {
  color: #000;
  text-transform: capitalize;
}

#consumerMenu a:hover {
  border-bottom: 0;
  color: #e3042c;
  text-decoration: underline;
}

.content {
  border: 0
}

th,
td,
pre,
code {
  background-color: white;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 8.5pt;
}

th {
  background-color: #FFF;
  background-image: none;
  color: #333;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  line-height: 14pt;
  padding: 2pt 6pt;
  text-transform: uppercase;
}

tr.subHead td,
td.subhead,
th.subhead,
.list th.subhead,
div.subHead,
tr.subhead td,
td.subHead,
th.subHead,
tr.Subhead {
  background-color: #e3042c;
  background-image: none;
  border-color: #e3042c;
  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: #FFF
}

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

select {
  border: 1px solid #999;
  font-family: sans-serif;
}

.calendar {
  background-color: #ccc
}

.calendar td.dayHeader {
  background-color: #999;
  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: .3;
}

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

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

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

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

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

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

.perfCustom {
  padding-left: 0
}

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

caption,
.divider {
  border-bottom: 1px solid #000;
  color: #000;
  font-size: 8.5pt;
  font-weight: bold;
  padding: 1px;
  text-align: left;
  white-space: nowrap;
}

.description {
  background-color: #c5c5c5;
  background-image: none;
  font-size: 8.5pt;
  padding: 6pt 6pt 6pt 12pt;
  text-align: left;
}

.description .seriesName {
  font-size: 10pt;
  font-weight: bold;
}

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

.description b {
  color: #000
}

.submit,
.cancelSubmit,
a.dayNav {
  background-color: #e3042c;
  border: 1px outset #e3042c;
  color: white;
  cursor: pointer;
  font-size: 8pt;
  font-weight: bold;
  margin: 1px;
  padding: 2px;
}

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

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

.reference {
  background-color: #fafafa
}

.reference table td {
  background-color: #fafafa
}

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

.cartInstructions {
  font-size: 8pt;
  margin-left: 9px;
  text-align: left;
}

#cartForm>table {
  margin-left: 10px
}

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

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

#pageMask {
  height: 100%!important
}

#storeForm>table {
  margin-left: 9px
}

#storeForm>table>tbody>tr>td>table>tbody>tr>th {
  background-color: #000;
  color: white;
  font-size: 7pt;
  padding: 0;
  text-align: center;
}

#storeForm>table>tbody>tr>th {
  padding-left: 0
}

#campaignId {
  font-size: 11pt;
  font-weight: bold;
}

form[name="checkoutForm"]>.content>tbody>tr>th {
  padding-left: 0;
  text-align: left;
}

form[name="checkoutForm"]>.content>tbody>tr>td.divider {
  font-size: 7pt
}

form[name="checkoutForm"]>.content>tbody>tr>td.divider>b {
  font-size: 9pt
}

.shoppingCartFixedPackage {
  border: 1px solid #000
}

.shoppingCartFixedPackage td.description {
  background-color: #fafafa
}

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

.shoppingCartFixedPackage th {
  background-color: #000;
  color: #FFF;
  font-size: 8.5pt;
}

form input.focus,
form textarea.focus {
  border: 1px solid #e3042c
}

label:hover {
  color: #7f001a
}

#viewBySeries>center>table.perfList {
  margin-left: 6px
}

#viewBySeries>center>table.perfList>tbody>tr.sortNoteContainer>td.sortNote {
  font-size: 7pt!important;
  padding-left: 0;
  text-align: left;
}

#viewBySeries .perfList td {
  font-size: 8.5pt;
  text-align: left!important;
}

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

.sortHeaders td>a[href="/trs/series/2301/supertitle"] {
  display: none;
  padding: 0;
}

.sortHeaders td>a[href="/trs/series/2301/venue"] {
  margin-left: 15px
}

.perfList .dates {
  font-size: 7pt!important;
  padding-left: 2px;
  text-align: left;
  width: 95px;
}

.perfList>tbody>tr>td.super>div.calendarProd0,
.perfList>tbody>tr>td.super>div.calendarProd1,
.perfList>tbody>tr>td.super>div.calendarProd2,
.perfList>tbody>tr>td.super>div.calendarProd3,
.perfList>tbody>tr>td.super>div.calendarProd4,
.perfList>tbody>tr>td.super>div.calendarProd5,
.perfList>tbody>tr>td.super>div.calendarProd6,
.perfList>tbody>tr>td.super>div.calendarProd7,
.perfList>tbody>tr>td.super>div.calendarProd8,
.perfList>tbody>tr>td.super>div.calendarProd9 {
  margin: 0
}

.perfList>tbody>tr>td.super>div>a {
  display: none
}

.perfList .series {
  font-size: 13px;
  width: 200px;
}

.perfList .series>a {
  font-size: 8pt!important
}

.perfList .subtitle a {
  font-size: 7pt;
  font-weight: normal;
}

.perfList .venue>div {
  font-size: 7pt
}

.perfList .buy {
  width: 50px
}

.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-weight: bold
}

td.prodLeft {
  text-align: left!important
}

#formCheckout>table.content {
  margin-left: 10px
}

#formCheckout>table.content>tbody>tr>td>table>tbody>tr>th {
  padding-left: 0;
  padding-right: 125px;
}

#formCheckout th.smalltype {
  background-color: #666;
  color: #FFF;
  font-family: Arial,Helvetica,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
}

h1 {
  color: #000;
  font-size: 16pt;
}

.calendarDaySelect {
  background-color: ;
  font-size: 12pt;
}

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

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

.stage-label.above-chart {
    border-bottom: 2px solid #999;
    color: #999;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1em;
    background-color: #E0E0E0;
    margin: 10px auto 20px;
    width: 65%;
    padding: 15px 0 20px 50px;
    border-radius: 0 0 15px 15px;
    box-shadow: 2px 2px 2px #EEE;
}