* { padding: 0; margin: 0; }
body { margin: 20px; }
h1 { margin: 20px 0; }
h2 { margin: 15px 0; }
p { margin: 10px 0; }
#aFrm { display: none; border: 2px inset #888; padding: 10px; }
select.select { width: 4em; }
.twod { font-weight: bold; color: blue; }    #size1Row, #size2Row { color: blue; }
.threed { font-weight: bold; color: green; } #size3Row { color: green; }
.fourd { font-weight: bold; color: #c80; }   #size4Row { color: #c80; }
.fived { font-weight: bold; color: red; } #size5Row { color: red; }
div.sliderOptions { background: #ccc; padding: 1px 15px; }
div#namepanel { float: right; border: 2px inset blue; margin: 0 5px; padding: 3px 10px; }
div.board  { white-space: nowrap; }
div.board div { white-space: nowrap; margin: 0; padding: 0; }
div.board div.boardv { display: inline-block; background-color: #ACA; border: 1px outset #ACA; padding: 3px; margin: 5px; }
div.board div.boardz { display: block; }
div.board div.boardw { display: inline-block; border: 1px inset #CC6; margin: 3px; }
div.board div.boardy { display: block; }
div.board div.boardx { display: inline-block; border: 1px inset #66F; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; vertical-align: bottom; background-color: white; }