@font-face 
{
	font-family: 'trekbats';
	src: url('../fonts/ttf/trekbats.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	!font-family: 'digital';
	!src: url('../fonts/Segment7Standard.otf');
	font-weight: normal;
	font-style: normal;
}

body 
{
	background:none;
	padding:0;
	margin:0;
	font-family: Sans-Serif, Arial, Verdana, Geneva;
	font-weight: normal;
	overflow:hidden;
}

.stats
{
	left:10px;
	bottom:10px;
	background:rgba(0,0,0,0.35);
	color:white;	
	min-width:150px;
	padding:10px;
}

.warning-text
{
	font-weight:bold;
	color:#e2ba16;
}

.unavailable-text
{
	font-weight:bold;
	color:#e2ba16;
}

#container {
    width: 100%;
    height: 100%;
	position:absolute;
	left:-10000px;
	!border:solid 2px red;
}


#screencanvas {
	!border:solid 2px yellow;
	!margin-right:calc(100% - 512px);
	opacity:1;

	
}


canvas.textureSmooth {
    image-rendering: auto;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

canvas.texturePixelated {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

::-webkit-scrollbar
{
	width:6px;
	background-color:none;
}

::-webkit-scrollbar-thumb
{
	border:solid thin rgba(255,255,255,0);
	-webkit-box-shadow: inset 5px 0 6px orange;
}

!::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 5px 0 6px yellow;
	background-color:red;
}

!::-webkit-scrollbar-track-piece
{
	background-color:cyan;
}

::-webkit-scrollbar-button
{
	height:4px
}