/*========================================================*/

/*General UI */
.blueButton {
	font-family:"Skranji";
	font-size:16pt;
	color:white;
	position:absolute;
	width: 218px;
	height: 86px;
	margin-left:-109px;
	margin-top:-43px;
	background-image:url("../assets/images/ui/FIU-btn-blue.png") ;
	background-repeat: no-repeat;
	text-align:center;	
	padding-top: 27px;
}

.purpleButton {
	font-family:"Skranji";
	font-size:16pt;
	color:white;
	position:absolute;
	width: 218px;
	height: 86px;
	margin-left:-109px;
	margin-top:-43px;
	background-image:url("../assets/images/ui/FIU-btn-purple.png");
	background-repeat: no-repeat;
	text-align:center;
	padding-top: 27px;
}

.buttonText{	
	
}

.blackOverlay{
	position: absolute;
	left: 0px;
	top: 0px;
	width:750px;
	height:500px;
	background-color:rgba(0, 0, 0, 0.75);
}

/*Title Screen */
.titleScreenLogo {
	position:absolute;
	width:456px;
	height:392px;
	left:300px;
	top:10px;
	background-image:url("../assets/images/ui/FIU-splash-logo.png");
}

.showLogo {
	position:absolute;
	width:103px;
	height:113px;
	left:20px;
	top:10px;
	background-image:url("../assets/images/ui/FIU-show-logo.png");
}

.titleScreenBackground {
	position: absolute;
	width: 750px;
	height: 500px;
	background-image:url("../assets/images/title_screen/FIU-splash-bg.png");
}

.homeButtonBackground {
	position: absolute;
	font-family:"Skranji";
	font-size:15pt;
	color:white;
	left: 640px;
	top: 20px;
	width: 82px;
	height: 82px;
	background-image:url("../assets/images/level_select/FIU-btn-home.png");
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 79px;
}

.homeButtonLogo {
	position:absolute;
	width:103px;
	height:113px;
	left:623px;
	top:2px;
	background-size: 45%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url("../assets/images/ui/FIU-show-logo.png");
}

/*Story Screen */
.storyScreenBackground {
	position: absolute;
	width: 750px;
	height: 500px;
	background-image:url("../assets/images/backgrounds/FIU-default-bg.jpg");
}

.storyTextBackground {
	position: absolute;
	width: 524px;
	height: 361px;
	top:139px;
	left:120px;
	background-image:url("../assets/images/story_screen/FIU-header-text-bg.png");
}

.screenHeader {
	position:absolute;
	width:750px;
	height:110px;
	text-align:center;
	background-image:url("../assets/images/ui/FIU-header.png");
	font-family:"Skranji", bold;
	font-size:32pt;
	top:37px;
	padding-top:25px;
	background-repeat: no-repeat;
	color:white;
}

.screenHeaderLogo {
	position:absolute;
	width:178px;
	height:153px;
	left:10px;
	top:20px;
	background-image:url("../assets/images/ui/FIU-header-game-logo.png");
}

.storyCece{
	position: absolute;
	width:295px;
	height:325px;
	left:550px;
	top:175px;
	background-image:url("../assets/images/story_screen/FIU-story-cece.png");
}

.storyRocky{
position: absolute;
	width:275px;
	height:330px;
	left:-65px;
	top:170px;	
	background-image:url("../assets/images/story_screen/FIU-story-rocky.png");
}

/*Hud */
.hudHeader {
	position:absolute;
	left:0px;
	top:0px;
	width: 750px;
	height: 52px;
	background-image:url("../assets/images/hud/FIU-hud-header-2.png");
}

.hudFooter {
	position:absolute;
	width: 750px;
	height: 57px;
	top: 443px;
	background-image:url("../assets/images/hud/FIU-stage-footer-bg.png");
}

.hudSceneLabel {	
	font-family:"Skranji";
	color:white;
	position:absolute;
	left: 160px;
	top: 2px;	
}

.hudTakeLabel {	
	font-family:"Skranji";
	color:white;
	position:absolute;
	left: 250px;
	top: 2px;	
}

.hudScoreLabel {	
	font-family:"Skranji";
	color:white;
	position:absolute;
	left: 440px;
	top: 2px;
	width: 150px;	
}

.hudTimeLabel {	
	font-family:"Skranji";
	color:white;
	position:absolute;
	font-size: 18pt;
	left: 350px;
	top: 2px;	
}

.hudYellowText {
	font-family:"Skranji";
	font-size: 24px;
	color:#fcce32;
}

.hudLights {
	position:absolute;
	width: 750px;
	height: 44px;
	background-image:url("../assets/images/hud/FIU-stage-row-lights.png");
}

.helpBackground {
	position:absolute;
	top: 205px;
	left: 224px;
	width: 325px;
	height: 208px;
	background-image:url("../assets/images/help/FIU-help-tutorial-bg.png");
}

.helpScreenText {
	position: absolute;
	top: 245px;
	left: 245px;
	width: 280px;
	height: 300px;
	font-family:"Skranji";
	font-size: 20px;
	text-align: center;
	color:#FFF;
}

.menuButton {
	position:absolute;
	width:45px;
	height:45px;
	background-image:url("../assets/images/hud/FIU-btn-menu-large.png");
}

.soundToggleButton {
	position:absolute;
	width:45px;
	height:45px;
	background-image:url("../assets/images/hud/FIU-btn-sound-large.png");
}

.off .soundToggleButton {
	position:absolute;
	width:45px;
	height:45px;
	background-image:url("../assets/images/hud/FIU-btn-sound-large-off.png");
}

.actionButton {
	position:absolute;
	width: 82px;
	height: 82px;
	background-image:url("../assets/images/hud/FIU-btn-action.png");
}

.resetButton {
	position:absolute;
	width: 91px;
	height: 31px;
	background-repeat: no-repeat;
	background-image:url("../assets/images/hud/FIU-btn-reset.png");
	font-family: "Skranji";
	font-size: 16px;
	text-align: center;
	color: white;
	padding-top: 4px;
}


/* Level Recap */
.levelRecapCrowd {
	position:absolute;
	top:340px;
	width: 750px;
	height: 161px;
	background-image:url("../assets/images/level_recap/FIU-level-end-crowd.png");
}

.levelRecapSceneLabel {
	font-family:"Skranji";
	color:white;
	position:absolute;
	left: 220px;
	top: 165px;	
	font-size: 12pt;
}

.levelRecapTimeLabel {
	font-family:"Skranji";
	color:white;
	position:absolute;
	left: 325px;
	top: 165px;	
	font-size: 12pt;
}

.levelRecapTakesLabel {
	font-family:"Skranji";
	color:white;
	position:absolute;
	left: 470px;
	top: 165px;	
	font-size: 12pt;
}

.levelRecapYellowText {
	font-family:"Skranji";
	color:#fcce32;
	font-size:24pt;
}

.levelRecapStars {
	position:absolute;
	left: 245px;
	top: 240px;
	width: 277px;
	height: 99px;
	background-image:url("../assets/images/level_recap/FIU-level-end-star-bg.png");
}

.blackBackground {
	position: absolute;
	width: 750px;
	height: 500px;
	background-color: #000;
}

.loadingImage {
	position: absolute;
	width: 278px;
	height: 95px;
	top: 202px;
	left: 236px;
	background-image:url("../assets/images/loading/GF-GSB-loading-bar-bg.png");
}

.loadingCrystalImage {
	position: absolute;
	width: 446px;
	height: 443px;
	top: 29px;
	left: 152px;
	background-image:url("../assets/images/loading/GF-GSB-loading-crystals.png");
}

.loadingBackground {
	position: absolute;
	width: 750px;
	height: 500px;
	background-image:url("../assets/images/loading/GF-GSB-loading-bg.jpg");
}

.loadingMeter {
	position: absolute;
	width: 222px;
	height: 27px;
	top: 235px;
	left: 264px;
	background-image:url("../assets/images/loading/GF-GSB-loading-bar.png");
	background-repeat: repeat-x;
}

.loadingText {
	position: absolute;
	width: 200px;
	text-align: center;
	font-family: "Skranji";
	font-size: 24px;
	top: 220px;
	left: 275px;
	color: #a34a7a;
}

/*Tutorial */

.tutorialContainer {
	position:absolute;
	display:block;
	width:325px;
	height:208px;	
	background-image:url("../assets/images/hud/FIU-help-tutorial-bg.png");		
}

.tutorialText {	
	position:absolute;
	display:block;
	text-align: center;
	height: 200px;
	font-family: "Skranji";
	font-size: 19px;		
	color: #FFF;
	padding-top:50px;
	padding-left: 20px;		
	padding-right: 20px;
}

/*Game Complete Screen */

.gameCompleteScreenHeader {
	position:absolute;
	width:750px;
	height:110px;
	text-align:center;
	background-image:url("../assets/images/ui/FIU-header.png");
	font-family:"Skranji", bold;
	font-size:32pt;
	top:15px;
	padding-top:25px;
	background-repeat: no-repeat;
	color:white;
}

.gameCompleteSpeakersLeft {
	position: absolute;
	left: -20px;
	top: 240px;
	width: 114px;
	height: 281px;
	background-image:url("../assets/images/ui/FIU-speakers.png");	
}

.gameCompleteSpeakersRight {
position: absolute;
	left: 650px;
	top: 240px;
	width: 114px;
	height: 281px;
	background-image:url("../assets/images/ui/FIU-speakers.png");	
}

.gameCompleteTextBackground {
	position: absolute;
	left: 140px;
	top: 92px;
	width: 456px;
	height: 392px;
	background-image:url("../assets/images/ui/FIU-game-win-text-bg.png");
}

.gameCompleteCece {
	position: absolute;
	left: 550px;
	top: 135px;
	width: 164px;
	height: 333px;
	background-image:url("../assets/images/ui/FIU-game-win-cece.png");
}

.gameCompleteRocky {
	position: absolute;
	left: 50px;
	top: 135px;
	width: 164px;
	height: 333px;
	background-image:url("../assets/images/ui/FIU-game-win-rocky.png");
}

/*Objectives */