html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
body {
	color: black; font-family: sans-serif; background-image: none;
}
.boardTable {
	border-style: double; border-color: rgb(22, 33, 85);
}
.pieceImage {
	
}
/*
.whiteSquare {
	border-width: 0px; border-style: solid;
}
.blackSquare {
	border-width: 0px; border-style: solid;
}
.highlightWhiteSquare {
	border-width: 0px; border-style: solid;
}
.highlightBlackSquare {
	border-width: 0px; border-style: solid;
}
.whiteSquare {	background-image: url("lightsquare.png");}
.blackSquare {	background-image: url("darksquare.png");}
.highlightWhiteSquare {	background-image: url("lightsquare.png");}
.highlightBlackSquare {	background-image: url("darksquare.png");}
*/
.whiteSquare {     width: 40px;    height: 40px;    background: rgb(169, 202, 237); }
.highlighwhiteSquare {     width: 40px;    height: 40px;    background: rgb(169, 202, 237); }
.blackSquare {     width: 40px;    height: 40px;    background: rgb(116, 172, 236); }
.highlightBlackSquare {	width: 40px;    height: 40px;    background: rgb(116, 172, 236); }
/*
.highlightWhiteSquare {
	border-style: solid; border-color: yellow;
}
.highlightBlackSquare {
	border-style: solid; border-color: yellow;
}
    */
.selectControl {
	width: 100% !important;
}
.buttonControlPlay {
	
}
.buttonControlStop {
	
}
.buttonControl {
	
}
.buttonControlSpace {
	
}
.move {
	color: black; font-weight: normal; text-decoration: none;
}
.moveOn {
	color: black; font-weight: normal; text-decoration: none;
}
.moveOn {
	background: rgb(210, 210, 210);
}
.comment {
	color: black;
}
.nag {
	color: black;
}
.nag {
	font-style: italic;
}