/* Version: u - / v - (CSS generated on Mon, 25 Aug 25 05:10:10 +0200) */


/* CSS COLORS USED: */

.bgtext-5       { background: #080808; }
.bgtext-4       { background: #101010; }
.bgtext-3       { background: #181818; }
.bgtext-2       { background: #1d1d1d; }
.bgtext-1       { background: #1e1e1e; }
.bgtext0        { background: #202020; }
.bgtext1        { background: #585858; }
.bgtext2        { background: #909090; }
.bgtext3        { background: #c7c7c7; }
.bgtext4        { background: #dedede; }
.bgtext5        { background: #f4f4f4; }
.bgborder-5     { background: #0b272d; }
.bgborder-4     { background: #164d5a; }
.bgborder-3     { background: #217486; }
.bgborder-2     { background: #288ba1; }
.bgborder-1     { background: #2a92aa; }
.bgborder0      { background: #2C9AB3; }
.bgborder1      { background: #61b3c6; }
.bgborder2      { background: #96cdd9; }
.bgborder3      { background: #cae6ec; }
.bgborder4      { background: #dff0f4; }
.bgborder5      { background: #f4fafb; }
.bgtablewrite-5 { background: #2f383a; }
.bgtablewrite-4 { background: #5e7074; }
.bgtablewrite-3 { background: #8ca7ad; }
.bgtablewrite-2 { background: #a8c9d0; }
.bgtablewrite-1 { background: #b2d4db; }
.bgtablewrite0  { background: #bbdfe7; }
.bgtablewrite1  { background: #cce7ed; }
.bgtablewrite2  { background: #ddeff3; }
.bgtablewrite3  { background: #eef7f9; }
.bgtablewrite4  { background: #f5fafb; }
.bgtablewrite5  { background: #fcfdfe; }
.bgtableread-5  { background: #272f31; }
.bgtableread-4  { background: #4e5e62; }
.bgtableread-3  { background: #758d93; }
.bgtableread-2  { background: #8ca9b0; }
.bgtableread-1  { background: #94b3ba; }
.bgtableread0   { background: #9cbcc4; }
.bgtableread1   { background: #b5cdd3; }
.bgtableread2   { background: #cedee2; }
.bgtableread3   { background: #e6eef0; }
.bgtableread4   { background: #f0f5f6; }
.bgtableread5   { background: #fafcfc; }
.bgstandard-5   { background: #002b3b; }
.bgstandard-4   { background: #005777; }
.bgstandard-3   { background: #0082b2; }
.bgstandard-2   { background: #009cd5; }
.bgstandard-1   { background: #00a4e1; }
.bgstandard0    { background: #00ADED; }
.bgstandard1    { background: #40c2f2; }
.bgstandard2    { background: #80d6f6; }
.bgstandard3    { background: #bfebfb; }
.bgstandard4    { background: #d9f3fc; }
.bgstandard5    { background: #f2fbfe; }
.bgmodify-5     { background: #042f00; }
.bgmodify-4     { background: #085f00; }
.bgmodify-3     { background: #0c8e00; }
.bgmodify-2     { background: #0eaa00; }
.bgmodify-1     { background: #0fb400; }
.bgmodify0      { background: #10bd00; }
.bgmodify1      { background: #4cce40; }
.bgmodify2      { background: #88de80; }
.bgmodify3      { background: #c3efbf; }
.bgmodify4      { background: #dbf5d9; }
.bgmodify5      { background: #f3fcf2; }
.bgdelete-5     { background: #390903; }
.bgdelete-4     { background: #721106; }
.bgdelete-3     { background: #ab1a09; }
.bgdelete-2     { background: #cd1f0b; }
.bgdelete-1     { background: #d9200b; }
.bgdelete0      { background: #e4220c; }
.bgdelete1      { background: #eb5949; }
.bgdelete2      { background: #f29186; }
.bgdelete3      { background: #f8c8c2; }
.bgdelete4      { background: #fbdedb; }
.bgdelete5      { background: #fef4f3; }
.bgwarning-5    { background: #403803; }
.bgwarning-4    { background: #807105; }
.bgwarning-3    { background: #bfa908; }
.bgwarning-2    { background: #e6cb09; }
.bgwarning-1    { background: #f2d60a; }
.bgwarning0     { background: #ffe10a; }
.bgwarning1     { background: #ffe947; }
.bgwarning2     { background: #fff085; }
.bgwarning3     { background: #fff8c2; }
.bgwarning4     { background: #fffbda; }
.bgwarning5     { background: #fffef3; }
.bgbackground   { background: #ffffff; }




/* CSS LIGHTNESS USED: */

.lightness-5           { background: #000000; opacity: 0.75; }
.lightness-4           { background: #000000; opacity: 0.5; }
.lightness-3           { background: #000000; opacity: 0.25; }
.lightness-2           { background: #000000; opacity: 0.1; }
.lightness-1           { background: #000000; opacity: 0.05; }
.lightness0            { background: #ffffff; opacity: 0; }
.lightness1            { background: #ffffff; opacity: 0.25; }
.lightness2            { background: #ffffff; opacity: 0.5; }
.lightness3            { background: #ffffff; opacity: 0.75; }
.lightness4            { background: #ffffff; opacity: 0.85; }
.lightness5            { background: #ffffff; opacity: 0.95; }







/* CSS FILE: 1_document.css */



/* MAIN DOCUMENT BORDER */
/* Chrome max height: c.a. 32000px */

* {
 margin: 0;
 padding: 0;
} 

HTML, BODY {
  min-width: 800px;
  width: 100%;
  height: 100%;
}

BODY {
  background: #2C9AB3 url(../images/?id=document_back&color=2C9AB3&lightness=1);
  padding: 0;
  margin: 0;
}


A { outline: none !important; border: none; } /* Hack for Firefox dotted outline on links and buttons */
BUTTON { outline: none !important; border: none; } /* Sadly the button is not yet fixed with this */

IMG {border: none; display: inline-block; }

A .confirmation { display: none !important; } /* Hide confirmation popup messages */
.popup  { display: none !important; }        /* Hide popup messages */
.popup  * { display: none !important; }        /* Hide popup messages */




#doc_container {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  min-width: 880px;
  width: 100%;
  height: auto !important;
  overflow: hidden;
  background: #ffffff;
}

#doc_corner_tl,
#doc_corner_tr,
#doc_corner_bl,
#doc_corner_br,
#doc_middle_l,
#doc_middle_r,
#doc_middle_b,
#doc_middle_t {
  display: block;
  position: absolute;
  overflow: hidden;
}

#doc_corner_tl {
  background: #2C9AB3 url(../images/?id=document_corners&color=2C9AB3&lightness=1) no-repeat top left;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 160px;
  z-index: 1;
}

#doc_corner_tr {
  background: #2C9AB3 url(../images/?id=document_corners&color=2C9AB3&lightness=1) no-repeat top right;
  top: 0px;
  right: -1px;
  width: 40px;
  height: 160px;
  z-index: 1;
}

#doc_corner_bl {
  background: #2C9AB3 url(../images/?id=document_corners&color=2C9AB3&lightness=1) no-repeat bottom left;
  top: 0px; /* was bottom -1px */
  left: 0px;
  width: 40px;
  height: 40px;
  z-index: 1;
}

#doc_corner_br {
  background: #2C9AB3 url(../images/?id=document_corners&color=2C9AB3&lightness=1) no-repeat bottom right;
  top: 0px; /* was bottom -1px */
  right: -1px;
  width: 40px;
  height: 40px;
  z-index: 1;
}

#doc_middle_l {
  background: #2C9AB3 url(../images/?id=document_left_right&color=2C9AB3&lightness=1) 0px 0px;
  top: 160px;
  bottom: 0px;
  left: 0px;
  width: 40px;
  height: 100%;  
  z-index: 1;
}

#doc_middle_r {
  background: #2C9AB3 url(../images/?id=document_left_right&color=2C9AB3&lightness=1) 41px 0px;
  top: 160px;
  bottom: 0px;
  right: 0px;
  width: 40px;
  height: 100%;
  z-index: 1;
}

#doc_middle_b {
  background: #2C9AB3 url(../images/?id=document_bottom&color=2C9AB3&lightness=1) top;
  /* left: 40px;
  bottom: -1px;
  right: 40px;
  width: 10000px; */
  height: 40px;
  z-index: 1;
  position: relative !IMPORTANT; /* Zorgt ervoor dat de bodem met de pagina meebeweegt! */
  min-width: 880px;
}

#doc_middle_t {
  background: #ffffff url(../images/?id=document_top&color=2C9AB3&lightness=1) top left;
  left: 40px;
  top: 0px;
  right: 40px;
  width: 100%;
  /*width: 1000000px;*/
  height: 160px;
}

#doc_content,
#doc_content.collapsed {
  display: block;
  background: #ffffff url(../images/?id=content_back&color=2C9AB3&lightness=1);
  margin: 160px 40px 0px 40px;
  padding: 0; /* beware, do not add padding here, it breaks layout */
}

#con_left {
  display: block;
  position: absolute;
  background: #ffffff url(../images/?id=content_back&color=2C9AB3&lightness=1);
  width: 200px;
  height: auto;
  top: 160px;
  left: 40px;
  bottom: 0px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 50;
}

#doc_content.collapsed  #con_left {
  width: 35px !important; /* 35 = 200 - 165 */
}

#menu_items {
  position: relative;
  display: block;
  width: 200px;
  padding: 10px 0px 0px 0px;
  z-index: 1;
  /*
  position: absolute;
  display: block;
  width: 200px;
  height: auto;
  margin: 160px 0px 0px 40px;
  top: 0px;
  left: 0px;
  z-index: 10000;
  */
}

#menu_items .menu_collapse { display: block; }
#menu_items .menu_decollapse { display: none; }


#doc_content.collapsed  #menu_items {
  width: 35px !important; /* 35 = 200 - 165 */
}

#con_middle {
  position: relative;
  display: block;
  background: #ffffff url(../images/?id=content_back&color=2C9AB3&lightness=1);
  margin-left: 220px;
  padding: 10px 0px 10px 0px; /* Bottom content margin has to be added here as a padding */
  height: auto;
}

#con_middle.wide {
  margin-left: 0px !important;
}

#doc_content.collapsed  #con_middle {
  margin-left: 55px !important; /* 55 = 220 - 165 */
}

#con_border {
  background: #ffffff url(../images/?id=menu_border&color=2C9AB3&lightness=1);
  position: absolute;
  width: 1px;
  height: 550px;
  left: 250px;
  margin: 0;
  padding: 0;
}

#doc_content.collapsed  #con_border {
  left: 85px !important; /* 85 = 250 - 165 */
}

#con_collapse {
  background: #ffffff url(../images/?id=menu_arrow_collapse&color=61b3c6&background=ffffff) 0px 0px;
  border: 0px;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 242px;
  margin: 1px;
  padding: 0;
  border: 0;
  z-index: 51;
  cursor: pointer;
}

#con_collapse:hover,
#con_collapse:focus,
#con_collapse:active { background: #ffffff url(../images/?id=menu_arrow_collapse&color=61b3c6&background=ffffff) 0px -15px; }

#doc_content.collapsed  #con_collapse {
  left: 77px !important; /* 80 = 245 - 165 */
  background: #ffffff url(../images/?id=menu_arrow_collapse&color=61b3c6&background=ffffff) -15px 0px;
}

#doc_content.collapsed  #con_collapse:hover,
#doc_content.collapsed  #con_collapse:focus,
#doc_content.collapsed  #con_collapse:active { background: #ffffff url(../images/?id=menu_arrow_collapse&color=61b3c6&background=ffffff) -15px -15px; }

#doc_content.collapsed #con_left { overflow: visible; }

#doc_content.collapsed #con_left #menu_items .button { width: 35px; }
#doc_content.collapsed #con_left #menu_items .button:hover { width: 200px; z-index: 999; }

#doc_content.collapsed #con_left #menu_items .menu_title,
#doc_content.collapsed #con_left #menu_items .menu_text,
#doc_content.collapsed #con_left #menu_items .button .text { display: none; }
#doc_content.collapsed #con_left #menu_items .button:hover .text { display: block; }

#doc_content.collapsed #con_left #menu_items .menu_separator { width: 35px; }



#header {
  display: block;
  position: absolute;
  left: 0px;
  top: 35px;
  width: 100%;
  height: 110px;
  z-index: 100;
}

#logo_lvs {
  display: block;
  position: absolute;
  left: 35px;
  top: 0px;
  width: 200px;
  height: 110px;
  padding: 0px;
}

#logo_lvs a,
#logo_lvs img {
  display: block;
  width: 200px;
  height: 110px;
  padding: 0;
  margin: 0;
  border: none;
}

#header_content {
  display: block;
  position: relative;
  /*left: 250px;
  right: 35px;
  top: 0px;*/
  width: auto;
  height: 90px;
  margin: 0 35px 0 250px;
  padding: 0px 0px 0px 10px;
  overflow: hidden;
}

/* Main title */
#header_content H1 {
  font-family: "Century Gothic";
  font-size: 40px;
  color: #202020;
  text-align: left;
  margin: -10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-variant: small-caps;
  letter-spacing: 2px;
  text-shadow: 1px 1px 3px #808080;
}
#header_content H1.shadow {
  position: absolute;
  margin: -8px 0px 0px 2px;
  color: #000000;
  display: none;
}

/* Subtitle */
#header_content H2 {
  font-family: "Century Gothic";
  font-size: 20px;
  font-weight: normal;
  font-variant: small-caps;
  color: #202020;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  top: 2px;
  position: relative;
}


#breadcrumbs {
  display: block;
  position: relative;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 3px 40px 0px 250px;
  text-align: right;
  overflow: hidden;
  opacity: 0.5;
}

#breadcrumbs:hover {
  opacity: 1;
}

#breadcrumbs A {
  text-shadow: 0px 0px 5px #dff0f4;
}
#breadcrumbs A:hover {
  text-shadow: 0px 0px 2px #96cdd9;
}




/* FOOTER */

#footer {

  display: block;
  clear: both;
  min-width: 838px; /* 880 - 2x20 - 2x1 = 838 */
  width: auto;
  padding: 0px 0px 10px 0px;
  margin: 0px 20px 0px 20px;
  background: #2C9AB3 url(../images/?id=footer_background&color=2C9AB3&background=2C9AB3);
  /* border: solid 1px #96cdd9; */
  overflow: hidden;
  
  position: relative; 
  height: 200px; /* 185px; */
  
  font-family: verdana !important;
  font-size: 10px !important;
}

#footer .arrow_show_logos,
#footer .arrow_hide_logos {
  width: 12px;
  height: 12px;
  float: left;
  cursor: pointer;
}

#footer .arrow_hide_logos {
  background: url('../images/arrow_full_left.png');
}

#footer .arrow_show_logos {
  background: url('../images/arrow_full_down.png');
}

#footer .hide_logo {
  display: none !important;
}

#footer .footer_end {
  position: absolute;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 30px;
  height: 190px;
  right: 0px;
  background: url(../images/?id=footer_background&color=2C9AB3&background=2C9AB3) no-repeat top right;
}

#footer .partners {
  position: relative;
  padding: 10px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
  width: auto;
  height: 190px;
}

#systeminfo {
  position: relative;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  width: 100%;
  height: auto;
  text-align: center;
  font-family: verdana !important;
  font-size: 10px !important;
  color: #61b3c6 !important;  
}

#systeminfo .text {
  color: #61b3c6 !important;  
}

#systeminfo .text a,
#systeminfo #footer_timer a {
  font-family: verdana !important;
  font-size: 10px !important;
  color: #61b3c6 !important;
}

#systeminfo .text a:hover,
#systeminfo #footer_timer a:hover {
  color: #96cdd9 !important;
}

#systeminfo a img {
  opacity: 0.5;
}

#systeminfo a:hover img {
  opacity: 1 !important;
}

#systeminfo a.block {
  display: inline-block;
}

#footer .partner {
  position: relative;
  float: left;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  width: 24.8%;
  height: 190px;
  text-align: center;
  color: #96cdd9;
  overflow: hidden;
}

#footer .partner a {
  background: url(../images/?id=footer_background&color=2C9AB3&background=2C9AB3) -15px -10px;
  width: 205px;
  height: 180px;
  padding: 5px 0px;
  position: absolute;
  left: 50%;
  margin-left: -102px;
  color: #cae6ec;
  font-size: 10px !IMPORTANT;
  font-family: verdana !important;
  opacity: 0.5;
}

#footer .partner a:hover {
  background: url(../images/?id=footer_background_link&color=2C9AB3&background=transparent) no-repeat 0px 0px;
  color: #cae6ec;
  opacity: 1;
}

div.video-list {
  margin-left: 7px;
}

div.video-list ul li {
  margin-bottom: 6px;
}

div.video-list .video-title-link h3,
div.video-list .video-title-link h4,
div.video-list .video-title-link span {
  cursor: pointer;
  padding-right: 14px;
}

div.video-list .video-title-link.closed span {
  background: url(../images/arrow_full_left.png) no-repeat;
  background-position:right;
}

div.video-list .video-title-link.opened span {
  background: url(../images/arrow_full_down.png) no-repeat;
  background-position:right;
}

div.video-list .video-title-link h3:hover,
div.video-list .video-title-link h4:hover,
div.video-list .video-title-link span:hover {
  color: #138CC6;
}



div.video-list .video-player.hide-player {
  display: none;
}

div.video-list div.block-video-list div.video-title{
  font-size: 18px;
  font-weight: bold;
  color: #138CC6;
}
/*** OUD **

#footer .textblock {
  position: relative;
  background: #2C9AB3;
  border: solid 1px #96cdd9;
  padding: 10px;
  margin: 10px 0px 0px 0px;
  width: auto;
}

#footer .left,
#footer .middle,
#footer .right {
  position: relative;
  overflow: hidden;
  margin: 10px;
  padding: 0px 0px 0px 0px;
  /* border-bottom: solid 1px #96cdd9; *
}

#footer .left {
  float: left;
  text-align: left;
  width: 25%;
  z-index: 1;
}
#footer .middle {
  text-align: center;
  width: auto;
  margin: 0px 10px 0px 10px;
}
#footer .right {
  float: right;
  text-align: right;
  width: 25%;
  z-index: 1;
}
*/

#footer .clear {
  display: block;
  height: 10px;
  width: 10px;
  background: red;
  overflow: hidden;
  clear: both;
}



#footerspacer {
  display: block;
  height: 20px;
  overflow: hidden;
  clear: both;
}


.clearboth {
  clear: both;
}


/* JQuery UI effect test */
.ui-effects-transfer {
  position: absolute;
  display: block;
  border: dotted 2px #00ADED;
  background: #ffffff;
  opacity: 0.75;
}

#javascript_needed,
#important_error_bar {
  display: block;
  z-index: 100;
  position: fixed;
  bottom: 0px;
  width: 100%;
  background: #c00000;
  color: #ffffff;
  text-align: center;
  padding: 10px 0 10px 0;
  border: none;
  border-top: solid #000000 2px;
  -moz-box-shadow: 0 -30px 150px #c00000;
  -webkit-box-shadow: 0 -30px 150px #c00000;
  box-shadow: 0 -30px 150px #c00000;
}

.spinner-small {
  position: absolute;
/*  left: 45%;
  top: 45%;
*/
  height:12px;
  width:12px;
  margin:0px auto;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left:2px solid rgba(0,174,239,.15);
  border-right:2px solid rgba(0,174,239,.15);
  border-bottom:2px solid rgba(0,174,239,.15);
  border-top:2px solid rgba(0,174,239,.8);
  border-radius:100%;
}

@-webkit-keyframes rotation {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
  from {-moz-transform: rotate(0deg);}
  to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
  from {-o-transform: rotate(0deg);}
  to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
}

span.error-message {
  /*
  position: absolute;
  float: right;
  top: 7px;
  right: 4px;
  */
  color: #ff0000;
}

 @media screen and (max-width : 1366px) {

  div.left-responsive {
    width: 50% !important;
  }

  div.right-responsive {
    width: 50% !important;
  }

/*
  body {
    display: none;
  }
*/

 }






/* CSS FILE: bootstrap-custom.css */

button.close {
    font-size: 20px;
}

.close {
    float: right;
}

.modal-open {
    overflow: hidden;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #dddddd;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-header {
    padding: 15px;
/*    border-bottom: 1px solid #e5e5e5; */
    border-bottom: 1px solid #a9a9a9;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
/*    border-top: 1px solid #e5e5e5;    */
    border-top: 1px solid #a9a9a9;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}


/*@media (min-width: 768px) { */   /* Removed media min width because it's for some reason not working in IE11 */
    .modal-dialog {
        width: 700px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
        width: 300px;
    }
/*} */


/* @media (min-width: 992px) { */  /* Removed media min width because it's for some reason not working in IE11 */
    .modal-lg {
        width: 900px;
    }
/*} */


.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.modal-header:after,
.modal-footer:after {
    clear: both;
}

.btn > .caret,
.dropup > .btn > .caret {
    border-top-color: #000 !important;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none;
}
.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}
.btn-default {
    color: #333;
    background-color: #fff;
/*    border-color: #ccc; */
    border-color: #707070;
}
.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}
.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}
.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}
.btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
    z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: -1px;
}
.btn-toolbar {
    margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
    margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
    float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn .caret {
    margin-left: 0;
}
.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}
.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
    float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
}
.btn-group-justified > .btn-group .btn {
    width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
    left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-btn > .btn {
    position: relative;
}
.input-group-btn > .btn + .btn {
    margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
    z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
}

.btn .label {
    position: relative;
    top: -1px;
}

.btn .badge {
    position: relative;
    top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}




/* CSS FILE: boxen.css */


/***** BOX ALGEMEEN *****/

.box_text,
.box_text_split,
.box_code,
.box_title,
.box_subtitle,
.box_notification,
.box_module,
.box_information,
.box_selection,
.box_navigation,
.box_student_navigation,
.box_save_navigation,
.box_action {
  display: block;
  position: relative;
  width: auto;
  padding: 0;
}

.box_text                 {margin: 0px 0px 0px 0px; padding: 5px; line-height: 1.4;}
.box_text_split           {margin: 0px 0px 0px 0px; padding: 25px 5px 5px 5px; line-height: 1.4;}
.box_code                 {margin: 0px 0px 0px 0px; padding: 5px; line-height: 1; font-family: Courier New, Courier, monospace; font-size: 10px; border: solid 1px #808080; }
/*.box_title                {margin: 0px 0px 0px 0px; padding: 5px 5px 0px 5px; line-height: 1.4; font-size: 18px; color: #202020; font-family: "Century Gothic"; } */
.box_title                {margin: 0px 0px 0px 0px; padding: 5px 5px 0px 5px; line-height: 1.4; font-size: 18px; color: #202020; font-family: Arial, Verdana; font-weight: bold; }
.box_subtitle             {margin: 0px 0px 0px 0px; padding: 10px 5px 0px 5px; line-height: 1.4; font-size: 18px;}
.box_notification         {margin: 10px 3px 15px 3px;}
.box_module               {margin: 7px 0px 0px 0px; overflow: hidden;}
.box_action               {margin: 10px 0px 0px 0px; overflow: hidden;}
.box_action .box_action   {margin: 0px 0px 0px 0px !important;}
.box_selection            {margin: 15px 0px 15px 0px; height: 35px; z-index: 100;}
.box_information          {margin: 0px 0px 0px 0px; height: 70px; overflow: hidden;}
.box_navigation,
.box_student_navigation {
  margin: 0px 0px 10px 0px; 
  height: 33px; 
  z-index: 100;
  padding-bottom: 5px;
  border-bottom: 1px solid #cae6ec;
}

.box_save_navigation {
  height: 33px; 
  z-index: 99;
  padding-bottom: 5px;
}

.box_save_navigation .box_action { margin: 0px; }



/***** BOX INFORMATION *****/

.box_back {background: #ffffff url(../images/?id=box_back&color=2C9AB3&lightness=1) no-repeat bottom left; margin: 0px 0px 10px 2px;}
.box_back_school {background: #ffffff url(../images/?id=box_back_school&color=2C9AB3&lightness=1) no-repeat bottom left; margin: 0px 0px 10px 2px;}
.box_back_group {background: #ffffff url(../images/?id=box_back_group&color=2C9AB3&lightness=1) no-repeat bottom left; margin: 0px 0px 10px 2px;}
.box_back_student {background: #ffffff url(../images/?id=box_back_student&color=2C9AB3&lightness=1) no-repeat bottom left; margin: 0px 0px 10px 2px;}

.box_information .inlay {
  height: 70px;
  overflow: hidden;
  background: url(../images/?id=box_back_right&color=2C9AB3&lightness=1) no-repeat bottom right;
}

.box_information .inlay .name {
  width: 52%;
  left: 24%;
  right: 0px;
  height: 35px;
  text-align: center;
  padding: 9px 0px 0px 0px;
  font-weight: bold;
  overflow: hidden;
  position: absolute;
}


.box_information .inlay .stats {
  display: block;
  position: absolute;
  width: 100%;
  height: 15px;
  top: 45px;
  font-size: 12px;
  color: #BBBBBB;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  float: left;
  text-align: center;
}

.box_information .inlay .stats .one,
.box_information .inlay .stats .two {
  display: block;
  position: relative;
  width: 38%;
  height: 15px;
  font-size: 12px;
  color: #999999;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
}

.box_information .inlay .stats .one {float: left; text-align: right;}
.box_information .inlay .stats .two {float: right; text-align: left;}



/***** BOX NAVIGATION + SELECTION *****/


.box_student_navigation .drop,
.box_navigation .drop,
.box_selection .drop {
  display: block;
  position: relative;
  text-align: center;
  height: 23px;
  padding: 4px 0px 0px 0px;
}

.box_student_navigation .drop{background: #ffffff url(../images/?id=dropdown) no-repeat center; margin: 0px 145px 0px 145px;}
.box_navigation .drop{background: #ffffff url(../images/?id=dropdown) no-repeat center; margin: 0px 145px 0px 145px;}
.box_selection .drop {background: #ffffff url(../images/?id=dropdown2) no-repeat center; margin: 0px 185px 0px 185px;}

.box_selection .left,
.box_selection .right {
  display: block;
  position: relative;
  width: 175px;
  height: 23px;
  color: #000000;
  overflow: hidden;
  padding: 4px 0px 0px 0px;
}

.box_selection .left {float: left; margin: 0px 0px 0px 5px;}
.box_selection .right {float: right; margin: 0px 5px 0px 0px;}




/***** BOX ACTION *****/

.box_action {
  width: 100% !IMPORTANT;
  overflow: auto;
}

.box_action.bottom {
  border-top: 1px solid #cae6ec;
  padding-top: 10px;
}

.box_action .box_button {
  display: block;
  position: relative;
  width: 200px;
  height: 35px;
  top: 0px;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  float: right;
}


.box_save_navigation .box_action .box_button { width: auto; }


/* Box highlights */

.box_text_highlight, .box_title_highlight {
    color: #AA0000 !important;
    background-color: #F5F5F5;
}

.box_border {
  border: 1px solid #000100;
  padding-left: 14px;
  padding-bottom: 7px;

}






/* CSS FILE: buttons.css */


/* MENU ITEMS EXTRA */

.menu_separator {
  display: block;
  width: 190px;
  height: 1px;
  margin: 5px 0px;
  background: #cae6ec;
  overflow: hidden;
  font-size: 1px; /* Special fix for IE6 */
}

.menu_title,
.menu_text {
  display: block;
  width: 190px;
  margin: 8px 0px;
  line-height: 18px; /* around 1.3 ? */
}

.menu_title {
  color: #008DCD;
  font-style: italic;
}


/*** BUTTONS (GENERAL) ***/

.button {
  display: block;
  position: relative;
  overflow: hidden;
/*  font-variant: small-caps; */
  letter-spacing: 0px;
  cursor: pointer !IMPORTANT;
  border: none;
  text-decoration: none;
  color: #202020;
}


/*** BUTTONS (NORMAL) ***/

.button_default,
.button_modify,
.button_delete {
  width: 200px;
  height: 35px;
  padding: 0;
  margin: 0;
}

.button_default {background: url(../images/?id=menu_button&color=00ADED&background=transparent) no-repeat 0px 0px;}
.button_default:hover, .button_default:focus, .button_default:active {background-position: 0px -35px; color: #009cd5;}
#menu_items .button_default {background: url(../images/?id=menu_button_full&color=00ADED&background=transparent) no-repeat 0px 0px; margin: 5px 0px; color: #FFFFFF;}

.button_modify {background: url(../images/?id=menu_button&color=10bd00&background=transparent) no-repeat 0px 0px;}
.button_modify:hover, .button_modify:focus, .button_modify:active {background-position: 0px -35px; color: #0eaa00;}
#menu_items .button_modify {background: url(../images/?id=menu_button_full&color=10bd00&background=transparent) no-repeat 0px 0px; margin: 5px 0px; color: #FFFFFF;}

.button_delete {background: url(../images/?id=menu_button&color=e4220c&background=transparent) no-repeat 0px 0px;}
.button_delete:hover, .button_delete:focus, .button_delete:active {background-position: 0px -35px; color: #cd1f0b;}
#menu_items .button_delete {background: url(../images/?id=menu_button_full&color=e4220c&background=transparent) no-repeat 0px 0px; margin: 5px 0px; color: #FFFFFF;}


/*** BUTTONS (SMALL) ***/

.button_default_small_left,
.button_default_small_right,
.button_modify_small_left,
.button_modify_small_right,
.button_delete_small_left,
.button_delete_small_right {
  width: 135px;
  height: 35px;
  padding: 0;
  z-index: 500;
}

.button_default_small_left,
.button_modify_small_left,
.button_delete_small_left {
  float: left;
  margin: 0px 0px 0px 5px;
}

.button_default_small_right,
.button_modify_small_right,
.button_delete_small_right {
  float: right;
  margin: 0px 5px 0px 0px;
}

.button_default_small_left { background: #ffffff url(../images/?id=box_button&color=00ADED) no-repeat 0px 0px; }
.button_default_small_left:hover, .button_default_small_left:focus { background-position: 0px -35px; color: #009cd5; }
.button_modify_small_left { background: #ffffff url(../images/?id=box_button&color=10bd00) no-repeat 0px 0px; }
.button_modify_small_left:hover, .button_modify_small_left:focus { background-position: 0px -35px; color: #0eaa00; }
.button_delete_small_left { background: #ffffff url(../images/?id=box_button&color=e4220c) no-repeat 0px 0px; }
.button_delete_small_left:hover, .button_delete_small_left:focus { background-position: 0px -35px; color: #cd1f0b; }

.button_default_small_right { background: #ffffff url(../images/?id=box_button&color=00ADED) no-repeat 0px -70px; }
.button_default_small_right:hover, .button_default_small_right:focus { background-position: 0px -105px; color: #009cd5; }
.button_modify_small_right { background: #ffffff url(../images/?id=box_button&color=10bd00) no-repeat 0px -70px; }
.button_modify_small_right:hover, .button_modify_small_right:focus { background-position: 0px -105px; color: #0eaa00; }
.button_delete_small_right { background: #ffffff url(../images/?id=box_button&color=e4220c) no-repeat 0px -70px; }
.button_delete_small_right:hover, .button_delete_small_right:focus { background-position: 0px -105px; color: #cd1f0b; }


/*** BUTTONS (HUGE) ***/

.box_save_navigation .button_default_huge,
.box_save_navigation .button_modify_huge,
.box_save_navigation .button_delete_huge {
  width: 290px;
  height: 35px;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

.button_default_huge { background: #FFFFFF url(../images/?id=menu_button_huge&color=00ADED&background=transparent) no-repeat 0px 0px; }
.button_default_huge:hover, .button_default_huge:focus, .button_default_huge:active { background-position: 0px -35px; color: #009cd5; }

.button_modify_huge { background: #FFFFFF url(../images/?id=menu_button_huge&color=10bd00&background=transparent) no-repeat 0px 0px; }
.button_modify_huge:hover, .button_modify_huge:focus, .button_modify_huge:active { background-position: 0px -35px; color: #0eaa00; }

.button_delete_huge { background: #FFFFFF url(../images/?id=menu_button_huge&color=e4220c&background=transparent) no-repeat 0px 0px; }
.button_delete_huge:hover, .button_delete_huge:focus, .button_delete_huge:active { background-position: 0px -35px; color: #cd1f0b; }


/*** BUTTONS (MAIN MENU ICONS) ***/

.button_icon {
  width: 40px !IMPORTANT;
  float: left;
  margin: 0px 0px 5px 0px;
}

.button_default.button_icon {background: #ffffff url(../images/?id=menu_button_icon&color=00ADED) no-repeat 0px 0px !IMPORTANT;}
.button_default.button_icon:hover, .button_default.button_icon:focus, .button_default.button_icon:active {background-position: 0px -35px !IMPORTANT;}

.button_modify.button_icon {background: #ffffff url(../images/?id=menu_button_icon&color=10bd00) no-repeat 0px 0px !IMPORTANT;}
.button_modify.button_icon:hover, .button_modify.button_icon:focus, .button_modify.button_icon:active {background-position: 0px -35px !IMPORTANT;}

.button_delete.button_icon {background: #ffffff url(../images/?id=menu_button_icon&color=e4220c) no-repeat 0px 0px !IMPORTANT;}
.button_delete.button_icon:hover, .button_delete.button_icon:focus, .button_delete.button_icon:active {background-position: 0px -35px !IMPORTANT;}




/*** BUTTONS ICONS (GENERAL) ***/

.button .icon,
.button_icon .icon {
  display: block;
  position: relative;
  width: 15px;
  height: 15px;
  overflow: hidden;
}


/*** BUTTONS ICONS (NORMAL) ***/

.button_default .icon,
.button_modify .icon,
.button_delete .icon {
  float: left;
  top: 10px;
  left: 10px;
}


/*** BUTTONS ICONS (SMALL) ***/

.button_default_small_left .icon,
.button_modify_small_left .icon,
.button_delete_small_left .icon {
  float: left;
  top: 10px;
  left: 10px;
}

.button_default_small_right .icon,
.button_modify_small_right .icon,
.button_delete_small_right .icon {
  float: right;
  top: 10px;
  right: 10px;
}


/*** BUTTONS ICONS (HUGE) ***/

.button_default_huge .icon,
.button_modify_huge .icon,
.button_delete_huge .icon {
  right: 10px;
  top: 10px;
  float: right;
}


/*** BUTTONS ICONS (BACKGROUND IMAGES) ***/

.button_default .icon,
.button_default_huge .icon,
.button_default_small_left .icon,
.button_default_small_right .icon,
.dialog_button_default_smalll .icon,
.dialog_button_default_smallr .icon {background: #ffffff url(../images/?id=icon_buttons&color=00ADED) no-repeat;}

.button_modify .icon,
.button_modify_huge .icon,
.button_modify_small_left .icon,
.button_modify_small_right .icon,
.dialog_button_modify_smalll .icon,
.dialog_button_modify_smallr .icon {background: #ffffff url(../images/?id=icon_buttons&color=10bd00) no-repeat;}

.button_delete_huge .icon,
.button_delete .icon,
.button_delete_small_left .icon,
.button_delete_small_right .icon,
.dialog_button_delete_smalll .icon,
.dialog_button_delete_smallr .icon {background: #ffffff url(../images/?id=icon_buttons&color=e4220c) no-repeat;}


/*** Button-icon 'Back-up' (document double) ***/
.button .backup {background-position: -60px -45px;}
#menu_items .button .backup {background-position: -75px -45px;}
.button:hover .backup, .button:focus .backup, .button:active .backup {background-position: -75px -45px;}

/*** Button-icon 'Delete' (cross) ***/
.button .delete {background-position: -60px 0px;}
#menu_items .button .delete {background-position: -75px 0px;}
.button:hover .delete, .button:focus .delete, .button:active .delete {background-position: -75px 0px;}

/*** Button-icon 'Edit' (document pen) ***/
.button .edit {background-position: -90px -45px;}
#menu_items .button .edit {background-position: -105px -45px;}
.button:hover .edit, .button:focus .edit, .button:active .edit {background-position: -105px -45px;}

/*** Button-icon 'Export' (document arrow out) ***/
.button .export {background-position: -90px -15px;}
#menu_items .button .export {background-position: -105px -15px;}
.button:hover .export, .button:focus .export, .button:active .export {background-position: -105px -15px;}

/*** Button-icon 'Main menu' (house) ***/
.button .home, .button_icon .home {background-position: 0px 0px;}
#menu_items .button .home {background-position: -15px 0px !IMPORTANT; }
.button:hover .home, .button_icon:hover .home, .button:focus .home, .button_icon:focus .home, .button:active .home, .button_icon:active .home {background-position: -15px 0px;}

/*** Button-icon 'Import' (document arrow in) ***/
.button .import {background-position: -60px -15px;}
#menu_items .button .import {background-position: -75px -15px;}
.button:hover .import, .button:focus .import, .button:active .import {background-position: -75px -15px;}

/*** Button-icon 'Legendary' (9 dots) ***/
.button .legendary {background-position: -90px 0px;}
#menu_items .button .legendary {background-position: -105px 0px;}
.button:hover .legendary, .button:focus .legendary, .button:active .legendary {background-position: -105px 0px;}

/*** Button-icon 'Log out' (key) ***/
.button .logout, .button_icon .logout {background-position: 0px -15px;}
#menu_items .button .logout {background-position: -15px -15px !IMPORTANT;}
.button:hover .logout, .button_icon:hover .logout, .button:focus .logout, .button_icon:focus .logout, .button:active .logout, .button_icon:active .logout {background-position: -15px -15px;}

/*** Button-icon 'Save' (vink) ***/
button .modify, .button .modify {background-position: -30px 0px;}
#menu_items button .modify, #menu_items .button .modify {background-position: -45px 0px;}
button:hover .modify, button:focus .modify, button:active .modify,
.button:hover .modify, .button:focus .modify, .button:active .modify {background-position: -45px 0px;}

/*** Button-icon 'Save and next' (vink with arrow) ***/
.button .modify_next {background-position: -30px 15px;}
#menu_items .button .modify_next {background-position: -45px 15px;}
.button:hover .modify_next, .button:focus .modify_next, .button:active .modify_next {background-position: -45px -15px;}

/*** Button-icon 'Person add' (person with a plus) ***/
.button .person_plus {background-position: -120px -0px;}
#menu_items .button .person_plus {background-position: -135px -0px;}
.button:hover .person_plus, .button:focus .person_plus, .button:active .person_plus {background-position: -135px -0px;}

/*** Button-icon 'Add' (plus) ***/
.button .plus {background-position: -30px -45px;}
#menu_items .button .plus {background-position: -45px -45px;}
.button:hover .plus, .button:focus .plus, .button:active .plus {background-position: -45px -45px;}

/*** Button-icon 'Back' (arrow left) ***/
button .back, .button .back {background-position: 0px -30px;}
#menu_items button .back, #menu_items .button .back {background-position: -15px -30px;}
button:hover .back, button:focus .back, button:active .back,
.button:hover .back, .button:focus .back, .button:active .back {background-position: -15px -30px;}

/*** Button-icon 'Next' (little arrow right) ***/
.button .next {background-position: -60px -30px;}
#menu_items .button .next {background-position: -75px -30px;}
.button:hover .next, .button:focus .next, .button:active .next {background-position: -75px -30px;}

/*** Button-icon 'Previous' (little arrow left) ***/
.button .previous {background-position: -90px -30px;}
#menu_items .button .previous {background-position: -105px -30px;}
.button:hover .previous, .button:focus .previous, .button:active .previous {background-position: -105px -30px;}

/*** Button-icon 'Switch' (circular arrow) ***/
.button .switch, .button_icon .switch {background-position: -30px -30px;}
#menu_items .button .switch {background-position: -45px -30px !IMPORTANT;}
.button:hover .switch, .button_icon:hover .switch, .button:focus .switch, .button_icon:focus .switch, .button:active .switch, .button_icon:active .switch {background-position: -45px -30px;}

/*** Button-icon 'Search' (magnifying glass) ***/
.button .search {background-position: 0px -45px;}
#menu_items .button .search {background-position: -15px -45px;}
.button:hover .search, .button:focus .search, .button:active .search {background-position: -15px -45px;}

/*** Button-icon 'Statistic' (bars) ***/
.button .statistic {background-position: -120px -15px;}
#menu_items .button .statistic {background-position: -135px -15px;}
.button:hover .statistic, .button:focus .statistic, .button:active .statistic {background-position: -135px -15px;}

/*** Button-icon 'Info' (i) ***/
.button .info {background-position: -120px -30px;}
#menu_items .button .info {background-position: -135px -30px;}
.button:hover .info, .button:focus .info, .button:active .info {background-position: -135px -30px;}

/*** Button-icon 'Student' (person) ***/
.button .student {background-position: -120px -45px;}
#menu_items .button .student {background-position: -135px -45px;}
.button:hover .student, .button:focus .student, .button:active .student {background-position: -135px -45px;}

/*** Button-icon 'Mail' (moving envelop) ***/
.button .mail {background-position: -0px -60px;}
#menu_items .button .mail {background-position: -15px -60px;}
.button:hover .mail, .button:focus .mail, .button:active .mail {background-position: -15px -60px;}

/*** Button-icon 'Calendar' (Calendar) ***/
.button .calendar {background-position: -30px -60px;}
#menu_items .button .calendar {background-position: -45px -60px;}
.button:hover .calendar, .button:focus .calendar, .button:active .calendar {background-position: -45px -60px;}

/*** Button-icon 'Dossier' (Dossier) ***/
.button .dossier {background-position: -60px -60px;}
#menu_items .button .dossier {background-position: -75px -60px;}
.button:hover .dossier, .button:focus .dossier, .button:active .dossier {background-position: -75px -60px;}

/*** Button-icon 'Balloon' (Text balloon) ***/
.button .balloon, .button_icon .balloon {background-position: -90px -60px;}
#menu_items .button .balloon {background-position: -105px -60px !IMPORTANT;}
.button:hover .balloon, .button_icon:hover .balloon, .button:focus .balloon, .button_icon:focus .balloon, .button:active .balloon, .button_icon:active .balloon {background-position: -105px -60px;}

/*** Button-icon 'PDF' (Document with arrow) ***/
.button .pdf, .button_icon .pdf {background-position: -120px -60px;}
#menu_items .button .pdf {background-position: -135px -60px !IMPORTANT;}
.button:hover .pdf, .button_icon:hover .pdf, .button:focus .pdf, .button_icon:focus .pdf, .button:active .pdf, .button_icon:active .pdf {background-position: -135px -60px;}

/*** Button-icon 'Download' (Document with arrow) ***/
.button .download, .button_icon .download {background-position: -120px -60px;}
#menu_items .button .download {background-position: -135px -60px !IMPORTANT;}
.button:hover .download, .button_icon:hover .download, .button:focus .download, .button_icon:focus .download, .button:active .download, .button_icon:active .download {background-position: -135px -60px;}


/*** Button-icon 'Student' (Student) ***/
.button .student, .button_icon .student {background-position: 0px -75px;}
#menu_items .button .student {background-position: -15px -75px;}
.button:hover .student, .button_icon:hover .student, .button:focus .student, .button_icon:focus .student, .button:active .student, .button_icon:active .student {background-position: -15px -75px;}

/*** Button-icon 'Group' (Group people) ***/
.button .group, .button_icon .group {background-position: -30px -75px;}
#menu_items .button .group {background-position: -45px -75px;}
.button:hover .group, .button_icon:hover .group, .button:focus .group, .button_icon:focus .group, .button:active .group, .button_icon:active .group {background-position: -45px -75px;}

/*** Button-icon 'School' (Teacher with schoolboard) ***/
.button .school, .button_icon .school {background-position: -60px -75px;}
#menu_items .button .school {background-position: -75px -75px;}
.button:hover .school, .button_icon:hover .school, .button:focus .school, .button_icon:focus .school, .button:active .school, .button_icon:active .school {background-position: -75px -75px;}

/*** Button-icon 'Save and previous' (Vink with arrow) ***/
.button .modify_previous, .button_icon .modify_previous {background-position: -120px -75px;}
#menu_items .button .modify_previous {background-position: -135px -75px;}
.button:hover .modify_previous, .button_icon:hover .modify_previous, .button:focus .modify_previous, .button_icon:focus .modify_previous, .button:active .modify_previous, .button_icon:active .modify_previous {background-position: -135px -75px;}

/*** Button-icon 'Save and next' (Vink with arrow) ***/
.button .modify_next, .button_icon .modify_next {background-position: -90px -75px;}
#menu_items .button .modify_next {background-position: -105px -75px;}
.button:hover .modify_next, .button_icon:hover .modify_next, .button:focus .modify_next, .button_icon:focus .modify_next, .button:active .modify_next, .button_icon:active .modify_next {background-position: -105px -75px;}

/*** Button-icon 'Question' (Question mark) ***/
.button .question, .button_icon .question {background-position: 0px -90px;}
#menu_items .button .question {background-position: -15px -90px;}
.button:hover .question, .button_icon:hover .question, .button:focus .question, .button_icon:focus .question, .button:active .question, .button_icon:active .question {background-position: -15px -90px;}

/*** Button-icon 'Change' (Arrows left ant right) ***/
.button .change, .button_icon .change {background-position: -30px -90px;}
#menu_items .button .change {background-position: -45px -90px;}
.button:hover .change, .button_icon:hover .change, .button:focus .change, .button_icon:focus .change, .button:active .change, .button_icon:active .change {background-position: -45px -90px;}

/*** Button-icon 'History' (Clock with arrow) ***/
.button .history, .button_icon .history {background-position: -60px -90px;}
#menu_items .button .history {background-position: -75px -90px;}
.button:hover .history, .button_icon:hover .history, .button:focus .history, .button_icon:focus .history, .button:active .history, .button_icon:active .history {background-position: -75px -90px;}




/*** BUTTONS TEXT (GENERAL) ***/

.button .text {
  display: block;
  position: relative;
  overflow: hidden;
  top: 5px;
  height: 23px;
  margin: 0px 3px 4px 0px;
  padding: 4px 0px 0px 0px;
  line-height: 1.3;
  
  /* Do not break lines in buttons */
  white-space: nowrap;
}


/*** BUTTONS TEXT (NORMAL) ***/

.button_default .text,
.button_modify .text,
.button_delete .text {
  float: left;
  width: 156px;
  left: 23px;
}


/*** BUTTONS TEXT (SMALL) ***/

.button_default_small_left .text,
.button_modify_small_left .text,
.button_delete_small_left .text {
  width: 91px;
  float: left;
  left: 23px;
}

.button_default_small_right .text,
.button_modify_small_right .text,
.button_delete_small_right .text {
  width: 91px;
  float: right;
  right: 23px;
  text-align: right;
}


/*** BUTTONS TEXT (HUGE) ***/

.button_default_huge .text,
.button_modify_huge .text,
.button_delete_huge .text {
  float: right;
  width: 254px;
  right: 14px;
}



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

.menu_item_collapse {
  display: block;
  overflow: hidden;
}

.menu_item_title {
  display: block;
  padding: 0px 0px 0px 13px;
  color: #009cd5;
  text-transform: uppercase;
  cursor: pointer;
}

.menu_item_collapse.collapse .menu_item_title { background: #ffffff url(../images/?id=arrow_full_down&color=00ADED) no-repeat -4px 0; }
.menu_item_collapse.decollapse .menu_item_title { background: #ffffff url(../images/?id=arrow_full_left&color=00ADED) no-repeat -4px 0; }

.menu_item_items {
  padding: 3px 0px 0px 13px;
  overflow: hidden;
}

.menu_item_collapse.collapse .menu_item_items { display: block; }
.menu_item_collapse.decollapse .menu_item_items { display: none; }

A.menu_item_item {
  display: block;
  padding: 1px 0px;
}







/* CSS FILE: childguest.css */

/***** LAYOUT FOR THE GUEST QUESTIONNAIRE FOR CHILDREN *****/

/* To use this, specify $guest_form['variables']['class'] = 'childguest' in your get_guest_forms() function.
 */
 
 
body.childguest #doc_container, 
body.childguest #doc_middle_b {
  max-width: 880px;
  margin: 0 auto;
  
} 


body.childguest  #doc_middle_t {
  background: #ffffff url(../images/?id=document_top_simple&color=c43017&lightness=1) top repeat-x;
}

body.childguest  #doc_corner_tl {
  background: #c43017 url(../images/?id=document_corners_simple&color=c43017&lightness=1) no-repeat top left;
}

body.childguest  #doc_corner_tr {
  background: #c43017 url(../images/?id=document_corners_simple&color=c43017&lightness=1) no-repeat top right;
}

body.childguest .box_title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

body.childguest {
  font-size: 16px;
}




/* CSS FILE: elements_extending.css */


/***** SELECTION FIELDS *****/

.selection {background: none !IMPORTANT;}

/* Hide selection value container */
.selection .value { display: none; }

.selection_top,
.selection_bottom,
.selection_top .end,
.selection_bottom .end {
  display: block;
  position: relative;
  border: none;
  height: 3px;
  font-size: 1px;
}

.read .selection_top {background: url(../images/?id=input_inactive&color=9cbcc4&background=9cbcc4) no-repeat top left; margin: 5px 6px 0px 0px;}
.read .selection_bottom {background: url(../images/?id=input_inactive&color=9cbcc4&background=9cbcc4) no-repeat bottom left; margin: 0px 6px 5px 0px;}
.read .selection_top .end {background: url(../images/?id=input_inactive&color=9cbcc4&background=9cbcc4) no-repeat top right; float: right; width: 13px !IMPORTANT; padding: 0px 6px 0px 0px;}
.read .selection_bottom .end {background: url(../images/?id=input_inactive&color=9cbcc4&background=9cbcc4) no-repeat bottom right; float: right; width: 13px !IMPORTANT; padding: 0px 6px 0px 0px;}

.write .selection_top {background: url(../images/?id=input_inactive&color=00ADED&background=bbdfe7) no-repeat top left; margin: 5px 6px 0px 0px;}
.write .selection_bottom {background: url(../images/?id=input_inactive&color=00ADED&background=bbdfe7) no-repeat bottom left; margin: 0px 6px 5px 0px;}
.write .selection_top .end {background: url(../images/?id=input_inactive&color=00ADED&background=bbdfe7) no-repeat top right; float: right; width: 13px !IMPORTANT; padding: 0px 6px 0px 0px;}
.write .selection_bottom .end {background: url(../images/?id=input_inactive&color=00ADED&background=bbdfe7) no-repeat bottom right; float: right; width: 13px !IMPORTANT; padding: 0px 6px 0px 0px;}


.selection.hover .selection_top,
.selection:hover .selection_top,
.selection:focus .selection_top,
.selection:active .selection_top {background: url(../images/?id=input_hover&color=00ADED&background=bbdfe7) no-repeat top left;}

.selection.hover .selection_bottom,
.selection:hover .selection_bottom,
.selection:focus .selection_bottom,
.selection:active .selection_bottom {background: url(../images/?id=input_hover&color=00ADED&background=bbdfe7) no-repeat bottom left;}

.selection.hover .selection_top .end,
.selection:hover .selection_top .end,
.selection:focus .selection_top .end,
.selection:active .selection_top .end {background: url(../images/?id=input_hover&color=00ADED&background=bbdfe7) no-repeat top right;}

.selection.hover .selection_bottom .end,
.selection:hover .selection_bottom .end,
.selection:focus .selection_bottom .end,
.selection:active .selection_bottom .end {background: url(../images/?id=input_hover&color=00ADED&background=bbdfe7) no-repeat bottom right;}

.selection.active .selection_top,
.selection.active.open .selection_top {background: url(../images/?id=input_active&color=00ADED&background=bbdfe7) no-repeat top left;}
.selection.active .selection_bottom,
.selection.active.open .selection_bottom {background: url(../images/?id=input_active&color=00ADED&background=bbdfe7) no-repeat bottom left;}
.selection.active .selection_top .end,
.selection.active.open .selection_top .end {background: url(../images/?id=input_active&color=00ADED&background=bbdfe7) no-repeat top right;}
.selection.active .selection_bottom .end,
.selection.active.open .selection_bottom .end {background: url(../images/?id=input_active&color=00ADED&background=bbdfe7) no-repeat bottom right;}

.selection.invalid .selection_top {background: url(../images/?id=input_hover&color=e4220c&background=bbdfe7) no-repeat top left;}
.selection.invalid .selection_bottom {background: url(../images/?id=input_hover&color=e4220c&background=bbdfe7) no-repeat bottom left;}
.selection.invalid .selection_top .end {background: url(../images/?id=input_hover&color=e4220c&background=bbdfe7) no-repeat top right;}
.selection.invalid .selection_bottom .end {background: url(../images/?id=input_hover&color=e4220c&background=bbdfe7) no-repeat bottom right;}


.options {
  display: block;
  margin: 0px 6px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: auto;
  overflow: hidden;
}

.read .options {background: #cedee2; border-left: 1px solid #cedee2; border-right: 1px solid #cedee2;}
.write .options {background: #f2fbfe; border-left: 1px solid #ddeff3; border-right: 1px solid #ddeff3;}

.extend .options {display: none;}

.selection.hover .options,
.selection:hover .options,
.selection:focus .options {border-left: 1px solid #00ADED; border-right: 1px solid #00ADED;}
.selection.active .options {border-left: 1px solid #00ADED; border-right: 1px solid #00ADED; background: #ffffff !IMPORTANT; background-image: none !IMPORTANT;}
.selection.open .options {background-image: none !IMPORTANT; max-height: 400px; overflow: auto; }

.selection.invalid .options {border-left: 1px solid #e4220c; border-right: 1px solid #e4220c; background: #fef4f3 !IMPORTANT; background-image: none !IMPORTANT;}


.option {
  display: block;
  padding: 2px 0px 2px 5px;
  cursor: pointer;
  color: #404040;
}

.selection .option:hover,
.selection .option:focus,
.selection .option:active {background: #d9f3fc;}
.selection.active .option:hover,
.selection.active .option:focus,
.selection.active .option:active {background: #d9f3fc;}

.option img {
  height: 14px;
  border: none;
  margin: 0px 4px -2px 2px;
}

.option_all {
  display: block;
  color: #909090;
  padding: 2px 0px 2px 4px;
}

.static_option_other, .static_option_new {
  border-top: 1px dashed #CCCCCC;
  padding-top: 3px;
  margin-top: 3px;
  font-style: italic;
}

.static_option_other_top, .static_option_new_top {
  border-bottom: 1px dashed #CCCCCC;
  padding-bottom: 3px;
  margin-bottom: 3px;
  font-style: italic;
  display: none; 
  /*Initially hide until the selection filter shows it*/ 
}



/***** EXTENDING FEATURES *****/

.extend .selection_top {margin: 3px 6px 0px 0px !IMPORTANT;}
.extend .selection_bottom {margin: 0px 6px 3px 0px !IMPORTANT;}



/* inputfield input */
.selection_text {
  display: block;
  margin: 0px 6px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: #f2fbfe;
  height: 17px;
  border-left: 1px solid #ddeff3;
  border-right: 1px solid #ddeff3;
  overflow: hidden;
}

.selection.hover .selection_text,
.selection:hover .selection_text,
.selection:focus .selection_text,
.selection:active .selection_text {background: #ffffff; border-left: 1px solid #00ADED; border-right: 1px solid #00ADED;}

.active .selection_text, .active.open .selection_text {background: #ffffff; border-left: 1px solid #00ADED; border-right: 1px solid #00ADED;}
.active.open:hover .selection_text, .active.open:hover .selection_text {background: #ffffff; border-left: 1px solid #00ADED; border-right: 1px solid #00ADED;}
.open .selection_text {height: 20px; background: #f2fbfe; border-bottom: 1px dotted #00ADED;}
.open:hover .selection_text {height: 20px; background: #f2fbfe; border-left: 1px solid #00ADED; border-right: 1px solid #00ADED; border-bottom: 1px dotted #00ADED;}

.invalid .selection_text {background: #fef4f3; border-left: 1px solid #e4220c; border-right: 1px solid #e4220c;}
.invalid:hover .selection_text {background: #fef4f3; border-left: 1px solid #e4220c; border-right: 1px solid #e4220c;}


.selection_text .input_end {
  display: block;
  /*position: relative;
  float: right;*/
  position: absolute;
  right: 0px;
  top: 0px;
  width: 21px;
  border: none;
  height: 17px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 6px;
  overflow: hidden;
  z-index: 1000;
}

.selection_text .input_end:hover,
.selection_text .input_end:focus,
.selection_text .input_end:active {background: #bbdfe7 url(../images/?id=input_active_button&color=00ADED&background=bbdfe7) no-repeat left;}



.selection_text .changed {
  margin: 2px 0px 0px 0px !IMPORTANT;
}

.selection_text .input_end:hover .changed,
.selection_text .input_end:focus .changed,
.selection_text .input_end:active .changed {background: url(../images/?id=input_vink_button&color=00ADED) no-repeat;}

.selection_text .input_end .changed.vinked {background: url(../images/?id=input_vink&color=10bd00&background=ddeff3) no-repeat;}
.selection.active .selection_text .input_end .changed.vinked {background: url(../images/?id=input_vink_active&color=10bd00) no-repeat;}

.input_field .input_end:hover .changed.vinked,
.input_field .input_end:focus .changed.vinked,
.input_field .input_end:active .changed.vinked {background: url(../images/?id=input_undo&color=00ADED) no-repeat;}
.input_field.active .input_end:hover .changed.vinked,
.input_field.active .input_end:focus .changed.vinked,
.input_field.active .input_end:active .changed.vinked {background: url(../images/?id=input_undo&color=00ADED) no-repeat;}



.selection_value {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 17px;
  width: 90%;
  overflow: hidden;
  color: #404040;
}

.selection_text .selection_value {
/* 
  Maybe not nessecary
  display: inline !IMPORTANT;
*/
  
  display: inline;  /* The (bad) effect is that not the whole line is clickable (and causes dropdown) */ 
}

.selection_value img {margin: 0px 0px -2px 0px;}



/* inputfield drop */
.selection_text .drop {
  display: block;
  position: relative;
  float: left;
  background: url(../images/?id=dropdown_button&color=00ADED) no-repeat 4px 0px;
  width: 17px;
  height: 17px;
  border: none;
  padding: 0px 4px 0px 4px;
  margin: 0px 0px 0px 0px;
}

.extend.hover .drop,
.extend:hover .drop,
.extend:focus .drop,
.extend:active .drop {background: url(../images/?id=dropdown_button&color=00ADED&background=transparent) no-repeat 4px -17px;}

.extend.open .drop {background: url(../images/?id=dropdown_button&color=00ADED) no-repeat 4px -34px;}

.open.hover .drop,
.open:hover .drop,
.open:focus .drop,
.open:active .drop {background: url(../images/?id=dropdown_button&color=00ADED) no-repeat 4px -51px;}


/********** FILTER ELEMENT *************/

/*  The filter element removes certain options from the list for a select or check element
    It consists of an selection_filter_icon, to activate the filter, and the filter itself
    The filter element contains an input and a close/reset button
   
    The tree looks like this (using CSS style selectors/identifiers) :
    
    .selection_text
      .selection_filter_icon
      .selection_filter
        .selection_filter_close_icon
        input
       
    As you may notice, the .selection_filter element is skipped in the css definition below, but is has its uses
    in the javascript code  
*/     

.selection_text .selection_filter_icon {
  display: none;
  position: relative;
  float: right;
  height: 17px;
  border: none;
  padding: 0px 4px 0px 4px;
  margin: 0px 0px 0px 0px;
}

.selection_text .selection_filter_close_icon {
  display: inline;
  position: relative;
  float: right;
  height: 17px;
  border: none;
  padding: 0px 4px 0px 4px;
  margin: 0px 0px 0px 0px;
}

.selection_text .selection_filter {
  display: none;
  position: relative;
  float: right;
  padding-right:4px;
}

/* Background of the search box */
.selection_text .selection_filter input{
	float: right;
  color:#0a0a0a;
  border:1px solid #0a0a0a;
}


/* Password field with meter. Requires extra vertical space, gets into conflicts with positioning that is based on "centering" rather than from the top. We change this into positioning "from the top". */
div.input_field.password_with_meter,
:active div.input_field.password_with_meter,
:hover div.input_field.password_with_meter,
:focus div.input_field.password_with_meter  {
  height: inherit; /* as much as needed, not fixed */
  background-position: left 3px;
}

div.input_field.password_with_meter.invalid {
  height: inherit; /* as much as needed, not fixed */
  background-position: left 3px !important;
}

.input_field.password_with_meter .password_meter {
  margin-top: 32px;
}

.password_with_meter #scorebarLabel {
  width: 100px;
  display: inline-block;
}

.password_with_meter #scorebar {
	background-image: url(../images/bg_strength_gradient.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position:absolute;
  top: 0px;
	width: 100px;
	z-index: 0;
}
.password_with_meter #scorebarBorder {
  display: inline-block;
  position: relative;
  left: 0px;
	background: #333;
	border: 1px #000 solid;
	height: 16px;
	margin-bottom: 2px;
	width: 100px;
}
.password_with_meter #complexity {
  display: inline-block;
  width: 200px;
  margin-left: 20px;
}


.password_with_meter div.exceed {
	background-image: url(../images/img_status_pass.png);
	/* background-image: url(../images/img_status_exceed.png); */
}
.password_with_meter div.fail {
	background-image: url(../images/img_status_fail.png);
}
.password_with_meter div.pass {
	background-image: url(../images/img_status_pass.png);
}
.password_with_meter div.warn {
	background-image: url(../images/img_status_fail.png);
	/* background-image: url(../images/img_status_warn.png); */
}
.password_with_meter div.fail, .password_with_meter div.pass, .password_with_meter div.exceed, .password_with_meter div.warn {
  display: inline-block;
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 16px;
}
.password_with_meter div.requirement_description {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  vertical-align: middle;
}




/* CSS FILE: elements_graph.css */


/***** GRAPH ELEMENTS *****/


/*** BOX ELEMENTS FOR GRAPH ***/

.gegeven .graph_full,
.gegeven .graph_left,
.gegeven .graph_right {
  display: block;
  position: relative;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.gegeven .graph_full   {width: 100%; float: left;}
.gegeven .graph_left   {width: 50%; float: left;}
.gegeven .graph_right {width: 50%; float: right; margin-right: -2px;}

.gegeven .graph_left .text,
.gegeven .graph_right .text,
.gegeven .graph_full .text  {
  padding: 0px 7px;
  text-align: center;
}

.graph_title, .graph_content {
  display: block;
  position: relative;
  width: auto;
  border: none;
  margin: 0;
}

.graph_title {
	padding: 7px 0px 3px 7px;
	font-size: 12px;
	font-family: "Century Gothic";
}
.graph_content {padding: 0px 0px 0px 0px;}



/*** GRAPH ELEMENTS :: GRID ***/

/* temp text */
.json_graph .data,
.json_graph .grid {
  font-family: "Courier New", Courier, monospace;
  text-align: left;
  font-size: 8px;
  color: #808080;
}

.placeholder {
  width: 100%;
}

.zoomholder {
  position: absolute !IMPORTANT;
  width: 33%;
  overflow: hidden;
  height: 70px;
  top: 2px;
  left: -1px;
}

/* legend images in graph */
.graph_column .axis {
  display: block;
  position: absolute;
}

.mrt_stilstaan .axis,
.mrt_kracht .axis,
.mrt_coordinatie .axis,
.mrt_stuiten .axis {width: 70px; height: 100px; top: 176px; right: 30px;}
.mrt_zorgniveau .axis {width: 70px; height: 70px; top: 207px; left: 24px;}


/* zoom images in graph */
.zoom_icon {
  display: block;
  position: absolute;
  top: 26px;
  left: -7px;
  width: 33%;
  height: 37px;
}

.graph_column .axis img, .zoom_icon img {position: relative;}

.tickLabels .tickLabel { font-size: 11px; }


/*** GRAPH ELEMENTS :: GRAPH ***/

div.pie_graph {
  height: 200px;
  width:  200px;
}
div.flot-graph {
  margin: 20px 0;
  height: 200px;
}

p {
  padding:4px 2px;
  background-color:#eee;
  border:1px solid #ccc;
  font-family:Courier;
}

table {
  text-align:center;
}

table caption {
  text-align:left;
  font-weight:bold;
  margin:20px 0 0 0;
}

.flot-data LI {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 10;
}

.flot-data .information div {
  position: absolute;
}

.flot-data UL.bars { z-index: 10; }
.flot-data UL.lines { z-index: 0; }
.flot-data UL.points { z-index: 10; }


.flot-data .color_green       { color: rgb(0, 200, 0); }
.flot-data .color_darkgreen   { color: rgb(0, 150, 0); }
.flot-data .color_red         { color: rgb(200, 0, 0); }
.flot-data .color_darkred     { color: rgb(150, 0, 0); }
.flot-data .color_yellow      { color: rgb(255, 229, 5); }
.flot-data .color_darkyellow  { color: rgb(190, 172, 4); }
.flot-data .color_orange      { color: rgb(255, 126, 21); }
.flot-data .color_darkorange  { color: rgb(190, 95, 16); }
.flot-data .color_black       { color: rgb(0, 0, 0); }
.flot-data .color_darkgrey    { color: rgb(100, 100, 100); }
.flot-data .color_lightgrey   { color: rgb(229, 229, 229); }
.flot-data .color_white       { color: rgb(255, 255, 255); }

.flot-data .fillcolor_lightgreen { background-color: rgb(229, 249, 229); }
.flot-data .fillcolor_green      { background-color: rgb(0, 200, 0); }
.flot-data .fillcolor_darkgreen  { background-color: rgb(0, 150, 0); }
.flot-data .fillcolor_lightred   { background-color: rgb(249, 229, 229); }
.flot-data .fillcolor_red        { background-color: rgb(200, 0, 0); }
.flot-data .fillcolor_darkred    { background-color: rgb(150, 0, 0); }
.flot-data .fillcolor_lightyellow{ background-color: rgb(255, 252, 230); }
.flot-data .fillcolor_yellow     { background-color: rgb(255, 229, 5); }
.flot-data .fillcolor_darkyellow { background-color: rgb(190, 172, 4); }
.flot-data .fillcolor_orange     { background-color: rgb(255, 126, 21); }
.flot-data .fillcolor_darkorange { background-color: rgb(190, 95, 16); }
.flot-data .fillcolor_black      { background-color: rgb(0, 0, 0); }
.flot-data .fillcolor_darkgrey   { background-color: rgb(100, 100, 100); }
.flot-data .fillcolor_lightgrey  { background-color: rgb(229, 229, 229); }
.flot-data .fillcolor_white      { background-color: rgb(255, 255, 255); }


#table_mrt_zorgniveau .xaxis {left: 100px; top: 1400px; width: 14px;}
#table_mrt_zorgniveau .yaxis {left: -1000px; top: 20px; width: 10px;}
#table_mrt_zorgniveau .y2axis {left: -1000px; top: 20px;}


#tooltip_graph.green     {color: #000000; background-color: #00C800; border: 2px solid #009600;}
#tooltip_graph.yellow   {color: #000000; background-color: #FFE505; border: 2px solid #BEAC04;}
#tooltip_graph.orange   {color: #000000; background-color: #FF7E15; border: 2px solid #BE5F10;}
#tooltip_graph.red         {color: #FFFFFF; background-color: #C80000; border: 2px solid #960000;}
#tooltip_graph.darkred {color: #FFFFFF; background-color: #E00000; border: 2px solid #960000;}
#tooltip_graph.black     {color: #FFFFFF; background-color: #222222; border: 2px solid #000000;}
#tooltip_graph.blue       {color: #FFFFFF; background-color: #0D93BD; border: 2px solid #117C95;}
#tooltip_graph.purple   {color: #FFFFFF; background-color: #C514E5; border: 2px solid #A736C7;}
#tooltip_graph.grijs     {color: #FFFFFF; background-color: #AAAAAA; border: 2px solid #888888;}


.xlabel, .x2label, .ylabel, .y2label {display: block; position: absolute;}

.xlabel   {left: 35px; bottom: 25px;}
.x2label {left: 35px; top: 25px;}
.ylabel   {left: 22px; bottom: 40px;}
.y2label {right: 22px; bottom: 40px;}


.graph_question {
  display: block;
  position: absolute;
  background: #FFFFFF url(../images/?id=graph_info_back&background=f0f5f6);
  border-left: 2px solid #404040;
  border-bottom: 2px solid #404040;
  border-top: 2px solid #f0f5f6;
  border-right: 2px solid #f0f5f6;
  right: 9px;
  top: 9px;
  padding: 3px;
  font-weight:bold;
  height: 17px;
  width: 17px;
  z-index: 90;
  cursor: pointer;
}

.graph_info {
  display: none;
  position: absolute;
  background: #FFFFFF;
  border: 2px solid #404040;
  right: 9px;
  top: 9px;
  padding: 10px 40px 10px 15px;
  z-index: 89;
  line-height: 20px;
  text-align: left;
}

.graph_info IMG { border: 0px; width: 16px; height: 16px; margin: 0px 8px -3px 0px; }




/* CSS FILE: elements_input.css */


/***** INPUT FIELDS *****/

/* Text color */
TEXTAREA,
INPUT {
  color: #202020;
}


/* Hidden_input fields (submit button and other fields) (hidden) */
#hidden_input,
#form_submit,
#changed_values {
  display: none; 
}


/* dummy class for checkbox label text */
.label {}


/* standard */
.input_field {
  display: block;
  position: relative;
  height: 29px;
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 6px 0px 0px;
  overflow: hidden;
  background: #bbdfe7 url(../images/?id=input_inactive&color=00ADED&background=bbdfe7) repeat-x left;
}

.input_field .input_end {
  display: block;
  position: relative;
  float: right;
  width: 21px;
  border: none;
  background: #bbdfe7 url(../images/?id=input_inactive&color=00ADED&background=bbdfe7) repeat-x right;
  height: 25px;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 6px;
  overflow: hidden;
  z-index: 10;
}


.gegeven.hover .input_field, .input_field:hover, .input_field:focus,
.input_field:active {background: #bbdfe7 url(../images/?id=input_hover&color=00ADED&background=bbdfe7) no-repeat left;}

.gegeven.hover .input_field .input_end, .input_field:hover .input_end, .input_field:focus .input_end,
.input_field:active .input_end {background: #bbdfe7 url(../images/?id=input_hover&color=00ADED&background=bbdfe7) no-repeat right;}

.right.active .input_field {background: #bbdfe7 url(../images/?id=input_active&color=00ADED&background=bbdfe7) no-repeat left;}
.right.active .input_field .input_end {background: #bbdfe7 url(../images/?id=input_active&color=00ADED&background=bbdfe7) no-repeat right;}

.input_field.invalid {background: #bbdfe7 url(../images/?id=input_hover&color=e4220c&background=bbdfe7) no-repeat left !IMPORTANT;}
.input_field.invalid .input_end {background: #bbdfe7 url(../images/?id=input_hover&color=e4220c&background=bbdfe7) no-repeat right !IMPORTANT;}


 
/* inputfield input */
.input_field input {
  display: block;
  /* position: relative; */
  position: absolute;
  left: 5px;
  top: 4px;
  border: none;
  height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 0px; /* De padding-top kan in FF misschien niet kloppen */
  line-height: 15px; /* around 1.1 ? */
  overflow: hidden;
  background: none;
  width: 99%;
  font-size: 14px;
  font-family: Arial, Verdana;
  /* text-overflow: ellipsis; */
}



/* option inputfield */
.option_inputfield {
  display: block;
  position: relative;
  height: 25px;
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 6px 0px 0px;
  overflow: hidden;
  background: #f2fbfe url(../images/?id=option_input_inactive&color=00ADED&background=f2fbfe) repeat-x left;
}

.option_inputfield .option_inputend {
  display: block;
  position: relative;
  float: right;
  width: 21px;
  border: none;
  background: #f2fbfe url(../images/?id=option_input_inactive&color=00ADED&background=f2fbfe) repeat-x right;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 6px;
  overflow: hidden;
  z-index: 10;
}

.selection.hover .option_inputfield, .selection:hover .option_inputfield, .selection:focus .option_inputfield,
.selection:active .option_inputfield {background: #d9f3fc url(../images/?id=input_hover&color=00ADED&background=d9f3fc) no-repeat left;}

.selection.hover .option_inputfield .option_inputend, .selection:hover .option_inputfield .option_inputend, .selection:focus .option_inputfield .option_inputend,
.selection:active .option_inputfield .option_inputend {background: #d9f3fc url(../images/?id=input_hover&color=00ADED&background=d9f3fc) no-repeat right;}

.selection.active .option_inputfield {background: #ffffff url(../images/?id=input_active&color=00ADED&background=ffffff) no-repeat left !IMPORTANT;}
.selection.active .option_inputfield .option_inputend {background: #ffffff url(../images/?id=input_active&color=00ADED&background=ffffff) no-repeat right !IMPORTANT;}

.selection.active.hover .option_inputfield, .selection.active:hover .option_inputfield, .selection.active:focus .option_inputfield,
.selection.active:active .option_inputfield {background: #d9f3fc url(../images/?id=input_hover&color=00ADED&background=d9f3fc) no-repeat left !IMPORTANT;}

.selection.active.hover .option_inputfield .option_inputend, .selection.active:hover .option_inputfield .option_inputend, .selection.active:focus .option_inputfield .option_inputend,
.selection.active:active .option_inputfield .option_inputend {background: #d9f3fc url(../images/?id=input_hover&color=00ADED&background=d9f3fc) no-repeat right !IMPORTANT;}

.option_inputfield.invalid {background: #bbdfe7 url(../images/?id=input_hover&color=e4220c&background=bbdfe7) no-repeat left;}
.option_inputfield.invalid .option_inputend {background: #bbdfe7 url(../images/?id=input_hover&color=e4220c&background=bbdfe7) no-repeat right;}


 
/* inputfield input */
.option_inputfield input {
  display: block;
  /* position: relative; */
  position: absolute;
  left: 5px;
  top: 4px;
  border: none;
  height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
  line-height: 15px; /* around 1.1 ? */
  overflow: hidden;
  background: none;
  width: 99%;
  font-size: 14px;
  font-family: Arial, Verdana;
  /* text-overflow: ellipsis; */
}




/***** TEXTAREA FIELDS *****/

TEXTAREA.grow {
  /* word-wrap: break-word; IE only */
  border: solid 0px #808080;
  width: 99%;
  min-height: 36px;
  max-height: 1500px;
  padding: 0px;
  margin: 0px 0px 0px 5px;
  overflow: visible;
  line-height: 18px; /* around 1.3 ? */
  font-family: Arial;
  font-size: 14px;
  background: #f2fbfe;
}

.active TEXTAREA.grow {background: #ffffff;}
.invalid TEXTAREA.grow {background: #fef4f3;}




/***** SLIDER FIELDS *****/

.slider-between {display: block; float: left; margin: 6px 6px 0px 0px;}

.slider_input_menukaart {width: 49px; float: left;}
.slider_input_menukaart input {border: 0; padding: 3px 0px; margin: 0; width: 40px; background: none; z-index: 10; text-align: center;}
.slider_menukaart {
  display: block;
  position: absolute;
  left: 215px;
  right: 65px;
  top: 6px;
  z-index: 2;
}



/***** DATE INPUT FIELDS *****/

.inputcheck_type_date {
  width: 87% !IMPORTANT;
  left: 27px !IMPORTANT;
}

.ui-datepicker-trigger {
  display: block;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 6px;
  left: 5px;
  cursor: pointer;
}

.date_inputfield {
  width: 45%;
  float: left;
  margin: 0px;
}

.dates_between {
  display: block;
  float: left;
  width: 9%;
  text-align: center;
  margin: 6px 0px 0px 0px;
}



/***** FILE SELECTION FIELD *****/

.get_file .file_source {
  display: block;
  width: 82%;
  height: 10px;
  margin: 0;
  padding: 6px;
  overflow: hidden;
  color: #404040;
}

.get_file .file_extensions {
  display: none;
}

.get_file .file_image {
  display: block;
  position: relative;
  float: left;
  background: url(../images/?id=file_button&color=00ADED) no-repeat 4px 0px;
  width: 17px;
  height: 17px;
  border: none;
  padding: 0px 4px 0px 4px;
  margin: 6px 0px 0px 0px;
}

.get_file.hover .file_image,
.get_file:hover .file_image,
.get_file:focus .file_image,
.get_file:active .file_image {background: url(../images/?id=file_button&color=00ADED&background=transparent) no-repeat 4px -17px;}

.file_present .file_image {background: url(../images/?id=file_button&color=00ADED) no-repeat 4px -34px;}
.file_present.hover .file_image,
.file_present:hover .file_image,
.file_present:focus .file_image,
.file_present:active .file_image {background: url(../images/?id=file_button&color=00ADED) no-repeat 4px -51px;}

.invalid .file_image {background: url(../images/?id=file_button&color=e4220c) no-repeat 4px -34px;}
.invalid.hover .file_image,
.invalid:hover .file_image,
.invalid:focus .file_image,
.invalid:active .file_image {background: url(../images/?id=file_button&color=e4220c) no-repeat 4px -51px;}


.get_file INPUT.file {
  position: absolute;
  cursor: pointer;
  z-index: 1000;
  opacity: 0;
  /*top: 100px;*/
}
/*
.get_file .click_me_file_upload {
  display: block;
  height: 26px;
  position: absolute;
  top: 0px;
  width: 99%;
  cursor: pointer;
  z-index: 1000;
}
*/















/* input vink */

.input_field .changed {
  display: block;
  position: absolute;
  background: none;
  width: 23px;
  height: 23px;
  top: 3px;
  right: 0px;
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  z-index: 1000;
}

.input_field .changed.hover,
.input_field .changed:hover {background: #bbdfe7 url(../images/?id=vink_background_input&color=00ADED&background=bbdfe7) no-repeat;}
.input_field.invalid .changed.hover,
.input_field.invalid .changed:hover {background: #bbdfe7 url(../images/?id=vink_background_input&color=e4220c&background=bbdfe7) no-repeat;}

.changed .icon_changed {
  display: block;
  position: absolute;
  background: #f2fbfe url(../images/?id=vink_icon&color=bfebfb&background=f2fbfe) no-repeat;
  width: 13px;
  height: 13px;
  top: 5px;
  left: 5px;
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  z-index: 1010;
}

.input_field.active .changed .icon_changed {background: #ffffff url(../images/?id=vink_icon&color=bfebfb&background=ffffff) no-repeat;}
.input_field.active  .changed .icon_changed.vinked {background: #ffffff url(../images/?id=vink_icon&color=10bd00&background=ffffff) no-repeat;}
.changed:hover .icon_changed {background: #ffffff url(../images/?id=vink_icon&color=00ADED&background=ffffff) no-repeat;}
.changed .icon_changed.vinked {background: #f2fbfe url(../images/?id=vink_icon&color=10bd00&background=f2fbfe) no-repeat;}
.changed:hover .icon_changed.vinked {background: #ffffff url(../images/?id=undo_icon&color=e4220c&background=ffffff) no-repeat;}
.invalid .changed .icon_changed.vinked {background: #f2fbfe url(../images/?id=vink_icon&color=e4220c&background=f2fbfe) no-repeat !IMPORTANT;}






/* CSS FILE: elements_selection.css */


.option_split {width: 50%;}

.option_select_all:hover, .option_deselect_all:hover,
.option_select_all:focus, .option_deselect_all:focus,
.option_select_all:active, .option_deselect_all:active {color: #00ADED;}



/****************************/
/*****   RADIOBUTTONS   *****/
/****************************/

/*** STANDARD RADIOBUTTONS ***/
.radio { background: none !IMPORTANT; }

/* Hide selection value container */
.radio .value { display: none; }

.radiobutton,
.radiobutton .radio_icon { display: block; float: left; }
.radiobutton .radio_icon { height: 100%; width: 100%; }


/*** RADIOBUTTONS HORIZONTAL ***/
.horizontal .radiobutton { height: 29px; } /* background: #bbdfe7; */
.horizontal .radiobutton:hover,
.horizontal .radiobutton:focus,
.horizontal .radiobutton:active { background-color: #ddeff3; }

.horizontal .radiobutton .radio_icon { background: url(../images/?id=radiobutton) no-repeat center center;}
.horizontal .radiobutton:hover .radio_icon,
.horizontal .radiobutton:focus .radio_icon,
.horizontal .radiobutton:active .radio_icon { background: url(../images/?id=radiobutton_hover) no-repeat center center; }
.horizontal .radiobutton.selected .radio_icon { background: url(../images/?id=radiobutton_active) no-repeat center center; }
.horizontal .radiobutton.selected:hover .radio_icon,
.horizontal .radiobutton.selected:focus .radio_icon,
.horizontal .radiobutton.selected:active .radio_icon { background: url(../images/?id=radiobutton_active_hover) no-repeat center center; }

.horizontal.label .radiobutton .radio_icon { background-position: 6px center !IMPORTANT; }
.horizontal.label .radiobutton .label { position: relative; top: 7px; padding-left: 27px; }

.horizontal.invalid .radiobutton { background-color: #f29186; }
.horizontal.invalid .radiobutton:hover,
.horizontal.invalid .radiobutton:focus,
.horizontal.invalid .radiobutton:active { background-color: #f8c8c2; }


/*** RADIOBUTTONS HORIZONTAL NO RADIO ***/
.noradio {
  float: left;
  padding: 2px 0px 3px 0px;
  text-align: center;
}


/*** RADIOBUTTONS HORIZONTAL WIDTHS / NO RADIO ***/
.horizontal.perc9  .radiobutton, .horizontal.perc9  .noradio { width:  9%; }
.horizontal.perc16 .radiobutton, .horizontal.perc16  .noradio { width: 16%; }
.horizontal.perc20 .radiobutton, .horizontal.perc20 .noradio { width: 20%; }
.horizontal.perc25 .radiobutton, .horizontal.perc25 .noradio { width: 25%; }
.horizontal.perc33 .radiobutton, .horizontal.perc33 .noradio { width: 33%; }
.horizontal.perc49 .radiobutton, .horizontal.perc49 .noradio { width: 49%; }
.horizontal.perc50 .radiobutton, .horizontal.perc50 .noradio { width: 50%; }


/*** RADIOBUTTONS HORIZONTAL WIDTHS / NO RADIO ***/
.horizontal_labels_2 .option { width: 48%; float: left; }
.horizontal_labels_3 .option { width: 31%; float: left; }
.horizontal_labels_4 .option { width: 23%; float: left; }
.horizontal_labels_5 .option { width: 18%; float: left; }
.horizontal_labels_6 .option { width: 15%; float: left; }


/*** RADIOBUTTONS VERTICAL ***/
.selection .radiobutton { display: block; width: 15px; height: 15px; margin: 0px 3px 0px 0px; }

.selection .option .radiobutton { background: #f2fbfe; }
.selection .option:hover .radiobutton,
.selection .option:focus .radiobutton,
.selection .option:active .radiobutton { background: #d9f3fc; }

.selection .option .radiobutton .radio_icon { background: url(../images/?id=radiobutton) no-repeat center center; }
.selection .option:hover .radiobutton .radio_icon,
.selection .option:focus .radiobutton .radio_icon,
.selection .option:active .radiobutton .radio_icon { background: url(../images/?id=radiobutton_hover) no-repeat center center; }
.selection .option.chosen .radiobutton .radio_icon { background: url(../images/?id=radiobutton_active) no-repeat center center; }
.selection .option.chosen:hover .radiobutton .radio_icon,
.selection .option.chosen:focus .radiobutton .radio_icon,
.selection .option.chosen:active .radiobutton .radio_icon { background: url(../images/?id=radiobutton_active_hover) no-repeat center center; }


/*** RADIOBUTTONS GHOST ***/
.radiobutton.ghost .radio_icon { background: url(../images/?id=radiobutton_ghost) no-repeat center center; }
.radiobutton.ghost:hover .radio_icon,
.radiobutton.ghost:focus .radio_icon,
.radiobutton.ghost:active .radio_icon { background: url(../images/?id=radiobutton_ghost_hover) no-repeat center center; }

.radiobutton.group_rights_selected.group_rights_active .radio_icon,
.radiobutton.group_rights_selected.group_rights_active_first .radio_icon { background: url(../images/?id=radiobutton_group_active) no-repeat center center; }


/*** RADIOBUTTONS VERTICAL SUB OPTIONS (FIRST ROW) ***/
/* Drop */
.selection.radio .option_drop { background: #f2fbfe; }
.selection.radio .option_drop:hover,
.selection.radio .option_drop:focus,
.selection.radio .option_drop:active { background: #d9f3fc; }
.selection.radio.active .option_drop { background: #ffffff; }
.selection.radio.active .option_drop:hover,
.selection.radio.active .option_drop:focus,
.selection.radio.active .option_drop:active { background: #f2fbfe; }

.selection.radio .option_drop .option_icon { background: url(../images/?id=radiobutton_drop) no-repeat; }
.selection.radio .option_drop:hover .option_icon,
.selection.radio .option_drop:focus .option_icon,
.selection.radio .option_drop:active .option_icon { background: url(../images/?id=radiobutton_drop_hover) no-repeat; }
.selection.radio .option_drop.chosen .option_icon { background: url(../images/?id=radiobutton_drop_active) no-repeat; }
.selection.radio .option_drop.chosen:hover .option_icon,
.selection.radio .option_drop.chosen:focus .option_icon,
.selection.radio .option_drop.chosen:active .option_icon { background: url(../images/?id=radiobutton_drop_active_hover) no-repeat; }

/* No-drop */
.selection.radio .option_nodrop { background: #f2fbfe; }
.selection.radio .option_nodrop:hover,
.selection.radio .option_nodrop:focus,
.selection.radio .option_nodrop:active { background: #d9f3fc; }
.selection.radio.active .option_nodrop { background: #ffffff; }
.selection.radio.active .option_nodrop:hover,
.selection.radio.active .option_nodrop:focus,
.selection.radio.active .option_nodrop:active { background: #f2fbfe; }

.selection.radio .option_nodrop .option_icon { background: url(../images/?id=radiobutton) no-repeat; }
.selection.radio .option_nodrop:hover .option_icon,
.selection.radio .option_nodrop:focus .option_icon,
.selection.radio .option_nodrop:active .option_icon { background: url(../images/?id=radiobutton_hover) no-repeat; }
.selection.radio .option_nodrop.chosen .option_icon { background: url(../images/?id=radiobutton_active) no-repeat; }
.selection.radio .option_nodrop.chosen:hover .option_icon,
.selection.radio .option_nodrop.chosen:focus .option_icon,
.selection.radio .option_nodrop.chosen:active .option_icon { background: url(../images/?id=radiobutton_active_hover) no-repeat; }

/* Drop (semi) */
.selection.radio .option_drop.semi_chosen .option_icon { background: url(../images/?id=radiobutton_drop_semi_active) no-repeat; }
.selection.radio .option_drop.semi_chosen:hover .option_icon,
.selection.radio .option_drop.semi_chosen:focus .option_icon,
.selection.radio .option_drop.semi_chosen:active .option_icon { background: url(../images/?id=radiobutton_drop_semi_active_hover) no-repeat; }


/*** RADIOBUTTONS VERTICAL SUB OPTIONS (SECOND ROW) ***/
/* Drop */
.selection.radio .sub_selection .option_drop .option_icon { background: url(../images/?id=radiobutton_sub_drop) no-repeat; }
.selection.radio .sub_selection .option_drop:hover .option_icon,
.selection.radio .sub_selection .option_drop:focus .option_icon,
.selection.radio .sub_selection .option_drop:active .option_icon { background: url(../images/?id=radiobutton_sub_drop_hover) no-repeat; }
.selection.radio .sub_selection .option_drop.chosen .option_icon {background: url(../images/?id=radiobutton_sub_drop_active) no-repeat; }
.selection.radio .sub_selection .option_drop.chosen:hover .option_icon,
.selection.radio .sub_selection .option_drop.chosen:focus .option_icon,
.selection.radio .sub_selection .option_drop.chosen:active .option_icon {background: url(../images/?id=radiobutton_sub_drop_active_hover) no-repeat; }

.selection.radio.visualize_view .sub_selection .option_drop.visualize .option_icon { background: url(../images/?id=radiobutton_sub_drop_semi_active) no-repeat; }
.selection.radio.visualize_view .sub_selection .option_drop.visualize:hover .option_icon,
.selection.radio.visualize_view .sub_selection .option_drop.visualize:focus .option_icon,
.selection.radio.visualize_view .sub_selection .option_drop.visualize:active .option_icon { background: url(../images/?id=radiobutton_sub_drop_semi_active_hover) no-repeat; }

/* No-drop */
.selection.radio .sub_selection .option_nodrop .option_icon { background: url(../images/?id=radiobutton_sub) no-repeat; }
.selection.radio .sub_selection .option_nodrop:hover .option_icon,
.selection.radio .sub_selection .option_nodrop:focus .option_icon,
.selection.radio .sub_selection .option_nodrop:active .option_icon { background: url(../images/?id=radiobutton_sub_hover) no-repeat; }
.selection.radio .sub_selection .option_nodrop.chosen .option_icon { background: url(../images/?id=radiobutton_sub_active) no-repeat; }
.selection.radio .sub_selection .option_nodrop.chosen:hover .option_icon,
.selection.radio .sub_selection .option_nodrop.chosen:focus .option_icon,
.selection.radio .sub_selection .option_nodrop.chosen:active .option_icon { background: url(../images/?id=radiobutton_sub_active_hover) no-repeat; }

.selection.radio.visualize_view .sub_selection .option_nodrop.visualize .option_icon { background: url(../images/?id=radiobutton_sub_visualize) no-repeat; }
.selection.radio.visualize_view .sub_selection .option_nodrop.visualize:hover .option_icon,
.selection.radio.visualize_view .sub_selection .option_nodrop.visualize:focus .option_icon,
.selection.radio.visualize_view .sub_selection .option_nodrop.visualize:active .option_icon { background: url(../images/?id=radiobutton_sub_hover_visualize) no-repeat; }

/* Drop (semi) */
.selection.radio .sub_selection .option_drop.semi_chosen .option_icon { background: url(../images/?id=radiobutton_sub_drop_semi_active) no-repeat; }
.selection.radio .sub_selection .option_drop.semi_chosen:hover .option_icon,
.selection.radio .sub_selection .option_drop.semi_chosen:focus .option_icon,
.selection.radio .sub_selection .option_drop.semi_chosen:active .option_icon { background: url(../images/?id=radiobutton_sub_drop_semi_active_hover) no-repeat; }




/*** RADIOBUTTONS / CHECKBOXEN VERTICAL OPTIONS / SUB OPTIONS ***/
.selection .option_drop,
.selection .option_nodrop,
.selection .sub_selection .option_drop,
.selection .sub_selection .option_nodrop {
  display: block;
  cursor: pointer;
  color: #404040;
}


.selection .option_drop .option_icon,
.selection .option_nodrop .option_icon {
  display: block;
  padding: 2px 0px 2px 39px;
  background-position: 4px center !IMPORTANT;
}

.selection .sub_selection .option_drop .option_icon,
.selection .sub_selection .option_nodrop .option_icon {
  display: block;
  padding: 2px 0px 2px 54px;
  background-position: 4px center !IMPORTANT;
}

.option_drop img,
.option_nodrop img,
.option_sub2 img,
.option_sub img {
  height: 14px;
  border: none;
  margin: 0px 4px -2px 2px;
}
.chosen {}

.sub_selection {background: none; padding: 0px 0px 0px 0px;}
.sub_selection .sub_selection {background: url(../images/checkbox_sub_sub.png) 4px 1px; padding: 0px 0px 0px 15px !IMPORTANT;}

/* Open with proper display style for SPAN */
/* old: inline-block -> block, otherwise background shows */
.sub_selection {
  display: block;
}



/* for selection students in a list, but this has to be checked when used */
.column_select .radiobutton {width: 100%; height: 16px !IMPORTANT;}
.first .column_select .radiobutton {display: none !IMPORTANT;}

/* for selection students in a list, but this has to be checked when used */
.column_select .checkbox {width: 100%; height: 16px !IMPORTANT;}
.first .column_select .checkbox {display: none !IMPORTANT;}








/****************************/
/******   CHECKBOXEN   ******/
/****************************/

/*** STANDARD RADIOBUTTONS ***/
.check { background: none !IMPORTANT; }

/* Hide selection value container */
.check .value { display: none; }

.checkbox,
.checkbox .check_icon { display: block; height: 29px; float: left; }
.checkbox .check_icon { height: 100%; width: 100%; }


/*** CHECKBOX HORIZONTAL ***/
.write .horizontal .checkbox { background: #bbdfe7; }
.write .horizontal .checkbox:hover,
.write .horizontal .checkbox:focus,
.write .horizontal .checkbox:active {background: #ddeff3;}
.read .horizontal .checkbox { background: #9cbcc4; }
.read .horizontal .checkbox:hover,
.read .horizontal .checkbox:focus,
.read .horizontal .checkbox:active {background: #cedee2;}

.horizontal .checkbox .check_icon { background: url(../images/?id=checkbox) no-repeat center center; }
.horizontal .checkbox:hover .check_icon,
.horizontal .checkbox:focus .check_icon,
.horizontal .checkbox:active .check_icon { background: url(../images/?id=checkbox_hover) no-repeat center center; }

.horizontal .checkbox.checked .check_icon { background: url(../images/?id=checkbox_active) no-repeat center center; }
.horizontal .checkbox.checked:hover .check_icon,
.horizontal .checkbox.checked:focus .check_icon,
.horizontal .checkbox.checked:active .check_icon { background: url(../images/?id=checkbox_active_hover) no-repeat center center; }

.horizontal.invalid .checkbox { background: #f29186; }
.horizontal.invalid .checkbox:hover,
.horizontal.invalid .checkbox:focus,
.horizontal.invalid .checkbox:active { background: #f8c8c2; }



/*** CHECKBOX HORIZONTAL NO CHECK ***/
.nocheck {
  float: left;
  padding: 2px 0px 3px 0px;
  text-align: center;
}


/*** CHECKBOX HORIZONTAL WIDTHS / NO CHECK ***/
.horizontal.perc9   .checkbox, .horizontal.perc9 .nocheck { width:  9%; }
.horizontal.perc16 .checkbox, .horizontal.perc16 .nocheck { width: 16%; }
.horizontal.perc20 .checkbox, .horizontal.perc20 .nocheck { width: 20%; }
.horizontal.perc25 .checkbox, .horizontal.perc25 .nocheck { width: 25%; }
.horizontal.perc33 .checkbox, .horizontal.perc33 .nocheck { width: 33%; }
.horizontal.perc49 .checkbox, .horizontal.perc49 .nocheck { width: 49%; }
.horizontal.perc50 .checkbox, .horizontal.perc50 .nocheck { width: 50%; }

.column_checkbox.perc100 .checkbox, .column_checkbox.perc100 .nocheck { width: 100%; }
.column_checkbox.perc100 A { 
	background: inherit !important;
	height: 18px !important;
}


/*** CHECKBOX VERTICAL ***/
.selection .checkbox { width: 15px; height: 15px; margin: 0px 3px 0px 0px; }

.selection .option .checkbox { background: #f2fbfe; }
.selection .option:hover .checkbox,
.selection .option:focus .checkbox,
.selection .option:active .checkbox { background: #d9f3fc; }

.selection .option .checkbox .check_icon { background: url(../images/?id=checkbox) no-repeat center center; }
.selection .option:hover .checkbox .check_icon,
.selection .option:focus .checkbox .check_icon,
.selection .option:active .checkbox .check_icon { background: url(../images/?id=checkbox_hover) no-repeat center center; }
.selection .option.chosen .checkbox .check_icon { background: url(../images/?id=checkbox_active) no-repeat center center; }
.selection .option.chosen:hover .checkbox .check_icon,
.selection .option.chosen:focus .checkbox .check_icon,
.selection .option.chosen:active .checkbox .check_icon { background: url(../images/?id=checkbox_active_hover) no-repeat center center; }


/*** CHECKBOX GHOST ??? ***/



/*** CHECKBOX SEARCH CRITERION ??? ***/ /* [FM - 08-01-2010] NEED TO CHECK IT*/
.search .checkbox {height: 16px !IMPORTANT; margin: 0px 3px 0px 5px;}

.criterion .checkbox {display: block; background: #9cbcc4;}
.criterion:hover .checkbox,
.criterion:focus .checkbox,
.criterion:active .checkbox {background: #cedee2;}

.criterion .checkbox .check_icon {display: block; background: url(../images/?id=checkbox) no-repeat center center;}
.criterion:hover .checkbox .check_icon,
.criterion:focus .checkbox .check_icon,
.criterion:active .checkbox .check_icon {background: url(../images/?id=checkbox_hover) no-repeat center center;}

.criterion.checked .checkbox .check_icon {background: url(../images/?id=checkbox_active) no-repeat center center;}
.criterion.checked:hover .checkbox .check_icon,
.criterion.checked:focus .checkbox .check_icon,
.criterion.checked:active .checkbox .check_icon {background: url(../images/?id=checkbox_active_hover) no-repeat center center;}


/*** CHECKBOX VERTICAL SUB OPTIONS (FIRST ROW) ***/
/* Drop */
.selection.check .option_drop { background: #f2fbfe; }
.selection.check .option_drop:hover,
.selection.check .option_drop:focus,
.selection.check .option_drop:active { background: #d9f3fc; }
.selection.check.active .option_drop { background: #ffffff; }
.selection.check.active .option_drop:hover,
.selection.check.active .option_drop:focus,
.selection.check.active .option_drop:active { background: #f2fbfe; }

.selection.check.invalid .option_drop { background: none; }

.selection.check .option_drop .option_icon { background: url(../images/?id=checkbox_drop) no-repeat; }
.selection.check .option_drop:hover .option_icon,
.selection.check .option_drop:focus .option_icon,
.selection.check .option_drop:active .option_icon { background: url(../images/?id=checkbox_drop_hover) no-repeat; }
.selection.check .option_drop.chosen .option_icon { background: url(../images/?id=checkbox_drop_active) no-repeat; }
.selection.check .option_drop.chosen:hover .option_icon,
.selection.check .option_drop.chosen:focus .option_icon,
.selection.check .option_drop.chosen:active .option_icon { background: url(../images/?id=checkbox_drop_active_hover) no-repeat; }

/* No-drop */
.selection.check .option_nodrop { background: #f2fbfe; }
.selection.check .option_nodrop:hover,
.selection.check .option_nodrop:focus,
.selection.check .option_nodrop:active { background: #d9f3fc; }
.selection.check.active .option_nodrop { background: #ffffff; }
.selection.check.active .option_nodrop:hover,
.selection.check.active .option_nodrop:focus,
.selection.check.active .option_nodrop:active { background: #f2fbfe; }

.selection.check.invalid .option_nodrop { background: none; }

.selection.check .option_nodrop .option_icon { background: url(../images/?id=checkbox) no-repeat; }
.selection.check .option_nodrop:hover .option_icon,
.selection.check .option_nodrop:focus .option_icon,
.selection.check .option_nodrop:active .option_icon { background: url(../images/?id=checkbox_hover) no-repeat; }
.selection.check .option_nodrop.chosen .option_icon { background: url(../images/?id=checkbox_active) no-repeat; }
.selection.check .option_nodrop.chosen:hover .option_icon,
.selection.check .option_nodrop.chosen:focus .option_icon,
.selection.check .option_nodrop.chosen:active .option_icon { background: url(../images/?id=checkbox_active_hover) no-repeat; }

/* Drop (semi) */
.selection.check .option_drop.semi_chosen .option_icon { background: url(../images/?id=checkbox_drop_semi_active) no-repeat; }
.selection.check .option_drop.semi_chosen:hover .option_icon,
.selection.check .option_drop.semi_chosen:focus .option_icon,
.selection.check .option_drop.semi_chosen:active .option_icon { background: url(../images/?id=checkbox_drop_semi_active_hover) no-repeat; }


/*** CHECKBOX VERTICAL SUB OPTIONS (SECOND ROW) ***/
/* Drop */
.selection.check .sub_selection .option_drop .option_icon { background: url(../images/?id=checkbox_sub_drop) no-repeat; }
.selection.check .sub_selection .option_drop:hover .option_icon,
.selection.check .sub_selection .option_drop:focus .option_icon,
.selection.check .sub_selection .option_drop:active .option_icon { background: url(../images/?id=checkbox_sub_drop_hover) no-repeat; }
.selection.check .sub_selection .option_drop.chosen .option_icon {background: url(../images/?id=checkbox_sub_drop_active) no-repeat; }
.selection.check .sub_selection .option_drop.chosen:hover .option_icon,
.selection.check .sub_selection .option_drop.chosen:focus .option_icon,
.selection.check .sub_selection .option_drop.chosen:active .option_icon {background: url(../images/?id=checkbox_sub_drop_active_hover) no-repeat; }

.selection.check.visualize_view .sub_selection .option_drop.visualize .option_icon { background: url(../images/?id=checkbox_sub_drop_visualize) no-repeat; }
.selection.check.visualize_view .sub_selection .option_drop.visualize:hover .option_icon,
.selection.check.visualize_view .sub_selection .option_drop.visualize:focus .option_icon,
.selection.check.visualize_view .sub_selection .option_drop.visualize:active .option_icon { background: url(../images/?id=checkbox_sub_drop_hover_visualize) no-repeat; }

/* No-drop */
.selection.check .sub_selection .option_nodrop .option_icon { background: url(../images/?id=checkbox_sub) no-repeat; }
.selection.check .sub_selection .option_nodrop:hover .option_icon,
.selection.check .sub_selection .option_nodrop:focus .option_icon,
.selection.check .sub_selection .option_nodrop:active .option_icon { background: url(../images/?id=checkbox_sub_hover) no-repeat; }
.selection.check .sub_selection .option_nodrop.chosen .option_icon { background: url(../images/?id=checkbox_sub_active) no-repeat; }
.selection.check .sub_selection .option_nodrop.chosen:hover .option_icon,
.selection.check .sub_selection .option_nodrop.chosen:focus .option_icon,
.selection.check .sub_selection .option_nodrop.chosen:active .option_icon { background: url(../images/?id=checkbox_sub_active_hover) no-repeat; }

.selection.check.visualize_view .sub_selection .option_nodrop.visualize .option_icon { background: url(../images/?id=checkbox_sub_visualize) no-repeat; }
.selection.check.visualize_view .sub_selection .option_nodrop.visualize:hover .option_icon,
.selection.check.visualize_view .sub_selection .option_nodrop.visualize:focus .option_icon,
.selection.check.visualize_view .sub_selection .option_nodrop.visualize:active .option_icon { background: url(../images/?id=checkbox_sub_hover_visualize) no-repeat; }

/* Drop (semi) */
.selection.check .sub_selection .option_drop.semi_chosen .option_icon { background: url(../images/?id=checkbox_sub_drop_semi_active) no-repeat; }
.selection.check .sub_selection .option_drop.semi_chosen:hover .option_icon,
.selection.check .sub_selection .option_drop.semi_chosen:focus .option_icon,
.selection.check .sub_selection .option_drop.semi_chosen:active .option_icon { background: url(../images/?id=checkbox_sub_drop_semi_active_hover) no-repeat; }



/* column_checkbox */
.column_checkbox .checkbox .check_icon { background: url(../images/?id=checkbox) no-repeat center center; }
.column_checkbox .checkbox:hover .check_icon,
.column_checkbox .checkbox:focus .check_icon,
.column_checkbox .checkbox:active .check_icon { background: url(../images/?id=checkbox_hover) no-repeat center center; }

.column_checkbox .checkbox.checked .check_icon { background: url(../images/?id=checkbox_active) no-repeat center center; }
.column_checkbox .checkbox.checked:hover .check_icon,
.column_checkbox .checkbox.checked:focus .check_icon,
.column_checkbox .checkbox.checked:active .check_icon { background: url(../images/?id=checkbox_active_hover) no-repeat center center; }


/***** SELECTBOX *****/
.dropdown_container_right {
  position: absolute;
  display: block;
  width: 290px;
  height: 35px;
  margin: 0px 0px 0px -145px;
  right: 0%;
  overflow: visible;
  border: none;
}

.dropdown_container_left {
  position: absolute;
  display: block;
  width: 290px;
  height: 35px;
  margin: 0;
  left: 0%;
  overflow: visible;
  border: none;

}


.studentbox_container {
  position: absolute;
  display: block;
  width: 290px; 
  height: 35px;
  margin: 0px 0px 0px -145px;
  left: 50%;
  overflow: visible;
  border: none;
}

.box_student_navigation .studentbox,
.box_navigation .studentbox {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;  
  width: 249px;
  /*max-width: 249px; /* Trick to give Firefox and IE the same quirks */
  height: 26px;
  /*max-height: 26px; /* Trick to give Firefox and IE the same quirks */
  padding: 9px 36px 0px 5px;
  margin: 0px;
  border: none;
  background: #FFFFFF url(../images/?id=dropdown_huge&color=00ADED) scroll no-repeat 0px 0px;
  cursor: pointer;
  text-align: center;
  color: #404040;
  font-family: Arial, verdana;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
}

.box_student_navigation .studentbox:hover,
.box_navigation .studentbox:hover {background-position: 0px -35px;}
.box_student_navigation .studentbox:active,
.box_navigation .studentbox:active,
.box_student_navigation .studentbox_active,
.box_navigation .studentbox_active {background-position: 0px -70px !IMPORTANT;}

.box_student_navigation div.studentbox_wrap,
.box_navigation div.studentbox_wrap {
  display: none;
  position: absolute;
  left: 50%;
  margin: 34px 0px 0px -145px;
  width: 290px !IMPORTANT;
  background: url(../images/?id=dropdown_backdrop&color=00ADED&background=transparent) left bottom;
  border: 0px solid #00ADED;
  border-top: 1px dotted #00ADED;
  padding: 0px 0px 5px 0px;
  overflow: auto;
  z-index: 10000 !important;
}

.box_student_navigation div.studentbox_wrap_con,
.box_navigation div.studentbox_wrap_con {
  width: 286px !IMPORTANT;
  background: #FFFFFF;
  border-left: 1px solid #00ADED;
  border-right: 1px solid #00ADED;
  padding: 0px 1px 0px 1px;
  text-align: left;
  max-height: 400px;
  overflow: auto;
  z-index: 10001 !important;
}

.box_student_navigation div.studentbox_wrap A,
.box_navigation div.studentbox_wrap A {
  display: block;
  text-align: left;
  padding: 2px 7px;
  overflow: hidden;
}

.box_student_navigation div.studentbox_wrap A:hover,
.box_student_navigation div.studentbox_wrap A:focus,
.box_student_navigation div.studentbox_wrap A:active,
.box_navigation div.studentbox_wrap A:hover,
.box_navigation div.studentbox_wrap A:focus,
.box_navigation div.studentbox_wrap A:active {
  background-color: #f2fbfe;
  color: #00ADED;
}

.box_student_navigation div.studentbox_wrap A.current,
.box_navigation div.studentbox_wrap A.current { 
  background-color: #80d6f6;
}

.box_student_navigation div.studentbox_wrap IMG,
.box_navigation div.studentbox_wrap IMG { margin: 0px 5px -2px 0px; }






/* checkbox / radiobutton vink */

.selection .changed {
  display: block;
  position: absolute;
  background: none;
  width: 23px;
  height: 23px;
  top: 5px;
  right: 6px;
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  z-index: 1000;
}

.selection.extend .changed {top: 3px !IMPORTANT;}

.selection .changed.hover, .selection .changed:hover {background: #bbdfe7 url(../images/?id=vink_background_selection&color=00ADED&background=bbdfe7) no-repeat;}
.selection.invalid .changed.hover, .selection.invalid .changed:hover {background: #bbdfe7 url(../images/?id=vink_background_selection&color=e4220c&background=bbdfe7) no-repeat;}

.extend .changed:hover {background: #bbdfe7 url(../images/?id=vink_background_input&color=00ADED&background=bbdfe7) no-repeat;}
.extend.invalid .changed:hover {background: #bbdfe7 url(../images/?id=vink_background_input&color=e4220c&background=bbdfe7) no-repeat;}

.extend.open .changed:hover {background: #bbdfe7 url(../images/?id=vink_background_selection&color=00ADED&background=bbdfe7) no-repeat !IMPORTANT;}
.extend.open.invalid .changed:hover {background: #bbdfe7 url(../images/?id=vink_background_selection&color=e4220c&background=bbdfe7) no-repeat !IMPORTANT;}

.selection.active .changed .icon_changed {background: #ffffff url(../images/?id=vink_icon&color=bfebfb&background=ffffff) no-repeat;}
.selection.active .changed .icon_changed.vinked {background: #ffffff url(../images/?id=vink_icon&color=10bd00&background=ffffff) no-repeat;}









/* CSS FILE: errors.css */



#errors, #menu {
  display: block;
  position: relative;
  width: auto;
  margin: 0px 0px 10px 0px;
  border: solid 1px #404040;
  background: #ffffff;
  padding: 2px;
}

#errors {
  background: #ffffff;
  border: solid 0px #d0d0d0;
  padding: 2px 2px 0px 2px;
  margin: 0 !important;
}

#menu {
  border: none;
  background: #d0d0d0;
  height: 1px;
  overflow: hidden;
}

#content {
  display: block;
  background: #ffffff;
  padding: 0;
  margin: 0;
  border: none;
}

#erroroptions {
  position: absolute;
  right: 0px;
  top: -120px;
  display: block;
  background: #ffffff;
  border: solid 1px #dddddd;
  color: #dddddd;
  padding: 2px 0px 0px 2px;
  margin: 0 !important;
  width: auto;
  height: 24px;
  z-index: 1000;
  opacity: 0.25;
}

#erroroptions A {
  position: relative;
  display: block;
  border: solid 1px #dddddd;
  color: #dddddd;
  background: #ffffff;
  float: left;
  padding: 2px;
  margin: 0px 2px 0px 0px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-align: center;
  z-index: 1001;
}

#erroroptions A.showlog {
  background: #dddddd !important;
  color: #ffffff !important;
  font-weight: bold;
}

#erroroptions A:hover {
  color: #00ADED !important;
  border: solid 1px #00ADED;
  font-weight: normal;
  cursor: pointer;
}

#erroroptions A:hover.showlog {
  background: #bfebfb !important;
}

.debug, .notice, .warning, .error, .fatal, #console {
  display: block;
  padding: 10px 10px 10px 50px;
  margin-bottom: 2px;
  height: auto;
  overflow: hidden;
}

.debug .error_inside, .notice .error_inside, .warning .error_inside, .error .error_inside, .fatal .error_inside {
  display: block;
  background: #FFFFFF;
  padding: 5px;
  min-height: 16px;
  height: auto;
  overflow: hidden;
  opacity: 0.8;
}

.error_inside .count {
  background: #000000;
  border: 1px solid #000000;
  color: #ffffff;
  font-weight: bold;
  margin: 0 2px 0 -2px;
  padding: 0 1px;
}

.debug, #console {
  color: #808080;
  background: #d0d0d0 url(../images/?id=alert_debug&color=BBBBBB&background=transparent) no-repeat left center;
}

.debug CODE {
  white-space: pre;
}

.notice {
  color: #000000;
  background: #30BCD5 url(../images/?id=alert_notice&color=30CCE5&background=transparent) no-repeat left center;
/*
  background: #8DC6D0 url(../images/?id=alert_notice&color=a1d3dc&background=transparent) no-repeat left center;
  background: #a0a0d0 url(../images/?id=alert_notice&color=b0b0e0&background=transparent) no-repeat left center;
  color: #8080d0;
  background: #e8e8ff;
  border-color: #a0a0d0;
*/
}

.warning {
  color: #000000;
  background: #CFB500 url(../images/?id=alert_warning&color=FFC510&background=transparent) no-repeat left center;
/*
  background: #a0a080 url(../images/?id=alert_warning&color=b0b090&background=transparent) no-repeat left center;
  border-color: #a0a080;
  background: #f0f0b0 url(../images/?id=alert_back&color=#3c3c1c&background=#a0a080);  
*/
}
 
.warning .error_inside {
	padding: 16px 40px !important;
}
 .error_inside {
	padding: 5px 40px !important;
}

.error {
  color: #A00000;
  background: #D00000 url(../images/?id=alert_error&color=EA0000&background=transparent) no-repeat left center;
/*
  border-color: #a00000;
  background: #ffe0e0;
*/
}

.fatal {
  color: #000000;
  background: #000000 url(../images/?id=alert_fatal&color=555555&background=transparent) no-repeat left center;
/*
  border-color: #000000;
*/
  font-weight: bold;
}

.debug .description,
.notice .description,
.warning .description,
.error .description,
.fatal .description {
  /* white-space: pre-wrap; /* CSS3 (works in IE8, FF3 and all other mayor browsers) - REMOVED! */
  font-style: italic;
}








/* CSS FILE: exceptions_absq.css */



.absq_tot { padding: 0px 3px 0px 0px; }
.absq_ov   { padding: 0px 4px 0px 2px; }
.absq_co   { padding: 0px 3px 0px 2px; }
.absq_au   { padding: 0px 2px 0px 2px; }


.absq_results .icon_stats_separator,
.absq_results .icon_stats_is,
.absq_results .absq_icon,
.absq_results .absq_icon_leeg,
.absq_results .absq_icon_yellow,
.absq_results .absq_icon_green,
.absq_results .absq_icon_orange,
.absq_results .absq_icon_red {
  margin: 0px 1px 0px 1px;
  height: 14px;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  overflow: visible;
  vertical-align: middle; /* Here be dragons! */
}


.absq_results .absq_icon,
.absq_results .absq_icon_leeg,
.absq_results .absq_icon_yellow,
.absq_results .absq_icon_green,
.absq_results .absq_icon_orange,
.absq_results .absq_icon_red {
  width: 18px;
}

.absq_results .absq_icon { background: #08B0F0 url(../images/?id=sdq_icon_border&background=08B0F0) no-repeat 0 0; color: #FFFFFF;}
.absq_results .absq_icon_leeg { background: url(../images/?id=sdq_icon_dotted&background=transparent) no-repeat 0 0; }
.absq_results .absq_icon_green { background: #00C800 url(../images/?id=sdq_icon_border&background=00C800) no-repeat 0 0; color: #000000;}
.absq_results .absq_icon_yellow { background: #FFE505 url(../images/?id=sdq_icon_border&background=FFE505) no-repeat 0 0; color: #000000;}
.absq_results .absq_icon_orange { background: #FF7E15 url(../images/?id=sdq_icon_border&background=FF7E15) no-repeat 0 0; color: #FFFFFF;}
.absq_results .absq_icon_red { background: #FF0000 url(../images/?id=sdq_icon_border&background=FF0000) no-repeat 0 0; color: #FFFFFF;}

.absq_results .icon_stats_is {
  width: 5px;
  background: url(../images/?id=icons14/icon_stats_is&background=transparent) no-repeat center 2px;
}

.absq_results .icon_stats_separator {
  width: 5px;
  background: url(../images/?id=icons14/icon_stats_separator&background=transparent) no-repeat center 1px;
}




/* CSS FILE: exceptions_admin.css */


/*************************************/
/******   USER RIGHTS CLASSES   ******/
/*************************************/

.user_rights .gegeven {
  font-style: italic;
  padding: 1px 0px;
}
.rights_first_border { border-right: 1px solid #00ADED; margin-left: -2px; }

/*
#form_input_rights_module_bmi,
#form_input_rights_module_move,
#form_input_rights_module_menu,
#form_input_rights_module_sdq,
#form_input_rights_module_mrt,
#form_input_rights_module_sport,
#form_input_rights_module_zorg 
*/
.user_rights .gegeven.user_right_module { background: #b2d4db !IMPORTANT; } /* #D5E2E5 */


.rights_active_first_higher { background: transparent url(../images/?id=rights_background_point_left&color=DDDDDD&background=transparent) no-repeat left center; }
.rights_also_active_higher  { background: transparent url(../images/?id=rights_background_point_right&color=DDDDDD&background=transparent) no-repeat left center; }
.rights_active_higher       { background: transparent url(../images/?id=rights_background_point_right&color=DDDDDD&background=transparent) no-repeat right center; }

.rights_active_first { background: transparent url(../images/?id=rights_background_point_left&color=f29186&background=transparent) no-repeat left center; }
.rights_also_active { background: transparent url(../images/?id=rights_background_point_right&color=88de80&background=transparent) no-repeat left center; }
.rights_active { background: transparent url(../images/?id=rights_background_point_right&color=88de80&background=transparent) no-repeat right center; }

.rights_also_active_higher.rights_active { background: transparent url(../images/?id=rights_background_point_right_double&background=transparent) no-repeat right center; }

.group_rights_active_first { background: transparent url(../images/?id=rights_background_point_left&color=D4EDFF&background=transparent) no-repeat left center; }
.group_rights_also_active { background: transparent url(../images/?id=rights_background_point_right&color=D4EDFF&background=transparent) no-repeat left center; }
.group_rights_active { background: transparent url(../images/?id=rights_background_point_right&color=D4EDFF&background=transparent) no-repeat right center; }

.group_rights_active.rights_also_active_higher {  background: transparent url("../images/?id=rights_background_point_right_double_group_right&background=transparent") right center; }


/************************************/
/******   COLOR INPUT FIELDS   ******/
/************************************/

.color_template INPUT {
  left: 27px !IMPORTANT;
  width: 20% !IMPORTANT;
  font-family: Lucida Console, Monaco, monospace;
  padding-top: 3px;
}

.color_palet {
  display: block;
  position: absolute;
  height: 17px;
  overflow: hidden;
  top: 6px;
  left: 120px;
  right: 4px;
  z-index: 10;
}

.color_palet DIV {
  display: block;
  width: 10%;
  height: 100%;
}

.color_palet_icon {
  display: block;
  position: absolute;
  top: 6px;
  left: 5px;
  width: 17px;
  height: 17px;
  background: url(../images/?id=color_palette_off) no-repeat 0px 0px;
  cursor: pointer;
}

.gegeven:hover .color_palet_icon { background: url(../images/?id=color_palette) no-repeat 0px 0px; }




/* CSS FILE: exceptions_biq.css */



/* Questionnaire column headers */
.biq_nooit,
.biq_zelden,
.biq_soms,
.biq_bestvaak,
.biq_vaak,
.biq_altijd {
  text-align: center;
}



/* INPORTANT, FOR MAKING SURE THE WHOLE GUESTION IS VISIBLE */
.biq  .left .text { height: auto !IMPORTANT; }


.right .biq {
  width: 33%;
  float: left;
  padding: 3px 0px 0px 0px;
  text-align: center;
}

.biq_result .stats {
  text-align: right;
}

.biq_result .stats DIV {
  float: right;
  text-align: center;
  margin: 0px 2px;
}

.biq_result
.first .stats DIV.seperate {width: 3px !IMPORTANT;}

.biq_result .naam .innercolumn { padding-left: 7px !IMPORTANT; }
.biq_result .stats .innercolumn { padding-right: 7px !IMPORTANT; }

.biq_tot { padding: 0px 2px; }


.biq_icon, .biq_icon0, .biq_icon1, .biq_icon2, .biq_icon3 {
  margin: 0px 1px 0px 1px;
  width: 18px;
  height: 14px;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  overflow: visible;
  vertical-align: middle; /* Here be dragons! */
}


.biq_icon {
  background: url(../images/?id=sdq_icon_dotted&background=transparent) no-repeat 0 0;
  color: #000000;
}

.biq_icon0, .biq_icon1 {
  background: #00c800 url(../images/?id=sdq_icon_border&background=00c800) no-repeat 0 0;
  color: #000000;
}

.biq_icon2 {
  background: #ffe505 url(../images/?id=sdq_icon_border&background=ffe505) no-repeat 0 0;
  color: #000000;
}

.biq_icon3 {
  background: #FF0000 url(../images/?id=sdq_icon_border&background=FF0000) no-repeat 0 0;
  color: #FFFFFF;
}






/* CSS FILE: exceptions_bmi.css */


/*

#form_input_bmi IMG {
  float: left;
  padding: 6px 0px 0px 0px;
}

*/




/* CSS FILE: exceptions_cdi.css */



/* Questionnaire column headers */
.cdi_nooit,
.cdi_soms,
.cdi_vaak {
  text-align: center;
}


/* Readbiliy for GUEST questionnaire */
.cdi_entry {
  padding: 10px;
}

/* INPORTANT, FOR MAKING SURE THE WHOLE GUESTION IS VISIBLE */
.cdi  .left .text { height: auto !IMPORTANT; }


.right .cdi {
  width: 33%;
  float: left;
  padding: 3px 0px 0px 0px;
  text-align: center;
}






/* CSS FILE: exceptions_chexi.css */

/* Questionnaire column headers */
.chexi_definitely_not_true,
.chexi_not_true,
.chexi_partly_true,
.chexi_true,
.chexi_definitely_true {
  text-align: center;
}

/* IMPORTANT, FOR MAKING SURE THE WHOLE QUESTION IS VISIBLE */
.chexi  .left .text { height: auto !IMPORTANT; }


.right .chexi {
  width: 33%;
  float: left;
  padding: 3px 0px 0px 0px;
  text-align: center;
}

.chexi_result .first .stats DIV {
  float: right;
  text-align: center;
  margin: 0px 2px;
}

.chexi_result .first .stats DIV.seperate {width: 3px !IMPORTANT;}


.chexi_wm, .chexi_in, .chexi_re { padding: 0px 2px; }
.chexi_tot_wm, .chexi_tot_in { padding: 0px 7px; }
.chexi_pl { padding: 0px 4px; }


.chexi_icon, .chexi_icon0, .chexi_icon1, .chexi_icon2, .chexi_icon3 {
  margin: 0px 1px 0px 1px;
  width: 18px;
  height: 14px;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  overflow: visible;
  vertical-align: middle; /* Here be dragons! */ /* Let's kill 'm all ;-) */
}


.chexi_icon {
  background: url(../images/?id=sdq_icon_dotted&background=transparent) no-repeat 0 0;
  color: #000000;
}

.chexi_icon0, .chexi_icon1 {
  background: #00c800 url(../images/?id=sdq_icon_border&background=00c800) no-repeat 0 0;
  color: #000000;
}

.chexi_icon2 {
  background: #ffe505 url(../images/?id=sdq_icon_border&background=ffe505) no-repeat 0 0;
  color: #000000;
}

.chexi_icon3 {
/*  background: #FF7E15 url(../images/?id=sdq_icon_border&background=FF7E15) no-repeat 0 0; */
  background: #FF0000 url(../images/?id=sdq_icon_border&background=FF0000) no-repeat 0 0;
  color: #FFFFFF;
}






/* CSS FILE: exceptions_general.css */


/*          FAVORITES             */

.favorites1 .favorite, .favorites1 .favorite_inactive {width: 100%;}
.favorites2 .favorite, .favorites2 .favorite_inactive {width: 50%; margin: 0px -1px 0px 0px;}
.favorites3 .favorite, .favorites3 .favorite_inactive {width: 33%;}
.favorites4 .favorite, .favorites4 .favorite_inactive {width: 25%; margin: 0px -1px 0px 0px;}

.favorite, .favorite_inactive {
  display: block;
  position: relative;
  float: left;
  min-height: 198px;
  overflow: hidden;
}

.favorite .favorite_inside, .favorite_inactive .favorite_inside {
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid #f0f5f6;
}

.favorite .favorite_inside { background: #f0f5f6 no-repeat bottom right; }
.favorite_inactive .favorite_inside { background: #f0f5f6 no-repeat bottom right; color: #94b3ba !IMPORTANT; }

/*
.modules .favorite .favorite_inside { background: #b5cdd3 no-repeat bottom right; }

.favorite:hover .favorite_inside, .favorite:focus .favorite_inside, .favorite:active .favorite_inside {
  background: #f2fbfe no-repeat bottom right;
  border: 1px solid #bfebfb;
}
*/

.favorite .favorite_base  {background-image: url(../images/?id=favoriet_base&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_base  {background-image: url(../images/?id=favoriet_base&color=cedee2&background=f0f5f6);}
.favorite .favorite_base:hover, .favorite .favorite_base:focus, .favorite .favorite_base:active {background-image: url(../images/?id=favoriet_base&color=bfebfb&background=f0f5f6);}

.favorite .favorite_search {background-image: url(../images/?id=favoriet_search&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_search {background-image: url(../images/?id=favoriet_search&color=cedee2&background=f0f5f6);}
.favorite .favorite_search:hover, .favorite .favorite_search:focus, .favorite .favorite_search:active {background-image: url(../images/?id=favoriet_search&color=bfebfb&background=f0f5f6);}

.favorite .favorite_import {background-image: url(../images/?id=favoriet_import&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_import {background-image: url(../images/?id=favoriet_import&color=cedee2&background=f0f5f6);}
.favorite .favorite_import:hover, .favorite .favorite_import:focus, .favorite .favorite_import:active {background-image: url(../images/?id=favoriet_import&color=bfebfb&background=f0f5f6);}

.favorite .favorite_manage {background-image: url(../images/?id=favoriet_beheren&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_manage {background-image: url(../images/?id=favoriet_beheren&color=cedee2&background=f0f5f6);}
.favorite .favorite_manage:hover, .favorite .favorite_manage:focus, .favorite .favorite_manage:active {background-image: url(../images/?id=favoriet_beheren&color=bfebfb&background=f0f5f6);}

.favorite .favorite_mrt {background-image: url(../images/?id=favoriet_mrt&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_mrt {background-image: url(../images/?id=favoriet_mrt&color=cedee2&background=f0f5f6);}
.favorite .favorite_mrt:hover, .favorite .favorite_mrt:focus, .favorite .favorite_mrt:active {background-image: url(../images/?id=favoriet_mrt&color=bfebfb&background=f0f5f6);}

.favorite .favorite_sdq {background-image: url(../images/?id=favoriet_sdq&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_sdq {background-image: url(../images/?id=favoriet_sdq&color=cedee2&background=f0f5f6);}
.favorite .favorite_sdq:hover, .favorite .favorite_sdq:focus, .favorite .favorite_sdq:active {background-image: url(../images/?id=favoriet_sdq&color=bfebfb&background=f0f5f6);}

.favorite .favorite_absq {background-image: url(../images/?id=favoriet_absq&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_absq {background-image: url(../images/?id=favoriet_absq&color=cedee2&background=f0f5f6);}
.favorite .favorite_absq:hover, .favorite .favorite_absq:focus, .favorite .favorite_absq:active {background-image: url(../images/?id=favoriet_absq&color=bfebfb&background=f0f5f6);}

.favorite .favorite_bmi {background-image: url(../images/?id=favoriet_bmi&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_bmi {background-image: url(../images/?id=favoriet_bmi&color=cedee2&background=f0f5f6);}
.favorite .favorite_bmi:hover, .favorite .favorite_bmi:focus, .favorite .favorite_bmi:active {background-image: url(../images/?id=favoriet_bmi&color=bfebfb&background=f0f5f6);}

.favorite .favorite_menukaart {background-image: url(../images/?id=favoriet_menukaart&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_menukaart {background-image: url(../images/?id=favoriet_menukaart&color=cedee2&background=f0f5f6);}
.favorite .favorite_menukaart:hover, .favorite .favorite_menukaart:focus, .favorite .favorite_menukaart:active {background-image: url(../images/?id=favoriet_menukaart&color=bfebfb&background=f0f5f6);}

.favorite .favorite_personal {background-image: url(../images/?id=favoriet_personal&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_personal {background-image: url(../images/?id=favoriet_personal&color=cedee2&background=f0f5f6);}
.favorite .favorite_personal:hover, .favorite .favorite_personal:focus, .favorite .favorite_personal:active {background-image: url(../images/?id=favoriet_personal&color=bfebfb&background=f0f5f6);}

.favorite .favorite_zorg {background-image: url(../images/?id=favoriet_zorg&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_zorg {background-image: url(../images/?id=favoriet_zorg&color=cedee2&background=f0f5f6);}
.favorite .favorite_zorg:hover, .favorite .favorite_zorg:focus, .favorite .favorite_zorg:active {background-image: url(../images/?id=favoriet_zorg&color=bfebfb&background=f0f5f6);}

.favorite .favorite_sport {background-image: url(../images/?id=favoriet_sport&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_sport {background-image: url(../images/?id=favoriet_sport&color=cedee2&background=f0f5f6);}
.favorite .favorite_sport:hover, .favorite .favorite_sport:focus, .favorite .favorite_sport:active {background-image: url(../images/?id=favoriet_sport&color=bfebfb&background=f0f5f6);}

.favorite .favorite_risk {background-image: url(../images/?id=favoriet_risk&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_risk {background-image: url(../images/?id=favoriet_risk&color=cedee2&background=f0f5f6);}
.favorite .favorite_risk:hover, .favorite .favorite_risk:focus, .favorite .favorite_risk:active {background-image: url(../images/?id=favoriet_risk&color=bfebfb&background=f0f5f6);}

.favorite .favorite_modules {background-image: url(../images/?id=favoriet_modules&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_modules {background-image: url(../images/?id=favoriet_modules&color=cedee2&background=f0f5f6);}
.favorite .favorite_modules:hover, .favorite .favorite_modules:focus, .favorite .favorite_modules:active {background-image: url(../images/?id=favoriet_modules&color=bfebfb&background=f0f5f6);}

.favorite .favorite_admin {background-image: url(../images/?id=favoriet_admin&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_admin {background-image: url(../images/?id=favoriet_admin&color=cedee2&background=f0f5f6);}
.favorite .favorite_admin:hover, .favorite .favorite_admin:focus, .favorite .favorite_admin:active {background-image: url(../images/?id=favoriet_admin&color=bfebfb&background=f0f5f6);}

.favorite .favorite_bewegen {background-image: url(../images/?id=favoriet_bewegen&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_bewegen {background-image: url(../images/?id=favoriet_bewegen&color=cedee2&background=f0f5f6);}
.favorite .favorite_bewegen:hover, .favorite .favorite_bewegen:focus, .favorite .favorite_bewegen:active {background-image: url(../images/?id=favoriet_bewegen&color=bfebfb&background=f0f5f6);}

.favorite .favorite_fit {background-image: url(../images/?id=favoriet_fit&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_fit {background-image: url(../images/?id=favoriet_fit&color=cedee2&background=f0f5f6);}
.favorite .favorite_fit:hover, .favorite .favorite_fit:focus, .favorite .favorite_fit:active {background-image: url(../images/?id=favoriet_fit&color=bfebfb&background=f0f5f6);}

.favorite .favorite_voeding {background-image: url(../images/?id=favoriet_voeding&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_voeding {background-image: url(../images/?id=favoriet_voeding&color=cedee2&background=f0f5f6);}
.favorite .favorite_voeding:hover, .favorite .favorite_voeding:focus, .favorite .favorite_voeding:active {background-image: url(../images/?id=favoriet_voeding&color=bfebfb&background=f0f5f6);}

.favorite .favorite_statistics {background-image: url(../images/?id=favoriet_statistiek&color=94b3ba&background=f0f5f6);}
.favorite_inactive .favorite_statistics {background-image: url(../images/?id=favoriet_statistiek&color=cedee2&background=f0f5f6);}
.favorite .favorite_statistics:hover, .favorite .favorite_statistics:focus, .favorite .favorite_statistics:active {background-image: url(../images/?id=favoriet_statistiek&color=bfebfb&background=f0f5f6);}



.favorite .text,
.favorite_inactive .text {
  display: block;
  position: relative;
  width: auto;
  padding: 5px 10px 0px 10px;
  line-height: 1.3;
}

/*
.favorite .text { height: 86px;}
*/

.favorite .text .title,
.favorite_inactive .text .title { font-size: 25px !IMPORTANT; }
.favorite_inactive .text .title { color: #b5cdd3 !IMPORTANT; }

.favorite:hover .text .title,
.favorite:focus .text .title,
.favorite:active .text .title { color: #40c2f2 !IMPORTANT; }

.favorite .buttons,
.favorite_inactive .buttons {
  display: block;
  position: relative;
  padding: 5px 10px;
}

.favorite .buttons_inside,
.favorite_inactive .buttons_inside {
  display: block;
  position: relative;
}

.favorite A {
  display: block;
  width: 100%;
  position: relative;
  background: url(../images/?id=arrow_left&color=00ADED&background=transparent) no-repeat 0px 6px;
  padding: 6px 0px;
}

.favorite A SPAN { padding: 0px 6px 0px 18px;}

.favorite:hover A {
  background: url(../images/?id=arrow_left&color=00ADED&background=transparent) no-repeat 0px 6px;
}

.favorite A:hover {
  background: #FFFFFF url(../images/?id=arrow_left&color=00ADED&background=transparent) no-repeat 0px 5px;
  padding: 5px 0px;
  border: 1px solid #bfebfb;
}

.favorite A:hover SPAN { padding: 0px 5px 0px 17px; }


/***** POPOUT *****/

.popout {
  display: block;
  position: absolute;
  background: #f2fbfe;
  padding: 1px;
  margin: -1px 38px 0px 0px;
  border: 1px solid #80d6f6;
  z-index: 900;
}







/* CSS FILE: exceptions_isa.css */



/* INPORTANT, FOR MAKING SURE THE WHOLE GUESTION IS VISIBLE */
.isa .left .text { height: auto !IMPORTANT; }


.right .isa {
  width: 33%;
  float: left;
  padding: 3px 0px 0px 0px;
  text-align: center;
}

.isa_result .first .stats DIV {
  float: right;
  margin: 0px 2px;
}

.isa_result .first .stats DIV.seperate {width: 3px !IMPORTANT;}


.isa_co { padding: 0px 2px; }
.isa_re { padding: 0px 2px; }
.isa_so { padding: 0px 2px; }
.isa_tot { padding: 0px 2px; }


.isa_icon, .isa_icon0, .isa_icon1, .isa_icon2, .isa_icon3 {
  margin: 0px 1px 0px 1px;
  width: 18px;
  height: 14px;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  overflow: visible;
  vertical-align: middle; /* Here be dragons! */
}


.isa_icon {
  background: url(../images/?id=sdq_icon_dotted&background=transparent) no-repeat 0 0;
  color: #000000;
}

.isa_icon0, .isa_icon1 {
  background: #00c800 url(../images/?id=sdq_icon_border&background=00c800) no-repeat 0 0;
  color: #000000;
}

.isa_icon2 {
  background: #ffe505 url(../images/?id=sdq_icon_border&background=ffe505) no-repeat 0 0;
  color: #000000;
}

.isa_icon3 {
  background: #FF0000 url(../images/?id=sdq_icon_border&background=FF0000) no-repeat 0 0;
  color: #FFFFFF;
}






/* CSS FILE: exceptions_management.css */

.manage .gegeven .left,
.manage .gegeven .right {
  width: 50% !IMPORTANT;
}


.manage .gegeven .right .reading,
.manage .gegeven .right .writing,
.manage .gegeven .right .adding,
.manage .gegeven .right .deleting,
.manage .gegeven .right .standard {
  display: block;
  position: relative;
  height: 17px;
  float: left;
  margin: 0;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  text-align: center;
}

.manage .gegeven .right .reading {width: 19%;}
.manage .gegeven .right .writing {width: 20%;}
.manage .gegeven .right .adding {width: 20%;}
.manage .gegeven .right .deleting {width: 20%;}
.manage .gegeven .right .standard {width: 20%;}



/***** MODULE BEHEER *****/


.management_module .failed { background: #909090 !important; color: #f4f4f4 !important; border: none; }
.management_module .failed:hover,
.management_module .failed:focus,
.management_module .failed:active { color: #080808 !important; }

.management_module .update { background: #009cd5 !important; color: #f4f4f4 !important; border: none; }
.management_module .update:hover,
.management_module .update:focus,
.management_module .update:active { color: #080808 !important; }

.management_module .install { background: #88de80 !important; color: #202020 !important; }
.management_module .delete { background: #f29186 !important; color: #202020 !important; }

.management_module .column { background: transparent !important; }





/* CSS FILE: exceptions_menukaart.css */


.gegeven .extra_attention  {
  padding: 0px 4px 1px 4px;
  margin: -1px 0px 0px 6px;
  font-style: italic;
  font-variant: small-caps;
  font-size: 12px;
  border: 1px dotted #9cbcc4;
}

.extra_attention.new { background: #cd1f0b; color: #ffffff; }
.extra_attention.almost { background: #909090; color: #ffffff; }
.extra_attention.soon { background: #FFE505; color: #000000; }
.extra_attention.develop { background: #08B0F0; color: #ffffff; }



.menukaart_view .left .text {
  height: auto !IMPORTANT;
  margin: 3px 0px 0px 0px !IMPORTANT;
}

.menukaart_view .right .text {
  height: auto !IMPORTANT;
  margin: 2px 10px 5px 0px !IMPORTANT;
}

/* .menukaart_view .separator {height: 0px !IMPORTANT;} */


.column_title {float: left;}

.aanbiederkaart {
  display: block;
  width: 47%;
  float: left;
  padding: 5px;
}

.aanbiederkaart p {padding: 5px 0px;}


.menu_internal_link {
  background: #CCCCCC;
  border: 3px double #AAAAAA;
  margin: 5px 0 0;
  padding: 5px 0;
  text-align: center;
  width: 99%;
}




/* CSS FILE: exceptions_mrt.css */




.gegeven.first .innercolumn {
  padding-top: 1px !IMPORTANT;
}


.mrt_tooltip_green {background: #00C800; border: 1px solid #006400; color: #000000;}
.mrt_tooltip_yellow {background: #FFE505; border: 1px solid #7F7202; color: #000000;}
.mrt_tooltip_orange {background: #FF7E15; border: 1px solid #7F3F0A; color: #000000;}
.mrt_tooltip_red {background: #C80000; border: 1px solid #640000; color: #FFFFFF;}

#tooltip2 {font-family: Times New Roman;}




.mrt_entry .perc9 .noradio {height: 20px; padding: 4px 0px 0px 0px; text-align: center;}
.mrt .mrt_fillup {height: 20px; padding: 4px 0px 0px 0px; float: left;}


.mrt_option_first {
  border-right: 1px solid #8ca9b0;
}



.mrt_score_split {width: 9%; text-align: center; display: block; position: relative; float: left;}


.mrt_staafdiagram_groot .left .text { line-height: 1.7 !IMPORTANT; height: auto !IMPORTANT; }
.mrt_staafdiagram_groot .right .text { height: auto !IMPORTANT; }
.mrt_staafdiagram_groot .right .icon { height: auto !IMPORTANT; }


.mrt_current_age .hide_me { display: none !IMPORTANT; }

.not_cursive { font-style: normal !IMPORTANT; }

/***** POPLEVEL *****/

.poplevel {
  display: block;
  position: absolute;
  background: url(../images/?id=mrt_poplevel) no-repeat 0px 0px;
  padding: 3px 5px;
  margin: -43px 0px 0px 0px;
  z-index: 900;
  text-align: center;
  width: 102px;
  height: 40px;
}






/* CSS FILE: exceptions_rcads.css */



/* Questionnaire column headers */
.rcads_nooit,
.rcads_soms,
.rcads_vaak,
.rcads_altijd {
  text-align: center;
}



/* INPORTANT, FOR MAKING SURE THE WHOLE GUESTION IS VISIBLE */
.rcads  .left .text { height: auto !IMPORTANT; }


.right .rcads {
  width: 33%;
  float: left;
  padding: 3px 0px 0px 0px;
  text-align: center;
}

.rcads_result .first .stats DIV {
  float: right;
  text-align: center;
  margin: 0px 2px;
}

.rcads_result .first .stats DIV.seperate {width: 3px !IMPORTANT;}


.rcads_an { padding: 0px 2px; }
.rcads_de { padding: 0px 2px; }
.rcads_tot { padding: 0px 2px; }


.rcads_icon, .rcads_icon0, .rcads_icon1, .rcads_icon2, .rcads_icon3 {
  margin: 0px 1px 0px 1px;
  width: 18px;
  height: 14px;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  overflow: visible;
  vertical-align: middle; /* Here be dragons! */
}


.rcads_icon {
  background: url(../images/?id=sdq_icon_dotted&background=transparent) no-repeat 0 0;
  color: #000000;
}

.rcads_icon0, .rcads_icon1 {
  background: #00c800 url(../images/?id=sdq_icon_border&background=00c800) no-repeat 0 0;
  color: #000000;
}

.rcads_icon2 {
  background: #ffe505 url(../images/?id=sdq_icon_border&background=ffe505) no-repeat 0 0;
  color: #000000;
}

.rcads_icon3 {
  background: #FF0000 url(../images/?id=sdq_icon_border&background=FF0000) no-repeat 0 0;
  color: #FFFFFF;
}






/* CSS FILE: exceptions_regie.css */


/**********

  CCS EXCEPTIONS REGARDING THE MODULE 'REGIE'

**********/


.zorg .persoon IMG,
.zorgoverleg .left IMG { margin: 0px 5px 0px 0px; }

.regie_response_balloon {
  /* margin: 0px 6px 0px 6px; */
  width: 18px;
  height: 14px;
  display: inline-block;
  font-size: 9px;
  text-align: center;
  overflow: visible;
  vertical-align: middle; /* Here be dragons! */
  background: url(../images/?id=icon_text_balloon&background=transparent) no-repeat 0 0;
  color: #000000;
}


.zorg .right .text,
.zorgoverleg .right .text {
  height: auto !IMPORTANT;
}





/* CSS FILE: exceptions_scared.css */



/* Questionnaire column headers */
.scared_nooit,
.scared_soms,
.scared_vaak {
  text-align: center;
}



/* INPORTANT, FOR MAKING SURE THE WHOLE GUESTION IS VISIBLE */
.scared  .left .text { height: auto !IMPORTANT; }


.right .scared {
  width: 33%;
  float: left;
  padding: 3px 0px 0px 0px;
  text-align: center;
}






/* CSS FILE: exceptions_sdq.css */


/* INPORTANT, FOR MAKING SURE THE WHOLE GUESTION IS VISIBLE */
.sdq  .left .text { height: auto !IMPORTANT; }


.right .sdq {
  width: 33%;
  float: left;
  padding: 3px 0px 0px 0px;
  text-align: center;
}

.student .first .stats DIV {
  margin: 0px 2px;
}

.sdq_result .first .stats DIV,
.rcads_result .first .stats DIV {
  float: right;
  text-align: center;
  margin: 0px 2px;
}

.student .first .stats div.seperate {width: 3px !IMPORTANT;}
.sdq_result .first .stats div.seperate {width: 3px !IMPORTANT;}
.rcads_result .first .stats DIV.seperate {width: 3px !IMPORTANT;}


.sdq_im { padding: 0px 3px; }
.sdq_pr { padding: 0px 4px 0px 3px; }
.sdq_em { padding: 0px 1px; }
.sdq_pl { padding: 0px 4px; }
.sdq_gp { padding: 0px 2px; }
.sdq_hy { padding: 0px 3px 0px 2px; }
.sdq_tot { padding: 0px 3px; }
.sdq_percentile { padding: 0 4px; }
.sdq_per { padding-right: 0px; }
.sdq_per_col {
  display: block;
  width: 100%;
  text-align: left;
}
.sdq_vdg { padding: 0 4px 0 2px; }
.vn.column .sdq_icon_vn, .vn.column .sdq_icon  { float: none; margin-bottom: 4px; } /* Gewoon lekker text-align gebruiken */

.dsm_any { padding: 0px 0px; }
.dsm_hy { padding: 0px 3px 0px 2px; }
.dsm_gp { padding: 0px 2px; }
.dsm_em { padding: 0px 0px 0px 1px; }

.rcads_an { padding: 0px 2px; }
.rcads_de { padding: 0px 2px; }
.rcads_tot { padding: 0px 2px; }


.icon_stats_separator, .icon_stats_is,
.dsm_icon, .dsm_icon0, .dsm_icon1, .dsm_icon2,
.sdq_icon, .sdq_icon0, .sdq_icon1, .sdq_icon2, .sdq_icon3,
.rcads_icon, .rcads_icon0, .rcads_icon1, .rcads_icon2, .rcads_icon3 {
  margin: 0px 1px 0px 1px;
  width: 18px;
  height: 14px;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  overflow: visible;
  vertical-align: middle; /* Here be dragons! */
}

.student .sdq_icon, .student .sdq_icon1, .student .sdq_icon2, .student .sdq_icon3 {	
  position: relative;
  top: -3px;
}


.dsm_icon, .sdq_icon, .rcads_icon {
  background: url(../images/?id=sdq_icon_dotted&background=transparent) no-repeat 0 0;
  color: #000000;
}

.dsm_icon0, .sdq_icon0, .sdq_icon1, .rcads_icon0, .rcads_icon1 {
  background: #00c800 url(../images/?id=sdq_icon_border&background=00c800) no-repeat 0 0;
  color: #000000;
}

.sdq_icon_vn {
  background: #797979 url(../images/?id=sdq_icon_border&background=797979) no-repeat 0 0;
  color: #FFFFFF;
}

.dsm_icon1, .sdq_icon2, .rcads_icon2 {
  background: #ffe505 url(../images/?id=sdq_icon_border&background=ffe505) no-repeat 0 0;
  color: #000000;
}

.dsm_icon2, .sdq_icon3, .rcads_icon3 {
  background: #FF0000 url(../images/?id=sdq_icon_border&background=FF0000) no-repeat 0 0;
  color: #FFFFFF;
}

.icon_stats_is {
  width: 10px !IMPORTANT;
  background: url(../images/?id=icons14/icon_stats_is&background=transparent) no-repeat center 2px;
}

.icon_stats_separator {
  width: 5px !IMPORTANT;
  background: url(../images/?id=icons14/icon_stats_separator&background=transparent) no-repeat center 1px;
}

.sdq_group_list .sdq_icon, .sdq_group_list .sdq_icon0, .sdq_group_list .sdq_icon1, .sdq_group_list .sdq_icon2, .sdq_group_list .sdq_icon3 {
	float: left;
}






/* CSS FILE: exceptions_search.css */

.search .gegeven .select,
.search .gegeven .mnaam,
.search .gegeven .betekenis {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.search .gegeven .select {width: 3%; margin: 0px 5px 5px 10px;}
.search .gegeven .mnaam {width: 25%; margin: 0px 0px 0px 10px; font-weight: bold;}
.search .gegeven .betekenis {width: 65%; margin: 0px 10px 0px 0px;}



.search_table_hide {
  display: none;
}

.search_table_show {
  display: block;
}

.move_one_up,
.move_one_down {
  width: 12px;
  height: 20px;
  padding: 0 0 0 18px;
  position: absolute;
  top: 3px;
}

.move_one_up { background: url('../images/icon_one_up.png') no-repeat center center; right: 44px; }
.move_one_down { background: url('../images/icon_one_down.png') no-repeat center center; right: 24px; }





/* CSS FILE: exceptions_sport.css */


/* todo find different solution for this */  
#form_input_sport_best_icon IMG {
  float: left;
  padding: 6px 0px 0px 0px;
}


/**********

  - READ TABLE SPLITTING -
  Every div, span or a that's within a "box_module read" get's his information from this part of the CSS file.

**********/


.presentlist, .presentlist .gegevens { background: #bbdfe7; }
.presentlist .left_column, .presentlist .middle_column, .presentlist .right_column { float: left; }
.presentlist .left_column { width: 20%; }
.presentlist .middle_column { width: 70%; overflow: visible; overflow-x: scroll; overflow-y: hidden;}
.presentlist .right_column { width: 10%; }

.presentlist .first { height: 24px !IMPORTANT; }
.presentlist .present INPUT { display: none; }

.presentlist .row { display: block; height: 24px; }
.presentlist .perc { display: block; height: 24px; overflow: hidden; }
.presentlist .left_column .row {background: #bbdfe7 url(../images/?id=present_left&background=bbdfe7) no-repeat right top;}
.presentlist .middle_column .row {background: #FFFFFF;}
.presentlist .right_column .row {background: #bbdfe7 url(../images/?id=present_right&background=bbdfe7) no-repeat 0px top;}

.presentlist .left_column .row.hover {background: #ddeff3 url(../images/?id=present_left&background=ddeff3) no-repeat right top;}
.presentlist .right_column .row.hover {background: #ddeff3 url(../images/?id=present_right&background=ddeff3) no-repeat 0px top;}

.presentlist .left_column .perc, .presentlist .middle_column .perc, .presentlist .right_column .perc {background: #bbdfe7;}
.presentlist .left_column .perc {font-style: italic;}
.presentlist .middle_column .perc {font-size: 12px;}
.presentlist .right_column .perc {
  height: 20px;
  padding: 4px 0 0 11px;
  font-style: italic;
}

.presentlist .left_column .cell { padding: 3px 10px 0px 7px; height: 18px; overflow: hidden; display: block; }
.presentlist .middle_column .cell { padding: 3px 0px 0px 0px; height: 18px; overflow: hidden; text-align: center; float: left; width: 24px; }
.presentlist .right_column .cell { padding: 5px 7px 0px 10px; height: 16px; overflow: hidden; }

.presentlist .middle_column .first .cell.hover { background: #cce7ed !IMPORTANT; }

.presentlist .middle_column .between { display: block; width: 15px; height: 24px; float: left; }
.presentlist .middle_column .between .bl { display: block; float: left; width: 6px; height: 24px; background: #ffffff url(../images/?id=present_right&background=bbdfe7) no-repeat 2px top; }
.presentlist .middle_column .between .br { display: block; float: left; width: 9px; height: 24px; background: #bbdfe7 url(../images/?id=present_left&background=bbdfe7) no-repeat right top;}

.presentlist .middle_column .present { display: block; width: 22px; height: 22px; padding: 1px; float: left; background: url(../images/?id=present_back&background=ffffff) no-repeat 1px 1px; }
.presentlist .middle_column .present.vakantie { display: block; float: left; background: url(../images/?id=present_back&background=CCCCCC) no-repeat 1px 1px; }
.presentlist .middle_column .present.hover { background: url(../images/?id=present_back_hover&background=f2fbfe) no-repeat 1px 1px !IMPORTANT; }
.presentlist .middle_column .present .type { display: block; width: 21px; height: 21px; }
.presentlist .middle_column .column_select { display: block; width: 22px; height: 22px; padding: 1px; float: left; background: url(../images/?id=present_column_select&background=b2d4db) no-repeat 1px 1px; }
.presentlist .middle_column .column_select.hover, .presentlist .middle_column .column_select:hover { background: url(../images/?id=present_column_select_hover&background=b2d4db) no-repeat 1px 1px; }

.presentlist .middle_column .present .type.aanwezig { background: url(../images/?id=present_vink&background=transparent) no-repeat 3px 2px; }
.presentlist .middle_column .present .type.afwezig { background: url(../images/?id=present_kruis&background=transparent) no-repeat 3px 2px; }
.presentlist .middle_column .present .type.geoorloofd { background: url(../images/?id=present_streep&background=transparent) no-repeat 3px 2px; }
.presentlist .middle_column .present .type.vakantie { background: url(../images/?id=present_vakantie&background=transparent) no-repeat 3px 2px; }

.presentlist .middle_column .row INPUT { float: left; padding: 3px 0px 0px 3px; border: 0px; width: 100%; }
.input_huls { display: block; overflow: hidden; }

.present_options {
  display: block;
  position: absolute;
  width: 110px;
  height: 28px;
  margin: -24px 0px 0px -43px;
  background: url(../images/?id=present_options) no-repeat;
  z-index: 999;
}

.present_options .leeg_all, .present_options .vink_all, .present_options .kruis_all, .present_options .streep_all, .present_options .vakantie_all {
  display: block; width: 22px; height: 22px; float: left;
} 
.present_options .leeg_all { background: url(../images/?id=present_leeg&background=transparent) no-repeat 2px 2px; }
.present_options .vink_all { background: url(../images/?id=present_vink&background=transparent) no-repeat 2px 2px; }
.present_options .kruis_all { background: url(../images/?id=present_kruis&background=transparent) no-repeat 2px 2px; }
.present_options .streep_all { background: url(../images/?id=present_streep&background=transparent) no-repeat 2px 2px; }
.present_options .vakantie_all { background: url(../images/?id=present_vakantie&background=transparent) no-repeat 2px 2px; }


.present_date_popup {
  display: block;
  position: absolute;
  padding: 4px 5px;
  margin: -29px 0px 0px -31px;
  background: #FFFFFF;
  z-index: 999;
}

.text .multiline /* As used in menukaart/project_view */ { 
	height:auto !IMPORTANT;
}

.date_representation .text { height: auto !IMPORTANT; padding-bottom: 4px !IMPORTANT; }





/* CSS FILE: exceptions_vsv.css */



/* Questionnaire column headers */
.vsv_nooit,
.vsv_soms,
.vsv_vaak,
.vsv_altijd {
  text-align: center;
}



/* INPORTANT, FOR MAKING SURE THE WHOLE GUESTION IS VISIBLE */
.vsv  .left .text { height: auto !IMPORTANT; }


.right .vsv {
  width: 33%;
  float: left;
  padding: 3px 0px 0px 0px;
  text-align: center;
}

.vsv_result .first .stats DIV {
  float: right;
  text-align: right;
  margin: 0px 2px;
}

.vsv_result .first .stats DIV.seperate {width: 3px !IMPORTANT;}


.vsv_wel { padding: 0px 5px; }
.vsv_erv { padding: 0px 6px; }
.vsv_gep { padding: 0px 2px; }
.vsv_fei { padding: 0px 8px; }
.vsv_ges { padding: 0px 5px; }


.vsv_icon, .vsv_icon0, .vsv_icon1, .vsv_icon2, .vsv_icon3, .vsv_icon_gesprek, .vsv_icon_gesprek_no {
  margin: 0px 1px 0px 1px;
  width: 18px;
  height: 14px;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  overflow: visible;
  vertical-align: middle; /* Here be dragons! */
}


.vsv_icon {
  background: url(../images/?id=sdq_icon_dotted&background=transparent) no-repeat 0 0;
  color: #000000;
}

.vsv_icon0, .vsv_icon1 {
  background: #00c800 url(../images/?id=sdq_icon_border&background=00c800) no-repeat 0 0;
  color: #000000;
}

/*
.vsv_icon2 {
  background: #ffe505 url(../images/?id=sdq_icon_border&background=ffe505) no-repeat 0 0;
  color: #000000;
}
*/

.vsv_icon2,
.vsv_icon3 {
  background: #FF0000 url(../images/?id=sdq_icon_border&background=FF0000) no-repeat 0 0;
  color: #FFFFFF;
}

.vsv_icon_gesprek {
  background: #000000 url(../images/?id=sdq_icon_border&background=000000) no-repeat 0 0;
  color: #FFFFFF;
}

.vsv_icon_gesprek_no {
  background: #FFFFFF url(../images/?id=sdq_icon_border&background=FFFFFF) no-repeat 0 0;
  color: #000000;
}





/* CSS FILE: farbtastic.css */


/* DEFAULT FARBTASTIC STYLES */

.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(../images/?id=farbtastic_wheel) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../images/?id=farbtastic_mask) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(../images/?id=farbtastic_marker) no-repeat;
}



/* RELATED LVS STYLES FOR COLOPICKER POPUP */

#colorpicker {
  display: block;
  width: 195px;
  height: 195px;
  float: left;
}

#colorsample {
  display: block;
  position: relative;
  height: 189px;
  float: right;
  border: solid 1px #808080;
  background: #ffffff;
  padding: 2px;
}

#colortarget {
  display: block;
  width: 345px;
  height: 29px;
  padding: 83px 0 77px 0;
  margin: 0;
  border: none;
  font-size: 20px;
  font-family: Lucida Console, Monaco, monospace;
  text-align: center;
}

#colorsample DIV {
  position: absolute;
  height: 15px;
  left: 2px;
  right: 2px;
}






/* CSS FILE: guielements.css */


hr.dividing_line {
  border-top: 2px solid #000100;
  margin-top: 19px;
  margin-bottom: 12px;
}

/* GUI elements */

.guibasic {
  display: block;
  color: #202020;
  border: solid 1px #d9200b;
  padding: 2px;
  margin: 2px;
  font-size: small;
  white-space: pre;
  /* float: left; */
}

#doc_content .title {
  display: block;
  color: #202020;
  font-size: 16px;
  margin: 0px 0px 8px 0px;
}

#doc_content .text {
  display: block;
  /* color: #404040; color is inherited */
}




.screen_overlay {
  display: block;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  background: #FFFFFF;
  z-index: 990;
}


IMG.loading {
  z-index: 999;
  position: absolute;
  left: 50%;
  width: 150px;
  margin: -75px 0px 0px -75px;
}

IMG.block-image {
  display: block;
}

.red_text { color: #FF0000; float: left; }


.data_table_caption {
  display: block;
  padding: 5px;
  margin: 5px 0 -5px 0;
  /*
  border: 1px solid #654916;
  border-bottom: none;
  */
  overflow: hidden;
  line-height: 1;
  color: #202020;
  font-size: 18px;
  font-family: "Century Gothic";
}


.data_table {
  display: block;
  padding: 10px;
  margin: 5px 0px;
  border: 1px solid #654916;
  overflow: hidden;
  line-height: 1.3;
  color: #202020;
}

.data_table DIV { overflow: hidden; }


.category {
  display: block;
  float: left;
  padding: 50px 0px 0px 0px;
  font-weight: bold;
}

.category .data_table_title {
  display: block;
  height: 20px;
  text-align: left;
}

.category .data_table_color {
  display: inline-block;
  border: solid 1px #000000;
  margin: 0 3px -2px 0;
  width: 12px;
  height: 12px;
}

.category .row_total,
.category .row_unknown {
  padding-left: 17px; /* 12 (width) + 2 � 1 (border) + 3 (margin) = 17px */
}

.data_table div.data_columns_wrapper {
  overflow-x: auto;
}
.data_table div.data_columns {
  overflow: visible;
}

.data_columns .column {
  display: block;
  float: left;
}

.data_columns .column .set {
  display: block;
  text-align: right;
  padding: 0px 5px 0px 10px;
  height: 20px;
}

.data_columns .total {
  display: block;
  float: right;
  text-align: right;
  border-left: 1px solid #AAAAAA;
}

.data_columns .school_score,
.data_columns .number_n,
.data_columns .number_p {
  display: block;
  float: left;
  height: 20px;
  padding: 0 5% 0 5%;
}

.data_columns .school_score {
  width: 78%;
  text-align: center;
}

.data_columns .number_n,
.data_columns .number_p {
  width: 39%;
  text-align: right;
}

.data_columns .school_score.top,
.data_columns .number_n.top,
.data_columns .number_p.top {
  padding: 5px 0px;
}

.row_total {
  padding: 5px 0px;
  border-top: solid 1px #EEEEEE;
}

.category .row_total {
  border-top: solid 1px #FFFFFF;
}

.row_unknown { 
  font-weight: normal; font-style: italic;
}






/* CSS FILE: icon_elements.css */


/**********

  - ICONS -
  Every icon image that's within a "gegeven" get's his information from this part of the CSS file.

**********/

.gegeven .icon {
  height: 14px;
  margin: 1px 5px 0px 0px;
  padding: 0px;
  border: none;
}

.gegeven .icon_left {
  height: 14px;
  margin: 1px 5px 0px 0px;
  padding: 0px;
  border: none;
  float : left;
}

.gegeven A.icon {
  display: block;
  width: 14px;
  float: left;
}

/*
.gegeven .icon {
  display: block;
  width: 14px;
  height: 14px;
  margin: 1px 5px 0px 0px;
  padding: 0px;
  border: none;
  float: left;
}
*/

.icon_end.delete {
	padding: 3px 7px 0;
	display: inline;
	position: inherit;
	top: 0;
}

.icon_end {
  display: block;
  position: absolute;
  width: 17px;
  height: 17px;
  right: 0px;
  top: 2px;
  padding: 0px;
  border: none;
  z-index: 10;
}

.gegeven .icon_front {
  margin: 1px 5px -2px 0px;
}
.gegeven .table_row_icon {
  margin: 0px 5px -2px 0px;
}


.expiration_date {
  float: right;
  margin: 2px 3px 0px 0px;
}



/*** Uitzondering voor groter icons (17px x 17px) ***/
.management_backup .icon,
.management_module .icon {
  width: 17px !IMPORTANT;
  height: 17px !IMPORTANT;
}

.management_backup .icon,
.management_module .icon {
  margin: 0px 5px 0px 0px !IMPORTANT;
}

.management_backup .icon_end,
.management_module .icon_end {
  margin: 0px 0px 0px 5px !IMPORTANT;
}

.search_criteria .icon_end {
  top: 5px;
}


/*** GESLACHT ***/
.icon.man {background: url(../images/?id=icons14/icon_male) no-repeat 0px 0px;}
.icon.vrouw {background: url(../images/?id=icons14/icon_female) no-repeat 0px 0px;}


/*** STATISTIEK ***/
.icon.nodata {background: url(../images/?id=icons14/icon_piechart_geendata&transparent) no-repeat 0px 0px;}
.icon.ondergewicht {background: url(../images/?id=icons14/icon_piechart_ondergewicht&transparent) no-repeat 0px 0px;}
.icon.gezondgewicht {background: url(../images/?id=icons14/icon_piechart_gezondgewicht&transparent) no-repeat 0px 0px;}
.icon.overgewicht {background: url(../images/?id=icons14/icon_piechart_overgewicht&transparent) no-repeat 0px 0px;}
.icon.obesitas {background: url(../images/?id=icons14/icon_piechart_obesitas&transparent) no-repeat 0px 0px;}





/*** MANAGEMENT - BACKUP BEHEER ***/
.management_backup .icon.backup {background: url(../images/?id=icons17/icon_management_backup) no-repeat 0 0 !important;}
.management_backup .icon.backup:hover,
.management_backup .icon.backup:focus,
.management_backup .icon.backup:active {background: url(../images/?id=icons17/icon_management_download) no-repeat 0 0 !important;}



/*** DELETE BUTTON ***/
.presentlist .icon_end.delete {background: url(../images/?id=icons17/icon_management_deleteme) no-repeat 0 0 !important;}
.presentlist .icon_end.delete:hover,
.presentlist .icon_end.delete:focus,
.presentlist .icon_end.delete:active {background: url(../images/?id=icons17/icon_management_delete) no-repeat 0 0 !important;}


/*** DELETE BUTTON ***/
.gegeven .icon_end.delete {background: url(../images/?id=icons17/icon_management_deleteme) no-repeat 0 0 !important;}
.gegeven .icon_end.delete:hover,
.gegeven .icon_end.delete:focus,
.gegeven .icon_end.delete:active {background: url(../images/?id=icons17/icon_management_delete) no-repeat 0 0 !important;}


/*** PUT IN ZORGDOSSIER BUTTON ***/
.gegeven .icon_end.put_zd {background: url(../images/?id=icons17/zorgdossier_zd) no-repeat 0 0 !important;}
.gegeven .icon_end.put_zd:hover,
.gegeven .icon_end.put_zd:focus,
.gegeven .icon_end.put_zd:active {background: url(../images/?id=icons17/zorgdossier_zd_hover) no-repeat 0 0 !important;}


/*** PUT IN MY DOSSIER BUTTON ***/
.gegeven .icon_end.put_md {background: url(../images/?id=icons17/zorgdossier_md) no-repeat 0 0 !important;}
.gegeven .icon_end.put_md:hover,
.gegeven .icon_end.put_md:focus,
.gegeven .icon_end.put_md:active {background: url(../images/?id=icons17/zorgdossier_md_hover) no-repeat 0 0 !important;}


/*** MANAGEMENT - MODULE BEHEER ***/
.management_module .icon.notinstalled {   background: url(../images/?id=icons17/icon_management_notinstalled) no-repeat 0 0 !important; }
.management_module .icon.install {        background: url(../images/?id=icons17/icon_management_install) no-repeat 0 0 !important; }
.management_module .icon.forceinstall {   background: url(../images/?id=icons17/icon_management_forceinstall) no-repeat 0 0 !important; }
.management_module .icon.installing {     background: url(../images/?id=icons17/icon_management_installing) no-repeat 0 0 !important; }
.management_module .icon.update {         background: url(../images/?id=icons17/icon_management_update) no-repeat 0 0 !important; }
.management_module .icon.updating {       background: url(../images/?id=icons17/icon_management_updating) no-repeat 0 0 !important; }
.management_module .icon.removing {       background: url(../images/?id=icons17/icon_management_deleting) no-repeat 0 0 !important; }
.management_module .icon.delete {         background: url(../images/?id=icons17/icon_management_delete) no-repeat 0 0 !important; }
.management_module .icon.forcedelete {    background: url(../images/?id=icons17/icon_management_forcedelete) no-repeat 0 0 !important; }

.management_module .icon.notinstalled:hover,
.management_module .icon.notinstalled:focus,
.management_module .icon.delete:hover,
.management_module .icon.delete:focus,
.management_module .icon.forcedelete:focus,
.management_module .icon.forcedelete:hover { background: url(../images/?id=icons17/icon_management_install) no-repeat 0 0 !important; }
.management_module .icon.install:hover,
.management_module .icon.install:focus,
.management_module .icon.forceinstall:focus, 
.management_module .icon.forceinstall:hover { background: url(../images/?id=icons17/icon_management_delete) no-repeat 0 0 !important; }

.management_module .failed .icon.installing:hover,
.management_module .failed .icon.installing:focus,
.management_module .failed .icon.updating:focus,
.management_module .failed .icon.updating:hover { background: url(../images/?id=icons17/icon_management_updating) no-repeat 0 0 !important; }
.management_module .failed .icon.removing:focus,
.management_module .failed .icon.removing:hover { background: url(../images/?id=icons17/icon_management_forcedelete) no-repeat 0 0 !important; }
.management_module .update .icon:focus,
.management_module .update .icon:hover { background: url(../images/?id=icons17/icon_management_updating) no-repeat 0 0 !important; }





/*** OLD DATE INFORMATION OPACITY ***/

.opacity_high { opacity: 0.25; }
.opacity_medium { opacity: 0.5; }
.opacity_low { opacity: 0.75; }

.icon_vsv_score {
  font-size: 11px;
  display: inline-block;
  width: 14px;
  height: 14px;
/*  background-color: #00c800; */
  border-radius: 3px;
  color: #000000;
  border: 1px solid #000000;
  vertical-align: middle;
}




/* CSS FILE: inputerrors.css */

/* empty for the moment :) /jb */




/* CSS FILE: jquery.flexbox.css */

/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input {
	float:left;
	color:#000; /* must specify along with watermark color */
}
/* Color of watermark, if present */
.ffb-input.watermark { /* added and removed dynamically */
	color:#888; /* must specify along with input color */
}
/* Drop-down arrow, with sprited image */
.ffb-arrow {
	float:left;
	width:18px;
	height:22px;
	background-image:url(../img/sel.gif);
}
.ffb-arrow.out { /* css sprite technique */
	background-position:0;
}
.ffb-arrow.over { /* css sprite technique */
	background-position:-18px 0;
}
.ffb-arrow.active { /* css sprite technique */
	background-position:-36px 0;
}
.ffb-no-results 
{
	padding: 2px;
	color:#888;
	font-style:italic;
}
/* Container for dropdown contents */
.ffb {
	position:absolute; /* this guy's parent div is hard-coded to position:relative */
	overflow:hidden;
	border-left:1px solid #7B9EBD;
	border-right:1px solid #7B9EBD;
	border-bottom:1px solid #7B9EBD;
	background-color:#fff; /* Give it a background-color, so it's not transparent */
}
/* Inner div for dropdown */
.ffb .content {
	overflow:auto;
}
.ffb .content .row {
	border-bottom:1px solid #7B9EBD;
	color:#555;
	/*height:20px;*/
  padding:2px 0px;
	clear:both;
}
.ffb-sel {
	cursor:pointer;
	/* cursor:hand; THD REMOVED: does not validate and is obsolete */
	background-color:#ddd;
}
.ffb-match {
	background-color:#ff9; /* light yellow */
	text-decoration:underline;
	color:#000;
}

/* Paging */
.ffb .paging {
	margin:2px;
	vertical-align:middle;
}
.ffb .page, .ffb a.page {
	font-size:85%;
	padding:2px;
	border:solid 1px #339;
	background-color:#eef;
	margin:2px;
	float:left;
}
.ffb .box {
	width:18px;
	margin:2px;
	float:left;
}
.ffb .summary {
	font-size:85%;
	float:right;
}

/* Unique IDs */
#ffb8 .row .col1 {
	float:left;
	width:132px;
}
#ffb8 .row .col2 {
	float:left;
	width:232px;
}




/* CSS FILE: jquery.timepicker.min.css */

/**
 * jQuery Timepicker - v1.3.5 - 2016-07-10
 * http://timepicker.co
 *
 * Enhances standard form input fields helping users to select (or type) times.
 *
 * Copyright (c) 2016 Willington Vega; Licensed MIT, GPL
 */


.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box}.ui-timepicker{box-sizing:content-box;display:block;height:205px;list-style:none outside none;margin:0;padding:0 1px;text-align:center}.ui-timepicker-viewport{box-sizing:content-box;display:block;height:205px;margin:0;padding:0;overflow:auto;overflow-x:hidden}.ui-timepicker-standard{font-family:Verdana,Arial,sans-serif;font-size:1.1em;background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{border:1px solid transparent;color:#222;display:block;padding:.2em .4em;text-decoration:none}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:400;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ui-timepicker-hidden{display:none}.ui-timepicker-no-scrollbar .ui-timepicker{border:0}




/* CSS FILE: labels.css */




/* Text label elements */

.percentage_label,
.percentage_label .percentage_label_bg ,
.percentage_label .percentage_label_bar .percentage_label_text {
  width: 150px;
}

.percentage_label {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 1px 3px 0 0;
  border: solid 1px #dedede;
  background: #ffffff;
  height: 14px;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.percentage_label .percentage_label_bg,
.percentage_label .percentage_label_bar,
.percentage_label .percentage_label_bar .percentage_label_text {
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  margin: 1px;
  padding: 0;
  height: 12px;
  text-align: center;
}

.percentage_label .percentage_label_bg {
  color: #202020;
}

.percentage_label .percentage_label_bar {
  background: #00ADED;
  max-width: 148px;
}

.percentage_label .percentage_label_bar .percentage_label_text {
  color: #ffffff;
  margin: 0;
}







/* CSS FILE: module_read_contents.css */


/**********

  - READ TABLE SPLITTING -
  Every div, span or a that's within a "box_module read" get's his information from this part of the CSS file.

**********/

/* Doesnt work in IE6: .gegeven.all .column { */
.read .column,
.write .column {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  overflow: hidden;
}

.read .column { height: 17px; padding: 1px 0px 1px 0px; }
.write .column { height: 28px; padding: 1px 0px 1px 0px; }

.gegeven .fulltext { width: 97%; padding-left: 7px !IMPORTANT; padding-right: 7px !IMPORTANT; }
.gegeven .fulltextright { width: auto; padding-right: 7px !IMPORTANT; text-align: right; }

.gegeven .column .innercolumn {
  display: block;
  position: relative;
  padding: 0px 2px;
  z-index: 5;
  /* overflow: hidden; [FM] Don't know why this one is here, but don't delete, maybe something is fucked up! */ 
}

.write .column .innercolumn,
.input_text_readonly {
  display: block;
  position: relative;
  z-index: 5;
}

.write .column .innercolumn { padding: 6px 2px; /* [FM] 23-11-2009 || padding: 4px 2px; */ }
.write .input_text_readonly { padding: 6px 2px 6px 5px; }
.read  .input_text_readonly { padding: 6px 2px 6px 5px; }

.gegeven .left .innercolumn {padding-left: 7px !IMPORTANT;}
.gegeven .right .innercolumn {padding-right: 7px !IMPORTANT;}

.column_select, .column_define {display: block; float: left; height: 17px;}
.column_select {width: 3%;}
.column_define {width: 97%;}


.gegeven .fullwidth .innercolumn { padding: 5px 7px !IMPORTANT; height: auto !IMPORTANT; }



/*** CATEGORIEN ***/
.categories .main {width: 99%;}

.categories .main .innercolumn {padding-left: 7px !IMPORTANT; padding-right: 7px !IMPORTANT;}


/*** ABSQ ***/
.absq_results .score { text-align: right; margin-left: -3px; z-index: 4; }

.absq_results .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.absq_results .score .innercolumn {padding-right: 7px !IMPORTANT;}


/*** ADMIN - GEBRUIKERS ***/
.users .status {text-align: center;}


/*** ADMIN - GEBRUIKERSRECHTEN ***/
.user_rights .none,
.user_rights .read,
.user_rights .add,
.user_rights .edit,
.user_rights .delete {width: 10%; text-align: center; margin-left: -1px;}

.user_rights .none .innercolumn,
.user_rights .read .innercolumn,
.user_rights .add .innercolumn,
.user_rights .edit .innercolumn,
.user_rights .delete .innercolumn {margin-left: 5px;}

.user_rights .left .innercolumn {padding-left: 7px !IMPORTANT;}


/*** BMI - BODY MASS INDEX ***/
.bmi .length,
.bmi .weight,
.bmi .hip,
.bmi .waist {text-align: center;}

.bmi .date .innercolumn {padding-left: 7px !IMPORTANT;}


/*** GROEPEN ***/
.group .all .naam {width: 18%;}
.group .all .leerjaar {width: 25%; text-align: center;}
.group .all .leerling {width: 25%; text-align: center;}
.group .all .stats {width: 32%; text-align: right; margin-left: -3px; z-index: 4;}

.group .all .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.group .all .stats .innercolumn {padding-right: 7px !IMPORTANT;}


/*** SCHOOL GROEPEN ***/
.school_group .leerjaar { text-align: center; }
.school_group .leerling { text-align: center; }
.school_group .teacher { text-align: right; }
.school_group .school_group_last { text-align: right; margin-left: -3px; z-index: 4; }

.school_group .naam .innercolumn { padding-left: 7px !IMPORTANT; }
.school_group .school_group_last .innercolumn { padding-right: 7px !IMPORTANT; }


/*** SCHOOL GROEPEN ***/
.my_groups_list .size { text-align: center; }

.my_groups_list .name .innercolumn { padding-left: 7px !IMPORTANT; }


/*** LEGENDA ***/
.legendary .all .icontype {width: 5%; padding-left: 7px !IMPORTANT;}
.legendary .all .icondescription {width: 93%;}


/*** MANAGEMENT - BACKUP ***/
.management_backup .all .naam {width: 65%; height: auto; }
.management_backup .all .grootte {width: 15%;}
.management_backup .all .datum {width: 18%;}

.management_backup .all .naam .innercolumn {padding-left: 7px !IMPORTANT;}


/*** MANAGEMENT - GEBRUIKERS ***/
.users .all .naam {width: 40%; padding-left: 7px !IMPORTANT;}
.users .all .email {width: 25%; text-align: right;}
.users .all .school {width: 33%; text-align: right;}


/*** MANAGEMENT - MODULE ***/
.management_module .all .naam {width: 69%;}
.management_module .all .versie {width: 14%;}
.management_module .all .datum {width: 17%; margin-left: -2px; z-index: 4;}

.management_module .all .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.management_module .all .datum .innercolumn {padding-right: 7px !IMPORTANT;}


/*** MENUKAART ***/
.menukaart_view_large .all .zorgveld {margin-left: -4px; z-index: 4;}

.menukaart_view_large .all .kaart .innercolumn {text-align: center;}
.menukaart_view_large .all .oordeel .innercolumn {text-align: center;}
.menukaart_view_large .all .aanbod .innercolumn {text-align: center;}
.menukaart_view_large .all .zorgveld .innercolumn {padding-right: 7px !IMPORTANT;}


.menukaart_view .all .zorgveld {margin-left: -2px; z-index: 4;}

.menukaart_view .all .oordeel .innercolumn {text-align: center;}
.menukaart_view .all .zorgveld .innercolumn {padding-right: 7px !IMPORTANT;}

.menukaart_view_large .zorgveld .innercolumn IMG {margin: 0px 16px -2px 5px; float: right;}
.menukaart_view .zorgveld .innercolumn IMG {margin: 0px 2px -2px 5px; float: right;}


/*** MENUKAART - AANBIEDERS ***/
.menukaart_suppliers .adres,
.menukaart_suppliers .telefoon,
.menukaart_suppliers .internet { text-align: center; }
.menukaart_suppliers .internet {margin-left: -4px; z-index: 4;}

.menukaart_suppliers .aanbod .innercolumn {text-align: center;}
.menukaart_suppliers .internet .innercolumn {padding-right: 7px !IMPORTANT;}


.menukaart_suppliers_small .adres,
.menukaart_suppliers_small .telefoon,
.menukaart_suppliers_small .internet { text-align: center; }
.menukaart_suppliers_small .internet {margin-left: -4px; z-index: 4;}

.menukaart_suppliers_small .aanbieder .innercolumn {padding-left: 7px !IMPORTANT;}
.menukaart_suppliers_small .internet .innercolumn {padding-right: 7px !IMPORTANT;}


/*** MODULE - KEUZE ***/
.module_choice .all .choose {width: 4%; padding-left: 7px !IMPORTANT;}
.module_choice .all .naam {width: 25%;}
.module_choice .all .betekenis {width: 69%;}


/*** MRT - RESULTS ***/
.mrt_results .achterstand { text-align: right; }
.mrt_results .stats { text-align: right; margin-left: -3px; z-index: 4; }

.mrt_results .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.mrt_results .stats .innercolumn {padding-right: 7px !IMPORTANT;}


/*** MRT - RESULTS ***/
.mrt_import_report .mrt_person { text-align: right; margin-left: -4px; z-index: 4; }

.mrt_import_report .student_name .innercolumn {padding-left: 7px !IMPORTANT;}
.mrt_import_report .mrt_person .innercolumn {padding-right: 7px !IMPORTANT;}


/*** REGIE - ZORGDOSSIER ***/
.zorgdossier .datum {text-align: right;}
.zorgdossier .reactie {text-align: center;}
.zorgdossier .persoon {text-align: right; margin-left: -2px; z-index: 4;}

.zorgdossier .type .innercolumn {padding-left: 7px !IMPORTANT;}
.zorgdossier .persoon .innercolumn {padding-right: 7px !IMPORTANT;}

.zorgdossier .onderwerp IMG,
.zorgdossier .type IMG { margin-bottom: -2px; }


/*** REGIE - ZORG ***/
.zorg .persoon {width: 33%; float: left;}
.zorg .stadium {width: 30%; float: left;}
.zorg .datum {width: 37%; text-align: right; margin-left: -30px; z-index: 4; float: left;}

.zorg .right IMG,
.zorg .stadium IMG {padding-right: 5px; margin-bottom: -2px; }

.zorg .text {
  display: block;
  position: relative;
  margin: 0px;
  line-height: 18px;
  overflow: hidden;
  padding: 4px 7px;
}


/*** REGIE - ZORGOVERLEG ***/
.zorgoverleg .persoon {width: 50%; float: left;}
.zorgoverleg .datum {width: 50%; text-align: right; margin-left: -2px; z-index: 4; float: left;}

.zorgoverleg .right IMG {padding-right: 5px; margin-bottom: -2px; }

.zorgoverleg .text {
  display: block;
  position: relative;
  margin: 0px;
  line-height: 18px;
  overflow: hidden;
  padding: 4px 7px;
}


/*** SCHOLEN ***/
.school .tel,
.school .email,
.school .modules,
.school .leerlingen { text-align: right; }
.school .regio { text-align: right; margin-left: -4px; z-index: 4; }

.school .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.school .regio .innercolumn {padding-right: 7px !IMPORTANT;}


/*** SCHOLEN - SCHOOL HISTORY ***/
.school_history .leerjaar { text-align: center; }
.school_history .school { text-align: right; margin-left: -2px; z-index: 4; }

.school_history .schooljaar .innercolumn {padding-left: 7px !IMPORTANT;}
.school_history .school .innercolumn {padding-right: 7px !IMPORTANT;}


/*** SDQ - RESULTATEN ***/
.sdq_result .stats  { text-align: right; margin-left: -2px; z-index: 4; }

.sdq_result .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.sdq_result .stats .innercolumn {padding-right: 7px !IMPORTANT;}


/*** VSV - RESULTATEN ***/
.vsv_result .stats  { text-align: right; margin-left: -2px; z-index: 4; }

.vsv_result .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.vsv_result .stats .innercolumn {padding-right: 7px !IMPORTANT;}

/*** SDQ - DSM ***/
.dsm_result .stats { text-align: right; margin-left: -2px; z-index: 4; }

.dsm_result .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.dsm_result .stats .innercolumn {padding-right: 7px !IMPORTANT;}


/*** ISA - RESULTATEN ***/
.isa_result .stats { text-align: right; margin-left: -2px; z-index: 4; }

.isa_result .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.isa_result .stats .innercolumn {padding-right: 7px !IMPORTANT;}


/*** SDQ - RISKLIST ***/
.risklist .factoren {width: 67%;}
.risklist .sdq_norisk {width: 16%; text-align: center;}
.risklist .sdq_risk {width: 16%; text-align: center; margin-left: -2px; z-index: 4;}

.risklist .factoren .innercolumn {padding-left: 7px !IMPORTANT;}


/*** SDQ - VRAGENLIJST ***/
.sdq_entry .deleerling,
.sdq_entry .sdq_nietwaar,
.sdq_entry .sdq_beetjewaar,
.sdq_entry .sdq_welwaar {height: 21px !IMPORTANT; padding-top: 3px !IMPORTANT;}

.sdq_entry .deleerling {width: 66%; padding-left: 7px !IMPORTANT;}
.sdq_entry .sdq_nietwaar, .sdq_entry .sdq_beetjewaar, .sdq_entry .sdq_welwaar {width: 11%; text-align: center;}
.sdq_entry .sdq_welwaar {margin-left: -2px;}


/*** RCADS - VRAGENLIJST ***/
.rcads_entry .deleerling,
.rcads_entry .rcads_nooit,
.rcads_entry .rcads_soms,
.rcads_entry .rcads_vaak,
.rcads_entry .rcads_altijd {height: 21px !IMPORTANT; padding-top: 3px !IMPORTANT;}

.rcads_entry .deleerling {padding-left: 7px !IMPORTANT;}
.rcads_entry .rcads_nooit, .rcads_entry .rcads_soms, .rcads_entry .rcads_vaak, .rcads_entry .rcads_altijd {text-align: center;}
.rcads_entry .rcads_altijd {margin-left: -2px;}


/*** RCADS - RESULTATEN ***/
.rcads_result .stats { text-align: right; margin-left: -2px; z-index: 4; }

.rcads_result .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.rcads_result .stats .innercolumn {padding-right: 7px !IMPORTANT;}


/*** CHEXI - VRAGENLIJST ***/
.chexi_entry .deleerling,
.chexi_entry .chexi_definitely_not_true,
.chexi_entry .chexi_not_true,
.chexi_entry .chexi_partly_true,
.chexi_entry .chexi_true,
.chexi_entry .chexi_definitely_true {height: 21px !IMPORTANT; padding-top: 3px !IMPORTANT; text-align: center;}

.chexi_entry .deleerling {padding-left: 7px !IMPORTANT; text-align: left;}
/*.chexi_entry .chexi_definitely_true {margin-left: -2px;}*/


/*** CHEXI - RESULTATEN ***/
.chexi_result .stats { text-align: right; margin-left: -2px; z-index: 4; }

.chexi_result .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.chexi_result .stats .innercolumn {padding-right: 7px !IMPORTANT;}



/*** SEARCH - MODULES ***/
.search_modules .all .module_select {width: 10%;}
.search_modules .all .module_description {width: 90%; margin-left: -2px; z-index: 4;}

.search_modules .all .module_select .innercolumn {padding-left: 7px !IMPORTANT;}
.search_modules .all .module_select .innercolumn {padding-right: 7px !IMPORTANT;}


/*** SEARCH - SAVED SEARCH ***/
.saved_search .description .innercolumn {padding-left: 7px !IMPORTANT;}


/*** SEARCH - LEERLINGEN ***/
.search_student .all .naam {width: 22%;}
.search_student .all .geboorte {width: 20%;}
.search_student .all .groep {width: 8%;}
.search_student .all .school {width: 20%;}
.search_student .all .stats {width: 30%; margin-left: -3px; text-align: left; z-index: 4;}

.search_student .all .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.search_student .all .stats .innercolumn {padding-right: 7px !IMPORTANT;}


/*** SEARCH - ZOEKCRITERUA ***/
.search_criteria .gegeven .module,
.search_criteria .gegeven .onderdeel,
.search_criteria .gegeven .waarde,
.search_criteria .gegeven .totaal,
.search_criteria .gegeven .absoluut,
.search_criteria .gegeven .relatief { float: left; }

.search_criteria .module .text,
.search_criteria .onderdeel .text,
.search_criteria .waarde .text,
.search_criteria .totaal .text,
.search_criteria .absoluut .text,
.search_criteria .relatief .text  { padding: 5px 0px; }

.search_criteria .module .text,
.search_criteria .module .innercolumn {padding-left: 7px !IMPORTANT;}
.search_criteria .relatief .text,
.search_criteria .relatief .innercolumn {padding-right: 7px !IMPORTANT;}

.gegeven .zoek_op .innercolumn {padding-left: 7px !IMPORTANT;}


/*** SPORT - ACTIVITEITEN IMPORT MATCHING ***/
.activities_match .known {text-align: right; margin-left: -4px; z-index: 4;}

.activities_match .activity_name .innercolumn {padding-left: 7px !IMPORTANT;}
.activities_match .known .innercolumn {padding-right: 7px !IMPORTANT;}


/*** SPORT - ACTIVITEITEN IMPORT SUMMARY ***/
.activities_summary .status {text-align: right; margin-left: -4px; z-index: 4;}

.activities_summary .activity_name .innercolumn {padding-left: 7px !IMPORTANT;}
.activities_summary .status .innercolumn {padding-right: 7px !IMPORTANT;}


/*** SPORT - STUDENTS IMPORT SUMMARY ***/
.students_summary .status {text-align: right; margin-left: -4px; z-index: 4;}

.students_summary .name .innercolumn {padding-left: 7px !IMPORTANT;}
.students_summary .status .innercolumn {padding-right: 7px !IMPORTANT;}


/*** SPORT - SPORTPARTICIPATION ***/
.sportparticipation .percentage {text-align: right; margin-left: -2px; z-index: 4;}
.sportparticipation .delete     {text-align: right; margin-left: -2px; z-index: 4;}


.sportparticipation .start .innercolumn {padding-left: 7px !IMPORTANT;}
.sportparticipation .sport .innercolumn {padding-right: 7px !IMPORTANT;}


/*** SPORT - ACTIVITIES_OVERVIEW ***/
.activities_overview .start {width: 5%;}
.activities_overview .name {width: 25%;}

.activities_overview .datum {width: 14%;}
.activities_overview .periode {width: 25%;}
.activities_overview .kenmerk {width: 14%;}
/*.activities_overview .soort {width: 15%;}*/
.activities_overview .percentage {width: 5%; text-align: center;}
.activities_overview .sport {width: 17%; text-align: right; margin-left: -2px; z-index: 4;}

.activities_overview .start .innercolumn {padding-left: 7px !IMPORTANT;}
.activities_overview .sport .innercolumn {padding-right: 7px !IMPORTANT;}

/*** SPORT - SPORTCALENDER ***/
.sportcalender .location {text-align: left; }
.sportcalender .participation {text-align: right; margin-left: -3px; z-index: 4;}

.sportcalender .name .innercolumn {padding-left: 7px !IMPORTANT;}
.sportcalender .participation .innercolumn {padding-right: 7px !IMPORTANT;}


/*** MENUKAART - AANBIEDERS ***/
.sport_suppliers .adres,
.sport_suppliers .telefoon,
.sport_suppliers .internet { text-align: center; }
.sport_suppliers .internet { margin-left: -4px; z-index: 4; }

.sport_suppliers .aanbieder .innercolumn { padding-left: 7px !IMPORTANT; }


/*** STATISTIEK ***/
.statistic .gegeven .pie {width: 40%; text-align: center; float: left; min-height: 1px;}
.statistic .gegeven .pie_numbers {width: 56%; float: left; margin-top: 16px;}
.statistic .gegeven.first .pie_numbers {margin-top: 0px !IMPORTANT;}

.statistic .all .categorie {width: 41%; padding-left: 10px;}
.statistic .all .aantal,
.statistic .all .total {width: 20%; padding-right: 15px; text-align: right; font-weight: bold;}
.statistic .all .percentage {width: 23%; text-align: right;}


/*** STUDENTEN ***/
.student .all .stats { text-align: left; margin-left: -2px; z-index: 4; }

.student .all .geslacht .innercolumn,
.student .all .naam .innercolumn {padding-left: 7px !IMPORTANT;}
.student .all .stats .innercolumn {padding-right: 7px !IMPORTANT;}


.horizontal_scroll.read .gegevens_border {
	overflow-y: hidden;
	overflow-x: auto;	
}
.horizontal_scroll.student .all {display: block; white-space: nowrap; overflow: visible; }
.horizontal_scroll.student .all .stats { display: inline-block; float: none; overflow: visible;}

/*** STUDENTEN - INFORMATION TABLE ***/
.student_info_table .row1,
.student_info_table .row2,
.student_info_table .row3,
.student_info_table .row4 { padding: 5px 0px 0px 0px !IMPORTANT; }

.student_info_table .row1,
.student_info_table .row3 { color: #4e5e62; }
.student_info_table .row4 { margin-left: -2px; z-index: 4; }

.student_info_table .row1 .innercolumn {padding-left: 7px !IMPORTANT;}
.student_info_table .row4 .innercolumn {padding-right: 7px !IMPORTANT;}


/*** STUDENTEN HISTORY ***/
.student_history .persoon { text-align: left; margin-left: -2px; z-index: 4; }

.student_history .datum  .innercolumn {padding-left: 7px !IMPORTANT;}
.student_history .persoon .innercolumn {padding-right: 28px !IMPORTANT;}



/**********

  - STATS ICONEN -
  For special classes considering the icons for stats

**********/

.all .stats img {margin: 1px 1px 0px 1px;}
.all .stats img.statsseparator {margin: 1px 0px 0px 0px !IMPORTANT;}
.all img.statsseparator {margin: 1px 0px 0px 0px !IMPORTANT;}

.all .stats div.sdq_legendary,
.all .stats div.stats_separator,
.all .stats div.stats_is { display: block; margin: 1px 1px 0px 1px; height: 14px; float: right;font-size: 12px; text-align: center; }

.all .stats div.sdq_legendary {width: 18px;}
.all .stats div.stats_separator {margin: 1px 3px 0px 3px !IMPORTANT; width: 1px; background: url(../images/?id=icons14/icon_stats_separator) no-repeat center 2px;}
.all .stats div.stats_is {width: 10px; background: url(../images/?id=icons14/icon_stats_is) no-repeat center 2px;}

.all .stats img.sdq_student_subicon {margin: 1px -2px 0px -2px;}




.obligatory_input {height: 16px; width: 10px; padding: 5px 5px; background: url(../images/?id=obligated_star&color=b2d4db&background=transparent) no-repeat left;}

/*.invalid_arrow {position: relative; float: right; width: 25px; overflow: hidden; }
.invalid_arrow .inner_box { position: absolute; height: 16px; width: 15px; left: -15px; padding: 6px 10px 0px 0; background: url(../images/?id=invalid_arrow&color=FF0000&background=bbdfe7) no-repeat 5px 3px; }*/
.invalid_arrow { position: absolute; background-color: yellow; width: 20px; height: 20px; left:-20px; top: 0; }
.gegeven.hover .obligatory_input, .gegeven:hover .obligatory_input {background-image: url(../images/?id=obligated_star&color=eb5949&background=transparent);}




/****************************************
NOG EVEN CONTROLEREN EN ANDERS WEGGOOIEN
****************************************/

.statsgraph,
.stats .splitter {
  height: 14px;
  border: none;
}

.statsgraph {width: 64px;}
.stats .splitter {width: 1px;}





/* CSS FILE: modules.css */

/*          MODULES TOP / BOTTOM          */

.active {background: none !IMPORTANT;}

.module .read {}
.module .write {}


.read .top,
.read .bottom,
.write .top,
.write .bottom {
  display: block;
  position: relative;
  width: auto;
  overflow: hidden;
}


.read .bottom, .write .bottom {
  font-size: 1px; /* Cheap fix for bottom right block that overflows */
}


/* Exception for collapsed headers */
.top.tophalf {
  height: 8px !IMPORTANT;
}


.read .top {background: #9cbcc4 url(../images/?id=module&color=9cbcc4) repeat-x left top; height: 29px;}
.read .bottom {background: #f0f5f6 url(../images/?id=module_light&color=9cbcc4) repeat-x left bottom; height: 6px;}
.read.decollapse .bottom {background: #9cbcc4 url(../images/?id=module&color=9cbcc4) repeat left bottom !IMPORTANT; height: 6px;}

.write .top {background: #bbdfe7 url(../images/?id=module&color=b2d4db) repeat-x left top; height: 29px;}
.write .bottom {background: #bbdfe7 url(../images/?id=module&color=bbdfe7) repeat-x left bottom; height: 6px;}


.read .top .end,
.read .bottom .end,
.write .top .end,
.write .bottom .end {
  display: block;
  position: absolute;
  right: 0px;
  width: 35px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  font-size: 1px; /* Cheap fix for bottom right block that overflows */
  z-index: 2;
  cursor: default;
}

.read .top .end {background: #9cbcc4 url(../images/?id=module&color=9cbcc4) no-repeat right top; height: 23px;}
.read .bottom .end {background: #ffffff url(../images/?id=module_light&color=9cbcc4) no-repeat right bottom; height: 6px;}
.read.decollapse .bottom .end {background: #9cbcc4 url(../images/?id=module&color=9cbcc4) repeat right bottom !IMPORTANT; height: 6px;}

.write .top .end {background: #bbdfe7 url(../images/?id=module&color=b2d4db) no-repeat right top; height: 23px;}
.write .bottom .end {background: #bbdfe7 url(../images/?id=module&color=bbdfe7) no-repeat bottom right; height: 6px;}

.top .title {
  display: block;
  position: relative;
  width: auto;
  border: none;
  height: 18px;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 0px 7px;
  font-weight: bold;
}

.top .end .plusmin {
  display: block;
  width: 13px;
  height: 13px;
  margin: 7px 0px 0px 8px;
  cursor: default;
}

.top_height {
  height: 43px !important;
}

.top .coverup {
  position: relative;
  top: -5px;
  width: 100%;
  height: 15px;
  background-color: #9cbcc4;
  border-bottom: 1px solid #ffffff;

}

.decollapse_begin .gegevens,
.decollapse_begin .box_action {display: none;}

.read.collapse .top .end .plusmin {background: url(../images/?id=module_min&color=758d93&background=9cbcc4) no-repeat 0px 0px; cursor: pointer;}
.read.collapse .top .end .plusmin.hover,
.read.collapse .top .end .plusmin:hover,
.read.collapse .top .end .plusmin:focus,
.read.collapse .top .end .plusmin:active {background: url(../images/?id=module_min&color=4e5e62&background=9cbcc4) no-repeat 0px 0px; cursor: pointer;}

.read.decollapse .top .end .plusmin {background: url(../images/?id=module_plus&color=758d93&background=9cbcc4) no-repeat 0px 0px !IMPORTANT; cursor: pointer;}
.read.decollapse .top .end .plusmin.hover,
.read.decollapse .top .end .plusmin:hover,
.read.decollapse .top .end .plusmin:focus,
.read.decollapse .top .end .plusmin:active {background: url(../images/?id=module_plus&color=4e5e62&background=9cbcc4) no-repeat 0px 0px !IMPORTANT; cursor: pointer;}

.write.collapse .top .end .plusmin {background: url(../images/?id=module_min&color=8ca7ad&background=b2d4db) no-repeat 0px 0px; cursor: pointer;}
.write.collapse .top .end .plusmin.hover,
.write.collapse .top .end .plusmin:hover,
.write.collapse .top .end .plusmin:focus,
.write.collapse .top .end .plusmin:active {background: url(../images/?id=module_min&color=5e7074&background=b2d4db) no-repeat 0px 0px; cursor: pointer;}

.write.decollapse .top .end .plusmin {background: url(../images/?id=module_plus&color=8ca7ad&background=b2d4db) no-repeat 0px 0px !IMPORTANT; cursor: pointer;}
.write.decollapse .top .end .plusmin.hover,
.write.decollapse .top .end .plusmin:hover,
.write.decollapse .top .end .plusmin:focus,
.write.decollapse .top .end .plusmin:active {background: url(../images/?id=module_plus&color=5e7074&background=b2d4db) no-repeat 0px 0px !IMPORTANT; cursor: pointer;}

.decollapse .box_action { display: none;}




/*          MODULES  GEGEVEN          */

.gegevens {display: block; width: 100%; position: relative;}

.read .gegevens {background: #f0f5f6;}
.read .gegevens_border {background: #f0f5f6; border-left: 1px solid #9cbcc4; border-right: 1px solid #9cbcc4; overflow: hidden;}

.read .separator,
.write .separator {
  display: block;
  position: relative;
  background: #FFFFFF;
  width: auto;
  height: 2px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.read .separator {border-top: 1px solid #9cbcc4; border-bottom: 1px solid #9cbcc4;}
.write .separator {border-top: 1px solid #b2d4db; border-bottom: 1px solid #b2d4db;}

.separator_invisible {
  display: block;
  width: 100%;
  border-top: 0px solid #9cbcc4;
  border-bottom: 0px solid #9cbcc4;
  font-size: 0px;
  overflow: hidden;
}

.read .separator_invisible {background: #f0f5f6; border-left: 1px solid #9cbcc4; border-right: 1px solid #9cbcc4;}
.write .separator_invisible {background: #bbdfe7;}

.gegeven {
  display: block;
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  clear: both;
  cursor: default;
}

.read .gegeven {background: #f0f5f6;}
.write .gegeven {background: #bbdfe7;}

.all {
  text-align: left;
  padding: 1px 0px 1px 0px;
  width: 100%;
}
.question .all {height: 24px !IMPORTANT; text-align: left;}

/* [FM 18-11-2010] Does this make the page slow? */
.read .all.hover,
.read .all:hover,
.read .all:focus,
.read .all:active {background: #cedee2;}


/*** THIS IS USED FOR THE EXTRA HIGHLIGHT OF A LINK WITHIN A 'GEGEVEN' ***/
.read .all .column:hover {background: #f2fbfe;}
.read .all.first .column:hover {background: none;}
.read .all .column:active {background: #f3fcf2;}
.read .all.first .column:active {background: none;}

.all.hover,
.all:hover,
.all:focus,
.all:active {background: #cce7ed;}


.gegeven .left,
.gegeven .right {
  display: block;
  position: relative;
  border: none;
  margin: 0;
  padding: 0;
  text-align: left;
  background: none !IMPORTANT;
}

.box_module .eenderde .left, .module .eenderde .left {float: left; width: 33%;}
.box_module .eenderde .right, .module .eenderde .right {float: right; width: 67%; margin-right: -2px;}
.box_module .helft .left, .module .helft .left {float: left; width: 50%;}
.box_module .helft .right, .module .helft .right {float: right; width: 50%; margin-right: -2px;}
.box_module .tweederde .left, .module .tweederde .left {float: left; width: 67%;}
.box_module .tweederde .right, .module .tweederde .right {float: right; width: 33%; margin-right: -2px;}
.box_module .viervijfde .left, .module .viervijfde .left {float: left; width: 80%; margin-right: -2px;}
.box_module .viervijfde .right, .module .viervijfde .right {float: left; width: 20%; margin-right: -2px;}




/*          MODULES  LEFT / RIGHT  CONTENT          */

.gegeven .left .text,
.gegeven .text_full {
  display: block;
  position: relative;
  margin: 0px;
  line-height: 18px;
  overflow: hidden;
}

.gegeven .left .text { height: 21px; }
.gegeven .text_full { height: auto; }

.write .gegeven .left .text, .write .gegeven .text_full { padding: 6px 0px 0px 7px; }
.read .gegeven .left .text, .read .gegeven .text_full { padding: 4px 0px 0px 7px; }


.gegeven .text_full {padding: 4px 7px !IMPORTANT;}
.write .gegeven .left .text,
.question .gegeven .left .text {height: auto !IMPORTANT;}

.gegeven .left .text.invalidtext,
.gegeven .text_full.invalidtext { color: #ab1a09; }

.write .right .blank {
  display: block;
  position: relative;
  height: 28px;
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  background: #bbdfe7;
  min-height: 29px;
}




.right .bmi_image {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  border: none;
  overflow: hidden;
  margin: 4px 7px 0px 0px;
  float: left;
}

.right .ondergewicht {background: url(../images/?id=icons14/bmi_ondergewicht);}
.right .gezondgewicht {background: url(../images/?id=icons14/bmi_gezondgewicht);}
.right .overgewicht {background: url(../images/?id=icons14/bmi_overgewicht);}
.right .obesitas {background: url(../images/?id=icons14/bmi_obesitas);}

.right .alert {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px -14px 0px -14px;
  padding: 0px;
  border: none;
  left: -6px;
  top: 7px;
  float: left;
}



.right .text,
.options .text {
  display: block;
  position: relative;
  border: none;
  height: 21px;
  margin: 0px 0px 0px 0px;
  padding: 4px 5px 0px 5px;
  line-height: 18px; /* around 1.3 ? */
  overflow: hidden;
  /* text-overflow: ellipsis; */
}

.options .text {height: 20px !IMPORTANT; padding: 0px 0px 0px 5px !IMPORTANT;}

.write .right .delete {
  display: block;
  position: relative;
  float: right;
  width: 26px;
  border: none;
  background: url(../images/?id=input_kruis_on) no-repeat left center;
  height: 25px;
  margin: 2px 0px 0px 0px;
  padding: 0px 4px 0px 0px;
  overflow: hidden;
}


.read .gegeven.alternate { background: #b5cdd3; }
.write .gegeven.alternate { background: #a8c9d0; }
DIV.read DIV.gegeven.highlight,
DIV.write DIV.gegeven.highlight { background: #4cce40; }
DIV.gegeven.important { background: #eb5949;}



.question .gegeven .title {height: auto !IMPORTANT;}



/**********

  - SORT BY -
  This makes the sort by function for read tables

**********/


/* FRANK, ik heb deze even snel aangepast... klopt dit zo? */
.read .first {
  height: 20px !important;
  padding-top: 2px;
  padding-bottom: 0px;
  border-bottom: 1px solid #9cbcc4;
  font-style: italic;
  background: #94b3ba url(../images/?id=module_header&color=9cbcc4) !important;
}

.read .first .sorted {
  background: #94b3ba url(../images/?id=module_header_blue) !IMPORTANT;
}

.sort .first .sortedfrom {
  padding: 0px 10px;
  background: url(../images/?id=sortby_small) no-repeat 1px 1px;
}

.sort .first .sorted.az .sortedfrom { background-position: 2px -29px; }
.sort .first .sorted.za .sortedfrom { background-position: 2px -44px; }

.write .first {
  font-style: italic;
  background: #b2d4db !important;
  padding: 1px 0px;
  height: 20px;
}


.read .grey {
  background: #9cbcc4;
}


.read .last {
  margin-top: 3px;
  padding-bottom: 3px;
  border-top: 1px dashed #9cbcc4;
  font-style: italic;
}


.read .school_without_groups { background: #e6eef0;}
.read .school_without_groups DIV { color: #94b3ba; }
.read .school_without_groups:hover .column { background: none !IMPORTANT;}


.read .moved_to_another_class { background: #e6eef0;}
.read .moved_to_another_class SPAN { color: #94b3ba; }
.read .moved_to_another_class IMG { opacity: 0.3; }


/* STYLE TO HIGHLIGHT A ROW IN A SPECIFIC COLOR */

.gegeven.color_standard,
.gegeven.color_standard .column,
.gegeven.color_standard .innercolumn {
  background: #80d6f6 !important;
}

.gegeven.color_modify,
.gegeven.color_modify .column,
.gegeven.color_modify .innercolumn {
  background: #88de80 !important;
}

.gegeven.color_warning,
.gegeven.color_warning .column,
.gegeven.color_warning .innercolumn {
  background: #ffe10a !important; /* extra light for yellow */
}

.gegeven.color_error,
.gegeven.color_error .column,
.gegeven.color_error .innercolumn {
  background: #f29186 !important;
}



/* PAGE table navigation is slightly different, but some changes are made */
.page_table_navigation,
.table_navigation {
  /* padding: 4px 0px 2px 0px; */
  padding: 0;
  background: #f0f5f6 url(../images/?id=module_footer&color=cedee2&background=f0f5f6) repeat-x;
}

.page_table_navigation {
  border-left: 1px solid #9cbcc4;
  border-right: 1px solid #9cbcc4;
}

.table_navigation {
  border-top: 5px solid #b5cdd3;
  border-left: 1px solid #9cbcc4;
  border-right: 1px solid #9cbcc4;
}

.navigation_top .table_navigation {
  background: #f0f5f6 url(../images/?id=module_footer_upsidedown&color=cedee2&background=f0f5f6) repeat-x !IMPORTANT;
  border-top: 0px solid #b5cdd3 !IMPORTANT;
  border-bottom: 5px solid #b5cdd3;
}

.page_table_navigation .gegeven,
.table_navigation .gegeven {
  background: none !IMPORTANT;
}

.table_nav_prev,
.table_nav_pages,
.table_nav_next {
  position: relative;
  float: left;
  overflow: hidden;
  height: 22px;
}

.table_nav_prev { width: 19%; }
.table_nav_pages { width: 62%; text-align: center; }
.table_nav_next { width: 19%; text-align: right; }

.table_nav_prev A,
.table_nav_pages A,
.table_nav_next A {
  font-variant: small-caps;
  padding: 1px 3px 0 3px;
  margin: 2px 2px 0 0;
  display: inline-block;
  height: 16px;
}

.table_nav_prev A { padding-left: 20px; margin-left: 2px; background: url(../images/?id=arrow_double_right&color=00ADED&background=transparent) no-repeat left 1px; }
.table_nav_pages A { /* padding: 4px; */ }
.table_nav_next A { padding-right: 20px; margin-right: 2px; background: url(../images/?id=arrow_double_left&color=00ADED&background=transparent) no-repeat right 1px; }

.table_nav_pages_pos A {
  margin-left: 2px;
  margin-right: 2px;
}

.page_table_navigation .current_page,
.table_navigation .current_page {
  margin-left: 1px;
  margin-right: 1px;
  background: #9cbcc4;
  border: solid 1px #758d93;
  -moz-box-shadow: 0px 0px 2px #758d93;
  -webkit-box-shadow: 0px 0px 2px #758d93;
  box-shadow: 0px 0px 2px #758d93;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.table_nav_pages_pos A:hover,
.table_nav_prev A:hover,
.table_nav_next A:hover {
  margin-left: 1px;
  margin-right: 1px;
  color: #ffffff;
  background: #00ADED;
  border: solid 1px #0082b2;
  -moz-box-shadow: 0px 0px 2px #0082b2;
  -webkit-box-shadow: 0px 0px 2px #0082b2;
  box-shadow: 0px 0px 2px #0082b2;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.table_nav_prev A:hover { background: #00ADED url(../images/?id=arrow_double_right&color=ffffff&background=transparent) no-repeat left 1px !important; }
.table_nav_next A:hover { background: #00ADED url(../images/?id=arrow_double_left&color=ffffff&background=transparent) no-repeat right 1px !important; }

.table_nav_pages_pos {
  /*
  display: block;
  position: absolute;
  */
}



.icon_dropdown {
  margin: 0px 10px -2px 0px;
}

/*
.top  .profiles {
  display: block;
  position: absolute;
  right: 35px;
  text-align: right;
}
*/


DIV.profiles {
  position: absolute;
  right: 15px;
  top: 4px;
  padding: 0;
  margin: 0;
  z-index: 3;
}

/*
DIV.profiles A,
DIV.profiles A.active_profile:hover {
  background: none;
  border: none;
  display: block;
  height: 15px;
  padding: 3px 5px 3px 5px;
  margin: 0 3px 0 3px;
  float: left;
  color: #202020;
}
*/

DIV.profiles A,
DIV.profiles A.active_profile:hover {
  display: block;
  height: 15px;
  float: left;
  margin: 0 2px 0 2px;
  padding: 2px 5px 2px 5px;
  color: #999;
  background: #E8E8E8;
  border: solid 1px #999;
  -moz-box-shadow: 0px 0px 2px #999;
  -webkit-box-shadow: 0px 0px 2px #999;
  box-shadow: 0px 0px 2px #999;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

DIV.profiles A.active_profile,
DIV.profiles A.inactive_profile:hover {
  margin: 0 2px 0 2px;
  padding: 2px 5px 2px 5px;
  color: #0082b2;
  background: #ffffff;
  border: solid 1px #0082b2;
  -moz-box-shadow: 0px 0px 2px #0082b2;
  -webkit-box-shadow: 0px 0px 2px #0082b2;
  box-shadow: 0px 0px 2px #0082b2;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

DIV.profiles A.active_profile {
  padding: 2px 5px 10px 5px;
}

DIV.profiles A.selected_profile,
DIV.profiles A:hover.selected_profile {
  margin: 0 2px 0 2px;
  padding: 2px 5px 2px 5px;
  background: #ffffff;
  border: solid 1px #758d93;
  -moz-box-shadow: 0px 0px 2px #758d93;
  -webkit-box-shadow: 0px 0px 2px #758d93;
  box-shadow: 0px 0px 2px #758d93;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  height: 25px !important;
  color: #202020;
}

DIV.profiles DIV.tab_groups {
  display: inline;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

DIV.profiles DIV.tab_group {
  display: block;
  padding-left: 3px;
  font-weight: 700;
  color: #ffffff;
}

DIV.legenda {
  border: 1px solid #0b272d;
}





/* CSS FILE: text.css */




BODY {
  font-family: Arial, Verdana;
  font-size: 14px;
  text-decoration: none;
  color: #202020;
}


A {
  font-family: Arial, Verdana;
  font-size: 14px;
  text-decoration: none;
  color: #202020;
  cursor: pointer;
  outline: none;
}

/* [FM 18-11-2010] Does this make the page slow? */
A:hover {
  text-decoration: none;
  color: #00ADED;
  cursor: pointer;
}

A:active {
  text-decoration: none;
  color: #10bd00;
  cursor: pointer;
}

A.in_text_link {
  color: #009cd5;
}

P {
  padding: 0;
  margin: 0;
}


/* UL / LI same as tooltip now, but still separate CSS */

UL {
  list-style-type: none;
  padding: 0;
  margin: 0;
  /*
  list-style-image: url(../images/?id=bullet&color=005777&background=transparent);
  list-style-position: inside;
  */
}

LI {
  display: block;
  margin: 1px 0px 1px 3px;
  padding: 0px 0px 0px 20px;
  background: transparent url(../images/?id=bullet&background=transparent&color=005777) no-repeat scroll left 5px;
}


.crumb,
.crumb_last {
  display: block;
  position: relative;
  width: auto;
  height: 17px;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  float: right;
  cursor: pointer;
}

.crumb { background: url(../images/?id=arrow_left&color=2C9AB3&background=transparent) no-repeat right 5px; padding: 5px 25px 5px 6px; }
.crumb:hover { background: url(../images/?id=arrow_left&color=2C9AB3&background=transparent) no-repeat right 5px; }
.crumb_last { padding: 5px 6px 5px 6px; }


.bullet {
  background: url(../images/?id=breadcrumb&color=2C9AB3&lightness=1) no-repeat 6px 5px;
  margin: 0px 4px 0px 4px;
  padding: 0px 0px 0px 8px;
}

.spacer {
  display: block;
  height: 1em;
}

.title1 {
  font-weight: bold;
  font-style: normal; 
  font-size: 140%;
}

.title2 {
  font-weight: bold;
  font-style: italic;
  font-size: 120%;
  border-bottom: 1px solid #000000;
}

.showlinks A {
  text-decoration: underline;
  color: #00ADED;
}

/* [FM 18-11-2010] Does this make the page slow? */
.showlinks A:hover {
  text-decoration: underline;
  color: #00ADED;
}

.showlinks A:active {
  text-decoration: underline;
  color: #10bd00;
}





/* CSS FILE: tijdelijkecssstylen.css */


.serie .gegeven {background: #ddeff3 !IMPORTANT;}
.serie .gegeven:hover {background: #bbdfe7 !IMPORTANT;}

.serie .radiobutton {width: 24px;}






/* CSS FILE: tooltip.css */



/***** TOOLTIP *****/


#tooltip {
  position: absolute;
  border: 1px solid #00ADED;
  background: #d9f3fc url(../images/?id=module_footer&color=ffffff&background=d9f3fc) repeat-x scroll;
  padding: 3px 5px;
  color: #101010;
  display: none;
  z-index: 1000;
  opacity: 0.85;
}


#tooltip .text {
  display: block;
  color: #101010;
  float: left;
  max-width: 285px; /* 320 - 28 - 5 = 287 */
  overflow: hidden;
}

#tooltip .title {
  display: block;
  font-weight: bold;
  color: #005777;
}

#tooltip DIV.icon_container {
  display: block;
  height: 28px;
  width: 28px;
  margin: 0px 5px 0px 0px;
  padding: 0;
  float: left;
}

#tooltip .icon_container IMG.icon {
  position: absolute;
  top: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0px 0px 0px;
  padding: 0px;
  border: none;
}

#tooltip LI {
  background: #d9f3fc url(../images/?id=bullet&color=005777&background=d9f3fc) no-repeat scroll left center;
}




/************ EXTERNAL LINK POPUP *************/


.externallinkpopup {
  display: block;
  position: absolute;
  width: 32px; /* 21 / 32px */
  height: 32px; /* 21 / 32px */
  background: transparent url(../images/?id=external_link_big&color=005777&background=transparent) no-repeat;
  z-index: 100;
  margin: -16px 0px 0px -34px;
}







/* CSS FILE: ui.autocomplete.css */

/*
 * jQuery UI Autocomplete @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }  

/* Scrollable - disabled due to problems IE7 */ 
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 20px;
}

  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
  height: 300px;
  width:  1px;  /* without this, the menu expands to 100% in IE6 */
}
/* workarounds */
 

/* Loading (customised)*/
/*
div.autocomplete input.ui-autocomplete-loading {
  background-color: #eeeeee;
  background-image: url('../images/loading_circle_16x16.gif');
  background-position:right center;
  background-repeat:no-repeat;
}
*/ 
div.input_end div.loading_circle {
  background-image: url('../images/loading_circle_16x16.gif');
  background-position:center center; 
  background-repeat:no-repeat;
  width:16px; 
  height:16px;
  position:relative;
  top:4px;
  display:none; /*Since 30-03-2011 */
}

/*
 * jQuery UI Menu @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style:none;
  padding: 2px;
  margin: 0;
  display:block;
  float: left;
  
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin:0;
  padding: 0;
  /* zoom: 1; THD REMOVED - does not validate, and is *not* needed as IE 'haslayout' hack when float is also set */
  float: left;
  clear: left;
  width: 100%;
  background:none; /*To override the list marker of the li style */ 
}

.ui-menu .ui-menu-item a {
  text-decoration:none;
  display:block;
  padding:.2em .4em;
  line-height:1.5;
  /* zoom: 1; THD REMOVED - does not validate, and is *not* needed as IE 'haslayout' hack when float is also set */
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-menu .ui-state-default a, .ui-menu .ui-state-default a:link, .ui-menu .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-menu .ui-state-hover, .ui-menu .ui-state-focus { border: 1px solid #9CBCC4/*{borderColorHover}*/; background: #BBD9DF/*{bgColorHover}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-menu .ui-state-hover a, .ui-menu .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-menu .ui-state-active  { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-menu .ui-state-active a, .ui-menu  .ui-state-active a:link, .ui-menu  .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }





/* CSS FILE: ui.theme.css */

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*
* Modified by THD for Hart en Ziel
*/

/*** Layout helpers ***/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; } /* opacity: 0; filter:Alpha(Opacity=0); }*/


/*** Interaction Cues ***/
.ui-state-disabled { cursor: default !important; }


/*** states and images ***/
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/*** Overlays ***/
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ui-widget-overlay { background: url(../images/?id=background_dialog&color=2C9AB3&background=transparent) 50% 50%; z-index: 10000;} /* opacity: .75; filter: Alpha(Opacity=75);*/
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;  } /* opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; */


/* Added 23-09-2010 for autocomplete */
/* Component containers
----------------------------------*/
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget-content {
  /* [FM 28-01-2011] This has to be off, because it's overwrite the background within a popup */
}
.ui-autocomplete.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff 50% 50% repeat-x;
  color: #222222;
}
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }



/***** DIALOG *****/
.ui-dialog { position: relative; color: #404040; z-index: 10001; margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none;} /* REMOVED - width: 300px; */
.ui-dialog .ui-dialog-titlebar { position: relative; height: 36px; padding: 14px 18px 0px 18px; background: url(../images/?id=dialog_top&color=00ADED&background=transparent) 0 0 no-repeat; 
  /* THD MODIFIED */
  color: #555555;
  line-height: 1.3;
  font-size: 18px; 
  font-family: "Century Gothic";
  font-variant: small-caps;
}
.ui-dialog .ui-dialog-title {} /* REMOVED - float: left; margin: .1em 0 .2em; */ 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 8px; top: .7em; width: 11px; margin: 0 0 0 0; padding: 0px; height: 11px; z-index: 100; }
.ui-dialog .ui-dialog-titlebar-close span { display: none; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: 20px 20px 70px 20px; overflow: auto;  background: url(../images/?id=dialog_bottom_info&color=00ADED&background=transparent) 0 bottom no-repeat;  }
.ui-dialog .ui-dialog-buttonpane { text-align: right; margin: 0; padding: 0; position: absolute; bottom: 0px; height: 49px; left: 0px; width: 100%; }
.ui-dialog .ui-dialog-buttonpane button { background: none; border: 0; margin: 0; cursor: pointer; padding: 0; width: 300px; overflow: visible; outline: none; height: 46px; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Some preset dialog classes */
.ui-dialog .ui-dialog-content.info      { background: url(../images/?id=dialog_bottom_info&color=00ADED&background=transparent) 0 bottom no-repeat; }
.ui-dialog .ui-dialog-content.alert     { background: url(../images/?id=dialog_bottom_alert&color=00ADED&background=transparent) 0 bottom no-repeat; }
.ui-dialog .ui-dialog-content.question  { background: url(../images/?id=dialog_bottom_question&color=00ADED&background=transparent) 0 bottom no-repeat; }
.ui-dialog .ui-dialog-content.wrong     { background: url(../images/?id=dialog_bottom_wrong&color=00ADED&background=transparent) 0 bottom no-repeat; }




.dialog_button_default_smalll,
.dialog_button_default_smallr,
.dialog_button_modify_smalll,
.dialog_button_modify_smallr,
.dialog_button_delete_smalll,
.dialog_button_delete_smallr {
  display: block;
  position: relative;
  width: 284px;
  height: 35px;
  text-decoration: none;
  color: #202020;
  padding: 0;
  border: none;
  overflow: hidden;
  cursor: pointer !important;
  z-index: 500;
  margin: 0px 5px 1px 5px;
}


.dialog_button_default_smalll {background: url(../images/?id=box_button&color=00ADED&background=transparent) no-repeat 0px 0px;}
.dialog_button_modify_smalll {background: url(../images/?id=box_button&color=10bd00&background=transparent) no-repeat 0px 0px;}
.dialog_button_delete_smalll {background: url(../images/?id=box_button&color=e4220c&background=transparent) no-repeat 0px 0px;}
.dialog_button_default_smallr {background: url(../images/?id=box_button&color=00ADED&background=transparent) no-repeat 149px -70px;}
.dialog_button_modify_smallr {background: url(../images/?id=box_button&color=10bd00&background=transparent) no-repeat 149px -70px;}
.dialog_button_delete_smallr {background: url(../images/?id=box_button&color=e4220c&background=transparent) no-repeat 149px -70px;}

.ui-dialog-buttonpane button .dialog_button_default_smalll,
.ui-dialog-buttonpane button .dialog_button_modify_smalll,
.ui-dialog-buttonpane button .dialog_button_delete_smalll {float: left;}
.ui-dialog-buttonpane button .dialog_button_default_smallr,
.ui-dialog-buttonpane button .dialog_button_modify_smallr,
.ui-dialog-buttonpane button .dialog_button_delete_smallr {float: right;}

.ui-dialog-buttonpane button:hover .dialog_button_default_smalll,
.ui-dialog-buttonpane button:focus .dialog_button_default_smalll,
.ui-dialog-buttonpane button:active .dialog_button_default_smalll {background: url(../images/?id=dialog_button_left&color=00ADED&background=transparent) no-repeat 0px 0px;}
.ui-dialog-buttonpane button:hover .dialog_button_modify_smalll,
.ui-dialog-buttonpane button:focus .dialog_button_modify_smalll,
.ui-dialog-buttonpane button:active .dialog_button_modify_smalll {background: url(../images/?id=dialog_button_left&color=10bd00&background=transparent) no-repeat 0px 0px;}
.ui-dialog-buttonpane button:hover .dialog_button_delete_smalll,
.ui-dialog-buttonpane button:focus .dialog_button_delete_smalll,
.ui-dialog-buttonpane button:active .dialog_button_delete_smalll {background: url(../images/?id=dialog_button_left&color=e4220c&background=transparent) no-repeat 0px 0px;}
.ui-dialog-buttonpane button:hover .dialog_button_default_smallr,
.ui-dialog-buttonpane button:focus .dialog_button_default_smallr,
.ui-dialog-buttonpane button:active .dialog_button_default_smallr {background: url(../images/?id=dialog_button_right&color=00ADED&background=transparent) no-repeat 0px 0px;}
.ui-dialog-buttonpane button:hover .dialog_button_modify_smallr,
.ui-dialog-buttonpane button:focus .dialog_button_modify_smallr,
.ui-dialog-buttonpane button:active .dialog_button_modify_smallr {background: url(../images/?id=dialog_button_right&color=10bd00&background=transparent) no-repeat 0px 0px;}
.ui-dialog-buttonpane button:hover .dialog_button_delete_smallr,
.ui-dialog-buttonpane button:focus .dialog_button_delete_smallr,
.ui-dialog-buttonpane button:active .dialog_button_delete_smallr {background: url(../images/?id=dialog_button_right&color=e4220c&background=transparent) no-repeat 0px 0px;}


.dialog_button_default_smalll .icon,
.dialog_button_default_smallr .icon,
.dialog_button_modify_smalll .icon,
.dialog_button_modify_smallr .icon,
.dialog_button_delete_smalll .icon,
.dialog_button_delete_smallr .icon {
  display: block;
  position: relative;
  width: 15px;
  height: 15px;
  top: 10px;
  overflow: hidden;
}

.dialog_button_default_smalll .icon,
.dialog_button_modify_smalll .icon,
.dialog_button_delete_smalll .icon {left: 10px; float: left;}
.dialog_button_default_smallr .icon,
.dialog_button_modify_smallr .icon,
.dialog_button_delete_smallr .icon {right: 10px; float: right;}


.ui-dialog-buttonpane button:hover .dialog_button_delete_smalll .delete,
.ui-dialog-buttonpane button:focus .dialog_button_delete_smalll .delete,
.ui-dialog-buttonpane button:active .dialog_button_delete_smalll .delete {background-position: -75px -0px;}

.ui-dialog-buttonpane button:hover .dialog_button_default_smallr .back,
.ui-dialog-buttonpane button:focus .dialog_button_default_smallr .back,
.ui-dialog-buttonpane button:active .dialog_button_default_smallr .back {background-position: -15px -30px;}


.dialog_button_default_smalll .text,
.dialog_button_default_smallr .text,
.dialog_button_modify_smalll .text,
.dialog_button_modify_smallr .text,
.dialog_button_delete_smalll .text,
.dialog_button_delete_smallr .text {
  display: block;
  position: relative;
  width: 91px;
  height: 23px;
  top: 5px;
  margin: 0px 3px 4px 0px;
  padding: 4px 0px 0px 0px;
  overflow: hidden;
}

.dialog_button_default_smalll .text, .dialog_button_modify_smalll .text, .dialog_button_delete_smalll .text {float: left; left: 23px; text-align: left;}
.dialog_button_default_smallr .text, .dialog_button_modify_smallr .text, .dialog_button_delete_smallr .text {float: right; right: 23px; text-align: right;}

.dialog_separator {
  position: absolute;
  left: 50%;
  border: none;
  bottom: 13px;
}




/*** Slider ***/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 3; width: 17px; height: 20px; cursor: default; }
.ui-slider .ui-slider-handle.left-handle { background: url(../images/?id=slider_button_left) no-repeat 0 0; }
.ui-slider .ui-slider-handle.right-handle { background: url(../images/?id=slider_button_right) no-repeat 0 0; }
.ui-slider .ui-slider-handle.left-handle:hover, .ui-slider .ui-slider-handle.left-handle:focus, .ui-slider .ui-slider-handle.left-handle:active { background-image: url(../images/?id=slider_button_left&color=00ADED&background=transparent); }
.ui-slider .ui-slider-handle.right-handle:hover, .ui-slider .ui-slider-handle.right-handle:focus, .ui-slider .ui-slider-handle.right-handle:active { background-image: url(../images/?id=slider_button_right&color=00ADED&background=transparent); }
.ui-slider .ui-slider-range { position: absolute; z-index: 2; font-size: .7em; display: block; background: #80d6f6; }

.ui-slider-horizontal { height: 14px; border: 1px solid #CCCCCC; background: url(../images/?id=slider_background) repeat-x 0 0; }
.ui-slider-horizontal .ui-slider-handle { top: -3px; margin-left: -8px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }


.slider-range-left, .slider-range-right {width: 50px; display: block; position: absolute; top: 6px; height: 16px; font-size: 13px; text-align: center; z-index: 1; }
.slider-range-left {left: 165px; background: url(../images/?id=slider_side_background) no-repeat left 0;}
.slider-range-right {right: 15px; background: url(../images/?id=slider_side_background) no-repeat right 0;}





/*** DATEPICKER ***/

.ui-datepicker {
  padding: 0.2em 0.2em 0;
  width: 20em;
  background: #FFFFFF;
  font-size: 12px;
  margin-top: 1px;
  border: 4px solid #00ADED;
  z-index: 300;
}

.ui-datepicker A { font-size: 12px !IMPORTANT; }

.ui-datepicker .ui-datepicker-header {
padding:0.2em 0;
position:relative;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
height:1.8em;
position:absolute;
top:2px;
width:1.8em;
}


.ui-datepicker .ui-datepicker-prev {
  left: 2px;
  background: url(../images/?id=kalender_prev) no-repeat center center;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
  background: url(../images/?id=kalender_next) no-repeat center center;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px; }
.ui-datepicker .ui-datepicker-next-hover { right: 2px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display:block;
left:50%;
margin-left:-8px;
margin-top:-8px;
position:absolute;
top:50%;
}
.ui-datepicker .ui-datepicker-title {
line-height:1.8em;
margin:0 2.3em;
text-align:center;
}

.ui-datepicker .ui-datepicker-title select {
  float: left;
  font-size: 13px;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
width:100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width:49%;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
float:right;
}
.ui-datepicker table {
border-collapse:collapse;
font-size:0.9em;
margin:0 0 0.4em;
width:100%;
}
.ui-datepicker th {
border:0 none;
font-weight:bold;
padding:0.7em 0.3em;
text-align:center;
}
.ui-datepicker td {
border:0 none;
padding:1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 2px 4px 2px 0px;
  width: 25px;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker-row-break {
clear:both;
width:100%;
}
.ui-datepicker-cover {
display:block;
height:200px;
left:-4px;
position:absolute;
top:-4px;
width:200px;
z-index:-1;
}


.ui-state-default, .ui-widget-content .ui-state-default {
}

.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default {
  background: #F2FBFE;
  border: 1px solid #CCCCCC;
  color: #1C94C4;
}


.ui-datepicker-current-day .ui-state-active, .ui-datepicker-current-day .ui-widget-content .ui-state-active {
  background: #FFFFFF;
  border: 1px solid #e4220c;
  color: #212121;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  color: #212121;
}

.ui-datepicker-week-end A {
  background: #F6F6F6 !IMPORTANT;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  font-weight: bold;
  color: #212121;
}

/* Last modified by developers on 1729055796 */