body {
	margin: 0;
}

#head {
	overflow: hidden;
	padding: .3em;
	white-space: nowrap;
}

#nrows option, #ncols option {
	direction: rtl;
}

span.sep {
	margin: 0 .4rem;
}

table.colorgrid {
	border-width: 0;
	border-spacing: 2px;
	height: 100%;
	margin: 0 auto;
	width: 100%;
}
table.colorgrid td {
	font-family: "courier new",monospace;
	text-align: center;
}
table.colorgrid tr:first-child td:first-child,
table.colorgrid tr:first-child td:last-child,
table.colorgrid tr:last-child td:first-child,
table.colorgrid tr:last-child td:last-child {
	cursor: pointer;
}
table.colorgrid td {
	padding: 0;
}
table.colorgrid img {
	height: 1em;
}
table.colorgrid td.b {
	background-image: url(img/colorpick-b.svg);
}
table.colorgrid td.w {
	background-image: url(img/colorpick-w.svg);
}

img.button {
	background-color: #29466f;
	border: none;
	border-radius: .4rem;
	box-sizing: border-box;
	height: 2rem;
	padding: .4rem;
	vertical-align: bottom;
}
img.button:hover {
	background-color: #28599c;
	cursor: pointer;
}