body, form, h1, h2, input, p, table { margin: 0; }

body { background-image: url( /i/bg.gif ); }
h1 { color: #039; font-size: 18pt; margin: -3px 0 2px; }
h2 { color: #5475c9; font-size: 13pt; margin-bottom: 8px; }
img { border-width: 0; }
p { line-height: 1.5; margin-bottom: 8px; }
pre { margin-left: 32px; }
table { width: 100%; }
td { text-align: left; }
.border { border: 1px solid #999; }
.image { font-size: 1pt; line-height: 0.1pt; }
.note { font-size: 8.5pt; }
.right { text-align: right; }
#all { height: 450px; left: 50%; margin-left: -300px; margin-top: -225px; position: absolute; top: 50%; width: 600px; }
#again { height: 11px; }
#answer { width: 300px !important; }
#bottom { bottom: 19px; left: 19px; position: absolute; text-align: right; width: 562px; vertical-align: bottom; }
#columns { width: auto !important; }
#guess { height: 22px; margin: 12px 0 14px; }
#keywords { display: none; left: 0; position: absolute; top: 0; }
#nav { font-size: 8.5pt; text-align: right; vertical-align: top; }
#paging { text-align: right; }
#question { height: 36px; margin-top: 75px; }
#score { color: #666; text-align: right; }
#summary { text-align: left; }
#tab { background-color: #fff; border: 3px solid #b6cbf3; border-top-width: 0 !important; height: 372px; padding: 16px;  vertical-align: top; }
#tabs { background-image: url( /i/tabs_bg.gif ); height: 43px; padding-left: 3px; width: 597px; }
#typefaces { background-image: url( /i/typefaces_bg.gif ); background-repeat: no-repeat; width: 562px; }

.list p { margin-bottom: 3px !important; }
.list .image { padding: 6px 16px 8px; text-align: right; vertical-align: bottom !important; width: 92px; }
.list .text { padding-bottom: 6px; vertical-align: bottom !important; }
.note strong { color: #444; }
#again img { visibility: hidden; }
#bottom input { color: #2f5aae; font-size: 9pt; font-weight: bold; margin: 0 -1px 0 15px; }
#bottom td { font-weight: bold; vertical-align: bottom; }
#columns td { padding-left: 36px; vertical-align: top; }
#columns td div { margin-bottom: 4px; }
#columns td img { border: 1px solid #fff; }
#help #chart { width: 80%; }
#help #chart th { text-align: left; }
#home p { width: 72%; }
#home .right { font-size: 8.5pt; }
#kanji table.list { margin-bottom: 12px; }
#kanji #bottom { text-align: right; }
#nav span { color: #666; }
#paging span { color: #b6cbf3; font-weight: normal; margin-left: 8px; margin-right: 8px; }
#practice #bottom td { width: 130px; }
#practice #summary { height: 50px; }
#score span { margin-right: 6px; }
#set #groups { vertical-align: top; }
#set #image { padding-right: 16px; vertical-align: top; }
#set #list { margin-bottom: 12px; }
#set #list td { font-size: 8.5pt; padding-left: 16px; vertical-align: top; }
#set #list td div { margin-bottom: 2px; }
#set #list td input { margin-right: 5px; position: relative; top: 1px; }
#set #list td span { color: #666; margin-left: 7px; }
#tabs div { float: left; height: 26px; padding: 17px 3px 0; text-align: center; width: 143px; }
#tabs #front { background-image: url( /i/front_bg.gif ); }
#typefaces td { height: 33px; text-align: center; width: 80px; }
#words strong { color: #777; }
#words .list { margin-bottom: 16px; }
#words #bottom td { width: 120px; }
#words #bottom #answer { width: 322px !important; }

a, a:visited, .link { color: #2f5aae; font-weight: bold; }
body, td, th { color: #333; font-family: verdana,sans-serif; font-size: 9pt; }
td, th { padding: 0; }
#answer, #practice #tab { text-align: center; }
#help #bottom, #home #bottom { text-align: left; }
#help #chart td, #help #chart th { padding: 0 0 8px 32px; }
#home #bottom a, #home #bottom a:visited { font-size: 8.5pt; }
#practice #answer, #score { visibility: hidden; }
#tabs a, #tabs a:visited { color: #2f5aae; font-size: 8.5pt; font-weight: bold; }
#tabs #front a, #tabs #front a:visited { color: #5475c9; text-decoration: none; }