body
{
color: black;
background-color: #e0e0e0;
font-family: "Arial";
font-size: 10pt;
font-weight: bold;
}

a
{
color: blue;
text-decoration: none;
}

a:hover
{
color: red;
}

.left
{
text-align: left;
}

.center
{
text-align: center;
}

th
{
font-size: 13pt;
font-weight: bold; // to allow for Edge
}

tr
{
vertical-align: top;
}

.space
{
width: 32px;
}

.boardTable
{
border-style: double;
border-color: gray;
border-width: 7px;
}

.pieceImage
{
width: 32px;
height: 32px;
}

.whiteSquare,
.blackSquare,
.highlightWhiteSquare,
.highlightBlackSquare
{
width: 32px;
height: 32px;
border-style: solid;
border-width: 1px;
border-color: gray;
}

.whiteSquare
{
background: white;
}

.blackSquare
{
background: silver;
}

.highlightWhiteSquare,
.highlightBlackSquare
{
background: papayawhip;
}

.buttonControl,
.buttonControlStop,
.buttonControlPlay
{
font-weight: bold;
}

a.move,
a.variation,
.commentMove
{
white-space: nowrap;
}

a.move:hover,
a.variation:hover
{
text-decoration: underline;
}

.move
{
color: blue;
}

.comment,
.variation,
.label
{
color: black;
}

a.variation
{
color: red;
}

.moveOn,
.variationOn
{
background: yellow;
}