.board-piece-start-style {
background-repeat : no-repeat;
border : 0;
position : relative;
padding : 0;
}
.ct-board {
display : block;
overflow : hidden;
}
.ct-board-border {
box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
}

.ct-black-square, .ct-white-square {
display : block;
float : left;
}
.ct-black-square {
background-color : #779977;
}
.ct-white-square {
background-color : #fff;
}
.ct-mainline-commentary {
padding-left : 15px;
}
.ct-board-move-current {
color : #f90;
}
.pgn-parser-error {
background-color : red;
color : #FFF;
border : #363A3D solid 2px;
}
#board-position-moves {
height : auto;
width : 210px;
}
#board-moves {
overflow : auto;
height : 400px;
width : 210px;
}
.ct-forum-pgn-moves .ct-board-move-comment {
color : #A1C4E8;
}
.ct-board-move-movetext:hover, .ct-board-move-movenum:hover {
	color:#f90;
}
.ct-board-move-mainline, .ct-board-move-variation, .ct-board-clickable-comment {
cursor : pointer;
}
.ct-subopt-move-score, .ct-opt-move-score {
color : #8AAFEF;
}

.ct-end, .ct-start, .ct-back, .ct-forward {
	width: 88px;
	height: 26px;
	margin: 20px 2px;
	background-color: #f6f6f6;
	border:1px solid #999;
	vertical-align : middle;
	display : inline;
}
#board-cont {
	padding: 10px 0 0 15px;
}
#chess-container {
	float:left;
}
#chess-moves {
	width:205px;
	height:368px;
	overflow:hidden;
	padding: 0 0 0 15px;
}
 @media screen and (max-width: 650px) {
#chess-moves {
display:none;	
}
#board-cont {
width:370px;
margin:0 auto;
text-align:center;
padding: 0 0;
	}
 }
@media screen and (max-width: 420px) {
	.ct-end, .ct-start, .ct-back, .ct-forward {
	width: 76px;
	height: 26px;
}
#board-cont {
width:320px;
	}
}
@media screen and (max-width: 355px) {
.ct-end, .ct-start, .ct-back, .ct-forward {
	width: 66px;
	height: 24px;

}
#board-cont {
width:280px;	
	}
}