/*
Modal Page elements
-------------------
*/

	body.modal {
		margin: 0px;
		padding: 0px;
		background-color: #000;
		font-family: 'Lato';
		font-weight: 400;
		font-size: 16px;
		line-height: 18px;
		color: #fff;
	}
	
	body.modal img {
		border: none;
	}
	
	body.modal p {
		margin: 0px;
		padding: 0px;
	}
	
	body.modal p.centred, body.modal span.centred {
		display: block;
		text-align: center;
	}
	
	body.modal p.introParagraph {
		margin-bottom: 20px !important;
		font-size: 16px;
		line-height: 19px;
		font-weight: bold;
	}
	
	body.modal p.smallText {
		font-size: 11px;
		line-height: 14px;
	}
	
	#modalContentArea  {
		background-color: #000;
		margin: 0px;
		width: 980px;
		height: 600px;
		text-align: left;
		overflow: hidden;
	}
	.modalmobile #modalContentArea  {
		width: 100%;
		height: auto;
	}
	
	#modalContentArea.fullHeight  {
		height: auto !important;
	}
	
	#modalContent {
		position: relative;
		margin: 10px;
		padding: 0px;
		overflow: hidden;
	}
	
	#modalContent h1 {
		font-family: "LeagueGothicRegular";
		font-weight: normal;
		text-transform: uppercase;
		font-size: 36px;
		line-height: 40px;
		-webkit-font-smoothing: antialiased;
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		text-decoration: none;
		color: #fff;
	}
	
	#modalContent p {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#modalContent p#upgradeMessage {
		margin: 15px 0px 10px;
		padding: 0px 0px 0px 0px;
	}
	
	#modalContent .bottomColumns {
		width: 960px;
		background: url("/global/images/modal/bottom-panels-bg.gif") repeat-y left bottom;
	}
	.modalmobile #modalContent .bottomColumns {
		width: 100%;
		background: none;
	}
	
	#modalContent .bottomUpgradeColumns {
		width: 960px;
		background: url("/global/images/modal/bottom-upgrade-panels-bg.gif") repeat-y left bottom;
	}
	.modalmobile #modalContent .bottomUpgradeColumns {
		width: 100%;
		background: none;
	}
	
	#modalContent .fullColumn {
		width: 960px;
		overflow: hidden;
	}
	.modalmobile #modalContent .fullColumn {
		width: 100%;
		overflow: auto;
	}
		
	#modalContent .leftColumn {
		margin-right: 10px;
		float: left;
		width: 250px;
		overflow: hidden;
	}
	.modalmobile #modalContent .leftColumn {
		margin: 0px;
		float: none;
		width: 100%;
		overflow: auto;
	}
	#modalContent .rightColumn {
		float: right;
		width: 440px;
		overflow: hidden;
	}
	#modalContent .rightColumnFull {
		width: 700px;
	}
	#modalContent.fullHeight .rightColumn {
		width: 250px !important;
	}
	.modalmobile #modalContent .rightColumn, .modalmobile #modalContent .rightColumnFull {
		float: none;
		width: 100% !important;
		overflow: auto;
	}
	
	#modalContent .modalPanel {
		margin: 0px;
		padding: 0px;
		width: 246px;
		border-top: 2px solid #999;
	}
	.modalPanelLeft {
		width: 242px !important;
	}
	.modalPanelLeft, .modalPanelRight {
		background: #262626;
		border: 2px solid #999;
	}
	.modalmobile #modalContent .modalPanel {
		margin-bottom: 15px;
		width: 98.5%;
		background: #262626;
		border: 2px solid #999;
	}
	#modalContent .fullColumn .modalPanel {
		margin: 0px 0px 15px;
		width: 956px;
		background: #262626;
		border: 2px solid #999;
	}
	.modalmobile #modalContent .fullColumn .modalPanel {
		width: 98.5%;
	}
	#modalContent .rightColumn .modalPanel {
		width: 440px;
	}
	#modalContent .rightColumnFull .modalPanel {
		margin: 0px 0px 15px;
		width: 696px;
	}
	.modalmobile #modalContent .leftColumn .modalPanelLeft, .modalmobile #modalContent .rightColumn .modalPanel {
		width: 98.5% !important;
	}
	#modalContent .modalPanel .modalPanelContent {
		padding: 10px 5px 12px;
	}
	
	#modalContent .modalPanel h2 {
		position: relative;
		margin: 0px;
		padding: 2px 0px 1px 8px;
		font-size: 24px;
		line-height: 26px;
		font-weight: bold;
		color: #999;
		text-transform: uppercase;
	}
	
	#modalContent .modalPanel .innerPanel {
		margin: 5px 7px 0px;
		padding: 5px 0px 5px;
		border-top: 1px solid #999;
	}
	#modalContent .modalPanel .innerPanelFirst {
		border-top: none !important;
	}
	#modalContent .modalPanel .innerPanelPadded {
		margin: 10px 7px 0px;
	}
	#modalContent .modalPanel .innerPanel p {
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		line-height: 15px;
	}
	#modalContent .modalPanel .innerPanel p.leftAligned {
		width: 160px;
		overflow: hidden;
	}
	#modalContent .modalPanel #totalPrice p.leftAligned {
		width: 160px;
	}
	#modalContent .modalPanel #totalPrice p.leftAligned strong {
		font-size: 20px;
		line-height: 24px;
	}
	#modalContent .modalPanel #totalPrice .rightAligned {
		margin: 0px;
	}
	#modalContent .modalPanel #totalPrice p.leftAligned span {
		display: none;
	}
	#modalContent .modalPanel .innerPanel p span {
		display: block;
		font-size: 11px;
		line-height: 13px;
	}
	#modalContent .modalPanel .innerPanel .rightAligned {
		float: right;
		margin: 5px 0px 0px;
	}
	#modalContent .modalPanel .innerPanel .rightAlignedPadded {
		margin: 4px 0px 0px;
	}
	#modalContent .modalPanel .innerPanel .rightAligned p {
		position: relative;
		font-size: 20px;
		line-height: 24px;
	}
	#modalContent .modalPanel .innerPanel .rightAligned input {
		height: 13px;
	}
	#modalContent .modalPanel .innerPanel .footnote {
		font-size: 11px;
		color: #cd007b;
		margin: 5px 0px 0px !important;
	}
	
	#modalContent .formArea {
		margin: 3px 7px;
		padding: 7px 0px 0px;
	}
	#modalContent .formAreaNoPadding {
		margin: 3px 7px;
		padding: 0px;
	}
	#modalContent .formArea p {
		margin: 2px 0px 5px;
		padding: 0px;
	}
	#modalContent .formArea p.bigText {
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
	}
	#modalContent .formArea .fullWidth {
		width: 100%;
	}
	#modalContent .formArea#offerMessage {
		border: 1px solid #e60005;
		font-weight: bold;
		margin-top:10px;
		padding:10px;
	}
	#modalContent .formArea#offerMessage h2{
		padding:0;
		color:#e60005;
	}
	
	#modalContent #ticketType {
		display: none;
	}
	#modalContent #attractionChoices, #modalContent #attractionUpgradeChoices {
		margin: 0px;
		padding: 0px;
	}
	#modalContent #attractionUpgradeChoices {
		padding: 15px 0px 0px 100px
	}
	.modalmobile #modalContent #attractionUpgradeChoices {
		padding: 0px;
	}
	.modalmobile #modalContent #attractionChoices a, .modalmobile #modalContent #attractionUpgradeChoices a {
		display: none;
	}
	#modalContent #attractionChoices .attractionCheckbox, #modalContent #attractionChoices .attractionCheckboxDescription,
	#modalContent #attractionUpgradeChoices .attractionCheckbox, #modalContent #attractionUpgradeChoices .attractionCheckboxDescription {
		display: none;
	}
	.modalmobile #modalContent #attractionChoices .attractionCheckbox, .modalmobile #modalContent #attractionUpgradeChoices .attractionCheckbox {
		display: block;
	}
	.modalmobile #modalContent #attractionChoices .attractionCheckbox input, .modalmobile #modalContent #attractionUpgradeChoices .attractionCheckbox input {
		width: 17px;
	}
	.modalmobile #modalContent #attractionChoices .attractionCheckboxDescription, .modalmobile #modalContent #attractionUpgradeChoices .attractionCheckboxDescription {
		display: block;
		margin: 0px 0px 5px 25px;
		font-size: 11px;
	}
	#modalContent #attractionChoices a, #modalContent #attractionChoices a:visited, #modalContent #attractionUpgradeChoices a, #modalContent #attractionUpgradeChoices a:visited {
		display: inline-block;
		float: left;
		margin: 0px 11px 0px 0px;
		padding: 0px;
		width: 175px;
		height: 155px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000;
		overflow: hidden;
		/* For IE */
		*display: inline;
		zoom: 1;
	}
	#modalContent #attractionUpgradeChoices a, #modalContent #attractionUpgradeChoices a:visited {
		width: 150px;
		height: 140px;
	}
	#modalContent #attractionChoices a.last, #modalContent #attractionUpgradeChoices a.last {
		margin: 0px;	
	}
	#modalContent #attractionChoices a img, #modalContent #attractionUpgradeChoices a img {
		display: block;
		margin: 0px auto;
		padding: 0px;
		border: 0px;
	}
	#modalContent #attractionChoices a img.dungeonIcon, #modalContent #attractionUpgradeChoices a img.dungeonIcon {
		margin: 7px auto;
	}
	#modalContent #attractionChoices a img.mtIcon, #modalContent #attractionUpgradeChoices a img.mtIcon {
		margin: 7px auto;
	}
	#modalContent #attractionChoices a img.sealifeIcon, #modalContent #attractionUpgradeChoices a img.sealifeIcon {
		margin: 7px auto;
	}
	#modalContent #attractionChoices a img.ldcIcon, #modalContent #attractionUpgradeChoices a img.ldcIcon {
		margin: 7px auto;
	}
	#modalContent #attractionChoices a img.eyeIcon, #modalContent #attractionUpgradeChoices a img.eyeIcon {
		margin: 7px auto;
	}
	#modalContent #attractionChoices a img.shrekIcon, #modalContent #attractionUpgradeChoices a img.shrekIcon {
		margin: 7px auto;
	}
	#modalContent #attractionChoices a img, #modalContent #attractionChoices a span.attractionText,
	#modalContent #attractionUpgradeChoices a img, #modalContent #attractionUpgradeChoices a span.attractionText {
		-webkit-opacity: 1;
		-o-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
	}
	#modalContent #attractionChoices a.disabled img, #modalContent #attractionChoices a.disabled span.attractionText {
		-webkit-opacity: 1;
		-o-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
	}
	#modalContent #attractionUpgradeChoices a.disabled img, #modalContent #attractionUpgradeChoices a.disabled span.attractionText {
		-webkit-opacity: 1;
		-o-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
	}
	#modalContent #attractionChoices a span.attractionText, #modalContent #attractionUpgradeChoices a span.attractionText {
		width: 175px;
		display: block;
		margin: 0px auto 12px;
		color: #fff;
		height: 40px;
	}
	#modalContent #attractionUpgradeChoices a span.attractionText {
		margin: 0px auto 18px;
		width: 150px;
	}
	#modalContent #attractionUpgradeChoices a span.attractionText {
		font-size: 12px;
	}
	#modalContent #attractionChoices a#ldc span.attractionText, #modalContent #attractionUpgradeChoices a#ldc span.attractionText {
		margin-bottom: 0px;
	}
	#modalContent #attractionChoices a span.attractionCheckbox, #modalContent #attractionUpgradeChoices a span.attractionCheckbox {
		display: block;
		margin: 10px auto;
		width: 30px;
		height: 30px;
		background: url("/global/images/modal/checkbox-sprite.gif") no-repeat 0px 0px;
	}
	#modalContent #attractionUpgradeChoices a span.attractionCheckbox {
		margin: 0px auto;
	}
	#modalContent #attractionChoices a.disabled span.attractionCheckbox, #modalContent #attractionUpgradeChoices a.disabled span.attractionCheckbox {
		background-position: 0px -30px;
	}
	#modalContent #attractionChoices a.disabledChecked span.attractionCheckbox, #modalContent #attractionUpgradeChoices a.disabledChecked span.attractionCheckbox {
		background-position: 0px -60px;
	}
	#modalContent #attractionChoices a.offChecked span.attractionCheckbox, #modalContent #attractionUpgradeChoices a.offChecked span.attractionCheckbox {
		background-position: 0px -90px;
	}
	#modalContent #attractionMessage {
		margin: 10px 0px -5px;
		padding: 0px !important;
		font-size: 14px;
		line-height: 22px;
		color: #cc6;
		text-align: center;
	}
	
	#modalContent .modalPanel #savingMessage p {
		margin: 4px 0px 0px;
		font-size: 14px !important;
		line-height: 16px !important;
		font-weight: 700;
	}
	
	#modalContent .modalPanel .largeNextButton {
		margin: 10px 0px 0px;
		/*width: 280px;*/
		text-align: left;
	}
	
	#modalContent .modalPanel #submitButton p {
		margin: 0px 0px 5px;
	}
	.modalmobile #modalContent .modalPanel #submitButton p {
		text-align: left;
	}
	
/*
Calendar elements
-----------------
*/

	#modalContent .date-dropdown {
		display: none;
	}
	.modalmobile #modalContent .date-dropdown {
		display: block;
		padding: 5px 5px 0px;
	}
	.modalmobile #modalContent .date-dropdown select {
		width: 100%;
	}
	
	#modalContent .calendar {
		margin: 10px 0px 0px 10px;
	}
	.modalmobile #modalContent .calendar {
		display: none;
	}
	
	#modalContent .calendar div.dp-popup {
		line-height: 18px;
		width: 210px;
	}
	
	#modalContent .modalPanel .calendar h2 {
		background: #861315;
		margin: 0px;
		padding: 0px;
		font-family: 'Lato';
		font-weight: 400;
		font-size: 15px;
		line-height: 18px;
		color: #fff;
	}
	
	#modalContent .modalPanel .calendar table.jCalendar th, #modalContent .modalPanel .calendar table.jCalendar td {
		padding: 3px 9px;
	}

/*
Overlay Dialogue Box elements
-----------------------------
*/

	#modalContent #overlayArea {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: #000;
		z-index: 1000px;
	}
	
	#modalContent #overlayQuestionBox, #modalContent #overlayQuoteBox {
		position: absolute;
		top: -10000px;
		left: -10000px;
		z-index: 1001px;
		width: 300px;
		font-size: 14px;
		line-height: 18px;
	}
	#modalContent #overlayQuoteBox {
		width: 420px;
	}
	#modalContent #overlayQuoteBox p strong {
		font-size: 14px;
		line-height: 18px;
	}
	
	#modalContent #overlayQuestionBox.modalPanel, #modalContent #overlayQuoteBox.modalPanel {
		background: #262626;
		border: 2px solid #999;
	}
	
	#modalContent #overlayYesButton, #modalContent #overlayNoButton, #modalContent #overlayOKButton, #modalContent #overlayQuoteButton {
		display: none;
		float: left;
		position: relative;
		margin: 5px 0px;
		width: 90px;
		height: 24px;
		font-size: 24px;
		line-height: 24px;
		text-decoration: none;
		overflow: hidden;
	}
	#modalContent #overlayQuoteButton {
		float: none;
		width: 300px;
	}
	
	#modalContent #emailAddress {
		display: block;
		margin: 10px 0px 0px;
		width: 320px;
		font-size: 14px;
		line-height: 19px;
		border: 1px solid #cac5ac;
		outline: none;
	}
	
/*
Quote Form Styles
-----------------
*/

	.modalmobile #emailQuoteMessage {
		display: none;
	}
	
	#emailQuoteForm {
		display: none;
		margin: 15px 0px 0px;
		padding: 0px 5px 0px 0px;
	}
	.modalmobile #emailQuoteForm {
		display: block;
	}
	
	#emailQuoteForm input {
		display: block;
		margin: 5px 0px;
		width: 100%;
		font-size: 14px;
		line-height: 19px;
		border: 1px solid #cac5ac;
		outline: none;
	}
	
	#emailQuoteForm #quoteSubmitButton {
		margin: 10px 0px 0px;
		width: 100px;
	}
	#emailQuoteForm #quoteSubmitButton.sending {
		background: #e60005 url("/global/images/common/modal/ajax-loader-button.gif") no-repeat right center;
	}
	
/*
Info Box Styles
---------------
*/

	#infoBox {
		position: absolute;
		top: -10000px;
		left: -10000px;
		width: 180px;
		z-index: 1000;
		text-align: left;
	}
	
	#infoBox p {
		margin: 0px;
		padding: 5px;
		font-size: 12px;
		line-height: 14px;
		color: #fff;
		background: #000;
		border: 2px solid #999;
	}
	
/*
In page Einstein Styles 
*/

	.inlinetickets #modalContentArea {
		background: none;
		width: 100%;
		height: auto;
	}
	.inlinetickets #modalContent .fullColumn .modalPanel {
		width: 100%;
		background-color: #000;
		width: 99.6%;
	}
	.inlinetickets #modalContent .fullColumn {
		width: 100%;
	}
	.inlinetickets #modalContent { 
		margin: 0px;
	}
	.inlinetickets #modalContent #attractionChoices a, .inlinetickets #modalContent #attractionChoices a:visited, .inlinetickets #modalContent #attractionUpgradeChoices a, .inlinetickets #modalContent #attractionUpgradeChoices a:visited {
		padding: 0px;
		margin: 0px;
	}
	.inlinetickets #modalContent .bottomColumns {
		width: 100%;	
		background: none;
	}
	.inlinetickets #modalContent .rightColumn .modalPanel { 
		width: 99%;
	}
	.inlinetickets .modalmobile #modalContent .rightColumn, .inlinetickets .modalmobile #modalContent .rightColumnFull {
		margin: 0px;
		float: none;
		width: 100%;
		overflow: auto;
	}
	.inlinetickets #modalContent .rightColumn {
		width: 420px;
	}
	.inlinetickets.modalmobile #modalContent .modalPanel {
		height: auto !important;	
	}
	.inlinetickets #modalContent .modalPanel {
		border: 2px solid #999;
		background-color: #000;
		height: 250px;
	}