html { min-height: 100%; margin-bottom: 1px; }
body { margin: 0; font-size: 76%; font-family: Arial,Verdana,Tahoma; background: #F2F2F2; color: #5d5d5d; text-align: center}

#container { width: 78em; height: auto; padding: 1.3em; margin: 1.5em auto; background: white; border: 0.05em solid #d2d2d2; text-align: left}
#header { width: auto; height: 9em; }

#h_top { height: 6.3em; }

#img_logo { width: 24.8em; height: 4.95em; }

#user { float: right; }

#navi ul, #subnav { float: left; width: 100%; margin: 0; padding: 0; list-style: none; background: url("/css/navi_bg.png") repeat-x bottom; }
#navi ul { margin: -3px 0 0 0; background: url(/css/navi_bg_ans.png) repeat-x bottom; }
#navi li { float: left; margin: 0.3em 0.2em 0 0; padding: 0; background: url("/css/navi_right_ans.png") no-repeat right top; }
#navi a { display: block; background:url("/css/navi_left_ans.png") no-repeat left top; padding: 0.5em 1em; color: white; font-weight: bold; text-decoration: none; }
#navi a:hover { text-decoration: underline; }
#navi li#current { background-image: url("/css/navi_right_on_ans.png"); }
#navi li#current a { background: url("/css/navi_left_on_ans.png") no-repeat; color: #0C3B8C; }
#navi li#current a:hover { text-decoration: none; }
/* MAC */
#header a { float: none; }
/* IE5-MAC */

#subnav {background: white; padding: 0.6em 0}
#subnav span a {color: blue}
#subnav span a:HOVER {text-decoration: none; color: blue}
#subnav a:HOVER {text-decoration: underline}
#footer { margin: 1.3em 0; width: 100%; text-align: center; font-size: 0.9em; display: block; line-height: 2em; }

a { color: blue; text-decoration: none; }

h1,h2,h3,h4,h5,p { margin: 0 0 0.5em 0; }
h1,h2,h3,h4,h5 { text-align: justify;  }
h2,h3,h4,h2 a, #subnav a, legend { color: #0C3B8C; text-decoration: none; }

p { text-align: justify; line-height: 1.5em; }
p a:HOVER { color: blue; text-decoration: underline;}
td a:HOVER { color: blue; text-decoration: underline;}

table { font-size: 1em; }

input.textbox, textarea {
font-size:1.2em;
}

#questionH2 { color: #8ecd0b; text-decoration: none; text-align: center};

#content h1 { font-size: 1.4em; }
#content h2 { font-size: 1.3em; }
#content h3 { font-size: 1.2em; }
#content h4 { font-size: 1em; }

#navi_options { margin: 0 20.5em 0 0; }
#navi_options.signedin { margin: 0; width: 43%; }
#navi_options p { padding: 0 0 0 0.8em }
#navi_options .box { margin: 0 0 0.8em 0; border-color: #0C3B8C; border-style: solid; border-width: 0 0 0 0.2em; background: url('/css/behind_box.png') bottom right no-repeat; }
#navi_options .box h2, #navi_options .box_inactive h2 { margin: 0.3em 0 0.3em 0.6em; }
#navi_options .box p, #navi_options .box_inactive p { margin: 0.3em 0 0.3em 1em; padding: 0 0 1em 0; }
#navi_options .box_inactive { margin: 0 0 0.8em 0; color: #d2d2d2; border-color: #d2d2d2; border-style: solid; border-width: 0 0 0 0.2em; background: url('/css/behind_box.png') bottom right no-repeat; }
#navi_options .box_inactive a { color: #d2d2d2; text-decoration: none; }

#toolboxesLeft {float: right}
.tool_box {  padding: 0.5em; margin: 0; width: 18em; border: 0.06em solid #d2d2d2; background-color: #F2F2F2; text-align: right; }
.tool_box a { font-size: 0.8em; }
.tool_box p { text-align: left; font-weight: bold; }
.tool_box dl { margin: 0 0 0.5em 0; padding: 0; width: 100%; }
.tool_box dt { float: left; margin: 0; padding: 0; width: 40%; text-align: right; }
.tool_box dd { margin: 0; }
.tool_box label { display: block; padding: 0.3em 0; }
.tool_box input.text { width: 115px; font-size: 1.3em; margin: 0.1em 0; }
.accesscode_input_field { /*background:transparent none repeat scroll 0 0;*/ background-image:url("/css/input_accesscode.gif"); background-repeat:no-repeat; background-color:transparent; width:194px; height:40px; border:medium none; color:#191919; font-family:Courier New; font-size:21.4px; font-weight: bold; letter-spacing:6px; line-height:25px; outline-style:none; outline-width:medium; padding:1px 0px 0px 5px;}
.tool_box input.button { font-size: 1.1em; }

#home_progress { float: right; margin: 0; width: 55%; }

a.button { color: #636363; font-size: 0.9em; margin: 0 0 0 0.2em; text-decoration: none; background: white; font-weight: bold; padding: 0.3em 0.4em; border-width: 0 0.05em 0.05em 0; border-style: solid; border-color: #d2d2d2; }
a.buttonNoBorder { color: #636363; font-size: 12px; margin: 0 0 0 0.2em; text-decoration: none; background: #f3f3f3; font-weight: bold; padding: 0.3em 0.4em; border-width: 0; border-style: solid; border-color: #d2d2d2; }
a.nobutton { color: #d9d9d9; font-size: 12px; margin: 0 0 0 0.2em; text-decoration: none; background: #f3f3f3; font-weight: bold; padding: 0.3em 0.4em; border-width: 0 0.05em 0.05em 0; border-style: solid; border-color: #d2d2d2; }
a.white_button { color: #d9d9d9; font-size: 12px; margin: 0 0 0 0.2em; text-decoration: none; background: #FFFFFF; font-weight: bold; padding: 0.3em 0.35em; border-width: 0 0.05em 0.05em 0; border-style: solid; border-color: #d2d2d2; }
a.white_button2 { color: #636363; font-size: 12px; margin: 0 0 0 0.2em; text-decoration: none; background: #FFFFFF; padding: 0.3em 0.35em; border-width: 0 0.05em 0.05em 0; border-style: solid; border-color: #d2d2d2; }
div.button { color: #636363; font-size: 12px; margin: 0 0 0 0.2em; text-decoration: none; background: #f3f3f3; font-weight: bold; padding: 0.3em 0.4em; border-width: 0 0.05em 0.05em 0; border-style: solid; border-color: #d2d2d2; }
a {text-decoration: none;}
#pageHelpText { margin-bottom: 0.5em }

#myCourses .active .block { padding: 0.8em 0.8em 0 0.8em; border: 0.01em solid #d2d2d2; margin: 0.4em 0 1em 0; }
#myCourses .active .block h3 { margin: 0 0 1.3em 0; }
#myCourses .active .block h4 { margin: 0 0 1em 0; }
#myCourses .active .block span.right { float: right; text-align: right; }
#myCourses .active .block span.right strong { font-size: 0.8em; color: #999999; }
#myCourses .active .block #voortgang { height: 5em; }
#myCourses .active .block #voortgang p.link { text-align: right; }
#myCourses .active .block #left { width: 49%; float: left; margin: 0 1em 0 0; }
#myCourses .active .block #right { width: 49%; float: left; }

.questionCell {
    font-weight:bold;
}

.matrixTable {
    empty-cells: hide;
    width: 100%;
    text-align: center;
}

.matrixTable .subQuestion {
    text-align: justify;
    width: 100%;
}

.matrixTable abc rb_cb {
    width: 25px;
}

.matrixTable .answerText {
    text-align:left;
}

.matrixTable .correctAnswer {
    text-align: left;
    color: green;
    font-weight:bold;
}

.matrixTable .semiCorrect {
    text-align: left;
    font-weight:bold;
    color: orange;
}

.matrixTable .incorrectAnswered {
    text-align:left;
    color: red;
    font-weight:bold;
}

.matrixTable .incorrectNotAnswered {
    text-align:left;
    color: #D1D1D1;
}

.matrixEvaluationTable {
    empty-cells: hide;
    width: 100%;
    text-align: center;
}

.matrixEvaluationTable td {
    border-color: #DDDDDD;
    border-style: solid;
    border-width: thin;
}

.matrixEvaluationTable subQuestion {
    background-color: #EEEEEE;
    text-align: justify;
    width: 30%;
    border-style: solid;
    border-width: thin;
}

.answerValue {
    background-color: #EEEEEE;
    text-align: center;
    width: 12%;
    border-style: solid;
    border-width: thin;
    font-size:12px;
}

#myCourses dl.inactive { list-style: none; margin: 0; padding: 0; }
#myCourses dl.inactive dt { height: 1.53em; padding: 0.4em 0.6em; margin: 0.16em 0; color: #636363; border-width: 0 0 0 0.15em; border-style: solid; border-color: #d2d2d2; background: url(behind_dt.png) repeat-y; }
#myCourses dl.inactive dt span { float: right; height: 1.55em}

.progress .bar { width: 100%; height: 1.5em; text-align: right; background: url(progressbar.png); }
.progress .bar img { float: right; height: 100%; }
.progress .bar p { margin: 0; padding: 0.1em 0 0 0; color: white; font-weight: bold; font-size: 0.9em; }
.progress .bar_empty { width: 100%; height: 1.5em; text-align: right; background: url(progressbar_back.png);}
.progress .bar_empty img { float: right; height: 100%; }
.progress .bar_empty p { margin: 0; padding: 0.1em 0 0 0; color: black; font-weight: bold; font-size: 0.9em; }
.progress .title { font-size: 0.9em; padding: 0.2em 0.4em; position: relative; color: #636363; font-weight: bold; background: #f3f3f3; border-width: 0 0.05em 0 0; border-color: #d2d2d2; border-style: solid; }

.progressTable .barTable { width: 100%; height: 1.2em; text-align: right; background: url(progressbar.png); border:thin solid lightgray;}
.progressTable .barTable img { float: right; height: 100%; }
.progressTable .barTable p { margin: 0; padding: 0.1em 0 0 0; color: white; font-weight: bold; font-size: 12px;  text-align:center; line-height:1.0em;}
.progressTable .bar_empty { width: 100%; height: 1.0em; text-align: center; background: url(progressbar_back.png); border:thin solid lightgray;}
.progressTable .bar_empty img { float: right; height: 100%; }
.progressTable .bar_empty p { margin: 0; padding: 0.1em 0 0 0; color: black; font-weight: bold; font-size: 12px; text-align:center;}
.progressTable .title { font-size: 0.9em; padding: 0.2em 0.4em; position: relative; color: #636363; font-weight: bold; background: #f3f3f3; border-width: 0 0.05em 0 0; border-color: #d2d2d2; border-style: solid; }
.progressTable .barTable .progressBarFront {margin: 0; padding: 0.1em 0.2em 0 0; color: white; font-weight: bold; text-align:right; line-height:1.0em;}
.progressTable .barTable .progressBarBack {margin: 0; padding: 0.1em 0 0 0; color: #6e6e6e; font-weight: bold; text-align:center; line-height:1.0em;}

#cursus_onderdelen #left { width: 70%; margin: 0 1.6em 0 0; float: left; }
#cursus_onderdelen #right { width: 27%; float: left; }
#cursus_onderdelen #left .block  h4 { margin: 0.5em 0; }
#cursus_onderdelen #right .block  { margin: 0 0 1em 0; }
#cursus_onderdelen #right ol {list-style-type: square; padding-left:-1em; padding-bottom: 1em; line-height: 1.5em;}
#cursus_onderdelen #right li {margin-left: -1em}
#cursus_onderdelen #right ol li span {font-weight: bold}
#cursus_onderdelen #right a { margin: 0.5em 0; }

#cursus_onderdelen .block  { margin: 0 0 1em 0; padding: 0; border-color: #0C3B8C; border-style: solid; border-width: 0 0 0 0.2em; background: url('/css/behind_box_high.png') bottom right no-repeat; }
#cursus_onderdelen .block dl, #cursus_onderdelen .block h3, #cursus_onderdelen .block h4 { padding: 0 0.8em; }
#cursus_onderdelen .block img.graph { padding: 0.3em 0.8em 0 0.8em; }
#cursus_onderdelen .block a p  { text-decoration: underline; }
#cursus_onderdelen .block p  { padding: 0.1em 0.8em 1em 0.8em; }
#cursus_onderdelen .block dl { margin: 0 0.3em 0 0.8em; padding: 0.3em 0; }
#cursus_onderdelen .block dl dt { height: 1.53em; padding: 0.4em 0.6em; margin: 0.16em 0; border-width: 0 0 0 0.15em; border-style: solid; border-color: #d2d2d2; background: url('/css/behind_dt.png') repeat-y; }
#cursus_onderdelen .block dl dt.enabled { border-color: #8ecd0b; font-weight: bold; }
#cursus_onderdelen .block dl dt span { float: right; height: 1.53em; }
#cursus_onderdelen .block .bottom { width: auto; height: 0.3em; font-size: 0.4em; }
#cursus_onderdelen .plain { width: 95%; font-size: inherit; border: 0; }
#cursus_onderdelen .plain2 { width: 95.7%; font-size: inherit; border: 0; }
#cursus_onderdelen .adaptiveBlock  { border-color: #0000FF;}
#cursus_onderdelen .adaptiveBlock h3 { color: #0000FF;}
#cursus_onderdelen .adaptiveBlock span.coursePartSuggestion { float: none; color: #0000FF;}

#cursus_onderdelen .block .part { width: 95%; margin: 0 0.3em 0 0.8em; padding: 0.3em 0; }
#cursus_onderdelen .block .part td { height: 1.53em; padding: 0.4em 0.6em; margin: 0.16em 0; border-width: 0 0 0 0.15em; border-style: solid; border-color: #d2d2d2; background: url('/css/behind_dt.png') repeat-y; }
#cursus_onderdelen .block form { margin: 4pt 0 0 0; padding: 0 0; }
#cursus_onderdelen .block a { text-decoration: none; }


#cursus_onderdelen .fo_block  { margin: 0 0 1em 0; padding: 0; border-color: #d2d2d2; border-style: solid; border-width: 0 0 0 0.2em; background: url('/css/behind_box_high.png') bottom right no-repeat; }
#cursus_onderdelen .fo_block  h3 { margin: 0.5em 0; color: #a9a9a9; }
#cursus_onderdelen .fo_block dl, #cursus_onderdelen .fo_block h3, #cursus_onderdelen .fo_block h4 { padding: 0 0.8em; color: #d2d2d2; margin: 0.5em 0;}
#cursus_onderdelen .fo_block img.graph { padding: 0.3em 0.8em 0 0.8em; }
#cursus_onderdelen .fo_block a p  { text-decoration: underline; }
#cursus_onderdelen .fo_block p  { padding: 0.1em 0.8em 1em 0.8em; }
#cursus_onderdelen .fo_block dl { margin: 0 0.3em 0 0.8em; padding: 0.3em 0; }
#cursus_onderdelen .fo_block dl dt { height: 1.53em; padding: 0.4em 0.6em; margin: 0.16em 0; border-width: 0 0 0 0.15em; border-style: solid; border-color: #d2d2d2; background: url('/css/behind_dt.png') repeat-y; color: #d2d2d2; }
#cursus_onderdelen .fo_block dl dt.enabled { border-color: #d2d2d2; font-weight: bold; color: #d2d2d2; }
#cursus_onderdelen .fo_block dl dt span { float: right; height: 1.53em; color: #d2d2d2; }
#cursus_onderdelen .fo_block .bottom { width: auto; height: 0.3em; font-size: 0.4em; }

form div.formBox {border: 0.05em #d2d2d2 solid; padding: 1em; margin-top: 1em}
form div.formBox div { display: block; clear: both; padding-top: 1em }
form div.formBox div label, form div.formBox div.checkBox { width: 10em; float: left; text-align: right; font-weight: bold; margin-right: 0.5em}
form div.formBox div input { width: 15em }
div.formButtons {margin-top: 1em}

.myTable, .myFilledTable {width: 100%; margin-top: 2px; font-size: 1em;}
.myTable {border: 1px #d2d2d2 solid}
.myTable tr.header, myFilledTable tr.header {background: url('/css/gradienttest.png'); border: 1px #d2d2d2 solid}
.myTable img {border: 0; margin-left: 5px; vertical-align: middle;}
.myTable2 tr.header2 {background: white; border-bottom: 1px red solid;}
.myTable2, .myTable2 tr.header2 {border: 1px #d2d2d2 solid;  width: 100%}
.myFilledTable tr.subHeader {background: white; color: #a3a2a2;}
.myFilledTable tr.even {background: white;}
.myFilledTable .archivedUser {background-color:#EAEAEA; border-bottom:thin solid darkgray; border-top:thin solid darkgray;}
.myFilledTable .archivedUser p {float:right;}
.subHeader {background: #f3f3f3; color: #a3a2a2;}
.subHeader td {padding-right: 5px;}
.myTable .borderRight {border-right: 1px #d2d2d2 solid}
.myTable .borderBottom {border-bottom: 1px #d2d2d2 solid}
.myTable , .myTable2 , .myFilledTable { font-size: inherit; *font-size: 1em; _font-size: 1em;}

#message {
    font-size:1em;
    padding: 4px;
    margin: 1em;
}

.OK {
    border: 1px solid #8ECD0B;
    background-color: #F0FADC;
}

.INFO {
    border: 1px solid #0068FF;
    background-color: #C0DAFF;
}

.WARNING {
    border: 1px solid #F0FF00;
    background-color: #FAFFAB;
}

.ERROR {
    border: 1px solid #FF0000;
    background-color: #FFCACA;
}

.OK .icon {
    background: url(/pub_images/icons/24x24/check.png) no-repeat;
    margin-right: 1em;
}

.INFO .icon {
    background: url(/pub_images/icons/24x24/information.png) no-repeat;
    margin-right: 1em;
}

.WARNING .icon {
    background: url(/pub_images/icons/24x24/warning.png) no-repeat;
    margin-right: 1em;
}

.ERROR .icon {
    background: url(/pub_images/icons/24x24/error.png) no-repeat;
    margin-right: 1em;
}

/*
form { margin: 0; padding: 0; }
form div { border: 0.05em solid #d2d2d2; margin: 1em 0; padding: 0.8em 0.8em 0.5em 0.8em; background: #f3f3f3; }
form div input { margin: 0.5em 0; }
form div input.checkbox { margin: 0 0.5em 0 0; padding: 0; float: left; }
form div label { display: block; font-weight: bold; }
form div span { font-size: 0.9em; color: #636363; line-height: 0.1em; }
*/

div#displayTopicContent, div#displayPartNavi {border: 0.05em #d2d2d2 solid;width:35em}
div#displayTopicContent div#header, div#displayPartNavi div#header {background: #d2d2d2; font-weight: bold}
form div.partNaviSelected {background: white}
form div.partNavi span.unselected {line-height: 1em}
form div.partNavi span.selected {background: black; line-height: 1em}

/* exercise and status style 3.0 */
DIV#sendEssay, DIV.essayItem {
    display: none;
    width: 100%;
    z-index: 0
}

DIV.itemCaseDiv {
	DISPLAY: none;
    WIDTH: 640px
}

DIV.itemDiv {
	DISPLAY: none;
    WIDTH: 100%;
    float:left;
}

DIV.scenarioCaseDiv {
/*border:1px solid rgb(200,200,200);*/
display:none;
float:left;
text-align:left;
padding:4px;
width:100%;
}

DIV.scenarioDiv {
background:#FFFFFF;
display:none;
float:left;
width:100%;
}
DIV.caseDiv {
background:#FFFFFF;
display:none;
float:left;
width:100%;
}

SPAN.divControlBar {
    height:25px;
    display: block;
    background: rgb(200,200,200);
    border-left:0.5px solid rgb(200,200,200);
    border-right:0.5px solid rgb(200,200,200);
    text-align:center;
}
SPAN.contentTypeBar {
    display: block;
    background: rgb(225,225,225);
    text-align:left;
    font-weight:bolder;
    border-left:0.5px solid rgb(200,200,200);
    border-right:0.5px solid rgb(200,200,200);
    border-top:0.5px solid rgb(200,200,200);
}
SPAN.correctAnswerGiven {  color: green; font-weight:bold; }
SPAN.correctAnswerNotGiven {  color: green; }
SPAN.wrongAnswerGiven { color: red; font-weight:bold;}
SPAN.wrongAnswerNotGiven { color: #999999; }
SPAN.correct { font-size: 20px; color: green; }
SPAN.incorrect { font-size: 20px; color: red; }
SPAN.unscored { font-size: 20px; color: blue; }
SPAN.ghost { color: #d2d2d2;}
SPAN.notdone { font-size: 20px; color: yellow; }
hr.answer { color: #008800; }
hr.feedback { color: #008800; }
.statusHeader {	font-style: italic; }
.correctOption { font-weight: bold; }
.wrongOption { color: #BBBBBB; }
table.status { border: 0px solid #008800;}
td.correct { background-color: green; }
td.incorrect { background-color: red; }
td.unscored { background-color: blue; }
td.notdone { background-color: yellow; }
A.number { text-decoration: none; }

SPAN.currentNavCounter { font-size: 30px; cursor: pointer; }
SPAN.otherNavCounter { font-size: 9px; padding-top: 21px; cursor: pointer; }
SPAN.answeredNavCounter { color: #999999; }

.digimentor_div {
  text-align: right;
}

.digimentor_div table{
  width: 100%;
}

.digimentor_div h4{
  margin: 0;
  padding: 0;
}

.digimentor_div td.withBorder{
    border: 1px solid #0092cf;
    background-color: #dff5f8;
    font-size:76%;
    padding: 4px;
}

.digimentor_div ol {
  list-style-type:none;
  padding: 0;
  margin-left: 0;
}

.odd {
  background-color:#E8E8E8;
}

.even2 {
  background-color: #E5E5E5;
}

.even {
  background-color: #FFFFFF;
}

.sortTable a {
 text-decoration: none;
}

.sortTable img {
 margin-left: 5px;
 border: 0;
}

.sortTable tr.header td.fav {
 width: 45px;
}

.sortTable td {
    white-space: nowrap;
}

#cursus_onderdelen .block .level1{
    padding: 0 10px;
}

#cursus_onderdelen .block .level2{
    padding: 0 20px;
}

#cursus_onderdelen .block .level3{
    padding: 0 30px;
}

#cursus_onderdelen .block .dijitTitlePaneTitle, #cursus_onderdelen .fo_block .dijitTitlePaneTitle{
    margin:0 0 0 3px;
    padding:0;
    border: 0;
    background: none;
}

#cursus_onderdelen .block .dijitTitlePane, #cursus_onderdelen .fo_block .dijitTitlePane{
    margin: 0 -2px 0 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0.2em;
}

#cursus_onderdelen .fo_block .dijitTitlePane .dijitClosed .dijitArrowNode {
    background-position:-42px 0;
}

#cursus_onderdelen .fo_block .dijitTitlePane .dijitOpen .dijitArrowNode {
    background-position:-28px 0;
}

#cursus_onderdelen .block .dijitTitlePaneTextNode{
    color:#0C3B8C;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

#cursus_onderdelen .block .dijitTitlePaneContentOuter, #cursus_onderdelen .fo_block .dijitTitlePaneContentOuter{
    background: url('/css/behind_box_high.png') bottom right no-repeat;
    border-style: none;
    margin:5px 0 -2px;
}

#cursus_onderdelen .block .dijitTitlePaneContentInner, #cursus_onderdelen .fo_block .dijitTitlePaneContentInner{
    margin: 0 0 0 5px;
    padding: 0;
}

.questionContentTitle .dijitTitlePane .dijitTitlePaneContentOuter .dijitReset .dijitTitlePaneContentInner,
    #internalLink .dijitTitlePaneContentOuter .dijitReset .dijitTitlePaneContentInner,
    .essayItem .dijitTitlePane .dijitTitlePaneContentOuter .dijitReset .dijitTitlePaneContentInner {
    height: 100%;
    overflow-y: hidden;
}

#cursus_onderdelen .adaptiveBlock .dijitTitlePaneTextNode{
    color: #0000FF;
}

#cursus_onderdelen .fo_block .dijitTitlePaneTextNode{
    color: #d2d2d2;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

.unreadNumber{
    font-size: 9px;
    vertical-align:35%;
}

.containTableDimension{
  width: 100%;
  max-height: 600px;
  overflow-y: scroll;
  overflow-x: scroll;
  white-space: nowrap;
}


.statisticsContent{float: right; width:30em; height: 600px;}

.statisticsContentFill{
    border: 1px solid #D2D2D2;
    height:100%;
    width:100%;
    overflow-x:auto;
}


.actionSpace{height:50px;vertical-align:text-bottom;}

.exportToCSV{
    vertical-align:top;
    height:30px;
    float:right;
    margin: 3px;
    text-align:right;
}

.blockPartStatus{
    float:right;
}
.courseParts{
    padding-left:20px;
}
.coursePartResults{
    text-align:left;
    padding-left:20px;
    font-size:11px;
}

.coursePartResults .details{
    float:right;
    font-size:10px;
}

.individualCourseOverview{
    padding:8px;
    padding-top:25px;
}

/* DOJO/DIJIT CUSTOM CSS */

.dijitTreeLabel{
    white-space: nowrap;
}

.dijitTreeNodeSelected{
    font-weight: bold;
}

#borderContainer {
      width: 100%;
      height: 100%;
      border:0;
}

#leftContentPane {
    border: 0;
    border-right: 1px #CCCCCC solid;
    background-color: #FFFFFF;
    padding: 0 !important;
    overflow-x: hidden;
}

#rightContentPane {
    border: 0;
    border-left: 1px #CCCCCC solid;
    background-color: #FFFFFF;
    padding: 0 !important;
    overflow-x: hidden;
}

.dijitTreeContainer img {
    margin: 0;
}

.header .dijitButtonNode {
/*background: #FFFFFF;*/
border-color:#C0C0C0 #C0C0C0 #9B9B9B;
border-style:solid;
border-width: 1px;
cursor:pointer;
line-height: 0.9em;
margin:0;
padding:0;
}

.dijitTab {
    background:#e4e4e4 top repeat-x;
}

.header .dijitDropDownButton {
margin: 1px;
}

.dijitMenu{
    font-size: 1em;
}

.dijitSplitterV{
	background:#CCCCCC;
	border:0;
	width:5px;
}

.courseInfo{
    color: #a3a2a2;
}

.disabled {
  color: #AAAAAA;
}

DIV.inlineFeedback {
    background: #FAF6D5;
    border: 1px solid #E7E7E7;
}

.visualFeedbackCorrectAnswer {
    background-color: #D6F194;
}

.visualFeedbackIcon {
    background-color: #FFFFFF;
}

.answerTable TD {
    border-bottom: 2px solid white;
}

/* SortableTable Dojo Widget CSS */

.sortableTable thead {
	background:#fff url(/css/gradient.png) repeat-x bottom left;
	font-weight: bold;
}

.sortableTable {
	border-top:1px solid #bfbfbf;
	border-left:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
    margin-top: 2px;
    font-size: 1em;
}

.sortableTable td {
	border-right:1px solid #bfbfbf;
}

.sortableTable .sortable{
	cursor: pointer;
}

.sortableTable .newItemRow {
    background: #DDDDFF;
}

.sortableTable .highlightRow {
    background: #DDDDFF;
}

.sortableTable .sortedUp .sortIcon{   
	background:url('/pub_images/icons/up.gif') no-repeat;
}

.sortableTable .sortedDown .sortIcon{
	background:url('/pub_images/icons/down.gif') no-repeat;
}

.sortableTable .sortedBase .sortIcon{
	height: 14px;
	width: 14px;
}

.sortableTable .zebra {
	background: #EFEFEF;
}

.sortableTable .highlighted {
    background: yellow;
}

.sortableTable .hoverable{
  background: #DEDEDE;
}

.sortableTable .hiddenTR {
    display: none;
}

.sortableTable .unread {
	font-weight: bold;
}

/* TableFilter Dojo Widget CSS */

.tableFilter .label {
    margin-left: 1em;
    font-weight: bold;
}

.tableFilter .reset {
    margin-left: 1em;
    margin-right: 1em;
    cursor: pointer;
}

.tableFilter .filter {
    margin-left: 1em;
    cursor: pointer;
}

/* (LEARNING OBJECTIVE) TAGGING */

.tag {
    display:block;
    overflow-y:auto;
}

.tag ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

.tag li {
    float:left;
    margin: 2px;
    padding: 2px 5px 2px 7px;
    background-color: #F3F7FD;
    border: 1px solid #BBD8FB;
    white-space:nowrap;
    width: auto;
}

.tag span {
}

.tag img {
    cursor:pointer;
    padding-left:0.3em;
    position:relative;
    top:0.05em;
}

.tag .notSubmitted {
    border: 1px solid #F0FF00;
    background-color: #FAFFAB;
}

.tag .forDeletion {
    border: 1px solid #FF0000;
    background-color: #FFCACA;
}

/* HEADER ICON CLASSES */

#header .personalDataIcon {
    background: url(/css/norm_right_on.gif) no-repeat;
    width: 16px;
    height: 16px;
}

#header .userIcon {
    background: url(/pub_images/icons/user1.gif) no-repeat;
    width: 16px;
    height: 16px;
}

/* ICON CLASSES */

.userIcon {
    background: url(/pub_images/icons/user1.gif) no-repeat;
    width: 16px;
    height: 16px;    
}

.usersIcon {
    background: url(/pub_images/icons/users2.png) no-repeat;
    width: 16px;
    height: 16px;
}

.contentLabelIcon {
	background: url(/pub_images/icons/cubes.png) no-repeat;
    width: 16px;
    height: 16px;
}

.topicIcon {
	background: url(/pub_images/icons/cube_yellow.png) no-repeat;
    width: 16px;
    height: 16px;
}

.objectiveIcon {
	background: url(/pub_images/icons/cube_green.png) no-repeat;
    width: 16px;
    height: 16px;
}

.subObjectiveIcon {
	background: url(/pub_images/icons/cube_blue.png) no-repeat;
    width: 16px;
    height: 16px;
}

.courseIcon {
	background: url(/pub_images/icons/books.png) no-repeat;
    width: 16px;
    height: 16px;
}

.contentPartIcon {
    background: url(/pub_images/icons/document_text.png) no-repeat;
    width: 16px;
    height: 16px;
}

.itemIcon {
	background: url(/pub_images/icons/unknown.png) no-repeat;
    width: 16px;
    height: 16px;
}

.listIcon {
    background: url(/pub_images/icons/table_view.png) no-repeat;
    width: 16px;
    height: 16px;
}

.libraryIcon {
    background: url(/pub_images/icons/book_open.png) no-repeat;
    width: 16px;
    height: 16px;    
}

.saveIcon {
    background: url(/pub_images/icons/disk_blue_add.png) no-repeat;
    width: 16px;
    height: 16px;
}

.findIcon {
    background: url(/pub_images/icons/find.png) no-repeat;
    width: 16px;
    height: 16px;
}

.okIcon {
    background: url(/pub_images/icons/check.png) no-repeat;
    width: 16px;
    height: 16px;
}

.deleteIcon {
    background: url(/pub_images/icons/delete.gif) no-repeat;
    width: 16px;
    height: 16px;
}

.addIcon {
    background: url(/pub_images/icons/add2.gif) no-repeat;
    width: 16px;
    height: 16px;
}

.trashIcon {
    background: url(/pub_images/icons/garbage.png) no-repeat;
    width: 16px;
    height: 16px;
}

.renameIcon {
    background: url(/pub_images/icons/rename.gif) no-repeat;
    width: 16px;
    height: 16px;
}

.cancelIcon {
    background: url(/pub_images/icons/forbidden.png) no-repeat;
    width: 16px;
    height: 16px;
}

.dashboardIcon {
    background: url('/pub_images/icons/dashboard.gif') no-repeat;
    width: 16px;
    height: 16px;
}

.propertiesIcon {
    background: url('/pub_images/icons/gears.png') no-repeat;
    width: 16px;
    height: 16px;    
}

.infoIcon {
    background: url('/pub_images/icons/information2.png') no-repeat;
    width: 16px;
    height: 16px;
}

.statisticsIcon {
    background: url('/pub_images/icons/column-chart.png') no-repeat;
    width: 16px;
    height: 16px;
}

.memotrainingIcon {
    background: url('/pub_images/icons/brain.png') no-repeat;
    width: 16px;
    height: 16px;
}

.threadIcon {
    background: url('/pub_images/icons/messages.png') no-repeat;
    width: 16px;
    height: 16px;
}

.replyIcon {
    background: url('/pub_images/icons/icon-msg-reply.gif') no-repeat;
    width: 16px;
    height: 16px;
}

.inboxIcon {
    background: url('/pub_images/icons/folder_blue.png') no-repeat;
    width: 16px;
    height: 16px;
}

.archiveIcon {
    background: url('/pub_images/icons/folder.png') no-repeat;
    width: 16px;
    height: 16px;
}

.toArchiveIcon {
    background: url('/pub_images/icons/folder_into.png') no-repeat;
    width: 16px;
    height: 16px;
}

.fromArchiveIcon {
    background: url('/pub_images/icons/folder_out.png') no-repeat;
    width: 16px;
    height: 16px;
}

.readIcon {
    background: url('/pub_images/icons/icon-msg-read.gif') no-repeat;
    width: 16px;
    height: 16px;
}

.unreadIcon {
    background: url('/pub_images/icons/icon-msg-unread.gif') no-repeat;
    width: 16px;
    height: 16px;
}

.announcementIcon {
    background: url('/pub_images/icons/about.png') no-repeat;
    width: 16px;
    height: 16px;
}

.discussionIcon {
    background: url('/pub_images/icons/messages.png') no-repeat;
    width: 16px;
    height: 16px;
}

.eCoachingIcon {
    background: url('/pub_images/icons/teacher.png') no-repeat;
    width: 16px;
    height: 16px;
}

.messageIcon {
    background: url('/pub_images/icons/icon-msg-unread.gif') no-repeat;
    width: 16px;
    height: 16px;
}

.calendarIcon {
    background: url(/pub_images/icons/calendar.png) no-repeat;
    width: 16px;
    height: 16px;
}

.linkIcon {
    background: url('/pub_images/icons/link.png') no-repeat;
    width: 16px;
    height: 16px;
}

.eventExamIcon {
    background: url('/pub_images/icons/flag_checkered.png') no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-right: 3px;
}

.eventExamPassedIcon {
    background: url('/pub_images/icons/flag_checkered_gray.png') no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-right: 3px;
}

.exportIcon {
    background: url('/pub_images/icons/export.png') no-repeat;
    width: 16px;
    height: 16px;
}

.helpIcon {
    background: url('/pub_images/help.gif') no-repeat;
    width: 16px;
    height: 16px;
    border: 0;
}

.customUserLeaf {
	background: url(/pub_images/icons/user1.gif) no-repeat;
}

.customSelectedUserLabel {
   font-weight: bold;
}

/* MESSAGE AVATARS */

.teacherAvatar {
    background: url('/pub_images/icons/48x48/teacher.png') no-repeat;
    width: 48px;
    height: 48px;
}

.userAvatar {
    background: url('/pub_images/icons/48x48/user1_message.png') no-repeat;
    width: 48px;
    height: 48px;
}

.moderatorAvatar {
    background: url('/pub_images/icons/48x48/user1_monitor.png') no-repeat;
    width: 48px;
    height: 48px;
}

.tundra .dijitEditorIconMtContentPartSelector {
    background: url(/pub_images/icons/document_text.png) no-repeat;
    width: 16px;
	height: 16px;
	text-align: center;
}

.tundra .dijitEditorIconInsertFile {
    background: url(/pub_images/icons/folder_document.png) no-repeat;
    width: 16px;
	height: 16px;
	text-align: center;
}

.tundra .dijitEditorIconMtLateX {
    background: url(/pub_images/icons/text_formula.png) no-repeat;
    width: 16px;
	height: 16px;
	text-align: center;
}


/* DIJIT SLIDER */

.dijitSlider td {
    border:0;
}

/* DIJIT PROGRESSBAR */

.tundra .dijitProgressBarFull {
	background:#f0f0f0 url("/pub_images/progressBarFull.png") repeat-x center center;
}

.tundra .dijitProgressBarTile {
	background:#f0f0f0 url("/pub_images/progressBarFull.png") repeat-x center center;
}

.tundra .red .dijitProgressBarFull {
	background:#f0f0f0 url("/pub_images/progressBarFull_red.png") repeat-x center center;
}

.tundra .red .dijitProgressBarTile {
	background:#f0f0f0 url("/pub_images/progressBarFull_red.png") repeat-x center center;
}

.tundra .orange .dijitProgressBarFull {
	background:#f0f0f0 url("/pub_images/progressBarFull.png") repeat-x center center;
}

.tundra .orange .dijitProgressBarTile {
	background:#f0f0f0 url("/pub_images/progressBarFull.png") repeat-x center center;
}

.tundra .green .dijitProgressBarFull {
	background:#f0f0f0 url("/pub_images/progressBarFull_green.png") repeat-x center center;
}

.tundra .green .dijitProgressBarTile {
	background:#f0f0f0 url("/pub_images/progressBarFull_green.png") repeat-x center center;
}

.tundra .blue .dijitProgressBarFull {
	background:#f0f0f0 url("/pub_images/progressBarFull_blue.png") repeat-x center center;
}

.tundra .blue .dijitProgressBarTile {
	background:#f0f0f0 url("/pub_images/progressBarFull_blue.png") repeat-x center center;
}

/* DIJIT DIALOG*/

.dijitDialogUnderlay {
background:#000000 none repeat scroll 0 0;
opacity:0.8;
}

/* GENERAL */

.withDivider {
    border-right:1px solid #bfbfbf;
}

.no-Wrap {
    white-space: nowrap !important;
}

.no-Border {
    border: 0 !important;
}

.no-Margin {
    margin: 0 !important;
}

.smallest{
    width: 1% !important;
    white-space: nowrap !important;
}

.biggest{
    width: 100% !important;
}

.multimediaAnswer {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit;
    line-height: inherit;
}
/*
.messageTable .messageBlock {
  background-color: #CDE1FF;
  border: 1px solid #95BDF6;
}

.messageTable .messageModerator .messageBlock {
  background-color: #ECFFC5;
  border: 1px solid #B3DF54;
}
*/

.messageTable .messageModerator .messageBlock {
    background-color: #FAF6D5;
    border: none;
}

.messageTable .messageBlock {
    background-color: #EEEEEE;
    border: none;
}

.messageTable .messageEdited {
  font-size: 0.8em;
  color: #A2A2A2;
}

/*#sectionsLeftTd:hover {*/
    /*background:#EAEAEA;*/
    /*cursor: pointer;*/
/*}*/

/*#sectionsLeftTd tr:hover {*/
    /*text-decoration: underline;*/
/*}*/

#calendar .dateRow {
    background-color: #EAEAEA;
    font-weight: bold;
}

#calendar .eventTime {
    font-weight: bold;
}

#calendar .passedEvent {
    color: #AAAAAA;
}

#calendar .underwayEvent {
    font-weight: bold;
}

#calendar .eventLocation {
    font-size: smaller;
    color: #AAAAAA;
}

#calendar .eventDescription {
    font-size: smaller;
}

#calendar .dateSpacing {
    font-size: 3px;
}

.questionContentNumber {
    float: left;
    margin-right: 10px;
}