<html>
<head>
<script src="jquery.js"></script>
<script src="jQuery.chess.js"></script>
<script>
$(document).ready(
function(){
$("#chessboard").chess();
}
);
</script>
<style>
table.board{border:1px solid black}
table.board td{border:1px solid black;display:table-cell}
table.board td.legend{background-color:white;border:1px solid
white;text-align:center;}
table.board td.white{border:1px solid black;background-color:#f66}
table.board td.black{border:1px solid black;background-color:#666}
table.board td.black.highlight, table.board td.white.highlight
{border:1px solid black;background-color:lightblue}
table.board td.black.incheck, table.board td.white.incheck {border:
1px solid black;background-color:blue}
div.piece {display:none}
td.square {border:1px solid black;text-align:center;}
td.blackMove, td.whiteMove {vertical-align:top}
ul#gameoptions li {border:1px solid #006;background-
color:#00a;color:#fff;margin:5px;padding:5px}
ul#gameoptions li:hover {border:1px solid #006;background-
color:#00f;color:#fff}
</style>
</head>
<body>
<div id='chessboard'></div>
</body>
</html>
