/*
 *  pgn4web javascript chessboard
 *  copyright (C) 2009-2014 Paolo Casaschi
 *  see README file and http://pgn4web.casaschi.net
 *  for credits, license and more details
 */


.boardTable {
	border-style: solid;
	border-color: #202020;
	border-width: 1px;
	border-collapse: collapse;
	max-width: 700px;
	width: 280px;
}

#GameBoard .boardTable img.pieceImage {
	width: 32px;
	height: 32px;
	max-width: none;
	max-height: none;
	margin: 1px;
}

.whiteSquare,
.blackSquare,
.highlightWhiteSquare,
.highlightBlackSquare {
	width: 32px;
	height: 32px;
}


/* Board Themes */

/* Bamboo */
.cs-boardtheme-bamboo #GameBoard .boardTable {
	background-image: url("../boardthemes/bamboo.jpg");
	background-size: contain;
}
.cs-boardtheme-bamboo .whiteSquare {
	background-color: transparent;
}
.cs-boardtheme-bamboo .blackSquare {
	background-color: transparent;
}

/* Beyer */
.cs-boardtheme-beyer .whiteSquare {
	background-color: #f4f4f4;;
}
.cs-boardtheme-beyer .blackSquare {
	background-color: #aaaaaa;
	background-image: url("../boardthemes/beyer.png");
	background-size: contain;
}

/* Blogger */
.cs-boardtheme-blogger .whiteSquare {
	background-color: #ede8d5;;
}
.cs-boardtheme-blogger .blackSquare {
	background-color: #cfcbb3;
}

/* Blue */
.cs-boardtheme-blue .whiteSquare {
	background-color: #dee3e6;;
}
.cs-boardtheme-blue .blackSquare {
	background-color: #8ca2ad;
}

/* Burl */
.cs-boardtheme-burl #GameBoard .boardTable {
	background-image: url("../boardthemes/burl.jpg");
	background-size: contain;
}
.cs-boardtheme-burl .whiteSquare {
	background-color: transparent;
}
.cs-boardtheme-burl .blackSquare {
	background-color: transparent;
}

/* Chess.com blue */
.cs-boardtheme-chesscom_blue .whiteSquare {
	background-color: #ededd9;
}
.cs-boardtheme-chesscom_blue .blackSquare {
	background-color: #4c6d92;
}

/* Chess.com green */
.cs-boardtheme-chesscom_green .whiteSquare {
	background-color: #eeeed2;
}
.cs-boardtheme-chesscom_green .blackSquare {
	background-color: #769656;
}

/* Chessonline */
.cs-boardtheme-chessonline .whiteSquare {
	background-color: #ffffff;
}
.cs-boardtheme-chessonline .blackSquare {
	background-color: #deb887;
}

/* Chesstempo.com grey */
.cs-boardtheme-chesstempo_grey .whiteSquare {
	background-color: #cdcdcd;
}
.cs-boardtheme-chesstempo_grey .blackSquare {
	background-color: #aaaaaa;
}

/* Coffee_bean */
.cs-boardtheme-coffee_bean #GameBoard .boardTable {
	background-image: url("../boardthemes/coffee_bean.jpg");
	background-size: contain;
}
.cs-boardtheme-coffee_bean .whiteSquare {
	background-color: transparent;
}
.cs-boardtheme-coffee_bean .blackSquare {
	background-color: transparent;
}

/* Ebony_pine */
.cs-boardtheme-ebony_pine #GameBoard .boardTable {
	background-image: url("../boardthemes/ebony_pine.jpg");
	background-size: contain;
}
.cs-boardtheme-ebony_pine .whiteSquare {
	background-color: transparent;
}
.cs-boardtheme-ebony_pine .blackSquare {
	background-color: transparent;
}

/* Executive */
.cs-boardtheme-executive #GameBoard .boardTable {
	background-image: url("../boardthemes/executive.jpg");
	background-size: contain;
}
.cs-boardtheme-executive .whiteSquare {
	background-color: transparent;
}
.cs-boardtheme-executive .blackSquare {
	background-color: transparent;
}


/* Falken */
.cs-boardtheme-falken .whiteSquare {
	background-color: #f4f4f4;
}
.cs-boardtheme-falken .blackSquare {
	background-color: #636b6a;
}

/* Informator */
.cs-boardtheme-informator .whiteSquare {
	background-color: #f8ead3;
}
.cs-boardtheme-informator .blackSquare {
	background-color: #d0a37c;
}

/* Joomla extension white-grey */
.cs-boardtheme-joomla .whiteSquare {
	background-color: #f6f6f6;
}
.cs-boardtheme-joomla .blackSquare {
	background-color: #e0e0e0;
}

/* Lichess.org brown */
.cs-boardtheme-lichess .whiteSquare {
	background-color: #f0d9b5;
}
.cs-boardtheme-lichess .blackSquare {
	background-color: #b58863;
}

/* Magazine */
.cs-boardtheme-magazine .whiteSquare {
	background-color: #ffffff;
}
.cs-boardtheme-magazine .blackSquare {
	background-color: #aaaaaa;
	background-image: url("../boardthemes/magazine.png");
	background-size: contain;
}

/* Marble */
.cs-boardtheme-marble #GameBoard .boardTable {
	background-image: url("../boardthemes/marble.jpg");
	background-size: contain;
}
.cs-boardtheme-marble .whiteSquare {
	background-color: transparent;
}
.cs-boardtheme-marble .blackSquare {
	background-color: transparent;
}

/* Marble_blue */
.cs-boardtheme-marble_blue .whiteSquare {
	background-color: #fff;
	background-image: url("../boardthemes/marble_blue_white.png");
	background-size: contain;
}
.cs-boardtheme-marble_blue .blackSquare {
	background-color: #aaaaaa;
	background-image: url("../boardthemes/marble_blue_black.png");
	background-size: contain;
}

/* Marble_green */
.cs-boardtheme-marble_green #GameBoard .boardTable {
	background-image: url("../boardthemes/marble_green.jpg");
	background-size: contain;
}
.cs-boardtheme-marble_green .whiteSquare {
	background-color: transparent;
}
.cs-boardtheme-marble_green .blackSquare {
	background-color: transparent;
}

/* New in Chess */
.cs-boardtheme-newinchess .whiteSquare {
	background-color: #ffffff;
}
.cs-boardtheme-newinchess .blackSquare {
	background-color: #ddd2bc;
}

/* PGN4web */
.cs-boardtheme-pgn4web .whiteSquare {
	background-color: #eff4ec;
}
.cs-boardtheme-pgn4web .blackSquare {
	background-color: #c6cec3;
}

/* PGNviewer_YUI */
.cs-boardtheme-pgnviewer_yui .whiteSquare {
	background-color: #ffffff;
}
.cs-boardtheme-pgnviewer_yui .blackSquare {
	background-color: #edd6c2;
}

/* Shredderchess */
.cs-boardtheme-shredderchess .whiteSquare {
	background-color: #e9ecf0;
}
.cs-boardtheme-shredderchess .blackSquare {
	background-color: #b5bdce;
}

/* Wenge */
.cs-boardtheme-wenge #GameBoard .boardTable {
	background-image: url("../boardthemes/wenge.jpg");
	background-size: contain;
}
.cs-boardtheme-wenge .whiteSquare {
	background-color: transparent;
}
.cs-boardtheme-wenge .blackSquare {
	background-color: transparent;
}

/* Wikipedia */
.cs-boardtheme-wikipedia .whiteSquare {
	background-color: #ffce9e;
}
.cs-boardtheme-wikipedia .blackSquare {
	background-color: #d18b47;
}

/* Wood */
.cs-boardtheme-wood #GameBoard .boardTable {
	background-image: url("../boardthemes/wood.jpg");
	background-size: contain;
}
.cs-boardtheme-wood .whiteSquare {
	background-color: transparent;
}
.cs-boardtheme-wood .blackSquare {
	background-color: transparent;
}

/* Zeit */
.cs-boardtheme-zeit .whiteSquare {
	background-color: #cccccc;
}
.cs-boardtheme-zeit .blackSquare {
	background-color: #6494b1;
}


.highlightWhiteSquare {
	background: #ffefcc;
}
.highlightBlackSquare {
	background: #d2a679;
}
#GameBoard .boardTable tr {
	border: none;
}
#GameBoard .boardTable tr td {
	border: none;
	padding: 0px;
}

/* GameButtons, make sure it works with all themes and table.css */
#GameButtons table {
	width: 260px;
	border: 0px solid #d1d1d1;
	margin: 0;
	text-align: left;
}
#GameButtons table tr th,
#GameButtons table thead th {
	color: #111;
	font-weight: bold;
	line-height: 16px;
	padding: 0px 0px;
}
#GameButtons table tr th,
#GameButtons table tr td {
	border: none;
	padding: 0px 1px;
}
#GameButtons table tr.odd td {
	background: #fff;
}
#GameButtons table tr td input {
	width: 52px !important;
	/* The color/background should be set by the theme... */
	background: #ffffff;
	color: #202020;
	border: 1px solid #aaa;
	padding: 0px;
	box-shadow: none;
}

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

.optionSelectControl {

}

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

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

.searchPgnButton {
	/* a "width" attribute here must use the !important flag to override default settings */
}

.searchPgnExpression {
	/* a "width" attribute here must use the !important flag to override default settings */
}

.move,
.variation {
	color: #202020;
	text-decoration: none;
}

a.move,
a.variation,
.commentMove {
	white-space: nowrap;
	box-shadow: none;
	text-decoration: none;
}

.move {
	color: black;
	font-weight: bold;
}

.comment {
	color: #003366;
}

.moveOn,
.variationOn {
	background: transparent;
	color: #cc0000;
}