/****** [Alerts] ******/
.msg_warning {
  border:1px solid #8b0b0b;
  background-color:#ebc1c1;
  padding:6px;
  margin:5px 0 10px 0;
  display:block;
}
.msg_success {
  border:1px solid #cce621;
  background-color:#e7efa2;
  padding:6px;
  margin:5px 0 10px 0;
}
.msg_warning p, .msg_success p {
  margin:5px 0px;
}
.msg_success, .msg_success * {
    color:#5e6b07;
}
.msg_warning, .msg_warning * {
    color:#8b0b0b;
}
.msg_alert {
  position:relative;
  border:1px solid #ffea00;
  padding:6px 6px 6px 75px;
  margin:5px 0 10px 0;
  display:block;
  height:1%;
  background:#f9fee5 url(../images/icons/alert_icon.gif) no-repeat 6px 7px;
}
.msg_alertnopadd {
  padding-left:30px;
}
.msg_alert, .msg_alert * {
  color:#000;
}
.msg_alert strong {
  position:absolute;
  left:28px;
  top:6px;
}


.msg_warning ul li {
  background-image:url(../images/layout/bullet_red.gif);
}
.msg_success ul li {
  background-image:url(../images/layout/bullet_green.gif);
}

/****** [/Alerts] ******/

img.iconnormal {
  background-color:#2bcaff;
  vertical-align:middle;
}
img.icongreen {
  background-color:#26cc00;
  vertical-align:middle;
}
img.iconred {
  background-color:#e43c3c;
  vertical-align:middle;
}
img.iconlightred {
  background-color:#ea9999;
  vertical-align:middle;
}
img.icongray {
  background-color:#9f9f9f;
  vertical-align:middle;
}

span.noimg {
  padding:0 6px 0 7px;
}

.layout_fix {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}

.last {
  margin-right: 0 !important;
}


#content_header {
  position: relative;
}


/******ROUNDED CORNERS******/
.roundcontainer p {
  padding:5px 0;
}
.roundcontainer h3 {
  padding-bottom:6px;
}

.roundtop, .roundbottom {
  display:block;
  font-size:1px;
  line-height:1px;
}
.roundtop div.corner, .roundbottom div.corner {
  width:8px;
  height:8px;
  font-size:1px;
  line-height:1px;
  display:block;
}

.roundtop               {background:url(../images/styles/corner_rt.gif) right top no-repeat;}
.roundbottom            {background:url(../images/styles/corner_rb.gif) right top no-repeat;}
.roundtop div.corner    {background:url(../images/styles/corner_lt.gif) no-repeat;}
.roundbottom div.corner {background:url(../images/styles/corner_lb.gif) no-repeat;}

.roundedlight .roundtop               {background:url(../images/styles/cornerl_rt.gif) right top no-repeat;}
.roundedlight .roundbottom            {background:url(../images/styles/cornerl_rb.gif) right top no-repeat;}
.roundedlight .roundtop div.corner    {background:url(../images/styles/cornerl_lt.gif) no-repeat;}
.roundedlight .roundbottom div.corner {background:url(../images/styles/cornerl_lb.gif) no-repeat;}

.relassignment {
  background:#fff;
  padding:0 7px 0 7px;
  margin-bottom:10px;
  border:1px solid #2bcaff;
}
.relassignment h2 {
  background-color:#2bcaff;
  color:#fff;
  padding:0 7px;
  margin:0 -7px 8px -7px;
}
.relassignment li {
  background-position:8px 6px;
  padding-left:24px;
}


/****** [Infobox] ******/
.infotxtdata {
  display:none;
}

.infobox, .infoboxhead {
  width:250px;
}
.infobox .infoboxtitle {
  display:none;
}
.infobox {
  background:url(../images/styles/infobox_top.gif) no-repeat;
}
.infoboxhead {
  background:url(../images/styles/infoboxhead_top.gif) no-repeat;
}

.infoboxhead .infoboxtitle {
  margin-top:7px;
  padding:1px 7px;
  display:block;
  background:#2bcaff;
  font-weight:bold;
  color:#fff;
  font-size:10px;
  line-height:14px;
  font-family:tahoma, verdana, sans-serif;
}
.infoboxdata {
  padding:7px;
  background-color:#f1f1f1;
  border:1px solid #2bcaff;
  border-top:none;
}
.infobox .infoboxdata {
  margin-top:7px;
}
.infoboxdata, .infoboxdata * {
  font-size:10px;
  line-height:12px;
  font-family:tahoma, verdana, sans-serif;
}
.infoboxdata ul {
  margin-bottom:0;
}
.infoboxdata li {
  background-position:0 3px;
  padding-left:12px;
}


/****** [/Infobox] ******/

/****** [KTlist] ******/
.ktlist li span.options {
  width:62px;
  float:right;
}
.ktlist li li span.options {
  width:110px;
}
.ktlist li .metainfo {
  font-size:10px;
  line-height:10px;
  color:#aaa;
  padding-left:5px;
  font-weight:normal;
}
.ktlist div.err {
  background-color:#f8d5d5;
}
.ktlist li li, .ktlist div {
  border-bottom:1px solid #ccc;
}
.ktlist li li {
  width:593px;
}


/****** [/KTlist] ******/



/**********[pager]***********/
.pager {
  position:relative;
  text-align:center;
  width:100%;
  margin:5px 0;
}
.pager a:link, .pager a:visited, .pager strong {
  font-size:9px;
  line-height:14px;
  padding:2px 4px;
  margin: 0 2px;
  color:#fff;
}
.pager a:link, .pager a:visited {
  background-color:#851871;
}
.pager strong, .pager a:hover {
  background-color:#a92b92;
}

.pager a.llpage:link, .pager a.llpage:visited,
.pager a.lpage:link, .pager a.lpage:visited,
.pager a.rpage:link, .pager a.rpage:visited,
.pager a.rrpage:link, .pager a.rrpage:visited {
  background-color:#851871;
  background-position:0px 0px;
  background-repeat:no-repeat;
  text-indent:-10000px;
  width:14px;
  height:14px;
  padding:0;
  display:block;
  position:absolute;
  top:0px;
}

.pager a.llpage:link, .pager a.llpage:visited {
  background-image:url(../images/styles/pager_ll.gif);
  left:0px;
}
.pager a.lpage:link, .pager a.lpage:visited {
  background-image:url(../images/styles/pager_l.gif);
  left:20px;
}
.pager a.rpage:link, .pager a.rpage:visited {
  background-image:url(../images/styles/pager_r.gif);
  right:20px;
}
.pager a.rrpage:link, .pager a.rrpage:visited {
  background-image:url(../images/styles/pager_rr.gif);
  right:0px;
}

.pager a.llpage:hover, .pager a.lpage:hover,
.pager a.rpage:hover, .pager a.rrpage:hover {
  background-color:#a92b92;
}

/**********[sortable datatables]***********/
table.datatable th a.sortable:link, table.datatable th a.sortable:visited {
  background:url(../images/styles/th_sort.gif) no-repeat 100% 50%;
  display:block;
  height:1%;
  color:#fff;
  padding-right:10px;
}
table.datatable th a.sortasc:link, table.datatable th a.sortasc:visited {
  background-image:url(../images/styles/th_asc.gif);
}
table.datatable th a.sortdesc:link, table.datatable th a.sortdesc:visited {
  background-image:url(../images/styles/th_desc.gif);
}


.filterform {
  border:none;
  padding:0;
}
.filterform legend {
  padding:0 10px;
  font-size:13px;
  font-weight:bold;
  margin-bottom:10px;
}
.filterform fieldset {
  padding:0 10px 10px 10px;
  border:3px double #333;
}

.assignment_types {
  width:250px;
  text-align:right;
  float:right;
}

.assignment_state {
  border-right:1px solid #999;
  width:480px;
  float:left;
  height:36px;
}
.assignment_state .current_state {
  float:left;
  width:85px;
  height:36px;
  border-right:1px solid #999;
}
.assignment_state .state_actions {
  padding-left:10px;
  float:left;
  position:relative;
}
.assignment_state .state_actionstxt {
  position:absolute;
  top:20px;
  left:10px;
  width:370px;
}


.assignment_metablock {
  background:#fff;
  padding:0 7px 0 7px;
  margin-bottom:10px;
  border:1px solid #2bcaff;
}
.assignment_metablock h2 {
  background-color:#2bcaff;
  color:#fff;
  padding:0 7px;
  margin:0 -7px 8px -7px;
}

.assignment_meta {
  float:left;
}
.assignment_meta span, .assignment_metablock span {
  font-weight:bold;
  color:#2bcaff;
  cursor:help;
}

.explain {
  border-bottom:1px dotted #2bcaff;
  cursor:help;
}
a.explain:link, a.explain:visited {
  font-weight:normal;
  color:#000;
}


.explainlist {
  border:1px dotted #aaa;
  padding:5px;
  margin:0 0 10px 0;
}
.explainlist dl {
  margin:0;
}
.explainlist dl dt {
  font-weight:bold;
}
.explainlist dl dd {
  margin:0;
  padding:0 0 0 18px;
  background:url(../images/layout/bullet.gif) 5px 6px no-repeat;
}


.floatleft {
  float:left;
  margin:3px 5px 5px 0;
}

.assignment_edittype {
  position:relative;
  padding:10px 0;
}
.assignment_edittype img {
  position:absolute;
  right:60px;
  top:0px;
}

.assignment_editcomment {
  position:relative;
  padding-bottom:5px;
}
.assignment_editcomment img {
  position:absolute;
  left:160px;
  top:26px;
}

/** [ AutoLogin ] **/
#leftlogin, #loginbox {
  float:left;
  width:350px;
  overflow:hidden;
  background-color:#f1f1f1;
  padding:7px 0;
}

#loginbox {
  width:auto;
  float:none;
}

#leftlogin h2, #loginbox h2 {
  padding:5px 10px 0px 10px;
}
#leftlogin p, #loginbox p {
  padding:0px 10px 0px 10px;
}
#leftlogin form, #loginbox form {
  border:none;
  padding:0;
  margin:0;
}

#leftlogin .formblock, #loginbox .formblock {
  background-color:#2bcaff;
  padding:10px;
  margin-bottom:10px;
  height:50px;
}
.formblock .frmtext {
    border-color: #1ebdf2;
}

#leftlogin .frmlabel, #loginbox .frmlabel {
  width:120px;
  color:#fff;
}
#leftlogin .frmtext, #loginbox .frmtext {
  width:200px;
}
#leftlogin .frmrow, #loginbox .frmrow {
  width:330px;
}
#leftlogin .frmsubmitrow, #loginbox .frmsubmitrow {
  width:335px;
}

.noorgbox .frmlabel {
  width:260px !important;
  line-height: 14px;
}
.noorgbox .frmrow {
  width:710px !important;
  color:#fff;
}
.noorgbox .formblock {
  padding:25px 0 10px 10px !important;
  height:35px !important;
}

/**************************/

.imgbox, .imgboxb, .imgboxsml {
  display:block;
  width:162px;
  background:url(../images/styles/imgshadow.gif) no-repeat;
  text-align:center;
  float:left;
  margin:0 8px;
  position:relative;
}
.imgbox a.imgtmb:link, .imgbox a.imgtmb:visited,
.imgboxb a.imgtmb:link, .imgboxb a.imgtmb:visited,
.imgboxsml a.imgtmb:link, .imgboxsml a.imgtmb:visited,
.imgbox .imgtmb,.imgboxb.imgtmb, .imgboxsml .imgtmb {
  display:block;
  padding:6px;
  background:url(../images/styles/imgshadow_bottom.gif) no-repeat 0 100%;
}

.imgbox a.imgdel:link, .imgbox a.imgdel:visited,
.imgboxb a.imgdel:link, .imgboxb a.imgdel:visited {
  position:absolute;
  right:6px;
  top:6px;
  z-index:10000;
}
.imgbox a.imgedit:link, .imgbox a.imgedit:visited,
.imgboxb a.imgedit:link, .imgboxb a.imgedit:visited {
  position:absolute;
  right:24px;
  top:6px;
  z-index:10000;
}
.imgbox .imgdescr, .imgboxb .imgdescr, .imgboxsml .imgdescr {
  background:#fff;
  font-size:10px;
  line-height:10px;
  text-align:left;
  padding:2px 6px;
}
.imgboxb {
  width:172px;
  margin:0 5px;
  background-image:url(../images/styles/imgshadowb.gif);
}
.imgboxb a.imgtmb:link, .imgboxb a.imgtmb:visited {
  background-image:url(../images/styles/imgshadowb_bottom.gif);
}

.imgboxsml {
  width:102px;
  background-image:url(../images/styles/imgshadowsml.gif);
}
.imgboxsml a.imgtmb:link, .imgboxsml a.imgtmb:visited, .imgboxsml .imgtmb {
  background-image:url(../images/styles/imgshadowsml_bottom.gif);
}
.imgboxsml .imgdescr {
  font-family:tahoma;
}


ul#assignmentindex {
  display:block;
  list-style:none;
  padding: 0;
  margin:0;
}
ul#assignmentindex li {
  display:block;
  background-position:0px 5px;
  background-color:#eee;
  padding:2px 2px 2px 2px;
  margin:2px 0;
  cursor:move;
  background-position: 4px 8px;
  background-image: none;
}
ul#assignmentindex li strong {
  display:block;
  float:left;
  width:80px;
  background-color: #ddd;
  padding: 0 5px;
}
ul#assignmentindex li span {
  display: block;
  padding: 0 0 0 96px;
}
ul#assignmentindex li.inactive {
  background-image:url(../images/layout/bullet_gray.gif);
}
ul#assignmentindex li.inactive, ul#assignmentindex li.inactive span {
  color:#aaa;
}


.assignmentindexform {
  margin:20px 0 0 0;
  padding:0;
  border:none;
}
.assignmentindexform .frmsubmit {
  float: right;
}
#newordmsg {
  margin: 10px 0;
}


.assignmentsearchbox {
  background-color:#2bcaff;
  padding:7px;
}

/*** TABS ***/

div.tabs {
  margin: 0 10px 0 0;
  height:24px;
  display:block;
  text-align:right;
}
div.tabs ul {
  display:inline;
  float:right;
  padding:0;
  margin:0;
  list-style:none;
}
div.tabs ul li {
  display:block;
  float:left;
  padding:0;
  margin:0 5px 0 0;
  background:#f7f7f7;
  border-top:1px solid #2bcaff;
  border-right:1px solid #2bcaff;
  border-left:1px solid #2bcaff;
}
div.tabs ul li a:link, div.tabs ul li a:visited {
  display:block;
  float:left;
  padding: 0 22px;
  line-height: 24px;
  height:23px;
}
div.tabs ul li.active {
  background:#2bcaff;
}
div.tabs ul li.active a:link, div.tabs ul li.active a:visited {
  color:#fff;
}

div.assesspreviewcontainer {
  height:0px;
  overflow:hidden;
}
div.assesspreview {
  padding:5px;
  background:#fff;
  border:1px solid #eee;
  margin-bottom:10px;
}

.assesstable {
  /*margin-left:183px;*/
  width:486px;
}
.assesstable label {
  display:block;
  padding:10px;
  height:1%;
  cursor:pointer;
}

/*****************/
.progresscomp, .progresswp {
  width:100%;
}
.progresscomp tr.odd td, .progresswp tr.odd td {
  background-color:#f7f7f7;
}
.progresscomp tr td, .progresswp tr td {
  padding:5px 4px;
}
.progresscomp tr th, .progresswp tr th {
  background-color:#2bcaff;
  color:#fff;
  padding:3px 4px;
}

.progresscomp tr.highlight td, .progresswp tr.highlight td {
  background-color:#c9eff3;
  cursor:pointer;
}
.percbar {
  display:block;
  width:104px;
  height:18px;
  background:url(../images/styles/percbarbg.gif) no-repeat 0px 0px;
}
.progresscomp tr.odd td .percbar div, .progresswp tr.odd td .percbar div {
  background-image:url(../images/styles/percbar_odd.gif) !important;
}
.progresscomp tr.highlight td .percbar div, .progresswp tr.highlight td .percbar div {
  background-image:url(../images/styles/percbar_highlight.gif) !important;
}
.percbar div {
  background:url(../images/styles/percbar.gif) no-repeat;
  height:104px;
  height:10px;
  padding:4px 0;
  font-size:9px;
  line-height:10px;
  font-family:verdana, tahoma, sans-serif;
  font-weight:bold;
  text-align:center;
}

/*****************/
#handleidingblock {
  background-color:#f1f1f1;
  padding:14px 0 35px 0;
}
#handleidingblock h2 {
  padding-left:10px;
}
#handleidingblock .explainlinks {
  background-color:#2bcaff;
  padding:10px 0 0 0;
}
#handleidingblock ul {
  list-style:none;
  padding:0;
  margin:0;
}
#handleidingblock ul li {
  float:left;
  background:transparent;
  padding:0;
  margin:0 0 10px 10px;
  width:340px;
}
#handleidingblock ul li a:link, #handleidingblock ul li a:visited {
  display:block;
  height:1%;
  font-weight:normal;
  font-size:10px;
  color:#fff;
  line-height:29px;
}

#handleidingblock ul li a:link span, #handleidingblock ul li a:visited span {
  display:block;
  float:left;
  width:100px;
  cursor:pointer;
  font-weight:bold;
  font-size:11px;
  line-height:22px;
  padding:3px 3px 3px 6px;
  background:#2bcaff;
  border-bottom:1px solid #a0a0a0;
  color:#fff;
  margin-right:3px;
}
#handleidingblock ul li a:hover {
  background:#f7f7f7;
}

/*** files ***/

.fileform .frmsubmitrow input {
  float: none;
}

a.ico:link, a.ico:visited {
  display:block;
  padding-left:20px;
  background-repeat:no-repeat;
  background-position:0px 0px;
  text-decoration:none;
  height:16px;
}
.dup {background-image:url(../images/icons/fileicons/dup.gif);}
.dir {background-image:url(../images/icons/fileicons/dir.gif);}
.gif {background-image:url(../images/icons/fileicons/gif.gif);}
.doc {background-image:url(../images/icons/fileicons/doc.gif);}
.zip {background-image:url(../images/icons/fileicons/zip.gif);}
.xls {background-image:url(../images/icons/fileicons/xls.gif);}
.txt {background-image:url(../images/icons/fileicons/txt.gif);}
.ppt {background-image:url(../images/icons/fileicons/ppt.gif);}
.pdf {background-image:url(../images/icons/fileicons/pdf.gif);}
.jpg {background-image:url(../images/icons/fileicons/jpg.gif);}
.csv {background-image:url(../images/icons/fileicons/xls.gif);}
.bmp {background-image:url(../images/icons/fileicons/bmp.gif);}
.png {background-image:url(../images/icons/fileicons/png.gif);}
.pps {background-image:url(../images/icons/fileicons/pps.gif);}
.mov {background-image:url(../images/icons/fileicons/mov.gif);}
.gp  {background-image:url(../images/icons/fileicons/mov.gif);}
.mp4 {background-image:url(../images/icons/fileicons/mp4.gif);}
.wmv {background-image:url(../images/icons/fileicons/wmv.gif);}

 .swf
,.unknownfile {
  background-image:url(../images/icons/fileicons/unknownfile.gif);
}

/*** remindotoets ***/
#remindotoets_frame {
  border: 1px solid #2bcaff;
  margin: 10px 0;
  width: 760px;
  height: 500px;
}

.state_action {
  margin-right: 10px;
}

.course_icon {
  width: 48px;
  height: 20px;
  display: block;
  background: url(../images/styles/course_inactive.gif) no-repeat;
}
.course_finished {
  background-image: url(../images/styles/course_finished.gif);
}
.course_open {
  background-image: url(../images/styles/course_open.gif);
}


.spanbutton {
    display: block;
    float: left;
    line-height: 16px;
    height: 16px;
    background: url(../images/styles/spanbutton.gif) no-repeat;
    padding: 0 0 0 5px;
    cursor: default;
    margin: 2px 5px 0 0;
}
.spanbutton span {
    display: block;
    color: #fff;
    padding: 0 5px 0 0;
    background: url(../images/styles/spanbutton_right.gif) 100% 0 no-repeat;
}
.spanbutton_off {
   background-position: 0 -16px;     
}
.spanbutton_off span {
    background-position: 100% -16px;
}

.pagediv {
  display:none;
}
.pageactive {
  display:block;
}

.jspager {
  display:block;
  background:#f9f9f9;
  text-align:center;
}
.jspager a.jspagerlink:link, .jspager a.jspagerlink:visited {
  border:1px solid #d9d9d9;
  color:#a6a6a6;
  display:inline-block;
  width:27px;
  height:27px;
  line-height:27px;
  font-size:13px;
  text-align:center;
  margin:0 2px;
}
.jspager a.jspagerlink:hover, .jspager a.jspageactive:link, .jspager a.jspageactive:visited {
  color:#2bcaff;
  border-color:#2bcaff;
  background-color:#d3f4ff;
}