/** To make the board labels appear on the left and bottom side of the board */

* {min-height:0px;}

img {border:0px solid black}

.ChessBoardInner90,
.ChessBoardInner75,
.ChessBoardInner60,
.ChessBoardInner45,
.ChessBoardInner30{
	top:0px;
	background:red;
	border:1px solid black}

div.ChessBoardFrame60,
div.ChessBoardFrame45,
div.ChessBoardFrame30{
  position:absolute;
  top:0px;
  right:0px;
} 


/* Css rules for board with 90x90 pixel squares */
.ChessBoardInner90	{ width:720px;	height:720px;					}
.ChessBoard90		{ width:735px;	height:740px;	padding:0px;	}
.ChessPiece90		{ width:190px;	height:90px;	background:red;	}

.ChessBoardInner75	{ width:600px;	height:600px;					}
.ChessBoard75		{ width:615px;	height:620px;	padding:0px;	background:red;	}
.ChessPiece75		{ width:75px;	height:75px;	background:red; }

.ChessBoardInner60	{ width:480px;	height:480px;					}
.ChessBoard60		{ width:495px;	height:500px;	padding:0px;	}
.ChessPiece60		{ width:60px;	height:90px;	background:red; }

/* Css rules for board with 45x45 pixel squares */
.ChessBoardInner45	{ width:360px;	height:360px;					}
.ChessBoard45		{ width:375px;	height:380px;	padding:0px;	}
.ChessPiece45		{ width:45px;	height:45px;					}

.ChessBoardInner30	{ width:240px;	height:240px;					}
.ChessBoard30		{ width:255px;	height:260px;	padding:0px;	}
.ChessPiece30		{ width:30px;	height:30px;					}

.ChessBoardLabel	{ font-weight:bold;	font-family:Trebuchet MS	}
.ChessBoardLabel45	{	font-size:0.9em;}
/* The labels around the board are assigned to class "ChessBoardLabel ChessBoardLabel<size>", so the two rules above will be combined */

.ChessMoveIndicator	{border:0px solid red;}

a.ActiveInlineChessMove{	/* How to highlight active chess move in the inline list of moves */
	border:1px solid black ;
	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					{ color:#FFF;}

.GameListOddRow						{ background-color:#FFF;}
.GameListEvenRow					{ 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			{ color:blue;	}
.InlineChessMove_badMove			{ color:red;	}
.InlineChessMove_veryGoodMove		{				}
.InlineChessMove_veryBadMove		{ color:red;	}
.InlineChessMove_supriseMove		{				}
.InlineChessMove_questionableMove	{				}


/* Nun die Ergänzungen die für Druckausgabe 
/* Fuer die Druckausgabe ueberfluessiges abschalten */
body {
  margin: 0;
  padding: 0;
  font: 12pt Garamond, Palatino, "Times New Roman", Times, serif;
  color: black;
  background: #ffffff;
  min-width:100%;
  display:block ;
}
/* Nachfolgend einige Elemente und Klassen die ausgeblendet werden */
input,
#navigation, #suche, #logo,.noprint,
.skip ,#players { display: none; }
#tabs,#gameList,#pgnList,#tabOptions,#buttons,#gameDetails,#boardOptions{ display: none; height:0px;}

#board			{display:none; float:left;min-height:0; width:100%;border:1px solid green ;background: transparent;}
#options		{min-height:120px; width:100%;border:0px solid green ;background: transparent;}
#mainContainer	{min-height:0; width:100%;border:0px dotted green ;background: transparent;}

#options, 
#divMoves			{
		margin: 5px;
		padding: 5px;
		font: 12pt Garamond, Palatino, "Times New Roman", Times, serif;
		color: black;
		border:1px solid #ccc;
		width:95%;
		height:auto;
		display:block;
}

#players {	display:block;}



h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, 
"Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  margin: .75em 0 .5em 0;
  page-break-after: avoid;
}
a, a:visited, a:hover, a:visited:hover {
  color: #04667e;
  background: transparent;
  text-decoration: none;
}
	
#mainContainer	{ width:100%;	padding:0px;}
	
#boardContainer2{
	padding:10px;
	width:540px;
	height:0px;
	float:left;
}

#boardContainer{
	padding:10px;
	width:540px;
	height:0px;
	float:left;
}

#rightColumn{
	padding:0px;
	width:100%;
	height:0px;
	float:left;
	position:relative;
}

#gameListContainer{
	padding:0px;
	width:100%;
	height:0px;
	padding-top:30px;
	padding-left:10px;
}

#footer {
  border-top: 1.5pt solid;
  font-size: .95em;
  color: #333;
  text-align: center;
}
.cchessBoardSquare_light {background-color:#555 ;}
.cchessBoardSquare_dark {background-color:#333 ;}