#playingArea {background-color:#999;-moz-border-radius:8px;-webkit-border-radius:8px;width:306px;margin-left:auto;margin-right:auto;border:8px #aaa outset;font-family:Helvetica;}
#gridTableBody td {height:32px;}
.cell {width:30px;height:30px;text-align:center;vertical-align:middle;text-shadow:-1px 0px #999,0px 1px #999,1px 0px #999,0px -1px #999;}
.uncleared {background-color:#999;color:#eee;border:2px #ccc outset;-moz-border-radius:2px;-webkit-border-radius:2px;font-size:18px;}
.mine {background-color:#710;color:#eee;border:2px #920 outset;-moz-border-radius:2px;-webkit-border-radius:2px;font-size:22px;}
.flagged, .questioned {background-color:#ff3;border:2px #ff6 outset;-moz-border-radius:2px;-webkit-border-radius:2px;font-size:20px;}
.flagged {color:#c21;}
.questioned {color:#f63;}
.cleared {width:32px;height:32px;background-color:#bbb;border:1px #ccc solid;font-size:24px;text-shadow:-1px 0px #ccc,0px 1px #bbb,1px 0px #ccc,0px -1px #ccc;}
.near0 {-moz-border-radius:0px;-webkit-border-radius:0px;text-shadow:none;}
.near1 {color:#04c;}
.near2 {color:#094;}
.near3 {color:#c93;}
.near4 {color:#c40;}
.near5 {color:#c44;}
.near6 {color:#944;}
.near7 {color:#c04;}
.near8 {color:#e10;}
#playingArea button {width:50px;background-color:#789;padding:2px;color:#fff;font-size:12px;font-weight:bold;text-shadow:rgba(0,0,0,0.4) 0px -1px 0;background:#fff url(inactiveOption.png) repeat-x;}
#playingArea button#leftModeButton {border:1px #888 inset;border-right:0;margin-right:0;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;}
#playingArea button#middleModeButton {border:1px #888 inset;border-left:0;border-right:0;margin-left:0;margin-right:0;}
#playingArea button#rightModeButton {border:1px #888 inset;border-left:0;margin-left:0;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
#playingArea button.selected {background:#fff url(activeOption.png) repeat-x;}
#playingArea span.thinBorderOn, #playingArea span.thinBorderOff, #playingArea span.thinBorderOnSafari, #playingArea span.thinBorderOffSafari {width:0px;border:1px #888 inset;border-right:0;}
#playingArea span.thinBorderOn, #playingArea span.thinBorderOff {padding:5px 0 2px 0;}
/* #playingArea span.thinBorderOn, #playingArea span.thinBorderOff {padding:2px 0;} -- optimal unadorned setting */
#playingArea span.thinBorderOn, #playingArea span.thinBorderOnSafari {border-left:1px #889 solid;}
#playingArea span.thinBorderOff, #playingArea span.thinBorderOffSafari {border-left:1px #25c solid;}
#playingArea span.thinBorderOnSafari, #playingArea span.thinBorderOffSafari {padding:3px 0 1px 0;}
/* #playingArea span.thinBorderOnSafari, #playingArea span.thinBorderOffSafari {padding:0;} -- optimal unadorned setting */
#playingArea table.clickMode {padding:4px 10px 4px 10px;width:100%;background-color:#bbb;}
#playingArea table.clickMode th {color:#555;text-align:right;}
#progressArea {background-color:#ddd;-moz-border-radius:8px;-webkit-border-radius:8px;width:310px;margin-top:16px;margin-left:auto;margin-right:auto;border:2px #aaa outset;}
#progressArea th {min-width:125px;vertical-align:top;text-align:right;}
#progressArea td {text-align:left;}
#progressArea button {margin:4px;padding:5px 10px;border:1px #888 outset;-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#bbb;}