﻿.h2-print-only { display:none; }

/* verzuimbenchmark start*/
.verzuimbenchmarkStart
{
  background: url('/images/verzuimbenchmark/verzuimbenchmark_start.png') no-repeat 0 0;
  width: 242px; height: 123px;
  margin: 10px 0px;
}
.verzuimbenchmarkStartTitel
{
  font-size: 15px;
  font-weight: bold;
  color: #1665A7;
  border-bottom: dotted 1px #1665A7;
  width: 216px;
  padding: 14px 0 8px 14px;
  margin: 0 0 0 3px;
}
.verzuimbenchmarkStart #verzuimFormulier
{
  padding: 10px 0 0 14px;
  width: 216px;
  margin: 0 0 0 3px;
}

/* verzuimbenchmark overlay*/
body 
{
  height: 100%;
}

.verzuimbenchmarkBody
{
  height: 920px;
}

.overlay
{
  position:absolute;
  top: 20px;
  display: none;
  width: 813px;  
  left:50%;
  margin-left: -406px;
  text-align: left;    
  opacity: 1;
  z-index: 201;
}
.ie6 .overlay
{
  position: absolute;
  xtop: expression(200 + eval(document.documentElement.scrollTop));  
}
.overlay-hidden
{
  display: none;
  opacity: 0;
}
.overlay-shown
{
  display: block;
}

.glasspane
{
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #6172C6;  
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  opacity: 0.60;
  z-index: 200;
}

.ie6 .glasspane
{
  position: absolute;
  height: expression(eval(document.documentElement.clientHeight));
  top: expression(eval(document.documentElement.scrollTop));  
}

.glasspane-hidden
{
  display: none;
  opacity: 0;
}
.glasspane-show
{
  display: block;
}

.overlayVerzuimbenchmarkWrap
{
  position: relative;    
  width: 813px;  
  text-align: left;  
}

.overlayVerzuimbenchmarkTop
{
  background-image: url('/images/verzuimbenchmark/navigation_top_blue.png');
  background-repeat: no-repeat;
  width: 813px;
  height: 40px;
}
.overlayVerzuimbenchmarkMiddle
{
  background-image: url('/images/verzuimcheck/vragenlijst_bg_middle.png');
  background-repeat: repeat-y;  
  width: 803px;
  padding: 10px 10px 0 0;
}

.overlayVerzuimbenchmarkBottom
{
  background-image: url('/images/verzuimcheck/vragenlijst_bg_bottom.png');
  background-repeat: no-repeat;
  width: 813px;
  height: 16px;
  position: relative;
  z-index: 2;
}

.ie6 .overlayVerzuimbenchmarkTop
{
  background-image: url('/images/verzuimbenchmark/navigation_top_blue.gif');
}
.ie6 .overlayVerzuimbenchmarkMiddle
{ 
  background-image: url('/images/verzuimcheck/vragenlijst_bg_middle.gif');
}
.ie6 .overlayVerzuimbenchmarkBottom
{
  background-image: url('/images/verzuimcheck/vragenlijst_bg_bottom.gif');
}

.overlayVerzuimbenchmarkControl
{  
  background-image: url('/images/verzuimcheck/navigation_bg.png');
  background-repeat: no-repeat;
  height: 56px;
  width: 245px;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  z-index: 1;
  right: 3px;
  bottom: -40px;
}
.ie6 .overlayVerzuimbenchmarkControl 
{ 
  background-image: url('/images/verzuimcheck/navigation_bg.gif'); 
  right: 0;
  bottom: 0;
  position: relative;
  top: -15px;
  left: 560px;
}

.verzuimbenchmarkControls
{
  position: relative;
  top: 23px;
}

.verzuimbenchmarkControlBack
{
  color: White;
  padding: 5px 5px 5px 5px;
  display: none;
  margin-left: 20px;
}
.verzuimbenchmarkControlBackFake
{
  color: Gray;
  padding: 5px 5px 5px 5px;
  margin-left:20px;
}
.verzuimbenchmarkControlForward,
.verzuimbenchmarkControlForwardSubmit
{
  color: White;
  padding: 5px 5px 5px 5px;
  margin-left: 15px;
}
.verzuimbenchmarkControlLast
{    
  color: Gray;
  padding: 5px 5px 5px 5px;
  margin-left:20px;
}
.verzuimbenchmarkControlSubmit-lt10 
{ 
  display: block;   
  margin-left: 120px;
}

.verzuimbenchmarkControlSubmit:hover
{
  text-decoration: underline;
}

.controlLast .verzuimbenchmarkControlBack { color: White; }
.controlLast .verzuimbenchmarkControlForward { display: none; }
.controlLast .verzuimbenchmarkControlLast { display: inline; }
.controlLast .verzuimbenchmarkControlBack { display: inline; }
.controlLast .verzuimbenchmarkControlBackFake { display: none; }
.controlDefault .verzuimbenchmarkControlBack { display: inline; }
.controlDefault .verzuimbenchmarkControlBackFake { display: none; }
.controlDefault .verzuimbenchmarkControlLast { display: none; }
.controlFirst .verzuimbenchmarkControlLast { display: none; }

/*verzuimbenchmark old components*/

#gridContainer
{
  width: 510px;
  height: 510px;
  position: relative;
  left: 105px;
}

h2
{
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.clear
{
  clear: both;
}

.tabContainer
{
  height: 40px;
  line-height: 1.7em;
  xwidth: 568px;
  padding: 0;
  xborder-bottom: 1px solid black;
}
.ie7 .tabContainer, .gecko .tabContainer
{
  xpadding: 1px 0 1px 0;
}

.tabContainer .lasttab
{
  margin: 0;
}

.tabContainer label
{
  float: left;
  font-size: 15px;
  font-weight: bold;
  width: 139px;
  height: 20px;
  padding: 12px 0 8px 20px;
  text-align: left; 
  cursor: pointer;
}

.tab-selected, .activated-tabs .tab-unselected
{
  xborder: none;
}

.tab-selected
{
  background-image: url('/images/verzuimbenchmark/navigation_top_center.png');
  background-position: 2px 2px;
  background-repeat: no-repeat;
  color: #1665A7;
  border-bottom: 1px dotted #0465A7;
  padding-bottom: 7px !important;
}
.ie6 .tab-selected 
{ 
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/verzuimbenchmark/navigation_top_center.png');
  margin: 2px 0 0 2px;
  padding-top: 10px !important;
  padding-bottom: 6px !important;
}

.tab-unselected
{
  color: White;
  border-right: solid 2px white;
  display: none;
}

.activated-tabs .tab-unselected
{
  display: block;
}

.firsttab-selected
{
  background-image: url('/images/verzuimbenchmark/navigation_top_left.png');
  background-position: 2px 2px; 
}
.ie6 .firsttab-selected
{ 
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/verzuimbenchmark/navigation_top_left.png');
  margin: 2px 0 0 2px;
}
.firsttab-unselected
{
  background: none;
}

.lasttab-selected, .lasttab-unselected { border-right: none; }
.lasttab-selected
{
  background-image: url('/images/verzuimbenchmark/navigation_top_right.png');
  background-position: 0px 2px; 
}
.ie6 .lasttab-selected
{ 
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/verzuimbenchmark/navigation_top_right.png');
  margin: 2px 0 0 -1px;
}
.lasttab-unselected
{
  background: none;
}

.tabContent-expanded
{
  border: none;
}

.tabContent-collapsed
{
  display: none;
}

.no-border
{
  border-right-color: #0464A6;
}

.contenttabscontainer { padding: 0 0 0 15px; }

.subinfo
{
  margin: 0 0 0 15px;
}

.infoContent
{
  position: absolute;
  left: 200px;
  color: #0465A7;
}
.infoContentCheckboxes
{
  top: -1px;
}

.infoHead
{
  font-weight: bold;
}

.infoLine
{
  position: relative;
  margin-bottom: 5px;
  padding-top: 1px;
}
.infoLine-border
{
  border-top: dotted 1px #0465A7!important;
  width:100%;
}

#userInfo
{
  font-size: 11px;
  margin: 8px 0 0 0;
}

.small
{
  width: 50px;
}

#userInfo input
{
  font-size: 11px;
  color: #0465A7;
  padding: 2px 0px;
}

.image-checkbox
{
  margin: 0 5px -3px 8px;  
}

/* verzuim formulier tabblad 1 specs */

#verzuimFormulier
{  
  padding: 0 5px 5px 5px;
  font-size: 0px;
}

#verzuimFormulier label
{
  display: block;
  font-weight: bold;
  color: #009C95;
  font-size: 14px;
  margin-bottom: 7px;
}

#verzuimFormulier #brincode,
.infoContent input
{
  border: none;
  background: #CED5E8;
}

#verzuimFormulier #brincode
{
  width: 100px;
  margin-right: 10px;
  padding: 2px 0px;
}

.schoolinfo
{
  font-size: 11px;
  margin: 17px 0 0 0;
}

.schoolinfo label
{
  width: 150px;
  display: inline;
}

/* nieuw idee met nieuwe poging */
.grafiekContainer
{
  position: relative;
}

.kwadrant1, .kwadrant2, .kwadrant3, .kwadrant4
{
  z-index: 2;
  color: #009C95;
}


.kwadrant1
{
  position: absolute;
  top: 0px;
  left: 5px;
}

.kwadrant2
{
  position: absolute;
  top: 0px;
  right: 5px;
}

.kwadrant3
{
  position: absolute;
  bottom: 0px;
  left: 5px;
}

.kwadrant4
{
  position: absolute;
  bottom: 0px;
  right: 5px;
}

.kwadrant1-border, .kwadrant2-border, .kwadrant3-border, .kwadrant4-border
{
  width: 210px;
  height: 210px;
  border: 1px dotted #0465A7;
}

.kwadrant1-border
{
  position: absolute;
  top: -200px;
  right: 28px;
  z-index: 501;
}
.kwadrant2-border
{
  position: absolute;
  top: -200px;
  left: 27px;
  z-index: 502;
}
.kwadrant3-border
{
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 503;
}
.kwadrant4-border
{
  position: absolute;
  top: 28px;
  left: 27px;
  z-index: 504;
}

.x-as-grid, .y-as-grid
{
  position: absolute;
  height: 40px;
  width: 40px;
  text-align: center;
}

.y-as-grid
{
  background-image: url("/images/verzuimbenchmark/grid_axis_y.gif");
  background-repeat: repeat-y;
  xwidth: 20px;
}

.x-as-grid
{
  background-image: url("/images/verzuimbenchmark/grid_axis_x.gif");
  background-repeat: repeat-x;
  xheight: 20px;
}

.y-as-grid .gridLetter, .x-as-grid .gridLetter
{
  display: block;
}

.y-as-grid .gridLetter
{
  position: absolute;
  right: 25px;
  width: 40px;
  margin: 15px 0 0 0;
}

.x-as-grid .gridLetter
{
  margin-top: 32px;
}

#centerPoint
{
  background-image: url("/images/verzuimbenchmark/grid_center.gif");
  position: relative;
  left: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
}

.gridPoint
{  
  display: block;  
  width: 17px;
  height: 17px;
  margin: 14px 0 0 14px;
  z-index: 600;
}
.gridPoint-school
{
  background-image: url('/images/verzuimbenchmark/checkbox-active.png') !important;
  background-repeat: no-repeat;
  
}

.gridPoint-unhover .gridPointDescription, .hidden
{
  display: none;
}

.gridPoint-hover .gridPointDescription
{
  display: block;
  text-align: left;
  width: 165px;
  padding: 8px;
  margin: 10px 0 0 10px;
  background-color: #FFFFFF;
  border: solid 1px black;
}

#legenda, #advies, #kosten
{
  padding: 15px 10px 10px 10px;
  width: 546px;
}

#legenda strong, #advies strong, #kosten strong,
#legenda h2, #advies h2, #kosten h2
{
  color: #009C95;
}

.y-as-label, .x-as-label
{
  position: absolute;
  z-index: 3;
  font-weight: bold;
  font-size: 17px;
}

.y-as-label
{
  top: 25px;
  left: 46%;
}

.x-as-label
{
  top: 52.5%;
  left: 30px;
}

.extraInfoContainer
{
  position: absolute;
  right: 40px;
  top: 50%;
}

.extraInfo
{
  position: relative;
  padding-left: 20px;
  margin-bottom: 7px;
}
.ie .extraInfo span
{
  xmargin-left: 30px;
}

.extraInfoSchool, .extraInfoCenter
{
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
}

.extraInfoSchool
{
  background-image: url('/images/verzuimbenchmark/checkbox-active.png');
}
.extraInfoCenter
{ 
  background-image: url('/images/verzuimbenchmark/grid_center_small.png');
}


/* editor kant voor verzuimteksten */
.verzuimMenu
{
  margin: 15px 0 0 0;
}

.verzuimMenu select
{
  margin: 0 10px 0 0;
  font-size: 11px;
}

.verzuimMenu .submitBtn
{
  font-size: 11px;
}

.verzuimContent
{
  margin: 25px 0 0 0;
}

.printbutton
{
  height: 1.5em; 
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  right: 28px;
  top: 50px;
  padding-left: 25px;
  background: url('/images/print.gif') no-repeat 0px 0px;
  z-index: 100;
}
.printbutton a { color: #009C95; text-decoration: none; }
.printbutton a:hover { text-decoration: underline; }

.printletter
{
  display: none;
}

.button
{
  margin: 0 2px;
  color: #009C95;
  font-weight: bold;
  background-color: white;
  border: solid 1px #009C95;
}
.submitcontainer
{
  margin-top: 15px;
}
.pagebreak
{
  display: none;
}
.closeBenchmark
{
  position:absolute;
  color:White;
  font-weight: bold;
  font-size: 14px;
  right: 15px;
}