/* (c) Dynarch.com 2007-2008.  All rights reserved.
   http://chess.dynarch.com/en.html
   */

.ChessBoard {
  border: 1px solid #000;
  padding: 1px;
  background-color: #fff;
  width: 290px;
}

.ChessFields { width: 288px; height: 288px; position: relative; border: 1px solid #ccc; }
.ChessFields .Field { padding: 2px; width: 32px; height: 32px; position: absolute; }
.ChessFields .Start { padding: 1px; border: 1px solid #000; }

.ChessFields .Notation-Row, .ChessFields .Notation-Col { color: #98a; font: 11px tahoma,verdana,sans-serif; }
.ChessFields .Notation-Row { position: absolute; left: -15px; margin-top: 12px; }
.ChessFields .Notation-Col { position: absolute; top: 100%; margin-left: 15px; margin-top: 8px; }

.ChessFields .Col-A { left: 0     }
.ChessFields .Col-B { left: 36px  }
.ChessFields .Col-C { left: 72px  }
.ChessFields .Col-D { left: 108px }
.ChessFields .Col-E { left: 144px }
.ChessFields .Col-F { left: 180px }
.ChessFields .Col-G { left: 216px }
.ChessFields .Col-H { left: 252px }
.ChessFields .Row-8 {  top: 0     }
.ChessFields .Row-7 {  top: 36px  }
.ChessFields .Row-6 {  top: 72px  }
.ChessFields .Row-5 {  top: 108px }
.ChessFields .Row-4 {  top: 144px }
.ChessFields .Row-3 {  top: 180px }
.ChessFields .Row-2 {  top: 216px }
.ChessFields .Row-1 {  top: 252px }

.ReverseFields .Col-H { left: 0     }
.ReverseFields .Col-G { left: 36px  }
.ReverseFields .Col-F { left: 72px  }
.ReverseFields .Col-E { left: 108px }
.ReverseFields .Col-D { left: 144px }
.ReverseFields .Col-C { left: 180px }
.ReverseFields .Col-B { left: 216px }
.ReverseFields .Col-A { left: 252px }
.ReverseFields .Row-1 {  top: 0     }
.ReverseFields .Row-2 {  top: 36px  }
.ReverseFields .Row-3 {  top: 72px  }
.ReverseFields .Row-4 {  top: 108px }
.ReverseFields .Row-5 {  top: 144px }
.ReverseFields .Row-6 {  top: 180px }
.ReverseFields .Row-7 {  top: 216px }
.ReverseFields .Row-8 {  top: 252px }

.Piece { width: 32px; height: 32px; overflow: hidden; background: transparent url("pieces-1.gif") no-repeat 0 0; }

div.Piece-white-pawn    { background-position: 0      0; }
div.Piece-white-knight  { background-position: -32px  0; }
div.Piece-white-bishop  { background-position: -64px  0; }
div.Piece-white-rook    { background-position: -96px  0; }
div.Piece-white-queen   { background-position: -128px 0; }
div.Piece-white-king    { background-position: -160px 0; }

div.Piece-black-pawn    { background-position: 0      -32px; }
div.Piece-black-knight  { background-position: -32px  -32px; }
div.Piece-black-bishop  { background-position: -64px  -32px; }
div.Piece-black-rook    { background-position: -96px  -32px; }
div.Piece-black-queen   { background-position: -128px -32px; }
div.Piece-black-king    { background-position: -160px -32px; }

.WhiteField { background-color: #f8f0ff; }
.BlackField { background: #f8f0ff url("hash5.gif") 50% 50%; }