.bottom-layer {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.middle-layer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.top-layer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}

.overlayer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
}

.container {
	position: relative;
}

.hidden {
	visibility: hidden;
}

.button {
	color: #0b7ce5;
	font-size: 14px;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px;
	border-style: solid;
}

.button-hover {
	color: #ffffff;
	background-color: #0b7ce5;
}

.option-button {
	color: #0b7ce5;
	font-size: 11px;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px;
	border-style: solid;
}

.option-button-hover {
	color: #ffffff;
	background-color: #0b7ce5;
}

.option-button-pressed {
	color: #ffffff;
	background-color: #0b7ce5;
}

#timer {
	color: #0b7ce5;
	font-size: 12px;
}

.cell {
	width: 50px;
	height: 50px;
	font-family: sans-serif;
	font-size: 16px;
}

.cell-value {
	font-weight: bold;
	#position: relative;
	#top: 25%;
}

.cell-click {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	#position: relative;
}

.cell-selected {
	background-color: #addaf3;
}

.vspacer {
	height: 2px;
}

.row-marker {

}

.column-marker {

}

.row-marker-set {
	background-image: url(images/row-marker.png);
}

.column-marker-set {
	background-image: url(images/column-marker.png);
}

.cell-result {
	font-size: 9px;
}

.cell-bottom {

}

.cell-wrong {
	background-color: #f48a8a;
}

.cell-border-thick-t {
	background-image: url(borders/thick-t.png);
}

.cell-border-thick-b {
	background-image: url(borders/thick-b.png);
}

.cell-border-thick-l {
	background-image: url(borders/thick-l.png);
}

.cell-border-thick-r {
	background-image: url(borders/thick-r.png);
}

.cell-border-thick-c {
	background-image: url(borders/thick-c.png);
}

.cell-border-thick-tb {
	background-image: url(borders/thick-tb.png);
}

.cell-border-thick-tl {
	background-image: url(borders/thick-tl.png);
}

.cell-border-thick-tr {
	background-image: url(borders/thick-tr.png);
}

.cell-border-thick-bl {
	background-image: url(borders/thick-bl.png);
}

.cell-border-thick-br {
	background-image: url(borders/thick-br.png);
}

.cell-border-thick-bc {
	background-image: url(borders/thick-bc.png);
}

.cell-border-thick-lr {
	background-image: url(borders/thick-lr.png);
}

.cell-border-thick-rc {
	background-image: url(borders/thick-rc.png);
}

.cell-border-thick-tbl {
	background-image: url(borders/thick-tbl.png);
}

.cell-border-thick-tbr {
	background-image: url(borders/thick-tbr.png);
}

.cell-border-thick-tlr {
	background-image: url(borders/thick-tlr.png);
}

.cell-border-thick-blr {
	background-image: url(borders/thick-blr.png);
}

.cell-border-thick-brc {
	background-image: url(borders/thick-brc.png);
}

.cell-border-thick-tblr {
	background-image: url(borders/thick-tblr.png);
}

.cell-border-thin-t {
	background-image: url(borders/thin-t.png);
}

.cell-border-thin-l {
	background-image: url(borders/thin-l.png);
}

.cell-border-thin-tl {
	background-image: url(borders/thin-tl.png);
}

.cell-border-thick-t-thin-l {
	background-image: url(borders/thick-t-thin-l.png);
}

.cell-border-thick-b-thin-t {
	background-image: url(borders/thick-b-thin-t.png);
}

.cell-border-thick-b-thin-l {
	background-image: url(borders/thick-b-thin-l.png);
}

.cell-border-thick-b-thin-tl {
	background-image: url(borders/thick-b-thin-tl.png);
}

.cell-border-thick-l-thin-t {
	background-image: url(borders/thick-l-thin-t.png);
}

.cell-border-thick-r-thin-t {
	background-image: url(borders/thick-r-thin-t.png);
}

.cell-border-thick-r-thin-tl {
	background-image: url(borders/thick-r-thin-tl.png);
}

.cell-border-thick-r-thin-l {
	background-image: url(borders/thick-r-thin-l.png);
}

.cell-border-thick-c-thin-t {
	background-image: url(borders/thick-c-thin-t.png);
}

.cell-border-thick-c-thin-l {
	background-image: url(borders/thick-c-thin-l.png);
}

.cell-border-thick-c-thin-tl {
	background-image: url(borders/thick-c-thin-tl.png);
}

.cell-border-thick-tb-thin-l {
	background-image: url(borders/thick-tb-thin-l.png);
}

.cell-border-thick-tr-thin-l {
	background-image: url(borders/thick-tr-thin-l.png);
}

.cell-border-thick-bl-thin-t {
	background-image: url(borders/thick-bl-thin-t.png);
}

.cell-border-thick-br-thin-t {
	background-image: url(borders/thick-br-thin-t.png);
}

.cell-border-thick-br-thin-l {
	background-image: url(borders/thick-br-thin-l.png);
}

.cell-border-thick-br-thin-tl {
	background-image: url(borders/thick-br-thin-tl.png);
}

.cell-border-thick-bc-thin-t {
	background-image: url(borders/thick-bc-thin-t.png);
}

.cell-border-thick-bc-thin-l {
	background-image: url(borders/thick-bc-thin-l.png);
}

.cell-border-thick-bc-thin-tl {
	background-image: url(borders/thick-bc-thin-tl.png);
}

.cell-border-thick-lr-thin-t {
	background-image: url(borders/thick-lr-thin-t.png);
}

.cell-border-thick-rc-thin-t {
	background-image: url(borders/thick-rc-thin-t.png);
}

.cell-border-thick-rc-thin-l {
	background-image: url(borders/thick-rc-thin-l.png);
}

.cell-border-thick-rc-thin-tl {
	background-image: url(borders/thick-rc-thin-tl.png);
}

.cell-border-thick-tbr-thin-l {
	background-image: url(borders/thick-tbr-thin-l.png);
}

.cell-border-thick-blr-thin-t {
	background-image: url(borders/thick-blr-thin-t.png);
}

.cell-border-thick-brc-thin-t {
	background-image: url(borders/thick-brc-thin-t.png);
}

.cell-border-thick-brc-thin-l {
	background-image: url(borders/thick-brc-thin-l.png);
}

.cell-border-thick-brc-thin-tl {
	background-image: url(borders/thick-brc-thin-tl.png);
}

