/*

*/
#game_outer{position:relative; margin:auto; width: 900px; height: 600px; overflow:hidden;}
#topLayer{width:900px; height:600px; position:absolute; top:0px; left:0px; z-index:100;}



#topInterface{position: absolute; top:0px; left:0; z-index: 90; width: 900px;}
#questionLabelBloc{position: absolute; left:30px; top:3px; font-weight: bold; z-index: 20;}
#questionIndexLabel{font-size: 1.5em; color:#4373AF; display: inline-block;}
#questionTextLabel{font-size: 2em; color:#355987; display: inline-block; margin-left:10px;letter-spacing: -0.04em;}
#questionTextSupLabel{font-size: 1.5em; color:#4373AF; display: inline-block; margin-left:10px;}

#mainScoreLabel{position: absolute; right:60px;
	font-size: 2.2em;
	font-weight: bold;
	text-align: right;
	color:#355987;
	top:0px;
}


/* We have a weird problem of a disappearing of the timer (in case of scale for mobile) if it's contained directly by game_outer. So The timer, for REG games, is contained in #topInterface. */
#timerBloc{bottom:auto; top:49px;}

/* For TABLETS */
/*-----------------------------------*/
@media only screen and (max-device-width: 1100px) and (max-height: 700px) and (orientation: landscape){
	#game_outer{
/*		z-index: 2000;*/
	}

	#questionLabelBloc{top:7px;}
	#questionLabelBloc.on_bottom, #mainScoreLabel.on_bottom{
		top: 430px !important;
	};

	#mainScoreLabel{top: 2px;} 

	#topInterface{top:44px !important;}
	#timerBloc{top:5px;}
	#mainScoreLabel, #questionIndexLabel, #questionTextLabel{ 
		color:#FFF !important;
		text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;
		font-size: 3em;
	}

	#questionTextSupLabel{
		display: block;
		color: #000 !important;;
		font-size: 1.7em;
		text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
	}


	#questionLabelBloc {
		left: 50px;
		background: #00000066;
		padding: 2px 10px;
		border-radius: 10px;
	}
	#mainScoreLabel{ margin-right:20px;}
	.score_comparator { display: block;}

	#game_outer #winSolution.popup{top: 130px;}

	#best_score_bloc_content_result{
		z-index:2000 !important; 
	}


}

/* FOR small screens (iphones)  */
/*-----------------------------------*/
@media only screen and (max-device-width : 568px){

}







.special_game_flag{
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	bottom: 219px;
	left: -163px;
}





#winEndGame .statsBlocTitle{font-size: 1.2em; font-family: Blogger_Sans_Light; color:#72BBF3; text-align: center;}
#winEndGame .statsBloc{ padding:10px 30px 0px 30px; border:solid 1px #72BBF3; margin: 0 30px;
	border-radius: 20px;}
	#winEndGame .distanceBloc{margin-top:0px; }
	#winEndGame .timeBloc{margin-top:0px; line-height: 30px;}
	#winEndGame .bonusBloc{font-size: 0.8em;}
	#winEndGame .tr_success{height: 136px;}


	.timeBloc{margin-top:30px; padding:0 20px;}
	.timeBloc .timeIco{display: inline-block;width:26px; height:25px; background:url(images/loc_games/ico_time.png) no-repeat; background-size: 26px 25px;}
	.timeBloc .timeDetail{display: inline-block;font-size: 1.15em; color:#47B2CF; float: right;}



/* fullscreen */
/*-----------------------------------
#game_outer.fullscreen{width:1800px !important; height: 1200px !important;}*/