/* abo-online layout */
.aoeContainer
{
	border-collapse: collapse;
	width: 100%;
}

.aoeDelimiter
{
	font-size: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.aoeDelimiterReductionID
{
	padding-bottom: 20px;
}

.aoeL
{
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	padding-left: 5px;
}

.aoeLReductions
{
	white-space: normal;
}

.aoeL2
{
	font-weight: bold;
	margin-left: 30px;
	margin-right: 5px;
}

.aoeL3
{
	font-weight: bold;
	margin-right: 5px;
}

.aoeD
{
	padding: 2px;
	padding-left: 10px;
	text-align: left;
	width: 100%;
}

.aoeF
{
	width: auto;
}

.aoeNoAppearance
{
	appearance: none;
	background: transparent;
	border: 0;
}

.aoeStartTimeSoldout, .aoeStartTimeSoldout:visited, .aoeStartTimeSoldout:hover
{
	color: #FFFFFF;
	border-color: #666666;
	background-color: #666666;
	cursor: text;
}

.aoeActionLinkAddAboSeatInfo
{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	font-size: larger;
	padding: 5px;
	padding-left: 20px;
	margin-left: 20px;
	border-radius: 5px;
	background-color: #BECF31;
	clip-path: polygon(2% 1%, 100% 1%, 100% 100%, 2% 100%, 0% 50%);
	animation: pulse 2.0s infinite ease-out;
}

@keyframes pulse {to {opacity: 0.3;}}


.aoeActionLinkRemoveAboSeat
{
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
}

.captionTitleSpecialTextStage
{
	padding: 10px;
	margin-bottom: 20px;
}

.aoeEtD.aoeStageText2
{
	padding: 0px;
}

.aoeStageText2 .stageTextContainer
{
	margin-left: 0px;
	margin-top: 20px;
}

.aoeReductionIDBox
{
	/*display: inline-block;
	margin-right: 30px;*/
	
	margin-bottom: 10px;
}


/* required fields for booking layout */
.bsRFContainer
{
	display: inline-block;
}

.bsRFBox
{
	display: inline-block;
	margin-left: 20px;
}

.bsRFL
{
	display: inline-block;
	padding: 1px 2px;
}

.bsRFD
{
	display: inline-block;
	padding: 1px 0px;
}

.bsRFD .pdRequiredfieldF
{
	margin-right: 5px;
}

.bsRFIIcon
{
	vertical-align: middle;
}




.aoeXMappingTitle
{
	width: auto;
	white-space: normal;
	background-color: #BECF31;
	padding-top: 5px;
	padding-bottom: 5px;
}

.linkCheckout.visible
{
	display: table-row;
}

.linkCheckout.hidden
{
	display: none;
}

/* abo-online eventtimes layout */
.aoeEventtimesContainer
{
	border-collapse: collapse;
	width: 100%;
}

.aoeEventtimeRowEvent td {
	padding-top: 20px;
	background-color: #F4F4F4;
}

.aoeEventBox {
	width: 40%;
}

.aoeEventtimeBox > td
{
	border-top: 2px solid #333333;
	padding-top: 20px;
}

.aoeEtD
{
	padding: 5px 20px;
	padding-left: 5px;
	text-align: left;
}

.aoeEtD .aoeEvent
{
	font-size: 1.2em;
	font-weight: bold;
}

.aoeEtD .aoeStarttime
{
	padding-left: 20px;
}

.aoeEtD.aoeActionBox
{
	width: 20ex;
	text-align: left;
}

.aoeEtD.aoeStageBox
{
	padding: 0px;
	padding-bottom: 20px;
}

.aoeEtD.aoeStageBox .aoeFrameStageBox
{
	width: 100%;
	height: 700px;
	border: 0px;
	border-bottom: 2px solid #333333;
}


.aoeEtD.aoeStageBox .aoeReductionBenefitBox
{
	margin: 0px;
	margin-bottom: 10px;
	padding: 5px;
	background: #BAE1F3;
}

.aoeEtD.aoeStageBox .aoeReductionBenefitCaption
{
	font-weight: bold;
	font-size: 1.3em;
}

.aoeEtD.aoeStageBox .aoeReductionBenefitReductions span
{
	display: inline-block;
	margin: 10px 5px;
	margin-left: 0;
	padding: 5px;
	background: #FFFFFF;
	border-radius: 5px;
}

.aoeEtD.aoeStageBox .aoeFocus
{
	width: 0px;
	height: 0px;
	border: 0px;
}

.aoCheckBox td
{
	padding-top: 40px;
}

.aoCheckBox .aoeEtCheckD
{
	padding-left: 0px;
	padding-right: 0px;
}

.aoCheckBox .aoLinkCheckoutBox
{
	border-collapse: collapse;
	width: 100%;
}

.aoCheckBox .aoLinkCheckoutBox td:first-child .links
{
	margin-left: 0;
	opacity: 0.5;
}


/* abo-online reductions layout */
.aoeReductionsContainer
{
	border-collapse: collapse;
	width: 100%;
}

.aoeContainer_aboOnlineTypeID_2 .aoeReductionsContainer
{
	display: inline;
}

.aoeReductionSeat
{
	width: 5ex;
	white-space: nowrap;
}

.aoeReductionSeat div
{
    background-position: center center;
}

.aoeReductionName
{
	text-align: left;
}

.aoeReductionCosts
{
	width: 10ex;
	text-align: right;
	white-space: nowrap;
}

.aoeReductionBenefit td
{
	font-weight: bold;
}

.aoeTotalPrice td
{
	font-weight: bold;
	font-size: 1.4em;
	padding-top: 10px;
}






/*-----RESPONSIVE-----SMARTPHONES-----PORTRAIT AND LANDSCAPE-----*/
@media only screen and (max-width : 480px) {
	.bodyBox_responsive .mainBox_stage .aoeLReductions																					{display: block; width: 94vw; padding-left: 0;}
	.bodyBox_responsive .mainBox_stage .aoeLReductions .aoeReductionIDBox																{display: block; width: 94vw; margin-bottom: 4vw;}
	.bodyBox_responsive .mainBox_stage .aoeLReductions .aoeReductionIDBox .aoeReductionIDF												{height: 7vw;}
	
	.bodyBox_responsive .mainBox_stage .aoeLReductions .aoeReductionIDBox .aoeActionLinkAddAboSeatInfo									{font-size: smaller; border-radius: 5vw; padding: 2vw; margin-left: 0; padding-top: 5vw; margin-top: 2vw; clip-path: polygon(20% 0%, 100% 25%, 100% 98%, 0 100%, 0 25%);}
	
	.bodyBox_responsive .mainBox_stage .aoeContainer .aoeXMappingTitle																	{display: block; width: 93vw;}
	
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer																			{display: block; width: 94vw; margin-top: 2vw;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEventtimeRow															{display: block; width: 94vw; height: auto;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEventtimeRow.aoeEventtimeRowEventtime								{margin-left: 4vw; width: 90vw;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEventtimeRow .aoeEtD													{display: block; width: auto;  font-size: 4vw;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEventtimeRow .aoeEtD.aoeEventBox										{display: block; margin-top: 5vw;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEventtimeRow .aoeEtD.aoeEventBox	.aoeStarttime						{padding-left: 0;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEventtimeRow .aoeEtD.aoeActionBox									{display: block; margin-top: 2vw; margin-bottom: 2vw;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEventtimeRow .aoeEtD .aoeReductionsContainer							{width: 100%;}
	
	/*.aoeActionLinkAddAboSeatInfo
{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	font-size: larger;
	padding: 2px 5px;
	padding-left: 20px;
	margin-left: 20px;
	border-radius: 5px;
	background-color: #BECF31;
	clip-path: polygon(2% 1%, 100% 1%, 100% 100%, 2% 100%, 0% 50%);
	animation: pulse 2.0s infinite ease-out;
}*/

	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEventtimeBox > td:not(:first-child)									{border-top: none; padding-top: 0;}

	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEtD.aoeStageBox														{width: 94vw;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEtD.aoeStageBox .aoeFrameStageBox									{width: 94vw;}

	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEtD.aoeStageBox .aoeReductionBenefitCaption							{font-size: 4vw; padding-bottom: 2vw;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeEtD.aoeStageBox .aoeReductionBenefitReductions span					{font-size: smaller; margin: 1vw 1vw; margin-left: 0; padding: 5px; border-radius: 1vw;}
	
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeActionLink 															{font-size: 3.5vw;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .linkTitleLarge 															{font-size: 3.5vw;}

	.bodyBox_responsive .mainBox_stage .captionBox .captionTitleSpecialText.captionTitleSpecialTextStage								{margin-bottom: 5vw; word-wrap: break-word;}
	.bodyBox_responsive .mainBox_stage .aoeDelimiterReductionID																			{padding-bottom: 0;}

	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeTotalPriceRow														{display: block; width: 94vw; height: auto; padding-bottom: 2vw;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoeTotalPriceRow .aoeTotalPrice											{width: 94vw; text-align: right;}
	
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoCheckBox .aoeEtCheckD .links											{width: 100%;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoCheckBox .aoLinkCheckoutBox > tbody > tr								{display: block;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoCheckBox .aoLinkCheckoutBox > tbody > tr > td							{display: block;}
	.bodyBox_responsive .mainBox_stage .aoeEventtimesContainer .aoCheckBox td:not(:first-child)											{padding-top: 0;}
}