/* FIX */

html { overflow:auto; }
a { color:blue; }
body { background:#F2F2F2; }
hr { border:1px #D2D2D2 solid; background:none; }
a, a:hover, td a, td a:hover, p a, p a:hover, #subnav span a, #subnav span a:hover { color:blue; text-decoration:underline; }
h2, h3, h4, h2 a, #subnav a, legend { color:#0C3B8C; text-decoration:none; font-family:inherit; }
h1 { font-size:1.4em; font-family:inherit; color:#0C3B8C; }
.coursePartPlayer #header h1 { color:inherit; }
h2 { font-size:1.3em; font-family:inherit; color:#0C3B8C; }
h3 { font-size:1.2em; font-family:inherit; color:#0C3B8C; }
h4 { font-size:1em; font-family:inherit; color:#0C3B8C; }
h5 { font-family:inherit; color:#0C3B8C; }
a.button, #myCourses dl.inactive a { background:white; border-width:0 0.05em 0.05em 0; border-style:solid; border-color:#D2D2D2; color:#636363; }
input.formbutton, input.formbutton:hover, input.button, input.button:hover { font-family:inherit; }
#container { width:78em; padding:1.3em; margin:1.5em auto; border:0.05em solid #D2D2D2; background:white; }
#container #content { width:99%; margin:0px; }
#header { width:auto; height:9em; background:none; }
* html #container #header { width: auto; height: 9em; background: none; }
#h_top { margin:0px; height:6.3em; width:auto; }
#user { padding:0px; color:inherit; font-family:inherit; }
#user a { font-family:inherit; color:inherit; font-size:inherit; }
#navi { width:100%; }
#navi ul, #subnav { width:100%; list-style:none; background:url("/css/navi_bg_ans.png") repeat-x bottom; float:left; }
#navi ul { margin: -3px 0 0 0; float:left; width:100%; padding:0; background:url(/css/navi_bg_ans.png) repeat-x bottom; }
#navi li { background: url("/css/navi_right_ans.png") no-repeat right top; }
#navi a, #navi .mtDropMenuButton { color:white; background:url("/css/navi_left_ans.png") no-repeat left top; font-weight:bold; font-size:inherit; font-family:inherit; }
#navi li#current { background:url("/css/navi_right_on_ans.png") no-repeat right top; }
#navi li#current a, #navi li#current .mtDropMenuButton { background:url("/css/navi_left_on_ans.png") no-repeat left top; color:#0C3B8C; }
#subnav { background:white; padding:0.6em 0; margin:0; }
#subnav span { color:inherit; font-size:inherit; font-weight:inherit; }
#subnav a { color:inherit; font-size:inherit; font-weight:inherit; }
.tool_box { background-color:#F2F2F2; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
.tool_box p { font-family:inherit; font-size:inherit; color:inherit; }
.actionContainer { border:#EBEBEB solid 1px; }
.myTable tr.header, myFilledTable tr.header { background: url('/css/gradienttest.png'); border: 1px #d2d2d2 solid; }
.mtTable { border:1px solid #BFBFBF; }
.mtTable thead { background:#fff url(../css/gradient.png) repeat-x bottom left; }
.mtTable td { border-right:1px solid #BFBFBF; }
.mtTable .zebra { background:#EFEFEF; }
.mtTable .highlighted { background:yellow; }
.mtTable .lowlighted  { opacity: 0.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); }
.mtTable .hoverable { background:#FFFF66; }
.discussion.root .subject, .discussion.root .body, .discussion.root .from, .discussion.root .profileDescription, .discussion.root.teacher .subject, .discussion.root.teacher .body, .discussion.root.teacher .from, .discussion.root.teacher .profileDescription  { color:inherit; font-family:inherit; font-size:inherit; font-weight:inherit; }
.discussion.root.teacher { background-color:#FAF6D5; }
.discussion .profileDescription { font-size: smaller; font-style: italic; }
#newThreadForm h4 { color:inherit; font-family:inherit; font-size:inherit; font-weight:inherit; }
#myCourses .block { padding:0.8em 0.8em 0 0.8em; background:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border: 1px solid #d2d2d2; }
#myCourses .block h3 { font-family:inherit; font-weight:bold; font-size:1.2em; color:inherit; left:0px; top:0px; }
#myCourses .block .right a { font-family:inherit; font-size:inherit; font-weight:inherit; color:inherit; margin:0px; }
#myCourses .block .right img { margin:0px; }
#myCourses .block .right strong { font-size:0.8em; font-family:inherit; right:0px; top:0px; color:#999999; }
#myCourses .block #voortgang { padding:0px; }
#myCourses .block #left { height:auto; margin:0 1em 0 0; }
#myCourses .block #right { height:auto; margin-top:0px; }
#myCourses .block #voortgang .progressTable div table { border:none; height:22px; }
.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 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; opacity: 1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.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; }
#myCourses dl.inactive dt { border-width:0 0 0 0.15em; border-style:solid; border-color:#d2d2d2; background:url(behind_dt.png) repeat-y; }
#myCourses dl.inactive strong { font-family:inherit; font-weight:inherit; font-size:inherit; color:inherit; }
.progressTable  table p, .progressTable .title { font-family:inherit; font-weight:inherit; font-size:inherit; color:inherit; }
.progressTable .barTable { width: 100%; height: 1.2em; text-align: right; background: url(progressbar.png); border:thin solid lightgray; opacity: 1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.barTable .progressFull { background:url("progressbar.png"); }
.barTable .progressEmpty { background:url("progressbar_back_small.png"); }
body#viewExercises div#right { float:left; }
#cursus_onderdelen .block { padding:0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:url(/css/behind_box_high.png) bottom right no-repeat; border-color:#0C3B8C; border-style:solid; border-width:0 0 0 0.2em; font-family:inherit; }
#cursus_onderdelen .block .dijitTitlePaneTextNode { color:inherit; font-size:1.2em; font-weight:bold; font-family:inherit; }
#cursus_onderdelen .block a { font-family:inherit; font-weight:inherit; font-size:inherit; }
#cursus_onderdelen .block .coursePartHeader { padding:0.4em 0.6em; border:none; background:url('/css/behind_dt.png') repeat-y; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; color:inherit; font-family:inherit; font-size:inherit; margin-right:2px; border-left:1px solid #D2D2D2; }
#cursus_onderdelen .block .coursePartHeader a.button { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
#cursus_onderdelen .fo_block { padding:0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:url(/css/behind_box_high.png) bottom right no-repeat; border-color:#D2D2D2; border-style:solid; border-width:0 0 0 0.2em; font-family:inherit; }
#cursus_onderdelen .fo_block .dijitTitlePaneTextNode { color:inherit; font-size:inherit; font-weight:bold; font-family:inherit; }
#cursus_onderdelen .fo_block .coursePartHeader { padding:0.4em 0.6em; border:none; background:url('/css/behind_dt.png') repeat-y; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; color:inherit; font-family:inherit; font-size:inherit; margin-right:2px; border-left:1px solid #D2D2D2; }
#cursus_onderdelen .block .dijitTitlePaneContentOuter, #cursus_onderdelen #left .fo_block .dijitTitlePaneContentOuter, #cursus_onderdelen #left .adaptiveBlock .dijitTitlePaneContentOuter { background:none; border:none; margin:0px; }
#cursus_onderdelen .block .dijitTitlePaneContentInner, #cursus_onderdelen #left .fo_block .dijitTitlePaneContentInner, #cursus_onderdelen #left .adaptiveBlock .dijitTitlePaneContentInner { background:none; }
.tundra #cursus_onderdelen #right .dijitTitlePaneTitle { background:#E6E6E6 url(images/titleBar.png) repeat-x bottom left; border:1px solid #BFBFBF; padding:3px 4px; font-weight:inherit; color:inherit; }
.courseWidget { padding-bottom:10px; }
.tundra #cursus_onderdelen #right .dijitTitlePaneTextNode { padding:0px; border:none; }
.tundra #cursus_onderdelen #right .dijitTitlePane { max-width:auto; }
.tundra #cursus_onderdelen #right .dijitTitlePaneContentOuter { background:#FFFFFF; border:1px solid #BFBFBF; border-top:0px; padding:0px; }
.tundra #cursus_onderdelen #right .dijitTitlePaneContentInner { max-width:auto; padding:10px; }
.tundra #cursus_onderdelen #right #searchContentParts_pane.dijitTitlePaneContentInner a.button, body#viewExercises #cursus_onderdelen #right #searchContentParts.dijitTitlePane a.button { font-family:inherit; font-size:inherit; font-weight:normal; padding:0.3em 0.4em; border-color:#D2D2D2; border-style:solid; border-width:0 0.05em 0.05em 0; }
#navi_options .box { 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 { margin:0.3em 0 0.3em 0.6em; }
#navi_options .box p { margin:0.3em 0 0.3em 1em; padding:0 0 1em 0; background:none; border:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; max-height:auto; font-family:inherit; font-size:inherit; font-weight:inherit; color:inherit; }
#navi_options .box a { font-family:inherit; font-size:inherit; font-weight:normal; }
body.coursePartPlayer { background:#FFF; }
.coursePartPlayer #header { background:none; }
.coursePartPlayer #content_container { margin:0px; background:#EAEAEA; }
.coursePartPlayer .content_wrapper .content { -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; }

/* ========================*/

/*
  versie 4.1 rounded nav vernieuwd 19-02-07
*/


#cursus_onderdelen .block .dijitTitlePaneTextNode{
    color: #011B4E;
}

#cursus_onderdelen .adaptiveBlock .dijitTitlePaneTextNode{
    color: #011B4E;
}

body, body#viewExercises { margin: 0; font-size: 76%; font-family: Arial; background: #F2F2F2; color: #5d5d5d }


#container { width: 78em; height: auto; padding: 1.3em; margin: 1.5em auto; background: white; border: 0.05em solid #d2d2d2; }

#header { width: auto; height: 9em;}

#h_top { height: 6em; }

#img_logo { width: 60em; height: 6.6em; }

#user { float: right;}


#navi ul { float: left; width: 100%; margin: -3px 0 0 0; padding: 0; list-style: none; background: url(/logos/navi_bg_vbo.png) repeat-x bottom; }
#navi li { float: left; margin-right: 0.2em; margin-top: 0.3em; padding: 0em; background: url('/logos/navi_right_vbo.png') no-repeat right top;; }
#navi a { display: block; background:url('/logos/navi_left_vbo.png') no-repeat left top;; padding: 0.5em 1em; color: white;  text-decoration: none; font-weight: bold}
#navi a:hover { text-decoration: underline;}
#navi li#current { background-image: url('/logos/navi_right_on_vbo.png'); }
#navi li#current a { background: url('/logos/navi_left_on_vbo.png') no-repeat; color: #011B4E; }
#navi li#current a:hover { text-decoration: none; }
/* MAC */
#header a { float: none; }
/* IE5-MAC */

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

p a:HOVER { color: blue; text-decoration: underline}
td a:HOVER { color: blue; text-decoration: underline}



h1,h2,h3,h4,h5 { margin: 0 0 0.5em 0; text-align: justify; font-weight: bold}
h2,h3,h4,h2 a, #myCourses .block h3, #subnav a, legend { color: #011B4E; text-decoration: none; }
p {font-size: 95%; line-height: 1.5em;}

#content h1 { font-size: 1.4em; color: #011B4E}
#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: #011B4E; 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(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 { padding: 0.3em 0; }
.tool_box input.text { width: 115px; font-size: 1.3em; margin: 0.1em 0; }
.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; }

#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; }

#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(/css/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(/css/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(/css/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: rgb(245,245,245); border-width: 0 0.05em 0 0; border-color: #d2d2d2; border-style: solid; }

#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 .block ol {list-style-type: square; padding-left:-1em; padding-bottom: 1em; line-height: 1.5em;}
#cursus_onderdelen #right .block li {margin-left: -1em}
#cursus_onderdelen #right .block ol li span {font-weight: bold}

#cursus_onderdelen .block { margin: 0 0 1em 0; padding: 0; border-color: #011B4E; 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; }

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%}
.myTable {border: 1px #d2d2d2 solid}
.myTable tr.header, myFilledTable tr.header {background: url('/logos/gradienttest.png'); font-size: 12px; border: 1px #d2d2d2 solid}
.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; font-size: 12px;}
.myFilledTable tr.even {background: white;}
table.myTable tr.header td b{font-size: 100%}
/*
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: white; }
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}
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, DIV.itemDiv { display: none; width: 640px; z-index: 0 }
SPAN.correct { font-size: 20px; color: green; }
SPAN.incorrect { font-size: 20px; color: red; }
SPAN.unscored { font-size: 20px; color: blue; }
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; }
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; }

#helpButton { background:#011B4E; }
#helpButton a { color:#FFF; }

/* IE6 */
.coursePartPlayer .leftButton, .coursePartPlayer .rightButton { *position:absolute;  }
.coursePartPlayer .leftButton img { *background-image:url(/logos/button_links.gif); }
.coursePartPlayer .rightButton img { *background-image:url(/logos/button_rechts.gif); }
.coursePartPlayer .controlButtons { *position:absolute; }
.coursePartPlayer .controlButtons #eCoachingButton img { *background-image:url(/logos/stelvraagdocent.gif); }
.coursePartPlayer .controlButtons #moreInfoButton img { *background-image:url(/logos/meer_info.gif); }
.coursePartPlayer .navigator img { *background-image:none; }
.coursePartPlayer .navigator { *background-image:none; *background-color:#FFF; }
.coursePartPlayer .content_wrapper { *height:auto; }
.coursePartPlayer .content_wrapper .content { *height:auto; }
.coursePartPlayer .navigator.itemCounter { *color:#666666; }

/* Progress bars */
#myCourses .active .block #voortgang .progressTable div table { border:thin solid lightgray; height:22px; }
.progressTable .bar_empty { height:22px; background: #F0F0F0; background: -moz-linear-gradient(top, #E5E5E5, #FFFFFF); background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#FFFFFF)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#E5E5E5', EndColorStr='#FFFFFF', GradientType=0); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.progressTable .bar_empty td { filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#E5E5E5', EndColorStr='#FFFFFF', GradientType=0); }
.progressTable .barTable { height:22px; background: #F0F0F0; background: -moz-linear-gradient(top, #E5E5E5, #FFFFFF); background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#FFFFFF)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#E5E5E5', EndColorStr='#FFFFFF', GradientType=0); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.progressTable .barTable .progressEmpty { background: #F0F0F0; background: -moz-linear-gradient(top, #E5E5E5, #FFFFFF); background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#FFFFFF)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#E5E5E5', EndColorStr='#FFFFFF', GradientType=0); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.progressTable .barTable .progressFull { background: #64AC16; background: -moz-linear-gradient(top, #6DB123, #5CA80A); background: -webkit-gradient(linear, left top, left bottom, from(#6DB123), to(#5CA80A)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#6DB123', EndColorStr='#5CA80A', GradientType=0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.progressTable .bar_empty p { color:#666; }
.progressTable .barTable p { color:#FFF; }
.progressTable .title { border:none; background:none; line-height:24px; }

/* Dashboard */
.courseDescriptionStats .courseDescriptionStatBar { border-radius: 4px; background: #F0F0F0; border: 1px solid #D3D3D3; }
.courseDescriptionStats .courseDescriptionStatBar div { border-radius: 3px; background: #64AC16; }
.dashBoard .dijitTitlePaneTextNode { color: #011B4E; }

/* Suggestion blocks */
.courseSuggestionBlock { background: #71B6DF; }
.courseSuggestionBlock .courseSuggestionEnd { border-left-color: #71B6DF; }
.courseSuggestionBlock:hover { background: #4796c4; }
.courseSuggestionBlock:hover .courseSuggestionEnd { border-left-color: #4796c4; }

/* Courses menu */
.mtDropMenuWindow { background: #FFF; border-color: #011B4E; }
.mtDropMenuWindow a { color: #011B4E; }

#contentPartLayout h1,
.contentPartLayout h1,
#dijitEditorBody h1,
.dijitInputContainer h1,
.dijitComboBoxMenuPopup h1 {
  font-family: 'Cardo', serif;
  font-size: 28px;
  font-weight: normal;
  font-style: italic;
  color: #2d3192;
}
#contentPartLayout h2,
.contentPartLayout h2,
#dijitEditorBody h2,
.dijitInputContainer h2,
.dijitComboBoxMenuPopup h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #db2228;
}
#contentPartLayout h3,
.contentPartLayout h3,
#dijitEditorBody h3,
.dijitInputContainer h3,
.dijitComboBoxMenuPopup h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #db2228;
}
#contentPartLayout p,
#contentPartLayout,
.contentPartLayout p,
.contentPartLayout,
#dijitEditorBody p,
#dijitEditorBody,
.dijitInputContainer p,
.dijitInputContainer,
.dijitComboBoxMenuPopup p,
.dijitComboBoxMenuPopup {
  font-family: 'Cardo', serif;
  font-size: 16px;
  font-weight: normal;
  color: #2d3192;
}
#contentPartLayout ul li,
#contentPartLayout ol li,
.contentPartLayout ul li,
.contentPartLayout ol li,
#dijitEditorBody ul li,
#dijitEditorBody ol li,
.dijitInputContainer ul li,
.dijitInputContainer ol li,
.dijitComboBoxMenuPopup ul li,
.dijitComboBoxMenuPopup ol li {
  font-family: 'Cardo', serif;
  font-size: 16px;
  font-weight: normal;
  color: #2d3192;
}
#contentPartLayout ul,
.contentPartLayout ul,
#dijitEditorBody ul,
.dijitInputContainer ul,
.dijitComboBoxMenuPopup ul {
  list-style: none;
  padding-left: 2em;
}
#contentPartLayout ol,
.contentPartLayout ol,
#dijitEditorBody ol,
.dijitInputContainer ol,
.dijitComboBoxMenuPopup ol {
  padding-left: 2em;
}
#contentPartLayout ul li:before,
.contentPartLayout ul li:before,
#dijitEditorBody ul li:before,
.dijitInputContainer ul li:before,
.dijitComboBoxMenuPopup ul li:before {
  display: inline-block;
  content: "-";
  width: 1.3em;
  margin-left: -1.6em;
  font-size: 13px;
}

#contentPartLayout table,
.contentPartLayout table,
#dijitEditorBody table {
  background: #dddef5;
  border-left: 1px solid #2d3192;
  border-top: 1px solid #2d3192;
  border-spacing: 0;
  width: 100%;
}
#contentPartLayout table td,
.contentPartLayout table td,
#dijitEditorBody table td {
  border-right: 1px solid #2d3192;
  border-bottom: 1px solid #2d3192;
  padding: 3px;
}