.ticketButton {float:left; padding-right:50px; cursor: pointer; }

.ticketButtoncontinue {float:left; padding-right:50px; cursor: pointer; margin-top:10px;}

.ticketButtoncontinue a {
  background: #1B8BCA;
	font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;

}

.ticketButtoncontinue a:hover {
  background: #0b610e;
  background-image: -webkit-linear-gradient(top, #0b610e, #00ab28);
  background-image: -moz-linear-gradient(top, #0b610e, #00ab28);
  background-image: -ms-linear-gradient(top, #0b610e, #00ab28);
  background-image: -o-linear-gradient(top, #0b610e, #00ab28);
  background-image: linear-gradient(to bottom, #0b610e, #00ab28);
  text-decoration: none;
}

.ticketButtoncancel {
	float:left; padding-right:50px; cursor: pointer; margin-top:10px;
}

.ticketButtoncancel a {
	width:220px;
  background: #ce2424;

  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.ticketButtoncancel a:hover {
  background: #f70a0a;
  background-image: -webkit-linear-gradient(top, #f70a0a, #ab002b);
  background-image: -moz-linear-gradient(top, #f70a0a, #ab002b);
  background-image: -ms-linear-gradient(top, #f70a0a, #ab002b);
  background-image: -o-linear-gradient(top, #f70a0a, #ab002b);
  background-image: linear-gradient(to bottom, #f70a0a, #ab002b);
  text-decoration: none;
}

.OLCT_purchaseProgress{margin-top:-40px; padding-right:10px; font-size:17px;}
.OLCT_activePurchaseProgress{float:right; color:#fff;}
.OLCT_inactivePurchaseProgress{float:right; color:#fff}
.OLCT_currentPurchaseProgress{text-decoration:underline;}
.OLCT_activeSeperatorPurchaseProgress{float:right;padding-left:10px;padding-right:10px; color:#fff;}
.OLCT_inactiveSeperatorPurchaseProgress{float:right;padding-left:10px;padding-right:10px; color:#fff}

.OLCT_DetailsPlayTrailer{position:absolute; margin-left:-239px; margin-top:3px;	width:226px;}

.OLCT_paymentSection input, textarea, select, option {
    background: #FAFAFA;
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
}

form#renewForm #submit, form#logoutForm #submit, form#schemeForm #submit, form#passForm #submit, form#refreshForm #submit, .accountLink {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  background-color: #1C8BCB;
  border: 1px solid #1C8BCB;
  border-radius: 0px;
  color: #FFFFFF;
  font-weight: bold;
  padding:3px 5px;
  cursor: pointer;
  text-decoration: none;
}


.OLCT_paymentSection input:focus, textarea:focus, select:focus, option:focus {
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    border:1px solid rgba(0,0,255, 0.8);
}

.payAlert {color:#ff0000; font-size:14px; font-weight:bold;}

.payNote {color:#000;font-size:12px}

.OLCT_soldOutTime {color:#ff0000; font-weight:bold;}

.OLCT_eventSubtitleIcon {
float:right; border:0px;
margin-left:10px;
}

.OLCT_event3DIcon {
float:right; border:0px;
}

.OLCT_paymentProcess {
}

.OLCT_paymentProcess table{
	margin-top: 200px;
	/*width: 450px;*/
  width:100%;
  max-width: 450px;
	background: #fff;
	border: 1px solid #333;
  margin: auto;
}

.OLCT_paymentProcess th, .OLCT_paymentProcess td{
	padding:10px;
}

.OLCT_paymentProcessTime {
}

#OLCT_seatPlan {
  background-color: #E9E9E9;
  border-bottom:4px solid #1B8BCA;
  padding: 0px;
  margin-bottom: 10px;
  color:#000;
}
#OLCT_seatPlan .frontRow  {
  text-transform: uppercase;
  line-height: 2em;
}
#OLCT_seatPlan .screen {
  background:#000;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  height:30px;
  line-height: 30px;
  width:auto;
  margin:auto 10px auto 10px;
}
.OLCT_SelectSeatButton {
  width:200px;
  display:block;
  text-align:center;
  margin-bottom:10px;
  margin:auto;
}
.OLCT_SelectSeatButton p {
  margin:0px;
  padding-top:5px;
  color:#fff;
}
.OLCT_SelectSeatButton a {
	background: #1B8BCA;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 0px 5px 0px;
  text-decoration: none;
}

.OLCT_SelectSeatButton a:hover {
	background: #3cb0fd;
  text-decoration: none;
}

.OLCT_paymentSection {background-color: #E9E9E9; 	border-bottom: 4px solid #1B8BCA;	padding: 10px; margin-bottom: 10px; color:#000;}
.OLCT_paymentSection h3 {color:#000;}
.OLCT_paymentItem {clear:both; padding-left:20px; padding-bottom:5px; width:auto; margin-top:5px;}
.OLCT_paymentItem label{float:left; width:300px; padding-top:4px; text-align:left}


.OLCT_successSection {border: 1px solid #1c0477;	padding: 10px; margin-bottom: 10px;}
.OLCT_successSection li {margin-left:20px;margin-top:10px}

.OLCT_formButtons {clear:both}
.OLCT_ticketSection {
	background:#E9E9E9;
	border-bottom:4px solid #1B8BCA;
	padding: 10px;
	margin-bottom: 10px;
	color:#000;
  text-align: center;
}
.OLCT_ticketItem {clear:both;width:auto}
.OLCT_ticketItem select{float:left; width:100px}
.OLCT_ticketItem label{float:left; width:auto; padding-left:10px; padding-top:4px; text-align:left}


.OLCT_movieTimesContainer {
}

.OLCT_movieTimesInfo {
	width: 610px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 10px;
}

.OLCT_movieTimesInfo img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.OLCT_movieTimesInfo h3 {
	color:#000;
}

.OLCT_movieTimesInfo h3 a {
	color:#000;
	font-size: 18px;
	font-weight: normal;
}

.OLCT_movieTimesInfo p {
	margin: 0 0 5px 0;
}

.OLCT_eventMiniImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height:160px;
}

.OLCT_ticketInfoText {
  font-weight:bold;
  font-size:16px;
}

.OLCT_pageOuterWrapper {
padding-top:10px;
padding-left:15px;
padding-right:10px;
min-height:320px;
}

.OLCT_pageOuterWrapper h2 {
	height:60px;
	background:#1B8BCA;
	text-align:left;
	color:#fff;
	font-weight:700;
	padding:0 5px;
	text-transform: uppercase;
	font-size:17px;
	margin:0px;
	line-height:60px;
}

.OLCT_selectTicketsGroupName {
  background:#1B8BCA;
	text-align:left;
	color:#fff;
	font-weight:700;
	padding:0 5px;
	text-transform: uppercase;
	font-size:17px;
	margin:0px;
	line-height:30px;
  border-bottom-color: #E9E9E9;
  border-top: 2px;
  border-top-style: solid;  
}

.OLCT_pageInnerWrapper {	 padding:5px;}

.OLCT_movieTimesInnerWrapper {
  padding-bottom:20px;
}

.OLCT_movieDetailsContainer {
  width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
	background-color: #E9E9E9;
	border-bottom:4px solid #1B8BCA;
}

.OLCT_eventLargeRating {
float:right; border:0px;
}

.OLCT_eventLargeImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width:226px;
	height:320px;
	background: #555;
	border: 1px solid #fff;
	padding: 2px;
}

.OLCT_movieDetailsContainer h3 {
	color:#000;
	font-size: 24px;
	font-weight: strong;
	margin-top:0px;
	padding-bottom:10px;
}

.OLCT_movieDetailsContainer p {
	margin: 0 0 5px 0;
}

.OLCT_movieDetailsContainer table{
margin-top:-8px;
margin-bottom:-1px;
}

.OLCT_eventWebsiteLink {
float:right; margin-top:-25px; padding-right:8px; font-size:14px;
}

.linebottom {margin-left:238px; padding-top:8px; padding-bottom:8px; height:2px; background:url(/sites/propix/images/dline.png) left repeat-x;}

.OLCT_eventWebsiteLink a {
	color:#000;
}

.OLCT_movieTimes {
	padding: 1px;
}

.OLCT_movieTimes table {
	border-collapse: collapse;
	width: 100%;
	font-size:15px;
}

.OLCT_movieTimes th, .OLCT_movieTimes td {
	border: 1px solid #fff;
	line-height: 2em;
}

.OLCT_movieTimes th {
	background:#1B8BCA;
	font-weight: normal;
	width: 170px;
	text-align: left;
	padding-left: 5px;
	color:#fff;
}

.OLCT_movieTimes td {
	background: #E9E9E9;
	text-align: center;
}

.OLCT_movieTimes td a {
	color: #000;
	display: block;
	font-weight: bold;
	text-decoration: underline;
}

.OLCT_movieTimes td a:hover {
	background: #1B8BCA;
	color: #000;
}

.OLCT_movieTimes td a.mz {
	background: #fdf9db url(/sites/propix/images/mz.gif) no-repeat 99% 1px;
	color: #666;
}

.OLCT_movieTimes td a.mz:hover {
	background: #666 url(/sites/propix/images/mz-hover.gif) no-repeat 99% 1px;
	color: #1B8BCA;
}

.alert {
    background-color: #fefed6;
    border: 1px solid #2A83B8;
    color: #2A83B8;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.OLCT_ticketSelect {
	width:auto;
	background:#ffffff;
	font-size:14px;
}

.OLCT_ticketSelectTitles {
	background:#1B8BCA;
	color:#ffffff;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	display:block;
	height:30px;
	padding:5px;
	margin-bottom:18px;
  text-align:left;
}

.OLCT_ticketSelectName {
	float:left;
	width:40%;
	margin:5px 0 5px 10px;
	display:inline-block;
	line-height:14px;
  text-align:left;
}

.OLCT_ticketSelectPrice {
	float:left;
	width:15%;
	text-align:center;
	margin:5px 0 5px 0;
	display:inline-block;
	line-height:14px;
}


.OLCT_ticketSelectSelector {
	float:left;
	width:15%;
	text-align:right;
	margin:5px 10px 5px 0;
	display:inline-block;
	line-height:14px;
}
*/

.OLCT_ticketForm {
	width:100%!important;
}

.OLCT_loginFormLabel,
.OLCT_loginFormInput {
  display:inline-block;
  margin-top:10px;
}

.OLCT_loginFormLabel {
  width:25%;
}
.OLCT_loginFormInput {
  width:70%;
}

.OLCT_loginButtons {
  display:block;
  width:50%;
  margin:10px auto;
}

/*-SOCIAL DISTANCING--------*/
.SD_wrapper {
  background-color: #EED202;
  height: 100%;
  margin: 20px 0;
}
.SD_wrapper:before, .SD_wrapper:after {
      content: '';
      position: relative;
      top: 0px;
      bottom: 0px;
      display: block;
      height: 12px;
      width: 100%;
      background: repeating-linear-gradient(
        -45deg,
        #000,
        #000 12px,
        transparent 10px,
        transparent 23px
      );
}
.SD_inner {
  padding: 15px;
  text-align: center;
}
.SD_checkboxSection {
  margin: 20px 0;
  display: table;
  table-layout: fixed;
  text-align: left;
}
.SD_label {
  display: table-cell;
}
.SD_input {
  display: table-cell;
  width: 40px;
  vertical-align: middle;
}
.SD_article {
  text-align: left;
}


@media screen and (max-width:525px) {
  .OLCT_loginFormInput,
  .OLCT_loginFormLabel {
    width:50%;
  }
}

/* movie magic classes */
.orderSummary {width:49%; float:left}
.inner{margin-left:2.5%; width:95%}
.clear {clear:both; margin-bottom:5px;}

#membership {width:49%; float:left}
#membership .movieMagicCapture {margin-bottom:10px}
#membership .mmTicketType {font-weight:bold}
#membership label {margin-left:10px; width:35%; float:left}
#membership input {width:55%; float:left}
#membership .validated {width:55%; float:left; font-weight:bold; color:blue}
#membership .status{color:red}

.seatsButton {
  display: block;
  float: left;
  cursor: pointer;
  min-width: 80px;
  padding: 10px;
  font-weight : bold;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  margin: 0 5px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.neutral {
  background-color: #DAB434;
  float: none;
  display: inline-block;
}
.positive {
  background-color: #1B8BCA;
  float: right;
}
.negative {
  background-color: #C41427;
}
.neutral:hover {
  background-color: #A68000;
}
.positive:hover {
  background-color: #005796;
}
.negative:hover {
  background-color: #9D0000;
}
@media all and (max-width: 500px) {
  .seatsButton,
  .neutral {
    display: block;
    float: none;
    width: 80%;
    margin: 0 auto 10px auto;
  }
}

.ticketButtonLeft {
  float:left;
  cursor: pointer;
}

.ticketButtonRight {
  float:right;
  cursor: pointer;
}

.OLCT_seatKey {
  width:auto;
  margin-left:auto;
  margin-right:auto;
  font-size:8px;
}
.OLCT_seatKeyName {
  font-size:12px;
}

.OLCT_seatPlanInstructions {
  display:none
}

.OLCT_seatPlanScroll {
  display:none;
  font-size:12px;
}

.OLCT_pageBanner {
  text-align:center;
}

.OLCT_keyText {
  text-align:center;
  font-size:10px;
}

.OLCT_keyImage {
  text-align:center;
}

.OLCT_seatPlanRulesError {
  font-size:12px;
  color:red;
  text-align:center;
}

.OLCT_seatPlanSeatErrorText,
.OLCT_seatPlanSeatErrorContainer {
  -webkit-transition: all 0.7s ease;                  
  -moz-transition: all 0.7s ease;                 
  -o-transition: all 0.7s ease;   
  -ms-transition: all 0.7s ease;          
  transition: all 0.7s ease;
}
.OLCT_seatPlanSeatErrorText {
  font-size:20px; 
  font-weight:Normal; 
  text-align:center;
}
.OLCT_seatPlanSeatErrorContainer {
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.termsHolder {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 10px;
}

.OLCT_resubscribeContainer {
  padding-left: 25px;
}

@media all and (max-width: 1024px) {
  .olct_pageBanner {display:none}
}

/* responsive elements */
@media all and (max-width: 620px) {
	.OLCT_inactivePurchaseProgress {display:none}
  .OLCT_inactiveSeperatorPurchaseProgress {display:none}
  .OLCT_activeSeperatorPurchaseProgress {display:none}
  .OLCT_activePurchaseProgress {display:none}
  .OLCT_ticketInfoText {font-size:12px}
  .OLCT_movieDetailsContainer h3 {font-size:16px}
  .notes {font-size:10px}
  .alert {font-size:12px}
  #OLCT_seatPlan p {font-size:10px}
  #pay_basket {font-size:12px}
  .OLCT_paymentSection h3 {font-size:14px}
  .payNote {font-size:10px}
  .OLCT_paymentItem, .OLCT_successSection {font-size:12px}
  .OLCT_paymentItem label{width:75px}
  .OLCT_paymentItem input{width:150px}
  .OLCT_paymentSection p {font-size:12px}
  .OLCT_paymentItemTerms {font-size:12px}
  .OLCT_paymentItem #subscribe {width:10px}
  #membership, #basket {font-size:12px}
  .orderSummary {display:none}
  #membership {width:auto}
  .OLCT_successSection h3 {font-size:14px}
  .OLCT_ticketSelect {font-size:12px}
  .OLCT_ticketSelectTitles{font-size:11px}
  /*.olct_seatKey {display:none}  craig - do not hide the key*/
  .olct_seatPlanSeats {padding-right:0px;padding-left:0px;}
}

@media all and (max-width: 320px) {
  .OLCT_ticketInfoText img {width:35px;height:35px}
  .OLCT_seatPlanScroll {display:block}
  .ssllogo {display:none}
}

.OLCT_movieTimes.theatreperf th {
  background: #7E1163 !important;
}

.OLCT_movieTimes.theatreperf td a:hover {
  background: #7E1163;
}
