@CHARSET "UTF-8";

/* background images */
#loading													{ background-image: url('../../picts/rest/bookofages/1280/loading_screen_l32.jpg'); }
.container.l169 #loading									{ background-image: url('../../picts/rest/bookofages/1280/loading_screen_l169.jpg'); }

.loaded .gameContainer, .offline .gameContainer				{ background-image: url('../../picts/rest/bookofages/1280/bg_middle.jpg'); }
.loaded .headlineContainer, .offline .headlineContainer 	{ background-image: url('../../picts/rest/bookofages/1280/bg_top.jpg'); }
.loaded .mainControlBoxBG, .offline .mainControlBoxBG		{ background-image: url('../../picts/rest/bookofages/1280/bg_bottom.jpg'); }
.freegame .gameContainer									{ background-image: url('../../picts/rest/bookofages/1280/bg_middle-fg.jpg'); }
.freegame .headlineContainer								{ background-image: url('../../picts/rest/bookofages/1280/bg_top-fg.jpg'); }
.freegame .mainControlBoxBG									{ background-image: url('../../picts/rest/bookofages/1280/bg_bottom-fg.jpg'); }
.mainControlBox .webConsole									{ background-image: url('../../picts/rest/bookofages/1280/console_web_bg.png'); }
.mainControlBox .mobileConsole								{ background-image: url('../../picts/rest/bookofages/1280/console_mobile_bg.png'); }
.mainControlBox .portraitConsole							{ background-image: url('../../picts/rest/bookofages/1280/console_portrait_bg.png'); }
.freegame .mainControlBox .webConsole						{ background-image: url('../../picts/rest/bookofages/1280/console_web_bg-fg.png'); }
.freegame .mainControlBox .mobileConsole					{ background-image: url('../../picts/rest/bookofages/1280/console_mobile_bg-fg.png'); }
.freegame .mainControlBox .portraitConsole					{ background-image: url('../../picts/rest/bookofages/1280/console_portrait_bg-fg.png'); }
.container.portrait.loaded .portraitHeadlineContainer 						{ background-image: url('../../picts/rest/bookofages/1280/portrait_top.jpg'); }
.container.portrait.freegame.loaded .portraitHeadlineContainer 				{ background-image: url('../../picts/rest/bookofages/1280/portrait_top-fg.jpg'); }
.container.portrait.smallHeader.loaded .portraitHeadlineContainer 			{ background-image: url('../../picts/rest/bookofages/1280/portrait_top_small.jpg'); }
.container.portrait.freegame.smallHeader.loaded .portraitHeadlineContainer 	{ background-image: url('../../picts/rest/bookofages/1280/portrait_top_small-fg.jpg'); }
.container.portrait.loaded .portraitBottomContainer 						{ background-image: url('../../picts/rest/bookofages/1280/portrait_bottom_l32.jpg'); }
.container.l169.portrait.loaded .portraitBottomContainer 					{ background-image: url('../../picts/rest/bookofages/1280/portrait_bottom_l169.jpg'); }
.container.portrait.freegame.loaded .portraitBottomContainer 				{ background-image: url('../../picts/rest/bookofages/1280/portrait_bottom_l32-fg.jpg'); }
.container.l169.portrait.freegame.loaded .portraitBottomContainer 			{ background-image: url('../../picts/rest/bookofages/1280/portrait_bottom_l169-fg.jpg'); }

.infoPopup.webInfo.info2											{ background-image: url('../../picts/rest/bookofages/1280/infoSites/web/background.png'); } 
.infoPopup.webInfo.info2 .settingsBox .settingCheckbox				{ background-image: url('../../picts/rest/bookofages/1280/infoSites/web/checkbox-off.png');	}
.infoPopup.webInfo.info2 .settingsBox .settingCheckbox.active		{ background-image: url('../../picts/rest/bookofages/1280/infoSites/web/checkbox-on.png');  	}
.webConsole .closeInfoButton	 									{ background-image: url('../../picts/rest/bookofages/1280/infoSites/web/button-close.png'); 	}
 
/* new info site layout */
.infoPopup.info1 .paylines							{ background-image: url('../../picts/rest/bookofages/1280/infoSites/lines.png'); }
.infoPopup.info1 .bonusSymbolBox					{ background-image: url('../../picts/rest/bookofages/1280/infoSites/book.png'); }
.infoPopup.info1 .symbolImg-10						{ background-image: url('../../picts/rest/bookofages/1280/infoSites/symbol-scatter.png'); }
.infoPopup.info1 .symbolImg-9						{ background-image: url('../../picts/rest/bookofages/1280/infoSites/symbol-top.png'); }
.infoPopup.info1 .symbolImg-8						{ background-image: url('../../picts/rest/bookofages/1280/infoSites/symbol-hv1.png'); }
.infoPopup.info1 .symbolImg-7						{ background-image: url('../../picts/rest/bookofages/1280/infoSites/symbol-hv2.png'); }
.infoPopup.info1 .symbolImg-6						{ background-image: url('../../picts/rest/bookofages/1280/infoSites/symbol-hv3.png'); }
.infoPopup.info1 .symbolImg-5						{ background-image: url('../../picts/rest/bookofages/1280/infoSites/symbol-hv4.png'); }
.infoPopup.info1 .symbolImg-4						{ background-image: url('../../picts/rest/bookofages/1280/infoSites/symbol-a.png'); }
.infoPopup.info1 .symbolImg-3						{ background-image: url('../../picts/rest/bookofages/1280/infoSites/symbol-k.png'); }
.infoPopup.info1 .symbolImg-2						{ background-image: url('../../picts/rest/bookofages/1280/infoSites/symbol-q.png'); }
.infoPopup.info1 .symbolImg-1						{ background-image: url('../../picts/rest/bookofages/1280/infoSites/symbol-j.png'); }
.infoPopup.info1 .bonusSymbolBox .symbolImg.s9		{ background-image: url('../../picts/rest/bookofages/1280/symbols/symbol-s-top.jpg'); }
.infoPopup.info1 .bonusSymbolBox .symbolImg.s8		{ background-image: url('../../picts/rest/bookofages/1280/symbols/symbol-s-hv1.jpg'); }
.infoPopup.info1 .bonusSymbolBox .symbolImg.s7		{ background-image: url('../../picts/rest/bookofages/1280/symbols/symbol-s-hv2.jpg'); }
.infoPopup.info1 .bonusSymbolBox .symbolImg.s6		{ background-image: url('../../picts/rest/bookofages/1280/symbols/symbol-s-hv3.jpg'); }
.infoPopup.info1 .bonusSymbolBox .symbolImg.s5		{ background-image: url('../../picts/rest/bookofages/1280/symbols/symbol-s-hv4.jpg'); }
.infoPopup.info1 .bonusSymbolBox .symbolImg.s4		{ background-image: url('../../picts/rest/bookofages/1280/symbols/symbol-s-a.jpg'); }
.infoPopup.info1 .bonusSymbolBox .symbolImg.s3		{ background-image: url('../../picts/rest/bookofages/1280/symbols/symbol-s-k.jpg'); }
.infoPopup.info1 .bonusSymbolBox .symbolImg.s2		{ background-image: url('../../picts/rest/bookofages/1280/symbols/symbol-s-q.jpg'); }
.infoPopup.info1 .bonusSymbolBox .symbolImg.s1		{ background-image: url('../../picts/rest/bookofages/1280/symbols/symbol-s-j.jpg'); }


/* for pixi animations (freegame signs) */
#pixi_container, 
#freegame_container.pixi							{ background-image: url('../../picts/rest/bookofages/1280/freegame/fgsign.jpg'); }
.headlineContainer .freegame_blending.pixi			{ background-image: url('../../picts/rest/bookofages/1280/bg_top-fg2.jpg'); }
.mainControlBox .freegame_blending.pixi				{ background-image: url('../../picts/rest/bookofages/1280/bg_bottom-fg.jpg'); }

.loaded #animFadeoutLayer				{ background-image: url('../../picts/rest/bookofages/1280/fadeout.png'); }
.freegame #animFadeoutLayer				{ background-image: url('../../picts/rest/bookofages/1280/fadeout-fg.png'); }


/* new info site layout*/
.infoContainer .infoPopup .bonusSymbolBox {
	position: relative;
	width: 360px;
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
}
.infoContainer .infoPopup .bonusSymbolBox .symbolImg {
	position: absolute;
	left: 68px;
	top: 50px;
	width: 100px;
	height: 91px;
	background-size: 100%;
	background-position: top;
	background-repeat: no-repeat;
	box-shadow: 2px 2px rgba(0, 0, 0, 0.5)
}
.infoContainer .infoPopup .headline {
	background-color: #b68074;
}
.infoContainer .infoPopup .winValueBox .winValue .multiplicator {
	color: #b68074;
}
.infoContainer .infoPopup .winValueBox.winValues-10 .symbolImg {
	height: 236px;
}
.infoContainer .infoPopup .winValueBox.winValues-10 .values {
	padding-top: 64px;
}


/* mini paytable */
.headlineContainer.plain .fgBonusSymbol, .headlineContainer.plain .fgPayTable { opacity: 0; }
.headlineContainer .fgBonusSymbol {
	position:absolute;
	left: 1016px;
	top: 27px;
}
.headlineContainer .fgBonusSymbol > img {
	width: 78px;
}

.headlineContainer .fgPayTable { 
	position: absolute;
	left: 1120px;
	top: 36px;
	width: 76px;
	height: 84px;
}
.headlineContainer .fgPayTable.values4 {
	top: 24px;
}
.headlineContainer .fgPayTable .fgWinValue { 
	top: 0px;
	font-family: 'Roboto Condensed', Arial; 
	color: white;
	font-size: 16px;
	height: 20px;
	font-weight: bold;
}
.headlineContainer .fgPayTable .fgWinValue .multiplicator{
	position: absolute;
	left: 0px;
	color: #b68074;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5), -1px 1px 0px rgba(0,0,0,0.5), 1px -1px 0px rgba(0,0,0,0.5), -1px -1px 0px rgba(0,0,0,0.5), 
	1px 0px 0px rgba(0,0,0,0.5), -1px 0px 0px rgba(0,0,0,0.5), 0px 1px 0px rgba(0,0,0,0.5), 0px -1px 0px rgba(0,0,0,0.5);
}
.headlineContainer .fgPayTable .fgWinValue .winValueText { 
	position: absolute;
	right: 0px;
	text-align: right;
}


/* optimal slot */
#bookPictLayer {
	position: absolute;
	top: 84px;
	left: 176px;
	width: 920px;
	height: 480px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100%;	
}
#chosenBonusSymbol {
	position: absolute;
	top: 70px;
	left: 104px;
	width: 310px;
	height: 286px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
}

#symbolTeaserContainer {
	position: absolute; 
	left: 4px; 
	top: 0px; 
	width: 1066px; 
	height: 576px;
}
#symbolTeaserContainer .teaserSymbol {
	position: absolute;
	width: 210px; 
}