table.board {
  background-color: white;
  border: 2px solid;
  border-color: #808080;
}
td.board_top, table.board_middle, table.board_bottom {
  border: 0px;
}
td.north, td.south, td.west, td.east {
  border: 0px;
  margin-left: 0px;
  padding-left: 0px;
  font-family: "Courier New", Courier, monospace; /* "Courier New", Courier, monospace;*/
  font-size: 1.350rem;
  font-weight: bold;
  text-align: left;
  /*letter-spacing: 0.25em;*/
}
td.north, td.south, td.west { width: 16ex; }

td.north, td.boardnum, td.dlrvul { padding-top: 1ex; }
td.west { padding-left: 1ex; width: 17ex; }
td.east { padding-left: 1ex; padding-right: 1ex; }
td.south { padding-left: 10ex; padding-bottom: 1ex; }
td.boardnum {
  border: 0px;
  width: 5.5ex;
  padding-left: 1ex;
  padding-right: 0px;
  min-width: 5.5ex;
  max-width: 5.5ex;
  margin-right: 0px;
  font-family: "Courier New", Courier, monospace;
  font-size: 24pt;
  color: var(--primary);
  font-weight: bold;
  vertical-align: top;
  text-align: left;
}
td.dlrvul {
  font-size: 1rem;
  vertical-align: top;
  text-align: left;
  padding-right: 0.8ex;
}

span.hand { letter-spacing: 0.10em; }
div.indentedhand { letter-spacing: 0.10em; margin-left: 5em; }

.redcard { color: red; }


table.suitlayout {
  background-color: white;
  border: 2px solid;
  border-color: #808080;
  
  font-family: "Courier New", Courier, monospace;
  font-size: 16pt;
  font-weight: bold;
  text-align: left;
  /*letter-spacing: 0.25em;  */
}

table.suitlayout  td { padding: 0.2em; }