/* main colors */

#beoordeling,
.datatable th, .contenttable th,
blockquote,
.block .sidebarimg span,
.assessementbox,
.indextable tr th,
img.iconnormal,
.wideicon,
.pager a:link, .pager a:visited,
.inverted,
.assignment_metablock h4,
#leftlogin .formblock, #loginbox .formblock
{
    background-color: #078b00;
}
h1 {
   color: #4e5365; 
}
h2,
h3,
a:link, a:visited,
.assignment_list a:link, .assignment_list a:visited,
.assignment_list td.filename a:link, .assignment_list td.filename a:visited,
.assbutton,
.assignment_meta span, .assignment_metablock span
{
    color: #078b00;
}
#popupsidebar 
{
    border-top: 1px solid #078b00;
}
.explain 
{
    border-bottom: 1px dotted #078b00;
}
.block .sidebarimg,
.assbutton,
.state_open,
.tableborder,
.assignment_metablock,
#remindotoets_frame,
.remindotoets_block
{
    border: 1px solid #078b00;
}
a:hover
{
    color: #4e5365;
}
.pager strong, .pager a:hover,
.pager a.llpage:hover, .pager a.lpage:hover,
.pager a.rpage:hover, .pager a.rrpage:hover,
tr.light th,
.inverted:hover,
.wideicon.light
{
    background-color: #4e5365;
}

.msg_warning {
  border:1px solid #820b0b;
  background-color:#f8aaaa;
  padding:6px;
  margin:5px 0 10px 0;
  display:block;
}
.msg_success {
  border:1px solid #047900;
  background-color:#e9fae8;
  padding:6px;
  margin:5px 0 10px 0;
}

.msg_warning p, .msg_success p {
  margin:5px 0px;
}
.msg_success, .msg_success * {
    color:#047900;
}
.msg_success, .msg_success *, .msg_success a:link, .msg_success a:visited {
    color:#047900;
}

.msg_warning, .msg_warning * {
    color:#820b0b;
}
.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);
}

.graybox
{
  background-color:#9a9a9a;
  padding:10px;
}
.graybox,
.graybox h2,
.graybox label,
.graybox p
{
    color:#fff;
}
.graybox h2 {
  border-bottom:1px solid #fff;
}
.graybox form {
    border: none;
    padding: 0;
}
.lightgray,
.lightgray *
{
    color:#000;
}

.wideicon {
    display: inline-block;
    width:60px;
    height: 14px;
    line-height: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 2px 2px 16px;
    margin: 0 4px 0 0;
    background-position: 1px center;
    background-repeat: no-repeat;
    color: white !important;
    font-weight: normal !important;
    font-size: 9px;
    text-align: left;
}

img.iconnormal {
}
img.icongreen,
.wideicon.green {
  background-color:#0ac900;
}
img.iconred,
.wideicon.red {
  background-color:#e43c3c;
}
img.iconlightred,
.wideicon.lightred {
  background-color:#ea9999;
}
img.icongray,
.wideicon.gray {
  background-color:#888;
}
img.iconlightgray,
.lightgray {
  background-color:#ddd;
}

img.iconnormal,
img.icongreen,
img.iconred,
img.iconlightred,
img.icongray,
img.iconlightgray,
span.noicon
{
    vertical-align:middle;
}

span.noicon {
    width: 14px;
    height: 14px;
    line-height: 18px;
    font-size: 11px;
    margin: 0 0 1px 1px;
    display: inline-block;
}

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

.last {
  margin-right: 0 !important;
}
.first {
  margin-left: 0 !important;
  padding-left: 0 !important;
  border-left: none !important;
}

a.rel_pending:link, a.rel_pending:visited {
  background:url(../images/styles/state_pending.gif) no-repeat 100% 2px;
  padding:0 35px 0 2px;
}
a.rel_open:link, a.rel_open:visited {
  background:url(../images/styles/state_open.gif) no-repeat 100% 2px;
  padding:0 35px 0 2px;
}
a.rel_finished:link, a.rel_finished:visited {
  background:url(../images/styles/state_finished.gif) no-repeat 100% 2px;
  padding:0 35px 0 2px;
}
a.rel_closed:link, a.rel_closed:visited {
  background:url(../images/styles/state_closed.gif) no-repeat 100% 2px;
  padding:0 35px 0 2px;
}


#content_header {
  position: relative;
}


.asscode {
    background-color: #f2f2f2;
    padding: 0 2px;
    margin: 0 2px 0 0;
    font-weight: normal;
    font-size: 11px;
}
h1 .asscode {
    font-size: 14px;
}


/****** [Infobox] ******/
.infotxtdata {
  display:none;
}
.infotxtdata .uploader {
    clear: both;
    display: block;
}
.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:#000;
  font-weight:bold;
  color:#fff;
  font-size:10px;
  line-height:14px;
  font-family:tahoma, verdana, sans-serif;
}
.infoboxdata {
  padding:7px;
  background-color:#f2f2f2;
  border:1px solid #000;
  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 {

}
.pager strong, .pager a:hover {

}

.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:#e77ba5;
  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 {
}

.star {
    width:16px;
    height:16px;
    background: transparent url('../images/styles/star.gif') no-repeat;
}

.status_open, .status_good, .status_accepted, .status_denied {
    width:14px; 
    height:14px; 
    margin-right:6px;
    margin-top: 2px;
}

.status_open {
    float: left;
    width:16px;
    background: transparent url(../images/icons/alert_icon.gif) 0 0 no-repeat;
}

.status_good, .status_accepted {
    float: left;
    background: #6b8734 url(../images/icons/active.gif) 0 0 no-repeat;
}

.status_denied {
    float: left;
    background: #e43c3c url(../images/icons/alert.gif) 0 0 no-repeat;
}

/**********[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 {
  height:24px;
  line-height:24px;
}
.assignment_state .current_state {
  float:left;
  height:24px;
}
.assignment_state .current_state .assbutton {
    cursor: default;
}
.assbutton {
    padding: 0 7px;
    line-height: 22px;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
}
.inverted {
    color: #fff !important;
}
.inverted:hover {
}
.state_open {
}
.state_closed {
    border-color: #0ac900;
    color: #0ac900;
}
.state_finished {
    border-color: #937053;
    color: #937053;
}
.state_pending {
    border-color: #8c8c8c;
    color: #8c8c8c;
}

.assignment_state .state_actions {
  padding-left:10px;
  float:left;
  position:relative;
  border-left: 1px solid #bbb;
}
.assignment_state .state_actionstxt {
  position:absolute;
  top:20px;
  left:10px;
  width:370px;
}


.assignment_metablock {
  background:#fff;
  padding:0 7px 0 7px;
  margin-bottom:10px;
}
.assignment_metablock h4 {
  color:#fff;
  padding:0 7px;
  margin:0 -7px 8px -7px;
}
.assignment_metablock li {
  background-position:8px 6px;
  padding-left:24px;
}

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

.explain {
  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 {
  padding:10px;
  margin-bottom:10px;
  height:50px;
}

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

.userbox {
    float: left;
    width: 250px;
    margin: 0 10px 10px 0;
}
.userbox .imgboxsml {
    margin: 0 8px 0 0;
}
.userbox .body {
    float: left;
    width: 140px;
}

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;
  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.wide strong {
  width: 130px;
}
ul#assignmentindex li span {
  display: block;
  padding: 0;
  margin: 0 0 0 4px;
  float: left;
  width: 672px;
}
ul#assignmentindex li.wide span {
  width: 622px;
}
ul#assignmentindex li.inactive {
  background-image:url(../images/layout/bullet_gray.gif);
}
ul#assignmentindex li.inactive, ul#assignmentindex li.inactive span {
  color:#aaa;
}

.el_h2 span, .el_h3 span {
  font-weight: bold;
}
#assignmentindex {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#assignmentindex .el_pagebreak  {
  background: #fff url(../images/styles/el_pagebreak.gif) 0 0 repeat-x;
  border-bottom: 1px solid #ccc;
}
#assignmentindex .el_pagebreak strong {
  display: none;
}
#assignmentindex .el_pagebreak span {
  width: 100% !important;
  color: #ccc;
  padding: 10px 0 0 0;
  float: none;
}
.pagebreak {
  background: #fff url(../images/styles/el_pagebreak.gif) 0 50% repeat-x;
  margin: 20px 0;
}

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

#togglewpcomp {
  cursor:pointer;
  width:216px;
}

#wpcomptoggler {
  overflow:hidden;
  height:0px;
}
.togglecontainer {
  background:#f2f2f2;
  padding:4px;
  border:1px so lid #fff;
}
.togglecontainer, .togglecontainer * {
  color:#000 !important;
}
.togglecontainer ul {
  margin:0;
  padding:0;
}
.togglecontainer ul li {
  margin:0;
  padding:0;
  background:none;
}
.togglecontainer ul ul {
  margin-left:15px;
}
.wplist {
  float:left;
  width:49%;
}
.complist {
  float:right;
  width:49%;
}


/*** TABS ***/

.tablink {
    float: right;
    margin: 4px 10px 0 0;
}
.tablink a:link, .tablink a:visited {
    color: #888;
}

div.tabs {
  margin: 0 10px 0 0;
  height:24px;
  display:block;
}
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-image: none;
  border-top:1px solid #9a9a9a;
  border-right:1px solid #9a9a9a;
  border-left:1px solid #9a9a9a;
}
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:#9a9a9a;
}
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:495px;
}

.assesstable td {
}

.assesstable label {
  display:block;
  height:1%;
  cursor:pointer;
  color:#000;
  padding:5px 0;
}

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

.progresscomp tr.highlight td, .progresswp tr.highlight td {
  cursor:pointer;
}
.percbar div {
    border: 1px solid #888;
    height: 16px;
    line-height: 16px;
    position: relative;
    background: #fff url(../images/styles/percbar.gif) no-repeat;
}
.percbar .val {
    display: block;
    text-align: left;
    font-size: 9px;
    padding: 0 0 0 5px;
    position: relative;
    z-index: 1;
}
.percbar .mask {
    display: block;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 1px;
    height: 14px;
}

/*** 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_frameholder {
    margin: 10px 0;
    height: 502px;
    position: relative;
}
#remindotoets_frame {
  position: absolute;
  left: 0;
  top: 0;
}
#remindotoets_iframe {
  width: 777px;
  height: 500px;
}
.remindotoets_block {
    background-color: #fff;
    padding: 0 5px;
    margin: 10px 0;
    display: block;
    line-height: 27px;
}

.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);
}

.sspan {
    margin: 0 3px 0 0;
    padding: 0 3px;
    text-align: right;
    color: #aaa;
    float: left;
    width: 74px;
    display: block;
}
.sspantoets {
    width: 27px;
}
.s_active {
    background-color: #606060;
    color: #fff;
}

.faq_question {
    margin: 0;
    padding: 5px;
    border-top: 1px dotted #888;
}
.faq_question  a {
    color: #000;
    padding: 0;
    margin: 0;
    display: block;
}
.faq_question p {
    padding: 5px 0 0 0;
    margin: 0;
}

.scoretd {
    font-weight: bold;
    color: #fff;
}
.scoretd label {
    color: #fff;
    float: left;
}
.score_1 { background-color: #cacaca !important; }
.score_2 { background-color: #a4a4a4 !important; }
.score_3 { background-color: #6f6f70 !important; }
.score_4 { background-color: #383838 !important; }
.score_5 { background-color: #000 !important; }

.bgblock {
    padding: 10px;
}

/**** FORM STYLES ****/



form {
  margin: 0;
  padding: 10px;
  border: 1px solid #e5e5e5;
}
.buttonform {
    border: none;
}
.buttonform .frmrow {
    margin: 0;
    width: auto !important;
}

.form_column {
  float: left;
  width: 50%;
}

.frmrow {
  margin: 0 0 2px 0;
  display: block;
  min-height: 17px;
  clear: both;
}
* html .frmrow {
  height: 17px;
}

.frmlabel {
  display: block;
  width: 170px;
  padding-top: 3px;
  float:left;
  font-weight: bold;
}

.frmlabeltd {
  display:block;
  padding-top:3px;
  font-size:11px;
  font-weight:bold;
  height:1%;
}

 .formtable {
  width:476px;
}
* html .formtable {
  width:478px;
}

.button_container {
    float: left;
    width: 580px;
}

.checklabel { /* label after checkbox */
  font-weight: bold;
}

.frmtext,
.frmtextarea,
.frmselect {
    border: 1px solid #000;
}

.smallfield {
    width: 60px !important;
}

.frmtext {
  width: 350px;
  background: #fff url(../images/layout/frmtext_bg.gif) 0 0 no-repeat;
  padding: 2px;
  font-size: 11px;
}
.frmexpl {
  padding: 0 0 10px 174px;
}
.frmexpl,
.frmexpl * {
  font-size:10px;
  color:#666;
}

.frmtextarea {
  width: 350px;
  font-size: 11px;
  overflow: auto;
  padding: 2px;
  background: #fff url(../images/layout/frmtext_bg.gif) 0 0 no-repeat;
}

.frmselect {
  width:356px;
  font-size:11px;
}

.color1 {
    background-color: #f7f7f7;
    padding: 2px;
    border-top: 1px solid #fff;
}
.color2 {
    background-color: #ccc;
    padding: 2px;
    border-top: 1px solid #fff;
}

.assess_field {
    width: 214px !important;
}

.validationimage div {
  padding:0 0 5px 123px;
}
.validationimage div img {
  border: 1px solid #000;
}
.validationimage div a:link, .validationimage div a:visited {
  font-size:10px;
  line-height:10px;
  font-weight:normal;
  color:#fff;
  font-family:tahoma;
}
.validationimage input {
  text-transform:uppercase;
}

.smalltext {
  font-size:10px;
  line-height:10px;
  color:#666;
  padding-bottom:5px;
}

.frmsubmitrow {
  margin: 10px 0 0 0;
  height: 18px;
  width:526px;
}
* html .frmsubmitrow {
  width:528px;
}
.frmsubmitrow input {
  float: right;
}
.frmsubmitrow div {
  float: left;
  color: #777;
}

.frmsubmit,
a.frmsubmit {
  border:1px solid #056100;
  border-top-color:#6ddc68;
  border-left-color:#6ddc68;
  background:#078b00;
  color:#fff !important;
  font-weight:bold;
  padding: 2px 10px;
  font-size: 11px;
}
* html .frmsubmit {
  padding: 0;
}

.frmbuttonrow {
  text-align:right;
  width:526px;
}
* html .frmbuttonrow {
  width:528px;
}

.frmdelete,
a.frmdelete {
  border:1px solid #c53131;
  border-top-color:#ef5f5f;
  border-left-color:#ef5f5f;
  background:#de0000;
  color:#fff;
  font-weight:bold;
  padding: 2px 10px;
  font-size: 11px;
}
* html .frmdelete {
  padding: 0;
}

.error span.required, .error label.frmlabel, td.error {
  color:#de0000;
}

.red {
  color:#de0000;
}

.error_nodesc {
  background-color: #f48787 !important;
  border: 1px solid #de0000;
}

.frmrow span.required {
  font-weight:bold;
  padding:0 0 0 5px;
}


.wideform .frmlabel {
  width:180px;
}

.wideform .frmtext {
  width:480px;
}
.wideform .frmexpl {
  padding-left:184px;
}

.wideform .frmtextarea {
  width: 480px;
}
.wideform .frmselect {
  width:486px;
}
.wideform .frmsubmitrow {
  width:666px;
}
* html .wideform .frmsubmitrow {
  width:668px;
}

.frmrow .beoordeling {
    float:left;
}

.frmrow .beoordeling div {
    padding:3px
}

.frmrow .beoordeling div.deelnemer {
    background-color:#0f0;
}

.frmrow .beoordeling div.beoordelaar {
    background-color:#ff0;
}

.frmrow .beoordeling-label {
    float:left;
    padding-left:10px;
    margin-top:16px;
    font-size:10px;
}

.error .beoordeling-label {
    color:#f00;
}


#beoordeling {
    padding: 10px;
    width: 680px;
}

#beoordeling .frmrow, #beoordeling .frmlabel {
    color: #fff;
}

/****************************************************** UITZOEKEN ******************************************************/


.attachments {
    border: 1px solid #e5e5e5;
}

.attachments .file a:hover {
    color: #000 !important;
    
}

.attachments td.nofile {
    font-size: 11px;
    color:#808080;
    padding-left: 20px;
}

.attachments td.filename {
    padding-right: 0;
}

.attachments td.filename div.file, .attachments td.date div.file {
    padding-left: 0;
    background: transparent url('../images/styles/dots.gif') repeat-x;
    min-height:17px;
}

.attachments td.filename a:link, .attachments td.filename a:visited {
    font-size: 11px;
    color:#777777;
    font-weight: normal;
    padding-right: 4px;
}

.attachments td.filename ul {
    margin:0px;
}

.attachments td.date div.file span {
    padding-left: 4px;
}

.attachments tr.odd td.filename a:link, .attachments tr.odd td.filename a:visited, .attachments tr.odd td.date div.file span {
    background-color:#f2f2f2; 
}

.attachments tr.even td.filename a:link, .attachments tr.even td.filename a:visited, .attachments tr.even td.date div.file span {
    background-color:#fff; 
}

.attachments td.date {
    padding-left: 0;
    text-align: right;
}

.indienen {
    color:#fff;
    padding:10px;
    background-color:#005fad;
}

.indienen p, .indienen h2 {
    color:#fff; 
}


.assignment_list {
    font-size: 11px;
}

.assignment_list a:link, .assignment_list a:visited {
    font-weight: bold;
}

.assignment_list a:hover {
    color: #E77BA5;
}

.assignment_list td.nofile {
    font-size: 11px;
    color:#808080;
    padding-left: 20px;
}

.assignment_list td.filename div.file {
    padding-left: 0;
    background: transparent url('../images/styles/dots.gif') repeat-x;
    height:17px;
}

.assignment_list td.filename a:link, .assignment_list td.filename a:visited {
    font-size: 11px;
    font-weight: bold;
    padding-right: 3px;

}

.assignment_list td.filename ul {
    margin:0px;
}

.assignment_list tr.even td.filename a:link, .assignment_list tr.even td.filename a:visited {
    background-color:#fff; 
}

.assignment_list td.filename a:hover {
    color: #000;
}

.assignment_list tr.disabled td {
}

.assignment_list tr.disabled td a:link, .assignment_list tr.disabled td a:visited {
    color:#808080;
    
}

.indextable {
  border: 1px solid #e5e5e5;
}

.indextable tr td {
  padding:5px 3px;
}
.asstypes {
    text-align: right;
}
.asstypes img {
    margin: 0 5px 0 0;
}
.indextable tr td.index_summary {
  padding:0 3px 8px 3px;
}
.indextable tr th {
  padding: 3px 6px;
  text-align:left;
  color:#fff;
}

.submitrow {
  text-align:right;
  margin-top:4px;
}
.assignmentsearchbox .frmsubmit {
  width:100px;
}
/*********************/

.list_fullwidth {
  width: auto;
  float: none;
}

.assessmenttable {
  margin-top:4px;
}
.assessmenttable h2 {
  border-bottom:1px solid #333;
}

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

.required_assignments {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 20px 0 25px 0;
}

.assdata_code {
    width: 20px;
}
.assdata_content {
    width: 220px;
}

#rapportageform form {

}
#rapportageform .frmlabel {
  width: 380px;
  margin-right: 10px;
}

#rapportageform .frmblock {
  background-color: #efefef;
  margin: 0 0 10px 0;
  padding: 5px;
}
#rapportageform .frmblock .frmlabel {
  width: 370px;
}

#rapportageform .frmtext,
#rapportageform .frmtextarea {
  width: 340px;
}
#rapportageform .button_container {
  width: 340px;
}
#rapportageform .frmsubmitrow {
  width: 736px;
  margin: 10px 0;
  padding: 0;
}
#rapportageform .frmsubmit {
  margin: 0;
}
#rapportageform .frmexpl {
  padding-left: 395px;
}
#rapportageform .frmexpl ul {
  margin: 0;
  padding: 0;
}
#rapportageform .frmexpl ul li {
  margin: 0 0 2px 0;
  padding: 0;
  background: none;
}
#rapportageform .frmexpl ul li strong {
}
#rapportageform .frmexpl ul li p {
  margin: 0;
  padding: 0;
}

.scoretable {
  margin: 20px 0;
  padding: 0 13px 0 0;
}
.scoretable table {
  margin: 0;
}
.scoretable tr th.first {
  background-color: #fff;
}
.scoretable tr th,
.scoretable tr td.score {
  text-align: center;
}
.scoretable tr td.score,
.scoretable tr td.score * {
  cursor: pointer;
}
.scoretable tr td.score input {
}
.scoretable tr.odd td.active {
  background-color: #98df95;
}
.scoretable tr td.active {
  background-color: #d5ffd3;
}
.scoretable tr td.td_label {
  width: 380px;
  font-weight: bold;
  cursor: default;
}
#rapportageform .scoretable tr td.td_label .frmexpl {
  padding: 0 0 0 10px;
  margin: 0;
  font-weight: normal;
}

.placeholder {
  float: right;
  color: #bbb;
}

#searchbox {
  position: relative;
  height: 0;
}
#searchbox form {
  position: absolute;
  z-index: 1000;
  right: 10px;
  top: -52px;
  border: none;
  padding: 0;
}
#searchbox .frmtext {
  width: 200px;
}