* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: 'Asap', sans-serif;
	font-style: bold;
	font-size: 21px;
	line-height: 0px;
	color: white;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
}

body { background: url('../i/pttrn1hd.png'); }

#nfo {
	width: 548px; height: 56px;
	top: 12px; left: 12px;
	position: fixed;
	pointer-events: none;
	z-index: 10;
	overflow: hidden;
}

#nfowrppr { display: inline-block; }

#nfotxt {
	text-shadow: 1px 1px 3px rgba(0,13,13,0.6);
	background: rgba(0,13,13,0.4);
	padding: 2px 8px 4px 8px;
	line-height: 25px;
	-webkit-border-radius: 6px;
}



#bttn { position: fixed; top: 12px; right: 12px; z-index: 20; }

#zin-b:active { -webkit-filter: brightness(-15%); }
#zout-b { display: none; }
#zout-b:active { -webkit-filter: brightness(-15%); }



#grphcwrppr { width: 100%; text-align: center; }

#grphx { padding: 80px 12px 80px 12px; display: inline-block; }

#zout-g { display: none; }

.pd5 { padding: 5px; }
.pd10 { padding: 10px; }



#cntrl	{
	bottom: 0px; left: 0px; right: 0px;
	height: 70px;
	text-align: center;
	vertical-align: top;
	position: fixed;
	z-index: 10;
}

#cntrlwrppr { width: 198px; height: 60px; display: inline-block; }

#cntrlbg { float: left; margin-right: -198px; }
.cntrlbttn0 { float: left; margin-left: 4px; margin-top: 4px; background-color: #515959; }
.cntrlbttn { float: left; margin-left: 4px; margin-top: 4px; background-color: #97a6a6; }
.cntrlbttn:active { background-color: #ffbf00; }