/* Stylesheet */
body {background:#fff; margin:0; padding:0; width:100%; height:100%;text-align: center;}

/* Wrapper */
div#container{ width:70%;margin-left: auto;margin-right: auto;text-align: left;}

/* header */
div.header {padding:0 0 1px 0; margin:0 auto; width:100%; text-align:left;}
div.header img.logo {float:left; margin: 10px 0 10px 0; }
div.header a img {border:0;}

/* top */
p, li, td {font-family:arial; color:#565656; font-size:12px; line-height:1.4em; margin:0 0 20px 0; font-weight:normal;}
p.answer, p.quest {font-family:arial; color:#565656; font-size:12px; line-height:1.4em; margin:0 0 20px 0; font-weight:normal;}
p.error{color:#F7596C;}
ul {margin:12px 0; padding:0 0 0 25px;}
li {margin:0;}
h1 {font-size:24px; margin:0 0 4px 0; font-family:georgia; color:#000; font-weight:normal;}
h2 {font-family:georgia; line-height:1.2em; font-size:18px; color:#000; margin:0 0 3px 0; font-weight:normal;}
h3 {font-family:georgia; margin:0 0 2px 0; font-size:14px; color:#616161; font-weight:normal;}
a {color:#565656;}
a:hover {color:#000;}
a img {border:0;}
div {font-family:arial; color:#565656; font-size:12px; line-height:1.4em;}
span.red {color:#cc3333; font-size:11px; text-transform:uppercase;}
span.date {color:#9c9c9c; font-size:11px; text-transform:uppercase;}

/* navigation */
div.navigation {padding:6px 1px 0 1px; clear:both; margin:0 auto; width:100%; height:24px;}
div.login {float:right; color:#d1d1d1; text-align:right; line-height:16px; padding:2px 0 0 0; margin:0;}
div.login a {color:#9c9c9c;}
div.login a:hover {color:#000;}
div.navigation ul { height:27px; list-style-type: none; color:#565656; text-decoration:none; text-transform:uppercase; margin:0; padding:0;}	
div.navigation ul li {text-decoration:none; float:left; margin: 0 5px 0 0; padding:0; border:1px solid #dccf92; border-bottom:1px solid #fff;}
div.navigation ul li a.menu {display:block; text-decoration:none; float:left; margin:0; padding:7px;}
div.navigation ul li a.menu:hover, div.navigation ul li a.menuselect {display:block; background:#f3eed9; text-decoration:none; color:#000; margin:0; padding:7px;}

/* content */
div.leftsubmenu {float:left;display: inline; width:16%;margin-bottom:25px; padding:0; margin:0;/*border-right:1px solid #000;*/}
div.leftsubmenu ul {list-style-type: none; color:#565656; width:100%; text-decoration:none; margin:0; padding:0;}
div.leftsubmenu li a {display:block; clear:left; text-decoration:none; margin:0; padding:5px 5px 5px 5px;border-bottom: 1px solid #fff; background:#f3eed9; /*url('/layout/images/submenu-bg copy.gif') repeat;*/}
div.leftsubmenu li a:hover, div.leftsubmenu li a.submenuselect {background: #ebe1b8; color:#000;  /*url('/layout/images/submenu-bg-select.gif') repeat ;*/}
div.rightsubmenu {float:left;display: inline;; width:74%; padding:20px 20px 20px 25px;/*border-left:1px solid #fff;*/}


div.left, div.right{width:46%;padding-left:15px;padding-top:30px;margin-bottom:25px;}

div.left {float:left;display:inline}
div.right {float:left;display:inline}
div.center {padding:0 30px 0 30px; clear:both; margin:0 auto; width:100%;}
div.centerquestion {padding:20px 30px 0 30px; clear:both; margin:0 auto; width:100%;}
div.centerpicture {padding:10px 0 10px 0; clear:both; margin:0 auto; width:100%;}
div.centerback {background:url('/layout/images/top.gif') no-repeat; height:208px;min-height: 208px; clear:both; margin:0 auto; width:100%;}
div.centerbackrepeat{float:left;background:url('/layout/images/cbr_bg.gif') repeat-y 16.01% #fbfaf3;border-top:1px solid #dccf92;padding:0; clear:both; margin:0 auto; width:100%;}
div.centerprogress {background:url('/layout/images/top.gif') no-repeat;padding-top:20px;padding-left:10px;padding-bottom:5px; clear:both; margin:0 auto; width:100%;}
div.toetsresultaten {background:url('/layout/images/vervolg-bg.gif') repeat-y; padding:20px 30px 0 30px; margin:0 auto; width:740px;}
a.block {background:#dc8e00; color:#fff; text-decoration:none; padding:1px 6px 1px 6px; margin-top:4px; border-top:1px solid #9a6300; font-weight:bold;}
a.block:hover {background:#9a6300; color:#fff; text-decoration:none; padding:1px 6px 1px 6px; margin-top:4px; border-top:1px solid #000000; font-weight:bold;}
a.greyblock {background:#bbb; color:#fff; text-decoration:none; padding:1px 3px 1px 3px; border-top:1px solid #838383; font-weight:bold;}
a.greyblock:hover {background:#838383; color:#fff; text-decoration:none; padding:1px 3px 1px 3px; border-top:1px solid #000; font-weight:bold;}

a.question {padding:2px 2px 1px 3px; margin-right:1px; color:#000; text-decoration:none;}
a.question1 {padding:2px 2px 1px 3px; margin-right:1px; color:#fff; background:#9c7838; text-decoration:none;}
a.question2 {padding:2px 2px 1px 3px; margin-right:1px; color:#000; background:#e0d5b4; text-decoration:none;}
a.question:hover, a.question1:hover, a.question2:hover {padding:2px 2px 1px 3px; margin-right:1px; color:#fff; background:#000; text-decoration:none;}

td.block {background:#dc8e00; color:#fff; text-decoration:none; padding:1px 6px 1px 6px; margin-top:4px; border-top:1px solid #9a6300; font-weight:bold;}
td.block:hover {background:#9a6300; color:#fff; text-decoration:none; padding:1px 6px 1px 6px; margin-top:4px; border-top:1px solid #000000; font-weight:bold;}

td span {display: inline-block; width: 10em; overflow: hidden; white-space: nowrap;}

/* footer */
div.footer {text-align:center; background-color:#988b71; font-family:arial; color:#fff; padding:15px 0;margin:auto ;font-size:12px; line-height:1.4em; /*margin-top:25px;*/ clear:both;width:100%}
div.footer a {color:#fff;}

/* table overview display */
table.list {margin:0; padding:0;width:100%;}
table.list td ,th {padding-left:3px;}
table.list .high {padding:1px 22px 1px 2px; margin:0; background:#f3eed9; height:18px;}
table.list tr.high:hover { background-color: #e5dbad; }
table.list tr.low:hover { background-color: #e5dbad;}
table.list .hightop, table.list th {border-bottom: 1px solid #dccf92; font-size:11px; text-align:center;}
table.list th.dark, table.list td.dark { background:#f3eed9;} 
table.list th.light, table.list td.light { background: #faf7ea;}

/* message - error */
#error {color: #bb0000; }
#message {color: #008800; }

#modulelijstdiv {visibility: hidden;position: absolute; background:#f8f5e9 /*background: url('/layout/images/vervolg-bg.gif')*/; border: solid 2px; z-index: 100; left: 320px; width: 780px;}

/* teacher results display */
span.rotate { width:100%; display: block; padding:2px;  text-align: left;  /* writing-mode: tb-rl; -webkit-transform: rotate(60deg);  -moz-transform: rotate(60deg);*/}

/* images preview tooltip */
#preview{position:absolute;border:1px solid #f3eed9;background:#f3eed9;padding:5px;display:none;color:#fff;}

/* multiupload */
div.MultiFile-label{background-color: #f3eed9;font-family:arial;font-size:12px; }
div.MultiFile-label a.MultiFile-remove{color:#E01B4C;text-decoration:none;}
div.MultiFile-label span.MultiFile-title{vertical-align: text-bottom;}

/* form input */
input, select, textarea { color:#565656;font-family: Arial;font-size: 12px;margin-bottom: 2px; padding: 2px;border: solid 1px #dccf92;}
input:focus {border-color:#ccc;	color:#333333;}
input[type=checkbox],input[type=radio],input[type=image] { border: 0; }
textarea { line-height:1em; margin:0 0 10px 0; font-weight:normal; }


/* table sorter */
table#rowspan thead tr .header span {
    background-image: url(/layout/images/sort.gif);
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
}
table#rowspan thead tr .headerSortUp span{
    background-image: url(/layout/images/sort_asc.gif);
    background-position: right;
}
table#rowspan thead tr .headerSortDown span {
    background-image: url(/layout/images/sort_desc.gif);
    background-position: right;
}
fieldset{ border:1px solid #dccf92 }
fieldset legend {font-weight: bold;padding: 5px 7px; letter-spacing: 0.10em;}
#counter {height: 31px;width: 250px;font-family: "Courier New", Courier, mono;font-size: 12pt;color: #000;text-align: center;font-weight: bold;}

#search_documents{
    position:absolute;
    top:210px;
    left:21%;
    width:379px;
    height:104px;
    background:#ccc url('/layout/images/bg_search.jpg');
}

#loader{
    width:28px; height:28px;
    position:absolute;
    float:left;
    top:65px;
    left:340px;
    background: url('/layout/images/ajax-loader.gif');
}
/* sliding panel */
#toppanel {
    position: absolute;
    top: 359px;
    left:30%;
    width: 40%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}

#panel {
    width: 525px;
    height: 295px;
    color: #999999;
    background: #fff  url('/layout/images/bg_slide.png');;
    overflow: hidden;
    position: relative;
    top:30px;
    z-index: 3;
    display: none;
}

#panel h1 {
    font-size: 1.6em;
    padding: 5px 0 10px;
    margin: 0;
    color: black;


}

#panel h2{
    font-size: 1.2em;
    padding: 10px 0 5px;
    margin: 0;
    color: black;  display: inline;
}

#panel p {
    margin: 5px 0;
    padding: 0;
}

#panel a {
    text-decoration: none;
    color: #15ADFF;
}

#panel .content .left .label {
    color: #ccc;
    font-size: 1em;
}

#panel a:hover{
    text-decoration: none;
    color: #000;
}
#panel .content {
    width: 100%;
    margin: 0 auto;
    padding-top: 15px;
    text-align: left;
    font-size: 0.85em;
}

#panel .content .left {
    width: 35%;
    float: left;
    padding: 0 15px;
}

#panel .content .right {
    width: 55%;
    float: left;
}

#panel img.close{
  position: relative;
  top:15px;
  left:242px;
  cursor:pointer;
}
.badge {
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  width:25px;
  vertical-align: baseline;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color:#99999;
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge-warning{background-color:#f89406;}
.badge-error{background-color:#953b39;}
.badge-success{background-color:#468847;}
.badge-info{background-color:#2d6987;}
.badge-inverse{background-color:#333333;}