body {
	margin: 0;
	background-color: rgb(44,124,171);
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

body li {
	list-style: none;
}



button{
	outline: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	border: 0;
	cursor: pointer;
	
}

#game {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 480px;
	height: 300px;
	margin: -150px 0 0 -240px;
	background-color: rgb(44,124,171);
}

#game .screen{
	position:absolute;
	width: 480px;
	height: 300px;
	display: none;
	z-index: 10;
}

#game .screen.active{
	display:block;
}

#game .menu{
	display: none;
}

#game .menu.active{
	display:block;
}


.hidden {
display : none;
}

#splash_screen {
	text-align: center;
	padding-top: 40px;
}

#splash_screen  .continue{
	cursor : pointer;
	margin: auto;
	width: 166px;
	height: 38px;
	display: block;
	position: relative;
	left: 14px;
	top: 12px;
	background: url('../img/shared_images_sheet.png') no-repeat -846px -114px;
}
#splash_screen .progress_box {
	margin: 0 auto;
	overflow: hidden;
	width: 230px;
	height: 44px;
	display: block;
	position: relative;
	top: 12px;
	background: url('../img/shared_splash_screen_sheet.png') no-repeat -398px -8px;
}

#splash_screen .progress_bar {

	width: 222px;
	height: 26px;
	display: block;
	position: absolute;
	top: 14px;
	left: -218px;
	background: url('../img/shared_splash_screen_sheet.png') no-repeat -164px -60px;
}

#splash_screen .progress_top {
	width: 230px;
	height: 44px;
	display: block;
	position: absolute;
	background: url('../img/shared_splash_screen_sheet.png') no-repeat -162px -8px;
}

.df_logo {
	margin: auto;
	text-align: center;
	width: 120px;
	height: 120px;
	background: url('../img/shared_splash_screen_sheet.png') no-repeat -10px -8px;
}


#login_screen_box{
	background: url('../img/mobile_login_sheet.png') no-repeat -12px -266px;
	width: 480px;
	height: 300px;
	position: relative;
	top:0px;
}

#login_screen_box_int{
	width: 476px;
	height: 296px;
	overflow: hidden;
	position: relative;
	top:2px;
	left: 2px;
}
#login_art{
	position: absolute;
	/*background: url('../img/mobile_login_sheet.png') no-repeat -674px 0;
	width: 320px;
	height: 300px;
	top: -18px;
	left: 192px;
	*/
	background: url('../img/mobile_login_sheet.png') no-repeat -688px -320px;
	width: 298px;
	height: 260px;
	top: 12px;
	left: 174px;
}
#login_logo{
	position: absolute;
	left: 6px;
	top: 10px;
	background: url('../img/mobile_login_sheet.png') no-repeat -210px -224px;
	width: 270px;
	height: 32px;
}
#login_box{
	position: absolute;
	left: 8px;
	top: 28px;
	padding-top: 0px;
	background: url('../img/mobile_login_sheet.png') no-repeat -12px -8px;
	width: 228px;
	height: 240px;
}
#elementimals_login_logo{
	position:relative;
	top: 10px;
	left: 10px;
	background: url('../img/mobile_login_sheet.png') no-repeat -22px -700px;
	width: 208px;
	height: 26px;
	margin-bottom: 26px;
}
#login_first{
	display:none;
}
#login_first.active{
	display:block;
}
#login_second{
	display:none;
	padding-top: 6px;
}
#login_second.active{
	display:block;
}
#user_text{
	position: relative;
	float: left;
	left: 6px;
	top: 0px;
	background: url('../img/mobile_login_sheet.png') no-repeat -258px -4px;
	width: 122px;
	height: 42px;
}
#login_first input{
	color: white;
	font-weight:bold;
	position: relative;
	background: none;
	border: none;
	top: 17px;
	width: 118px;
	height: 20px;
	padding-left: 4px;
	padding: 2px;
}
#login_second input{
	color: white;
	font-weight:bold;
	position: relative;
	background: none;
	border: none;
	top: 17px;
	width: 164px;
	height: 20px;
	padding-left: 4px;
	padding: 2px;
}

#pass_text{
	position: relative;
	float:left;
	left: 6px;
	top: 10px;
	background: url('../img/mobile_login_sheet.png') no-repeat -384px -4px;
	width: 122px;
	height: 42px;
}
#pass_input{
	position: relative;
	top: 16px;
	height: 22px;
}
#signup_but{
	position: relative;
	float: left;
	top: -42px;
	left: 14px;
	background: url('../img/mobile_login_sheet.png') no-repeat -512px -4px;
	width: 86px;
	height: 34px;
}
#login_but{
	position: relative;
	float: left;
	top: -34px;
	left: 14px;
	background: url('../img/mobile_login_sheet.png') no-repeat -512px -120px;
	width: 86px;
	height: 50px;
}
#remember_but{
	position: relative;
	float: left;
	top: -30px;
	left: 2px;
	background: url('../img/mobile_login_sheet.png') no-repeat -258px -70px;
	width: 160px;
	height: 30px;
}

#forgot_box{
	background: url('../img/mobile_login_sheet.png') no-repeat -12px -624px;
	width: 228px;
	height: 62px;
	position:relative;
	float:left;
	left: 0px;
	top: -30px;
}
#forgot_user_but{
	position: relative;
	float: left;
	top: 22px;
	left: 10px;
	background: url('../img/mobile_login_sheet.png') no-repeat -258px -144px;
	width: 98px;
	height: 30px;
}
#forgot_pass_but{
	position: relative;
	float: left;
	top: 22px;
	left: 22px;
	background: url('../img/mobile_login_sheet.png') no-repeat -370px -144px;
	width: 98px;
	height: 30px;
}
#sign_up_email_text{
	position: relative;
	float: left;
	left: 6px;
	top: 0px;
	background: url('../img/mobile_login_sheet.png') no-repeat -258px -572px;
	width: 168px;
	height: 42px;
}
#sign_up_user_text{
	position: relative;
	float: left;
	left: 6px;
	top: 6px;
	background: url('../img/mobile_login_sheet.png') no-repeat -258px -618px;
	width: 168px;
	height: 42px;
}
#sign_up_pass_text{
	position: relative;
	float: left;
	left: 6px;
	top: 12px;
	background: url('../img/mobile_login_sheet.png') no-repeat -258px -664px;
	width: 168px;
	height: 42px;
}
#sign_up_pass_confirm_text{
	position: relative;
	float: left;
	left: 6px;
	top: 18px;
	background: url('../img/mobile_login_sheet.png') no-repeat -258px -710px;
	width: 168px;
	height: 42px;
}
.sign_cue{
	background: url('../img/mobile_login_sheet.png') no-repeat -456px -580px;
	width: 38px;
	height: 26px;
	float:left;
	position:relative;
	left: 14px;
}
#sign_up_email_cue{
	top: 16px;
}
#sign_up_user_cue{
	top: 22px;
}
#sign_up_pass_cue{
	top: 28px;
}

#sign_up_back_but{
	background: url('../img/mobile_login_sheet.png') no-repeat -502px -426px;
	width: 104px;
	height: 38px;
	position: relative;
	top:22px;
	left:6px;
}
#sign_up_back_but:hover{background: url('../img/mobile_login_sheet.png') no-repeat -502px -510px;}
#sign_up_back_but:active{background: url('../img/mobile_login_sheet.png') no-repeat -502px -468px;}
#sign_up_confirm_but{
	background: url('../img/mobile_login_sheet.png') no-repeat -502px -290px;
	width: 104px;
	height: 38px;
	position: relative;
	top:22px;
	left:10px;
}
#sign_up_confirm_but:hover{background: url('../img/mobile_login_sheet.png') no-repeat -502px -374px;}
#sign_up_confirm_but:active{background: url('../img/mobile_login_sheet.png') no-repeat -502px -332px;}

#signup_but:hover{background: url('../img/mobile_login_sheet.png') no-repeat -512px -76px;}
#signup_but:active{background: url('../img/mobile_login_sheet.png') no-repeat -512px -40px;}

#login_but:hover{background: url('../img/mobile_login_sheet.png') no-repeat -512px -224px;}
#login_but:active{background: url('../img/mobile_login_sheet.png') no-repeat -512px -172px;}

#forgot_user_but:hover{background: url('../img/mobile_login_sheet.png') no-repeat -258px -212px;}
#forgot_user_but:active{background: url('../img/mobile_login_sheet.png') no-repeat -258px -178px;}

#forgot_pass_but:hover{background: url('../img/mobile_login_sheet.png') no-repeat -370px -212px;}
#forgot_pass_but:active{background: url('../img/mobile_login_sheet.png') no-repeat -370px -178px;}

/* Top Bar CSS */
#top_bar{
	display:block;
	height: 36px;
	width: 100%;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -6px -14px;
}
#top_level_box{
	display: block;
	width: 56px;
	height: 26px;
	position:relative;
	float:left;
	left: 6px;
	top: 2px;
	background: url('../img/shared_images_sheet.png') no-repeat -482px -122px;
}
#top_game_type_box{
	display: block;
	width: 132px;
	height: 22px;
	position:relative;
	float:left;
	left: 6px;
	top: 6px;
}
#top_game_type_box.endless_type{
	background: url('../img/shared_images_sheet.png') no-repeat -674px -58px;
}
#top_game_type_box.campaign_type{
	background: url('../img/shared_images_sheet.png') no-repeat -674px -22px;
}
#top_game_type_box.exhibition_type{
	background: url('../img/shared_images_sheet.png') no-repeat -674px -90px;
}

#top_rating_box{
	display: block;
	width: 62px;
	height: 20px;
	text-align: center;
	position:relative;
	float:left;
	left: 6px;
	padding-left: 24px;
	padding-top: 6px;
	top: 4px;
	background: url('../img/shared_images_sheet.png') no-repeat -556px -54px;
}


#top_wins_box{
	display: block;
	width: 38px;
	height: 20px;
	text-align: center;
	position:relative;
	float:left;
	left: 10px;
	padding-top: 6px;
	top: 4px;
	padding-left: 22px;
	background: url('../img/shared_images_sheet.png') no-repeat -476px -54px;
}

#top_p1_wins{
	display: block;
	width: 38px;
	height: 20px;
	text-align: center;
	position:relative;
	float:left;
	left: 20px;
	padding-top: 6px;
	top: 4px;
	padding-left: 22px;
	background: url('../img/shared_images_sheet.png') no-repeat -476px -84px;
}

#top_p2_wins{
	display: block;
	width: 38px;
	height: 20px;
	text-align: center;
	position:relative;
	float:left;
	left: 28px;
	padding-top: 6px;
	top: 4px;
	padding-left: 22px;
	background: url('../img/shared_images_sheet.png') no-repeat -476px -114px;
}

.top_game_cards{
	display: block;
	width: 36px;
	height: 20px;
	padding-left: 24px;
	text-align: center;
	position:relative;
	float:left;
	left: 10px;
	padding-top: 6px;
	top: 4px;
	background: url('../img/shared_images_sheet.png') no-repeat -474px -24px;
}

#top_coins_box{
	display: block;
	width: 62px;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	float:left;
	position:relative;
	left: 18px;
	padding-left: 24px;
	top: 4px;
	background: url('../img/shared_images_sheet.png') no-repeat -556px -24px;
}

#top_gems_box{
	display: block;
	width: 62px;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	float:left;
	position:relative;
	left: 30px;
	padding-left: 24px;
	top: 4px;
	background: url('../img/shared_images_sheet.png') no-repeat -558px -84px;
}

.top_game_coins  {
	display: block;
	width: 62px;
	height: 20px;
	padding-top: 6px;
	float:left;
	text-align: center;
	position:relative;
	left: 14px;
	padding-left: 24px;
	top: 4px;
	background: url('../img/shared_images_sheet.png') no-repeat -556px -24px;
}

#top_gamerpic_box{
	display: block;	
	width: 30px;
	height: 30px;
	float:left;
	position:relative;
	left: 42px;
	top: 2px;
	background: url('../img/shared_images_sheet.png') no-repeat -418px -60px;;
}

#top_gamertag_but{
	display: block;
	margin: 0;
	padding: 0;
	border:0;
	width: 184px;
	height: 36px;
	float:left;
	position:absolute;
	left: 296px;
	top: 0px;
	z-index: 10;
	padding-right: 24px;
	padding-left: 32px;
	background: url('../img/mobile_landscape_buttons.png') no-repeat -810px -672px;
}
#top_gamertag_collision{
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	width: 184px;
	top: 0;
	left: 0;
	height: 36px;
}
#top_gamertag_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -810px -752px;
}
#top_gamertag_but:active{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -810px -712px;
}
#top_gamertag_but h4, #top_menu_but h4 {
	cursor: pointer;
}
#gamertag_holder{
	margin: 0;
	padding-top: 8px;
	height: 18px;
}

#top_menu_but{
	display: block;
	border:0;
	width: 184px;
	height: 36px;
	float:left;
	position:absolute;
	left: 296px;
	top: 0px;
	z-index: 10;
	background: url('../img/mobile_landscape_buttons.png') no-repeat -602px -672px;
}
#top_menu_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -602px -752px;
}
#top_menu_but:active{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -602px -712px;
}

/* Main Menu Styles */
#menu_screen {
	padding: 0;
	margin: 0;
	width: 100%;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat 0 -606px;
}

#menu_screen li {
	list-style: none;
}


#main_menu {
	position: relative;
}

#navigation_box{
	position: relative;
	width: 174px;
	float: left;
	height: 262px;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -794px -760px;
}


.navigation {
	position: relative;
	padding: 0px;
	margin: 0px;
	top: 12px;
}

.navigation li {
	list-style: none;
	position: relative;
	padding-top: 4px;
	left: 6px;
	padding-bottom: 4px;
}

.navigation button {
	width: 162px;
	display: block;
}

/*Main Buttons CSS*/
#main_play_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -482px -2px;
	height : 48px;
}
#main_play_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -482px -102px;
}
#main_play_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -482px -52px;
}
#main_shop_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -2px;
	height : 48px;
}
#main_shop_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -102px;
}
#main_shop_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -52px;
}
#main_collection_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -484px -250px;
	height : 34px;
}
#main_collection_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -484px -322px;
}
#main_collection_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -484px -286px;
}
#main_how_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -250px;;
	height : 34px;
}
#main_how_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -322px;
}
#main_how_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -286px;
}
#main_options_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -848px -250px;
	height : 34px;
}
#main_options_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -848px -322px;
}
#main_options_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -848px -286px;
}
/*Main Buttons End*/


#main_box {
	position: relative;
	float: left;
	width: 306px;
	height: 264px;
	overflow: hidden;
}

#ele_logo{
	position: relative;
	width: 270px;
	height: 32px;
	margin: auto;
	top: 16px;
	display: block;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -692px -10px;
}

#news_box{
	position: relative;
	width: 276px;
	height: 174px;
	margin: 0 auto;
	padding: 0;
	top: 34px;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -688px -298px;
}

#news_more_but{
	position: absolute;
	top: 122px;
	left: 210px;
	background: url('../img/mobile_landscape_buttons.png') no-repeat -408px -14px;
	width: 56px;
	height : 44px;
	margin: 0;
	padding: 0;
}
#news_more_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -408px -106px;
}
#news_more_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -408px -60px;
}

#shop_menu {
	display: block;
	position: relative;
	top:-2px;
	height:264px;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -494px -482px;
}
.shop_navigation {
	position: relative;
	padding: 0px;
	margin: 0px;
	top: 12px;
}

#shop_navigation_box{
	position: relative;
	float:left;
	width:162px;
}
#shop_nav_box{
	position: relative;
	top: -4px;
	left: 6px;
	padding-top: 12px;
	padding-left: 6px;
	padding-right: 6px;
	height:156px;
	width: 150px;
	display: block;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -12px -56px;
}
#shop_nav_box button{	
	position:relative;
	width: 150px;
	height: 34px;
	display: block;
	margin-top: 4px;
}

#shop_boosters_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -848px -44px;
}
#shop_boosters_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -848px -116px;
}
#shop_boosters_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -848px -80px;
}
#shop_cardbacks_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -198px -358px;
}
#shop_cardbacks_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -198px -430px;
}
#shop_cardbacks_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -198px -394px;
}
#shop_extras_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -374px -358px;
}
#shop_extras_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -374px -430px;
}
#shop_extras_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -374px -394px;
}
#shop_sales_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -358px;
}
#shop_sales_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -430px;
}
#shop_sales_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -394px;
}
#shop_coins_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -358px;
	width: 162px;
	height : 34px;
	position: relative;
	float:left;
	left: 6px;
}
#shop_coins_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -430px;
}
#shop_coins_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -394px;
}
#shop_back_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -670px -562px;
	width: 162px;
	height : 34px;
	position: relative;
	float: left;
	top: 4px;
	left: 6px;
}
#shop_back_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -670px -634px;
}
#shop_back_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -670px -598px;
}

#shop_box{
	position: relative;
	float: left;
	height: 264px;
}
#shop_title{
	height: 22px;
	width: 226px;
	position: relative;
	left: 12px;
	top: -4px;
	display: block;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -696px -46px;
}
#shop_item_box{
	height: 144px;
	width: 290px;
	position: relative;
	left: 12px;
	top: -26px;
	display: block;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -684px -148px;
}
#shop_scroll_bar{
	height: 144px;
	width: 14px;
	position: relative;
	left: 300px;
	top: -170px;
	display: block;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -670px 0;
}

#shop_scroll_top_but {
	height: 14px;
	width: 14px;
	position: relative;
	display: block;
	background: url('../img/mobile_landscape_buttons.png') no-repeat -906px -368px;
}
#shop_scroll_top_but:hover {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -906px -400px;
}
#shop_scroll_top_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -906px -384px;
}

#shop_scroll_mid_but {
	height: 40px;
	width: 14px;
	top:-2px;
	position: relative;
	display: block;
	background: url('../img/mobile_landscape_buttons.png') no-repeat -932px -362px;
}
#shop_scroll_mid_but:hover {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -932px -446px;
}
#shop_scroll_mid_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -932px -404px;
}

#shop_scroll_bot_but {
	height: 14px;
	width: 14px;
	top: 76px;
	position: relative;
	display: block;
	background: url('../img/mobile_landscape_buttons.png') no-repeat -906px -438px;
}
#shop_scroll_bot_but:hover {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -906px -470px;
}
#shop_scroll_bot_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -906px -454px;
}

#shop_info_box{
	height: 60px;
	width: 282px;
	position: relative;
	left: 20px;
	top: -158px;
	display: block;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat 0 -912px;
}

#shop_purchase_but {
	height: 34px;
	width: 96px;
	left: 186px;
	top: 26px;
	position: relative;
	display: block;
	background: url('../img/mobile_landscape_buttons.png') no-repeat -552px -358px;
}
#shop_purchase_but:hover {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -552px -430px;
}
#shop_purchase_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -552px -394px;
}

#collection_menu {
	display: block;
	position: relative;
	top:-2px;
	height:264px;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -494px -482px;
	z-index: -2;
}

.collection_navigation {
	position: relative;
	padding: 0px;
	margin: 0px;
	top: 18px;
}
#collection_navigation_box{
	position: relative;
	float:left;
	width:162px;
}


#collection_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -484px -250px;
	width: 162px;
	height : 34px;
	position: relative;
	float: left;
	top: 12px;
	left: 6px;
}
#collection_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -484px -322px;
}
#collection_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -484px -286px;
}


#decks_nav_box{
	position: relative;
	float: left;
	top: 20px;
	left: 6px;
	padding-top: 12px;
	padding-left: 6px;
	padding-right: 6px;
	height: 118px;
	width: 150px;
	display: block;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -178px -54px;
}
#decks_nav_box button{	
	position:relative;
	width: 150px;
	height: 34px;
	display: block;
	margin-top: 4px;
}
#collection_deck1_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -242px;
}
#collection_deck1_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -314px;
}
#collection_deck1_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -278px;
}
#collection_deck2_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -164px -242px;
}
#collection_deck2_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -164px -314px;
}
#collection_deck2_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -164px -278px;
}
#collection_deck3_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -322px -242px;
}
#collection_deck3_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -322px -314px;
}
#collection_deck3_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -322px -278px;
}

#collection_back_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -670px -562px;
	width: 162px;
	height : 34px;
	position: relative;
	float: left;
	top: 28px;
	left: 6px;
}
#collection_back_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -670px -634px;
}
#collection_back_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -670px -598px;
}

#deck_box{
	position: relative;
	float: left;
	left: 6px;
	width: 310px;
	height: 268px;
	z-index:-2;
}
#collection_tabs_box{
	position: relative;
	width: 282px;
	height: 26px;
	display: block;
	top: 8px;
	padding: 0px;
	margin: 0 auto;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -294px -910px;
}
.collection_tabs{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.collection_tabs button {
	position: relative;
	width:54px;
	float: left;
	height:26px;
	margin-left: 2px;
}

#all_tab { background: url('../img/mobile_landscape_buttons.png') no-repeat -4px -126px;}
#all_tab:hover { background: url('../img/mobile_landscape_buttons.png') no-repeat -4px -182px;}
#all_tab:active { background: url('../img/mobile_landscape_buttons.png') no-repeat -4px -154px;}
#all_tab.tabbed{ background: url('../img/mobile_landscape_buttons.png') no-repeat -4px -210px;}
#air_tab { background: url('../img/mobile_landscape_buttons.png') no-repeat -64px -126px;}
#air_tab:hover { background: url('../img/mobile_landscape_buttons.png') no-repeat -64px -182px;}
#air_tab:active { background: url('../img/mobile_landscape_buttons.png') no-repeat -64px -154px;}
#air_tab.tabbed{ background: url('../img/mobile_landscape_buttons.png') no-repeat -64px -210px;}
#earth_tab { background: url('../img/mobile_landscape_buttons.png') no-repeat -124px -126px;}
#earth_tab:hover { background: url('../img/mobile_landscape_buttons.png') no-repeat -124px -182px;}
#earth_tab:active { background: url('../img/mobile_landscape_buttons.png') no-repeat -124px -154px;}
#earth_tab.tabbed{ background: url('../img/mobile_landscape_buttons.png') no-repeat -124px -210px;}
#fire_tab { background: url('../img/mobile_landscape_buttons.png') no-repeat -184px -126px;}
#fire_tab:hover { background: url('../img/mobile_landscape_buttons.png') no-repeat -184px -182px;}
#fire_tab:active { background: url('../img/mobile_landscape_buttons.png') no-repeat -184px -154px;}
#fire_tab.tabbed{ background: url('../img/mobile_landscape_buttons.png') no-repeat -184px -210px;}
#water_tab { background: url('../img/mobile_landscape_buttons.png') no-repeat -244px -126px;}
#water_tab:hover { background: url('../img/mobile_landscape_buttons.png') no-repeat -244px -182px;}
#water_tab:active { background: url('../img/mobile_landscape_buttons.png') no-repeat -244px -154px;}
#water_tab.tabbed{ background: url('../img/mobile_landscape_buttons.png') no-repeat -244px -210px;}

#collection_cards_box{
	position: relative;
	display:block;
	width: 290px;
	height: 88px;
	top: 6px;
	padding: 2px;
	margin: 0 auto;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -492px -768px;
	z-index: -1;
}
#collection_cards_scroll_box{
	position: relative;
	display:block;
	width: 290px;
	top: 4px;
	height: 80px;
	overflow: hidden;
}
#collection_cards_scroll{
	position: relative;
	height: 80px;
	float:left;
    margin-right:-30000px;/*Be safe with Opera's limited negative margin of 32695px (-999em could cause problems with large font sizes)*/
 
}

#collection_cards_scroll .card_div{
	margin-left: 4px;
	float: left;
	position: relative;
}

#deck_cards_scroll_box{
	position: relative;
	display:block;
	width: 290px;
	top: 4px;
	height: 80px;
	overflow: hidden;
}
#deck_cards_scroll{
	position: relative;
	height: 80px;
	float:left;
    margin-right:-30000px;/*Be safe with Opera's limited negative margin of 32695px (-999em could cause problems with large font sizes)*/
 
}

#deck_cards_scroll .card_div{
	margin-left: 4px;
	float: left;
	position: relative;
}

#deck_header{
	position: relative;
	display:block;
	width: 99px;
	height: 18px;
	top: -10px;
	left: 16px;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -384px -62px;
}
#deck_cards_box{
	position: relative;
	display:block;
	width: 294px;
	height: 92px;
	top: -32px;
	margin: 0 auto;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -492px -768px;
	z-index: -1;
}

#deck_info{
	position: relative;
	display:block;
	width: 294px;
	height: 30px;
	top: -34px;
	margin: 0 auto;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -288px -942px;
}

#deck_info .number {
	position: relative;
	height: 14px;
	width: 34px;
	top: 7px;
	margin: 0; padding: 0;
	float:left;
}

#deck_info #card_current_box{
	left:28px;
}
#deck_info #card_max_box{
	left:40px;
}
#deck_info #power_current_box{
	left:66px;
}
#deck_info #power_max_box{
	left:78px;
}

#deck_clear_but{
	position:relative;
	display:block;
	width: 72px;
	height: 22px;
	left: 82px;
	top: 4px;
	float: left;
	background: url('../img/mobile_landscape_buttons.png') no-repeat -314px -166px;
}
#deck_clear_but:hover { background: url('../img/mobile_landscape_buttons.png') no-repeat -314px -214px;}
#deck_clear_but:active { background: url('../img/mobile_landscape_buttons.png') no-repeat -314px -190px;}

#play_navigation_box{
	position: relative;
	width: 174px;
	float: left;
	height: 262px;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -794px -760px;
}
.play_navigation {
	position: relative;
	padding: 0px;
	margin: 0px;
	top: 16px;
}


#single_play_nav_box{
	position: relative;
	top: -4px;
	left: 6px;
	padding-top: 12px;
	padding-left: 6px;
	padding-right: 6px;
	height:80px;
	width: 150px;
	display: block;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -12px -506px;
}
#single_play_nav_box button{	
	position:relative;
	width: 150px;
	height: 34px;
	display: block;
	margin-top: 4px;
}
#multi_play_nav_box{
	position: relative;
	top: 6px;
	left: 6px;
	padding-top: 12px;
	padding-left: 6px;
	padding-right: 6px;
	height:80px;
	width: 150px;
	display: block;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -194px -506px;
}
#multi_play_nav_box button{	
	position:relative;
	width: 150px;
	height: 34px;
	display: block;
	margin-top: 4px;
}

#play_campaign_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -562px;
}
#play_campaign_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -634px;
}
#play_campaign_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -598px;
}
#play_endless_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -164px -562px;
}
#play_endless_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -164px -634px;
}
#play_endless_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -164px -598px;
}
#play_ranked_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -504px -562px;
}
#play_ranked_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -504px -634px;
}
#play_ranked_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -504px -598px;
}
#play_exhibition_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -336px -562px;
}
#play_exhibition_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -336px -634px;
}
#play_exhibition_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -336px -598px;
}
#play_exhibition_but.locked{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -480px -842px;
	cursor: default;
}



#play_back_but{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -670px -562px;
	width: 162px;
	height : 34px;
	position: relative;
	float: left;
	top: 12px;
	left: 6px;
}
#play_back_but:hover{
	background: url('../img/mobile_landscape_buttons.png') no-repeat -670px -634px;
}
#play_back_but:active {
	background: url('../img/mobile_landscape_buttons.png') no-repeat -670px -598px;
}


.game_box{
	width: 480px;
	height: 270px;
	position:relative;
	top: -6px;
	display: block;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -8px -234px;
	overflow: hidden;
	z-index: -10;
}

.player_hand{
	position: absolute;
	width: 80px;
	height: 246px;
	left: 18px;
	top: 12px;
}
.opponent_hand{
	position: absolute;
	width: 80px;
	height: 246px;
	left: 384px;
	top: 12px;
}
.player_hand .card_div{
	z-index: 0;
	position: absolute;
}

.player_score {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 10 !important;
	width: 50px;
	height: 72px;
	left: 86px;
	top: 194px;
	background-image: url("../img/shared_images_sheet.png");
}
.opponent_score {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 10 !important;
	width: 50px;
	height: 72px;
	left: 344px;
	top: 194px;
	background-image: url("../img/shared_images_sheet.png");
}


.player_hand .card_div.active {
	z-index: 5 !important;
	left: 16px !important;
}
.opponent_hand .card_div.active {
	z-index: 5 !important;
	left: -16px !important;
}

.opponent_hand .card_div {
	z-index: 0;
	position: absolute;
}



#game_over_pop_box{
	position:absolute;
	display: none;
	background: url('../img/shared_images_sheet.png') no-repeat -524px -653px;
	width: 480px;
	height: 102px;
	left: 0px;
	top: 116px;
	z-index: 10;
}
#game_over_pop_box.active{
	display:block;
}
#game_over_content{
	width: 266px;
	height:100px;
	margin: 0 auto;
}
#game_over_result_box{
	width: 176px;
	height: 54px;
	left: 0px;
	padding-top: 6px;
}

#game_over_result_text{
	margin: 0 auto;
}

#game_over_result_text.win{
	background: url('../img/shared_images_sheet.png') no-repeat -532px -760px;
	width: 96px;
	height: 46px;
}
#game_over_result_text.lose{
	background: url('../img/shared_images_sheet.png') no-repeat -632px -760px;
	width: 126px;
	height: 46px;
}
#game_over_result_text.draw{
	background: url('../img/shared_images_sheet.png') no-repeat -762px -760px;
	width: 144px;
	height: 46px;
}
#game_over_win_box{
	position: absolute;
	width: 46px;
	height: 14px;
	padding-left: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	left: 284px;
	top: 6px;
	background: url('../img/shared_images_sheet.png') no-repeat -928px -760px;
}
#game_over_coins_box{
	position: absolute;
	width: 46px;
	height: 14px;
	padding-left: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	left: 284px;
	top: 30px;
	background: url('../img/shared_images_sheet.png') no-repeat -928px -784px;
}

#game_over_buttons_box{
	position:absolute;
	height: 38px;
	width: 298px;
	left: 96px;
	top: 56px;
}
#game_over_buttons{
	margin: 0;
	padding: 0;
}
#game_over_buttons li{
	float: left;
	display: inline;
	width: 78px;
	height: 38px;
	margin-left: 16px;
}
#game_over_buttons button{
	width: 78px;
	height: 38px;
}
#go_again_but{background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -676px;}
#go_again_but:hover{background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -760px;}
#go_again_but:active{background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -718px;}
#go_cash_but{background: url('../img/mobile_landscape_buttons.png') no-repeat -84px -676px;}
#go_cash_but:hover{background: url('../img/mobile_landscape_buttons.png') no-repeat -84px -760px;}
#go_cash_but:active{background: url('../img/mobile_landscape_buttons.png') no-repeat -84px -718px;}
#go_cash_but.inactive{background: url('../img/mobile_landscape_buttons.png') no-repeat -84px -802px !important;}
#go_menu_but{background: url('../img/mobile_landscape_buttons.png') no-repeat -164px -676px;}
#go_menu_but:hover{background: url('../img/mobile_landscape_buttons.png') no-repeat -164px -760px;}
#go_menu_but:active{background: url('../img/mobile_landscape_buttons.png') no-repeat -164px -718px;}

#cash_out_pop_box{
	position:absolute;
	display: none;
	background: url('../img/shared_images_sheet.png') no-repeat -524px -654px;
	width: 480px;
	height: 102px;
	left: 0px;
	top: 116px;
	z-index: 12;
}
#cash_out_pop_box.active{
	display: block;
}
#cash_out_content{
	height: 102px;
	width: 188px;
	margin: 0 auto;
	padding-top: 3px;
	padding-bottom: 5px;
}
#cash_out_text_box{
	background: url('../img/shared_images_sheet.png') no-repeat -532px -810px;
	width: 188px;
	height: 68px;
}
#cash_out_text{
	position: relative;
	left: 88px;
	top: 30px;
	width: 44px;
	height: 18px;
}
#cash_out_content button {
	width: 78px;
	height: 26px;
	position: relative;
	float: left;
}

#cash_yes_but{background: url('../img/mobile_landscape_buttons.png') no-repeat -246px -676px;}
#cash_yes_but:hover{background: url('../img/mobile_landscape_buttons.png') no-repeat -246px -736px;}
#cash_yes_but:active{background: url('../img/mobile_landscape_buttons.png') no-repeat -246px -706px;}

#cash_no_but{background: url('../img/mobile_landscape_buttons.png') no-repeat -328px -676px; left: 32px;}
#cash_no_but:hover{background: url('../img/mobile_landscape_buttons.png') no-repeat -328px -736px;}
#cash_no_but:active{background: url('../img/mobile_landscape_buttons.png') no-repeat -328px -706px;}


#camp_over_pop_box{
	position:absolute;
	display: none;
	background: url('../img/shared_campaign_sheet.png') no-repeat -524px -567px;
	width: 480px;
	height: 110px;
	padding-top: 2px;
	padding-bottom: 2px;
	left: 0px;
	top: 108px;
	z-index: 10;
	overflow: hidden;
}
#camp_over_pop_box.active{
	display:block;
}
#camp_over_first{
	display: none;
	width: 144px;
	height:104px;
	margin: 0 auto;
	position: relative;
	padding: 0;
}
#camp_over_first.active{
	display:block;
}
#camp_over_result_box{
	width: 144px;
	height: 46px;
	left: 0px;
	top: 4px;
	position: relative;
}

#camp_over_result_text{
	margin: 0 auto;
}

#camp_over_result_text.win{
	background: url('../img/shared_images_sheet.png') no-repeat -532px -760px;
	width: 96px;
	height: 46px;
}
#camp_over_result_text.lose{
	background: url('../img/shared_images_sheet.png') no-repeat -632px -760px;
	width: 126px;
	height: 46px;
}
#camp_over_result_text.draw{
	background: url('../img/shared_images_sheet.png') no-repeat -762px -760px;
	width: 144px;
	height: 46px;
}
#camp_over_cards_box{
	position: absolute;
	width: 38px;
	height: 14px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	left: 74px;
	top: 54px;
	background: url('../img/shared_campaign_sheet.png') no-repeat -586px -684px;
}
#camp_over_coins_box{
	position: absolute;
	width: 36px;
	height: 14px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	left: 12px;
	top: 54px;
	background: url('../img/shared_campaign_sheet.png') no-repeat -524px -684px;
	
}

#camp_over_buttons_box{
	position:absolute;
	height: 26px;
	width: 144px;
	left: 0px;
	top: 80px;
}

#camp_over_second{
	display: none;
	width: 436px;
	height: 104px;
	top: 2px;
	position: relative;
	margin: 0 auto;
}

#camp_over_second.active{
	display: block;
}
#camp_over_card_text_box{
	position: relative;
	width: 436px;
	height: 14px;
}
#camp_over_card_text{
	margin: 0 auto;
}

#camp_over_card_text.win{
	background: url('../img/shared_campaign_sheet.png') no-repeat -524px -800px;
	width: 148px;
	height: 14px;
}
#camp_over_card_text.lose{
	background: url('../img/shared_campaign_sheet.png') no-repeat -678px -800px;
	width: 176px;
	height: 14px;
}
#camp_over_card_pick_box{
	position: relative;
	top: 2px;
	background: url('../img/shared_campaign_sheet.png') no-repeat -524px -710px;
	width: 436px;
	height: 88px;
}
#camp_over_card_pick_box .card_div{
	position: relative;
	float: left;
	margin-left: 6px;
	top: 4px;
}
#co_continue_but{
	margin: 0 auto;
	height: 26px;
	width: 120px;
	display:block;
}

#co_continue_but{background: url('../img/shared_campaign_sheet.png') no-repeat -650px -682px;}
#co_continue_but:hover{background: url('../img/shared_campaign_sheet.png') no-repeat -898px -682px;}
#co_continue_but:active{background: url('../img/shared_campaign_sheet.png') no-repeat -774px -682px;}

#camp_over_third{
	display: none;
	width: 348px;
	height: 104px;
	top: 2px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
#camp_over_third.active{
	display: block;
}
#camp_over_go_text_box{
	position: relative;
	width: 348px;
	height: 54px;
	top: 10px;
}

#camp_over_go_text{
	background: url('../img/shared_campaign_sheet.png') no-repeat -524px -818px;
	position: relative;
	width: 348px;
	height: 54px;
}

#camp_over_go_buttons_box{
	position:relative;
	height: 26px;
	width: 212px;
	top: 20px;
	margin:0 auto;
}

#camp_over_go_buttons_box button{
	float: left;
	position: relative;
	margin-left: 12px;
	width: 88px;
	height: 26px;
}

#co_go_again_but{background: url('../img/mobile_landscape_buttons.png') no-repeat -410px -676px;}
#co_go_again_but:hover{background: url('../img/mobile_landscape_buttons.png') no-repeat -410px -736px;}
#co_go_again_but:active{background: url('../img/mobile_landscape_buttons.png') no-repeat -410px -706px;}

#co_go_menu_but{background: url('../img/mobile_landscape_buttons.png') no-repeat -502px -676px;}
#co_go_menu_but:hover{background: url('../img/mobile_landscape_buttons.png') no-repeat -502px -736px;}
#co_go_menu_but:active{background: url('../img/mobile_landscape_buttons.png') no-repeat -502px -706px;}

#campaign_box {
	margin: 0;
	padding: 0;
	width: 480px;
	height: 268px;
	position:relative;
	display: block;
	background: url('../img/shared_campaign_sheet.png') no-repeat -20px -644px;
}


.tile_div {
	width: 38px;
	height: 38px;
	cursor: default;
	position: absolute;
}
.tile_div.clickable{
	cursor: pointer;
}

.normal_tile {
	background: url('../img/shared_campaign_sheet.png') no-repeat -576px -24px;
}
.normal_tile.clickable{background: url('../img/shared_campaign_sheet.png') no-repeat -576px -66px;}
.normal_tile.clickable:hover{background: url('../img/shared_campaign_sheet.png') no-repeat -576px -108px;}
.normal_tile.clickable:active{background: url('../img/shared_campaign_sheet.png') no-repeat -576px -150px;}
.normal_tile.completed{background: url('../img/shared_campaign_sheet.png') no-repeat -618px -24px;}
.normal_tile.completed.current{background: url('../img/shared_campaign_sheet.png') no-repeat -618px -24px;}

.card_tile {
	background: url('../img/shared_campaign_sheet.png') no-repeat -660px -24px;
}
.card_tile.clickable{background: url('../img/shared_campaign_sheet.png') no-repeat -660px -66px;}
.card_tile.clickable:hover{background: url('../img/shared_campaign_sheet.png') no-repeat -660px -108px;}
.card_tile.clickable:active{background: url('../img/shared_campaign_sheet.png') no-repeat -660px -150px;}
.card_tile.completed{background: url('../img/shared_campaign_sheet.png') no-repeat -660px -24px;}
.card_tile.completed.current{background: url('../img/shared_campaign_sheet.png') no-repeat -660px -24px;}

.boss_tile {
	background: url('../img/shared_campaign_sheet.png') no-repeat -702px -24px;
}

.boss_tile.air_tile.clickable{background: url('../img/shared_campaign_sheet.png') no-repeat -786px -24px;}
.boss_tile.air_tile.clickable:hover{background: url('../img/shared_campaign_sheet.png') no-repeat -744px -24px;}
.boss_tile.air_tile.clickable:active{background: url('../img/shared_campaign_sheet.png') no-repeat -828px -24px;}
.boss_tile.earth_tile.clickable{background: url('../img/shared_campaign_sheet.png') no-repeat -786px -66px;}
.boss_tile.earth_tile.clickable:hover{background: url('../img/shared_campaign_sheet.png') no-repeat -744px -66px;}
.boss_tile.earth_tile.clickable:active{background: url('../img/shared_campaign_sheet.png') no-repeat -828px -66px;}
.boss_tile.fire_tile.clickable{background: url('../img/shared_campaign_sheet.png') no-repeat -786px -108px;}
.boss_tile.fire_tile.clickable:hover{background: url('../img/shared_campaign_sheet.png') no-repeat -744px -108px;}
.boss_tile.fire_tile.clickable:active{background: url('../img/shared_campaign_sheet.png') no-repeat -828px -108px;}
.boss_tile.water_tile.clickable{background: url('../img/shared_campaign_sheet.png') no-repeat -786px -150px;}
.boss_tile.water_tile.clickable:hover{background: url('../img/shared_campaign_sheet.png') no-repeat -744px -150px;}
.boss_tile.water_tile.clickable:active{background: url('../img/shared_campaign_sheet.png') no-repeat -828px -150px;}



.boss_tile.completed{background: url('../img/shared_campaign_sheet.png') no-repeat -702px -66px;}
.boss_tile.completed.current{background: url('../img/shared_campaign_sheet.png') no-repeat -702px -66px;}




#c_game_box{
	background: url('../img/shared_campaign_sheet.png') no-repeat -6px -304px;
}
#campaign_map_ingame_box{
	position: absolute;
	left: 2px;
	top: 2px;
	width: 478px;
	height: 266px;
	overflow: hidden;
}

#campaign_map_ingame_box{
	position: absolute;
	left: 2px;
	top: 2px;
	width: 476px;
	height: 266px;
	overflow: hidden;
}
#camp_map_ingame_left{
	position: absolute;
	left: -124px;
	top: 10px;
	width: 248px;
	height: 248px;
	background: url('../img/shared_campaign_sheet.png');
}
#camp_map_ingame_up_left{
	position: absolute;
	left: -124px;
	top: -227px;
	width: 248px;
	height: 248px;
	background: url('../img/shared_campaign_sheet.png');
}
#camp_map_ingame_down_left{
	position: absolute;
	left: -124px;
	top: 252px;
	width: 248px;
	height: 248px;
	background: url('../img/shared_campaign_sheet.png');
}

#camp_map_ingame_up_right{
	position: absolute;
	left: 354px;
	top: -227px;
	width: 248px;
	height: 248px;
	background: url('../img/shared_campaign_sheet.png');
}
#camp_map_ingame_down_right{
	position: absolute;
	left: 354px;
	top: 252px;
	width: 248px;
	height: 248px;
	background: url('../img/shared_campaign_sheet.png');
}

#camp_map_ingame_right{
	position: absolute;
	left: 354px;
	top: 10px;
	width: 248px;
	height: 248px;
	background: url('../img/shared_campaign_sheet.png');
}
#camp_map_ingame_up{
	position: absolute;
	left: 114px;
	top: -227px;
	width: 248px;
	height: 248px;
	background: url('../img/shared_campaign_sheet.png');
}

#camp_map_ingame_down{
	position: absolute;
	left: 114px;
	top: 252px;
	width: 248px;
	height: 248px;
	background: url('../img/shared_campaign_sheet.png');
}

#exhibition_pass_pop_box{
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 480px;
	height: 266px;
	top: 34px;
	left:0px;
	z-index: 15;
	background: rgb(44,124,171);
}

#exhibition_pass_text_box{
	top: 40px;
	margin: 0 auto;
	position:relative;
	width: 182px;
	height: 76px;
}


#exhibition_pass_text.p1{
	background: url('../img/shared_images_sheet.png') no-repeat -748px -808px;
	display: block;
	position:relative;
	width: 182px;
	height: 76px;
}

#exhibition_pass_text.p2{
	background: url('../img/shared_images_sheet.png') no-repeat -748px -886px;
	display: block;
	position:relative;
	width: 182px;
	height: 76px;
}

#exhibition_pass_pop_box.active{
	display: block;
}

#exhibition_pass_buttons_box{
	margin: 0 auto;
	height: 26px;
	width: 120px;
	top: 60px;
	position: relative;
}

#xp_continue_but{
	height: 26px;
	width: 120px;
	display:block;
}

#xp_continue_but{background: url('../img/shared_campaign_sheet.png') no-repeat -650px -682px;}
#xp_continue_but:hover{background: url('../img/shared_campaign_sheet.png') no-repeat -898px -682px;}
#xp_continue_but:active{background: url('../img/shared_campaign_sheet.png') no-repeat -774px -682px;}

#exhibition_over_pop_box{
	position:absolute;
	display:none;
	background: url('../img/shared_campaign_sheet.png') no-repeat -524px -567px;
	width: 480px;
	height: 110px;
	padding-top: 2px;
	padding-bottom: 2px;
	left: 0px;
	top: 108px;
	z-index: 10;
	overflow: hidden;
}
#exhibition_over_pop_box.active{
	display: block;
}

#exhibition_over_result_box{
	width: 144px;
	height: 46px;
	left: 0px;
	top: 4px;
	position: relative;
}

#exhibition_over_text{
	margin: 0 auto;
	position: relative;
	top: 2px;
}
#exhibition_over_text.p1{
	background: url('../img/shared_images_sheet.png') no-repeat -528px -888px;
	width: 196px;
	height: 46px;
}
#exhibition_over_text.p2{
	background: url('../img/shared_images_sheet.png') no-repeat -528px -938px;
	width: 196px;
	height: 46px;
}
#exhibition_over_text.draw{
	background: url('../img/shared_images_sheet.png') no-repeat -762px -760px;
	width: 144px;
	height: 46px;
}

#exhibition_over_p1_wins_box{
	display: block;
	width: 38px;
	height: 20px;
	text-align: center;
	position:absolute;
	left: 172px;
	padding-top: 6px;
	top: 52px;
	padding-left: 22px;
	background: url('../img/shared_images_sheet.png') no-repeat -476px -84px;
}

#exhibition_over_p2_wins_box{
	display: block;
	width: 38px;
	height: 20px;
	text-align: center;
	position:absolute;
	left: 248px;
	padding-top: 6px;
	top: 52px;
	padding-left: 22px;
	background: url('../img/shared_images_sheet.png') no-repeat -476px -114px;
}

#exhibition_over_buttons_box{
	width: 208px;
	height: 26px;
	top: 32px;
	position: relative;
	margin: 0 auto;
}
#exhibition_over_buttons_box button {
	width: 88px;
	height: 26px;
	position: relative;
	float: left;
}

#xo_again_but{background: url('../img/mobile_landscape_buttons.png') no-repeat -410px -676px;}
#xo_again_but:hover{background: url('../img/mobile_landscape_buttons.png') no-repeat -410px -736px;}
#xo_again_but:active{background: url('../img/mobile_landscape_buttons.png') no-repeat -410px -706px;}

#xo_menu_but{background: url('../img/mobile_landscape_buttons.png') no-repeat -502px -676px; left: 32px;}
#xo_menu_but:hover{background: url('../img/mobile_landscape_buttons.png') no-repeat -502px -736px;}
#xo_menu_but:active{background: url('../img/mobile_landscape_buttons.png') no-repeat -502px -706px;}


#main_dropdown_box{
	position: absolute;
	clear: both;
	width: 174px;
	height: 204px;
	display: none;
	padding: 0px;
	margin: 0px;
	top: 2px;
	left: 300px;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -504px -242px;
	width: 174px;
}

#drop_down_ul{
position: relative;
top: 30px;
left: 6px;
list-style: none;
padding: 0px;
margin: 0px;
}



#drop_down_ul button {
	position: relative;
	width: 162px;
	height: 30px;
	display: inline;
	margin-top: 10px;
	float:left;
}

#main_dropdown_box.active {
	display:block ! important;
	z-index: 10;
}

#drop_prof_but{ background: url('../img/mobile_landscape_buttons.png') no-repeat -186px -466px; }
#drop_prof_but:hover{ background: url('../img/mobile_landscape_buttons.png') no-repeat -186px -530px; }
#drop_prof_but:active{ background: url('../img/mobile_landscape_buttons.png') no-repeat -186px -498px; }

#drop_gamerpic_but{ background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -152px; }
#drop_gamerpic_but:hover{ background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -216px;}
#drop_gamerpic_but:active{ background: url('../img/mobile_landscape_buttons.png') no-repeat -666px -184px; }

#drop_logout_but{ background: url('../img/mobile_landscape_buttons.png') no-repeat -848px -152px;}
#drop_logout_but:hover{ background: url('../img/mobile_landscape_buttons.png') no-repeat -848px -216px;}
#drop_logout_but:active{ background: url('../img/mobile_landscape_buttons.png') no-repeat -848px -184px; }

#drop_close_but{
	margin-top: 14px ! important;
	background: url('../img/mobile_landscape_buttons.png') no-repeat -484px -152px;	
}
#drop_close_but:hover{ background: url('../img/mobile_landscape_buttons.png') no-repeat -484px -216px; }
#drop_close_but:active{ background: url('../img/mobile_landscape_buttons.png') no-repeat -484px -184px; }


.game_dropdown_box{
	position: absolute;
	clear: both;
	width: 174px;
	height: 204px;
	padding: 0px;
	margin: 0px;
	float: none;
	display: none;
	top: 2px;
	left: 300px;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -492px -12px;
}


.game_dropdown_box.active {
	display:block ! important;
	z-index: 10;
}




#campaign_dropdown_box{
	position: absolute;
	clear: both;
	width: 174px;
	height: 204px;
	padding: 0px;
	margin: 0px;
	float: none;
	display: none;
	top: 2px;
	left: 300px;
	background: url('../img/new_mobile_landscape_sheet.png') no-repeat -492px -12px;
}

#campaign_dropdown_box.active {
	display:block ! important;
	z-index: 10;
}

#drop_options_but{ background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -466px; }
#drop_options_but:hover{ background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -530px; }
#drop_options_but:active{ background: url('../img/mobile_landscape_buttons.png') no-repeat -2px -498px; }

#drop_saveandquit_but{ background: url('../img/mobile_landscape_buttons.png') no-repeat -540px -466px; }
#drop_saveandquit_but:hover{ background: url('../img/mobile_landscape_buttons.png') no-repeat -540px -530px; }
#drop_saveandquit_but:active{ background: url('../img/mobile_landscape_buttons.png') no-repeat -540px -498px; }

#drop_quit_but{ background: url('../img/mobile_landscape_buttons.png') no-repeat -364px -466px; }
#drop_quit_but:hover{ background: url('../img/mobile_landscape_buttons.png') no-repeat -364px -530px; }
#drop_quit_but:active{background: url('../img/mobile_landscape_buttons.png') no-repeat -364px -498px; }