/***********************************************************************************************************
 * su.bot.checkers.css.demo
 * Location: http://www.bot.su/library/su/bot/checkers/css/demo.css
 * Version Location: http://www.bot.su/library/su/bot/checkers/css/demo/builds/20070528/demo.css
 * © Bot.Su (http://www.bot.su/)
***********************************************************************************************************/

.blackSquare img {
 border: 2px solid #000000;
}

.gamesMenu, .gamesMenu a {
 color: black;
 cursor: pointer;
 font-size: 1.1em;
 text-align: center;
 text-decoration: underline;
} 

.gamesMenu a {
 font-size: 1em;
} 

.gamePanelTable {
 border: 1px solid #000000;
 width: 450px;
} 

.link {
 color:#0000FF;
 cursor: pointer;
 text-decoration: underline;
}

.propertiesTableInner {
 border: 1px solid #000000;
 width: 445px;
}

.propertiesTableInner td {
 border: 1px solid #000000;
 border-collapse: collapse;
 border-spacing: 0px;
}

.property {
 padding-left: 5px;
 padding-right: 5px;
 width: 200px;
}

.redSquare img {
 border: 2px solid #D40604;
}

.value {
 padding-left: 5px;
 padding-right: 5px;
 width: 100px;
}

#autoplayDiv, #startAutoplayButton, #stopAutoplayButton, #stopButton, #lastButton {
 left: -1000em;
 position: absolute;
 text-align: center;
 top: -1000em;
 visibility: hidden;
 width: 100%;
}

#board {
 padding-bottom: 10px;
 padding-top: 10px;
 text-align: center;
 vertical-align: middle;
 width: 100%;
}

#boardTable {
 border: 2px solid #000000;
 border-collapse: collapse;
 border-spacing: 0px;
 margin: auto;
 padding: 0px;
 text-align: center;
 vertical-align: middle;
 width: 0px;
}

#boardTable td {
 border-spacing: 0px;
 margin: 0px;
 padding: 0px;
 width: 0px;
}

#checkersLog {
 height: 250px; 
 overflow: auto;
 width: auto;
}


#propertiesTable{
 text-align: top;
}

#gamePanel, #propertiesPanel {
 border: 1px solid #000000;
 width: 900px;
}

#lastMove {
 height: 100px;
 overflow: auto;
 padding-left: 5px;
 text-align: left;
 width: auto;
}

#lastMoveTd { 
 margin: 0px;
 padding: 0px;
 width: 220px;
}

#lastMoveWindow {
 border: 1px solid #000000;
 height: 100px; 
 overflow: hidden;
 width: 220px;
}

#legalMove {
 height: 100px;
 overflow: auto;
 text-align: left;
 width: auto;
}

#legalMoveTd { 
 margin: 0px;
 padding: 0px;
 width: 220px;
}

#legalMoveWindow {
 border: 1px solid #000000;
 height: 100px; 
 overflow: hidden;
 width: 220px;
}

#logWindow {
 border: 1px solid #000000;
 height: 250px; 
 overflow: hidden;
 width: 900px;
}

#propertiesPanel {
 left: -1000em;
 position: absolute;
 top: -1000em;
 visibility: hidden;
}

#scoreTable {
 width: 100%;
}

#scoreTable td {
 width: 50%;
}

#startButton {
 text-align: center;
 width: 100%;
}

#toGame, #toProperties {
 /*border: 1px solid #000000;
 //display: block;
 //width: 450px;*/
}

#visualGamePanel {
 text-align: center;
 vertical-align: top;
}

#visualGamePanel td {
 border: 1px solid #000000;
 text-align: center;
 vertical-align: top;
}