table.board {
 border-collapse: collapse;
 overflow: hide;
}
table.board td {
  width: 15px; height: 15px; vertical-align: center;
  text-align: center;
}
table.board tr.toplegend td {
  height: 15px;
  text-align: right;
}
table.board td.leftlegend {
  width: 15px; height: 47px;
}
table.board tr.toplegend td.corner {
 border: none; width: 15px;
}
table.board td img {
 display: block;
}
table.board td.w {
 background: #C8C365; color: black; height: 47px; width: 47px;
 border: 1px solid black;
}
table.board td.b {
 background: #77A26D; color: white; height: 47px; width: 47px;
 border: 1px solid black;
}
pre.movehistory {
  height: 200px; overflow: auto; width: 200px; background: #ddd;
  border: 1px solid #888; padding: 0.5ex;
  }
pre.pvdisplay {
  height: 15px; overflow: hidden; width: 675px; background: #ddd;
  border: 1px solid #888; padding: 0.5ex;
  }
p.license {
 background: lightblue;
}
div#status {
   background: #eee;
   color: #888;
   width: 15em;
}
div#status span {
 color: #000;
}