/*
	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;
}
img.floatImg {
	float: left;
	margin: 0px 10px 5px 0px;
}
div.removeButton {
	padding-left: 12px;
	width: 77px;
	height: 24px;
}
/* Contains main background with lights and gradients */
#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;
	/* Left Right Shadow*/
	-moz-box-shadow: 0px 0px 3px 3px #ccc;
	-webkit-box-shadow: 0px -3px 3px 3px #ccc;
	box-shadow: -6px 1px 3px -3px #ccc, 6px 1px 3px -3px #ccc;
}
#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 {
	width: 70%;
	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;
}
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: #fee949;
}
#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;
}
a, .detailModuleCopy a {
	color: #00ACED;
	font-weight: 500;
	text-decoration: none;
}
a:hover {
	color: #555;
	text-decoration: underline;
}
.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 .detailModuleCopy { padding-left: 12px; padding-right: 12px; }

#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 {
	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 24px 12px;
	background-color: #fff;
	font-size: 12px;
}
.detailModuleCopy .detailModuleCopy {
	font-size: 1em;
	border: solid 1px #00ACED;
	border-top: none;  
}
.detailModuleCopyError {
	margin: 10px 0 0 30px;
}
.detailModuleCopyError img {
	float: left;
}
.detailModuleCopyError .errorImage {
	margin-top: 6px;
}
.detailModuleCopyError .errors {
	float: left;
	margin-left: 10px;
}
.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: 10px 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;
}
.entitlement-password-form {
    clear: both;
    display: none;
}
.password-capturing #entitlementPassword .titleBar {
    width: 100%;
}
.password-capturing #password-area, .password-capturing #password-input
{
    width: 262px;
}
.password-capturing .controls a,.password-capturing .controls input {
    display: block;
    margin-top: 10px;
}
#entitlementPassword {
    font-size: 1.2em;
}
#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 {
	font-size: 11px;
	text-align: right;
}
td.ccCell input {
	margin: 0 !important;
	padding: 0 !important;
}
td.ccCell {
	padding: 2px;
}
* html td.ccCell {
	padding: 0;
}
.redText {
	color: red;
}
#ticketSelectorContainer {
    position: relative;
}
.ticketSelectionVenueMap {
	float: left;
	width: 425px;
}
.ticketSelectionVenueMap select, .ticketSelectionVenueMap select.borInput {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 12px;
}
.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;
}
.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;
}
.ticketSelection .actionBlock .blockContent, .ticketSelectionLong .actionBlock .blockContent, .chooseTixSelectionElement {
	background-color: #fff;
	font-size: 12px;
}
.ticketSelection .actionBlock.copy {
    padding: 5px 20px;
    background-color: #F3F3F3;
}
.ticketSelection th, .ticketSelection td
{
    padding: 5px 6px;
}
.ticketSelectionDDLElement {
	text-align: right;
}
.seatAreaSelectionElement {
	padding: 0 12px 10px 12px;
}
.ticketSelectionDDLElement label {
	float: left;
	padding-top: 4px;
    padding-left: 6px;
	font-size: 12px;
	font-weight: 500;
}
.ticketSelectionDDLElement select.longSelect {
	width: 308px;
}
.chooseTickets h5 {
	margin: 10px 0;
	padding-left: 5px;
	font-size: 16px;
}
.chooseTickets table {
	width: 100%;
	margin-bottom: 10px;
}
.chooseTickets table label {
	font-weight: normal;
}
.chooseTickets th, .chooseTickets td {
	border-bottom: 1px solid #ebebeb;
}
.chooseTickets th:last-child, .chooseTickets td:last-child {
	padding-right: 0;
}
div.chooseTickets th {
	text-align: left;
	font-size: 14px;
	font-weight: 500;
}
div.chooseTickets th.alignRight {
    text-align: right;
}
div.chooseTickets th.th70,
div.chooseTickets td.td70 { padding-left: 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: .9em;
	text-align: right;
	margin-left: 0px;
	width: 515px;
	float: right;
}
#holdDuration {
	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;
}
#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;
}
.tickets-page div#continueBar {
	padding: 3px 0 15px 0;
}
div#continueBar a {
	text-decoration: none;
	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;
}
.cancelOrderButton {
    background: #555;
}

.obstructedView {
	text-align: right;
	width: 100%;
}
.obstructedViewContent {
	padding: 12px;
	text-align: right;
}
.obstructedViewConfirm {
	width: 300px;
	display: inline-block;
}
.disabled {
	background-color: #f3f3f3;
}
select.disabled {
	border: 1px solid #ebebeb;
}
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: 33px;
	margin: 0 18px;
	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;
}
.purchasedInfo {
}
.viewMap {
	/*	border: 1px dashed #DDD;*/
	width: 260px;
	padding: 8px;
	margin-left: 242px;
	display: block;
	vertical-align: middle;
}
div.offerSection .viewMap {
	margin-left: 242px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.viewMap {
		width: 260px;
	}
div.offerSection .viewMap {
	margin-left: 242px;
	}
}
.viewMapContainer .viewMap.staticSeatMapButton {
	margin-left: 242px;
}
table.eventConfirmTable td div.viewMap {
	margin-left: 232px;
}
table.paymentOffersTable td div.viewMap, .offerContainer div.viewMap, table.paymentOffersTable td.purchasedInfoContainer div.viewMap {
	margin-left: 200px;
}
.offerContainer.purchased div.viewMap {
	margin-left: 244px;
}
.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;*/
}
.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 229px;
	clear: both;
}
table.eventConfirmTable td div.attention {
	margin-left: 227px;
}
.actionBlock {
	border: 1px solid #ebebeb;
	margin: 10px 5px;
}
.seatMapFooter.actionBlock { border: none; margin: 0; padding: 10px 0; }
.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; }
.actionBlock .blockTitle {
	background: #ebebeb;
	padding: 6px 20px;
	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 {
	background: #f3f3f3;
	padding: 5px;
	font-size: 12px;
}
.actionBlock .blockContent>*:last-child {
	margin-bottom: 0;
}
.blockContent label {
	font-weight: 500;
}
.blockContent label select, .blockContent label input {
	margin-left: 10px;
}
.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: #555;
	font-size: 12px;
	padding: 3px;
}
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: 190px;
}
.td150 {
	width: 150px;
}
.td135 {
	width: 135px;
}
.td120 {
	width: 120px;
}
.td110 {
	width: 110px;
}
.td228 {
	width: 228px;
}
.td208 {
	width: 208px;
}
.td168 {
	width: 168px;
}
.td153 {
	width: 153px;
}
.td142 {
	width: 142px;
}
.td138 {
	width: 138px;
}
.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 18px 18px 18px;
}
table tr.unavailable {
    color: #999;
}
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;
    padding: 0 6px;
	margin-bottom: 15px;
}
table.eventConfirmTable th {
    text-align: left; 
	padding: 6px;
	font-weight: 700;
    text-transform: uppercase;
}
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;
	font-weight: bold;
    text-transform: uppercase;
}
table.paymentOffersTable th.alignRight {
	text-align: right;
}
table.paymentOffersTable td.alignRight {
	text-align: right;
}
table.paymentOffersTable td.alignRight.optionfield { text-align: center; }
table.paymentOffersTable td.alignRight.optionfield .removeButton { width: auto; padding: 0; height: auto; }
/*table.paymentOffersTable td.alignRight.optionfield .addButton { display: none; }*/
table.paymentOffersTable td {
	vertical-align: top;
	padding: 6px;
}
table.paymentOffersTable td div.viewMap {
	margin-left: 247px;
}
table.paymentOffersTable td div.attention {
	margin-left: 227px;
}
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 span strong {
	color: #555;
}

.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; }

.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 {
    margin-right: 5px;
    padding: 0 5px;
    background-color: #f3f3f3;
}
.totalBox {
    overflow: hidden;
    margin-bottom: 12px;
}
#basketPayment .totalBox {
    float: right;
    width: 260px;
	padding-bottom: 38px;/*enough space for absolutely positioned image*/
    margin-bottom: 0;
}

.totalBox .note {
    float: left;
    width: 600px;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 !important;
    border-right: 1px solid #dbdbdb;
    padding-right: 20px;
}

#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;
} 
.totalBox .blockContent {
    padding-left: 7px;
    padding-right: 7px;
}
.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;
	padding: 0;
	background-color: #555;
	color: #555;
	border: none;
	height: 2px;
}
.totalBox table {
    width: 250px;
    margin: 5px 0;
    display: inline-block;
    padding-left: 20px;
    margin-left: -1px;
    border-left: 1px solid #dbdbdb;
}

#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;
}
.paymentDetailsContainer { float: left; width: 680px; }
.paymentDetails {
	float: left;
	margin-bottom: 0;
	width: 680px;
}
.paymentDetails .actionBlock {
	margin-right: 0px;
}
.paymentDetails .giftVoucher.blockInfo {
	padding-top: 10px;
	padding-bottom: 10px;
}
.paymentDetails .blockInfo h5 {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	vertical-align: top;
}
.paymentDetails .blockInfo .toggleButton {
	vertical-align: top;
	margin-right: 8px;
}
.blockInfo.creditCardFields {
	min-height: 35px;
}
.blockContent.creditCardFields {
	padding-top: 20px;
}
.creditCardFields .ccLogo {
	float: right;
	width: 70px;
}
.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: 6px;
}
.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 {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 200px;
	margin: 0;
}
.creditCardFields .paymentRight {
	top: 55px !important;
	width: 260px !important;
}
.paymentRight > * {
	margin: 0 0 10px 0;
}
.paymentDetails td.ccCell label {
	font-weight: normal;
	margin: 0;
	display: inline;
	padding: 0px 4px 0px 2px;
}
/*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;
	display: block;
}
#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;
}
#showSummary, #pipeLineContent #showSummary {
	padding: 12px;
	color: #555;
	background-color: #F3F3F3;
	margin: 12px 0;
}
#showSummary p {
	margin-bottom: 5px;
}
#showSummary h5 {
	color: #555;
	font-size: 24px;
    line-height: 24px;
    margin: 0;
    margin-bottom: 5px;
}
#showSummary h6 {
	color: #555;
    font-weight: 500;
	font-size: 16px;
    margin: 0;
    margin-bottom: 5px;
}
#showSummary div:not(.entitlement-password-form) strong {
	color: #555;
	font-size: 18px;
}
#showSummary .infoBlock { padding-left: 200px; }
/* $8 - Unique Forms
============================================================================== */
input[type="checkbox"] {
	border: none !important;
	vertical-align: middle;
}
input[type="radio"] {
	border: none !important;
	width: 20px;
	height: 20px;
}
input[type="radio"] + label, .radioAlign {
	vertical-align: 5px;
}
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;
	border-bottom: 1px solid #CCC;
	/*padding:0;*/
	margin: 0 auto /*50px auto*/;
	padding: 0 11px 0 10px;
	-moz-box-shadow: 0px 0px 3px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px 3px #ccc;
	box-shadow: -6px 0px 3px -3px #ccc, 6px 0px 3px -3px #ccc;/*padding-bottom:60px;footer position*/
}
/*
#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;
	text-decoration: none;
}
.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;
}
.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;
}
.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;
}
/* 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 */
.performanceListItem, .performanceListItemAlt {
}
.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: 418px;
	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 {
	text-decoration: none;
	cursor: default;
}
.upsellPerformanceContainer2 .performanceCreditCardFeesIncludedMsg a.moreInfoLink {
	font-size: 0.950em;
	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 .performancePriceIncludesDelivery, .upsellPerformanceContainer2 .performanceInfo .performanceCreditCardFeesIncludedMsg {
	color: #555;
	font-size: 0.925em;
	margin-bottom: 5px;
}
.upsellPerformanceContainer2 .performanceAddedMessage {
	display: none;
	padding-left: 50px;
	background: url("../images/tick.png") no-repeat 25px 0px;
	float: right;
}
.upsellPerformanceContainer2 .performancePurchase {
	width: 350px;
	padding: 30px 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: 40%;
    text-align: right;
}
.upsellPerformanceContainer2 .performancePurchase .performanceDeliveryOptions { width: 100%; }
.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 {
	border: 2px solid red;
	margin-bottom: 0px;
	width: 912px;
}
.performanceMessagesBox ul {
	list-style-type: disc;
}
.upsellPerformanceMessages {
	float: left;
	padding-left: 25px;
	background-color: #ebebeb;
	padding-top: 10px;
	padding-bottom: 10px;
}
.upsellPerformanceMsgCloseBtn {
}
.upsellPerformanceMsgCloseBtnBox {
	text-align: right;
	margin-bottom: 5px;
	margin-top: 12px;
	margin-right: 15px;
	float: right;
	vertical-align: top;
}

#selectPerformance .warning { color: red; }


/* Mobile ticket delivery details
==============================*/

.actionBlock #mobileTixDetails {
	padding: 15px;
}
#mobileTixDetails h5 {
	padding: 0;
	margin: 15px 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 8px;
	margin-right: 2px;
	float: left;
}
.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;
}
.accMobNumUpdatedMsg {
	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;
}
.chooseTicketsOfferDiv {
	float: right;
}
.chooseTicketsOfferDiv input {
	padding: 10px 25px;
}
.chooseTicketsBackDiv {
	float: left;
}
.inviteModuleBlock { padding-bottom: 30px; }

/* 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;
}
.viewMapContainer {
	padding: 12px 0;
}
.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 {
	text-align: center;
}
.staticMap img {
	padding-top: 8px;
	padding-bottom: 8px;
	max-width: 900px;
}
.horizontalHairline {
	height: 2px;
	margin-top: 10px;
	text-align: center;
}
.holdSeatsInfo {
	display: none;
}
/* 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;
}
.section .sectionTitle {
/*background: #ebebeb;*/
}
.sectionTitle {
	margin-top: 0px;
}
.section h4 {
	/*	background: #ebebeb;*/
	color: #555;
}
.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;
}
.sideBox {
	/*width: 250px;*/
	padding-right: 54px;
}
.purchaseSubmitText {
	float: left;
}
.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 ****************/
.fmfContent {
}
.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 ****************/

#overlay {
	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;
}
.overlayimg {
}
/**************** 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: 30px;
    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;
}


/**************** Recaptcha - START ****************/

#recaptcha_area .recaptchatable { width: 100%; }

/**************** Recaptcha - END ****************/

/* Visa Checkout - Start */
.paymentOption {
    margin-right: 12px;
}
.paymentOption label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.paymentOptions {
	display: flex;
	flex-wrap: wrap;
    vertical-align: middle;
    margin-top: 10px;
}

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

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

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

.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-rgb-white-med.svg');
    background-size: 80px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 140px;
    height: 40px; 
    display:inline-block; 
    background-color: #2878ad;
    border-radius: 6px;
}

.laybuyPaymentOption {
	background-image: url('/images/laybuy-logo-white.png');
	background-size: 65%;
	background-repeat: no-repeat;
	background-position: center center;
	width: 140px;
	height: 40px;
	display: inline-block;
	background-color: #000;
	border-radius: 6px;
}

.visaCheckoutMessageContainer {
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 25px;
	width: 100%;
	font-size: 1.1em;
}

.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 {
    cursor: pointer;
}
.v-button img.edit {
    width: 57px;
}
.visaTellMeMore {
    position: absolute;
    bottom: 0;
    right: 0;
}
.paymentOptions .optionSeparator {
    font-weight: bold;
}
.creditCardPaymentOption {
    float: left;
}
.visaCheckoutPaymentOption {
    float: left;
    padding-bottom: 12px;
    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;
}

.feesInfo {
    padding-left: 145px;
    background: url(../images/disabledarrowdown.png) top right no-repeat;
}
.feesAndChargesInfo {
}
/* 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:2.0em; 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=') /*/images/button_closeNew.png*/ 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: #00ACED;
    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:#00aced;
    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; }

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

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

.pay-later-notes p {
    margin: 0;
}

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

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

.pay-later-notes img {
    vertical-align: middle;
}

.pay-later-notes a {
    display: inline-block;
    margin-left: 16px;
    font-weight: bold;
}

.totalBox .pay-later-notes {
	border: 1px solid #f3f3f3;
	padding: 7px;
	text-align: left;
}

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

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

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

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

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

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

.pay-later-with-pay-fee-details .buttons  button img {
    padding-left: 8px;
    width: 100px;
}

.laybuy.pay-later-with-pay-fee-details .buttons button img {
	display: inline-block;
	width: 100px;
	margin: -20px 0 -16px;
	padding: 0;
}