.markersView
{
    /*display: none;*/
}

#game-header {
	background: rgba(255,255,255,0.7);
	padding: 7px;
	color: black;   
	margin-bottom: 10px;
	height: 34px;
}

#current-move-variant {
	background: rgba(255,255,255,0.7);
	padding: 7px;
	color: black;   
	margin-top: 10px;
	height: 254px;
	overflow: auto;
}


#current-move-variant .nullmove {
	display: none !important;
}

#current-move-variant .notation-variation {
    padding-left: 0px !important;
	padding-bottom: 10px;
}

#current-move-variant .variation-start, #current-move-variant .variation-end {
	display: none;
}

#current-move-variant .variation-expander {
	display: none;
}

#current-move-variant .variation-continued {
	display: inline;
}
 
#match-info {
	background: rgba(255,255,255,0.7);
	padding: 7px;
	color: black;   
	margin-bottom: 10px;
	height: 25px;
	padding-top: 16px;   
}

#game-header table {
	padding: 0px;
	height: 100%;
}

#game-header table td {
	vertical-align: middle;
}

#game-header table td.clock {
	width: 20%;
	font-size: 85%;
	white-space: nowrap;
}

#game-header table td.result {
	width: 10%;
	text-align: center;
	white-space: nowrap;
}


#game-header table td.player {
	width: 25%;
	color: #1D457F;
	white-space: nowrap;
}

#game-header table td.player.alignright {
	text-align: right;
}

.board-notation-container 
{
    width:100%;
}

.board-column 
{
    padding: 0;
    margin: 0;
    min-width: 430px;
	width: 430px;
    float:left;  
	margin-right: 10px;
}

.notation-column 
{
	overflow: hidden;
}

.notation-container 
{
	background: rgba(255,255,255,0.7);
	padding: 2px;
	color: black;
	font-size: 115%;
	height: auto;   
	overflow: auto;
}

.game-switcher {
	background: rgba(255,255,255,0.7);
	padding: 7px;
	color: black;
	font-size: 115%;
	height: 14px;   
}

.notation-container a {
	text-decoration: none;
}

.notation-container a:hover {
	
}


.current-game {
	font-weight: bold;
}

#notation 
{
    overflow: scroll;
}

.nullmove
{
    display: none;
}

.notation-variation .nullmove
{
    display: none !important;
}

.nullmove[class*="notation-move"]:first-of-type, .nullmove:last-of-type
{
    display: inline-block;
}

.notation:focus 
{
	outline: 0;
}

.variation-expander 
{
    width: 12px !important;
    height: 12px !important; 
    background-image: url(themes/webschool/images/expandplus.png);  
    display: inline-block;
    padding: 0 !important;
    cursor: pointer;
	-moz-user-select: none; 
    -khtml-user-select: none;
	-webkit-user-select: none;
}

.variation-continued 
{
    display: none;
}

.variation-continued.visible
{
    display: inline !important;
}

.variation-expander:hover 
{
    cursor: pointer;
}

.variation-expander.expanded
{
    background-image: url(themes/webschool/images/expandminus.png) !important;  
}

.notation span.notation-move-number 
{   
    color: #333;            
    font-weight: bold;
}

.marked-incorrect 
{
    text-decoration: line-through !important;
}

.block-comment 
{
    display: block;    
}

.notation span {
    
}

.inline-variation
{
    padding: 0 !important;
    display: inline-block;
}

.notation a.notation-move {	
    text-decoration: none;
    color: #0ca0ce;
    text-shadow: #000 2px 2px 2px 2px;
	white-space: nowrap;
}

.notation a.notation-move:focus
{
    outline: none;
}

.notation-variation  span.notation-move-number
{
    font-weight: normal;
}

.notation-variation span.notation-move-string {
	font-weight: normal;
}

.notation a.notation-move:hover .notation-move-string {
    background: #ccc;
}

.notation a.notation-move.active .notation-move-string {
    background: #0ca0ce;
    color: white;
}

.notation .notation-variation {
    padding-left: 20px;
}

.notation .notation-variation a     
{
    color: #36b8e0;
}

.notation div div a {
    color: #46d1fc;
}

.notation div div div a {
    
}

#game-result {
	white-space: nowrap;
}

.smallboard {
	min-height: 244px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.smallboard .chessBoard {
	width: 244px;
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px;
}

.smallboard .smallnotation {	
	padding: 7px;	
}

.smallboard .variation-expander  {
	display: none;
}

.smallboard .block-comment 
{
    /*display: inline;    */
}

.smallboard .notation span.notation-move-string
{
	font-weight: normal;
}

.variant-header {
	padding: 0px;	
	background: rgba(36,87,132,0.7);
	color: white;
	margin-bottom: 5px;
	margin-top: 5px;
}

.variant-header:first-of-type {
	margin-top: 0px;
}

.variant-header .eval {
	text-align: right;
}

.variant-header .eval.incorrect {
	color: #9baec1;
}

#clock-black {
	text-align: right;
}

#board-buttons {
	text-align: center;	
	padding-top: 5px;
	height: 34px;
}

#board-buttons div {
	width: 41px;
	height: 34px;	
	float: left;
	margin-right: 10px;
	-moz-user-select: none; 
    -khtml-user-select: none;
	-webkit-user-select: none;
}

#board-buttons div:hover {
	cursor: pointer;
}

#board-buttons #to-start-btn {
	background: url(buttons/btn-tostart.gif);  
}

#board-buttons #to-end-btn {
	background: url(buttons/btn-toend.gif);  
}

#board-buttons #back-btn {
	background: url(buttons/btn-prev.gif);  
}

#board-buttons #forward-btn {
	background: url(buttons/btn-next.gif);  
}

#board-buttons #play-btn {
	background: url(buttons/btn-play-off.gif);  
}

#board-buttons #play-btn.on {
	background: url(buttons/btn-play-on.gif);  
}

#board-buttons #disable-engine-btn {
	text-align: center;	
	background: #2b3b4f;
	width: 175px;
	margin-right: 0px;
	color: white;	
	padding-top: 8px;
	height: 26px;
}