/* This is the stylesheet for the chess board widget. */



/* The chess board (including the buttons and the piece box). */
.chess-Board{
	
}



/* The panel holding the board and the piece box. */
.chess-BoardBoardAndPieceBox{
	
}



/* The list holding the options for the player to move. */
.chess-BoardPlayerToMoveList{
	
}



/* The panel holding the player to move UI. */
.chess-BoardPlayerToMovePanel{
	margin-top: 0.5em;
}



/* The label for the player to move list. */
.chess-BoardPlayerToMoveLabel{
	margin-right: 0.3em;
}



/* A single square. This is a cell in a table. */
.chess-Board-square{
	width: 40px;
	height: 40px;
	padding: 0px;
}


/* A dark square. */
.chess-Board-square-dark{
	background-color: gray;
}


/* A light square. */
.chess-Board-square-light{
	background-color: silver;
}


/* A selected square. */
.chess-Board-square-selected{
	background-color: red;
}


/* 
   A piece box.
   This is a table, with each piece item (and the delete item) being its cells. 
*/
.chess-PieceBox{
	margin-left: 0.5em;
	border: 1px outset;
	border-color: lightGray;
}


/* One of the items in a piece box. */
.chess-PieceBoxItem{
	border: 1px inset;
	border-color: lightGray;
	text-align: center;
}


/* A selected item in a piece box. */
.chess-PieceBoxItem-selected{
	background-color: red;
}