/*****************************************************************************

 C F E . C S S

 =============

 .

*****************************************************************************/



body{

 background:#fff none repeat scroll top left;

}



div#tabletop{

 position:absolute;

 top:0;

 left:0;

 width:850px;

 height:470px;

 background:#f00 url(ChessGraphics/greenbaize.jpg) repeat scroll top left;

}



div#leftside{

 position:absolute;

 top:10px;

 left:10px;

 width:190px;

 height:450px;

 background:#800 none repeat scroll top left;

}



div#chessboard{

 position:absolute;

 top:10px;

 left:200px;

 width:450px;

 height:450px;

 background:#ff0 url(ChessGraphics/teak.jpg) repeat scroll top left;

}



div#rightside{

 position:absolute;

 top:10px;

 left:650px;

 width:190px;

 height:450px;

 background:#008 none repeat scroll top left;

}



div#controls{

 position:absolute;

 top:0;

 left:900px;

 width:200px;

 height:500px;

 background:#0f0 url(ChessGraphics/lightgreenbaize.jpg) repeat scroll top left;

}



div#paper{

 background-image:url(ChessGraphics/paper.jpg);

 position:absolute;

 top:500px;

 left:0;

 width:900px;

 background-color:#fff;

}



div#div_debug{

 position:absolute;

 top:500px;

 left:900px;

 width:900px;

 height:99px;

 background-color:#ccc;

}

div#div_debugcontrols{

 position:absolute;

 top:600px;

 left:900px;

 width:900px;

 height:99px;

 background-color:#888;

}

div#div_debugonoff{

 position:absolute;

 top:700px;

 left:900px;

 width:900px;

 height:99px;

 background-color:#444;

}



div.white, div.black{

 position:absolute;

 width:50px;

 height:50px;

}



div.white{

 background:#fff url(ChessGraphics/whiteash.jpg) repeat scroll top left;

}



div.black{

 background:#000 url(ChessGraphics/mahogany.jpg) repeat scroll top left;

}



div#r1c1,div#r1c2,div#r1c3,div#r1c4,div#r1c5,div#r1c6,div#r1c7,div#r1c8{ top:25px; }

div#r2c1,div#r2c2,div#r2c3,div#r2c4,div#r2c5,div#r2c6,div#r2c7,div#r2c8{ top:75px; }

div#r3c1,div#r3c2,div#r3c3,div#r3c4,div#r3c5,div#r3c6,div#r3c7,div#r3c8{ top:125px; }

div#r4c1,div#r4c2,div#r4c3,div#r4c4,div#r4c5,div#r4c6,div#r4c7,div#r4c8{ top:175px; }

div#r5c1,div#r5c2,div#r5c3,div#r5c4,div#r5c5,div#r5c6,div#r5c7,div#r5c8{ top:225px; }

div#r6c1,div#r6c2,div#r6c3,div#r6c4,div#r6c5,div#r6c6,div#r6c7,div#r6c8{ top:275px; }

div#r7c1,div#r7c2,div#r7c3,div#r7c4,div#r7c5,div#r7c6,div#r7c7,div#r7c8{ top:325px; }

div#r8c1,div#r8c2,div#r8c3,div#r8c4,div#r8c5,div#r8c6,div#r8c7,div#r8c8{ top:375px; }



div#r1c1,div#r2c1,div#r3c1,div#r4c1,div#r5c1,div#r6c1,div#r7c1,div#r8c1{ left:25px; }

div#r1c2,div#r2c2,div#r3c2,div#r4c2,div#r5c2,div#r6c2,div#r7c2,div#r8c2{ left:75px; }

div#r1c3,div#r2c3,div#r3c3,div#r4c3,div#r5c3,div#r6c3,div#r7c3,div#r8c3{ left:125px; }

div#r1c4,div#r2c4,div#r3c4,div#r4c4,div#r5c4,div#r6c4,div#r7c4,div#r8c4{ left:175px; }

div#r1c5,div#r2c5,div#r3c5,div#r4c5,div#r5c5,div#r6c5,div#r7c5,div#r8c5{ left:225px; }

div#r1c6,div#r2c6,div#r3c6,div#r4c6,div#r5c6,div#r6c6,div#r7c6,div#r8c6{ left:275px; }

div#r1c7,div#r2c7,div#r3c7,div#r4c7,div#r5c7,div#r6c7,div#r7c7,div#r8c7{ left:325px; }

div#r1c8,div#r2c8,div#r3c8,div#r4c8,div#r5c8,div#r6c8,div#r7c8,div#r8c8{ left:375px; }





.rolloverlabels {

		display:block;

		width:25px;

		height:25px;

		background: url("ChessGraphics/rolloverlabels.png") 0 0 no-repeat;

		}

.rolloverlabels:hover {

		background-position: 0 -25px;

		}

.rolloverlabels:active {

		background-position: 0 0;

		}



.rolloverrotate {

		display:block;

		width:25px;

		height:25px;

		background: url("ChessGraphics/rolloverrotate.png") 0 0 no-repeat;

		}

.rolloverrotate:hover {

		background-position: 0 -25px;

		}

.rolloverrotate:active {

		background-position: 0 0;

		}