/*
 *  pgn4web javascript chessboard
 *  copyright (C) 2009-2013 Paolo Casaschi
 *  see README file and http://pgn4web.casaschi.net
 *  for credits, license and more details
 */
body {
	margin: 0px;
}
.boardheaderDiv {
	color: rgb(33,33,33);
	background: #f8f8f8;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#boardHeader div, #boardHeader table, #boardHeader tr, #boardHeader td {
	border-spacing: 0px;
}
#boardHeader .gameselector-table {
	background: #C4C6CE;
	color: #FFFFFF;
}
#boardHeader .gametextDiv {
	padding-right: 20px;
	height: 424px;
	overflow: auto;
	scrollbar-base-color: white;
}
#boardHeader .boardTable {
	border: 3px solid #000000;
}
#boardHeader .pieceImage {
	width: 43px;
	height: 43px;
}
#boardHeader .whiteSquare, #boardHeader .blackSquare, #boardHeader .highlightWhiteSquare, #boardHeader .highlightBlackSquare {
	width: 43px;
	height: 43px;
	border-style: solid;
	border-width: 2px;
}
#boardHeader .whiteSquare, #boardHeader .highlightWhiteSquare {
	border-color: #f7f2ed;
	background: #f7f2ed;
}
#boardHeader .blackSquare, #boardHeader .highlightBlackSquare {
	border-color: #d2bb9c;
	background: #d2bb9c;
}
#boardHeader .highlightWhiteSquare, #boardHeader .highlightBlackSquare {
	border-color: #663300;
	border-style: solid;
}
#boardHeader .selectControl {
	/* a "width" attribute here must use the !important flag to override default settings */
	width: 160px !important;
	margin-right: 10px;
}
#boardHeader .move {
	font-size: 1em;
	color: black;
	line-height: 1.4em;
	text-decoration: none;
	font-weight: bold;
}
#boardHeader .variation, #boardHeader .comment {
	line-height: 1.4em;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.9em;
	color: gray;
}
#boardHeader a.move:hover, #boardHeader a.variation:hover {
	text-decoration: underline;
}
#boardHeader a.variation, #boardHeader .variation.notranslate, #boardHeader a.variation.notranslate {
	color: #414141;
}
#boardHeader a.moveOn, #boardHeader a.variationOn {
	color: #E30005 !important;
	text-decoration: underline;
}
#boardHeader .boldItem {
	font-weight: bold;
}
#boardHeader .linkItem {
	text-decoration: none;
	color: black;
}
#boardHeader .linkItem:hover {
	text-decoration: underline;
}
#boardHeader .rowSpace {
	height: 8px;
}
#boardHeader .gamedata {
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 10px;
	padding-right: 10px;
}
#boardHeader .gametextresultDiv {
	padding-top: 4px;
	padding-right: 15px;
	margin-bottom: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-base-color: #FFFFFF;
	text-align: left;
	height: 374px !important;
	border-top: #d0d0d0 solid 1px;
}
#boardHeader #GameResult {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#boardHeader .gamedata-names {
	font-size: 1.1em;
	font-weight: bold;
}
#boardHeader .gamedata-names div, #boardHeader .gamedata-names span {
	display: inline-block;
}
#boardHeader .gamedata-event {
	font-size: 0.9em;
}
#boardHeader .gametextresultDiv {
	padding-left: 10px;
}
#boardHeader .gametextContainerCell {
	border-top: #d0d0d0 solid 1px;
	width: calc(100% - 384px);
	display: inline-block;
	vertical-align: top;
	margin-left: -4px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
#boardHeader .notation {
	background-color: #FFFFFF;
	border-bottom: solid 1px #d0d0d0;
	height: 380px;
}
#boardHeader .plusclock .notation {
	height: 346px;
}
#boardHeader .plusclock .gametextresultDiv {
	height: 340px !important;
}
#boardHeader .clocktime {
	margin-left: auto;
	margin-right: auto;
	width: 215px;
}
#boardHeader .clock-w-border {
	background-color: #FFF;
	height: 21px;
	width: 75px;
	text-align: center;
	border: #000 solid 2px;
	display: inline-block;
	margin-top: 5px;
}
#boardHeader .clock-b-border {
	background-color: #000;
	color: #FFF;
	margin-right: 5px;
	height: 21px;
	width: 75px;
	text-align: center;
	border: #000 solid 2px;
	display: inline-block;
}
#boardHeader .clock-w, #boardHeader .clock-b {
	line-height: 21px;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	margin-left: 10px;
}
#boardHeader #startButton1, #boardHeader #startButton2 {
	width: 55px !important;
	height: 36px;
	vertical-align: middle;
}
#boardHeader #GameButtons {
	padding-top: 9px;
	width: 274px;
	padding-left: 55px;
}
#boardHeader #GameButtons input {
	width: 44px;
	height: 30px;
}
#boardHeader #backButton, #boardHeader #forwardButton {
	width: 71px !important;
}
#boardHeader #previousgame, #boardHeader #nextgame {
	margin-right: 5px;
	margin-left: 5px;
	display: inline-block;
}
#boardHeader #GameSelector {
	display: inline-block;
}
#boardHeader #forwardButton {
	background: url('http://www.acp-cup.com/sites/all/libraries/pgn4web/images/arrow_next.png') center no-repeat;
}
#boardHeader #startButton1 {
	background: url('http://www.acp-cup.com/sites/all/libraries/pgn4web/images/arrow_back_dark.png') center no-repeat;
}
#boardHeader #startButton2 {
	background: url('http://www.acp-cup.com/sites/all/libraries/pgn4web/images/arrow_next_dark.png') center no-repeat;
}
#boardHeader #startButton {
	background: url('http://www.acp-cup.com/sites/all/libraries/pgn4web/images/arrow_backward.png') center no-repeat;
}
#boardHeader #endButton {
	background: url('http://www.acp-cup.com/sites/all/libraries/pgn4web/images/arrow_forward.png') center no-repeat;
}
#boardHeader #backButton {
	background: url('http://www.acp-cup.com/sites/all/libraries/pgn4web/images/arrow_back.png') center no-repeat;
}
#boardHeader #autoplayButton {
	background: url('http://www.acp-cup.com/sites/all/libraries/pgn4web/images/arrow_autoplay.png') center no-repeat;
}
#boardHeader #autoplayButton.buttonControlStop {
	background: url('http://www.acp-cup.com/sites/all/libraries/pgn4web/images/arrow_pause.png') center no-repeat;
}
#boardHeader .downloadlogo {
	background: url('http://www.acp-cup.com/sites/all/libraries/pgn4web/images/download.png') center no-repeat;
	border: 0px;
	color: transparent;
	font-size: 0px;
	cursor: pointer;
	width: 80px;
	height: 32px;
}
#boardHeader .gameselector-table input, #boardHeader #GameButtons input, #boardHeader .downloadlogo, #newwindow {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	border: 0px;
	color: transparent;
	font-size: 0px;
	cursor: pointer;
	display: inline-block;
}
#boardHeader .gameselector-table input:hover, #boardHeader #GameButtons input:hover, #boardHeader .downloadlogo:hover, #newwindow:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#boardHeader .clock-img {
	margin-left: 8px;
	margin-right: 8px;
	display: inline-block;
}
#boardHeader .dot {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}
#boardHeader .whiteblock {
	height: 10px;
	width: 10px;
	border: solid 2px #000000;
	background: #FFFFFF;
	margin-right: 5px;
}
#boardHeader .blackblock {
	height: 10px;
	width: 10px;
	border: solid 2px #000000;
	background: #000000;
	margin-right: 5px;
}
#boardHeader .selecttext {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}
#boardHeader .download {
	display: inline-block;
	padding-left: 155px;
	padding-top: 7px;
	padding-bottom: 3px;
}
#boardHeader .board {
	width: 382px;
	height: 382px;
	display: inline-block;
	vertical-align: top;
}
#newwindow{
	display:none;
	float:right;
	margin-right:6px;
	margin-top:7px;
}

@media all and (min-width: 625px){
.boardheaderDiv {
	width: 624px;
}
}

@media all and (max-width: 624px) and (orientation: portrait){
.boardheaderDiv {
	width: 600px;
}
#boardHeader .board {
	width: 358px;
	height: 358px;
}
#boardHeader .boardTable {
	height: 358px !important;
}
#boardHeader .whiteSquare, #boardHeader .blackSquare, #boardHeader .highlightWhiteSquare, #boardHeader .highlightBlackSquare, #boardHeader .pieceImage {
	width: 40px;
	height: 40px;
}
#boardHeader .gametextresultDiv {
	height: 350px !important;
}
#boardHeader .notation {
	height: 356px;
}
#boardHeader .plusclock .notation {
	height: 322px;
}
#boardHeader .plusclock .gametextresultDiv {
	height: 316px !important;
}
#boardHeader #GameButtons {
	padding-left: 44px;
}
}

@media all and (max-width: 600px) and (orientation: portrait){
.boardheaderDiv {
	width: 550px;
}
#boardHeader .board {
	width: 334px;
	height: 334px;
}
#boardHeader .boardTable {
	height: 334px !important;
}
#boardHeader .whiteSquare, #boardHeader .blackSquare, #boardHeader .highlightWhiteSquare, #boardHeader .highlightBlackSquare, #boardHeader .pieceImage {
	width: 37px;
	height: 37px;
}
#boardHeader .gametextresultDiv {
	height: 328px !important;
}
#boardHeader .notation {
	height: 332px;
}
#boardHeader .plusclock .notation {
	height: 298px;
}
#boardHeader .plusclock .gametextresultDiv {
	height: 292px !important;
}
#boardHeader .clock-img {
	display: none;
}
#boardHeader .clocktime {
	width: 170px;
}
#boardHeader .gametextContainerCell {
	width: 214px;
}
#boardHeader .download {
	padding-left: 130px;
}
#boardHeader #GameButtons {
	padding-left: 31px;
}
}

@media all and (max-width: 550px) and (orientation: portrait){
.boardheaderDiv {
	width: 520px;
}
#boardHeader .board {
	width: 318px;
	height: 318px;
}
#boardHeader .boardTable {
	height: 318px !important;
}
#boardHeader .whiteSquare, #boardHeader .blackSquare, #boardHeader .highlightWhiteSquare, #boardHeader .highlightBlackSquare, #boardHeader .pieceImage {
	width: 35px;
	height: 35px;
}
#boardHeader .gametextresultDiv {
	height: 312px !important;
}
#boardHeader .notation {
	height: 316px;
}
#boardHeader .plusclock .notation {
	height: 282px;
}
#boardHeader .plusclock .gametextresultDiv {
	height: 276px !important;
}
#boardHeader .gametextContainerCell {
	width: 200px;
}
#boardHeader .download {
	padding-left: 116px;
}
#boardHeader #GameButtons {
	padding-left: 23px;
}
#boardHeader .move {
	font-size: 0.93em;
}
#boardHeader .gamedata-names {
	font-size: 0.95em;
}
#boardHeader .gamedata-event {
	font-size: 0.85em;
}
}

@media all and (max-width: 520px) and (orientation: portrait){
.boardheaderDiv {
	width: 480px;
}
#boardHeader .board {
	width: 294px;
	height: 294px;
}
#boardHeader .boardTable {
	height: 294px !important;
}
#boardHeader .whiteSquare, #boardHeader .blackSquare, #boardHeader .highlightWhiteSquare, #boardHeader .highlightBlackSquare, #boardHeader .pieceImage {
	width: 32px;
	height: 32px;
}
#boardHeader .gametextresultDiv {
	height: 288px !important;
}
#boardHeader .notation {
	height: 292px;
}
#boardHeader .plusclock .notation {
	height: 258px;
}
#boardHeader .plusclock .gametextresultDiv {
	height: 254px !important;
}
#boardHeader .gametextContainerCell {
	width: 182px;
}
#boardHeader .download {
	padding-left: 98px;
}
#boardHeader #GameButtons {
	padding-left: 11px;
}
#boardHeader .move {
	font-size: 0.85em;
}
#boardHeader .variation, .comment {
	font-size: 0.8em;
}
}

@media all and (max-width: 480px) and (orientation: portrait) {
.boardheaderDiv {
	width: 100%;
}
#boardHeader .board {
	width: 294px;
	height: 294px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#boardHeader .boardTable {
	height: 294px !important;
}
#boardHeader .whiteSquare, #boardHeader .blackSquare, #boardHeader .highlightWhiteSquare, #boardHeader .highlightBlackSquare, #boardHeader .pieceImage {
	width: 32px;
	height: 32px;
}
#boardHeader .gametextContainerCell {
	padding-top: 46px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: none;
}
#boardHeader .notation, #boardHeader .plusclock .notation {
	height: 147px;
}
#boardHeader .gametextresultDiv, #boardHeader .plusclock .gametextresultDiv {
	height: 143px !important;
}
#boardHeader .clock-img {
	display: inline-block;
}
#boardHeader .clocktime {
	width: 215px;
}
#boardHeader .download, #boardHeader .selecttext, #boardHeader .whiteblock, #boardHeader .blackblock {
	display: none !important;
}
#boardHeader .gamedata-event {
	font-size: 0.75em;
}
#boardHeader #GameButtons {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px
}
}

@media all and (max-height: 525px) and (orientation: landscape) {
.boardheaderDiv {
	width: 536px;
}
#boardHeader .board {
	width: 294px;
	height: 294px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
#boardHeader .boardTable {
	height: 296px !important;
}
#boardHeader .whiteSquare, #boardHeader .blackSquare, #boardHeader .highlightWhiteSquare, #boardHeader .highlightBlackSquare, #boardHeader .pieceImage {
	width: 32px;
	height: 32px;
}
#boardHeader #GameButtons {
	padding-left: 12px;
}
#boardHeader .notation {
	height: 292px;
}
#boardHeader .gametextresultDiv {
	height: 286px !important;
}
}

@media all and (max-height: 437px) and (orientation: landscape) {
.boardheaderDiv {
	width: 504px;
}
#boardHeader .board {
	width: 262px;
	height: 262px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
#boardHeader .boardTable {
	height: 264px !important;
}
#boardHeader .whiteSquare, #boardHeader .blackSquare, #boardHeader .highlightWhiteSquare, #boardHeader .highlightBlackSquare, #boardHeader .pieceImage {
	width: 28px;
	height: 28px;
}
#boardHeader #GameButtons {
	padding-left: 5px;
}
#boardHeader #backButton, #boardHeader #forwardButton {
	width: 61px !important;
}
#boardHeader .notation {
	height: 260px;
}
#boardHeader .gametextresultDiv {
	height: 254px !important;
}
}

@media all and (max-height: 405px) and (orientation: landscape) {
.boardheaderDiv {
	width: 480px;
}
#boardHeader .board {
	width: 238px;
	height: 238px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
#boardHeader .boardTable {
	height: 240px !important;
}
#boardHeader .whiteSquare, #boardHeader .blackSquare, #boardHeader .highlightWhiteSquare, #boardHeader .highlightBlackSquare, #boardHeader .pieceImage {
	width: 25px;
	height: 25px;
}
#boardHeader #GameButtons {
	padding-left: 0px;
}
#boardHeader #backButton, #boardHeader #forwardButton {
	width: 55px !important;
}
#boardHeader .notation {
	height: 236px;
}
#boardHeader .gametextresultDiv {
	height: 230px !important;
}
}