﻿table {
	font-family: Consolas, 'Courier New', Courier, monospace;
	font-size: 30px;
	text-align: center;
}

	table#ascii {
		font-size: 20px;
		border-collapse: collapse;
	}

		table#ascii th {
			border-style: solid none solid solid;
			background: lightgray;
			width: 20px;
			padding-left: 4px;
			padding-right: 4px;
		}

		table#ascii td {
			border-style: solid solid solid none;
			width: 30px;
			padding-left: 4px;
			padding-right: 4px;
		}

th {
	width: 20px;
}

	th input {
		width: 30px;
		font-family: Consolas, 'Courier New', Courier, monospace;
		font-size: 20px;
		text-align: center;
	}

	th input[type=button] {
		width: 70px;
	}

td {
	width: 50px;
}

	td input {
		width: 45px;
		font-family: Consolas, 'Courier New', Courier, monospace;
		font-size: 30px;
		text-align: center;
	}

.invisible {
	visibility: collapse;
	display: none;
	width: 0px;
}

form {
	display: table;
}

	form p {
		display: table-row;
	}

	form p * {
		display: table-cell;
	}

		form p input[type=text] {
			font-family: Consolas, 'Courier New', Courier, monospace;
			font-size: 30px;
			margin: 2px;
		}

		form p input[type=submit] {
			font-size: 30px;
			margin: 2px;
		}