/*elementen*/
#html
{
    width: 100%;
    overflow: auto;
}

html
{
    height: 100%;
}

#ghost
{
/*    height: auto;*/
    overflow:hidden;
}

/*
#ghost body
{
    height: auto;
    overflow: auto;
}
*/
html, body, p, img
{
    margin: 0px;
    padding: 0px;
    border: none;
    font-family: Arial,Helvetica,Verdana;
    color: #151564;
}

body
{
    background-color:#FFFFFF;
    font-size: 12px;
}

body.parent{
    background: #FFFFFF url('/img/bg_fill.gif') repeat-x top;
    text-align:center;
    position: absolute;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
}

body.content{
    width:auto;
    padding:25px;
    overflow: hidden;
    background-color: #9AD2FB;
    position: absolute;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
}

body.popup{
    width:auto; 
    padding: 25px;
/*    overflow: auto; */
    background-color: #9AD2FB;
    position: absolute;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
}

body.popup2 
{
    width:auto;
    padding: 0px 0px 25px 25px;
    background-color: #9AD2FB;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

body.login 
{
    margin:0px;
    padding:0px;
    background: #9AD2FB url('/img/login_bg.jpg') no-repeat top left;
}

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

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

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

iframe.editor, iframe#popup
{
    overflow: auto;
}

h1, .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;
    cursor:pointer; 
}

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

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

hr
{
    color: #474AA8;
    background-color: #474AA8;
    border: 1px solid #474AA8;
    border-bottom: 0px;
    height: 0px;
    width:100%;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
/*    clear:both; */
}
/*
probeersel
div.hr
{
    height: 0px;
    width: 95%;
    border: 0;
    border-top: 1px solid #474AA8;
    float: left;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
}
*/
table 
{
    table-layout: fixed;
}

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

span{
    display:inline-block;
}

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

/*id's*/
#page{
    width:1000px;
    min-height: 850px;
    height:auto;
    position: absolute;
    bottom:0px;
    top: 0px;
    left: 50%;
    padding: 0px;
    margin: 0px 0px 0px -500px;
    background-color:#FFFFFF;
    text-align:left;
    vertical-align:top;
}

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

#agorabar table 
{
    width:1000px;
    height:60px;
    background-image: url('/img/agorabar2.jpg');
    background-repeat: no-repeat;
}

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

#worksheet table 
{
/*    width: 720px;*/
}
div.reviewsheet table
{
    width: 700px;
}

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

#workcolumn table 
{
/*    width: 210px; */
}

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

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

#btnHome
{
    background-image: url('/img/shim.gif');
    background-position: left top;
    background-repeat: no-repeat;
    width:85px;
    height: 50px;
}

#btnHome div
{
    width: 82px;
    height: 40px;
    cursor: pointer;
}

.clear 
{
    clear: both;
}

input.langbtn 
{
    border:0px;
    padding:0px;
    margin:0px 10px 0px 0px;
    vertical-align:middle;
}

#btnLogin, #btnSend
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

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

#worksheet table.tab 
{
    width: auto;
    float: left;
}

/*classes*/

.logo
{
    width: 160px;
    height: 95px;
    border: none;
}

.agorabarend
{
    width:26px;
}
    
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:5px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    color:#FFFFFF;
}

div.header 
{
    overflow: hidden;
}

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;
   clear: both;
   float: none;
}

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;
    clear: both;
}
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:45px;
    padding: 10px;
    background-color: #B8E0FC;
    vertical-align:middle;
}
div.subitem{
    width:530px;
    min-height:30px;
    padding: 10px;
    padding-left: 80px;
    vertical-align:middle;
    display:inline-block;

}

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

div.itemtitle,a.itemtitle{
    font-weight:bold;
    display:inline-block;
    text-decoration:none;
    float: left;
}

img.itemtitle{
    display:inline;
    float:left;
    margin-right:10px;
    vertical-align:middle;
    cursor:pointer;
}

a.itemtitle:hover, a.itemtitle span: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:none;
    line-height:30px;
    text-align:right;
    float: right;
    margin-right: 44px;
}
img {
	border: none;
}

a.addline img {
	text-decoration:none;
}

a.addline span 
{
    height: 30px;
	text-decoration:underline;
}

a.addline:hover span{
   color: #FFFFFF;
   text-decoration:underline;
}

a.addline:hover img {
	text-decoration:none;
}

/*a.addline:hover{
   color: #FFFFFF;
   text-decoration:underline;
}*/

div.innerjump 
{
    text-align: right;
}

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;
   display: inline-block;
}

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

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

td.labelvertical span
{
    color: #151564;
    line-height: 23px;
    height: auto;
    vertical-align: middle;
    /* nodig voor diverse browsers, maar niet W3C compliant */
    writing-mode: tb-rl;                 /* Internet Explorer */
    white-space: nowrap;
    -webkit-transform: rotate(90deg);   /* Overig */
    -webkit-transform-origin: 11px 11px;
    -moz-transform: rotate(90deg);      /* Mozilla (Firefox) */
    -moz-transform-origin: 12px 12px;
}

/* 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{
     width: 22px;
    background: #474AA8 url('/img/box_left.gif') no-repeat top left;
    height: 40px;
    padding: 0px;
    margin: 0px;
}
td.box{
    background: #474AA8 url('/img/box_bg.gif') repeat-x top;
    text-align:left;
    vertical-align: middle;
    height: 40px;
    padding: 0px;
    margin: 0px;
}
td.boxborder{
    border:solid 1px #474AA8;
    background-color:#FFFFFF;
    padding: 2px;
    overflow: hidden;
}

/* navigatie */
td.navleft{
    background: url('/img/nav_left.gif') no-repeat top left;
    text-align:center;
    cursor: pointer;
    width: 72px;
    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;
    width: 40px;
    height: 40px;
}

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.smallmenu 
{
    display: block;
    height: 28px;
}

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;
   height: auto;
}

#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;
    height: 100%;
}

#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;
}
table.presentation 
{
    height: auto;
}

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

td.presentation_v 
{
    padding: 4px 0px 4px 0px;
    width: 24px;
    background-color: #7EBEF4;
}

td.presentation_v span
{
    color: #FFFFFF;
    line-height:22px;
    height: auto;
    writing-mode: tb-rl;
    white-space: nowrap;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 11px 11px;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 12px 12px;
}

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

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

span.dimension 
{
    margin: 0px;
    padding: 0px;
    height: 27px;
    position: relative;
    display: block;
}

span.dimension input{
    padding: 2px;
    line-height: 18px;
    border: none;
    background-color: #F6F6F6;
    height:22px;
    width:420px;
    position: absolute;
    top: 0px;
    left: 0px;
}

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

span.dimension img 
{
    position: absolute;
    top: 0px;
    left: 398px;
    cursor:pointer;
}

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: 0px 0px 4px 36px;
   padding: 0px;
}

span.value
{
    padding: 2px 2px 0px 2px;
    line-height:18px;
    height:22px;
    width:220px; 
    display:inline;
    float:left;
}

span.sub select{ 
    padding: 0px 0px 0px 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;
}

#exercise div.argument 
{
   border: none 0px #FFFFFF;
   padding: 0px;
}
    
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: 292px;
    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*/
table.label 
{
    width: 213px;
    height: 25px;
    padding: 0px;
}

td.labelleft{
    background: #B8E0FC url('/img/label_left.gif') no-repeat top left;
    width: 20px;
}

td.labelbg, td.labelright
{
    background: #B8E0FC url('/img/label_bg.gif') repeat-x top ;
    text-align:left;
    vertical-align:middle;
    color: #151564;
    font-size:12px;
}

td.labelright 
{
    width: 10px;
}

input, body.editor, textarea, div.txtbig
{
    position: relative;
    border: solid 1px #FFFFFF;
    background-color: #B8E0FC;
    color: #151564;
/*    margin: 0;*/
    padding: 5px 5px 0px 5px;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    overflow: hidden;
}

select 
{
    position: relative;
    border: solid 1px #FFFFFF;
    background-color: #B8E0FC;
    color: #151564;
    margin: 0;
    padding: 1px 0px 1px 5px;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    overflow: hidden;
}

body.editor 
{
    padding: 0px;
    -moz-user-input: enabled;
    -moz-user-modify: read-write;
}

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 
{
    width: 200px;
}
div.txtsmall
{
    width: 185px;
}
input.txtsmall,div.txtsmall{
    height: 17px;
    padding: 3px 6px 0px 5px;
    background-color: #B8E0FC;
}
label.txtsmall {
    line-height: 34px;
    height: 34px;
    background-color: Maroon;
}

input.txtsmall_disabled,div.txtsmall_disabled{
    background-color:#EEEEEE;
    height: 17px;
    padding: 3px 6px 0px 20px;
}
select.txtsmall{
    width: 213px;
    height: 20px;
    padding: 0px;
    padding-left: 0px;
    vertical-align: top; 
}
option{
    line-height: 20px;
}
input.txtbig{
    width: 382px;
    height: 20px;
}
div.txtbig{
   width: 382px;
   min-height: 21px;
}

div.txtbig label
{
}

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;
    padding-top: 0px;
    padding-bottom: 0px;
}

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: 10px 0px 0px 0px;
    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
{
    width: 90px;
    font-size:12px;
    line-height: 14px;
    color:#FFFFFF;
    font-weight:bold;
    margin: 0px;
    text-align:center;
    padding: 0px;
}

.labellinksmall div
{
    height: 30px;
    cursor: pointer;
    vertical-align: middle;
    padding-top: 10px;
}

/* calendar */

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

table.calendar table 
{
    border-collapse: collapse;
}

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; 
    vertical-align:middle;
    width:120px; 
    font-size: 11px; 
    padding: 0px;
}
body.editor  { 
    border: solid 0px #FFFFFF;
/*    padding-top: 10px;
    padding-bottom: 10px;*/
    overflow: auto;
}
iframe.editor 
{
    border: solid 1px #FFFFFF;
    width: 598px;
}
td.editorcomment  { 
    padding-left:15px;
    font-size:11px;
    height:14px;
    line-height:12px;
    background-color: #FFFFFF;
}

#loginholder{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 222px;
    width: 270px;
    height: 205px;
    margin-top: 45px;
    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;
    min-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;
    min-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-bottom: 20px;
    display: block;    
}

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

#review #pnlSelectedAnswers 
{
    padding: 20px 0px 0px 0px;
    display:block;
}

/* 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 table 
{
    width: auto;
    table-layout: auto;
}
#grade table td{
    border: solid 1px #FFFFFF;
    font-size: 11px;
    padding: 0px 3px 0px 3px;
    vertical-align:bottom;
}
    
#grade input{
    border: none 0px #B8E0FC;
    width: 13px;
    height: 13px;
    margin: 0px;
    padding: 0px;
    margin-right:2px;
    vertical-align:bottom;
}

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

#imgJoinFeedback 
{
    float: right;
    margin: -29px -6px 0px 0px;
}

#panellist, #panelorganizer, #panelmsg
{
    overflow: hidden;
}

 #panelinput, #panelpage
 {
     overflow: hidden;
 }