.character { margin-top: 5px; margin-bottom: 5px; background-color: #FDFADF; border: 1px solid #FBF4BF; clear: left; margin-bottom: 20px; padding-bottom: 15px; }
.character p { margin-right: 100px; }
.charimg { float: left; margin: 15px; border: 1px solid #FBF4BF; border: 1px solid #E7D10E; }
.edit { text-align: right; font-size: 80%; color: teal; cursor: pointer; margin-right: 10px; }
#input { margin-bottom: 20px; color: #999; font-size: 80%; }
.leadin { color: #CC6600; font-style: italic; }
.letter { margin-top: 2em; margin-bottom: 0; border: 1px solid teal; margin-left: 7.5%; margin-right: 10px; }
.letter p { margin-right: 10%; }
.letter ul, .letter li { margin-right: 0; text-align: left; }
#list { border: 3px solid #ffa500;  width: 100%; font-size: 120%; border-radius: 5px; } 
.message { color: #F63; margin-top: 4em; font-size: 120%; line-height: 1.4em;  }
.notes { margin-top: 2em; }
.notes img { vertical-align: middle; }
#panel { position: fixed; bottom: 20px; right: 0px; background-color: #FFFFFF; padding: 0.5em; width: 26%; }
#panel img { vertical-align: middle; }
#panel p { margin: 0; margin-top: 3px; }
#panel #title { font-size: 200%; }
.ref { font-size:60%; }
#resultsarea { margin-right:28%; margin-bottom:30px; margin-left:7%; }
.title { font-weight: bold; }


/* .char img { vertical-align: middle; } */
/* .ex { color:red; } */
/*.expandedtext { border: 1px solid teal; padding: 3px; margin-bottom: 10px; text-align: left;	}
.expandedtext img { vertical-align: middle; } */
/* .ipa, .name, .trans { font-family: 'doulos sil', 'charis sil', gentium, sans-serif; font-size: 120%;  }
.ipa:before { content: '/'; }
.ipa:after { content: '/'; } */
/* .meaning { font-style: italic; }
.name { font-style: italic; } */
/*.trans:before { content: '{'; }
.trans:after { content: '}'; }
.ur {font-family: "Nafees Nastaleeq", "Arial Unicode MS", sans-serif; font-size: 130%; }
table#vowels td { font-size: 130%;  padding: 10px; }
table#vowels { margin-left: 10%; }
table#voweldiacritics td { line-height: 3em;  padding: 10px; text-align: left; }
table#voweldiacritics th { text-align: center; }
table#voweldiacritics { margin-right: 10%; }*/


/* perhaps not used */
.grp { font-size: 80%; color: brown; }
.ipa1 {font-family: Gentium, "Arial Unicode MS", sans-serif; font-size: 120%; }
#othercharlist img { vertical-align: middle; }
sup.fnote { font-family: gentium, serif; font-size: 100%; padding-right: 0.25em; /* color: #990033;  */ }
#textexpansions { margin-left: 7.5%; margin-right: 32%; }