.hidden
   { display: none; }

div.main {
width: 100%;
text-align: center;
}

div.debug {
display: none;
width: 90%;
border: 1px solid black;
margin: 5px auto 0 auto;
padding: 4px;
}

div.opendebug {
font-family: Monospace;
font-size: 8px;
text-align: center;
}

div.log {
font-family: Monospace;
white-space: pre-wrap;
font-size: 12px;
text-align: left;
}

div.log div {
clear: both;
}

span.pos {
padding: 3px;
margin: 5px 15px 5px 15px;
}

span.bg0
   { background: red; }

span.bg1
   { background: blue; }

span.bg2
   { background: green; }

span.bg3
   { background: yellow; }

span.ri30
   { margin-right: 30px; }

div.visits {
width: 32px;
height: 8px;
margin: 5px auto 0 auto;
}

div.d {
width: 8px;
height: 8px;
float: left;
}

div.d0 { background: url('1GAM-font.png') -128px 0px; }
div.d1 { background: url('1GAM-font.png') -136px 0px; }
div.d2 { background: url('1GAM-font.png') -144px 0px; }
div.d3 { background: url('1GAM-font.png') -152px 0px; }
div.d4 { background: url('1GAM-font.png') -160px 0px; }
div.d5 { background: url('1GAM-font.png') -168px 0px; }
div.d6 { background: url('1GAM-font.png') -172px 0px; }
div.d7 { background: url('1GAM-font.png') -180px 0px; }
div.d8 { background: url('1GAM-font.png') -188px 0px; }
div.d9 { background: url('1GAM-font.png') -192px 0px; }
div.dA { background: url('1GAM-font.png') -264px 0px; }
div.dB { background: url('1GAM-font.png') -272px 0px; }
div.dC { background: url('1GAM-font.png') -280px 0px; }
div.dD { background: url('1GAM-font.png') -288px 0px; }
div.dE { background: url('1GAM-font.png') -296px 0px; }
div.dF { background: url('1GAM-font.png') -304px 0px; }