body,
body.x-border-layout-ct {
 background: #eeeeee url(../pics/bg.png) repeat-x 0px 0px;
 font-family: lemonde-sans-1, tahoma, arial, helvetica, sans-serif;
 overflow: visible;
}

/* top */
.wisa-top-toolbar {
  background: none;  
  border-bottom: 0px solid #ca0002;
}


.wisa-panel-logo .x-panel-body {
  background: none;
}

.wisa-panel-logo img {
  margin-top: 3px;
  text-align: center;
}


.wisa-profile , .wisa-logout {
 color: #DFDFDF;
 cursor: pointer;
 margin-right: 5px;
 }

 .wisa-profile {
 border-right: 1px solid #8B8B8B;
 padding-right: 5px !important;
 }


/* center titel niv 0*/ 
.wisa-center .x-panel-header  {
 background: #777777; 
 border: 1px solid #909090;
 border-bottom: 1px solid #ededed;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
 -webkit-border-top-right-radius: 3px;
 -webkit-border-top-left-radius: 3px; 
 border-radius: 3px 3px 0px 0px;
 color: #FFF;
 font-size: 12px;
}

.wisa-center .x-panel-inline-icon{
 height: 24px;
 width: 24px;
 margin-right: 5px;
}

/* algemeen in center */
.wisa-center .x-tool {
 background-image: url(../pics/blue_white_sprite.png);
 float: left;
 margin: 5px 5px 0px 0px;
	}

.wisa-center .x-tool-toggle {background-position:-2px -3px;}
.wisa-center .x-tool-toggle-over {background-position: -55px -3px;}
.wisa-center .x-panel-collapsed .x-tool-toggle {background-position: -150px -3px;}
.wisa-center .x-panel-collapsed .x-tool-toggle-over {background-position: -212px -3px;}

.wisa-center .x-form-item {
		font: normal 12px lemonde-sans-1, arial, tahoma, helvetica, sans-serif;
		}
.wisa-center .x-form-item label{
		color: #4f4f4f;
		padding-top:4px;
	}

/*center niv 1*/
.wisa-c-subtitle .x-panel-header  {
 background: none; 
 background-color: #fff;
 border: none;
 color: #234b7b;
 line-height: 2em;
 margin: 0 0 0 0;
 padding-left: 5px;
}

.wisa-c-subtitle .x-panel-body  {
 border: none; 
}


/* center niv 2 */
.wisa-c-subtitle2 .x-panel-header  {
 border: none;
 font-weight: normal;
 padding-left: 25px; 
}
	
.wisa-c-subtitle2 .x-unselectable{
 background: none; 
 background-color: #fff;
 border: none;
 color: #234b7b;
}
	
.wisa-c-subtitle2 .x-panel-body{
 border: none;
}

/* knoppen toolbar */
.wisa-c-subtitle .x-panel-tbar .x-toolbar {
  background-color: #FFF;
  background-image: none;
  border: none;
  padding: 0px 25px 0px 25px;		
}

/*knop onderaan*/
.wisa-fbtn {
 margin-left: 165;
}

  
/* grid*/

.x-grid3{
xborder-bottom: 1px solid #ededed;
xborder-left: 1px solid #ededed;
xborder-right: 1px solid #ededed;
}


.x-grid3-header {
 border-left: 1px solid #e7e7e7;
 border-right: 1px solid #c6c6c6;
 border-top: 1px solid #e7e7e7;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
 -webkit-border-top-right-radius: 3px;
 -webkit-border-top-left-radius: 3px; 
 border-radius: 3px 3px 0px 0px;
}

TD.sort-asc, TD.sort-desc {
 border-left: 1px solid #dfdfdf;
 -moz-border-radius-topleft: 3px;
 -webkit-border-top-left-radius: 3px; 
 border-radius: 3px 0px 0px 0px;
}

.x-grid3-row TD {
  font: normal 12px lemonde-sans-1, arial, helvetica, sans-serif;
  height: 1.3em;
  vertical-align: top;
}

.x-grid3-cell-inner {
 overflow: hidden;
 white-space: normal;
}


.x-grid3-row-selected {
 background-color: #dfe8f6 !important;
}


/* groeperen */
.x-grid-group-hd div.x-grid-group-title {
 background-image: url(../pics/icons/min.png);
 background-position: 0px 3px;
}

.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title{
 background-image: url(../pics/icons/add.png);
 background-position: 0px 3px;
}

.x-grid-group-hd {
 border-bottom: 0px solid;
}

.x-grid-group-body{
 border-top: 1px solid #d0d0d0 /*#ededed*/;
}

/* splitbar */
.x-splitbar-v {
 border-top: 1px solid #d0d0d0;
 border-bottom: 1px solid #eeeeee;
 height: 3px;
}

/*detail*/

.wisa-det{
	margin: 5px 0px 5px 0px;
}

.wisa-det-label {
	font: normal 12px lemonde-sans-1, arial, tahoma, helvetica, sans-serif;
	color: #4f4f4f;
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 160px;
	
}

.wisa-det-txt {
	font: normal 12px lemonde-sans-1, arial, tahoma, helvetica, sans-serif;
	color: #000;
	width: 500;
}

/* indien leeg */
.wisa-e-txt {
 font-size: 12px;
 font-weight: bold;
 color: #15428b;
 padding: 5 5 5 5;
}

/*even geduld*/
.wisa-patience {
 font-size: 12px;
 font-weight: normal;
 color: #15428b;
 padding: 5 5 5 5;
}

/* tekst achtergrond grijs*/
.wisa-txt-ag {
 background-color: #f8f8f8;
 border: 1px solid #ededed;
 -moz-border-radius: 3px;
 -webkit-border-radius: 0px;
 border-radius: 3px;
 font: normal 12px lemonde-sans-1, arial, helvetica, sans-serif;
 padding: 5 5 5 5;
 margin-left: 25px;
}

/*tekst gekleurd*/
.wisa-txt-r {
 color: #c52127;
}
.wisa-txt-g {
 color: #31591c;
 }
 
 
/* jaarkalender afwezigheden */
  .wisa-afwezigheden-tabel {
 	border: 1px solid #e0e0e0;
	border-collapse: collapse;
	color: #4f4f4f;
	margin: 0px 0px 10px 1px;
	}

	.wisa-afwezigheden-tabel th {
		background-color: #e6e6e6;
		border: 1px solid #d0d0d0;
		font-size: 11px;
		padding: 0px 2px 0px 2px;
		text-align: center;
		text-transform: uppercase;
		}

	.wisa-afwezigheden-tabel td {
		border: 1px solid #e0e0e0;
		font-size: 11px;		
		padding: 0px 3px 0px 3px;
		text-align: left;
		}

	.wisa-afwezigheden-tabel .wisa-afwezigheden-tabel-cell {
		padding: 0px 1px 0px 1px;
		text-align: center;
		}

	.legende-detail .wisa-afwezigheden-tabel-cell {
		width: 10px;
		}

	.wisa-afwezigheden-legende-cell {
		font-size: 11px;
		}


/* grid knoppenbalk*/
.x-panel-tbar {
background-color: red;
}

/* west menu */
.wisa-panel-menu  {
	border-bottom: 1px solid #868686 ;
	border-left: 1px solid #8c8c8c ;
	border-right: 1px solid #8c8c8c ;
	border-top: 1px solid #8c8c8c;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px; 
    border-radius: 3px 3px 0px 0px;
}

	.wisa-panel-menu .x-panel-header {
	background: #777777;
	border: 0px solid #909090;
	border-bottom: 1px solid #ededed;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px; 	
    border-radius: 3px 3px 0px 0px;
	color: #FFF;
	font-size: 11px;
	line-height: 23px;
 	}
	
	.wisa-panel-menu  .x-accordion-hd {
		background: #f5f5f5 url(s.gif);
		border-bottom: #909090 1px solid;
		border-top: #e0e0e0 1px solid;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
 		border-radius: 0px;
		color: #000;
	}

	.wisa-panel-menu .x-panel-header  .x-tool-toggle{
	margin-top: 4px;
	margin-right: 4px;
	}
	
	.wisa-panel-menu .x-tree-selected{
	   background: #dfe8f6 url(s.gif);
	}
		
	
	.wisa-panel-menu .x-tree-node-el{
	   margin-bottom: 4px;
	}

	.wisa-panel-menu .x-tree-node-expanded{
	   margin-top: 5px;
	}
	
	.wisa-panel-menu .x-tree-node-icon{
	   margin-left: 2x;
	   margin-right: 2px;
	}
	
	.wisa-panel-menu .x-tree-node A span{
	   color: #4f4f4f;
	   font-size: 12px;
	   }

    .x-layout-collapsed .x-layout-collapsed-west	{
	border: 1px solid #d0d0d0;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px; 	
	border-radius: 3px 3px 0px 0px;
	}


/* icon header*/
.icon-wisa-panel-persoonsgegevens{background-image: url(../pics/icons/person1.png) !important;}
.icon-wisa-panel-zorgfiche{background-image: url(../pics/icons/zorg.png) !important;}

.icon-wisa-panel-klas{background-image: url(../pics/icons/klas.png) !important;}
.icon-wisa-panel-vakkenleerkrachten{background-image: url(../pics/icons/leerkracht.png) !important;}
.icon-wisa-panel-lessenrooster{background-image: url(../pics/icons/lessenrooster.png) !important;}
.icon-wisa-panel-klaskalender{background-image: url(../pics/icons/klaskalender.png) !important;}

.icon-wisa-panel-leerlinginterventie{background-image: url(../pics/icons/interventie16.png) !important;}
.icon-wisa-panel-rapporten{background-image: url(../pics/icons/rapport.png) !important;}
.icon-wisa-panel-facturen{background-image: url(../pics/icons/rekening.png) !important;}
.icon-wisa-panel-afwezigheden{background-image: url(../pics/icons/afwezigheden.png) !important;}
.icon-wisa-panel-leerlingbegeleiding{background-image: url(../pics/icons/begeleiding.png) !important;}

.icon-wisa-panel-schoolverleden{background-image: url(../pics/icons/loopbaan.png) !important;}



/*knoppen*/
.icon-wisa-btn-kleuren {background-image: url(../pics/icons/kleur.png) !important;}
.icon-wisa-btn-grexpand{background-image: url(../pics/icons/grexpand.png) !important;}
.icon-wisa-btn-grcollapse{background-image: url(../pics/icons/grcollapse.png) !important;}

/*menu tree*/
.llpersoongroep{background-image: url(../pics/icons/person216.png) !important;}
.llpersoonfiche{background-image: url(../pics/icons/person116.png) !important;}
.llpersoonficheb{background-image: url(../pics/icons/person116.png) !important; }
.llzorgfiche{background-image: url(../pics/icons/zorg16.png) !important;}

.lbklasgroep{background-image: url(../pics/icons/school16.png) !important;}
.lbklas{background-image: url(../pics/icons/klas16.png) !important;}
.lbvakken{background-image: url(../pics/icons/leerkracht16.png) !important;}
.lblessenrooster{background-image: url(../pics/icons/lessenrooster16.png) !important;}
.klkalender{background-image: url(../pics/icons/klaskalender16.png) !important;}

.llopvolginggroep{background-image: url(../pics/icons/opvolginggroep16.png) !important;}
.llinterventie{background-image: url(../pics/icons/interventie16.png) !important;}
.llrapport{background-image: url(../pics/icons/rapport16.png) !important;}
.llrekening{background-image: url(../pics/icons/rekening16.png) !important;}
.llafwezigheden{background-image: url(../pics/icons/afwezigheden16.png) !important;}
.llbegeleiding{background-image: url(../pics/icons/begeleiding16.png) !important;}


.llhistoriekgroep{background-image: url(../pics/icons/history16.png) !important;}
.llloopbaanandere{background-image: url(../pics/icons/loopbaan16.png) !important;}