File: chess.css

    div.chbrd { width: 500px; height: 500px; border: 2px solid black; background-color: #ffffcc; }

	div.playable {border: 2px solid blue;}
	div.setup-invalid {border: 2px solid red;}
	div.setup-valid {border: 2px solid green;}

	input.setup {position: relative;top:0;left:0;font-size:1px; background-color:#ccffcc;border-width:0px;opacity:0.6;}

    div.chbrd div.field { display: inline-block; float: left; width: 12%; height: 12%; border: 0px solid #cccc33;}
	div.chbrd div.nbr { display: table; float: left; width: 4%; height: 12%; background-color: #ffddff; }
	div.chbrd div.nbr div{ display: table-cell; vertical-align: middle; text-align: right; }
	div.chbrd div.nbr div div{ display: inline-block; padding-right: 4px; }
	div.chbrd div.ltr { display: inline-block; float: right; width: 12%; height: 4%; text-align: center; background-color: #ddffff; }

	div.chbrd div.wonmove { display: inline-block; float: right; width: 4%; height: 4%; text-align: center; background-color: #ffffff; }
	div.chbrd div.bonmove { background-color: #000000; }

    div.chbrd div.black { background-color: #cccc33; }
    div.chbrd div.white { background-color: white; }
	div.chbrd div.valid { background-color: #ccffff; }

	div.chbrd div.chess { background-color: #ff6633; }
    div.chbrd div.pieces { width: 45px; height: 45px; position: absolute; cursor: move; }

	div.chbrd div.captured { display: none; }

	div.wq {background-image: url("img/45wq.png"); background-size: 100% 100%; }
	div.wk {background-image: url("img/45wk.png"); background-size: 100% 100%; }
	div.wb {background-image: url("img/45wb.png"); background-size: 100% 100%; }
	div.wn {background-image: url("img/45wn.png"); background-size: 100% 100%; }
	div.wr {background-image: url("img/45wr.png"); background-size: 100% 100%; }
	div.wp {background-image: url("img/45wp.png"); background-size: 100% 100%; }

	div.bq {background-image: url("img/45bq.png"); background-size: 100% 100%; }
	div.bk {background-image: url("img/45bk.png"); background-size: 100% 100%; }
	div.bb {background-image: url("img/45bb.png"); background-size: 100% 100%; }
	div.bn {background-image: url("img/45bn.png"); background-size: 100% 100%; }
	div.br {background-image: url("img/45br.png"); background-size: 100% 100%; }
	div.bp {background-image: url("img/45bp.png"); background-size: 100% 100%; }