/* Parent element that contains puzzle game */
.puzelm {
position:relative;
text-align:center;
}

/* Canvas with puzzle */
.puzcnv {
display:block;
margin:2px auto 39px auto;
text-align:center;
}

/* Mini-image that shows original image */
.puzimg {
position:absolute;
right:0;
left:0;
bottom:20;
margin:-33px auto auto auto;
width:35px;
height:20px;
cursor:pointer;
border:1px solid #666;
background:#fff;
padding:2px;
}
.puzimg:hover {
width:45%;
height:auto;
border:1px solid #666;
background:#fff;
padding:2px;
}

/* Button that auto-solves the puzzle */
.puzsolve {
display:block;
margin:-25px auto 1px auto;
}


.tarto {
position:relative;
margin:1px auto;
padding:1px;
text-align:center;
width:702px;
height:555px;
border:1px solid #666;
background-image: url("hatter5.png");

}

input[type=radio], input[type=checkbox] {
	display:none;
	}

input[type=radio] + label, input[type=checkbox] + label {
	display:inline-block;
	margin:0px;
	padding: 4px 8px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #d4d4d4;
	border: 1px solid #555;
	font-family: tahoma;
	}

input[type=radio]:checked + label, input[type=checkbox]:checked + label{
	background-color:#888;
	color: #fff;
}

input[type=radio]:hover + label, input[type=checkbox]:hover + label{
	background-color:#fff;
	color: #333;
}