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

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

#consumerMenu {
  background-color: #152549;
  border: 2px solid #fff;
  padding: 4px 4px 6px;
  text-align: center;
  text-transform: uppercase;
  width: 97%;
}

#consumerMenu a {
  border-bottom: none;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  padding: 0 8px;
  white-space: nowrap;
}

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

.manualPickPT .mainDiv .ticketPickTitle,
.systemPickPT .mainDiv .ticketPickTitle {
  color: #152549;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 5px;
  text-transform: uppercase;
}

.pageFrame {
  background-color: transparent;
  background-image: none;
  border: medium none;
  padding: 0px;
  width: 98%;
}

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

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

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

.tinytype {
  color: #333333;
  font-size: 7pt;
  font-weight: inherit;
}

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

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

a {
  border-bottom: none;
  color: #152549;
  font-size: 12px;
  font-weight: bold;
}

a:hover {
  border-bottom: none;
  color: #333333;
  text-decoration: underline;
}

#allSectionsUrl:hover {
  border-bottom: 0!important
}

#allSectionsUrl + b {
  display: inline-block !important;
  width: 70%;
  text-align: center;
}

.content {
  border: 1px solid #333333
}

th,
td,
pre,
code {
  background-color: #FFFFFF;
  font-size: 12px;
}

th {
  background-color: #152549;
  background-image: none;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0px;
  padding: 8pt 8pt;
  text-align: center;
  text-transform: uppercase;
  word-spacing: 0px;
}

tr.subHead td,
td.subhead,
th.subhead,
.list th.subhead,
div.subHead,
tr.subhead td,
td.subHead,
th.subHead,
tr.Subhead {
  background-color: #152549;
  background-image: none;
  border-color: #152549;
  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 {
  border-bottom: none;
  color: white;
  font-size: 11px;
  text-transform: uppercase;
}

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 {
  border-bottom: solid 1px #FFFFFF;
  color: #FFFFFF;
  text-decoration: none;
}

.calendarMonthSelect {
  border-color: #152549
}

.calendarMonthSelect,
.calendarMonthSelect option {
  background-color: #FFFFFF;
  color: #152549;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

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

.calendar {
  background-color: #CCCCCC
}

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

.calendar td.dayHeader {
  background-color: #ffffff;
  color: #152549;
  font-size: 11px;
  text-transform: uppercase;
}

.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: #152549;
  border: 1px solid #152549;
}

.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: #000066;
  font-size: 11px;
  font-weight: bold;
}

.perfCustom {
  padding-left: 0px
}

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

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

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

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

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

.description a {

}

.description a:hover {

}

.description b {
  color: #152549
}

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

.promoCode .submit:hover {

}

.reference {
  background-color: #cccccc
}

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

.promoCode td {
  background-color: #cccccc;
  padding: 3px;
}

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

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

#pageMask {
  height: 100%!important
}

.dialogWindow {

}

#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: #152549
}

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

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

}

form[name="checkoutForm"] > .content > tbody > tr > td.divider > b {
  color: #152549;
  text-transform: uppercase;
}

.shoppingCartFixedPackage {
  border-color: #CCC;
}

.shoppingCartFixedPackage tr.subHead > td {
  background-color: #FFF;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 0px;
  border-right: 0px;
  color: #666;
  font-family: Century Gothic, Arial,Helvetica,sans-serif;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
  font-size: 6pt;
}

.shoppingCartFixedPackage td.description {
  display: none;
}

.shoppingCartFixedPackage th {
  background-color: transparent;
  color: #152549;
  text-transform: capitalize;
  font-size: 10pt;
  padding: 2pt;
}

.shoppingCartFixedPackage th .smalltype {
  text-transform: lowercase;
  font-weight: normal;
}

.shoppingCartFixedPackage tr.subHead ~ tr > td {
  font-size: 7pt;
  background-color: #CCC;
  color: #666;
}

label:hover {
  color: #73CDE1
}

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

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

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

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

.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 {
  text-align: left
}

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

#formCheckout th.smalltype {
  background-color: #FFF;
  border-bottom: 1px solid #152549;
  color: #000;
  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
}

.calendarDaySelect {
  font-size: 17px
}

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

.row0 td,
form[name='checkoutForm'] th {
  font-size: 14px;
  padding: 3pt 6pt;
}

.inCart {
  margin-bottom: 15px
}

.terms > td > span.smalltype {
  background-color: #D1DAEF;
  border-radius: 4px;
  padding: 4px 10px;
}

a.returnToPerf {
  margin-right: 6px;
  padding: 3.5px;
}

a.returnToPerf:hover {
  color: #FFF
}

.blockTitlePT {
  padding-bottom: 0!important
}

.blockTitlePTLayout .productionlogoLayout {
  padding-bottom: 14px
}

.blockTitlePTLayout .shortSummaryLayout {
  border-right: 1px solid #DDD;
  min-width: 150px!important;
  padding-left: 8px!important;
  padding-top: 10px!important;
  vertical-align: top!important;
}

.packageLoginDivPT {
  border-right: 1px solid #DDD;
  padding-bottom: 0;
}

.packageLoginTitleDiv {
  font-size: 11px;
  white-space: nowrap;
}

.submit,
.cancelSubmit,
a.dayNav,
.packageLoginTitleDiv > a {
  background-color: #333333;
  border: 2px outset #333333;
  color: white;
  cursor: pointer;
  font-weight: bold;
  margin: 1px;
  padding: 2px;
  white-space: nowrap;
}

.submit:hover,
.cancelSubmit:hover,
a.dayNav:hover,
.packageLoginTitleDiv > a:hover {
  background-color: #333333;
  border: 2px outset #333333;
  text-decoration: none;
}

.packageLoginDiv {
  margin-bottom: 0;
  width: 300px;
}

.packageLoginDiv input[type="text"],
.packageLoginDiv input[type="password"] {
  font-size: 12px!important;
  margin: 1px auto;
  padding: 2px;
}

.packageLoginDiv input:focus {
  box-shadow: 0px 0px 2px #152549
}

.packageLoginDiv hr {
  margin-bottom: 6px;
  margin-top: 2px;
}

.labelDiv {
  font-size: 11px;
  width: 140px;
}

.labelDiv + .inputDataDiv {
  vertical-align: middle
}

.promoDivPTLayout .promoDialogLayout {
  width: 190px
}

.promoDivPT {
  padding-top: 10px
}

.promoDivPT,
.promoDivPT > div,
#promoDialog {
  max-width: 200px
}

.promoDialogSubDiv {
  margin-bottom: 0!important;
  margin-left: 0!important;
  margin-right: 0!important;
}

input#promotionalCode {
  width: 120px!important
}

.ticketSelectionDiv .seatingChart td {
  font-size: 11px;
  font-weight: bold;
  height: 8px;
  width: 8px;
}

.ticketSelectionDiv .seatingChart td.nonseat.unselectable {
  background-color: transparent
}

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

.ticketSelectionDiv.sectionId-1072613 #seatingChartSelector {
  background-image: url(https://ovationtix.s3.amazonaws.com/clientFiles/34787/StMary.gif);
  background-position: 15px 0px;
  background-repeat: no-repeat;
}

.ticketSelectionDiv.sectionId-1072607 #seatingChartSelector {
  background-image: url(https://ovationtix.s3.amazonaws.com/clientFiles/34787/MillerOrch.gif);
  background-position: 28px 0px;
  background-repeat: no-repeat;
}

.ticketSelectionDiv.sectionId-1072611 #seatingChartSelector {
  background-image: url(https://ovationtix.s3.amazonaws.com/clientFiles/34787/MillerBalc.gif);
  background-position: 15px -1px;
  background-repeat: no-repeat;
}

.ticketSelectionDiv.sectionId-1072615 #seatingChartSelector {
  background-image: url(https://ovationtix.s3.amazonaws.com/clientFiles/34787/150orch.gif);
  background-position: 20px 1px;
  background-repeat: no-repeat;
}

.ticketSelectionDiv.sectionId-1072655 #seatingChartSelector {
  background-image: url(https://ovationtix.s3.amazonaws.com/clientFiles/34787/150balc.gif);
  background-position: 16px 0px;
  background-repeat: no-repeat;
}

.seatingChart.specialchart .nonseat {
  background-color: transparent !important
}