#phonic { display: none; }
#phonic2 { display: none; }
#shape { display: block; }
#rarestuff { display:none; }
#alphabet { 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; }
#zwspcol { padding-left: 10px; padding-right: 10px; width: 28px; }

#alphabet { padding-left: 5px; padding-right: 5px; }
#mainconsonants { width: 380px; }
#consonants td { padding-left: 5px; }
#combining { border-collapse:collapse; margin-top: 10px; margin-bottom: 10px; width: 320px; padding:5px; border-top: dotted 1px teal; }
#combining td { padding-right: 10px; }
#chillus { width: 40px; }
#rarestuff { padding-left:20px; width: 280px; }
#formatchars { width: 30px; }
#vowels { width: 180px; }

#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; }

.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; }
.sounddisplay { height: 50px; }


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



#shape { padding-left: 5px; padding-right: 5px; margin: 20px; }
#shape td { vertical-align: top;  }
#shapekey { padding: 5px; border-bottom: 1px solid orange; text-align: center; margin-bottom: 10px; margin-top: 0px; margin-right: 3%; margin-left: 2%; }
#shapekey img { margin-right: 0px; border: 2px solid white; }
#shapebucket { height: 150px; }

#output { line-height: 1.1em; padding-right: 10px; }

#shapebucketextras { display: none; }