@import url(dialog.css);
@import url(context.css);

body{font-family: arial, verdana, tahoma;font-size:12px;cursor:default;margin:0}
p,h1,h2,h3{margin:0}
 ul{margin:0;padding:0;list-style:none}
#header{font-size:0px;position:fixed;top:0;left:0;right:0;background:#333; color:#fff;height:50px;box-shadow:0px 2px 2px rgba(0,0,0,0.0)}
#header h1{padding:0 40px 0 20px;font-size:18px;font-weight:normal;margin:0;line-height:50px;height:50px;display:inline-block;vertical-align:top; float:right}
/*#header li{line-height:50px;padding:0 15px;float:left;margin-left:12px}
#header li a{color:#fff;text-decoration:none;font-weight:bold;display:block;background:#333}
#header li a:hover{background:#666}
#header li a.selected{background:#f00}
#header li#download{display:block}
#header li#download a{background-image:url(../img/download.png);background-position:10px center;background-repeat:no-repeat;padding-left:45px;cursor:pointer}
*/
#MenuBar{display:inline-block;border-left:1px solid #000;border-right:1px solid #444;margin-left:30px !important;}
#MenuBar > li{position:relative;display:inline-block;font-weight:bold;font-size:12px;border-left:1px solid #444;border-right:1px solid #000}
#MenuBar > li a{display:block;padding:0 20px;line-height:50px;height:50px;}
#MenuBar li a:hover{background-color:#444}
#MenuBar > li.download a{padding-left:45px;background-image:url(../img/download.png);background-position:10px center;background-repeat:no-repeat;}
.SubMenu{
	border:2px solid #000;
	left:-1px;
	top:50px;
	position: absolute;
	background:rgba(0,0,0,0.9);
	color: #ffffff;
	font-family: arial, verdana, tahoma;
	font-size:12px;
	min-width:180px;
	white-space:nowrap;
	z-index:-1;
	box-shadow:0px 2px 2px rgba(0,0,0,0.3)
}
.SubMenu li{margin-top:1px;border-top:1px solid #444;padding:0 20px;line-height:40px}
.SubMenu li:first-child{margin:0;border-top:none}
.SubMenu li:hover{background-color:#333}

#footer{position:fixed;bottom:0;left:0;right:0;background:#222; color:#777;padding:0 20px;height:30px;line-height:30px}

#header, #footer {
	  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
#container{position:fixed;top:50px;bottom:30px;left:0;right:0;}
canvas {
  /*image-rendering: optimizeSpeed;             
  image-rendering: -moz-crisp-edges;          
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-crisp-edges;           
  image-rendering: pixelated;                
  -ms-interpolation-mode: nearest-neighbor;*/
}