.diagram .header {
  font-size: smaller;
  margin-left: 0.25em;
  margin-right: 0.25em;
  margin-bottom: 0;
  margin-top: auto;
  padding: 0.25em;
  border: 0.1em outset;
  width: 6em;
  float: left;
  background: #FFFFFF;
}

.diagram {
  width: 23em;
}

.diagram  .hand {
  width: 8em;
}

.diagram  .south , .diagram  .north {
  margin-left: 7em; 
}

.diagram .north {
  padding-bottom: 1ex;
}

.diagram  .south {
  clear: both;
  padding-top: 1ex;
}

.diagram  .west {
  float: left;
  clear: left;
}

.diagram  .east {
  float:right;
}

.red {
  color: rgb(227, 39, 20);
}

.hand .seatname {
  margin-left: 1em;
  font-size: smaller;
  font-style: italic;
}

.auction {
  border-width: 0px;
  margin-left: auto;
  margin-right: auto;
}

.auction td {
  border-width: 0px;
}

.auction th {
  border-width: 0px;
}

.auction tbody td {
  text-align: center;
}

table.custom-table {
  border-collapse: collapse;
  border: 1px solid;
}

table.custom-table thead th {
  border-width: 1px 1px 3px 1px;
  border-style: solid;
}

table.custom-table td, table.custom-table th {
  border: 1px solid;
}

tr.game-made td {
  border-bottom-width: 5px;
}