table.board {
  background-color: white;
  /*border: 1px solid;*/
  width: 400px;
  /*border-color: #808080;*/
}
td.board_top, table.board_middle, table.board_bottom {
  border: 0px;
}
td.north, td.south, td.west, td.east, td.compass {
  border: 0px;
  margin-left: 0px;
  padding-left: 52px;
  font-family: Rubik, sans; /*"Courier New", Courier, monospace;*/
  color: #444; /* 808080 */
  font-size: 16pt;
  /*font-weight: bold;*/
  text-align: left;
  letter-spacing: 0em;
}
td.north, td.south, td.west, td.east, td.compass, td.sud-ouest { width: 9ex; }
td.compass {padding-left:54px;}
td.north {padding-left: 54px;}
td.north, td.boardnum, td.dlrvul { padding-top: 1ex; }
td.west { padding-left: 1ex;  }
td.east { padding-left: 1ex; padding-right: 9ex; }
td.south { padding-left: 54px; padding-bottom: 1ex; }
td.boardnum {
  border: 0px;
  width: 5.5ex; /*5.5*/
  padding-left: 0ex;
  padding-right: 0px; /*5.5*/
  min-width: 5.5ex; /*5.5*/
  max-width: 5.5ex;
  margin-right: 0px;
  font-family: Rubik, sans, monospace;
  font-size: 24pt;
  font-weight: 500;
  vertical-align: top;
  text-align: left;
}
td.dlrvul {
  font-size: 14pt;
  vertical-align: bottom;
  text-align: end;
  padding-right: 0.8ex;
  width:100%;
}
td.sud-ouest {
  border: 0px;
  width: 5.5ex; /*5.5*/
  padding-left: 0ex;
  padding-right: 0px; /*5.5*/
  min-width: 5.5ex; /*5.5*/
  max-width: 5.5ex;
  margin-right: 0px;
  font-family: Rubik, sans, monospace;
  font-size: 24pt;
  font-weight: bold;
  vertical-align: bottom; /*top*/
  text-align: left;
  visibility:hidden;
}

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; }


		span.di {
		color: red;
		font-size: 148%;
		text-align: bottom;
		line-height: 90%;
	}
	
	span.ht {
		color: red;
		font-size: 133%;
		text-align: bottom;
		line-height: 90%;
	}
	
	span.sp {
		color: #444;
		font-size: 142%;
		text-align: bottom;
		line-height: 90%;
	}
	
	  
	span.cl {
		color: #444;
		font-size: 126%;
		text-align: bottom;
		line-height: 90%;
	}

table.pointsTable {margin-left:auto; margin-right:auto;width: 100%;border-width:0;padding:0; font-family: Rubik, sans, monospace, sans-serif;}
table.pointsTable tr td {border:0px;padding:0px;white-space: nowrap; font-size:18px;}