body {
	text-align: center;
}

h1 {
	font-size: 20;
	margin: 8px;
	text-align: center;
}

button {
	margin: 8px;
}

#controlDiv {
	text-align: center;
	margin-bottom: 24px;
}

#puzzleNumber {
	width: 34px;
}

#puzzleDiv {
	display: table-cell;
	margin-top: 8px;
}

#puzzleWrapper {
	display: table-row;
	vertical-align: middle;
}

.leftSide {
	display: table-cell;
}

#puzzle {
	height: 527px;
	overflow: hidden;
	width: 100%;
}

.rightSide {
	display: table-cell;
}

#topLeftBox {
	border: 1px solid black;
	display: inline-block;
	vertical-align: top;
	height: 74px;
	width: 74px;
	margin-top: 75px;
	margin-right: 40px;
}

#bottomLeftBox {
	border: 1px solid black;
	height: 74px;
	width: 74px;
	margin-top: 0px;
	margin-right: 40px;
}

#topRightBox {
	border: 1px solid black;
	display: inline-block;
	vertical-align: top;
	height: 74px;
	width: 74px;
	margin-top: 75px;
	margin-left: 40px;
}

#bottomRightBox {
	border: 1px solid black;
	height: 74px;
	width: 74px;
	margin-top: 224px;
	margin-left: 40px;
}

#bottomCenterBox {
	border: 1px solid black;
	height: 74px;
	width: 74px;
	margin-top: -250px;
}

.smallBox {
	border: 1px solid black;
	height: 23px;
	width: 23px;
	margin: 0px;
}

.left {
	margin-right: -10px;
}

.right {
	margin-left: 75px;
}


.checkBoxRow {
	margin-top: -20px;
	display: table-cell;
}

.center {
	display: inline-block;
	vertical-align: top;
	margin: -2px;
}	

@media print {
	button {
		display: none;
	}

	h1 {
		margin: 0px;
		font-size: 16;
		text-align: center;
	}

	.checkBoxRow {
		position: absolute;
		top: 700px;
		left: 265px;
		display: table-cell;
	}

	#bottomCenterBox {
		position: absolute;
		top: 720px;
		left: 340px;
		border: 1px solid black;
		height: 74px;
		width: 74px;
		margin-top: 20px;
		z-index: 1000;
	}

	#puzzleDiv {
		display: table-cell;
		margin-top: 0px;
	}

	input {
		border: 0px;
		margin: 0px;
		width: 34px;
	}
}