body {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	line-height: 2em;
	background: #000000;
	color: #ffffff;  /* Text color */
}

body table{
	    margin-bottom: 15px;
		background: #1e1e1e; /* Old browsers */
		background: -moz-linear-gradient(top, #1e1e1e 0%, #2e2e2e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #1e1e1e 0%,#2e2e2e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #1e1e1e 0%,#2e2e2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-9 */
    }
	
/* Logo Bar*/
body img{
padding-bottom: 5px;
padding-top: 5px;
height:150px;
display: block;  /* Center the logo */
margin-left: auto; /* Center the logo */
margin-right: auto /* Center the logo */
}	

a{
	text-decoration: none;
	color: #FFEE00; 
	text-transform: uppercase; 
}

a:link {
display: inline-block; 
background-color: #262626;  
text-align: center; 
padding: 2px 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
margin: 0px 10px 6px 0px; 
position: relative;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}

a:visited {
opacity: 1.0;
background-color: #FBA577;
color:#333;
-webkit-transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
transition: all 0.1s linear 0s;
}

a:hover {
background-color: #b40000;  
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}

a:active {
    color: blue;
}

/*Prevent Credit Card Logos from being Stretched*/
body tr td tr td form tr td img {
	width:auto;
	height:auto;
	display:block;
	padding:0px !important;
	background-color: transparent !important;
	
	}
	
/*RTS Styles*/


.theatre {
	font-size:1.1em;
	font-weight:bold;
}

#navHeader {
background: grey;
}

#navHeader ul {
 padding: 0;
 margin: 0;
 display: block;
 list-style-type: none;
}


.instructions {
 text-align: center;
 font-weight: bold;
 width: 100%;
 margin: 0 auto;
 padding: 20px;
}

div.navigation {
 clear: both;
 margin: 0 auto 0 auto;
 width: 100%;
 overflow: auto;
}

p.previous {
 float: left;
}

p.next {
 float: right;
}

p.instructions {
 color: #FF0000;
}

p.error {
 color: #FF0000;
 text-align: center;
 width: 90%;
}

p.status {
 color: #008000;
 text-align: center;
 width: 90%;
}

.tos {
 color: #FFFFFF;
 text-align: center;
}

/* Modified 07/01/2017 - RD Crocker - Added "color: black;" */
.ticket_info_table {
 border: solid 1px black;
 color: black;
 margin: 10px;
 border-collapse: collapse;
}
/* Modified 07/01/2017 - RD Crocker - Added "color: black;" */
.ticket_info_table th {
 border: solid 1px black;
 color: black;
 background: lightgrey;
}
/* Modified 07/01/2017 - RD Crocker - Added "color: black;" */
.ticket_info_table td {
 border: solid 1px black;
 color: black;
 background: white;
}

.hide {
  display: none;
}

.show {
  display: block;
}

/* Print-at-Home Ticket */
#printTicketContent {
  width: 800px;
  margin: 0 auto 0 auto;
}

.contentSection {
  border: solid 1px black;
  padding-bottom: 15px;
  width: 100%;
  background: white;
}

.contentHeader {
  background: black;
  color: white;
  font-size: 125%;
  padding: 5px;
}

.transInfo {
  display: inline-block;
  padding: 10px;
  width: 65%;
}

.transInfoLabel, .ticketInfoLabel {
  display: inline-block;
  text-align: right;
  font-weight: normal;
  width: 130px;
  margin-right: 10px;
  color: #000000;
}

.transInfoData, .ticketInfoData {
  display: inline-block;
  text-align: left;
  width: 50%;
  font-weight: bold;
  color: #000000;
}

.transBarcode {
  display: inline-block;
  padding: 10px;
  display: none;
  color: #000000;
}


#qrCode {
  /*   display: table-cell; */
  display: none;
}

#upcCode {
  display: table-cell;
}

.printTicket {
  position: relative;
  display: inline-block;
  border: solid 1px black;
  margin-top: 10px;
  height: 200px;
  width: 100%;
  background: white;
  color: black;
}

.printTicketHeaderLeft {
  float: left;
  background: black;
  color: white;
  -moz-transform:rotate(270deg);
  -webkit-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  transform:rotate(270deg);
  transform-origin: top left;
  width: 199px;
  text-align: center;
  margin-top: 199px;
  padding: 5px;
  font-size: 125%;
}

.printTicketHeaderRight {
  position: absolute;
  right: 0;
  top: 0;
  background: black;
  color: white;
  -moz-transform:rotate(270deg);
  -webkit-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  transform:rotate(270deg);
  transform-origin: top right;
  width: 199px;
  text-align: center;
  padding: 5px;
  font-size: 125%;
  margin-right: 30px;
}

.showInfo {
  float: left;
  border-right: dashed 1px black;
  text-align: center;
  height: 199px;
  padding: 0 5px 0 5px;
  margin-left: -130px;
  width: 50%;
  color: black;
}

.showInfo span {
   display: inline-block;
   height: 20%;
   color: black;
}

.showInfoTheatre {
  font-weight: bold;
  color: black;
}

.showInfoTitle {
  font-weight: bold;
  font-size: 150%;
  color: black;
}

.showInfoTime {
  font-weight: bold;
  font-size: 125%;
  color: black;
}

.showInfoTicket {
  font-weight: bold;
  color: black;
}

.pickupInfo {
  float: left;
  -moz-transform:rotate(270deg);
  -webkit-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  transform:rotate(270deg);
  transform-origin: 0 0;
  text-align: center;
  margin: 199px 0 0 0;
  width: 199px;
  font-weight: bold;
  color: black;
}

.pickupBarcode { /*edited back in by SRC 11/7/2018 was set to display:none*/
 float: left;
 margin-left: -105px;
 width: 25%; 
}


.pickupBarcode img {
  display: block;
  margin: 10px auto;
  height: 40%;
  max-width: 100%;
  color: black;
}
body tr td tr td form tr td img {
	height: auto;
	width: auto;
}/* Default CC Images Styling */

#ccImages {
   white-space: nowrap;
}

#ccImages > img {
   width: 50px;
   margin-right: 5px;
   display: inline;
}
html {
 box-sizing: border-box;
}

*, *:before, *:after {
 box-sizing: inherit;
}

#wrapper {
 float: left;
 padding: 0;
 overflow: none;
 margin: 0 auto;
}

#background {
 position: relative;
 margin: auto auto;
 overflow: none;
}

#seatingChart {
 position: relative;
 overflow: auto;
 border: 2px solid black;
 margin: 0 auto;
}

#screenLegend {
 width: 100%;
}

#screenLegendImage {
 width: 100%;
 padding: 0;
 margin: 0;
}

#screenIndicator {
 position: relative;
 overflow: auto;
 border: 2px solid black;
 margin: 0 auto;
 background-color: black;
 color: white;
 text-align: center;
}

.seatingRow {
 clear: both;
}

.seatDesc {
}

.seat {
 height: 100%;
 width: 100%;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 background: white;
}

.OverlayTransparent {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: transparent;
 display: table;
}

.OverlayNone {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0);
 display: table;
}

.OverlaySold {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(255,0,0,0.5);
 display: table;
}

.OverlaySelected {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(255,255,0,0.5);
 display: table;
}

.OverlayViolation {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(51,204,255,0.5);
 display: table;
}

.seatLabel {
 font-weight: bold;
 text-align: center;
 display: table-cell;
 vertical-align: middle;
}

#ticketPickWrapper {
 width: 90%;
 margin: 10px auto;
}

#ticketPicker {
 margin: 20px auto;
}

#ticketPicker table {
 border-collapse: collapse;
 border: 1px solid black;
 margin: 0 auto;
}

#ticketPicker table th,td {
 padding: 10px;
 font-weight: bold;
}

#seatNavWrapper, #ticketNavWrapper {
 margin: 0 auto;
 overflow: none;
}

#seatNavigation, #ticketNavigation {
 margin: 10px auto;
 display: table;
}

.backButton {
 padding: 5px;
 font-weight: bold;
 margin-right: 10px;
}

.nextButton {
 padding: 5px;
 font-weight: bold;
}

.instructions {
 text-align: center;
 font-weight: bold;
 width: 100%;
 margin: 0 auto;
 padding: 20px;
}
/* Default Display Amenities Styling */

.showings_group {
	margin-left: 15px;
	margin-top: 10px;
}

.show_amenities {
	padding: 0;
	margin: 0;
}

.show_amenity_promoted {
	vertical-align: top;
	display: inline-block;
	background-color: lightgray;
	border-radius: 5px;
	padding: 5px;
	height: 30px;
	margin-right: 4px;
}

.show_amenity {
	vertical-align: top;
	display: inline-block;
	background-color: lightgray;
	border-radius: 5px;
	padding: 5px;
	height: 30px;
	margin-right: 4px;
}

.amenity_image_promoted {
	height: 20px;
	margin-right: 5px;
	vertical-align: top;
}

.amenity_image {
	height: 20px;
	margin-right: 5px;
	vertical-align: top;
}

.amenity_title {
	display: inline;
	vertical-align: top;
}

.showings {
	margin: 5px 10px;
	width: 60%;
}

hr {
	width: 30%;
	margin-left: 0;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltip_text {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltip_text::after {
    content: ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltip_text {
    visibility: visible;
}
.bufferSVG { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: table; }