/*
 * CSS for the Frontend of Chessgame Shizzle.
 */


/* Form */

#cs_new_chessgame .input {
	margin-bottom: 20px;
}
#cs_new_chessgame textarea {
	height: 200px;
}
#cs_new_chessgame input[type="text"],
#cs_new_chessgame textarea {
	width: 90%;
}
/* Help */
div.cs_chessgame_form_help {
	width: 200px;
}
div.cs_chessgame_form_help_inside {
	display: none;
}
div.cs_chessgame_form_help_inside span {
	display: inline-block;
	width: 200px;
}


/* Messages / Notices */

#cs_messages_top_container #cs_messages {
	border-left: 4px solid #7ad03a;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
	padding: 1px 12px;
	margin: 5px 0 15px;
}
#cs_messages_top_container #cs_messages.error {
	border-left: 4px solid #dd3d36;
}

#cs_new_chessgame .error p {
	margin: 0.5em 0;
	padding: 2px;
}


/* Single Post */

span.cs_chessgame_meta_header {
	cursor: pointer;
}

.cs_chessgame_meta_inside {
	display: none;
}

.cs_chessgame_pgn.chessboard-wrapper {
	width: 500px;
}


/* Simple List */
.cs-simple-list .cs-date {
	color: gray;
}


/* Iframe extended */
html iframe.cs-iframe-extended,
html body.cs-iframe-extended,
html body.cs-iframe-extended .cs_chessgame_pgn.chessboard-wrapper,
html body.cs-iframe-extended .cs_chessgame_pgn.chessboard-wrapper .boardTable {
	height: 700px;
	max-height: 700px;
}
body.cs-iframe-extended .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* Iframe */

iframe.cs-iframe {
	border-width: 0;
	margin: 0;
	padding: 0;
	height: 344px;
	max-height: 344px;
	width: 300px;
	max-width: 300px;
	overflow: hidden;
}
body.cs-iframe {
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 258px;
	max-width: 258px;
	height: 344px;
	max-height: 344px;
	overflow: hidden;
}
body.cs-iframe .cs_chessgame_pgn.chessboard-wrapper {
	width: 258px;
	max-width: 258px;
	height: 300px;
	max-height: 300px;
}
body.cs-iframe .cs_chessgame_pgn.chessboard-wrapper .boardTable {
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 258px;
	max-width: 258px;
	height: 258px;
	max-height: 258px;
}

body.cs-iframe #GameBoard .boardTable tr td {
	padding: 1px;
}

body.cs-iframe #GameBoard .boardTable img.pieceImage {
	width: 30px;
	max-width: 30px;
	height: 30px;
	max-height: 30px;
}

body.cs-iframe .whiteSquare,
body.cs-iframe .blackSquare,
body.cs-iframe .highlightWhiteSquare,
body.cs-iframe .highlightBlackSquare {
	width: 20px;
	max-width: 20px;
	height: 20px;
	max-height: 20px;
}
body.cs-iframe #GameButtons {
	margin-top: 20px;
}
body.cs-iframe #GameButtons table {
	width: 258px;
	max-width: 258px;
	border: none;
}
body.cs-iframe #GameButtons table tr td {
	padding: 0;
}
body.cs-iframe #GameButtons table tr td input {
	width: 45px !important;
	margin-right: 8px;
	border: none;
	cursor: pointer;
}
body.cs-iframe img.cs_chessgame_download_fen_image_png {
	max-width: 258px;
	max-height: 258px;
}

/* Themes */
body.cs-iframe h2.cs-title {
	color: #333;
}

/* Bamboo */
body.cs-iframe.cs-boardtheme-bamboo h2.cs-title {
	background-color: #dfc8b6;
}
body.cs-iframe.cs-boardtheme-bamboo #GameButtons table tr td input {
	background-color: #dfc8b6;
}

/* Beyer */
body.cs-iframe.cs-boardtheme-beyer h2.cs-title {
	background-color: #f4f4f4;;
}
body.cs-iframe.cs-boardtheme-beyer #GameButtons table tr td input {
	background-color: #aaaaaa;
	background-image: url("../boardthemes/beyer.png");
	background-size: contain;
}

/* Blogger */
body.cs-iframe.cs-boardtheme-blogger h2.cs-title {
	background-color: #ede8d5;;
}
body.cs-iframe.cs-boardtheme-blogger #GameButtons table tr td input {
	background-color: #cfcbb3;
}

/* Blue */
body.cs-iframe.cs-boardtheme-blue h2.cs-title {
	background-color: #dee3e6;;
}
body.cs-iframe.cs-boardtheme-blue #GameButtons table tr td input {
	background-color: #8ca2ad;
}

/* Burl */
body.cs-iframe.cs-boardtheme-burl h2.cs-title {
	background-color: #bf8f5f;
}
body.cs-iframe.cs-boardtheme-burl #GameButtons table tr td input {
	background-color: #bf8f5f;
}

/* Chess.com blue */
body.cs-iframe.cs-boardtheme-chesscom_blue h2.cs-title {
	background-color: #ededd9;
}
body.cs-iframe.cs-boardtheme-chesscom_blue #GameButtons table tr td input {
	background-color: #4c6d92;
}

/* Chess.com green */
body.cs-iframe.cs-boardtheme-chesscom_green h2.cs-title {
	background-color: #eeeed2;
}
body.cs-iframe.cs-boardtheme-chesscom_green #GameButtons table tr td input {
	background-color: #769656;
}

/* Chessonline */
body.cs-iframe.cs-boardtheme-chessonline h2.cs-title {
	background-color: #ffffff;
}
body.cs-iframe.cs-boardtheme-chessonline #GameButtons table tr td input {
	background-color: #deb887;
}

/* chesstempo.com grey */
body.cs-iframe.cs-boardtheme-chesstempo_grey h2.cs-title {
	background-color: #cdcdcd;
}
body.cs-iframe.cs-boardtheme-chesstempo_grey #GameButtons table tr td input {
	background-color: #aaa;
}

/* Coffee_bean */
body.cs-iframe.cs-boardtheme-coffee_bean h2.cs-title {
	background-color: #d4aa70;
}
body.cs-iframe.cs-boardtheme-coffee_bean #GameButtons table tr td input {
	background-color: #d4aa70;
}

/* Ebony_pine */
body.cs-iframe.cs-boardtheme-ebony_pine h2.cs-title {
	background-color: #bca07b;
}
body.cs-iframe.cs-boardtheme-ebony_pine #GameButtons table tr td input {
	background-color: #bca07b;
}

/* Executive */
body.cs-iframe.cs-boardtheme-executive h2.cs-title {
	background-color: #dac6a5;
}
body.cs-iframe.cs-boardtheme-executive #GameButtons table tr td input {
	background-color: #dac6a5;
}

/* Falken */
body.cs-iframe.cs-boardtheme-falken h2.cs-title {
	background-color: #f4f4f4;
}
body.cs-iframe.cs-boardtheme-falken #GameButtons table tr td input {
	background-color: #636b6a;
}

/* Informator */
body.cs-iframe.cs-boardtheme-informator h2.cs-title {
	background-color: #eeeeee;
}
body.cs-iframe.cs-boardtheme-informator #GameButtons table tr td input {
	background-color: #aaaaaa;
}

/* Joomla extension white-grey */
body.cs-iframe.cs-boardtheme-joomla h2.cs-title {
	background-color: #f6f6f6;
}
body.cs-iframe.cs-boardtheme-joomla #GameButtons table tr td input {
	background-color: #e0e0e0;
}

/* Lichess.org brown */
body.cs-iframe.cs-boardtheme-lichess h2.cs-title {
	background-color: #f0d9b5;
}
body.cs-iframe.cs-boardtheme-lichess #GameButtons table tr td input {
	background-color: #b58863;
}

/* Magazine */
body.cs-iframe.cs-boardtheme-magazine h2.cs-title {
	background-color: #fff;
}
body.cs-iframe.cs-boardtheme-magazine #GameButtons table tr td input {
	background-image: url("../../thirdparty/boardthemes/magazine.png");
	background-size: contain;
}

/* Marble */
body.cs-iframe.cs-boardtheme-marble h2.cs-title {
	background-color: #eeeeee;
}
body.cs-iframe.cs-boardtheme-marble #GameButtons table tr td input {
	background-color: #eeeeee;
}

/* Marble_blue */
body.cs-iframe.cs-boardtheme-marble_blue h2.cs-title {
	background-image: url("../../thirdparty/boardthemes/marble_blue_white.png");
	background-size: contain;
}
body.cs-iframe.cs-boardtheme-marble_blue #GameButtons table tr td input {
	background-image: url("../../thirdparty/boardthemes/marble_blue_black.png");
	background-size: contain;
}

/* Marble_green */
body.cs-iframe.cs-boardtheme-marble_green h2.cs-title {
	background-color: #e2e7e1;
}
body.cs-iframe.cs-boardtheme-marble_green #GameButtons table tr td input {
	background-color: #e2e7e1;
}

/* New in Chess */
body.cs-iframe.cs-boardtheme-newinchess h2.cs-title {
	background-color: #ffffff;
}
body.cs-iframe.cs-boardtheme-newinchess #GameButtons table tr td input {
	background-color: #ddd2bc;
}

/* PGN4web */
body.cs-iframe.cs-boardtheme-pgn4web h2.cs-title {
	background-color: #EFF4EC;
}
body.cs-iframe.cs-boardtheme-pgn4web #GameButtons table tr td input {
	background-color: #C6CEC3;
}

/* PGNviewer_YUI */
body.cs-iframe.cs-boardtheme-pgnviewer_yui h2.cs-title {
	background-color: #ffffff;
}
body.cs-iframe.cs-boardtheme-pgnviewer_yui #GameButtons table tr td input {
	background-color: #EDD6C2;
}

/* Shredderchess */
body.cs-iframe.cs-boardtheme-shredderchess h2.cs-title {
	background-color: #E9ECF0;
}
body.cs-iframe.cs-boardtheme-shredderchess #GameButtons table tr td input {
	background-color: #B5BDCE;
}

/* Wenge */
body.cs-iframe.cs-boardtheme-wenge h2.cs-title {
	background-color: #e8cdbc;
}
body.cs-iframe.cs-boardtheme-wenge #GameButtons table tr td input {
	background-color: #e8cdbc;
}

/* Wikipedia */
body.cs-iframe.cs-boardtheme-wikipedia h2.cs-title {
	background-color: #ffce9e;
}
body.cs-iframe.cs-boardtheme-wikipedia #GameButtons table tr td input {
	background-color: #d18b47;
}

/* Wood */
body.cs-iframe.cs-boardtheme-wood h2.cs-title {
	background-color: #cfa88b;
}
body.cs-iframe.cs-boardtheme-wood #GameButtons table tr td input {
	background-color: #cfa88b;
}

/* Zeit */
body.cs-iframe.cs-boardtheme-zeit h2.cs-title {
	background-color: #cccccc;
}
body.cs-iframe.cs-boardtheme-zeit #GameButtons table tr td input {
	background-color: #6494b1;
}



body.cs-iframe h2.cs-title {
	text-align: center;
	max-width: 258px;
	line-height: 21px;
	font-size: 13px;
	margin: 5px 0;
	padding-top: 2px;
	font-family: sans-serif;
}