@charset "UTF-8";
/* ---------- Theme image base URL ---------- */
/* ---------- Theme Colors ---------- */
/* ---------- Gray Color ---------- */
/* ---------- Other Colors ---------- */
/* ---------- Shadow Colors ---------- */
/* ---------- Global Link ---------- */
/* ---------- Border radius ---------- */
/* ---------- Typography - Font, line-height, and color for body text, headings, and more ---------- */
/* ---------- Font weight ---------- */
/* ---------- Heading ---------- */
/* ---------- Padding and marign spacing ---------- */
/* ---------- Button ---------- */
/* ---------- Alert box ---------- */
/* ---------- Screen size definitions ---------- */
/* ---------- Logo height ---------- */
/* ---------- Show image sizes ---------- */
/* ---------- Modal ---------- */
/*
	PURCHASE PIPELINE CSS DEFINITIONS
	=============================
	Author:		the white agency
	Born:		25/08/07
	Modified:
	Project:	Ticketek

	Purpose: 	To define all styles for the purchase pipeline
	Dependancy:	ticketekCore.css
*/
/* The Body & Overall Shell
======================================================================================  */
body {
  /*border:0 !important;*/
  border-bottom: 58px solid transparent;
  left: 0;
  position: relative;
  top: 0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a.greylink {
  font-size: 12px;
  font-weight: 400;
  color: #555;
  text-decoration: underline;
}

a.greylink:hover {
  text-decoration: none;
}

.sr-only {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

img.floatImg {
  float: left;
  margin: 0px 10px 5px 10px;
}

div.removeButton {
  padding-left: 12px;
  width: 77px;
  height: 24px;
}

/* Contains main background with lights and gradients */
.transfer-hide {
  display: none;
}

.full-mastercard {
  width: 100%;
  height: 100%;
}

#wrapBody,
#wrapBodySmall {
  margin: 0 auto;
  text-align: center;
  position: relative;
  min-width: 1000px;
  width: 100%;
}

#wrapBodySmall {
  background: url(../images/mainLightingPurchaseBg.jpg) top center no-repeat;
}

#ContentShellSmall {
  width: 972px;
  text-align: left;
  margin: 0 auto;
  background: #fff;
  moz-box-shadow: 0px 12px 44px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 12px 44px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 12px 44px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

#ContentShellSmall ol {
  padding: 0;
  margin: 0;
  padding-left: 22px;
}

#ContentShellSmall ol li {
  padding-left: 0;
}

/* MAST HEAD (for overwiting ticketekCore.css - due to slightly carying layout)
======================================================================================  */
#headerBlue {
  height: 70px;
}

#headerBlueCentre #mainLogoAndLangDiv #mainLogo {
  padding: 8px 0 5px 10px;
  /*height: 47px;*/
  height: 75px;
}

#mainLogo img {
  height: 70%;
  border: none;
}

#headerBlueCentre #mainLogoAndLangDiv {
  height: 70px;
}

#mastHead #mainLogo {
  padding: 20px 0px 0px 20px;
  float: left;
  width: 172px;
  height: 70px;
}

#sessionTimeDiv {
  height: 18px;
  clear: both;
  color: #fff;
  font-size: 1.1em;
  padding: 0px 0px 5px 45px;
}

#languageDiv {
  padding: 25px 0 0 10px;
}

#headerBlueCentre #bannerSpace,
.languageSelectorText {
  display: none;
}

ol#purchaseProgress {
  margin: 5px 0 15px 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}

#purchaseProgress li {
  float: left;
  width: 188px;
  margin-right: 2px;
  border-bottom: 6px solid #ebebeb;
  padding: 4px 0;
  text-align: center;
  color: #555;
  font-size: 14px;
  font-weight: 500;
}

#purchaseProgress li.passed,
#purchaseProgress li.selected {
  border-bottom-color: #428226;
}

/*#purchaseProgress li.selected {
    color: #00ACED;
}*/
#purchaseProgress li:last-child {
  width: 189px;
  margin-right: 0;
}

/* PIPELINE
======================================================================================  */
sub,
sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sub {
  top: 0.4em;
}

.clear {
  clear: both;
}

.detailModuleCopy a {
  color: #007ACC;
  font-weight: 500;
  cursor: pointer;
}

.detailModuleCopy a:hover {
  color: #00ACED !important;
}

.detailModuleCopy h4:hover {
  color: #00ACED;
}

.detailModule.confirmPage > .detailModuleHeader {
  font-size: 26px;
}

.detailModuleCopy.detailModuleHeaderText.clearfix > p {
  margin-top: 0px !important;
}

.seperator {
  border-top: solid 1px #ebebeb;
}

.seperatorBottom {
  border-bottom: solid 1px #ebebeb;
}

.seperatorDashed {
  border-top: dashed 1px #ebebeb;
}

#pipeLineContent {
  background: #fff;
  width: 951px;
  /*margin-top:30px;*/
  padding: 12px 10px 8px 10px;
  color: #555;
  font-size: 12px;
  /*border: 1px solid #0C4E99;*/
}

#pipeLineContent.tickets-page > * {
  margin-left: 12px;
  margin-right: 12px;
}

#pipeLineContent.tickets-page > #purchaseProgress {
  margin-left: 0;
  margin-right: 0;
}

#pipeLineContent.tickets-page .detailModuleCopy {
  padding-left: 0;
  padding-right: 0;
}

#pipeLineContent.tickets-page .importantInformationModule {
  margin-bottom: 15px;
}

#pipeLineContent.tickets-page .importantInformationModule .detailModuleCopy {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 20px;
  /* background-color: #F4FAFF; */
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  /* border-left: 12px solid #00497A; */
}

#pipeLineContent h3 {
  /* color: #00ACED; */
  background-color: #fff;
  font-size: 1.5em;
  margin: 10px 0 10px 0;
  padding-left: 16px;
  font-weight: 500;
  /**/
  display: none;
}

.contentContainer {
  padding: 0;
  margin: 0;
  background: #fff;
}

.detailModule {
  margin: 0;
  padding: 0;
  background: #fff;
}

.detailModuleTotal {
  margin-top: -20px;
}

.detailModuleHeader {
  background: #fff;
  padding: 12px 4px 6px 30px;
  font-weight: bold;
  font-size: 18px;
}

.detailModuleCopy .detailModuleHeader {
  font-size: 1.18em;
  /*1.3=1.18*1.1*/
}

.detailModuleHeaderText {
  padding-left: 30px !important;
}

.detailModuleHeaderBlue {
  /*background:#0b2f6d url(../images/detailModuleHeaderBg2.gif) top left repeat-x;*/
  background: #ebebeb;
  padding: 6px 4px 6px 12px;
  font-weight: bold;
  color: #555;
  font-size: 1.3em;
}

.detailModuleError {
  background-color: #fff;
  padding: 12px 0;
}

.detailModuleHeaderError {
  display: none;
  /*background-color: #EC1C24;
  color: #fff;
  line-height: 33px;
  padding: 0;*/
}

.detailModuleHeaderError,
.detailModuleCopyError {
  margin: 0 12px;
}

.detailModuleHeaderError h4 {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 33px;
  margin: 0 18px;
  padding: 0;
  vertical-align: middle;
}

.detailModuleCopy {
  padding: 0 12px 12px 12px;
  background-color: #fff;
  font-size: 12px;
}

.detailModuleCopy .detailModuleCopy {
  font-size: 1em;
  border: solid 1px #00ACED;
  border-top: none;
}

.detailModuleCopyError {
  margin: 0px 0 0 30px;
}

.detailModuleCopyError img {
  float: left;
}

.detailModuleCopyError .errorImage {
  margin-top: 6px;
}

.detailModuleCopyError .errors {
  float: left;
  margin-left: 10px;
  margin-top: 3px;
  color: #FF0000;
}

.detailModuleCopyError .errors li {
  /*background: url("../images/error.png");*/
  background-repeat: no-repeat;
  background-position: 0px;
  /*text-indent: 34px;*/
  font-weight: bold;
  line-height: 25px;
  /*margin-left: 31px;*/
}

.detailModuleHeaderImportant {
  background-color: #ebebeb;
  color: #555;
  line-height: 33px;
  margin: 0 12px;
  padding: 0;
}

.detailModuleHeaderImportant h4 {
  color: #555;
  font-size: 18px;
  font-weight: bold;
  line-height: 33px;
  margin: 0 18px;
  padding: 0;
  vertical-align: middle;
}

.detailModuleCopyImportant {
  margin: 0 12px;
  padding: 20px 18px;
  font-size: 12px;
  border: 2px solid #ebebeb;
}

td.costLabel {
  text-align: left;
}

td.costValue {
  text-align: right;
}

.detailModuleCopy ul {
  padding-left: 16px;
  margin: 0;
}

ul.customerNotesList {
  padding-left: 0 !important;
}

.detailModuleCopy h4 {
  color: #555;
  font-size: 1.3em;
  margin: 0 0 8px 0;
  padding: 0;
}

.detailModuleCopy h5 {
  color: #555;
  font-size: 1em;
  margin: 0 0 8px 0;
  padding: 0;
}

.password-capturing form {
  position: relative;
}

.password-capturing .detailModule.show-header {
  z-index: 1000;
  position: relative;
}

.password-capturing .tickets-app-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.85;
  background-color: white;
  z-index: 100;
}

.password-capturing .entitlement-password-form {
  display: block;
}

.password-capturing #entitlementPassword .perfPasswordValidity .title {
  background-color: inherit;
  height: inherit;
}

.password-capturing #entitlementPassword .perfPasswordValidity .title h4 {
  color: #ec1c24;
}

.password-capturing #entitlementPassword .perfPasswordValidity {
  border: none;
  width: 340px;
  padding: 4px;
}

.password-capturing #entitlementPassword .validity,
.password-capturing #entitlementPassword .footer {
  padding: 2px 0;
}

.password-capturing .validities {
  display: table;
}

.password-capturing .validity {
  display: table-row;
}

.password-capturing .validity span {
  display: table-cell;
}

.password-capturing .validity span:first-child {
  width: 140px;
}

.password-capturing #showSummary .entitlement-password-form strong {
  font-size: inherit;
}

.password-capturing #entitlementPassword .content {
  width: 100%;
  padding: 5px 0;
}

.password-capturing #entitlementPassword .content label {
  display: block;
  margin: 5px 10px;
}

.entitlement-password-form {
  clear: both;
  display: none;
}

.password-capturing #entitlementPassword .titleBar {
  width: auto;
}

.password-capturing #password-area,
.password-capturing #password-input {
  width: 239px;
  margin-left: 10px;
}

.password-capturing .controls a,
.password-capturing .controls input {
  display: block;
  margin-top: 10px;
}

#entitlementPassword {
  font-size: 1.2em;
}

#entitlementPassword > div {
  /* border: 1px solid #D7D7D7; */
  border-radius: 4px;
  background-color: #F3F3F3;
}

#obstructedNotice {
  padding: 2px 0 5px 2px;
  clear: both;
}

#obstructedNotice input {
  margin: 0 2px 0 0;
}

.detailModuleCopy h4 strong,
.detailModuleCopy span strong,
div.eventAdditionalInfo span,
.eventImportantInfo span {
  color: red;
}

.detailModuleCopy p {
  margin: 0;
  padding: 0;
}

.detailModuleCopy > p {
  margin-top: 10px;
}

.note {
  /* background-color: #f3f3f3; */
  font-size: 10px;
  margin: 0;
  padding: 10px 20px;
  text-align: left;
}

.costsPayTypeFeeRateMessage {
  font-weight: 500;
}

.costsPayTypeFeeRateMessageUS {
  font-weight: normal;
  text-transform: capitalize;
}

td.ccCell input {
  margin: 0 !important;
  padding: 0 !important;
}

td.ccCell {
  padding: 5px;
}

* html td.ccCell {
  padding: 0;
}

.redText {
  color: red;
}

#ticketSelectorContainer {
  position: relative;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
}

.ticketSelectionVenueMap {
  float: left;
  width: 425px;
}

.ticketSelectionVenueMap select,
.ticketSelectionVenueMap select.borInput {
  width: 100%;
  box-sizing: border-box;
  margin-top: 7px;
  margin-bottom: 12px;
  height: 35px;
  font-size: 14px;
  font-weight: 600;
}

.ticketSelectionVenueMap span {
  margin-left: 5px;
}

.ticketSelectionSS {
  margin-left: 440px !important;
}

.detailModuleHeaderBar .ticketSelectionVenueMap {
  border-right: 1px solid #eee;
}

#seatAreaMapImages {
  /*padding: 20px 0 0 30px;*/
}

.seatAreaMapLegend {
  padding: 15px 30px;
  width: 200px;
}

.seatAreaMapLegend div {
  margin-top: 8px;
  background-position: 0px 2px;
  padding-left: 20px;
}

.legendAllSections {
  background: url(/images/greydot.png) no-repeat;
  padding-bottom: 3px;
}

.legendSelectedSections {
  background: url(/images/blue-dot.png) no-repeat;
}

.noSeatMap {
  padding: 60px;
  text-align: center;
  font-size: 54px;
  font-weight: bold;
  color: #ebebeb;
}

.ticketSelection {
  /*margin-left: 440px;*/
  float: right;
  width: 490px;
}

.ticketSelectionLong {
  margin-left: 0px;
}

.ticketSelection .errorMessage,
.ticketSelectionLong .errorMessage {
  margin: 10px;
}

.ticketSelection div.actionBlock,
.ticketSelectionLong div.actionBlock {
  border: 0;
  margin-left: 0;
  margin-right: 0;
}

.ticketSelection .actionBlock .blockContent,
.ticketSelectionLong .actionBlock .blockContent {
  padding: 10px 6px 5px 0;
}

#priceTypesContainer {
  padding-left: 0;
  padding-right: 0;
}

.ticketSelection .actionBlock .blockTitle {
  padding-left: 12px;
  padding-right: 12px;
  width: 95%;
}

.ticketSelection .actionBlock .blockContent,
.ticketSelectionLong .actionBlock .blockContent,
.chooseTixSelectionElement {
  background-color: #fff;
  font-size: 12px;
}

.ticketSelection .actionBlock.copy {
  padding: 5px 20px;
  /* background-color: #F3F3F3; */
  border-top: 1px solid #D7D7D7;
  border-radius: 4px;
  padding-top: 10px;
  margin-top: 20px;
}

.ticketSelection th,
.ticketSelection td {
  padding: 5px 6px;
}

#deliveryMethodContainer.actionBlock,
#deliveryMethodContainer .blockContent {
  padding-bottom: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
}

#deliveryMethodContainer .blockContent a {
  color: #007ACC;
  font-weight: 600;
}

#deliveryMethodContainer .blockContent a:hover {
  color: #00ACED;
}

#deliveryMethodContainer .blockContent a.ezyTicketAlert {
  color: #FF0000;
  font-weight: 600;
  font-size: 12px;
}

#deliveryMethodContainer .blockContent a.ezyTicketAlert:hover {
  color: #FF4D4D;
}

#selectDeliveryType {
  padding-left: 12px;
}

#selectDeliveryType li.ng-scope {
  clear: both;
  border-bottom: 1px solid rgba(215, 215, 215, 0.5);
  padding: 10px 0px 6px 10px;
  margin-right: 11px;
}

/*Hide unavaliable delivery type*/
#selectDeliveryType [data-ng-hide=true] {
  display: none;
}

#deliveryMethodContainer #selectDeliveryType input[type=radio] {
  float: right;
  margin-right: 15px;
}

#one-off-fee {
  padding-left: 12px;
  padding: 0px 4px 10px 12px;
  margin-top: -20px;
  margin-bottom: 0;
  font-style: italic;
  font-size: 11px;
}

label.delTypePrice.ng-binding {
  float: right;
  padding-right: 10px;
  font-weight: 400;
}

#fee-alert-message {
  float: right;
  font-size: 18px !important;
  color: #00ACED;
  top: -32px;
  left: -19px;
}

#fee-alert-message-content .see-more-popup-close a {
  font-size: 17px;
  top: -13px;
  position: relative;
  left: 21px;
}

#fee-alert-message-content p {
  font-size: 12px;
}

.ticketSelectionDDLElement {
  text-align: right;
}

#inviteAFriendContainer .ticketSelectionDDLElement {
  margin-bottom: 0px;
}

#inviteAFriendBlurb {
  font-size: 11px;
  margin-left: 5px;
  width: 350px;
}

.seatAreaSelectionElement {
  padding: 0 12px 10px 12px;
}

.ticketSelectionDDLElement label {
  float: left;
  padding-top: 4px;
  /* padding-left: 6px; */
  font-size: 12px;
  font-weight: 500;
}

.ticketSelectionDDLElement label, #inviteAFriendBlurb {
  margin-left: 20px;
}

#holdDuration {
  /* float: right; */
  margin: 5px 5px 5px 20px;
  font-size: 10px;
}

#uiHoldNumber {
  margin-right: 14px;
}

.ticketSelectionDDLElement select.longSelect {
  width: 360px;
}

.chooseTickets h5 {
  margin: 10px 0;
  padding-left: 5px;
  font-size: 16px;
}

.chooseTickets table {
  width: 97%;
  border: 1px solid #d7d7d7;
  margin: -10px auto 0 auto;
  border-radius: 4px;
  min-height: 48px;
}

.chooseTickets table label {
  font-weight: 500;
}

.chooseTickets th,
.chooseTickets td {
  /* border-bottom: 1px solid #ebebeb; */
}

.chooseTickets th:last-child,
.chooseTickets td:last-child {
  padding-right: 12px !important;
}

div.chooseTickets th {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}

div.chooseTickets th.th70,
div.chooseTickets td.td70 {
  padding: 12px;
}

td.selected {
  background-color: #f3f3f3;
}

th {
  padding: 5px;
}

th.whiteTH {
  background-color: #fff;
}

.chooseTicketsPriceTypeQuantity {
  text-align: right !important;
  padding-right: 6px !important;
}

/*delivery*/
.deliveryOptions table td {
  vertical-align: top;
}

.deliveryOptions input.borInput {
  margin-top: 3px;
  border: none;
}

.deliveryOptionsCustomMsg {
  font-size: 0.9em;
  text-align: right;
  margin-left: 0px;
  width: 515px;
  float: right;
}

#inviteContent label {
  display: inline-block;
  margin-right: 5px;
}

#inviteContent input,
#inviteContent textarea {
  display: inline-block;
  width: 434px;
}

.textAreaCharactersRemaining {
  margin: 0 !important;
  width: 434px;
  text-align: right;
}

#inviteContent input {
  margin-bottom: 2px;
}

#inviteContent textarea {
  margin-top: 5px;
  resize: none;
}

#inviteContent > div {
  margin-top: 10px;
}

#inviteContent .blurb {
  margin-top: 0px;
  width: 385px;
  text-align: left;
  font-size: 11px;
}

#inviteContent div.holdNumberElement {
  margin-top: 0px;
  padding-right: 6px;
  text-align: right;
}

.holdNumberElement label {
  float: left;
  padding-top: 4px;
}

#inviteContent label.inviteesLabel {
  float: left;
}

.inviteAFriendEmailDetail > div {
  margin-left: 30px;
}

.rhsExtra img {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 20px;
}

.rhsExtra {
  width: 230px;
  float: right;
  background: #fff url(../images/timeLeftBg.gif) top left repeat-y;
  margin-right: 10px;
  padding: 10px 20px 10px 10px;
}

.rhsExtraSmall {
  float: left;
  margin-right: 10px;
  padding: 10px 0 10px 50px;
  vertical-align: middle;
}

.rhsExtraSmall img {
  float: none;
  margin-bottom: 10px;
}

.rhsExtraSmall p {
  text-align: left;
}

div#themeChooser {
  text-align: center;
  padding: 0 0 10px 0;
  height: 280px;
  overflow: auto;
}

div#themeChooser img {
  border: 1px solid #fff;
  float: none !important;
  margin: 6px 0 !important;
}

div#themeChooser input {
  float: none;
  border: none;
}

.ticketSelection #captcha .blockContent {
  background-color: #f3f3f3;
  padding: 20px;
}

/*NB recaptcha_table rendered in 3rd party control but otherwise background colours not rendered correctly*/
.ticketSelection #captcha .blockContent #recaptcha_table {
  background-color: #fff;
}

div#continueBar {
  position: relative;
  background-color: #fff;
  background-image: none;
  padding: 3px 13px 15px 13px;
  text-align: right;
  min-height: 26px;
  clear: both !important;
  margin-bottom: 30px;
}

.tickets-page div#continueBar {
  padding: 3px 0 15px 0;
}

div#continueBar a {
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  border-right: solid 1px #ebebeb;
  margin-right: 10px;
}

div#continueBar a:last-child {
  border: 0;
}

div#continueBar a.blueButton {
  line-height: 18px;
}

div#continueBar .blueButton {
  padding: 10px 25px;
}

.submitPayment .blueButton {
  padding: 10px 25px;
}

.cancelButton {
  display: none !important;
}

/*invite a friend fb share button*/
.shareButton a.blueButton {
  padding: 6px 30px;
  /**/
}

.cancelTickets {
  width: 260px;
  display: inline-block;
  float: right;
}

a.cancelTicketsLink {
  color: #555;
}

.performanceBuyButton.yellowButton.addBasket {
  background-color: #003D66 !important;
}

.performanceBuyButton.yellowButton.addBasket:hover {
  background-color: #00558E !important;
}

.cancelOrderButton {
  background: #fff;
  /* display: none; */
  color: #006DB7;
  border: 1px solid #006DB7;
  margin-bottom: 10px;
}

.obstructedView {
  text-align: right;
  width: 100%;
}

.obstructedViewContent {
  padding: 12px;
  text-align: right;
}

.obstructedViewConfirm {
  display: inline-block;
}

.disabled {
  background-color: #f3f3f3;
}

select.disabled {
  border: 1px solid #ebebeb;
}

a.disabled {
  background-color: inherit;
  color: #F1F1F2 !important;
}

div#continueBar input.disabled {
  background-color: #DBDBDB;
}

.detailModule input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 1px solid #DBDBDB;
  background: transparent;
}

.obstructedViewContent .innerBox {
  margin: 0 5px;
  vertical-align: middle;
}

input.backButton {
  position: absolute;
  top: 13px;
  left: 13px;
}

img#printButton {
  position: absolute;
  top: 13px;
  right: 75px;
}

img#homeButton {
  position: absolute;
  top: 13px;
  right: 13px;
}

.selectMoreBox {
  text-align: right;
  margin-bottom: 10px;
  margin-top: 10px;
}

#selectMoreTix,
.selectMoreExtras,
.changeDelivery,
.addSecondaryAccount {
  padding: 0 20px 0 0;
  display: inline;
  font-size: 12px;
  font-weight: bold;
}

#selectMoreTix a,
.selectMoreExtras a,
.changeDelivery a,
.addSecondaryAccount a {
  cursor: pointer;
}

.transactoinNo {
  font-size: 14px;
  font-weight: normal;
  float: right;
  color: #555;
  line-height: 38px;
  margin: 0 10px;
  padding: 0;
  vertical-align: middle;
}

.transactoinNo strong {
  color: #555 !important;
}

.purchasedInfoContainer {
  vertical-align: middle;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

td.purchasedInfoContainer {
  padding: 0 !important;
  margin: 0;
}

.viewMap {
  /*	border: 1px dashed #DDD;*/
  width: 260px;
  padding: 8px;
  margin-left: 242px;
  display: block;
  vertical-align: middle;
}

.viewMapButton {
  background-color: #fff !important;
  border: 1px solid #007ACC;
  color: #007ACC !important;
  font-size: 12px;
  padding: 5px 10px !important;
}

.viewMapButton:hover {
  background-color: #007ACC !important;
  border: 1px solid #007ACC;
  color: #FFF !important;
}

div.offerSection .viewMap {
  padding-left: 0px;
  float: right;
  width: 920px !important;
}

div.offerSection .viewMap > a.viewMapButton {
  float: right;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* .viewMap {
      width: 0px;
  } */
  div.offerSection .viewMap {
    margin-left: 0px;
  }
}
.viewMapContainer .viewMap.staticSeatMapButton {
  margin-left: 0px;
}

table.eventConfirmTable td div.viewMap {
  margin-left: 0px;
}

table.paymentOffersTable td div.viewMap,
.offerContainer div.viewMap,
table.paymentOffersTable td.purchasedInfoContainer div.viewMap {
  margin-left: 174px;
}

table.paymentOffersTable td:last-child {
  text-align: right;
}

.offerContainer.purchased div.viewMap {
  margin-left: 232px;
}

.staticSeatMapButton {
  width: 480px;
}

.ignoreButtonContainer > a.blackButton,
a.greyButton.closeButton,
a.greyButton.inviteBtn,
a.greyButton.inviteBtnMore,
.purchasedInfo .viewMap a,
.viewMap.staticSeatMapButton a,
#divOffer .viewMapButton {
  padding: 8px 12px;
}

.offer .column-last .viewMapButton {
  margin-top: 24px;
}

span.viewMapInfo {
  display: inline-block;
  height: 30px;
  padding-left: 15px;
  vertical-align: top;
}

.eventConfirmTable span strong {
  color: #555;
}

.hold {
  clear: both;
  /*height: 120px;*/
  background-color: #EDFAFF;
}

.holdInfo {
  float: left;
  margin-bottom: 10px;
  margin-left: 20px;
  width: 456px;
}

.eventAdditionalInfo.clearfix.hold.seperatorDashed .holdInfo {
  min-width: 456px;
  width: inherit;
}

.holdInfo h4 {
  background: url("../images/reservedseat.png") no-repeat scroll 0px 8px transparent !important;
  padding: 8px 0px 0px 18px;
  font-size: 14px;
  color: #555 !important;
}

.holdInfoNoSeatmap {
  float: left;
  margin: 3px 0 10px 20px;
  width: 456px;
}

.holdInfoNoSeatmap h4 {
  background: transparent !important;
  padding: 8px 18px 0px 0px;
  font-size: 14px;
  color: #555 !important;
}

.alignRight {
  padding-right: 7px !important;
  text-align: right;
}

.holdNo {
  float: left;
  font-size: 14px;
  height: 50px;
  vertical-align: middle;
  margin-top: 30px;
  width: 180px;
}

.holdInfoInvite {
  margin-top: 30px;
  text-align: right;
  margin-right: 20px;
}

.holdWarning {
  clear: both;
  text-align: right;
  margin-right: 20px;
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;
  color: red;
}

.holdWarning img {
  vertical-align: top;
}

.purchased {
  border: 2px solid #ebebeb;
}

tr.rowSeperator td {
  border-top: 1px dashed #ebebeb;
}

.attention {
  background: url("../images/attention.gif") no-repeat scroll left center transparent;
  padding-left: 20px !important;
  margin: 12px 0 12px 20px;
  clear: both;
}

table.eventConfirmTable td div.attention {
  margin-left: 227px;
}

.actionBlock {
  border: 1px solid rgba(215, 215, 215, 0.7);
  margin: 10px 12px;
  border-radius: 4px;
}

.seatMapFooter.actionBlock {
  border: none;
  margin: 0;
  padding: 10px 0;
  display: inline-block;
}

/*.seatMapFooter.actionBlock .blockTitle { display: inline-block; padding: 6px 12px; }
.seatMapFooter.actionBlock .blockTitle h4 { font-size: 12px;  }
.seatMapFooter.actionBlock .blockTitle img { vertical-align: middle; margin-left: 5px; }*/
.seatMapFooter h4 {
  color: #007ACC;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 2px;
  margin-right: 5px;
}

.seatMapFooter a img {
  vertical-align: top;
}

.reset-map {
  display: inline-block;
  float: right;
  font-size: 12px;
  margin: 10px 10px 0 0;
}

.reset-map .fa-refresh:before {
  color: #007ACC;
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
}

.reset-map a:hover {
  color: #00aced;
  /*transition: color 0.5s ease;*/
}

.actionBlock .blockTitle {
  /* background: #e5e5e5; */
  padding: 6px 10px;
  line-height: 26px;
  overflow: hidden;
}

.actionBlock .blockTitle h4 {
  float: left;
  font-size: 16px;
  line-height: 26px;
  vertical-align: middle;
  margin: 0;
}

.actionBlock .blockTitle .ticketInsurance {
  float: right;
  font-size: 12px;
  line-height: 24px;
  vertical-align: middle;
  border-left: 1px solid #ebebeb;
  padding-left: 12px;
}

.actionBlock .blockContent {
  padding: 5px;
  font-size: 12px;
}

.actionBlock .blockContent > *:last-child {
  margin-bottom: 0;
  border: none;
}

.blockContent label {
  font-weight: 500;
}

.blockContent label select,
.blockContent label input {
  margin-left: 10px;
}

#ctl00_uiContent_ClientOptInFashion14_checkBox,
#ctl00_uiContent_ClientOptInChealse151_checkBox,
#ctl00_uiContent_ClientOptInChealse152_checkBox {
  display: inline-block;
  margin-left: 0;
  margin-right: 10px;
  margin-top: 5px;
  vertical-align: top;
}

#optInFash14,
#optInChealse151,
#optInChealse152 {
  display: inline-block;
  margin: 3px 0;
  width: 95%;
}

.blockContent .dvRadioButton {
  margin: 5px 24px;
}

.blockInfo {
  padding: 6px 10px;
}

.blockInfo p span {
  margin: 0;
  color: #555 !important;
}

.blockNotes {
  background: #fff;
  padding: 10px 30px;
  font-style: italic;
}

input.borInput,
textarea.borInput {
  border: 1px solid #DBDBDB;
  color: #555;
}

select.borInput {
  color: #00497A;
  font-size: 12px;
  padding: 3px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

select.borInput > option:disabled {
  display: none;
}

input.inputPrompt {
  color: #555;
}

.instalments {
  vertical-align: top;
}

/* TABLES
======================================================================================  */
table tr {
  padding: 5px;
  border-color: white;
}

table td table td {
  padding: 0;
}

table td {
  padding: 5px;
}

div.deliveryOptions table tr.altTRrow {
  background-color: #f3f3f3;
}

td.td5 {
  width: 5%;
}

td.td10,
th.th10 {
  width: 10%;
}

td.td11 {
  width: 11%;
}

td.td15,
th.th15 {
  width: 15%;
}

td.td20,
th.th20 {
  width: 20%;
}

td.td24,
th.th24 {
  width: 24%;
}

td.td25,
th.th25 {
  width: 25%;
}

td.td30,
th.th30 {
  width: 30%;
}

td.td32 {
  width: 32%;
}

td.td35,
th.th35 {
  width: 35%;
}

td.td37,
th.th37 {
  width: 37%;
}

td.td40,
th.th40 {
  width: 40%;
}

td.td42 {
  width: 42%;
}

td.td50 {
  width: 50%;
}

td.td60,
th.th60 {
  width: 60%;
}

td.td65,
th.th65 {
  width: 65%;
}

td.td70,
th.th70 {
  width: 70%;
}

td.td90 {
  width: 90px;
}

td.td110 {
  width: 110px;
}

td.td165 {
  width: 165px;
}

td.td560 {
  width: 560px;
}

.td210 {
  width: 210px;
}

.td190 {
  width: 170px;
}

.td150 {
  width: 150px;
}

.td135 {
  width: 135px;
}

.td120 {
  width: 120px;
}

.td110 {
  width: 110px;
}

.td228 {
  width: 228px;
}

.td208 {
  width: 208px;
}

.td168 {
  width: 160px;
}

.td153 {
  width: 153px;
}

.td142 {
  width: 142px;
}

.td138 {
  width: 138px;
}

.td138 sup,
.td138 span {
  display: inline;
  padding-right: 0px;
  padding-left: 3px;
}

.td128 {
  width: 128px;
}

.td200 {
  width: 200px;
}

.td243 {
  width: 243px;
}

.td80 {
  width: 80px;
}

.td230 {
  width: 230px;
}

table.infoTable {
  border: 2px solid #ebebeb;
  margin-top: 12px;
}

table.infoTable thead th {
  background-color: #f3f3f3;
  font-size: 18px;
  font-weight: bold;
  color: #555;
  padding: 0 18px;
  height: 33px;
  line-height: 33px;
  vertical-align: middle;
  text-align: left;
}

table.infoTable thead th.transNo {
  background-color: #f3f3f3;
  font-size: 14px;
  font-weight: normal;
  color: #555;
  padding: 0 18px;
  height: 33px;
  line-height: 33px;
  vertical-align: middle;
  text-align: right;
}

table.infoTable td {
  padding: 0 5px 18px 18px;
}

reserveTable textarea,
div.reserveSmallForm textarea {
  width: 300px;
}

reserveTable td {
  vertical-align: top;
}

/* The additional styles here (inputVeryShort, inputMedium, inputLarge) are so that the account details control will work */
input.inputTiniest {
  width: 20px;
}

input.inputTinier {
  width: 30px;
}

input.inputTiny {
  width: 60px;
}

input.inputVeryShort,
input.inputShorter {
  width: 90px;
}

input.inputShort {
  width: 150px;
}

input.inputMedium,
input.inputMed {
  width: 200px;
}

input.inputLarge,
input.inputLong {
  width: 300px;
}

input.otherCountry {
  width: 150px;
}

select.selectState {
  width: 70px;
}

select.selectCountry {
  width: 120px;
}

textarea.textAreaWide {
  width: 440px !important;
}

label.phoneLabel {
  margin-top: 14px !important;
}

/* payment */
table.eventConfirmTable {
  width: 923px;
  table-layout: fixed;
  font-size: 12px;
  margin-bottom: 15px;
}

table.eventConfirmTable th {
  text-align: left;
  padding: 6px 0 6px 6px;
  font-weight: 500;
  border: 1px solid #FFFFFF;
  background-color: #F3F3F3;
}

table.eventConfirmTable th.alignRight {
  text-align: right;
}

table.eventConfirmTable td {
  vertical-align: top;
  padding: 6px;
}

table.eventConfirmTable + .offer {
  border-top: 4px solid #ebebeb;
}

.offer {
  padding: 0 6px;
}

.offer h6,
.offer p {
  margin: 0;
  padding: 0;
}

.seating-tbc {
  margin: 6px 12px;
}

/* payment */
table.paymentOffersTable {
  background-color: transparent;
  width: 923px;
  table-layout: fixed;
  font-size: 12px;
}

table.paymentOffersTable th {
  text-align: left;
  padding: 6px 0 6px 6px;
  font-weight: 500;
  border: 1px solid #FFF;
  background-color: #F3F3F3;
}

table.paymentOffersTable th span {
  white-space: nowrap;
}

table.paymentOffersTable th.alignRight {
  text-align: right;
}

table.paymentOffersTable td.alignRight {
  text-align: right;
}

table.paymentOffersTable td {
  vertical-align: top;
  padding: 6px;
}

table.paymentOffersTable td div.viewMap {
  margin-left: 247px;
}

table.paymentOffersTable td div.attention {
  margin-left: 227px;
}

.paymentOffersTable span strong {
  color: #555;
}

table.paymentOffersTable th span {
  padding-left: 6px;
}

table.paymentOffersTable td.alignRight.optionfield {
  text-align: center;
}

table.paymentOffersTable td.alignRight.optionfield .removeButton {
  width: auto;
  padding: 0;
  height: auto;
}

table.paymentOffersTable tfoot td.alignRight {
  padding-right: 6px !important;
}

table.paymentOffersTable tfoot td.alignRight label {
  font-weight: 500;
  padding-right: 6px;
}

table.paymentOffersTable tfoot td.alignRight select.borInput {
  width: auto;
}

.paymentOffersTable .popupinfo {
  display: none;
}

.paymentOffersTable .seating ul li {
  padding: 0;
  border-left: solid 1px #000;
  display: inline-block;
}

.paymentOffersTable .seating ul li:first-child {
  border: 0;
}

.paymentDetailsContainer {
  float: left;
  width: 680px;
}

.alignCenter {
  text-align: center;
}

.eventImportantInfo h4 {
  font-size: 1.45em;
  margin: 0;
  margin-bottom: 10px;
}

#basketPayment {
  position: relative;
}

.totalInfo {
  margin-right: 18px;
  text-align: right;
}

.costsQuantityHeader {
  padding: 0 5px;
  /* background-color: #f3f3f3; */
  float: right;
}

#basketPayment .costsQuantityHeader {
  background-color: inherit;
  display: inline;
  float: none;
}

.totalBox {
  overflow: hidden;
  margin-bottom: 12px;
}

#basketPayment .totalBox {
  float: right;
  width: 260px;
  padding-bottom: 0;
  /*enough space for absolutely positioned image*/
  margin-bottom: 0;
}

.totalBox .note {
  float: none;
  /* width: 658px; */
  display: inline-block;
  vertical-align: top;
  margin: 10px 0 !important;
  /* border-right: 1px solid #dbdbdb; */
  padding: 0;
}

.totalBox p {
  margin: 5px 0;
}

#basketPayment .totalBox .note {
  float: none;
  width: 100%;
  padding-right: 0;
  border: 0;
}

.totalBox > img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.totalBox .actionBlock {
  margin-left: 0;
}

.tickets-page .totalBox .actionBlock {
  margin: 0;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
}

.totalBox .blockContent {
  padding: 10px;
}

.totalBox h5,
.totalPayment h5 {
  font-size: 14px;
  margin: 0;
  padding: 5px 0;
  text-transform: uppercase;
}

.totalBox .blockTitle p {
  line-height: 1em;
  clear: both;
  margin: 0;
}

.totalPayment {
  text-align: center;
  padding-bottom: 7px;
}

.totalPayment h4 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.totalBox hr {
  margin: 0 0 5px 0;
  padding: 0;
  background-color: #555;
  color: #555;
  border: none;
  height: 2px;
}

.totalBox .blockContent table {
  margin-top: 0px !important;
}

.totalBox table {
  display: inline-block;
  /* margin-top: 23px; */
  /* margin-left: 20px; */
  width: 268px;
  /* margin-right: 10px; */
  float: right;
}

.confirmPage .totalBox .note {
  border-right: 0px;
}

.confirmPage .totalBox table {
  border-left: 1px solid #dbdbdb;
  padding-left: 20px;
  margin: 10px 0 0 0;
  width: 228px;
  -webkit-box-sizing: border-box;
}

#basketPayment .totalBox table {
  width: 100%;
  margin-top: 0;
  border-left: 0;
  padding-left: 0;
}

.totalBox table td {
  padding: 2px;
  /*color:#333;*/
}

.totalBox table td.costLabel {
  width: 100%;
}

.totalBox table td.costValue {
  width: 66px;
}

.detailModuleTotal {
  padding: 0 12px 24px 0;
}

.detailModuleTotal .actionBlock {
  margin-left: 12px;
  margin-right: 0;
}

.detailModuleTotal .totalBox {
  padding-bottom: 0;
}

.detailModuleTotal .giftVoucher table th,
.detailModuleTotal .giftVoucher table td {
  padding: 5px 15px;
}

.detailModuleTotal h4 {
  margin-bottom: 0;
}

.paymentDetails {
  float: left;
  margin-bottom: 0;
  width: 939px;
}

.paymentDetails .actionBlock {
  margin-right: 0px;
  margin-top: 10px;
}

.paymentDetails .giftVoucher.blockInfo {
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  border-top: 1px solid rgba(215, 215, 215, 0.3);
}

.paymentDetails .blockInfo h5 {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  vertical-align: top;
  text-transform: capitalize;
}

.paymentDetails .blockInfo .toggleButton {
  vertical-align: top;
  margin-right: 8px;
}

.blockInfo.creditCardFields {
  padding-left: 15px;
  border-top: 1px solid rgba(215, 215, 215, 0.3);
  margin-top: 10px;
  padding-top: 15px;
}

.blockContent.creditCardFields {
  padding-top: 10px;
}

.creditCardFields .ccLogo {
  float: right;
  width: 70px;
}

span#uiCardTypeRadioButtons {
  padding-top: 4px;
}

.paymentDetails .blockContent {
  position: relative;
  /*min-height: 44px;*/
}

.paymentDetails .giftVoucher.blockContent {
  padding-bottom: 14px;
  /*padding-right: 225px;*/
  min-height: 0;
}

.paymentDetails .giftVoucher.blockContent > * {
  /*float: right;*/
  clear: both;
  margin-top: 10px;
  margin-right: 176px;
  padding-left: 30px;
}

.paymentDetails .giftVoucher.blockContent > .errorMessage {
  float: none;
  margin-right: 0px;
}

.giftVoucher #updateProgress {
  float: left;
  margin-right: 20px;
}

.paymentDetails .giftVoucher label {
  padding-right: 10px;
}

.giftVoucher table {
  margin-left: -1px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  /*margin-bottom: 10px;*/
}

.totalBox .giftVoucher table,
.detailModuleTotal .giftVoucher table {
  width: 100%;
}

.giftVoucher table th {
  display: none;
}

.giftVoucher table th,
.giftVoucher table td {
  padding: 5px 15px;
}

.totalBox .giftVoucher table th,
.totalBox .giftVoucher table td {
  padding: 5px;
}

.giftVoucher table .giftVoucherValueCell {
  text-align: right;
}

.paymentDetails .blockContent .paymentRight {
  margin: 0;
  position: absolute;
  right: 30px;
  top: 52px;
  width: 260px;
}

.creditCardFields .paymentRight {
  top: 55px;
  width: 260px;
}

.paymentRight > * {
  margin: 0 0 10px 0;
}

.paymentDetails td.ccCell label {
  font-weight: normal;
  margin: 0;
  display: inline;
  padding: 0px 16px 0px 4px;
}

/*Credit card expiry input width Date & Month*/
#uiExpiryMonth {
  width: 57px;
}

#uiExpiryYear {
  width: 67px;
}

.narrowInstalment {
  width: 57px;
  font-size: 1em;
  height: 25px;
}

.costLabel,
.costValue {
  text-align: left;
}

.personalLeft {
  float: left;
  width: 530px;
}

.personalLeft td label,
.paymentDetails td label {
  font-weight: 500;
  margin: 3px 0;
}

#banner468 {
  padding: 10px 0 15px 0;
  text-align: center;
}

.confirmBlurb {
  float: left;
  width: 520px;
  padding-right: 10px;
}

.confirmPromo {
  float: right;
  width: 270px;
}

.confirmPromo .rhsExtra {
  float: none;
}

.confirmPromo ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.confirmPromo li {
  /*background:url(../images/listArrowBlue.gif) no-repeat;*/
  background: url(../images/listArrowGrey.gif) no-repeat;
  background-position: 1px 6px;
  display: block;
  padding: 3px 0 3px 10px;
}

div.rowStrip {
  background-color: #fff;
}

div.rowStripAlt {
  background-color: #f3f3f3 !important;
}

div.rowStrip,
div.rowStripAlt {
  margin: 0;
  padding: 10px 3px;
  border-bottom: 1px solid white;
}

div.rowStrip input,
div.rowStripAlt input {
  border: none;
  margin: 0 10px 0 0;
  float: left;
}

/* register */
.register {
  float: left;
  width: 500px;
  padding: 0px 10px 10px 4px;
}

.register h4 {
  background: #375F95 url(../images/eventTableTRBg.gif) top left repeat-x;
  color: #fff;
  margin: 0px;
  padding: 4px 4px 4px 15px;
  font-size: 1.1em;
}

.registerContent {
  padding: 10px 10px 10px 15px;
  background-color: #DAECFF;
}

.registerContent ul {
  margin: 5px 0 10px 0;
  list-style-type: none;
  padding: 0;
}

.registerContent ul li {
  background: url(../images/listArrowGrey.gif) no-repeat;
  background-position: 1px 4px;
  padding: 1px 0 1px 10px;
  margin: 0;
}

/* join login */
.joinLoginInfo {
  float: left;
  width: 600px;
  padding: 0;
  border: 1px solid #ebebeb;
}

.joinLoginInfo h4 {
  background: #f3f3f3;
  color: #555;
  line-height: 26px;
  font-size: 1.1em;
  padding: 4px 4px 4px 15px;
  margin: 0px;
}

.loginOrJoin {
  border: 1px solid #ebebeb;
  float: right;
  width: 300px;
}

.loginOrJoin input.loginFields {
  width: 160px;
}

.loginOrJoin h4 {
  background: #f3f3f3;
  color: #555;
  line-height: 26px;
  font-size: 1.1em;
  padding: 4px 4px 4px 15px;
  margin: 0px;
}

.loginContent {
  padding: 10px 10px 10px 15px;
  background-color: #fff;
}

.loginContentContainer {
  padding-bottom: 10px;
}

.detailModule.show-header.seatmap {
  position: relative;
  background: #f3f3f3;
  margin: 20px 0px;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
}

#showSummary,
#pipeLineContent #showSummary {
  padding: 12px;
  margin: 12px 0;
  color: #555;
  background-color: #F3F3F3;
  border: 1px solid #D7D7D7;
  border-radius: 4px;
  width: 902px;
  position: unset;
}

#showSummary,
#pipeLineContent #showSummarySeatmap {
  width: 590px;
  /* display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: super; */
  position: absolute;
  left: 0;
  top: 25px;
  background: #f3f3f3;
}

#pipeLineContent #showSummary .clearfix {
  display: inline-block;
}

#pipeLineContent #showSummary span a {
  color: #00aced !important;
}

#pipeLineContent #showSummary span a:hover {
  color: #00C0ED !important;
}

#showSummary p, #showSummarySeatmap p {
  margin-bottom: 5px;
}

#showSummary h5, #showSummarySeatmap h5 {
  color: #555;
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  margin-bottom: 5px;
}

#showSummarySeatmap .infoBlock {
  float: right;
  width: 375px;
}

#showSummary h6 {
  color: #555;
  font-weight: 500;
  font-size: 16px;
  margin: 0;
  margin-bottom: 5px;
}

#showSummary div:not(.entitlement-password-form) strong, #showSummarySeatmap div:not(.entitlement-password-form) strong {
  color: #555;
  font-size: 18px;
}

#showSummary .infoBlock {
  padding-left: 225px;
}

/* $8 - Unique Forms
============================================================================== */
input[type=checkbox] {
  border: none !important;
  vertical-align: middle;
  /* margin-top: 3px; */
  margin-right: 5px;
  margin-left: 5px;
}

input[type=radio] {
  border: none !important;
  width: 20px;
  height: 20px;
}

input[type=radio] + label,
.radioAlign {
  vertical-align: 7px;
}

textarea {
  font-size: 1.1em;
}

select.longSelect {
  width: 250px;
}

select.shortSelect {
  width: 60px;
}

.throbber {
  width: 16px;
  height: 16px;
  background-image: url(../images/throbber.gif);
  display: none;
}

select .processing {
  background-image: url(../images/throbber.gif);
  background-position: right 20px center;
  background-repeat: no-repeat;
}

/* The Footer
======================================================================================  */
#wrapFooter {
  /* min-width: 951px;
  width: 951px; */
  padding: 0 11px 0 10px;
}

/*
#bodyBackgroundWrap{
	margin-bottom:60px;
}
*/
.smallFooterWrapper {
  /*border:1px solid #0C4E99;*/
  border-top: 0;
}

#wrapFooter .footerVersion {
  padding: 10px 10px;
}

#footerAdSegment {
  background: #d6ecff url(../images/footerShadowTop.jpg) top left repeat-x;
  width: 100%;
  text-align: center;
  padding: 15px 0px;
}

#footerContent {
  width: 980px;
  margin: 0 auto;
  text-align: center;
}

#footerNav {
  background-color: #f3f3f3;
  padding: 10px 0px;
}

#footerNav li {
  display: inline;
  padding: 0px 0px 0px 3px;
}

#footerNav li a {
  color: #555;
  padding: 0px 3px 0px 0px;
}

#wrapFooter .footerCompany {
  display: none !important;
}

.confirmationImage {
  padding: 10px 0;
  text-align: center;
}

/* Ticket Insurance
===========================*/
.insLeft {
  float: left;
  width: 580px;
}

.insLeft .dvRadioButton {
  margin: 5px 0 8px 10px;
}

.insRight {
  width: 200px;
  float: right;
  text-align: right;
  margin-top: 40px;
}

.insRight .costLabel {
  margin-right: 15px;
}

/* social networking buttons
==============================*/
div.shareThisConfo {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 3px 0;
  text-align: right;
  float: right;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
}

div.shareThisConfo span {
  margin: 0 20px 0 0;
  color: #555;
  line-height: 28px;
  vertical-align: middle;
  height: 28px;
  display: inline-block;
}

div.shareThisConfo {
  margin: 12px 0 0 0;
}

div.shareThisConfo a {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

a.fbShare {
  background: url(/images/facebook.png) no-repeat;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: top !important;
}

.share {
  height: 47px !important;
}

.share .shareThisConfo {
  margin-top: 8px;
}

/* showtickets credit card fee blurb */
.cc-fee-blurb {
  display: none;
}

/* Performance list
============================================================================== */
.performanceList {
  padding-top: 15px;
}

.performanceList a {
  /*color:#0d316d;*/
}

div.performanceListHeader {
  background-color: #ebebeb;
  color: #555;
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
  height: 36px;
  display: none;
}

.performanceListHeader div#performanceEventCaption,
.performanceListHeader div#performanceLocationCaption,
.performanceListHeader div#performanceDateCaption {
  position: absolute;
  top: 2px;
}

.performanceListHeader div#performanceEventCaption {
  padding-top: 8px;
  padding-left: 10px;
  font-size: 1.275em;
}

.performanceListHeader div#performanceEventCaption {
  left: 10px;
  line-height: 16px;
  /**/
}

.performanceListHeader div#performanceLocationCaption {
  left: 285px;
}

.performanceListHeader div#performanceDateCaption {
  left: 455px;
}

.performanceListItem {
  /*background-color:#ffffff;*/
  color: #555;
  font-size: 1.1em;
  margin-bottom: 2px;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  margin-bottom: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.performanceListItemAlt {
  background-color: #f3f3f3;
  color: #555;
  font-size: 1.1em;
  margin-bottom: 2px;
}

.performanceListItem hr {
  /* background: #ebebeb;
  height: 1px !important;
  width: 100%;
  border: 0px;
  border-style: none; */
  display: none;
}

/* color specific */
.performanceListItem .performanceLocation {
  background-color: #fff;
}

.performanceListItem .performanceDate {
  background-color: #fff;
}

/* ALT COLOR BG */
.performanceListItemAlt .performanceLocation {
  background-color: #f3f3f3;
}

.performanceListItemAlt .performanceDate {
  background-color: #f3f3f3;
}

/* Added so that the buy now background extends right down if the other columns are longer than expected */
.upsellPerformance,
.upsellPerformanceContainer {
  float: left;
  position: relative;
}

/* 3 sections of a performance */
.performanceImage,
.performanceEvent,
.performanceLocation,
.performanceDate,
.performanceBuyNow {
  float: left;
}

.performanceImage {
  width: 65px;
  padding: 10px 0 10px 10px;
  /*0*/
}

.performanceImage img {
  border: 2px solid #ebebeb;
  width: 61px;
  height: 61px;
}

.performanceEvent {
  width: 185px;
  padding: 10px 10px 10px 5px;
}

.performanceLocation {
  width: 160px;
  padding: 10px 10px 10px 0;
}

.performanceDate {
  width: 90px;
  text-align: center;
  padding: 10px 5px 10px 0;
}

/* For upsell performances, do not show location or date */
.upsellPerformanceContainer .performanceEvent {
  /*width:450px;*/
  width: 650px;
}

.upsellPerformanceContainer .performanceLocation {
  width: 0;
}

.upsellPerformanceContainer .performanceDate {
  width: 0;
}

.performanceEventAndDate,
.performanceEventAndDateLast {
  float: right;
  clear: right;
  border-bottom: 1px solid #ebebeb;
  width: 340px;
}

.upsellPerformanceContainer .performanceEventAndDate,
.upsellPerformanceContainer .performanceEventAndDateLast {
  width: 75px;
}

.performanceBuyNow {
  width: 75px;
  text-align: center;
  background-color: #ebebeb;
  padding: 17px 0;
  position: relative;
  height: 51px;
}

.performanceEventAndDateLast {
  border: none;
}

.performanceEventAndDateLast .performanceBuyNow {
  padding-bottom: 23px;
}

/* streamlined upsell page */
.upsellPerformanceContainer2 {
  margin: 0;
  padding: 0;
}

.upsellPerformanceContainer2 .performanceImage {
  padding: 10px 6px 10px 10px;
  /*0*/
  margin: 0;
  width: 61px;
  float: left;
}

.upsellPerformanceContainer2 .performanceInfo {
  width: 430px;
  padding: 10px;
  float: left;
}

.upsellPerformanceContainer2 .performanceInfo .performanceTitle {
  font-weight: bold;
  font-size: 1.075em;
  color: #555;
}

.upsellPerformanceContainer2 .performanceInfo .performanceAlertMessage {
  margin-bottom: 10px;
  font-weight: bold;
  color: Red;
}

.upsellPerformanceContainer2 a.disabled {
  cursor: default;
}

.performanceCreditCardFeesIncludedMsg,
.performanceAdditionalInfoLinks {
  margin: 6px 0;
}

.upsellPerformanceContainer2 .performanceCreditCardFeesIncludedMsg a.moreInfoLink {
  font-size: 0.95em;
  color: #00ACED;
  /*padding-left:10px;*/
  display: block;
  /*force new line*/
}

.upsellPerformanceContainer2 .performanceAdditionalInfoLinks a.moreInfoLink {
  font-size: 0.925em;
  color: #00ACED;
  vertical-align: top;
}

.upsellPerformanceContainer2 .performanceAdditionalInfoLinks .throbberBox {
  margin-right: 10px;
  position: relative;
  top: 15px;
}

.upsellPerformanceContainer2 .performanceInfo .performanceDescription {
  margin-bottom: 10px;
  color: #555;
  font-size: 0.925em;
}

.upsellPerformanceContainer2 .performanceInfo .performancePriceRange {
  font-size: 1.575em;
}

.upsellPerformanceContainer2 .performanceInfo .performancePriceRange sup {
  font-size: 0.5em;
  top: -0.8em;
}

.upsellPerformanceContainer2 .performanceInfo .performancePriceIncludesDelivery,
.upsellPerformanceContainer2 .performanceInfo .performanceCreditCardFeesIncludedMsg {
  color: #333333;
  font-size: 0.925em;
}

.upsellPerformanceContainer2 .performanceAddedMessage {
  display: none;
  padding-left: 50px;
  background: url("../images/tick.png") no-repeat 25px 0px;
  float: right;
}

.upsellPerformanceContainer2 .performancePurchase {
  width: 350px;
  padding: 15px 0 0 50px;
  /**/
  float: left;
}

.upsellPerformanceContainer2 .performancePurchase > div {
  padding-bottom: 10px;
}

.upsellPerformanceContainer2 .performancePurchase table {
  width: 100%;
}

.upsellPerformanceContainer2 .performancePurchase td {
  padding: 0 0 2px 0;
  margin: 0;
  text-align: right;
  /*height:70px;*/
  vertical-align: bottom;
}

.upsellPerformanceContainer2 .performancePurchase td.rightColumn {
  margin: 0;
  width: 150px;
  vertical-align: top;
  padding: 2px 0 0 30px;
}

.upsellPerformanceContainer2 .addBasket {
  width: 150px;
}

.upsellPerformanceContainer2 .leftDiv {
  float: left;
}

.upsellPerformanceContainer2 .rightDiv {
  float: right;
}

.upsellPerformanceContainer2 .performancePurchase .warning {
  color: red;
}

.upsellPerformanceContainer2 .performancePurchase .performanceQuantity,
.upsellPerformanceContainer2 .performancePurchase .performanceCategories,
.upsellPerformanceContainer2 .performancePurchase .performanceDeliveryOptions {
  width: 175px;
  color: #555;
}

.upsellPerformanceContainer2 .performancePurchase .performanceCategories {
  width: 100%;
}

.upsellPerformanceContainer2 .performancePurchase .performanceQuantity {
  width: 50px;
  text-align: right;
}

.upsellPerformanceContainer2 .performancePurchase .performanceDeliveryOptions {
  width: 100%;
  min-height: 30px;
  margin-bottom: 10px;
}

.upsellPerformanceContainer2 .performancePurchase .performanceQuantityCaption {
  float: left;
}

.upsellPerformanceContainer2 .performancePurchase select {
  color: #555;
}

.upsellPerformanceContainer2 .throbberBox {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-bottom: 5px;
  /*	margin-left:4px;*/
}

.upsellPerformanceContainer2 .clear {
  clear: both;
}

.performanceMessagesBox {
  display: none;
  background-color: #ebebeb;
  width: 100%;
}

.performanceMessagesBox.errorMessage {
  margin-bottom: 0px;
  width: auto;
}

.performanceMessagesBox ul {
  list-style-type: disc;
}

.upsellPerformanceMessages {
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
}

.upsellPerformanceMsgCloseBtnBox {
  text-align: right;
  margin-bottom: 5px;
  margin-top: 12px;
  margin-right: 15px;
  float: right;
  vertical-align: top;
}

.upsellPerformanceMsgCloseBtnBox input {
  background-color: #fff;
  padding: 5px;
  border: 1px solid #001828;
  color: #001828;
}

#selectPerformance .warning {
  color: red;
}

#selectPerformance.borInput {
  width: auto;
  height: 35px;
  font-size: 14px;
  padding: 1px;
}

/* Mobile ticket delivery details
==============================*/
.actionBlock #mobileTixDetails {
  padding: 0px 15px 15px 15px;
}

#mobileTixDetails h5 {
  padding: 0;
  margin: -5px 0 0 0;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
}

#mobileTixDetails input[type=radio] {
  display: inline-block;
  margin-left: 10px;
}

#mobileTixDetails table {
  margin-left: -2px;
  /*align, on left, table cell text with other text*/
}

#mobileTixDetails td,
#mobileTixDetails th {
  margin: 0;
  padding: 0;
}

#mobileTixDetails th {
  padding: 8px 0 5px 0;
  font-style: normal;
  font-weight: bold;
  text-align: left;
}

#mobileTixDetails .dateOfBirthCol {
  width: 115px;
  min-width: 115px;
}

#mobileTixDetails td.priceTypeCol,
#mobileTixDetails th.priceTypeCol,
#mobileTixDetails td.firstNameCol,
#mobileTixDetails th.firstNameCol,
#mobileTixDetails td.lastNameCol,
#mobileTixDetails th.lastNameCol,
#mobileTixDetails td.identityNoCol,
#mobileTixDetails th.identityNoCol,
#mobileTixDetails td.mobileNumberCol,
#mobileTixDetails th.mobileNumberCol {
  /*width: 170px;*/
}

#mobileTixDetails td.priceTypeCol,
#mobileTixDetails th.priceTypeCol {
  padding-right: 10px;
}

#mobileTixDetails td.textboxCol {
  width: 110px;
}

#mobileTixDetails td.updatePhoneCol {
  width: 275px;
}

#mobileTixDetails td.updatePhoneCol .blueButton {
  padding: 4px 15px;
  margin: 2px 0 2px 10px;
  float: left;
  background-color: #007ACC;
  font-size: 10px;
  background-color: #fff !important;
  border: 1px solid #007ACC;
  color: #007ACC !important;
}

#mobileTixDetails td.updatePhoneCol .blueButton:hover {
  background-color: #007ACC !important;
  border: 1px solid #007ACC;
  color: #FFF !important;
  transition: all 0.3s ease 0s;
}

.rightDiv .performanceBuyButton {
  padding: 10px 25px;
  /**/
}

#mobileTixDetails td.updatePhoneCol span {
  font-weight: bold;
  margin-left: 150px;
  display: block;
  height: 27px;
  line-height: 27px;
  vertical-align: middle;
}

#mobileTixDetails select {
  height: 24px;
  padding: 2px;
  font-size: 1em;
}

#accMobNumUpadatedMsg {
  display: inline-block;
  background: url(/images/greendisctick.png) no-repeat left center;
  padding-left: 21px;
  line-height: 16px;
}

/* Choose Tickets
============================================================================== */
.offerModule {
  margin-bottom: 10px;
}

.startAgain {
  height: 10px;
  margin: 0;
  padding: 0;
}

#backButton {
  background: #f3f3f3;
  float: left;
}

.actionBlock.copy,
.totalBox .note {
  text-align: left;
}

.chooseTicketsBackButton {
  top: 2px;
  left: 13px;
  background: #555;
  float: left;
  padding: 10px 25px;
}

.chooseTicketsBackButton:hover {
  background: #626262;
}

.chooseTicketsOfferDiv {
  float: right;
}

.chooseTicketsOfferDiv input {
  padding: 10px 25px;
}

.chooseTicketsBackDiv {
  float: left;
}

.invitedByMate {
  padding: 10px;
  border: 1px solid #6AC63F;
}

.invitedByMate strong {
  font-size: 16px;
}

.ignoreButtonContainer {
  /*text-align: right;*/
  display: none;
}

/* Seat Map
============================================================================== */
.seatMap {
  clear: both;
  display: none;
  /*border-bottom: 1px solid #ebebeb;*/
  width: 923px;
}

.seatMapSL {
  clear: both;
  height: 0px;
  border-bottom: 1px solid #ebebeb;
  width: 924px;
}

.toolbar {
  background: #ebebeb;
  color: #555;
  float: left;
  width: 925px;
  height: 35px;
  line-height: 35px;
  /*border-bottom:2px solid #555;*/
}

.infoToolbar {
  background: #ebebeb;
  color: #555;
  float: left;
  width: 100%;
  height: 33px;
  line-height: 33px;
}

h5.infoToolbar {
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 18px;
  margin: 0;
  float: none;
  width: inherit;
}

.infoToolbar .disclaimer {
  color: #555 !important;
  font-weight: bold;
  float: right;
  margin-right: 5px;
}

.toolbarTitle {
  font-size: 18px;
  font-weight: bold;
  width: 270px;
  float: left;
  line-height: 33px;
  vertical-align: middle;
  margin-left: 18px;
}

.toolbarSubTitle {
  font-weight: 500;
  line-height: 33px;
  display: inline-block;
}

.front {
  background: url("../Images/Arrow-90.png") no-repeat 0% 50% transparent;
  padding-left: 30px;
  padding-right: 30px;
  margin-right: 20px;
  border-right: 2px solid #ebebeb;
  line-height: 33px;
  float: left;
}

.stageDirection {
  background: no-repeat 0 5px transparent;
  padding-left: 10px;
  float: left;
}

.toolbarSeperator {
  border-left: 2px solid #ebebeb;
  margin-left: 30px;
  margin-right: 30px;
  float: left;
}

.sectionMapContainer {
  width: 751px;
  height: 432px;
  float: left;
  border-right: 2px solid #ebebeb;
  padding-top: 10px;
  padding-bottom: 10px;
}

.seatMapSideBar {
  width: 170px;
  float: left;
}

.offerSection {
  margin-top: 0 !important;
  margin-bottom: 13px !important;
}

.offerSectionMap {
  text-align: center;
}

.offerPerfVenueMap h4,
.offerSeatLegend h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 10px;
  background: #fff !important;
  color: #555 !important;
}

.offerMySection {
  background: url("../Images/yellowdot.png") no-repeat left center transparent;
}

.offerAllSection {
  background: url(../images/greydot.png) no-repeat left center transparent;
}

.offerMapLegend {
  margin: 10px 10px 0 20px;
  padding-left: 18px;
}

.offerPerfMap {
  text-align: center;
  padding: 10px 0;
  height: 130px;
  width: 170px;
}

.offerPerfMap img {
  vertical-align: middle;
}

.offerMySeats {
  background: url(/images/myseat.png) no-repeat left center transparent;
}

.offerReservedSeats {
  background: url(/images/reservedseat.png) no-repeat left center transparent;
}

.offerUnavailableSeats {
  background: url(/images/unavailable.png) no-repeat left center transparent;
}

.offerSection h6,
.offerSection p {
  margin: 4px 0;
  padding: 0;
}

.sectionInfo {
  width: 472px;
  float: left;
  height: 100%;
  min-height: 100px;
}

.seatInfo {
  min-height: 100px;
  border-left: 1px solid #ebebeb;
  width: 449px;
  float: left;
  height: 100%;
}

.sectionInfoContent,
.seatingInfoContent {
  float: left;
}

.sectionInfoContent ul,
.seatingInfoContent ul {
  margin: 10px 0 0 0px;
  float: left;
  padding-left: 18px;
  width: 413px;
}

.sectionInfoContent li,
.seatingInfoContent li {
  margin: 0 0 5px 0;
}

.sectionInfoContent li strong,
.seatingInfoContent li strong {
  color: #555;
}

.subTitlebar {
  background: #f3f3f3;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 18px;
  width: 413px;
  float: left;
  line-height: 26px;
}

.subSectionTitlebar {
  /*background: #f3f3f3;*/
  font-size: 12px;
  font-weight: bold;
  padding: 5px 18px;
  text-align: right;
  line-height: 26px;
}

.closeButton {
  display: inline-block;
  line-height: 33px;
  vertical-align: middle;
  cursor: pointer;
  float: right;
  margin: 0px 14px 0 20px;
}

.arrow {
  vertical-align: middle;
  margin-bottom: 1px;
}

.staticMap img {
  padding-top: 20px;
  padding-bottom: 8px;
  max-width: 580px;
  margin: 0 auto;
  display: block;
}

.horizontalHairline {
  height: 2px;
  margin-top: 10px;
  text-align: center;
}

.holdSeatsInfo {
  display: none;
}

.CreditCardOptions {
  margin-bottom: 10px;
}

/* Section
============================================================================== */
.detailModuleHeaderBar {
  background: #ebebeb;
  color: #555;
  /*padding:6px 18px;*/
  font-weight: bold;
  font-size: 16px;
  height: 26px;
  line-height: 26px;
  padding: 6px 10px;
  margin: 0 12px;
}

.section {
  border: 2px solid #ebebeb;
  margin: 12px 12px 0 12px;
}

.tickets-page .section {
  margin: 12px 0 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  /* min-height: 320px; */
}

.section .sectionTitle {
  /*background: #ebebeb;*/
}

.sectionTitle {
  margin-top: 0px;
}

.section h4 {
  /*	background: #ebebeb;*/
  color: #555;
}

h4.sectionName {
  font-size: 16px;
  line-height: 26px;
  padding: 6px 10px;
  text-transform: capitalize;
}

.textWithIcon {
  padding-left: 45px;
}

/* .purchaseSubmit strong {
    color: red;
} */
/*.purchaseSubmit
{
	width:914px;
	padding-left: 25px;
	padding-bottom: 10px;
	font-size: 18px;
}*/
.purchaseSubmit {
  padding: 12px;
  font-size: 18px;
  margin-bottom: 30px;
}

.sideBox {
  /*width: 250px;*/
  padding-right: 54px;
}

.purchaseSubmitText {
  float: left;
}

.purchaseSubmitText .innerBox {
  padding: 10px 15px;
}

.submitPayment {
  margin-right: 0px;
  padding-right: 0px;
  display: inline-block;
  text-align: right;
  vertical-align: top;
  float: right;
}

.iconLock {
  background: url(../images/lock.png) top left no-repeat;
}

.iconPrivacy {
  background: url(../images/privacy.png) top left no-repeat;
}

.iconInfo {
  background: url(../images/info.png) top left no-repeat;
}

.icon35 {
  min-height: 35px;
}

* html .icon35 {
  height: 35px;
}

.outerBox {
  display: table;
  overflow: hidden;
}

/* fix for Secure/ViewBasket - personal detials */
.actionBlock .blockContent.clearfix.outerBox {
  display: block;
  overflow: visible;
}

.middleBox {
  top: 50%;
  display: table-cell;
  vertical-align: middle;
}

.innerBox {
  top: -50%;
}

/* Transfer page
==============================================================================*/
#trafficContentTransfer {
  width: 860px;
  margin: 0 auto;
  padding: 50px 20px;
  /* background: rgba(12, 76, 147, .67); */
  /* background: #f3f3f3; */
  /* border: 1px solid #0C4E99; */
  /* border: 1px solid #ebebeb; */
}

#trafficContentTransfer .trafficNotice {
  font-size: 1.1em;
  background-color: #fff;
  padding: 25px;
  color: #555;
  border: 16px solid #f3f3f3;
}

#trafficContentTransfer p {
  font-size: 1.2em;
}

#trafficContentTransfer input,
#trafficContentTransfer select {
  font-size: 1em !important;
}

.overflowHidden {
  overflow: hidden;
}

/**************** Find My Friends - START ****************/
.fmfInfo {
  float: left;
  width: 560px;
  padding: 20px;
  border-right: 1px solid #ebebeb;
}

.fmfLogo {
  width: 181px;
  float: left;
  text-align: center;
}

.fmfLogo a,
.fmfLogo a:hover {
  padding-top: 3px;
  font-size: 11px;
}

.fmfDescription {
  float: left;
  width: 369px;
  padding-left: 10px;
}

.fmfDescription strong {
  font-size: 14px;
}

.fmfButtons {
  float: left;
  width: 280px;
  padding: 20px;
}

.fmfButtons img {
  float: left;
  width: 36px;
}

.fmfButtons div {
  margin-bottom: 1em;
}

.fmfButtonsContent {
  margin-left: 46px;
}

.fmfButtonsContent p {
  margin-bottom: 0.2em;
}

.fmfButtons label {
  position: relative;
  display: block;
  padding-left: 30px;
}

.fmfButtons label input {
  position: absolute;
  left: 0;
  top: 5px;
}

/**************** Find My Friends - END ****************/
#darkGradientBG #bodyBackgroundWrap #wrapBody #ContentShellSmall iframe {
  height: 2px !important;
}

#darkGradientBG #bodyBackgroundWrap #wrapBody #ContentShellSmall #seatAreaMapImages iframe {
  height: inherit !important;
}

#recaptcha_div {
  padding-top: 10px;
  margin-left: 187px;
}

#darkGradientBG #bodyBackgroundWrap #wrapBody #ContentShellSmall #recaptcha_div iframe {
  height: 78px !important;
}

#overlay,
#overlay2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
}

.overlaybg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.overlayText {
  position: relative;
  margin: 0 auto;
  top: 27%;
  z-index: 10001;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  width: 850px;
  padding: 20px 10px;
  text-align: left;
  background: #000;
}

.overlayText #popupBodyContent {
  margin: 17px;
  margin-top: 0px;
}

.overlayText h1 {
  color: #fff;
}

/**************** Save Credit Card Details - START ****************/
.saveCreditCardChangeMessageContainer {
  min-height: 50px;
  margin: 0px;
  padding-bottom: 10px;
}

.saveCreditCardChangeMessage {
  font-weight: normal;
  color: Red;
  /*	border: 1px solid #BBBDBF;*/
  padding: 5px 10px;
  background-color: #ebebeb;
}

/**************** Save Credit Card Details - END ****************/
ul.errors {
  color: red;
}

/*Upsell performance 2*/
.upsellPerformanceContainer2 .performanceInfo {
  width: 570px;
}

.upsellPerformanceContainer2 .performancePurchase {
  padding: 15px 10px 0 0;
  width: 220px;
  margin-left: 20px;
  text-align: right;
}

.upsellPerformanceContainer2 .performancePurchase td.rightColumn {
  text-align: right;
  padding-bottom: 3px;
}

.upsellPerformanceContainer2 .throbberBox {
  margin-top: 10px;
}

.dob {
  min-width: 127px;
  padding: 0;
  vertical-align: top;
}

.dob label {
  margin-top: 5px;
  display: block;
}

.dob table td {
  padding: 0 3px;
  vertical-align: middle;
  text-align: center;
}

.dob .inputVeryShort {
  width: 42px;
  text-align: center;
}

.feeCharge {
  margin: 0 17px 15px 0;
}

/*#basketPayment .totalBox .actionBlock{
	height: 429px;
	position: relative;
	background-color: #f3f3f3;
}*/
#basketPayment .totalBox .actionBlock table {
  margin-top: 0px;
  margin-left: 0px;
}

#basketPayment .totalBox .actionBlock .note {
  margin-top: 10px;
  /* width: 226px; */
}

#basketPayment .totalBox .actionBlock.giftVoucher {
  height: 40px;
}

#basketPayment .totalBox .actionBlock.giftVoucher table {
  border: 1px solid #EBEBEB;
  left: 0;
  margin-top: 3px;
  width: 235px;
}

.deliveryDescription {
  background-color: #FFF;
  /* border: 10px solid #f3f3f3; */
}

.actionBlock .blockTitle h4.SummaryTitleVB {
  float: none;
}

.BasketCountST,
.BasketCountUS {
  padding: 0 5px;
  background-color: #F3F3F3;
}

.BasketCountVB {
  line-height: 1em;
}

/**************** Recaptcha - START ****************/
#recaptcha_area .recaptchatable {
  width: 100%;
}

#recaptchaContainer #recaptcha_privacy a {
  color: #00aced;
}

#recaptchaContainer .recaptchatable #recaptcha_response_field {
  padding: 2px;
  width: 294px;
  color: #555;
  font-size: 12px;
}

/**************** Recaptcha - END ****************/
.none {
  display: none;
}

.bestOfferSeats {
  font-size: 11px;
}

#templated-alert-message {
  position: relative;
}

/* Visa Checkout - Start */
#imgCvcHelp.help {
  display: inline-block;
}

.cvcHelpToolTip {
  max-width: 385px;
}

/* 
.paymentOptions {
    padding-left: 55px !important;
    vertical-align: middle;
    margin-top: 10px;
    height: 45px;
}

.paymentOptions input[type="radio"] {
    vertical-align: middle;
    margin-left: 7px;
}

.paymentOptions input[type="radio"] + label,
.radioAlign {
    vertical-align: middle;
    margin-left: 3px;
}

.paymentOptions .googlePayPaymentOption {

    float: left;
    margin-left: 15px;
    margin-right: 15px;

}

.paymentOptions .googlePayPaymentOption button.gpay-button {

    background-size: auto;
    min-width: 100px;
    width: 100px;

}

.visaCheckoutMessageContainer {
    padding: 10px;
    line-height: 1.3em;
    width: 100%;
    font-size: 1.1em;
}

    .visaCheckoutMessageContainer .visaCheckoutHeader {
        font-weight: 800;
    }

.visaCheckoutErrorMessageContainer {
    padding-top: 10px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 1.1em;
    color: red;
}

.v-button {
    vertical-align: middle;
    display: inline-block;
}

    .v-button input[type="radio"] {
        display: none;
    }

    .v-button img {
        width: 120px;
        cursor: pointer;
    }

        .v-button img.edit {
            width: 57px;
        }

.visaTellMeMore {
    position: absolute;
    bottom: 14px;
    right: 0;
}


#uiPaymentOptionSeparator {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
}

#uiPaymentOptionSeparatorForLayPay {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
}

.creditCardPaymentOption {
    float: left;
}

.visaCheckoutPaymentOption {
    float: left;
    padding-bottom: 15px;
    position: relative;
    height: 100%;
    line-height: 1em;
}

.v-button .visaEditText {
    vertical-align: top;
}

.googlePayMessageContainer {
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 25px;
    width: 100%;
    font-size: 1.1em;
}
.g-button input[type="radio"] {
    display: none;
}
span.googlePayButton > div {
    display: inline;
}
span.googlePayButton > div > button {
    min-height: 30px;
    height: 30px;
    width: 90px;
    min-width: 90px;
    padding: 5px 24px 3px;
} */
body .buy-backdrop {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.paymentOptions {
  padding: 10px 10px 10px 15px !important;
  line-height: normal !important;
}

.paymentOptions .payment-row {
  overflow: hidden;
  float: none;
  margin-right: 20px;
  display: inline-block;
  min-height: 40px;
  vertical-align: top;
}

.paymentOptions .payment-row .item-fl {
  height: 40px;
  line-height: 30px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}

.paymentOptions .payment-row .payment-row-text {
  line-height: 30px;
  margin-right: 10px;
  text-align: right;
  width: 60px;
}

.paymentOptions .payment-row input[type=radio] {
  margin: 5px 5px 5px 0;
}

.paymentOptions .payment-row #rdVisaCheckout {
  display: none;
}

.paymentOptions .googlePayPaymentOption .gpay-button.short {
  width: 140px;
  border-radius: 6px;
}

.paymentOptions .googlePayPaymentOption .g-button {
  display: none;
}

.paymentOptions .visaCheckoutPaymentOption .rdBtnPaymentMethod, .paymentOptions .visaCheckoutPaymentOption .rdBtnPaymentMethod img, .paymentOptions .visaCheckoutPaymentOption .rdBtnPaymentMethod label {
  display: block;
  line-height: normal;
}

.paymentOptions .visaCheckoutPaymentOption .rdBtnPaymentMethod img {
  cursor: pointer;
  width: auto;
  padding-top: 4px;
}

.paymentOptions .visaCheckoutPaymentOption .rdBtnPaymentMethod {
  display: inline-block;
}

.visaCheckoutPaymentOption img.v-button.edit {
  width: auto;
  height: 40px;
  padding-top: 0;
}

.visaCheckoutPaymentOption a.v-button.visaEditText {
  font-size: 15px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
}

.paymentOptions .optionhide {
  display: none !important;
}

/* Adding Afterpay Updates - Start */
.creditCardPaymentOption, .partPaymentOption {
  display: inline-block;
  border-radius: 6px;
  background-color: #000;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}

.afterpayPaymentOption {
  background-image: url("/images/Afterpay_Logo_Black.svg");
  background-size: 140px 60px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 140px;
  height: 40px;
  display: inline-block;
  background-color: #b2fce4;
  border-radius: 20px;
}

.paymentOption {
  margin-right: 12px;
}

.paymentOption label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  width: 100%;
}

.actionBlock .blockTitle.paymentOptions {
  padding: 6px 0 6px 20px;
}

.paymentOptions input[type=radio] {
  display: none;
}

.submitPayment {
  display: none;
}

.creditCardPaymentOption label {
  cursor: pointer;
  font-weight: 500;
}

/* Adding afterpay updates - End */
.note h6 .feesInfo {
  /*padding-left: 100px;*/
  width: 17px;
  background: url(../images/disabledarrowdown.png) top right no-repeat;
}

/* Visa Checkout - End */
#partPaymentIframe {
  width: 100%;
  border: 0;
  height: 300px;
}

.partPaymentContainer {
  display: none;
}

.ui-dialog.standardDialog {
  text-align: left;
  overflow: visible;
  font-family: "Open Sans", Arial, Helvetica, Sans-serif;
  border-radius: 0;
  padding: 0;
}

.ui-dialog.standardDialog .ui-dialog-title,
.ui-dialog.standardDialog .ui-dialog-title h1 {
  font-size: 2em;
  color: #555;
  margin-top: 0;
}

.ui-dialog.standardDialog h2 {
  font-size: 1.5em;
  color: #555;
}

.ui-dialog.standardDialog .ui-dialog-titlebar {
  border: 0;
  border-radius: 0;
  background: #EBEBEB;
}

.ui-dialog.standardDialog .ui-dialog-titlebar-close {
  width: 26px;
  height: 27px;
  padding: 0;
  margin: 0;
  top: -20px;
  right: -7px;
  background: none;
  border: none;
}

.ui-dialog.standardDialog .ui-dialog-titlebar-close span.ui-icon {
  width: 26px;
  height: 27px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkNBOEFEMTg4MTYzMTFFMzhFRDNDOEQ5MUVFREI2QTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkNBOEFEMTk4MTYzMTFFMzhFRDNDOEQ5MUVFREI2QTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Q0E4QUQxNjgxNjMxMUUzOEVEM0M4RDkxRUVEQjZBNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2Q0E4QUQxNzgxNjMxMUUzOEVEM0M4RDkxRUVEQjZBNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqIz3GcAAAOfSURBVHjanFZNSFRRFD7z4y9iMi5EBXFytAiU0YEEXQTKpCKYIcNIRARZUMsWrYIoWrlo28JaSIjpBNLIkKQEuRhI8Q9lZFAZEBVS8AfScdTRznfnvcfr+eaNeeDjXe6973zn7557TR6Ph1LILUYzw824wciS5o8Y84yfjBHGqJESq8EaFHcznEnW0xkuCc8ZYcZLxhe9zWadOVj8mfHdgERPrjF8jG8MWyqiYkaQ4aXLC8L8i2FPRgRPvqq9OD09pZOTE4F4PE5nZ2fKZowxf3x8LIB1lTikiNj0cvRBinfCArOZcnJyxNdkMtH+/j4dHR2JMQzANzc3l6zWhAqLxUK7u7tqYxxSCm6riVoZ99QmZWRkUFdXl6Lo8PCQhoaGKBwOU1paGlVVVVFLS4sggPK9vT3q7e0VXmoKCmkYkIleawONH+ARFMqytrZGS0tLZLPZyO12U11dnbI2ODiohBTequQtKhE5uqkOmSyIe09PD+3s7ChzUFxeXi5QU1Oj5HFxcVEQwTgNiRzCZhDdTVY+y8vLNDExoYSjtLSUGhoaqLq6WngL2d7eFiTqQtGRVqt08nUFyvr7+6miooLs9kS1ImTwAoJKW1hYoKmpKcrMzDQicpsl13QFYdjc3KTJyUk6ODgQc1CYnZ0tPFhdXaVAIKAUjIHYQXTFaAeU+nw+WllZ+WcepT49PU3z8/MXIbKAKG60A17FYjFxjrRViXmcs4sIdm0bbYDltbW1VFJScs5Tl8tFhYWFSs6M1IAolMqjtrY2KigoODdfVlZGnZ2d4rCmkBCIfiRbRQF0dHSQw+EQHQAyPj5OwWAw0b84Nyj1+vp6bUfQygiIBpKtFhcXU2NjI2VlJe66SCRCfr9flLN8btAl2tvbUxXEAIgiDL9eyLxeLxUVFSlz8CQUCgnMzMwozbeyspKamprEPzoHFzfwrFwyr6SrWWzEz+gCTqdTNFO0I5T33NycSPzGxgaNjY3R1taWqDwUDDzPy8vTI3uh7t6z0jXcrb4mhoeHxRjdGl17fX1ddAt0BPS3vr4+ys/PV4wDiYboHWNCREjzOPnEuC831Wg0qnTk9PR0cXXIRYHkYx2kIAGQS9W5CjDuyOdUm8FHDGh/DC8ArcjWglBurDqCB8oDdTPQHmvk6QnjGar7Eu+FqJRvjzQ2fAVB3jOuMnoZsQsQwMCPjOuMN//7rvvNeMh4Kl3JbumVJPeidQmjEv4YWfJXgAEAU9hzq/+2WjIAAAAASUVORK5CYII=") no-repeat;
}

.ui-dialog.standardDialog .ui-dialog-titlebar-close.ui-state-hover {
  border: 0;
  background: none;
}

.ui-dialog.standardDialog .ui-dialog-content {
  font-size: 1.2em;
  color: #555;
  background: #fff;
  overflow: hidden;
}

.ui-dialog.standardDialog .ui-dialog-buttonpane {
  border: 0;
}

.linkedAccountDialog .buttonRow .button,
.ui-dialog.standardDialog .ui-dialog-buttonpane button.blueButton {
  display: inline-block;
  border: 0;
  padding: 5px 0;
  background: #007ACC;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: "Open Sans", Arial, Helvetica, Sans-serif;
  text-decoration: none;
  width: 150px;
  border-bottom: 1px solid #EBEBEB;
  border-right: 1px solid #F3F3F3;
  border-radius: 0;
}

#seatingPreferencesDialog {
  padding: 15px 20px;
}

.seatingInformationDialog {
  background: #EBEBEB;
}

.seatingInformationDialog .detail-item {
  padding: 10px 20px;
  float: left;
}

.seatingInformationDialog .detail-item h4 {
  font-weight: normal;
  font-size: 1.5em;
}

.seatingInformationDialog .detail-item p {
  font-size: 1.5em;
}

.seatingInformationDialog .detail-item .seat-info {
  padding: 5px 10px;
}

.seatingInformationDialog .detail-item .seat-info p {
  font-size: inherit;
  margin: 0;
}

.seatingPreferenceDialog {
  padding-top: 15px;
}

.seatingPreferenceDialog .preferenceDetails {
  padding: 10px 20px;
  background: #EBEBEB;
}

.seatingPreferenceDialog .preferenceSelection {
  float: left;
  width: 45%;
}

.seatingPreferenceDialog .preferenceSelection select {
  width: 100%;
  padding: 5px;
}

.seatingPreferenceDialog .preferenceText {
  float: right;
  width: 50%;
}

.seatingPreferenceDialog .preferenceText textarea {
  width: 95%;
  resize: none;
}

.seatingPreferenceDialog .preferenceSelection h4,
.seatingPreferenceDialog .preferenceText h4 {
  font-weight: normal;
  font-size: 1.5em;
}

.partPaymentOption {
  margin-left: 5px;
  float: left;
}

#tblUpsellPreview {
  width: 100%;
}

.tdUpsellPreview {
  width: 33%;
  padding: 0;
  float: left;
}

#memberOfferContent td {
  vertical-align: top;
}

.upsellItem,
.upsellItemPopUp {
  border: 1px solid #ebebeb;
  padding: 5px;
}

.upsellItemBlock {
  display: inline-block;
  float: left;
}

#upsellPopUp {
  display: none;
}

.upsellItemDetails {
  /*width: 70%;*/
  float: right;
}

.merchUnavailable {
  color: red;
}

.merchPrice {
  text-align: center;
  padding: 4px 10px 4px 10px;
  margin-bottom: 3px;
}

.merchAddBtn {
  padding: 4px 10px 4px 10px;
  border: none;
  color: black;
}

.upsellItemPopUp {
  width: 200px;
  height: 150px;
}

.upsellItemPopUpDropdown {
  padding: 2px 5px 2px 5px;
  width: 70px;
}

.merchPriceDiv,
.merchAddBtnDiv {
  margin: 5px 0 5px;
  padding: 4px 10px 4px 10px;
}

.merchPriceDiv,
.merchPrice {
  background: #EBEBEB;
}

.merchAddBtnDiv,
.merchAddBtn {
  background: #007ACC;
  cursor: pointer;
}

#deliveryDialog {
  padding: 0;
  overflow: visible;
}

#deliveryDialog .headerRow {
  padding: 10px 0;
  background: #F3F3F3;
}

#deliveryDialog .offerRow {
  padding: 10px 0;
  border-bottom: solid 1px #EBEBEB;
}

#deliveryDialog ul li {
  display: inline-block;
  width: 33%;
}

#deliveryDialog ul li:first-child span {
  border: 0;
}

#deliveryDialog ul li span {
  padding: 10px;
  border-left: solid 1px #fff;
}

#deliveryDialog ul li select {
  padding: 5px;
}

.linkedAccountDialog .formBox {
  background: #EBEBEB;
  padding: 10px;
}

.linkedAccountDialog .formBox .fieldRow .left {
  float: left;
  width: 45%;
  padding: 0 5px;
}

.linkedAccountDialog .formBox .fieldRow .right {
  float: right;
  width: 45%;
  padding: 0 5px;
}

.linkedAccountDialog .formBox .fieldRow label {
  width: 30%;
  float: left;
}

.linkedAccountDialog .formBox .fieldRow input {
  width: 65%;
  float: right;
}

.linkedAccountDialog .buttonRow .button {
  float: right;
  text-align: center;
}

.linkedAccountDialog .statusBox {
  position: absolute;
  bottom: -56px;
  left: 10px;
}

.ui-dialog.standardDialog #linkedAccountDialog.ui-dialog-content {
  overflow: visible;
}

#pipeLineContent table.userDetailsTable input.inputLarge,
#pipeLineContent table.userDetailsTable select {
  width: 225px;
  max-width: 225px;
}

/* viewbasket.aspx - label in the section Billing/Delivery Address */
#pipeLineContent table.userDetailsTable label {
  display: block;
}

/* viewbasket.aspx - label in the section Personal Details */
#pipeLineContent div.contentContainer div.userDetailsFormRow label {
  display: inline-block;
  width: 100px;
  text-align: right;
  font-size: inherit;
  padding: 6px;
}

/* viewbasket.aspx - input in the section Personal Details */
#pipeLineContent div.contentContainer div.userDetailsFormRow input {
  width: 208px;
}

/* viewbasket.aspx - anchor in the section Personal Details */
#pipeLineContent div.contentContainer div.userDetailsFormRow a {
  padding-left: 117px;
}

/* viewbasket.aspx - Personal Details section */
.basketPersonalDetails {
  display: inline-block;
}

/* viewbasket.aspx - Personal Details section - Your Security & Privacy block */
#securityPrivacyInfo {
  width: 375px;
  margin-top: -20px;
}

div#securityPrivacyInfo div.rhsExtraSmall div.textWithIcon:nth-child(-n+2) {
  display: none;
}

/* FCT-725 */
.creditCardFields select[disabled] {
  background-color: #ebebe4;
}

table tr.unavailable {
  color: #999;
}

/* FCT-888 */
.TermsandConditions .purchaseSubmit .cancelOrderButton {
  display: none;
}

/* FCT-887 */
.basketPersonalDetails td.alignRight {
  width: 130px;
}

/* Extra stylesheets for new design */
ul.smallFooterWrapContainer {
  text-align: center !important;
  margin-top: 10px;
}

ul.smallFooterWrapContainer li {
  display: inline-flex;
  padding: 0 10px;
  vertical-align: middle !important;
}

.fa-trash:before {
  content: "";
  font-size: 18px;
}

.sectionTitle .sectionDetails {
  padding: 10px 15px;
}

.sectionDetails strong {
  font-weight: 600;
}

.seatDetails {
  width: 320px;
  /* display:inline-block;	 */
  border: none;
  border-radius: 4px;
  border-right: none !important;
  padding-left: 605px;
}

.seatDetails > table {
  margin: 10px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  background-color: #00497a;
  color: #fff;
  width: 94%;
}

.seatDetails strong {
  font-weight: 400;
  opacity: 0.75;
  text-transform: uppercase;
}

.seatDetails table tr {
  display: block;
  text-align: -webkit-center;
  text-align: -moz-center;
  margin: 0 10px;
  font-weight: 600;
}

.seatDetails table td {
  min-width: 50px;
  vertical-align: top;
}

.seatDetails tr.seatDetailsRow {
  border-bottom: 1px dotted rgba(235, 235, 235, 0.5);
  margin: 0px 10px;
}

.seatDetails td.seatDetailsCol {
  border-right: 1px solid #ebebeb;
}

.seatDetails table td.offerInfo.customBorder {
  border-right: 1px dotted rgba(235, 235, 235, 0.5);
  border-image: linear-gradient(transparent 15%, rgba(235, 235, 235, 0.5) 15% 85%, transparent 85%) 1 100%;
  padding-right: 10px;
}

.seatDetails table td.offerInfo.delMethod {
  padding-left: 10px;
}

.note > .feesAndChargesInfo {
  margin: 5px -5px;
}

.seatDetails table td.offerInfo.delMethod, .seatDetails table td.offerInfo.customBorder {
  width: 50%;
}

.afterpay-notes {
  text-align: right;
  margin-bottom: 12px;
}

.afterpay-notes.afterpay-with-pay-fee-details {
  text-align: center;
}

.afterpay-notes p {
  margin: 0;
}

.afterpay-notes p:nth-child(2) {
  font-style: italic;
}

.afterpay-notes p:nth-child(2) a {
  font-style: normal;
}

.afterpay-notes img {
  vertical-align: middle;
}

.afterpay-notes a {
  display: inline-block;
  font-weight: bold;
}

.totalBox .note > .feesAndChargesInfo {
  margin: 5px 0;
}

.totalBox .afterpay-notes {
  padding: 10px;
  text-align: left;
  margin-right: 12px;
  border: 1px solid rgba(215, 215, 215, 0.7);
  border-radius: 4px;
}

.totalBox .afterpay-notes p:first-child {
  box-shadow: 0 20px 0 -19px #f6f6f6;
  padding-bottom: 10px;
}

.totalBox .afterpay-notes p:nth-child(2) {
  padding-top: 10px;
  font-size: 11px;
}

.detailModule.refundable-tickets {
  width: 680px;
  float: left;
}

.refundable-tickets .actionBlock .blockContent {
  padding: 0 5px;
}

.afterpay-with-pay-fee-details p {
  margin: 6px;
}

.afterpay-with-pay-fee-details input[type=button], .afterpay-with-pay-fee-details input[type=submit] {
  display: none;
}

.afterpay-with-pay-fee-details .buttons {
  margin: 0 12px;
}

.afterpay-with-pay-fee-details .buttons button {
  display: block;
  margin: 12px 0;
  width: 100%;
  padding: 0;
  border-radius: 4px;
  outline: none;
  border: 0;
  background-color: #ffffff;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}

.afterpay-with-pay-fee-details .buttons button img {
  /* padding-left: 8px; */
  height: 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  border-radius: 9px;
}

/* Afterpay Popup - Start*/
.afterpay-popup {
  display: block;
  background: rgba(108, 108, 108, 0.4);
  z-index: 99;
  font-family: "Raleway", sans-serif;
}

.afterpay-popup .popup-wrapper {
  padding: 40px;
  max-width: 900px;
  background: #fff;
  margin: 100px auto;
  font-size: 14px;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}

.afterpay-popup p {
  line-height: 22px;
}

.afterpay-popup .popup-wrapper img {
  max-width: 100%;
}

.afterpay-popup .img-block p {
  font-size: 13px;
  font-weight: bold;
  color: #888;
}

.afterpay-popup i.fa.fa-close {
  border-radius: 50%;
  width: 20px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #000;
}

.afterpay-popup .close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.afterpay-popup .h-block.desktop {
  display: block;
}

.afterpay-popup .h-block.mobile {
  display: none;
}

.afterpay-popup .h-block {
  padding: 10px 0 20px;
  text-align: center;
  font-size: 18px;
}

.afterpay-popup .h-block h1 {
  font-size: 40px;
  font-weight: 600;
  color: #000000;
}

.afterpay-popup .info-blocks {
  display: flex;
  flex-wrap: wrap;
  color: #000;
  font-weight: 600;
}

.afterpay-popup .info-blocks .info-block {
  width: 25%;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

.afterpay-popup .info-block .icon {
  width: 90%;
}

.afterpay-popup .l-block {
  vertical-align: bottom;
}

.afterpay-popup .l-block img {
  width: 45%;
  max-width: 300px;
}

.afterpay-popup .t-block {
  display: inline-block;
  vertical-align: bottom;
}

.afterpay-popup .footer-block {
  color: #000000;
  font-weight: 600;
  text-align: center;
  padding: 20px 60px;
}

.afterpay-popup a {
  color: #000000;
  font-weight: 700;
}

span.customPwdMsg {
  display: none;
}

@media only screen and (max-width: 767px) {
  .afterpay-popup {
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
  }

  .afterpay-popup .popup-wrapper {
    margin: 10px 10px 60px 10px;
    padding: 10px;
  }

  .afterpay-popup .info-block.three .img-block {
    text-align: center;
  }

  .afterpay-popup .footer-block span.block {
    display: block;
  }

  .afterpay-popup .l-block {
    margin: 30px 0 10px;
  }

  .afterpay-popup .close {
    top: 5px;
    right: 10px;
  }
}
@media (max-width: 767px) {
  .afterpay-popup .h-block.desktop {
    display: none;
  }

  .afterpay-popup .h-block.mobile {
    display: block;
  }

  .afterpay-popup .info-blocks .info-block {
    padding: 5px 20px;
    display: flex;
    align-items: center;
  }

  .afterpay-popup .info-blocks .img-block {
    width: 40%;
  }

  .afterpay-popup .info-blocks .infoText {
    width: 60%;
    text-align: left;
    padding-left: 20px;
  }

  .afterpay-popup .l-block img {
    width: 90%;
  }

  .afterpay-popup .h-block h1 {
    font-size: 36px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .afterpay-popup .info-blocks .info-block {
    width: 100%;
  }

  .afterpay-popup .footer-block {
    padding: 20px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .afterpay-popup .popup-wrapper {
    margin: 10px 10px 30px 10px;
    padding: 10px;
  }
}
/* Afterpay Popup - End*/