/*
 * z-index layers:
 * 1:  Background Image
 * 2:  Hidden objects
 * 3:  Controls (locator, possible buttons)
 * 4:  Top-level screens
 * 5-6:  Layers on non-game screens
 * 7:  Loading page
 */

body
{
	padding:0;
	margin:0;
	border:0;
}

.hidden_image
{
	position:absolute; 
	z-index:2;
	
	/* border:2px solid #0056B7; */
}

#game_image
{
	/* -webkit-transform:translate3d(0,0,0); */
}

#titlescreen {
	position:absolute; z-index:5;
	top:0px; left:0px;
	padding:0;
	width:100%;
	height:100%;
	-webkit-transition:all 1.0s ease-in-out;
	-moz-transition:all 1.0s ease-in-out;
	-o-transition:all 1.0s ease-in-out;
	-ms-transition:all 1.0s ease-in-out;	
	-transition:all 1.0s ease-in-out;

	background: #ffffff;
}

.shelf_image_right
{
	position:absolute; z-index:3;
	bottom: 0px; right:0px;  /* set dynamically in positionScreenElements */
}

.shelf_image_left
{
	position:absolute; z-index:3;
	bottom: 0px; left:0px;  /* set dynamically in positionScreenElements */
}

.flo_bottom_image
{
	position:absolute; z-index:6;
	bottom: 0px; left:0px;  /* set dynamically in positionScreenElements */
}

#flo_title_title
{
	position:absolute; z-index:5;
	top: 10px; left:0px;  /* set dynamically in positionScreenElements */
	
	display:  none;
}

.fullview_text
{
	position:absolute; z-index:7;
	bottom: 0px; left:0px;  /* set dynamically in positionScreenElements */
}

.fullview_image
{
	position:absolute; z-index:4;
	bottom: 0px; left:0px;  /* set dynamically in positionScreenElements */
}

.fullview_image_over
{
	position:absolute; z-index:6;
	bottom: 0px; left:0px;  /* set dynamically in positionScreenElements */
}

.fullview_title
{
	position:absolute; z-index:6;
	top: 38px; left:0px;  /* set dynamically in positionScreenElements */
}

.fullview_title_low
{
	position:absolute; z-index:6;
	top: 40px; left:0px;  /* set dynamically in positionScreenElements */
}

#ws_score
{
	position:absolute; z-index:6;
	bottom:  125px;
	width:100%;

	font-color:  #333333;
	font-family:  Verdana;
	font-size:  18px;
	font-weight:  bold;
	
	color:  #555555;
	text-align: right;
}

#le_score
{
	position:absolute; z-index:6;
	width:100%;

	/* font-color:  #555555; */
	font-family:  Verdana;
	font-size:  16px;
	font-weight:  bold;
	
	color:  #555555;
	text-align: center;
}

.blueribbon
{
	position:absolute; z-index:6;
	bottom:  12px;
	width:100%;
	
	background-image: url("image/splash/main-menu_ribbontile_sm.png");
	text-align: center;
}

.blueribbon_large
{
	position:absolute; z-index:6;
	bottom:  24px;
	width:100%;
	
	background-image: url("image/splash/main-menu_ribbontile.png");
	text-align: center;
}


.whiteribbon
{
	position:absolute; z-index:5;
	bottom:  24px;
	width:100%;

	height:  41px;
	background-image: url("image/levelend/levelend_bartile_sm-NEW.png");

}

.whiteribbon_large
{
	position:absolute; z-index:5;
	bottom:  24px;
	width:100%;
	
	background-image: url("image/levelend/levelend_bartile-NEW.png");
	text-align: right;
}

#loading 
{
	position:absolute; z-index:7;
	top:0px; left:0px;
	padding:0;
	width:100%;
	height:100%;

	background-color: #FFFFFF;
	text-align: center;
}

.level_popup
{
	position:absolute; z-index:4;
	top:0px; left:0px;

	padding:0;
	width: 100%;
	height:  100%;
	
	background-color: transparent;
	text-align: center;
	
	display:  none;
}

.loading_image
{
	position:absolute; 
	z-index:3;
	
	top:  -300px; left:  -300px;

}

.popup_click
{
	position:absolute; 
	
	top:  30px;

}

.fullview 
{
	position:absolute; z-index:5;
	top:0px; left:0px;
	width:100%;
	height:100%;
	padding:0;
	
	display:  none;
	
}

#btl
{
	background: -moz-radial-gradient(50% 50%, farthest-side, #FFFFFF, #e0e7ec);
	background: -webkit-gradient(radial, 50% 50%, 60, 50% 50%, 250, from(#FFFFFF), to(#e0e7ec));	
}

#winscreen
{
	background-color: #FFFFFF;	
}

#flocator {
	position:absolute; z-index:3;
	top:10px; left:10px;

	background-color: grey;
	opacity:0.6;
	filter:alpha(opacity=60)

	padding:0;
	color:#eee;
	text-align:center;
	
	border:1px solid #FF8a00;
}

#flocator_canvas 
{
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

#footer 
{
	position:absolute; z-index:3;
	bottom:0px; right:0px;
	width:100%;
	height:48px;
	background-color: #FFFFFF;
	padding:0;
	border-top:1px solid #0056B7;

}

.footertable 
{
	border-collapse: collapse;
	width:100%; height:  100%
}

.footertable td,
{
	padding: 0;
}

.winscreen_objects
{
	position:  absolute;
	top:  2px;
	padding-left:  10px;
}	

.winscreen_objects img
{
	float: left;
	position:  relative;
	top:  10px;	  /* set dynamically blah blah blah */
}

.bonus_objects
{
	position:  relative;
	top:  1px;
	padding-left:  7px;
}	


.bonus_object { 
	float:left;
	margin: 0px 2px 0px 2px;
	display:  none;
}

.bonus_text { 
	float:left;
	margin: 6px 4px 0px 4px;
}

.level_display { 
	float:right;
	margin: 6px 2px 0px 2px;
}

#popup_time
{
	position:  relative;
	top:  -74px;
	left:  27px;
	
	color:#FF8A00;
	font-weight: bold;
	font-style:  italic;
	text-align: center;
	font-size:64px;
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
	font-family:helvetica;	
}

#timer
{
	position:  absolute;
	top:  8px;
	right:  3px;
	width: 85px;

	color:#0056B7;
	font-weight: bold;
	font-style:  italic;
	text-align: center;
	font-size:28px;
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
	font-family:helvetica;
	
}

#wrapper {
	position:absolute; z-index:1;
	top:0px; bottom:48px; left:0;
	width:100%; 
	background:#555;
	overflow:auto;
}

#scroller {
	position:relative;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);

	float:left;
	/* width:100%; */
	padding:0;
}

#continue_button
{
	position:absolute; 
	z-index:3;
	top:80px;
	right:20px;
	display:  none;
}

#flo_tweet_button
{
	position:absolute; 
	z-index:8;
	bottom:  20px;
	right:  15px;	
}

.flo_like_button
{
	position:absolute; 
	z-index:8;
	bottom:  48px;
	right:  15px;
}

.playagain_button
{
	position:absolute; 
	z-index:8;
	
}

.ws_quote_button
{
	position:absolute; 
	z-index:8;
	
}

.quote_button
{
	position:absolute; 
	z-index:5;
	top:  5px;
	right:  5px;
	
}

.flo_pro_button
{
	position:absolute; 
	z-index:5;
	top:  10px;
	right:  75px;
	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
}

.copyright
{
	position:  absolute;
	z-index: 7;
	bottom: 0px;
	right: 0px;
}


.t_and_c
{
	position:  absolute;
	z-index: 7;
	bottom: 3px;
	left: 2px;	

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
}


#sound_on_button
{
	position:absolute; 
	z-index:3;
	top:15px;
	right:15px;
}

#sound_off_button
{
	position:absolute; 
	z-index:3;
	top:15px;
	right:15px;
	display:  none;
}