A {text-decoration: none; color:#0075BC; }
A:link { text-decoration: none;}
A:visited { text-decoration: none;}
A:hover {text-decoration: underline;}

body, div, p, td, ul, ol, span, input { font-family: Helvetica,Arial; font-size: 8pt;}

span.hiratext { font-size: 9pt; color:#1234BC;}
span.katatext { font-size: 9pt; color:#DE4500;}
span.romatext { font-size: 9pt; color:#888888;}
ul.introtext  { font-size: 9pt; color:#666666; list-style-type:none;}

span.hiragana { font-size: 14pt; color:#1234BC;}
span.katakana { font-size: 14pt; color:#DE4500;}
span.hirazoom { font-size: 160pt; color:#1234BC;}
span.katazoom { font-size: 160pt; color:#DE4500;}
span.tiny { font-size: 1pt;}

div.modal { modalleft: 24px; top:112px; position: absolute; border:1px solid #EEEEEE; padding:12px; background: #FFFFFF;}

span.hiragrey { font-size: 14pt; color:#99CDCD;}
span.katagrey { font-size: 14pt; color:#EF99EF;}

span.hiralarge { font-size: 18pt; color:#1234BC;}
span.katalarge { font-size: 18pt; color:#DE4500;}
span.hiralight { font-size: 18pt; color:#1234BC; background: #EEDDFF;}
span.katalight { font-size: 18pt; color:#DE4500; background: #FFEEDD;}

span.romaji { font-size: 9pt; color:#888888;}
span.help   { font-size: 9pt; font-weight: bold;}

input.hiratext { width: 256px; font-size:10pt; color:#1234BC;}
input.katatext { width: 248px; font-size:10pt; color:#DE4500;}
input.romatext { width: 102px; font-size:10pt; color:#888888;}

span.stroked { font-size: 12pt; color:#12BC34;}

td.reset   { width: 28px; font-size: 9pt;  color:#888888;}
td.strokes { width: 28px; font-size: 18pt; color:#12BC34;}
td.xstroke { width: 28px; font-size: 10pt; color:#12BC34;}
td.navig   { width: 284px; }

td.spacer { width: 45px; border:solid 1px #EFEEFE;}
td.ksthkw { width: 28px; background: #FDFDDF;}
td.hkprox { width: 28px; background: #DFFDDF;}

li.ksth { background: #FDFDDF;}
td.ksth { width: 28px; background: #FDFDDF; border:solid 1px #EFEEFE;}
td.kgwa { width: 28px; background: #DFFDFD; border:solid 1px #EFEEFE;}
td.kuwa { width: 28px; background: #FDDFFD; border:solid 1px #EFEEFE;}
td.nimi { width: 28px; background: #DFDFFD; border:solid 1px #EFEEFE;}
td.prox { width: 28px; background: #DFFDDF; border:solid 1px #EFEEFE;}
li.prox { background: #DFFDDF;}

span.nospace {height:1px;}
span.link { width: 24px; }