html,body {
	height:100%;
}

.boardTable {
  border-style: double;
  border-color: black;
  border-width: 1px;
}

.pieceImage
{
}

.whiteSquare {
	background: #FFCC99;
	border-style: solid;
       	border-width: 3px;
       	border-color: gray;
}

.blackSquare {
	background: #CC9966;
	border-style: solid;
       	border-width: 3px;
       	border-color: gray;
}

.highlightWhiteSquare {
	background: #FFCC99;
	border-style: double;
       	border-width: 3px;
       	border-color: red;
}

.highlightBlackSquare {
	background: #CC9966;
	border-style: double;
       	border-width: 3px;
       	border-color: red;
}

.selectControl,
.buttonControlPlay,
.buttonControlStop,
.buttonControl,
.buttonControlSpace {
/* a "width" attribute here must use the !important flag to override default settings */
}

.optionSelectControl {
}

.header {
  color: black;
  font-weight: bold;
  line-height: 1.4em;
}

.headerLive, .headerVariations {
  font-weight: normal;
  overflow: hidden;
}

.move, .variation, .commentMove {
    font-family: 'pgn4web ChessSansPiratf', 'pgn4web Liberation Sans', sans-serif;
  }

.move,
.variation {
  line-height: 1.4em;
  text-decoration: none;
}

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

.move {
  color: black;
}

.comment,
.variation {
  color: gray;
  line-height: 1.4em;
}

.moveOn,
.variationOn {
  background: #DAF4D7;
}

#GameText {
  overflow-y: auto;
  height: 400px;
  margin: 10px;
}

#startButton,#backButton, #autoplayButton, #forwardButton, #endButton {
	background: #FFCC99;
}