#board{
		width:165px;
		height:165px;
		margin:0px;
		padding-left:1px;
		padding-top:1px;
}
#header{
		margin-top:-74px;
		margin-left:4px;
		margin-bottom:80px;
		width:154px;
		height:18px;
		position:relative;	
		clear:both;
		color:black;
		border:1px solid #888888;
		background-color: #DDE8F0;
		text-align: center;
		font-size:14px;
		overflow: hidden;
}
#hint{	
		margin-top:10px;
		position:relative;
		color:black;
		font-size:12px;
		text-align:center;
}
#hint2{	
		color:black;
		width:100%;
		border:0px solid #888888 ;
		text-align:center;
}
#hint a{
		color:black;
}
#hintInner{
		color:red;
}
#hintContainer{
		margin:0px;
		padding:0px 1px 5px 1px;
		width:161px;
		height:55px;
		position:relative;	
		clear:both;
		color:black;
		border:1px solid #888888 ;
		background-color: #DDE8F0 ;
		overflow: hidden;
		text-align: center;
}
.ChessBoardLabel{
		color:black;
		display:none;
}
div.ChessMoveIndicator{
		border:4px solid #F9F340;
		display: none;
		/*opacity:0.5;
		filter:alpha(opacity=50); */
}
#loadingDiv{
		position:absolute;
		padding-top:5px;
		left:218px;
		top:300px;
		width:250px;
		height:180px;
		text-align:center;
		border:1px solid #000;
		background-color:#FFF;
		z-index:100000;
		line-height:45px;
		font-size:0.9em;
		display: none;
	}
	#loadingDiv div{
		height:30px;
	}
	
	
img 	{border: none;
	padding: 0px;
	max-width: 100%; 
}
	

.ChessBoard18{ /* Chess board for 90x90 pixel squares - total size of board including labels around the board (A-H,1-8) */ 
	width:150px;
	height:150px;
	padding:4px;
	margin:1px;
	border:1px solid #888888;
	background-color:#E5EDEF ;
}
.ChessBoardInner18{		/* The actual chess board div "large size", i.e. 75x75 pixel squares */
	border:0px solid black;
	padding:1px;
	margin:1px;
}
.ChessPiece18{	/* 75x75 pixel chess pieces */
	width:18px;
	height:18px;
}

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

.ChessBoardLabel18{	/* A-H,1-8 displayed at around the chess board */
	font-size:0.0em;
}
/* The labels around the board are assigned to class "ChessBoardLabel ChessBoardLabel<size>", so the two rules above will be combined */
/* 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. ?! */					}