#sudokugrid {
	padding:10px;
}

#sudokugrid table {
	position:relative; /* Tweak to prevent resizing hiding foreground bug in IE */
}

#copyright {
	color:#4F4F4F;
	font-family:Arial;
	font-size:7pt;
	margin:2px 10px 0px 0px;
	text-align:center;
}

#buttons {
	margin:0px 0px 10px 0px;
}

button {
	color:#4F4F4F;
	font-family:Arial;
	font-size:9pt;
	margin:0px 1px 0px 1px;
}

#sudokugrid table {
	border-collapse:collapse;
}

#sudokugrid td {
	border:1px solid #B89EC0;
}

#sudokugrid td.top {
	border-top: 2px solid #8B6397;
}

#sudokugrid td.bottom {
	border-bottom: 2px solid #8B6397;
}

#sudokugrid td.left {
	border-left: 2px solid #8B6397;
}

#sudokugrid td.right {
	border-right: 2px solid #8B6397;
}

#sudokugrid table div {
	font-family:Arial;
	font-size:18pt;
	color:#8B6397;
	height: 30px;
	width: 30px;
	line-height:30px;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:transparent;
}

#sudokugrid table textarea {
	text-align: center;
	height: 30px;
	width: 30px;
	margin:0px;
	padding:2px 0px 0px 0px;
	border:0px solid #FFFFFF;
	background-color:transparent;
	overflow:hidden;
	cursor:pointer;
}

#sudokugrid table textarea.large {
	font-family:Arial;
	font-size:18pt;
	color:#4F4F4F;
}

#sudokugrid table textarea.medium {
	font-family:Arial;
	font-size:12pt;
	color:#4F4F4F;
}

#sudokugrid table textarea.small {
	font-family:Arial;
	font-size:9pt;
	color:#4F4F4F;
}