/*elementen*/
html,body,form,center{
    width:auto;
    overflow-x:hidden;
    scrollbar-face-color: #ddd; 
    scrollbar-highlight-color: #FFF; 
    scrollbar-shadow-color: #aaa; 
    scrollbar-3dlight-color: #aaa; 
    scrollbar-arrow-color:  #666; 
    scrollbar-track-color: #FFF; 
    scrollbar-darkshadow-color: #FFF;
} 

body{
    height:100%;
    background-color:#FFFFFF;
    color:#151564;
    margin:0px;
    padding:0px;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    vertical-align:top;
    text-align:left;
}

body.parent{
    background: #FFFFFF url('/img/bg_fill.gif') repeat-x top;
    margin:0;
    margin-left: auto; 
    margin-right: auto;
    text-align:center;
    height:100%;
}

body.content{
    width:auto;
    height:auto;
    padding:25px;
    background-color:#9AD2FB;
    scrollbar-face-color: #ddd; 
    scrollbar-highlight-color: #FFF; 
    scrollbar-shadow-color: #aaa; 
    scrollbar-3dlight-color: #aaa; 
    scrollbar-arrow-color:  #666; 
    scrollbar-track-color: #FFF; 
    scrollbar-darkshadow-color: #FFF;
}

ul,ol,li,form{
    margin:0px 0px 0px 15px;
    padding: 0px;
}

p,form{
    border:none 0px #FFFFFF;
    margin: 0px;
    padding: 0px;
}

iframe { 
    height: 100%; 
    width: 100%; 
    float: left; 
    padding: 0; 
    margin: 0; 
    border: 0; 
    overflow: hidden; 
} 

h1{
    font-size:18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

h2,h3,h4,h5,h6{
   font-size:16px;
   margin-top: 5px;
   margin-bottom: 5px;
}

a{
    color:#474AA8;
    text-decoration: underline;
}
a:hover{
    color:#474AA8;
    text-decoration: none;
}

label{
    vertical-align:top;
    margin-left: 5px;
}

img{
    border:none 0px #FFFFFF;
    margin: 0;
    padding:0px;
}

hr{
    width:95%;
    height:1px;
    color:#474AA8;
    margin-top: 5px;
    margin-bottom: 5px;
}

table,tr,td,span{
    margin:0px;
    padding:0px;
    border:none 0px #FFFFFF;
    display:inline-block;
}

td{
    vertical-align:top;
    text-align:left;
}

/*id's*/
#page{
    width:1000px;
    height:80%;
    padding: 0px;
    margin: 0px;
    background-color:#FFFFFF;
    margin-left: auto; 
    margin-right: auto;
    text-align:left;
    vertical-align:top;
}

#agorabar{
    width:1000px;
    position:relative;
    padding-bottom:5px;
}

#locationbar{
   margin-left:20px;
   margin-bottom:20px;
   height:42px;
}
#pagecontent{
   margin-left:20px;
   margin-right:10px;
   height: auto;
}
#worksheet{
   width:726px;
   float:left;
   height: 100%;
}

#workcolumn{
   width:230px;
   float:right;
}

#chambercolumnleft{
   width:520px;
   float:left;
}

#chambercolumnright{
   width:445px;
   float:right;
}

input.btnRight{
   background-color:#9AD2FB;
   margin:0px;
   margin-left:-2px;
   padding:0px;
   width:60px;
   height:60px;
   display:inline;
   float:right;
}

img.btnRight{
   background-color:#9AD2FB;
   margin:0px;
   margin-right:20px;
   padding:0px;
   width:50px;
   height:40px;
   display:inline;
   float:right;
   cursor:pointer;
}

img.btnRightPrint{   /*float:right levert bij printen problemen op: lege pagina's*/
   background-color:#9AD2FB;
   margin:0px;
   margin-left:550px;
   padding:0px;
   width:50px;
   height:40px;
   display:block;
   cursor:pointer;
}

/*classes*/

p.header, div.header{
    width:560px;
    background-color: #7EBEF4;
    margin: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:1px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    color:#FFFFFF;
}
p.header input, div.header input{
    border: none 0px #7EBEF4;
    background-color:Transparent;
}

p.header ul, div.header ul{
    float:left;
}

p.header li, div.header li{
    margin-left: 20px;
}

div.blankline{
   width:80%;
   height:20px;
}

div.content{
    padding:10px;
    background-color:#9AD2FB;
    height: 100%;
    width: auto;
}

div.msg_bad,span.msg_bad{
    border: solid 1px #EF2900;
    background-image:url("/img/msg_bad.gif");
    background-position: 6px 6px;
    background-repeat:no-repeat;
    padding:10px;
    padding-top: 16px;
    padding-left:60px;
    color:#EF2900;
    background-color:#FFFFFF;
    width: 470px;
    min-height: 35px;
    margin-bottom:20px;
}
div.msg_good,span.msg_good{
    border: solid 1px #59c74d;
    background-image:url("/img/msg_good.gif");
    background-position: 6px 6px;
    background-repeat:no-repeat;
    padding:10px;
    padding-top: 16px;
    padding-left:60px;
    color:#59c74d;
    background-color:#FFFFFF;
    width: 470px;
    min-height: 35px;
    margin-bottom:20px; 
}
div.msg_info,span.msg_info{
    border: solid 1px #474aa8;
    background-image:url("/img/msg_info.gif");
    background-position: 6px 6px;
    background-repeat:no-repeat;
    padding:10px;
    padding-top: 16px;
    padding-left:60px;
    color:#474aa8;
    background-color:#FFFFFF;
    width: 470px;
    margin-bottom:20px;
    min-height: 35px;
}
div.msg_info_small,span.msg_info_small{
    border: solid 1px #474aa8;
    background-image:url("/img/msg_info_small.gif");
    background-position: 5px 8px;
    background-repeat:no-repeat;
    padding:4px;
    padding-left:34px;
    color:#474aa8;
    background-color:#FFFFFF;
    height: 25px;
    line-height: 15px;
    width: 170px;
    margin: 0px;
    font-size: 11px;
}

div.msg_info input, div.msg_bad input, div.msg_good input{
    background-color:#FFFFFF;
    margin-bottom: 30px;
    vertical-align: text-top;
    float: left;
}

/* overzichtslijsten */
div.mainitem{
    width:600px;
    min-height:30px;
    padding: 10px;
    background-color: #B8E0FC;
    vertical-align:middle;
}
div.subitem{
    width:530px;
    min-height:30px;
    padding: 10px;
    padding-left: 80px;
    vertical-align:middle;
}

div.item{
    width:600px;
    min-height:30px;
    padding: 10px;
    vertical-align:middle;
    margin-bottom:20px;
}

div.itemtitle,a.itemtitle{
    font-weight:bold;
    display:inline-block;
    float:left;
    text-decoration:none;
}
img.itemtitle{
    display:inline;
    float:left;
    margin-right:10px;
    vertical-align:middle;
    cursor:pointer;
}

a.itemtitle:hover{
    text-decoration:underline;
}

div.itemimagebag{
    width:260px;
    display:inline;
    float:right;
}

div.separateline{
    background-image: url('/img/icoon_separate_line.gif');
    background-repeat:repeat-y;
    width:2px;
    height:30px;
    float:right;
}

img.actionicon{
    width:30px;
    height:30px;
    margin-left:5px;
    margin-right:5px;
    float:right;
    cursor:pointer;
}

img.actionicon_d{
    width:30px;
    height:30px;
    margin-left:5px;
    margin-right:5px;
    float:right;
}

a.addline{
    font-size: 12px;
    font-weight:bold;
    text-decoration:underline;
    height:30px;
    padding: 10px;
    margin-right:35px;
    text-align:right;
    float:right;
}
a.addline:hover{
   color: #FFFFFF;
   text-decoration:underline;
}

a.innerjump{
   border: solid 1px #474AA8;
   background-image:url("/img/icoon_inner_jump.gif");
   background-position:right center;
   background-repeat:no-repeat;
   background-color: #FFFFFF;
   padding:2px 35px 2px 5px;
   margin:2px 0px 2px 0px;
   line-height:22px;
   color: #474AA8;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   float:right;
}

a.innerjump:hover{
   text-decoration:underline;
}

td.labelvertical{
    border: solid 1px #FFFFFF;
    background-color: #B8E0FC;
    color: #151564;
    writing-mode:tb-rl; 
    text-align:center;
    width:25px;
    padding:5px;
}

/* locatiebar*/
td.lbleft{
    background:  url('/img/locationbar_left.gif') no-repeat top left;
}
td.lb{
    background: #1E9800 url('/img/locationbar_bg.gif') repeat-x top;
    text-align:left;
    vertical-align: middle;
}

/* box*/
td.boxleft{
    background: #474AA8 url('/img/box_left.gif') no-repeat top left;
}
td.box{
    background: #474AA8 url('/img/box_bg.gif') repeat-x top;
    text-align:left;
    vertical-align: middle;
}
td.boxborder{
    border:solid 1px #474AA8;
    background-color:#FFFFFF;
    padding: 2px;
}

/* navigatie */
td.navleft{
    background: url('/img/nav_left.gif') no-repeat top left;
    text-align:center;
    cursor: pointer;
    height: 40px;
    padding: 0px;
    margin: 0px;
}
td.navleft img {
    /* css ****, want onderstaande proterty beinvloed de hoogte (in ons geval positef) van een nav-button met plaatje ??*/
    vertical-align: bottom;
}
td.nav{
    background: #474AA8 url('/img/nav_bg.gif') repeat-x top;
    text-align:left;
    vertical-align: middle;
    cursor: pointer;
    height: 40px;
    padding: 0px;
    margin: 0px;
}
.navHidden {
    visibility: hidden;
    margin-bottom: -60px;   /* nodig omdat er lege regel onder elke NavigationButton wordt gezet */ 
}
.navVisible {
    visibility: visible;
    margin: 0px;    /* nodig omdat er lege regel onder elke NavigationButton wordt gezet */ 
}

/* menu*/
#menu{
   width: 162px;
   line-height:16px;
   font-size:12px;
   float:left;
}
div.menuleft{
    background: #9AD2FB url('/img/menu_left.gif') no-repeat top left;
    width:20px;
    height:28px;
    float:left;
}
div.menubg{
    background: #388CE2 url('/img/menu_bg.gif') repeat-x top;
    text-align:left;
    vertical-align: middle;
    color:#FFFFFF;
    font-weight: bold;
    padding:4px 2px 2px 2px;
    width:136px;
    height:22px;
    float:left;
}

/*div.menubox{
    border: solid 1px #FFFFFF;
    background-color: #B8E0FC;
    color: #151564;
    border-bottom: none 0px #9AD2FB;
}*/

div.menuitem,div.menuitem_v,div.menuitem_a,div.menuitem_va{
    color: #151564;
    cursor:pointer;
    padding:4px 2px 2px 36px;
    width:120px;
    min-height:22px;
    text-align:left;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
}

div.menuitem{
    background-color: #B8E0FC;
 }

div.menuitem_v{
    background: #B8E0FC url('/img/menu_checked.gif') no-repeat top left;
}

div.menuitem_a{
    background-color: #97D389;
 }
 
div.menuitem_va{
    background: #97D389 url('/img/menu_checked.gif') no-repeat top left;
 }

/* exercise*/
#exercise div{
   line-height:16px;
   font-size:12px;
   float:right;
   width:430px;
}

#exercise div.theory{
   width: 440px;
    border: solid 1px #FFFFFF;
    background-color: #B8E0FC;
    color: #151564;
    margin: 0;
    padding: 10px 15px 10px 15px;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    margin-bottom: 20px;
}

#exercise div.element{
    width: 440px;
    border: solid 1px #FFFFFF;
    background-color: #B8E0FC;
    color: #151564;
    margin: 0;
    padding: 0px 15px 15px 15px;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    margin-bottom: 20px;
}

#case div.element{
    width: 600px;
    border: solid 1px #FFFFFF;
    background-color: #B8E0FC;
    color: #151564;
    margin: 0;
    padding: 15px 15px 15px 15px;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    margin-bottom: 20px;
}

td.presentation_h{
    padding:1px 4px 1px 4px;
    background-color: #7EBEF4;
    color: #FFFFFF;
    line-height:18px;
    text-align:right;
}

td.presentation_v{
    padding:4px 1px 4px 1px;
    background-color: #7EBEF4;
    color: #FFFFFF;
    line-height:18px;
    text-align:right;
    writing-mode:tb-rl; 
}

td.presentation_cell{
    padding:2px 2px 2px 2px;
    background-color: #7EBEF4;
    color: #FFFFFF;
    line-height:18px;
    text-align:center;
}

div.question, div.element, div.instruction{
    padding:10px 5px 15px 5px;
    border-bottom: solid 1px #7EBEF4;
}

div.answer{
    padding:10px 5px 15px 5px;
}

div.answer  textarea{
    padding:2px 2px 2px 2px;
    line-height:18px;
    border: none 0px #F6F6F6;
    background-color: #F6F6F6;
    height:120px;
    width:420px;
}

div.answer  input{
    padding:2px 2px 2px 2px;
    line-height:18px;
    border: none 0px #F6F6F6;
    background-color: #F6F6F6;
    height:22px;
    width:420px;
}

span.mc{
    width:410px;
}

span.mcchar{
    width:30px;
    font-weight:bold;
    font-size: 18px;
    line-height:24px;
    padding:0px 0px 0px 10px;
    float:left;
}

span.mc label{
    width:340px;
    background-color:#9AD2FB;
    padding:4px;
    float:right;
}

span.mc input{  
    margin-top: 4px;
	width:14px;
	height:14px; 
	background-color: #B8E0FC;
	border: none 0px #B8E0FC;
	float:left;
}

div.answer img{
    cursor:pointer;
    margin-left:-24px;   
}

div.answer span.main{
    padding:2px 0px 2px 4px;
    background-color: #7EBEF4;
    color: #FFFFFF;
    line-height:18px;
    font-weight:bold;
    height:24px;
    width:410px;
}

span.sub {
   background-color:#9AD2FB;
   width:400px;
   height:24px;
   margin: 2px 0px 2px 36px;
   padding-left:2px;
}

span.value{
    line-height:18px;
    height:22px;
    width:220px; 
    display:inline;
    vertical-align:top; 
    float:left;
}

span.sub select{ 
    margin:2px 2px 2px 2px;
    line-height:18px;
    background-color: #F6F6F6;
    width:170px;
    height:22px;
    float:right;
}

span.sub input{ 
   background-color:#9AD2FB;
    width: 18px;
    height:18px;
    float:left;
}
    
#exercise div.answerok, #exercise div.feedback{
   color: #539C55;
   margin: 5px 0px 5px 0px;
   padding:10px 10px 10px 10px;
   border: solid 1px #539C55;
   width:425px;
   clear:both;
   display: block;
}

#exercise div.agree, #exercise div.argagree{
   border: none 0px #FFFFFF;
   background-image: url('/img/icoon_thumbup.gif');
   background-position:left center;
   background-repeat:no-repeat;
   text-align:left;
   padding-top:10px;
   padding-left:33px;
   width:75px;
   height:28px;
   float:left;
   cursor:pointer;
}

#exercise div.disagree, #exercise div.argdisagree {
   border: none 0px #FFFFFF;
   background-image: url('/img/icoon_thumbdown.gif');
   background-position:right center;
   background-repeat:no-repeat;
   text-align:right;
   padding-top:10px;
   padding-right:33px;
   width:75px;
   height:28px;
   float:right;
   cursor:pointer;
}

div#columnagree {
   width:225px;
   height:100%;
   float:left;
   margin-left:20px;
}

div#columnagree div{
   border: solid 1px #FFFFFF;
   background-color: #539C55;
   color: #FFFFFF;
   text-align:center;
   width:225px;
   padding:2px;
   margin-bottom: 10px;
}

div#columndisagree{
   width:225px;
   height:100%;
   float:right;
}

div#columndisagree div{
   border: solid 1px #FFFFFF;
   color: #FFFFFF;
   background-color: #FF681F;
   text-align:center;
   width:225px;
   padding:2px;
   margin-bottom: 10px;
}

div#inputdiscussie{
    position:absolute;
    top:100px;
    left:300px;
    z-index:100;
    width:300px;
    height:auto;
    border: solid 1px #151564;
    background-color: #FFFFFF;
    color: #151564;
    margin: 0;
    display:none;
}

div#inputdiscussie textarea{
    padding-left:5px;
    border: solid 1px #151564;
    width:280px;
    height:70px;
    margin:5px;
}

div#inputdiscussie div.headingagree{
    width:100%;
    text-align:center;
    color: #FFFFFF;
    background-color:#539C55;
    border-bottom:solid 1px #151564;
    padding:4px 0px 4px 0px;
}

div#inputdiscussie div.headingdisagree{
    width:100%;
    text-align:center;
    color: #FFFFFF;
    background-color:#FF681F;
    border-bottom:solid 1px #151564;
    padding:4px 0px 4px 0px;
}

div#inputdiscussie div.comment{
    width:100%;
    text-align:center;
    border-bottom:solid 1px #151564;
    padding:4px;
}

/* tabbladen*/
table.tab{
    display:inline;
}
td.tableft{
    background: #CAD3DA url('/img/tab_left.gif') no-repeat top left;
    cursor:pointer;
}
td.tab{
    background: #CAD3DA url('/img/tab_bg.gif') repeat-x top;
    padding: 0px 12px 0px 5px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
}

td.tableft_active{
    background: #CAD3DA url('/img/tab_left_active.gif') no-repeat top left;
}
td.tab_active{
    background: #474AA8 url('/img/tab_bg_active.gif') repeat-x top;
    padding: 0px 15px 0px 5px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
}

/* labels inputvelden*/
td.labelleft{
    background: #B8E0FC url('/img/label_left.gif') no-repeat top left;
}
td.labelbg{
    background: #B8E0FC url('/img/label_bg.gif') repeat-x top ;
    text-align:left;
    vertical-align:middle;
    color: #151564;
    font-size:12px;
}
input, body.editor, textarea, div.txtbig, select{
    border: solid 1px #FFFFFF;
    background-color: #B8E0FC;
    color: #151564;
    margin: 0;
    padding: 5px 5px 5px 19px;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
}
input{padding-bottom: 0px;}

div.doc{
    background-image:url("/img/icoon_inner_doc.gif");
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:20px;
    float:left;
    cursor:pointer;
}

div.search{
    background-image:url("/img/icoon_inner_search.gif");
    background-position:left top;
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    cursor:pointer;
    float:right;
    position:relative;
    top:-5px;
    right:-5px;
}

div.add{
    background-image: url("/img/icoon_inner_add.gif");
    background-position: left top;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: right;
    position: relative;
    top: -5px;
    right: -5px;
}

div.remove{
    background-image: url("/img/icoon_inner_remove.gif");
    background-position: left top;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: right;
    position: relative;
    top: -5px;
    right: -3px;
}

div.mailto,span.mailto{
    background-image:url("/img/icoon_inner_mail.gif");
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:25px;
    cursor:pointer;
    
}
input.txtsmall,div.txtsmall{
    width: 185px;
    height: 17px;
    padding: 3px 6px 0px 20px;
    background-color: #B8E0FC;
}
label.txtsmall {
    line-height: 34px;
    height: 34px;
    background-color: Maroon;
}
input.txtsmall_disabled,div.txtsmall_disabled{
    width: 185px;
    background-color:#EEEEEE;
    height: 17px;
    padding: 3px 6px 0px 20px;
}
select.txtsmall{
    width: 200px;
    height: 20px;
    padding-left:20px;
    vertical-align: middle;
}
option{
    line-height: 20px;
}
input.txtbig{
    width: 382px;
    height: 20px;
}
div.txtbig{
   width: 382px;
}

input.plain{
    border: none 0px #FFFFFF;
    background-color:Transparent;
    margin: 0;
    padding: 0;
}

label{
    display:inline-block;
	width: 350px;
    text-align:left;
    margin-bottom: 5px;
    line-height: 18px;
}


select.txtbig{
    width: 382px;
    height: 20px;
}

div.txtbig input{
    border:none;
}

textarea.txtsmall{
    width: 382px;
    height: 150px;
}

textarea.txtbig{
    width: 582px;
    height: 250px;
}

input.button,.button{
    border: solid 1px #FFFFFF;
    background-color: #3A84DB;
    color: #FFFFFF;
    margin: 0;
    padding: 3px;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    font-weight:bold;
    height:24px;
    width:100px;
}

input.buttondisabled,.buttondisabled{
    border: solid 1px #CCCCCC;
    background-color: #CCCCCC;
    color: #CCCCCC;
    margin: 0;
    padding: 3px;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    font-weight:bold;
    height:24px;
    width:100px;
}

input.imagebutton,img.imagebutton{
    border: none 0px #FFFFFF;
    background: none;
    display:block;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    cursor: pointer;
}

input.nl-NL,textarea.nl-NL{
        background-image:url("/img/flag_nl_vert.gif");
        background-position:left top;
        background-repeat:no-repeat;
        margin-bottom:10px;
        padding: 1px 2px 1px 17px;
        line-height:18px;
        border: none 0px #F6F6F6;
        background-color: #F6F6F6;
        height:20px;
        width:200px;
}

input.en-US,textarea.en-US{
        background-image:url("/img/flag_en_vert.gif");
        background-position:left top;
        background-repeat:no-repeat;
        margin-bottom:10px;
        padding: 1px 2px 1px 17px;
        line-height:18px;
        border: none 0px #F6F6F6;
        background-color: #F6F6F6;
        height:20px;
        width:200px;
}

input.ja-JP,textarea.ja-JP{
        background-image:url("/img/flag_jp_vert.gif");
        background-position:left top;
        background-repeat:no-repeat;
        margin-bottom:10px;
        padding: 1px 2px 1px 17px;
        line-height:18px;
        border: none 0px #F6F6F6;
        background-color: #F6F6F6;
        height:20px;
        width:200px;
}
/* dbtable*/

input.page,input.pageactive{
    border: none 0px #FFFFFF;
    background: none;
    display:block;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    float:left;
}
input.pageactive{cursor:default;}

div.pagebag{
   float:right;
   margin-top:10px;
   margin-right:5px;
}

tr.header td{
   background-color: #7EBEF4;
   color: #151564;
   font-weight:bold;
   padding:5px;
}

tr.odd td{
   background-color: #B8E0FC;
   color: #151564;
   padding:5px;
}
tr.even td{
  background-color: #D1E9FA;
  color: #151564;
  padding:5px;

}
tr.over td{
  background-color: #474AA8;
  color: #FFFFFF;
  padding:5px;
  cursor:pointer;
}

/* teksten */

.label{
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    color:#FFFFFF;
    margin: 0px;
    padding-left:5px;
}

.labelsmall{
    margin-left:20px;
    font-size:12px;
    line-height: 14px;
    font-weight:bold;
    color:#FFFFFF;
}

.labellink{
    font-size:14px;
    line-height: 16px;
    color:#FFFFFF;
    margin: 0px;
    cursor: pointer;
}

.labellinksmall{
    font-size:12px;
    line-height: 14px;
    color:#FFFFFF;
    font-weight:bold;
    margin: 0px;
    cursor: pointer;
}

/* calendar */

table.calendar {
    border: solid 1px #FFFFFF;
    color: #151564;
}

table.calendar p,table.calendar td, table.calendar select {
    background-color: #B8E0FC;
	min-height:10px;
	line-height:10px;
	margin:0px; 
	padding:0px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	text-align:center; 
	vertical-align:top;
}

td.calendarday{
    border: solid 1px #FFFFFF;
}
td.calendarwk{
    color: #151564;
}
	

.calendar input{  
	width:10px;
	height:10px; 
	border: none 0px #B8E0FC;
}

.calendar select { 
    background-color: #B8E0FC;
    color: #151564;
	height:18px; 
	width:92px; 
	font-size: 9px; 
	margin-bottom: 5px;
}

select.editor  { 
    background-color: #B8E0FC;
    color: #151564;
	height:18px; 
	width:120px; 
	font-size: 11px; 
}
body.editor  { 
    border: solid 1px #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
}
td.editorcomment  { 
    padding-left:15px;
    font-size:11px;
    height:14px;
    line-height:12px;
    background-color: #FFFFFF;
}

#loginholder{
    position: relative;
    top: 45px;
    left: 222px;
    width: 275px;
    height: 175px;
    text-align: center;
}

.login{
    display: block ;
}
span.login{
    margin-top:10px;
    color: #FFFFFF;
    font-weight: bold;
}
input.login{
   padding-left:0px;
   padding-top:0px;
   height: 18px;
   width: 200px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

/*specials*/
div.modelcontainer{
    background-image: url("/img/model_bg.gif");
    background-repeat: repeat-y;
    background-position:360px 0px;
}

div.model{
    border: solid 1px #CAD3DA;
    background-color: #CAD3DA;
    color: #FFFFFF;
    width:300px;
    margin: 20px;
    margin-left: 0px;
    padding: 10px;
    text-align:center;
}

div.model div.matrixel{
    background-image:url("/img/icoon_inner_question_d.gif");
    background-position:left top;
    background-repeat:no-repeat;
    text-align: left;
    padding-left: 28px;
    margin:15px 0px 15px 0px;
    background-color: #CAD3DA;
    color: #FFFFFF;
    height: 25px;
}

div.modelchecked{
    border: solid 1px #FFFFFF;
    background-color: #B8E0FC;
    color: #151564;
    width:300px;
    margin: 20px;
    margin-left: 200px;
    padding: 10px;
    text-align:center;
}

div.modelchecked div.matrixel,.matrixel{
    background-image:url("/img/icoon_inner_question.gif");
    background-position:left top;
    background-repeat:no-repeat;
    text-align: left;
    padding-left: 28px;
    margin: 15px 0px 15px 0px;
    background-color: #B8E0FC;
    color: #151564;
    height: 25px;
}

div.modelheader input{
    border: none 0px #FFFFFF;
    background-color:Transparent;
}

div.modelheader{
    font-weight:bold;
    text-decoration:underline;
    display:block;
}

/* review */
#review .question {
    background-color: #B8E0FC;
    margin: 0px;
    margin-right: 20px;
    padding: 10px;
    width: 380px;
    font-size: large;
    float:left;
}
#review .anwserok {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 10px;
    width: 600px;
    font-size: large;
    display: block;
    border-bottom: solid 1px #CAD3DA;
}
#review .answers {
    background-color: #B8E0FC;
    margin: 0px;
    padding: 10px;
    width: 600px;
    font-size: large;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;    
}

#review .statistics {
    margin: 0px;
    width: 200px;
}

/* grading */

#grade div{
    width:560px;
    display:block;
}

#grade .exerciseelement {
    background-color: #B8E0FC;
    border: solid 1px #FFFFFF;
    margin: 0px;
    padding: 10px;
    width: 580px;
    margin-bottom: 20px;
}

#grade .questionHeader {
    background-image:url("../img/icoon_grade_question_header.gif");
    background-position:left top;
    background-repeat:no-repeat;
    width:500px;
    padding: 10px;
    padding-top: 4px;
    padding-left: 35px;
    margin-bottom:10px;
    display:block;
}

#grade .question {
    background-image:url("../img/icoon_grade_question.gif");
    background-position:left top;
    background-repeat:no-repeat;
    width:500px;
    padding: 10px;
    padding-top: 4px;
    padding-left: 35px;
    margin-bottom:10px;
    display:block;
}

#grade .student {
    background-image:url("../img/icoon_grade_user.gif");
    background-position:left top;
    background-repeat:no-repeat;
    width:500px;
    padding: 10px;
    padding-top: 4px;
    padding-left: 35px;
    margin-bottom:10px;
    display:block;
}

#grade .group {
    background-image:url("../img/icoon_grade_group.gif");
    background-position:left top;
    background-repeat:no-repeat;
    width:500px;
    padding: 10px;
    padding-top: 4px;
    padding-left: 35px;
    margin-bottom:10px;
    display:block;
}

#grade .feedback {
    padding: 10px;
    display: block;
}
#grade .answer {
    width: 260px;
    min-height: 150px;
    padding: 10px;
    padding-top: 0px;
    float:left;
}

#grade .importance {
    float:right; 
    width:auto;
    margin-bottom: 2px;
}

#grade .points {
    float:right;    
    width:auto;
    margin-bottom: 2px;
}

#grade td{
    border: solid 1px #FFFFFF;
    font-size: 11px;
    padding: 3px;
    vertical-align:bottom;
}
    
#grade input{
    border: none 0px #B8E0FC;
    width: 13px;
    height: 13px;
    margin-right:2px;
}

#grade  textarea {
    border: solid 1px #151564;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 5px;
    color:#EF2900;
    width: 260px;
    height: 150px;
    float:right;
}

#grade  textarea.disabled {
    border: solid 1px #151564;
    background-color: #EEEEEE;
}

/* upload resultaten */
.resultsTable {
    margin-top: 30px;
    width: 592px;
    background-color: #B8E0FC;
}
.resultsTable.header {
    padding: 4px;
}
.resultsTable td {
    padding: 4px;
}

/* score tabel */
.tbScore {
    margin: 0px;
    padding: 0px;
    height: auto;
}
.tbScore tr.header td {
    padding: 5px;
	background-color: #474AA8;
	border-left: 1px solid #CAD3DA;	
	color: #FFFFFF;	
	font-weight: bold;
	min-height: 30px;
}
.tbScore tr.odd td {
	background-color: #D1E9FA;
	border-left: 1px solid #CAD3DA;
	min-height: 18px;
	padding: 5px;
}
.tbScore tr.even td {
    background-color: #B8E0FC;
	border-left: 1px solid #CAD3DA;
	min-height: 18px;
	padding: 5px;
}
.tbScore input.scoreTextBoxes {
    height: 21px;
    float: left;
    width: 20px;
    line-height: 18px;
    background: transparent;
    border: 0px; 
    margin: 0px;
    padding: 1px; 
    text-align: center;
}

.tbScore td div.left { 
    width:180px;
    float: left;
 }
 
 .tbScore td div.right { 
    width:70px;
    float: right;
 }

/* dictionary */
div.dictionary_explanation{
    border: solid 1px #474aa8;
    padding:5px;
    color:#474aa8;
    background-color:#FFFFFF;
    width:225px;
    margin-top: 10px;
    float:right;
    display:none;
}

div.dictionary_words{
    width:225px;
    padding:5px;
    color:#474aa8;
    float:left;
}

div.dictionary_words a{
    color:#474aa8;
    text-decoration:underline;
    line-height: 24px;
}
div.dictionary_words a:hover{
    color:#FFFFFF;
    text-decoration:underline;
}

.ghost{
    text-align:center;
    padding:4px;
    font-weight:bold;
    font-size:24px;
    color:#B11E1F;
}