@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html {
  font-family: "Open Sans", sans-serif;
  font-size: smaller;
}

body {
  background-image: none;
  background-color: #fff;
  color: #595252
	margin:0;
  padding: 0;
}

#consumerMenu {
  background-color: #fff;
  border: 2px solid #fff;
  padding:;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

#consumerMenu a {
  border-bottom: none;
  color: #ff0000;
  font-size: 14px;
}

#consumerMenu a:hover {
  color: #000;
}

.pageFrame {
  background-color: transparent;
  background-image: none;
  border: medium none;
  padding: 4px;
}

.legend {
  background-color:;
  max-width: 400px;
}

.smalltype {
  font-size: 8pt;
  font-weight: normal;
}

.tinytype {
  color: #000;
  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: 0px solid #CCCCCC;
  color: #FF0000;
  font-weight: 700;
  text-decoration: none;
  font-size: 12px;
}

a:hover {
  color: #cccccc;
  text-decoration: underline solid #cccccc;
}

.content {
  border: 1px solid #ffffff;
  width: 85%;
}

th, td, pre, code {
  font-size: 12px;
  background-color: white;
}

th {
  background-color: #fff;
  color: #FF0000;
  padding: 2pt 6pt;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 0px;
  word-spacing: 0px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 20px;
}

tr.subHead td, td.subhead, th.subhead, .list th.subhead, div.subHead, tr.subhead td, td.subHead, th.subHead, tr.Subhead {
  background-color: #ff0000;
  background-image: none;
  border-color: #ff0000;
  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;
  border-bottom: none;
}

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: #666;
}

.calendarMonthSelect, .calendarMonthSelect option {
  background-color: #fff;
  color: #666;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
}

select {
  border: 1px solid #999999;
  font-family: sans-serif;
}

.calendar {
  background-color: #CCCCCC;
}

.calendar td.dayHeader {
  background-color: #aaa;
  color: #fff;
}

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: #FF3300;
  border: 1px solid #FF3300;
}

.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;
  line-height: 100%;
  font-weight: normal;
}

.calendarProd .prodName {
  border-bottom: 0px solid #666666;
  color: #000;
  font-weight: bold;
  font-size: 11px;
  width: 75%;
}

.calendar>tbody>tr>td.date>div.calendarProd>div.prodName>br {
  display: none;
}

.calendar .perf, .calendar .perfCustom, .calendar .perfOffsale2Public, .calendar .perfSoldOut, .calendar .perfCancelled, .calendar .perfProtected, .calendar .perfPast, .calendar .perfBoxOfficeOnly, .calendar .perfPackageOnly {
  font-size: 11px;
}

.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: #ccc;
  background-image: none;
  padding: 6pt 6pt 6pt 12pt;
  text-align: left;
}

.description b {
  color: #ff3300;
}

.description a {
}

.description a:hover {
}

.description .tip {
  background-color:;
  border: 1px outset;
}

.submit, .cancelSubmit, a.dayNav {
  background-color: #F00000;
  border: 1px outset #F00000;
  color: white;
  cursor: pointer;
  font-weight: bold;
  margin: 1px;
  padding: 2px;
}

.submit:hover, .cancelSubmit:hover, a.dayNav:hover {
  text-decoration: none;
  background-color: #F00000;
  border: 1px outset #F00000;
}

.promoCode .submit {
  background-color: #F00000;
  border: 1px outset #F00000;
  font-weight: normal;
  padding: 1px;
  color: #FFF;
}

.promoCode .submit:hover {
}

.reference {
  background-color: #F3F3F3;
}

.reference table td {
  background-color: #F3F3F3;
}

.promoCode td {
  background-color: #F3F3F3;
  padding: 1px;
}

.liTitle {
  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;
  color: #666;
  font-size: 11px;
  border-bottom: 1px solid #666;
  text-align: center;
}

#storeForm tr.subHead>td {
}

#campaignId {
  font-size: 13px;
  font-weight: bold;
}

form input.focus, form textarea.focus {
  border:;
}

form .seatingChart {
}

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: #000;
}

.shoppingCartFixedPackage {
}

.shoppingCartFixedPackage th {
}

.shoppingCartFixedPackage td.description {
  background-color: #ddd;
}

.shoppingCartFixedPackage tr.subHead>td {
  background-color: #666;
  border: 1px outset #666;
  padding-top: 0;
  padding-bottom: 0;
  color: #FFF;
  font-family: Arial,Helvetica,sans-serif;
}

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:;
}

.sortHeaders td {
  background-color:;
}

.perfList .dates {
  width: 85px;
  text-align: left;
  font-size: 11px;
}

.perfList .series {
  font-size: 12px;
  width: 300px;
}

.perfList .buy {
  width: 70px;
  font-size: 11px;
}

.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;
  font-size: 13px;
}

td.prodLeft {
  text-align: left;
}

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;
  text-transform: lowercase;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Arial,Helvetica,sans-serif;
}

#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 {
  background-color:;
  font-size: 17px;
}

.description .seriesName {
  font-size: 15px;
  font-weight: bold;
}

table.content>tbody>tr>td.smalltype>a[style="font-size: 200%;"] {
  font-size: 20px !important;
}

.row0 td, .even td {
  background-color:;
}

.pageFrame>form[name="consumerForm"]>table>tbody>tr>td>table>tbody>tr>td[align="right"] {
  width: 170px;
}

.valet-addon {
  font-size: 12pt;
  width: 50%;
  text-align: left;
  border: 2px solid #999900;
  padding: 6pt 8pt;
  margin: 12pt auto;
  background-color: #FFD;
  box-shadow: 3px 3px 3px #999;
}

.valet-addon a {
  font-size: 12pt;
}

.seatingChart td.nonseat, .seatingChart td.nonseat:hover, .seatingChart td.voidSeat, .seatingChart td.voidSeat:hover {
  border: 0;
  cursor: auto;
  background: transparent;
}



.ticketSelectionDiv.sectionId-1173578 #seatingChartSelector {
  background-image: url(https://ovationtix.s3.amazonaws.com/clientFiles/403/NewSpruceTheatre-stageind.png);
  background-position: 250px 20px;
  background-repeat: no-repeat;
}

.ticketSelectionDiv.sectionId-1173159 #seatingChartSelector {
  background-image: url(https://ovationtix.s3.amazonaws.com/clientFiles/403/RGStageInd_012418.png);
  background-position: 275px 155px;
  background-repeat: no-repeat;
}

.ticketSelectionDiv.sectionId-1099189 #seatingChartSelector {
  background-image: url(https://ovationtix.s3.amazonaws.com/clientFiles/403/RGStageInd_012418.png);
  background-position: 125px 175px;
  background-repeat: no-repeat;
}

.ticketSelectionDiv.sectionId-1099191 #seatingChartSelector {
  background: url(https://ovationtix.s3.amazonaws.com/clientFiles/403/RGStageInd_012418.png);
  background-position: 135px 210px;
  background-repeat: no-repeat;
}


.ticketSelectionDiv.sectionId-1100211 #seatingChartSelector {
  background: url(https://ovationtix.s3.amazonaws.com/clientFiles/403/RGStageInd_012418.png);
  background-position: -10px 175px;
  background-repeat: no-repeat;
}


.ticketSelectionDiv.sectionId-1099196 #seatingChartSelector {
  background: url(https://ovationtix.s3.amazonaws.com/clientFiles/403/RGStageInd_012418.png);
  background-position: 75px 60px;
  background-repeat: no-repeat;
}

.ticketSelectionDiv.sectionId-1099175 #seatingChartSelector {
  background: url(https://ovationtix.s3.amazonaws.com/clientFiles/403/epb_stageindicator.png);
  background-position: 100px 85px;
  background-repeat: no-repeat;
}

.ticketSelectionDiv.sectionId-1099176 #seatingChartSelector {
  background: url(https://ovationtix.s3.amazonaws.com/clientFiles/403/epb_stageindicator.png);
  background-position: -50px 85px;
  background-repeat: no-repeat;
}


.ticketSelectionDiv.sectionId-1117021 #seatingChartSelector {
  background: url(https://ovationtix.s3.amazonaws.com/clientFiles/403/stageplaced.png);
  background-position: ;
  background-repeat: no-repeat;
}


.ticketSelectionDiv.sectionId-1117992 #seatingChartSelector {
  background: url(https://ovationtix.s3.amazonaws.com/clientFiles/403/stageplaced3.png);
  background-position: 0px 55px;
  background-repeat: no-repeat;
}

div.prodName.prodNameLayout {
  font-size: 20px;
}

b {
  font-size: 17px;
}



.ticketSelectionDiv.sectionId-1118848 #seatingChartSelector {
  border-spacing: 1px;
  background: transparent url(https://ovationtix.s3.amazonaws.com/clientFiles/403/saco2018-rg19bg.png) no-repeat scroll center top;
}

.ticketSelectionDiv.sectionId-1138614 #seatingChartSelector {
  background-position: 50px 55px;
  background: transparent url(https://ovationtix.s3.amazonaws.com/clientFiles/403/RomanGarden2020Indicator-cropped.png) no-repeat scroll center;
}

.ticketSelectionDiv.sectionId-1139252 #seatingChartSelector {
  background-position: 0px 0px;
  background: transparent url(https://ovationtix.s3.amazonaws.com/clientFiles/403/TPPProsceniumIndicator-resize.png) no-repeat scroll top;
}

.ticketSelectionDiv.sectionId-1139256 #seatingChartSelector {
  background-position: 0px 0px;
  background: transparent url(https://ovationtix.s3.amazonaws.com/clientFiles/403/TPPProsceniumIndicator-resize.png) no-repeat scroll top;
}

.ticketSelectionDiv.sectionId-1118848 #seatingChartSelector > tbody > tr > td,
.ticketSelectionDiv.sectionId-1118848 #seatingChartSelector > tbody > tr > td > * {
  width: 10px;
  height: 10px;
}