#viewer { position:absolute; left:0px; top:0px; z-index:1000; }

.viewer_background { position:absolute; left:0px; top:0px; width:3000px !important; height:2000px !important; background-image:url(../../images/tooltip.png); z-index:0; }

#navigation { visibility:hidden; position:absolute; top:0; bottom:0; background:#000; }
#navigation table { position:absolute; top:0; bottom:0; }
.navigation_wrapper { z-index:1; position:absolute !important; top:42px; bottom:0; }

#table_of_contents { position:relative; z-index:2; }
#support_and_legend { position:absolute; z-index:1; bottom:0; }

#exit_bar { padding:10px 10px 10px 0px; text-align:right; }
#menu_container { height:90%; vertical-align:top; }
#support_material { padding:10px 0px 20px; }
#options { padding:10px 0px 0px; }

#titlebar { position:absolute; left:0; right:0; z-index:1; background:#000; }
#titlebar h4 { color:#fff; font:bold 16px/22px Arial; height:22px; padding:10px; }
#titlebar .button,
#titlebar button { float:right; margin-top:10px; margin-right:10px; }

#navigation h3,
#menu_container a,
#support_material a { font:bold 12px/15px Arial; color:#fff; padding:2px 38px 3px 4px; display:block; white-space:nowrap; }

#navigation h3 { cursor:default; background:url(../images/plastic.png) right; }
#menu_container a,
#support_material a  { cursor:pointer; text-decoration:none; background:none; }

#menu_container h3 { cursor:pointer; color:#666; }

#support_material h3 { cursor:default; background-color:#06c; color:#fff; }

#options h3 { background:none; color:#fff; }

#menu h3        { background-position:100%   0px; background-image:url(../images/accordion.png); }
#menu h3:link disabled {}
#menu h3:hover  { background-position:100% -20px; background-color:#036; color:#fff; }
#menu h3.active { background-position:100% -40px; }

#menu_container a   { color:#666; }
#menu_container a:link disabled {}
#menu_container a:hover,
#support_material a:hover  { background-color:#036; color:#fff; }

#menu_container .current  { background-color:#06c !important; color:#fff; }

#navigation img,
#navigation.course-status img { width:16px; height:16px; display:block; float:left; margin:0px 4px -1px -2px; }

.course-type,
.course-status { text-align:left !important; }
.course-type img,
.course-status img { width:16px; height:16px; display:-moz-inline-box; display:inline-block; margin:0px 4px -1px -2px; }

#navigation img.pdf  { background:url(../../images/icons/pdf.png); }
#navigation img.ppt  { background:url(../../images/icons/ppt.png); }
#navigation img.doc  { background:url(../../images/icons/doc.png); }
#navigation img.wmv  { background:url(../../images/icons/wmv.png); }
#navigation img.html { background:url(../../images/icons/html.png); }

span.course-type,
div.course-type,
span.course-status,
div.course-status { padding:2px 4px; font-weight:bold; }
td.course-status img { display:none; }

.navigation_wrapper img,
.notstarted img { background:url(../images/status.png) -2px -2px; }
.inprogress img { background:url(../images/status.png) -22px -2px; }
.completed img { background:url(../images/status.png) -42px -2px; }
.failed img { background:url(../images/status.png) -62px -2px; }
.passed img { background:url(../images/status.png) -82px -2px; }
.closed img { background:url(../images/status.png) -102px -2px; }

td.course-status { background:url(../images/status.png) 1px 5px no-repeat; }
td.inprogress { background-position:-19px 5px; }
td.completed { background-position:-39px 5px; }
td.failed { background-position:-59px 5px; }
td.passed { background-position:-79px 5px; }
td.closed { background-position:-99px 5px; }

#courses td { cursor:pointer !important; }

i.course-type { display:-moz-inline-box; display:inline-block; width:12px; height:15px; vertical-align:bottom; }
i.course-type.course { background-position:-4px -3px; }
i.course-type.video { background-position:-24px -3px; }

.tool-tip i.course-type { background-image:url(../images/type-white.png); }

.tabForm i.course-type { height:18px; }

i.course-type,
div.course-type img,
td.course-type { background:url(../images/type.png) no-repeat; }
div.course img { background-position:-2px -2px; }
td.course { background-position:1px 5px; }
div.video img { background-position:-22px -2px; }
td.video { background-position:-19px 5px; }

.hideCompleted .completed { display:none !important; }

h3.completed,
a.completed,
h3.inprogress,
a.inprogress { color:#fff !important; }

.notstarted,
.notstarted * { cursor:default !important; }
.notstarted { background-color:transparent !important; color:#666 !important; }

.passed .glass { background-color:#0c0 !important; border-color:#0c0 !important; }
.failed .glass { background-color:#c00 !important; border-color:#c00 !important; }

#navigation h3#scrollup,
#navigation h3#scrolldown { display:none; background-color:#000; text-align:center; position:relative; z-index:2; }
#navigation h3#scrollup   { margin-bottom:-20px; }
#navigation h3#scrolldown { margin-top:-20px; }
#navigation h3#scrollup   img { width:7px; height:15px; background:url(../../images/buttons/up.png) no-repeat; float:none; margin:0px; }
#navigation h3#scrolldown img { width:7px; height:15px; background:url(../../images/buttons/down.png) no-repeat; float:none; margin:0px; }

.assessment b { display:block; }
.assessment h2 { margin:1.25em 0; }

.assessment .box-content { position:static; }

.assessment div { overflow:hidden; zoom:1; }
.assessment div.correct { background-color:#cfc !important; }
.assessment div.incorrect { background-color:#fcc !important; }
.assessment div.correct,
.assessment div.incorrect { font-weight:bold; padding:4px 4px 3px 24px; margin-bottom:1.25em; }
.assessment div.correct > img,
.assessment div.incorrect > img { display:block; width:20px; height:20px; float:left; background:url(../images/answers.png); margin:-3px 4px -2px -24px; }
.assessment div.correct > img { background-position:-60px 0; }
.assessment div.incorrect > img { background-position:-80px 0; }

.assessment a.checkbox { display:block; float:left; clear:both; padding:2px 4px 2px 36px; }
.assessment a.checkbox img { margin-left:-17px; }
.assessment a.graded { float:none; }
.assessment a.correct { color:#090 !important; }
.assessment a.incorrect { color:#c00 !important; }
.assessment a.graded:hover:active i,
.assessment a.graded i { background-color:#fff !important; border-color:#999 #ccc #ccc #999 !important; }
.assessment a.correct:hover:active i,
.assessment a.correct:hover:active i.checked,
.assessment a.correct i { background-color:#090 !important; border-color:#090 !important; }
.assessment a.incorrect:hover:active i,
.assessment a.incorrect:hover:active i.checked,
.assessment a.incorrect i { background-color:#c00 !important; border-color:#c00 !important; }

.courseDialog .content  { margin:32px 0 32px; overflow-y:auto; overflow-x:hidden; }
.courseDialog .bottom   { height:32px; left:0; right:0; z-index:2; }

.courseDialog .progress { height:20px; padding:10px; background:#000 url(../images/progress_bg.png); cursor:default; }
.courseDialog .progress .slider { height:18px; padding:1px; background:#000 url(../images/plastic_down.png); }
.courseDialog .progress .knob { width:25%; height:18px; background:#06c url(../../images/webshop/buttons.png) 0px -2px; }
.courseDialog .buttonbar { height:22px; border:0; padding:10px; }
.courseDialog .audio { width:240px; height:22px; margin:0 auto; }
.courseDialog .audio object { position:absolute; visibility:hidden; }
.courseDialog .audio button { width:240px; }

.exitButton img,
.courseDialog .button img { display:-moz-inline:box; display:inline-block; width:20px; height:20px; }
.courseDialog .prevButton img { background-image:url(../../images/buttons/left.png); margin:-3px 0px -2px -13px; }
.courseDialog .nextButton img { background-image:url(../../images/buttons/right.png); margin:-3px -13px -2px 0px; }
.exitButton img { background:url(../../images/buttons/remove.png) 4px 4px no-repeat; margin:-3px -13px -2px 0px; }

.coursePreview .content { background:url(../../courses/preview.png); }