BODY {
    background-color: #fff;
    color: #000;
    margin: 1em 3em 2em;
    /*font-family: sans-serif;*/
}

#NOTsetup {
    margin: 0 auto;
    width: 32em;
    border: 1px dotted;
}

TABLE#kana_choice {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #666;
    margin-bottom: 1em;
}

TABLE#kana_choice TD, TABLE#kana_choice TH {
    border: 1px solid #666;
    text-align: center;
}

TABLE#kana_choice TD.active {
    background-color: #cfc;
    color: #000;
}

TABLE#kana_choice TD.inactive {
    background-color: #ccc;
    color: #666;
}

TABLE#kana_choice TD.activate {
    background-color: #fdd;
    color: #400;
}

TABLE#kana_choice TD.deactivate {
    background-color: #ccf;
    color: #336;
}

TABLE .clickable {
    cursor: pointer;
}


TABLE#kana_choice TD#wi.active, TABLE#kana_choice TD#we.active {
    color: #f00;
}

TABLE#kana_choice TD#wi.inactive, TABLE#kana_choice TD#we.inactive {
    color: #900;
}

TD.yoon {
    background-color: #cfc;
    color: #666;
}
TD.dakuten {
    background-color: #cfc;
    color: #666;
}
TD.dakuten_yoon {
    background-color: #cfc;
    color: #666;
}

#all_vowel {
    width: 9em;
}

#all_a, #all_i, #all_u, #all_e, #all_o {
    width: 5em;
}

p#option_settings {
    border: thin groove #ccc;
    float: left;
    padding: 0.65em;
    width: 11.5em;
}
p#test_button {
    margin-left: 1em;
    float: left;
}
p#stored_profiles {
    border: thin groove #ccc;
    float: left;
    margin-left: 1em;
    padding: 0.65em;
    width: 14em;
}
p#stored_profiles SELECT {
    margin-bottom: 0.5em;
    width: 14em;
    z-index: -5;
}

#test_me {
    font-size: 200%;
    /* left: -1000; */
    padding: 0.15em 0.5em;
    position: relative;
}

#helplink {
    width: 34em;
    text-align: right;
    margin-top: -0.75em;
}

#head1 {
    margin-bottom: 0px;
}

.link {
    color: #33c;
    text-decoration: underline;
    cursor: pointer;
}

#help {
    background-color: #ffe;
    border: 2px solid #036;
    display: none;
    margin: 2em;
    max-height: 365px;
    overflow: auto;
    padding: 1em;
    position: absolute;
    width: 30em;
    z-index: 10;
}

#help P .header {
    cursor: pointer;
    font-weight: bold;
    padding-right: 24px;
    background-repeat: no-repeat;
    background-position: right;
}
#help P .open {
    background-image: url('/images/kana-minus.gif');
}
#help P .closed {
    background-image: url('/images/kana-plus.gif');
}

.subhelp {
    /* border keeps things from stuttering at beginning and end of BlindUp/BlindDown */
    border: 1px solid #ffe;
    margin: 0;
}
.subhelp P:first-child {
	margin-top: 0;
}

.greyed {
    color: #ccc;
}


#testing {
    /* display: none; */
    margin-top: 2em;
    width: 32em;
    /* border: 1px dotted #666; */
}

#testing #kana {
    font-size: 350%;
    color: #666;
    /* margin-top: -0.5em; */
    text-align: center;
    width: 9em;
    /* border: 1px dotted #f00; */
}
#testing #kana_show {
    padding: auto 3em;
}
#testing #kana #kana_romaji {
    color: #333;
    font-size: 55%;
    position: relative;
    top: 0.5em;
    /* visibility: hidden; */
    z_index: 10;
}

#testing #gloss {
    font-size: 125%;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    text-align: center;
    width: 25em;
}
#testing #main {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 33em;
    /* border: 1px dotted #0c0; */
}

#testing #main DIV {
    float: left;
}
#testing #main #word_count {
    margin-left: 1em;
    text-align: center;
    width: 8.5em;
    /* border: 1px dotted red; */
}

#testing #main #entry_area {
    margin-left: 1em;
    width: 14em;
    /* border: 1px dotted #080; */
}
#testing #main #enter_romaji {
    color: #666;
    font-size: 160%;
    padding: 0.1em 0.25em;
    width: 8em;
}

#testing #main #romaji_hint {
    color: #999;
}

#testing #main #right_count {
    text-align: center;
    width: 8em;
    /* border: 1px dotted red; */
}

#testing #main .under_label {
    font-size: 60%;
}

#shown, #items, #right, #guesses {
    font-size: 275%;
}

#testing #controls {
    clear: left;
    margin-top: 1em;
    width: 31em;
    /* border: 1px dotted #00f; */
}

#testing #controls #buttons {
    text-align: center;
}

#testing #controls #buttons INPUT {
    font-size: 110%;
    margin-right: 1em;
    width: 8em;
}