/**
* @CHARSET "UTF-8";
*/
/**
 * Style dla strony
 */
body, table {
    color: #000;
    background-color: #fff;
    font-family: tahoma, sans-serif;
    font-size: 12px;
}
form {
    margin: 0px;
    padding: 0px;
}
a {
    text-decoration: none;
    color: #0000ff;
}
a:hover {
    color: #ff0000;
    text-decoration: underline;
}

table { border-collapse: separate; border-spacing: 2px; }
table tr td { padding: 0px; }



/**
 * Oczekujemy na cos
 */
#chessig_container.wait,
#chessig_container.wait a,
#chessig_container.wait a:active,
#chessig_container.wait img
{
    cursor: progress;
}




/**
 * Pole formularza na ktorym bedzie mozna wprowadzic ruch
 */
input#chessig_actionField {
    border: 1px solid #eee;
	background-color: #f8f8f8;
    color: #008;
    width: 100px;
    text-align: center;
    font-weight: bold;
}

/**
 * to tu toczy sie gra
 */
#chessig_container {
	display: block;
	border: 5px solid #eee;
	font-size: 10px;
	color: #777;
}
/**
 * Pokazujemy historie
 */
#chessig_container.chessig_history {
	border-color: #fffac6;
}
 

/**
 * Szachownica
 */
.chessig_board {
	border-width: 0px;
}

/**
 * menu
 */
.chessig_menuItem {
	display: block;
	float: left;
	padding: 0px 6px;
	margin: 1px 2px 0px 2px;
	text-align: center;
	border: 1px solid #eee;
	background-color: #f8f8f8;
	white-space: nowrap;
}
.chessig_menuItem strong{
	display: block;
	text-align: center;
	margin: 0px auto;
	font-weight: normal;
	font-size: 10px;
	color: #777;
}
#chessig_backButton, #chessig_nextButton {
	font-size: 10px;
}
/**
 * pokaz i ukryj sie,
 * uwaga, robimy to w nietypowy sposob, gdyz chce aby bloki
 * dalej sobie istnialy w przestrzeni
 */
.chessig_hide {
	visibility: hidden;
}
.chessig_show {
	visibility: visible;
}
/**
 * Czy pole jest klikalne
 */
.chessig_clickable {
	cursor: pointer;
}

/**
 * Wybrany poziom trudnosci
 */
.chessig_currentLevel {
	color: #f00;
}