/* ===== GENERAL ===== */
body, html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	
	font-family:'Gotham Rounded A', 'Gotham Rounded B', sans-serif;
	font-style:normal;
	font-size: 32px;
	text-align:center;
		
	color: #000;
	
	/* disable text selection and div highlighting */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.displaynone {display: none;}


.asbutton{
	background: -moz-linear-gradient(top, #808080 0%, #808080 50%, #646464 50%, #646464);
	background: -webkit-gradient(linear, left top, left bottom, from(#808080), color-stop(0.50, #808080), color-stop(0.50, #646464), to(#646464));

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0px;
	border:1px solid #424242;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:32px;
	line-height: 32px;
	text-decoration:none;
	color: #fff;
}

.asbutton:hover {
	background: -moz-linear-gradient(top, #068bc7 0%, #0585c4 50%, #0572b9 50%, #0467b2);
	background: -webkit-gradient(linear, left top, left bottom, from(#068bc7), color-stop(0.50, #0585c4), color-stop(0.50, #0572b9), to(#0467b2));
	border:1px solid #1ba2d3;

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.asbutton:active {
	position:relative;
	top:1px;
}

.asbutton_s{width:32px;float: right;}
.asbutton_m{width:48px;}
.asbutton_l{width:128px;margin-left:auto;margin-right:auto;}


.backicon0, .backicon1, .pauseicon0, .pauseicon1, .levelicon0, .levelicon1 {
	display: block;
	float: left;

	width: 32px;
	height: 32px;
	line-height: height;

	/* css sprite sheet */
	background-image: url(../img/icons.png);
	background-size: 400% 400%;
	background-repeat: no-repeat;
}

.backicon0{background-position: 0 0;}
.backicon1{background-position: 0 100%;}
.pauseicon0{background-position: 33.33% 0;}
.pauseicon1{background-position: 33.33% 100%;}
.sndonicon0{background-position: 66.66% 0;}
.sndonicon1{background-position: 66.66% 100%;}
.sndofficon0{background-position: 100% 0;}
.sndofficon1{background-position: 100% 100%;}

.levelicon0{background-position: 0 66.66%; color:#000;}
.levelicon1{background-position: 0 100%; color:#080;}

.levelicon {
	display:inline-block;
	margin-top:16px;
	margin-bottom:16px;
	margin-left:16px;
	margin-right:16px;
}

#menuarea {

}

#arrowlogo img{
	display:inline-block;
	margin-top:32px;
	margin-bottom:40px;
}

#about {
	width: 140px;
	margin: auto;
}
#bdrlogo img{
	display:inline-block;
	float:left;
	height:45px;
}

.gamecontainer {

}

/* ==== LEVEL SELECT ==== */
.levelscontainer{
	width: 224px;
	height: 256px;
	
	position:absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.levelsbottom{
	position:absolute;
	bottom:0;
	width:100%;
}

#gamecanvas, #goalcanvas {
	padding: 0px;

	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

.topbanner {
	width: 100%;
	height: 32px;
	background-color: #888;
	color: #fff;
}

.gamepanel {
	width: 33%;
	display:block;
	float:left; /* add this */
}
.gamepaneltop {
	font-size: 24px;
	display:block;
}
.gamepanelvalue {
	display:block;
}

#winbanner{
	position: absolute;
	left: 0;
	top: 33.33%;
	
	padding-bottom: 32px;
	z-index: 100;
	width: 100%;
	text-align: center;
	background: rgba(0,0,0,.5);
	font-size: 32px;
	color: #fff;
	display: none;
}

.helptext {
	margin-top: 16px;
	margin-bottom: 16px;
}

strong{
	color: #c00;
}