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

html {
	background:none;
}
/*body {
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
	width: 630px;
	height: 534px;
}
body {
	font-family: 'Noto Sans';
	color: rgb(33,33,33);
}*/
div, table, tr, td {
	/* font-family: none; fixes IE9 body css issue
	border-spacing: 0px; */
}
.containerTable {
	width: 100%;
}
.gameselector-table {
	background: #5b5e5f;
	color: #FFFFFF;
}
.gametextDiv {
	padding-right: 20px;
	height: 424px;
	overflow: auto;
	scrollbar-base-color: white;
}
.boardTable {
	width: 376px;
	height: 376px;
	border-style: solid;
	border-color: #000000;
	border-width: 3px;
}
.pieceImage {
	width: 42px;
	height: 42px;
}
.whiteSquare, .blackSquare, .highlightWhiteSquare, .highlightBlackSquare {
	width: 43px;
	height: 43px;
	border-style: solid;
	border-width: 2px;
}
.whiteSquare, .highlightWhiteSquare {
	border-color: #f7f2ed;
	background: #f7f2ed;
}
.blackSquare, .highlightBlackSquare {
	border-color: #d2bb9c;
	background: #d2bb9c;
}
/*.highlightWhiteSquare, .highlightBlackSquare {
	border-color: #663300;
	border-style: solid;
}*/
.selectControl {
	/* a "width" attribute here must use the !important flag to override default settings */
	width: 160px !important;
	margin-right: 10px;
}
.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 */
	width: 10% !important;
}
.searchPgnExpression {
	/* a "width" attribute here must use the !important flag to override default settings */
	width: 90% !important;
}
.move, .variation, .comment {
	color: black;
	line-height: 1.4em;
	font-weight: normal;
	text-decoration: none;
}
a.move:hover, a.variation:hover {
	text-decoration: underline;
}
.move, .variation, .commentMove {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.move {
	font-weight: bold;
}
a.move, a.variation, .commentMove {
	white-space: nowrap;
}
.comment, .variation {
	color: gray;
}
a.variation {
	color: gray;
}
.moveOn, .variationOn {
	color: #E30005;
	text-decoration: underline;
}
.label {
	color: gray;
	padding-right: 10px;
	text-align: right;
}
.boldItem {
	font-weight: bold;
}
.linkItem {
	text-decoration: none;
	color: black;
}
.linkItem:hover {
	text-decoration: underline;
}
.rowSpace {
	height: 8px;
}
.gamedata {
	padding-top: 2px;
	padding-bottom: 13px;
	padding-left: 25px;
	max-width: 575px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.gametextresultDiv {
	padding-top: 4px;
	padding-right: 15px;
	margin-bottom: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: justify;
	scrollbar-base-color: #FFFFFF;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.gametextresultDiv {
	height: 375px !important;
	border-top: #d0d0d0 solid 1px;
}
#GameResult {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.names {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 3px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 4px;
}
.gametextresultDiv {
	padding-left: 10px;
}
.gametextContainerCell {
	border-top: #d0d0d0 solid 1px;
	width: 570px;
	display: inline-block;
	vertical-align: top;
	margin-left: -4px;
}
.notation{
	background-color: #FFFFFF;
	border-bottom: solid 1px #d0d0d0;
	height:380px;
}
.clocktime {
	padding: 3px;
	margin-bottom: 2px;
	margin-left: 10px;
	width: 215px;
}
.clock-w-border {
	background-color: #FFF;
	height: 21px;
	width: 75px;
	text-align: center;
	border: #000 solid 2px;
	display: inline-block;
	margin-top:5px;
}
.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;
}
.clock-w, .clock-b {
	line-height: 21px;
	font-size: 18px;
	font-weight: bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: absolute;
	margin-left: 10px;
}
#startButton, #startButton1, #startButton2, #endButton, #autoplayButton {
	width: 40px !important;
	height: 30px;
}
#backButton, #forwardButton {
	width: 75px !important;
	height: 30px;
}
#previousgame, #nextgame, #GameSelector {
	display: inline-block;
}
#previousgame, #nextgame {
	margin-right: 5px;
}
.containerCell form {
	min-height: 25px;
}

#forwardButton {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_next.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#forwardButton:hover {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_next_hover.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#startButton1 {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_back_dark.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#startButton1:hover {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_back_dark_hover.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#startButton2 {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_next_dark.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#startButton2:hover {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_next_dark_hover.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#startButton{
	background: url('../../../imagenes/imagenes_pgn4web/arrow_backward.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
	display:block;
	border:none;
}
#startButton:hover {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_backward_hover.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#endButton {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_forward.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#endButton:hover {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_forward_hover.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#backButton {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_back.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#backButton:hover {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_back_hover.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
#autoplayButton {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_autoplay.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
font-size:0px;
}
#autoplayButton:hover {
	background: url('../../../imagenes/imagenes_pgn4web/arrow_autoplay_hover.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
}
.downloadlogo {
	background: url('../../../imagenes/imagenes_pgn4web/download.png') center no-repeat;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
width: 50px;
height: 32px;
}
.downloadlogo:hover {
	background: url(../../../imagenes/imagenes_pgn4web/download_hover.png) no-repeat center;
border:0px;
color:transparent;
font-size:0px;
cursor:pointer;
width: 50px;
height: 32px;
}
#GameButtons {
	padding-left: 49px;
}
label {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	margin-right: 10px;
}
.gameselector-table label {
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 0px;
}
.clock-img {
	margin-left: 8px;
	margin-right: 8px;
	display: inline-block;
}
.block {
	display: inline-block;
	padding-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
}
.whiteblock {
	display: inline-block;
	height: 20px;
	width: 20px;
	border: solid 2px #000000;
	background: #FFFFFF;
	margin-right: 5px;
}
.blackblock {
	display: inline-block;
	height: 20px;
	width: 20px;
	border: solid 2px #000000;
	background: #000000;
	margin-right: 5px;
}
.selecttext {
	display: inline-block;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
padding-bottom: 10px;
}
#GameButtons {
	display: inline-block;
}
.download {
	display: inline-block;
	padding-left: 185px;
padding-top: 7px;
}
.control {
	padding-top: 9px;
}
.board {
	width: 376px;
	display: inline-block;
	margin-left: 6px;
}
.separator{
	display:inline-block;
}

@media only screen and (max-width: 630px) {
html{
	background:#f0f0f0;
}

body {
	max-width: 388px;
	width:100%;
}
.gametextContainerCell {
	border-top: #d0d0d0 solid 1px;
	border-bottom: solid 1px #d0d0d0;
	max-width: 376px;
	width:100%;
	display: block;
	vertical-align: top;
	background-color: #FFFFFF;
	margin-left: 6px;
	margin-top: 10px;
	margin-bottom:10px;
}
.clocktime {
	margin-left: auto;
	margin-right: auto;
}
.gametextresultDiv {
	height: 120px !important;
}
.names {
font-size: 1em;
}
.gamedata {
padding-left:6px;
}
.download{
	display:none;
}
.notation{
	background-color:transparent;
	border-bottom:none;
}
}

@media only screen and (max-width: 400px) {
.gametextDiv {
	padding-right: 20px;
	height: 424px;
	overflow: auto;
	scrollbar-base-color: white;
}
.board {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
}
.boardTable {
	width: 320px;
	height: 320px;
	border-style: solid;
	border-color: #000000;
	border-width: 3px;
}
.pieceImage {
	width: 35px;
	height: 35px;
}
.whiteSquare, .blackSquare, .highlightWhiteSquare, .highlightBlackSquare {
	width: 36px;
	height: 36px;
	border-style: solid;
	border-width: 2px;
}
#GameButtons {
	padding-left: 20px;
}
.gametextContainerCell {
	max-width:320px;
}
.selecttext{
	display:none;
	width:5px;
	
}
.gameselector-table{
		height:20px;
		padding-top:10px;
		padding-bottom:10px;

}
.separator{
	visibility:hidden;
	display:block;
	height:1px;
}
.notation{
	height:167px;
}
}