/* To make the board labels appear on the left and bottom side of the board */
div.ChessBoardFrame60,
div.ChessBoardFrame30,
div.ChessBoardFrame45{
	position:absolute;
	top:0px;
	right:0px;
}

/* Css rules for board with 90x90 pixel squares */
.ChessBoardInner90{		/* The actual chess board div "large size", i.e. 90x90 pixel squares */
	width:720px;
	height:720px;
	border:1px solid #000;
	top:0px;
}
.ChessBoard90{ /* Chess board for 90x90 pixel squares - total size of board including labels around the board (A-H,1-8) */ 
	width:735px;
	height:740px;
	padding:0px;

}
.ChessPiece90{	/* 90x90 pixel chess pieces */
	width:90px;
	height:90px;
} 

/* Css rules for board with 75x75 pixel squares */
.ChessBoardInner75{		/* The actual chess board div "large size", i.e. 75x75 pixel squares */
	width:600px;
	height:600px;
	border:1px solid #000;
	top:0px;
}

.ChessBoard75{ /* Chess board for 75x75 pixel squares - total size of board including labels around the board (A-H,1-8) */ 
	width:615px;
	height:620px;
	padding:0px;

}
.ChessPiece75{	/* 75x75 pixel chess pieces */
	width:75px;
	height:75px;
	
}
/* 												*/
/* Css rules for board with 60x60 pixel squares */
/* 												*/
.ChessBoardInner60{		
	width:480px;
	height:480px;
	border:1px solid #000;
	top:0px;
}

.ChessBoard60{ /*total size of board including labels around the board (A-H,1-8) */ 
	width:495px;
	height:500px;
	padding:0px;

}
.ChessPiece60{	/* 60x60 pixel chess pieces */
	width:60px;
	height:60px;
	
}

/* 												*/
/* Css rules for board with 45x45 pixel squares */
/* 												*/
.ChessBoardInner45{	
	width:360px;
	height:360px;
	border:1px solid #000;
	top:0px;
}

.ChessBoard45{	/* Chess board for 45x45 pixel squares - total size of board including labels around the board (A-H,1-8) */ 
	width:375px;
	height:380px;
	padding:0px;

}
.ChessPiece45{	/* 45x45 pixel chess pieces */
	width:45px;
	height:45px;
}
.ChessBoardLabel45{	/* A-H,1-8 displayed at around the chess board */
	font-size:0.9em;
}
/* 												*/
/* Css rules for board with 30x30 pixel squares */
/* 												*/
.ChessBoardInner30{	/* The actual chess board div */
	width:240px;
	height:240px;
	border:0px solid #000;
	top:0px;
	overflow:hidden;
}

.ChessBoard30{		/* Total size of board including labels around the board (A-H,1-8) */
	width:250px;
	height:260px;
	padding:0px;
	border:0px solid #000;
}
.ChessPiece30{	/* 30x45 pixel chess pieces */
	width:30px;
	height:30px;
}

.ChessBoardLabel{	/* Labels A-F, 1-8 around chess board */
	font-weight:bold;
	font-family:Trebuchet MS
}

/* 												*/
/* Css rules for board with 30x30 pixel squares */
/* 												*/
.ChessBoardInner18{	
	width:148px;
	height:120px;
	border:0px solid black;
	padding:1px 0px 1px 0px;
	margin:1px;
	overflow:hidden;
}
.ChessBoard18{  
	width:150px;
	height:150px;
	padding:4px;
	margin:1px;
	border:1px solid #888888;
	background-color:#E5EDEF ;
}
.ChessPiece18{	
	width:18px;
	height:18px;
	margin-top:2px;
}

.ChessBoardLabel{	
	font-weight:normal;
	font-family:Trebuchet MS
}

.ChessBoardLabel18{	
	font-size:0.0em;
}

/* The labels around the board are assigned to class "ChessBoardLabel ChessBoardLabel<size>", so the two rules above will be combined */



.ChessMoveIndicator{	/* Square indicating where the last piece moved from and to */
	border:3px solid red;
}

a.ActiveInlineChessMove{	/* How to highlight active chess move in the inline list of moves */
	color:white;
	background-color:#333;
}

.ActiveTableChessMove{	/* How to highlight active chess move in the list of moves - "Table view" */
	color:white;
	background-color:#333;
}
span.InlineChessComment{
	font-style:normal;
	color:#00a;
	display:block;
	clear:both;
	font-size:0.8em;
}

.ActiveGameInTable{	/* Active game in list of games - table */
	font-weight:bold;
	background-color:#555;
	color:#FFF;
}
.ActiveGameInTable a{ /* A tag inside active game in gamelist table */
	color:#FFF;
}

.GameListOddRow{	/* List of games - odd rows in table */
	background-color:#FFF;
}
.GameListEvenRow{	/* List of games - even row in table */
	background-color:#E0E0E0;
}

.InlineChessVariationBlock{
	color:#777;
	display:block;
}
.InlineChessVariationBlock a{
	color:#777;
}
a.ActiveInlineVariationChessMove{
	color:white;
	background-color:#00F;	
}

/* How to indicate displayed good, bad, suprise and questionable inline moves */
.InlineChessMove_goodMove{	/* i.e. ! */
	color:blue;
}
.InlineChessMove_badMove{	/* i.e. ? */
	color:red;
}
.InlineChessMove_veryGoodMove{	/* i.e. !! */

}
.InlineChessMove_veryBadMove{	/* i.e. ?? */
	color:red;
}
.InlineChessMove_supriseMove{	/* i.e. !? */

}
.InlineChessMove_questionableMove{	/* i.e. ?! */

}