body{background-color:#f8f8f0; color:#101000}
.board{border-collapse:collapse;}
.square{font-size:x-large; width:2em; font-family:sans-serif; font-weight:bold; height:2em; margin:0px;}
.square.n_in{border-top:1px solid #505040}
.square.n_out{border-top:3px solid #000000}
.square.s_in{border-bottom:1px solid #505040}
.square.s_out{border-bottom:3px solid #000000}
.square.w_in{border-left:1px solid #505040}
.square.w_out{border-left:3px solid #000000}
.square.e_in{border-right:1px solid #505040}
.square.e_out{border-right:3px solid #000000}
.square-content{height:100%; width:100%; position:relative;}
.square.clueful{background-color:transparent;}
.square.clueless{background-color:#d0d0c0;border:1px dotted #505040}
.known-digit{color:#8080A0; font-size:200%; text-align: center; padding-top: 4px;}
.tl{font-size:70%; font-weight:normal; position:absolute; left:0px; top:0px;}
.tr{font-size:70%; font-weight:normal; position:absolute; right:0px; bottom:0px;}
.delete{width:16px;height:16px;background:url(delgray.png);border:none;font-size:1pt;}
.delete:hover {background:url(delete.png);}
.square-content:hover .tr{display:static;}
.board-panel{float:left;}
.clue-panel{float:left; width:40ex;}
.operator-btn{font-size:133%; float:right; padding:0 0.5ex;}
.operators{clear:right;}
.solve{text-align:center;}
#lblValue{float:left;}
.errmsg{color:red;font-size:medium}
hr{margin-top:1em; clear:both;}
#value{width:10ex; float:right;}