.page
{
    width:402px;
}
.sudoku
{
    width:100%;
    height:402px;
}
.sudoku div
{
    float:left;
    width:10.5%;
    height:8.5%;
    /*padding:2% 0px 0px 0px;*/
    border: 1px solid black;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
    font-family:Arial;
    font-size:20px;
}
.sudoku [row="2"], .sudoku [row="5"]
{
    border-bottom: 3px solid black;
}
.sudoku [col="2"], .sudoku [col="5"]
{
    border-right: 3px solid black;
}
.edit
{
}
.consider
{
    background: #B7DBFF;
}
.input div
{
    float:left;
    margin:2px;
    width:34px;
    height:34px;
	padding:6px;

    text-align:center;
    vertical-align:middle;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}
.input div:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}
.input div:active {
	position:relative;
	top:1px;
}
.ctrl ul
{
    list-style:none;
    margin:0px;
    padding:0px;
    clear:both;
}
.ctrl li
{
    float:left;
    margin:3px;
}
.ctrl a{
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0px #aade7c;
}
.ctrl a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
.ctrl a:active {
	position:relative;
	top:1px;
}