#phonic { display: none; }
#phonic2 { display: none; }
#shape { display: none; }


form#buttonform { margin: 0; padding: 0; border: 0;  line-height: normal; }
dt { color: #FF6600; }


#consonants { border: 2px dotted #005a9c; }
#consonants td {  padding: 0;  white-space: nowrap; }

#alphabet { padding-left: 5px; padding-right: 5px; }
#alphabet img { cursor: pointer; }

.kbd td { vertical-align: top; }
#vowels { margin-left: 20px; border: 2px dotted #005a9c; background: url(vowelgrid.gif) top left no-repeat; white-space: nowrap; }
#vowels td { padding: 0px; margin: 0; border: 0; text-align: center; vertical-align: top; }
#vowels img { padding: 0px; margin: 0; }


#fontgrid { font-size: 24px; display: none; }
#fontgrid table {height: 600px;}
#fontgrid td {height: 12%;width: 8%; cursor: pointer; }


.key {
	float: left;
	border: 1px solid #aaa;
	padding: 2px 0 2px 0;
	margin: 2px;
	height: 26px;
	width: 50px;
	text-align: center;
	}
.keyboardrow {
	white-space:nowrap;
	clear:both;
	}
.keyboardrow img+img {
	margin-left: 4px;
	}