/* 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; }
#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 { 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 { 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; color: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 { background:white; 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; }

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

#subnav span { color: #999; }

.mtButton span.buttonBase, .mtButton span.buttonBase:hover {
}
.mtButton span.buttonColor, .mtButton span.buttonColor:hover {
  border: 1px solid #f15a5b;
  background-color: #f58686;
  background: -webkit-gradient(linear, left top, left bottom, from(#f58686), to(#f26869));
  background: -moz-linear-gradient(top, #f58686, ##f26869);
  background-image: -o-linear-gradient(top, #f58686, ##f26869);
  background-image: -ms-linear-gradient(top, #f58686, ##f26869);
  background-image: linear-gradient(top, #f58686, ##f26869);
}
.mtButton span.buttonColor:hover {
  border: 1px solid #dc4748;
}
.mtButton span.buttonDisabled, .mtButton span.buttonDisabled:hover {
}

.dijitTitlePane { margin-bottom:15px; }
body, body#viewExercises, body.coursePartPlayer { font-size:12px; background:#FFF url(/spar/images/spar_verkoop_bg.jpg) center top no-repeat; font-family: Arial, sans-serif; }

#container { background:none; border:none; margin-top:0px; }
#header { height:200px; }
#h_top { height:140px; }
p#user { background:#FFF; padding:10px; }
p#user img { display:none; }
#helpButton { background:#F04D4E; }

#navi ul { background:none; }
#navi li { background:none; }
#navi li.home { margin-right:10px; }
#navi li a { background:none; color:#71B254; text-transform:uppercase; font-size:14px; padding:7px 10px; }
#navi li.home a { padding-left:0px; padding-right:0px; }
#navi li#current { background:transparent url(/logos/navi.png) center bottom no-repeat; height:59px; padding:0px; }
#navi li#current a { background:none; color:#277F4B; text-transform:uppercase; font-size:14px; }
#navi li#current.home a { padding-left:0px; }

#subnav { background:none; }

#upload table { background:#FFF; }

h1, h2, h2 a, h2 a:hover { font-size:20px; color:#277F4B; }
#content h2 { font-size:18px; color:#231F20; }
h3, h4, h5, h6 { color:#277F4B; }

h1, h2, h3, h4, h5 { text-align:left; }

a, td a, p a, #subnav span a { color:#71B254; text-decoration:none; }
a:hover, td a:hover, p a:hover, #subnav span a:hover { color:#71B254; text-decoration:underline; }

#navi_options .box { background:none; border:none; font-size:13px; }
#navi_options .box h2 { margin-left:0px; }
#navi_options .box p { margin-left:0px; }

/* Progress bars */
#myCourses .active .block #voortgang .progressTable div table { border:1px solid #71B254; height:26px; }
.progressTable .bar_empty { height:26px; background: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #71B254; }
.progressTable .bar_empty td { background:none; padding:3px; }
.progressTable .barTable { height:26px; background: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:3px; border:1px solid #71B254; }
.barTable .progressEmpty { background: none; }
.barTable .progressFull { background: #C9E0B7; background: -moz-linear-gradient(left, #FFF, #B0D195); background: -webkit-gradient(linear, left top, right top, from(#FFF), to(#B0D195)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#FFFFFF', EndColorStr='#B0D195', GradientType=1); }
.progressTable .bar_empty p { color:#71B254; }
.progressTable .barTable p { color:#277F4B; }
.progressTable .title { border:none; background:none; line-height:23px; color:#277F4B; }
.progressTable .helpIcon { background:url(/logos/spar_help.png) left top no-repeat; }

#myCourses .active .block h3 { color:#231F20; }

#myCourses .active .block span.right img { display:none; }
#myCourses .active .block span.right a { text-transform:uppercase; color:#FFF; background:url(/logos/spar_start.png) left top repeat-x; font-weight:bold; padding:6px; }
#myCourses .active .block span.right strong { position:relative; top:10px; }

#cursus_onderdelen .block { background:#FFF; border:1px solid #B1B3B6; }
#cursus_onderdelen .block .dijitTitlePane { background:none; }
#cursus_onderdelen .block .dijitTitlePaneTitle { margin: 10px; }
#cursus_onderdelen .block .dijitTitlePaneTextNode { color:#277F4B; font-size:16px; margin: 0; }
#cursus_onderdelen .block .dijitTitlePaneContentOuter { background:none; }
#cursus_onderdelen .block .coursePartHeader { color:#231F20; font-weight:bold; font-size:13px; background:#FFF url(/spar/images/spar_dt.png) left top repeat-y; border:none; margin-top:0.16em; padding:5px 0 5px 5px; margin-right: 10px;}
#cursus_onderdelen .block .coursePartHeader a.button { text-transform:uppercase; color:#FFF; background:#AAA url(/logos/spar_start.png) left top repeat-x; font-weight:bold; padding:6px; border:none; margin: -5px 0 0;}

#cursus_onderdelen .fo_block { background:#FFF; border:1px solid #B1B3B6; }
#cursus_onderdelen .fo_block .dijitTitlePane { background:none; }
#cursus_onderdelen .fo_block .dijitTitlePaneTitle { margin: 10px; }
#cursus_onderdelen .fo_block .dijitTitlePaneTextNode { color:#277F4B; font-size:16px;  margin: 0;}
#cursus_onderdelen .fo_block .dijitTitlePaneContentOuter { background:none; }
#cursus_onderdelen .fo_block .coursePartHeader { color:#231F20; font-weight:bold; font-size:13px; background:#FFF url(/spar/images/spar_dt.png) left top repeat-y; border:none; margin-top:0.16em; padding:5px 0 5px 5px; margin-right: 10px;}

.tundra #cursus_onderdelen #right .dijitTitlePane { background:#71B254; }
.tundra #cursus_onderdelen #right .dijitTitlePaneTitle { background:none; border:none; padding:10px; }
.tundra #cursus_onderdelen #right .dijitTitlePaneTextNode { color:#FFF; font-weight:bold; font-size:14px; }
.tundra #cursus_onderdelen #right .dijitTitlePaneTextNode img { display:none; }
.tundra #cursus_onderdelen #right .dijitTitlePaneContentOuter { background:none; border:none; color:#FFF; }
.tundra #cursus_onderdelen #right .dijitTitlePaneContentOuter .helpIcon { background-image:url(/logos/spar_help2.png); }
.tundra #cursus_onderdelen #right .dijitTitlePane h4 { color:#FFF; }
.tundra #cursus_onderdelen #right .dijitTitlePane a { color:#FFF; text-decoration:underline; }
.tundra #cursus_onderdelen #right .dijitTitlePane a:hover { color:#FFF; text-decoration:underline; }

.tundra #cursus_onderdelen #right #searchContentParts_pane.dijitTitlePaneContentInner a.button, body#viewExercises #cursus_onderdelen #right #searchContentParts.dijitTitlePane a.button  { background:none; border:none; }

.coursePartPlayer #content_container { background:none; filter:none; }
.coursePartPlayer .content_wrapper .content { border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; width:950px; background:none; margin: 0 auto; }
.coursePartPlayer .content_wrapper .content h3 { color:#71B254; font-size:16px; }
.coursePartPlayer .content_wrapper .content a { color:#ED1A3B; text-decoration:underline; }
.coursePartPlayer .content_wrapper .content a:hover { color:#ED1A3B; text-decoration:underline; }
.coursePartPlayer #header { margin-top:130px; width:970px; margin-left:auto; margin-right:auto; }
.coursePartPlayer #header h1 { color:#231F20; font-size:12px; margin-bottom:0px; }
.coursePartPlayer .navigator.itemCounter { background:none; border:none; font-size:12px; color:#277F4B; }
.coursePartPlayer .close { position: relative; top: 60px; }
.coursePartPlayer .leftButton, .rightButton { top:300px; }
.coursePartPlayer .navigateButton a.buttonColor { background:#ED1A3B; filter:none; }
.coursePartPlayer .discussion_wrapper { width:950px; }

table.popupHelp { background:#FFF; }

.questionCell { font-size:1em; font-weight:inherit; }

#cursus_onderdelen .block.blockExplanationTemplate { padding-left: 5px; }
#cursus_onderdelen .block.blockExplanation { border: none; }