@charset "UTF-8";
html,body{margin:0 0 0 0; padding:0 0 0 0; background:#000;}

/*@font-face
{
	font-family:"Luckiest Guy";
	src: url("../fonts/Luckiest Guy.ttf");
	
}*/

#gameplay_container{
    border:  1px solid white;
	position:relative;
	width:640px;
	height:344px;
	margin:0 auto;
	overflow:hidden;
}

#sound_control
{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 19px;
	height: 17px;
	background: url(../images/ui_sound.png) no-repeat;
	z-index: 9999;
}

#sound_control:hover {
	cursor: pointer;
}

/* LOADER */
#loader{
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:344px;
	background:url(../images/ui_loader_bg.jpg) no-repeat;
	overflow:hidden;
	display:none;
	z-index:1;
}

#loader_indicator
{
	position:absolute;
	width:136px;
	height:300px;
	left:255px;
	top:-300px;
	background:url(../images/ui_loader_indicator.png);
}

#loader_end
{
	position:absolute;
	width:231px;
	height:108px;
	left:210px;
	top:220px;
	background:url(../images/ui_loader_end.png);
	display:none;
}

#loader_text
{
	position:absolute;
	width:250px;
	height:50px;
	left:240px;
	top:275px;
	font-family: 'Luckiest Guy', sans-serif;
	text-shadow:1px 2px 0px #000000;
	letter-spacing:1px;
	font-size:24px;
	color:#b3c931;
}

/* COVER */
#cover{
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:344px;
	background:url(../images/cover_bg.jpg) no-repeat;
	display:none;
}

#cover_play{
	position:absolute;
	left:181px;
	top:217px;
	width:64px;
	height:25px;
	background:url(../images/ui_cover_play.png) no-repeat;
	cursor:pointer;
}

#cover_instructions{
	position:absolute;
	left:85px;
	top:219px;
	width:85px;
	height:16px;
	background:url(../images/ui_cover_instructions.png) no-repeat;
	cursor:pointer;
}

/* LEVEL SIGNS */
#level_sign_container
{
	position:relative;
	z-index:3;
	width:640px;
	height:163px;
	overflow:hidden;
	display:none;
}

.level_sign
{
	position:absolute;
	/*top:-133px;*/
	width:76px;
	height:83px;
}

/* GAME */
#game_container{
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:344px;
	background:url(../images/level_bg.jpg) no-repeat;
	display:none;
}

#level_container
{
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:344px;
	overflow:hidden;
}

#fg_top
{
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:377px;
	background:url(../images/level_fg_top.png) no-repeat;
}

#fg_left
{
	position:absolute;
	left:0px;
	top:0px;
	width:62px;
	height:1033px;
	background:url(../images/level_fg_left.png) no-repeat;
}

#fg_right
{
	position:absolute;
	right:0px;
	top:0px;
	width:67px;
	height:1033px;
	background:url(../images/level_fg_right.png) no-repeat;
}

.level
{
	position:absolute;
	left:0px;
	width:640px;
	height:344px;
}

.level_display_item
{
	position:absolute;
}

.level_instance
{
	position:absolute;
	left:0px;
	width:640px;
	height:344px;
	overflow:hidden;
}

/* SUCCESS */
#success{
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:344px;
	background:url(../images/ui_success_bg.jpg) no-repeat;
	display:none;
	z-index:1;
}

#success_title
{
	position:absolute;
	width:238px;
	height:51px;
	background:url(../images/ui_success_title.png);
}

#success_subtitle
{
	position:absolute;
	width:260px;
	height:100px;
	font-family:"Luckiest Guy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:12px;
	color:#fa8e00;
	text-shadow:1px 2px 0px #000000;
}

#success_redeem
{
	position:absolute;
	width:200px;
	height:100px;
	font-family:"Luckiest Guy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:12px;
	color:#fa8e00;
	text-shadow:1px 2px 0px #000000;
}

#success_redeem a:link
{
	color:#FFFFFF;
	text-shadow:1px 2px 0px #000000;
	text-decoration:none;
}

#success_redeem a:visited
{
	color:#FFFFFF;
	text-shadow:1px 2px 0px #000000;
	text-decoration:none;
}

#success_redeem a:hover
{
	color:#fa8e00;
	text-shadow:1px 2px 0px #000000;
	text-decoration:none;
}

#success_code
{
	position:absolute;
	width:200px;
	height:35px;
	padding-top:5px;
	font-family:"Luckiest Guy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:25px;
	color:#b4cd3a;
	text-shadow:1px 2px 0px #000000;
	background:#063e4d;
	border:2px #b4cd3a solid;
	top: 135px;
}

#success_play{
	position:absolute;
	width:125px;
	height:63px;
	background:url(../images/ui_success_play.png) no-repeat;
	cursor:pointer;
}

#success_instructions{
	position:absolute;
	left:483px;
	top:295px;
	width:180px;
	height:68px;
	background:url(../images/ui_cover_instructions.png) no-repeat;
	cursor:pointer;
}

#success_scooby
{
	position:absolute;
	left:66px;
	top:0px;
	width:467px;
	height:534px;
	background:url(../images/ui_success_scooby.png) no-repeat;
}

/* FAIL */
#fail{
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:344px;
	background:url(../images/ui_fail_bg.jpg) no-repeat;
	display:none;
	z-index:1;
}

#fail_title
{
	position:absolute;
	width:198px;
	height:50px;
	left:342px;
	top:50px;
	background:url(../images/ui_fail_title.png);
}

#fail_subtitle
{
	position:absolute;
	width:250px;
	height:32px;
	left:600px;
	top:105px;
	font-family:"Luckiest Guy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:12px;
	color:#fa8e00;
	text-shadow:1px 2px 0px #000000;
}

#fail_link
{
	position:absolute;
	width:195px;
	height:100px;
	left:548px;
	top:187px;
	font-family:"Luckiest Guy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:12px;
	color:#8bbb4a;
	text-shadow:1px 2px 0px #000000;
}

#fail_link a:link
{
	color:#8bbb4a;
	text-shadow:1px 2px 0px #000000;
	text-decoration:none;
}

#fail_link a:visited
{
	color:#8bbb4a;
	text-shadow:1px 2px 0px #000000;
	text-decoration:none;
}

#fail_link a:hover
{
	color:#ffffff;
	text-shadow:1px 2px 0px #000000;
	text-decoration:none;
}


#fail_code
{
	position:absolute;
	width:187px;
	height:35px;
	left:595px;
	top:129px;
	padding-top:5px;
	font-family:"Luckiest Guy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:25px;
	color:#b4cd3a;
	text-shadow:1px 2px 0px #000000;
	background:#063e4d;
	border:2px #b4cd3a solid;
}

#fail_again
{
	position:absolute;
	width:190px;
	height:100px;
	left:600px;
	top:215px;
	font-family:"Luckiest Guy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:12px;
	color:#fa8e00;
	text-shadow:1px 2px 0px #000000;
}

#fail_play{
	position:absolute;
	left:378px;
	top:247px;
	width:125px;
	height:63px;
	background:url(../images/ui_success_play.png) no-repeat;
	cursor:pointer;
}

#fail_scooby
{
	position:absolute;
	left:66px;
	top:0px;
	width:293px;
	height:344px;
	background:url(../images/ui_fail_scooby.png) no-repeat;
}

/* INSTRUCTIONS */
#instructions{
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:344px;
	background:url(../images/ui_instructions_bg.jpg) no-repeat;
	display:none;
}

#instructions_play
{
	position:absolute;
	width:64px;
	height:25px;
	left:492px;
	top:195px;
	background:url(../images/ui_cover_play.png);
	cursor:pointer;
}