#lessons li {
    list-style: none;
}
#lessons li.single {
    margin-left: 23px;
}
#lessons li ul.closed {
    display: none;
}
#lessons .node-opener {
    display: inline-block;
    margin-right: 5px;
    padding: 1px;
    border: solid 1px #aaa;
}
#sentences {
    font-size: 24px;
}
#sentences th, #sentences td {
    padding-left: 20px;
    padding-right: 25px;
}
#sentences td {
    position: relative;
}
#sentences i.edit-sentence {
    position: absolute;
    right: 0;
    font-size: 20px;
    color: #aaa;
    margin-top: 9px;
    cursor: pointer;
}
#edit-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: none;
}
#edit-form .form {
    background-color: #aaa;
    width: 50%;
    margin: 0 auto;
}
#edit-form .pinyin {
    width: 40%;
}
#edit-form .meaning {
    width: 45%;
}
#edit-form .save {
    width: 5%;
    color: green;
}
#edit-form .cancel {
    width: 5%;
    color: red;
}
#edit-form .edit {
    width: 5%;
    color: grey;
}
#show-hanzi {
    position: absolute;
    width: 210px;
    min-height: 55px;
    border: solid 1px;
    display: none;
}
#show-hanzi .hanzi {
    width: 50px;
    font-size: 48px;
    line-height: 48px;
    display: inline-block;
    vertical-align: top;
}
#show-hanzi .description {
    width: 150px;
    display: inline-block;
}
#show-hanzi .pinyin {
    width: 150px;
    font-size: 24px;
    display: inline-block;
    text-align: center;
}
#show-hanzi .close {
    position: absolute;
    top: 0;
    right: 5px;
}
#show-hanzi .meaning {
    text-align: center;
    margin-bottom: 3px;
}
#quiz {
    display: none;
}
#quiz .meaning-container label {
    display: block;
}
#quiz .ok {
    color: green;
    display: none;
}
#quiz .pinyin-feedback {
    top: 1px;
    right: 1px;
    bottom: 1px;
    position: absolute;
    text-align: center;
    padding: 5px;
    color: #fff;
    width: 28px;
    display: none;
}
#quiz .pinyin-ok {
    background-color: #4f4;
}
#quiz .pinyin-error {
    background-color: #f88;
}
#quiz .meaning-feedback {
    top: 1px;
    right: 1px;
    bottom: 1px;
    position: absolute;
    text-align: center;
    padding: 5px;
    color: #fff;
    width: 28px;
    display: none;
}
#quiz .meaning-ok {
    background-color: #4f4;
}
#quiz .meaning-error {
    background-color: #f88;
}
#quiz .correct-pinyin {
    display: none;
    position: absolute;
    background-color: #4f4;
}
#quiz .error {
    color: red;
}
#quiz .meaning-container label.correct .meaning-ok {
    display: block;
}
#quiz .meaning-container label.error .meaning-error {
    display: block;
}
#quiz .meaning-container label.correct-full {
    background-color: #4f4;
}
#quiz .pinyin-container.correct .pinyin-ok {
    display: block;
}
#quiz .pinyin-container.error .pinyin-error,
#quiz .pinyin-container.error .correct-pinyin {
    display: block;
}
#quiz .hanzi {
    font-size: 48px;
}
#quiz .next {
    display: none;
}
#quiz .meaning-label {
    border-bottom: solid 1px #eee;
    margin: 0;
    padding: 5px;
}
#quiz .quiz-label {
    display: inline-block;
    color: #444;
    border: solid 1px #ddd;
    padding: 3px 3px 5px;
}
#quiz .meaning-container {
    border: solid 1px #ddd;
}
#login {
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: right;
}
#login .login-box {
    display: none;
}
#login .sign-up-box {
    display: none;
}