div.menu-container {
        overflow:auto;
        overflow-y:visible;
        padding:6px 7px 16px 10px;
}

a.selected-no, a.selected-yes
{
        padding-bottom:2px;
        padding-top:2px;
        padding-right:2px;
        text-decoration:none;
        color:black;
        font-size:11px;
}
a.selected-yes{background-color:#c7ceda;}
a.selected-no {color:black;}
a {color:#1952D3;}
a.signminus, a.signplus {font-weight:bold;}


div.nav ul {margin:5px 20px;}


div.course, div.chapter, div.lesson, div.test, div.signplus, div.signminus
{
        width:18px;
        height:18px;
}

div.course{background:url(icons/course.gif) no-repeat left 2px;}
div.chapter{background:url(icons/chapter.gif) no-repeat left 2px;}
div.lesson{background:url(icons/lesson.gif) no-repeat left 2px;}
div.test{background:url(icons/test.gif) no-repeat left 2px;}

div.signplus{background:url(icons/signplus.gif) no-repeat left 2px;}
div.signminus{background:url(icons/signminus.gif) no-repeat left 2px;}


/* Question */
div.empty {
        width:1px;
        height:1px;
        overflow:hidden;
}
table.question {
}
table.question tr.top td.left {
        border:0px;
        background-image:url(images/question/lt.gif);
        height:6px;
        width:6px;
}
table.question tr.top td {
        border-top:2px solid #d9d9d9;
}
table.question tr.top td.right {
        border:0px;
        background-image:url(images/question/rt.gif);
        height:6px;
        width:6px;
}

table.question tr.bottom td.left {
        border:0px;
        background-image:url(images/question/lb.gif);
        height:6px;
        width:6px;
}
table.question tr.bottom td {
        border-bottom:2px solid #d9d9d9;
}
table.question tr.bottom td.right {
        border:0px;
        background-image:url(images/question/rb.gif);
        height:6px;
        width:6px;
}

table.question td.right {
        border-right:2px solid #d9d9d9;
}
table.question td.left {
        border-left:2px solid #d9d9d9;
}
table.question td.content {
        padding:16px;
}

div.qtitle {
        width:100%;
        border-bottom:dotted 1px black;
        padding-top:10px;
        padding-bottom:10px;
        color:#522727;
        font-weight:bold;
}

table.qtitle {
        position:relative; top:-22px; left:-22px;
        float:left;
        background-color:#fafade;
}
table.qtitle tr.top td.left {
        border:0px;
        background-image:url(images/qtitle/lt.gif);
        height:6px;
        width:6px;
}
table.qtitle tr.top td {
        border-top:2px solid #d5d5bd;
}
table.qtitle tr.top td.right {
        border:0px;
        background-image:url(images/qtitle/rt.gif);
        height:6px;
        width:6px;
}
table.qtitle tr.bottom td.left {
        border:0px;
        background-image:url(images/qtitle/lb.gif);
        height:6px;
        width:6px;
}
table.qtitle tr.bottom td {
        border-bottom:1px solid #dadac1;
}
table.qtitle tr.bottom td.right {
        border:0px;
        background-image:url(images/qtitle/rb.gif);
        height:6px;
        width:6px;
}
table.qtitle td.right {
        border-right:1px solid #dadac1;
}
table.qtitle td.left {
        border-left:2px solid #d5d5bd;
}
table.qtitle td.content {
        padding:0px;
}

table.question-list td {
        padding-top:8px;
        padding-bottom:8px;
}

.errortext {
        color:red;
        font-weight:bold;
}

html {height:100%;}

body
{
        font: 10pt Verdana,Arial,helvetica,sans-serif;
        color: #000;background-color: #fff;
        margin:0;padding:0;
        height:auto !important;height:100%;min-height:100%;
        background:transparent url(images/bg.gif) repeat-y;
}

#header
{
        height:53px;
        background:#000000 url(images/top_bg.gif) repeat-x;
        position:relative;
}

#logo
{
        background:transparent url(images/logo_mu.gif) no-repeat;
        width:417px; height:53px;
        position: absolute;
        left:0;
        margin-right:18px;
        color: #fff;
        font-size: 18px;
}

#logo div
{
        width:50%;
        height:50%;
        position:absolute;
        top:25%;
        left:25%;
}

#logotext
{
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        position:relative;
        height:53px;
        margin-left: 362px;
}

#logotext>#logocontent
{
        display:table;
        position:static;
}

#logocontent
{
        height:100%;
        position:relative;
}

#logocontent div
{
        position:absolute;
        top:50%;
}

#logocontent>div
{
        display:table-cell;
        vertical-align:middle;
        position:inherit;
}

#logocontent div div
{
        position:relative;
        top:-50%;
}

#toolbar
{
        position: absolute;
        height:38px;width:282px;
        left: 0;
        background:#c7ceda url(images/vdots_toolbar.gif) right repeat-y;

}

#toolbar div
{
        margin-top:7px;
        margin-left:3px;
}

#wrapper
{
        margin-left: 282px;
        height:38px;
        background-color:#eaecf1;
        font-size: 14px;
        font-weight: bold;
        padding-left:16px;
        position:relative;
}

#wrapper>#title
{
        display:table;
        position:static;
}

#title
{
        height:100%;
        position:relative;
}

#complete
{
        margin-top:13px;
        margin-right:6px;
        font-size:12px;
        font-weight:normal;
        position:absolute;
        float:right;
        right:0;
        top:0;
}

#title div
{
        position:absolute;
        top:50%;
}

#title>div
{
        display:table-cell;
        vertical-align:middle;
        position:inherit;
}

#title div div
{
        position:relative;
        top:-50%;
}

#menu
{
        width:282px;
        height:100%;
        position: absolute;
        z-index: 100;
}

#workarea
{
        height:100%;
        position: absolute;
        padding-left: 300px;
        padding-right:16px;
        z-index: 10;
        padding-top:12px;
}

#copyright
{
        margin-top:30px;
        padding:10px 0 5px 10px;
        color:#616161;
        border-top:1px solid #CCC;
}