#phonic { display: none; }
#phonic2 { display: none; }
#shape { display: none; }
#rarestuff { display:none; }
#alphabet { display: block; }
#phonelist { display: none; }
#fontgrid { display: none; }


/* #consonants { border: 2px dotted #005a9c; } */
td#independentvowels { width: 43px; text-align: right; padding-right: 4px; border-right: 1px dotted teal; vertical-align: middle; }
#consonants td {  padding: 0;  white-space: nowrap; }
#zwspcol { padding-left: 10px; padding-right: 10px; width: 28px; }

#alphabet { padding-left: 5px; padding-right: 5px; }
#consonants td { padding-left: 5px; }
#combining { border-collapse:collapse; margin-top: 10px; margin-bottom: 10px; width: 300px; padding:5px; border: dotted 1px teal; }
#combining td { padding-right: 10px; }
#chillu { width: 40px; }
#secondpanel { padding-left:20px; }
.combining { text-align: left; border-bottom: 1px dotted teal; margin: 0 0 2px 0; padding-left: 4px; }
.combining img { margin-right: 10px; }
#symbols img { margin-right: 5px; }
#digits img { margin-right: 4px; }

#phonic, #phonic2 { padding-left: 5px; padding-right: 5px; font-size: 15px; font-family: "Doulos SIL", sans-serif; }
#phonic span, #phonic2 span { cursor:pointer; }
.phonicspaces { padding-left: 10px; padding-right: 10px; width: 28px; }
.uaplosives { white-space: nowrap; }
.aspiratedplosives { white-space: nowrap; }
.kbd td { vertical-align: top; }
.vowels{ padding: 5px; margin-bottom: 5px; width: 750px; border: 1px dotted teal; }

.sound {font-size: 130%; font-family: "Doulos SIL", "Charis SIL", Gentium, serif; color: #FF3333; cursor: default; white-space: nowrap; margin-right: 7px; }
.sound span {font-size: 110%; font-family: "Doulos SIL", "Charis SIL", Gentium, serif; color: #FFF; cursor: default;  margin-right: 5px; background-color: #bbb; padding: 1px; padding-left:2px; background-image: url(images/topcorner.png); background-repeat:no-repeat; }
.vowels .sound { color: #FF3333; }
.vowels img {vertical-align: bottom; }
.ph { border:0; }



.shapelist li { 
	line-height: 48px;
	}