@charset "UTF-8";
div#preload { display: none;} 
body
{
	margin:0px;
	padding:0px;	
	background-image: url(Images/bg.png);
}

#background_canvas
{	
	opacity:100;
	position:absolute;
	top:0px;
	left:0px;
}
#game_div
{

	top: 39px;
	position:relative;
}

.game_canvas
{
	transition-property: top, opacity;
	transition-duration:1s, 1s;
	-webkit-transition-property:top, opacity; 	
	-webkit-transition-duration:1s, 1s;
	cursor:pointer;
	position:absolute;
    box-shadow:4px 4px 0px 2px #847258, 6px 6px 8px #000;
    border-style:solid;
	border-width: 1px;
	border-color:#847258; 
	border-radius: 5px;
} 
.selected
{
 	transition: box-shadow 1s;
	-webkit-transition-property:box-shadow; 	
	-webkit-transition-duration:1s;
	border-color: #4d9258; 
    box-shadow:4px 4px 0px 2px rgba(77,146,88,0.3),  4px 4px 0px 2px #847258 ,  0px 0px 40px 10px #4d9258 , 6px 6px 8px #000;
}

header
{
	background-image: url(Images/header_bg.png);
	position:fixed;
	top:0px;
	font-size:25px;
	font-family:"Lucida Sans Unicode";	
	text-align:center;	
	z-index:100;
	height:39px;
	width:100%;
}
#header_text
{
	color: red;
}
input
{
	float:left;
	border-radius: 2px;
	cursor:pointer;
	position:relative;
	top:2px;
	left:10px;
	background: grey;
	padding: 2px 2px 2px 2px;
	border:1px solid black;	
	float:left;
}

#select_level
{
	border-radius: 2px;
	cursor:pointer;
	position:relative;
	top:2px;
	left:10px;
	background: grey;
	padding: 2px 2px 2px 2px;
	border:1px solid black;	
	float:left;
   -webkit-appearance: none;
}