table { position:relative; border-spacing:0; border-collapse:collapse; } td { border: 1px black solid; padding:0; } .colspan { font-size:0.875em; text-align: center; border:1px solid black; padding:5px 0; vertical-align:top; background:#eeeeee; } .inner td { width:50px; height:50px; text-align:center; font-size:2.0em; cursor:default; } .inner td:hover { background-color:#eeeeee; } .inner td.error { color:#ff0000; } .inner td.hint { background-color:#dddddd; } .inner td.selected { background-color:#99ffff; } #overlay { visibility: hidden; position: absolute; left: 0px; top: 0px; width:66.65%; height:100%; text-align:center; z-index: 1000; } #overlay div { width:100px; height:100px; margin:30% auto; background-color: #000; text-align:center; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #overlay img { margin-top:25px; } @media only screen and (max-width: 1019px) { #overlay { width:100%; } }