.problem_solved
{
    color: Green;
}

.problem_unsolved
{
    color: Red;
}

.chessBoard .indicator
{
    width: 7px;
    height: 7px;
    margin: 3px 3px;   
}

.chessBoard.small .indicator
{
    margin: 3px 3px;
    width: 6px;
    height: 6px;  
}

.chessBoard .indicator.white
{
    background: white;   
    border: solid 1px #444;
}

.chessBoard .indicator.black
{
    background: black;   
    border: solid 1px #bbb;
}

/* Board wrapper */

.chessBoard .flipicon 
{
    cursor: pointer;   
    margin-left: 2px;
    margin-top: 1px;
    width: 11px;
    height: 11px;
}

.chessBoard.small .markersView 
{
    margin: 14px;       
}

.chessBoard .markersView
{
    margin: 15px;
    position: absolute;    
    left: 0px;
    top: 0px;
}

@font-face {
    font-family: "CAChessRegular";
    font-style: normal;
    font-weight: normal;
    src: url("http://chessok.com/common/board2/fonts/prg55che.eot?iefix") format("eot"), url("http://chessok.com/common/board2/fonts/prg55che.woff") format("woff"), url("http://chessok.com/common/board2/fonts/prg55che.ttf") format("truetype"), url("http://chessok.com/common/board2/fonts/prg55che.svg#webfontLiuwoyqV") format("svg");
}

.CAChess
{
    font-family: CAChessRegular;   
    font-size: 1.0em;
    font-weight: 300;
}

.chessBoard .pgn 
{
    display: none;
}

/* Small board */

.chessBoard.small table.game_board
{
    font-size: 8px;
}

.chessBoard.small table.game_board td.corner
{
    width: 14px;
    height: 14px;
}

.chessBoard.small table.game_board td.lettertop, .chessBoard.small table.game_board td.letterbottom
{
    width: 32px !important;
    height: 14px;
}

.chessBoard.small table.game_board td.numberleft, .chessBoard.small table.game_board td.numberright
{
    width: 14px;
    height: 32px !important;
}

.chessBoard.small table.game_board td.white
{
    width: 32px !important;
    height: 32px !important;
}

.chessBoard.small table.game_board td.black
{
    width: 32px !important;
    height: 32px !important;
}

/* table View */
.chessBoard .tableView{    
	position: relative;        
	overflow: hidden;   
}

/* Pieces */
.piece
{
    width: 50px;
    height: 50px;  
    margin: 0;
    background-position: center;
    background-repeat: no-repeat; 
    cursor: pointer;   
}

.piece 
{
    width: 50px!important;
    height: 50px!important;
}

.small .piece
{
    width: 32px !important;
    height: 32px !important;   
}

/* Board */

table.game_board
{    
    position: static;
    font-size: 10px;
    font-weight: bold;
    color: white;
    border-collapse: collapse;     
    border-spacing: 0px; /* cellspacing */
    border: 0px;
    table-layout: fixed;
}

table.game_board td
{
    text-align: center;
    padding: 0px;
    margin: 0px;
    border: none;
}

table.game_board td img
{
    padding: 0px;
    margin: 0px;
    border: 0px;
}

table.game_board td.corner
{
    width: 15px;
    height: 15px;
}

table.game_board td.lettertop, table.game_board td.letterbottom
{
    width: 50px;
    height: 15px;
    vertical-align: middle;
}

table.game_board td.numberleft, table.game_board td.numberright
{
    width: 15px;
    height: 50px;
    vertical-align: middle;
}

table.game_board td.white
{
    width: 50px;
    height: 50px;
}

table.game_board td.black
{
    width: 50px;
    height: 50px;
}

table.game_board td.black.controlled
{
    background-color: #b892c3;
}

table.game_board td.white.controlled
{
    background-color: #dac6e1;
}
/* END Board */

/* Promotion */

#promotion, .promotion
{
    /*background-image: url('images/black.jpg');*/
    border-top: 1px solid #d2d5df;
    border-left: 1px solid #d2d5df;
    border-right: 1px solid #d2d5df;
    border-bottom: 1px solid #d2d5df;
    text-align: center;
    padding: 2px;
    vertical-align: bottom;
    display: none;    
    font-family: Tahoma;
    font-weight: bold;
    font-size: 12px;
    color: white;
    padding: 5px;
    background-color: #777;
}

.promotion .piece
{
    float: left; 
    margin: 5px;  
}

/* END Promotion */

/* Board Buttons */
.board_buttons { overflow: hidden!important; width: 222px!important; margin-left: auto!important; margin-right: auto!important; margin-top: 10px!important; }
.board_buttons .button_end { cursor: pointer; background-image: url('buttons/End.png'); width:32px; height:32px; float:left; }
.board_buttons .button_left { cursor: pointer; background-image: url('buttons/Left.png'); margin-left:17px; margin-right:20px; width:32px; height:32px; float:left; }
.board_buttons .button_right { cursor: pointer; background-image: url('buttons/Right.png'); margin-left:20px; margin-right:17px; width:32px; height:32px; float:left; }
.board_buttons .button_start { cursor: pointer; background-image: url('buttons/Start.png'); width:32px; height:32px; float:left; }