html,body {
/*  height:100%; */
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	line-height:22px;
	background-color:#e6e6e6;
	/*color:#003b86;*/
	color:#000000;
	background-image:url(/images/bg.gif);
	background-repeat:repeat-x;
	background-position:top;

}

a:link {
color: #969696;
}

tr.header 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*color:#003b86;*/
	color:#000000;
	font-size: 13px;
	font-weight:bold;
	padding:0px;
}

tr.message
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*color:#003b86;*/
	color:#000000;
	font-size: 12px;
	padding: 0px;
	line-height:16px;
}

tr.document
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#868686;
	font-size: 10px;
	
}

h1,h2,h3,h4 {
	margin-top:0px;
	margin-bottom:-2px;
	text-align:left
}

h1 p {
	margin:0px;
	padding:0px;
}

h2 {
	/*color:#003b86;*/
	color:#000000;
	font-weight:bold;
	font-size:14px;
	margin-top:0px;
	margin-bottom:-2px;
}

a {
	/*color:#003b86;*/
	color:#000000;
}

h1 {
	color:#ffffff;
	font-size:22px;
	line-height:56px;
	font-weight:bold;
	background-image:url(/images/h1.gif);
	background-repeat:no-repeat;
	height:56px;
	font-weight:bold;
	padding-left:8px;
	margin-bottom:14px;
}

ul,li,div,table,td,th,form,input {
	margin:0px;
	padding:0px;
	text-align:left
}

p {

}

#top {
	position:absolute;
	height:30px;
	top:55px;
	right:40px;
	text-align:right;
	line-height:14px;
	color:#FFFFFF
}

#top a:link {
	color:#FFFFFF;
	text-decoration:none
}

#top a:visited {
	color:#FFFFFF;
	text-decoration:none	
}

#top a:acive {
	color:#FFFFFF;
	text-decoration:none
}

#top a:hover {
	color:#FFFFFF;
	text-decoration:underline	
}

div#wrapper {

	width:1000px;
	min-height:600px;
	margin-left:auto;
	margin-right:auto;	
	padding:0px;
	background-image:url(/images/bgheader.gif);
	background-repeat:no-repeat;
	position:relative;

}

div#wrapper2 {

}

#grouplogo {

	width:151px;
	position:absolute;
	top:85px;
	left:35px;
	background-image:url(/images/logoleeg.gif);
	background-repeat:no-repeat;
}


#kolom1 {

	width:251px;
	position:absolute;
	top:224px;
	left:0px;
	background-image:url(/images/kol1bg.gif);
	background-repeat:no-repeat;

}

#kolom1content {
	margin-left:19px;
	margin-right:15px;
	min-height:139px;
	background-color:#FFFFFF


}

#kol1footer {
	height:39px;
	background-image:url(/images/kol1footer.gif);
	background-repeat:no-repeat
}

#kolom2 {

	width:749px;
	left:251px;
	top:108px;
	position:absolute;
	background-image:url(/images/kol2bg.gif);
	/*background-repeat:no-repeat;*/
	background-repeat:repeat-y;

}

#kolom2content {
	margin-left:15px;
	margin-right:20px;
	min-height:450px;
	background-color:#FFFFFF

}

#kol2footer {
	height:38px;
	background-image:url(/images/kol2footer.gif);
	background-repeat:no-repeat
}

.contentpadding {
	padding:15px;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:16px;
}

#header {

}

#menu {
	width:100%;
	min-height:151px;

}

#menupadding {
	padding-top:0px;

}

/* ---------------------------------- menu css */

.SKBMenu li {

}

.SKBMenu div.AspNet-TreeView ul li
{
    white-space: nowrap;
    padding: 3px 0 2px 0;  /*     padding: 3px 0 2px 0;  */
}



.SKBMenu div.AspNet-TreeView ul ul
{
    margin: 2px 0 2px 10px;
}

.SKBMenu div.AspNet-TreeView ul li img
{
    border: none;
    vertical-align: middle;
    margin: 0 2px 0 0;
}

.SKBMenu div.AspNet-TreeView li a
{
    text-decoration: none;    
}

.SKBMenu div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
    padding-left: 4px; 

}

 .AspNet-TreeView-ClickableNonLink
{
    cursor: pointer;
    white-space:normal;
}


.SKBMenu div.AspNet-TreeView ul ul .AspNet-TreeView-Collapse
{
    background: url(/images/pijl-bw-open.gif) 6px 4px no-repeat; /* 4px 4px */
    width: 10px;
    float:left;
    cursor: pointer;
	padding-left:10px;
}

.SKBMenu div.AspNet-TreeView ul ul .AspNet-TreeView-Expand
{
    background: url(/images/pijl-bw-dicht.gif) 8px 4px no-repeat; /* 0 -2px */
    width: 10px;
    float:left;
    cursor: pointer;
	padding-left:10px;	
}



.SKBMenu .AspNet-TreeView-Selected a {
	color:#FFFFFF;
	padding-left:15px;
	
}



.SKBMenu .AspNet-TreeView-Root span {

}

.SKBMenu .AspNet-TreeView-NonLink {

	padding-left:15px;

}

.SKBMenu li a {
	padding-left:15px;
}

.SKBMenu .AspNet-TreeView-Root { /* ----------------------- */
	background-image:url(/images/menubggr.gif);
	background-repeat:no-repeat;
	width:178px;
	min-height:25px;
	color:#FFFFFF;
	margin-left:4px;
}

.SKBMenu li.AspNet-TreeView-Root .AspNet-TreeView-Collapse
{
    background: url(/images/pijl-wg-open.gif) 6px 5px no-repeat; /* 4px 4px */
    width: 10px;
    float:left;
    cursor: pointer;
	padding-left:10px;
}

.SKBMenu li.AspNet-TreeView-Root .AspNet-TreeView-Expand
{
    background: url(/images/pijl-wg-dicht.gif) 8px 4px no-repeat; /* 0 -2px */
    width: 10px;
    float:left;
    cursor: pointer;
	padding-left:10px;	
}

.SKBMenu .AspNet-TreeView-Root li {
	min-height:14px;
	line-height:14px;
}

.SKBMenu .AspNet-TreeView-Root li a {
	/*color:#003b86;*/
	color:#000000;
	text-decoration:none;
	background-image:url(/images/rondje-open.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;

}

.SKBMenu .AspNet-TreeView-Root li a:hover {
/*	text-decoration:underline; */
	background-image:url(/images/rondje-dicht.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;		
}

.SKBMenu .AspNet-TreeView-Root a {
	color:#FFFFFF;
}


.SKBMenu .AspNet-TreeView-ChildSelected
{
    background-color: #FFFFFF !important;
	background-image:url(/images/menubgbl.gif);
	background-repeat:no-repeat;
	width:178px;
	min-height:25px;		
}

.SKBMenu .AspNet-TreeView-ChildSelected li
{

	background:none;
	width:150px;
	min-height:14px;		
}

.SKBMenu .AspNet-TreeView-ChildSelected li.AspNet-TreeView-Selected
{
/*    background-color: #003b86 !important;	*/
	width:158px; /* 178 */
	min-height:14px;
	background:none

}

.SKBMenu .AspNet-TreeView-ChildSelected li.AspNet-TreeView-Selected a
{
/*	text-decoration:underline; */
	font-weight:bold;
	background-image:url(/images/rondje-dicht.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;		
}

.SKBMenu .AspNet-TreeView-ParentSelected
{
    background-color: #FFE4E1 !important;

}


.SKBMenu li.AspNet-TreeView-Parent {
	/*color:#003b86;*/
	color:#000000;

	
}

li.AspNet-TreeView-Leaf {
	/*color:#003b86;*/
	color:#000000;
}


div.AspNet-TreeView
{
    margin: 0;
    padding: 0;
/*	background-color:#b2b2b2	*/
}

div.AspNet-TreeView ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.AspNet-TreeView-Show
{
}

.AspNet-TreeView-Hide
{
    display:none;
}

.SKBMenu .AspNet-TreeView-Selected
{
/*    background-color: #003b86 !important;	*/
	background-image:url(/images/menubgbl.gif);
	background-repeat:no-repeat;
	width:178px;
	min-height:25px;

}

.SKBMenu .AspNet-TreeView-Selected a
{
	color:#FFFFFF
}


.AspNet-TreeView-Root AspNet-TreeView-ChildSelected  {
	background-image:url(/images/menubgbl.gif);
	background-repeat:no-repeat;
	width:178px;
	min-height:25px;
	

}

.SKBMenu .AspNet-TreeView-ChildSelected .AspNet-TreeView-Collapse
{
    background: url(/images/pijl-wb-open.gif) 6px 6px no-repeat; /* 4px 4px */
    width: 10px;
    float:left;
    cursor: pointer;
	padding-left:10px;
}

.SKBMenu .AspNet-TreeView-ChildSelected .AspNet-TreeView-Expand
{
    background: url(/images/pijl-wb-dicht.gif) 8px 4px no-repeat; /* 0 -2px */
    width: 10px;
    float:left;
    cursor: pointer;
	padding-left:10px;	
}

.SKBMenu  .AspNet-TreeView .AspNet-TreeView-ChildSelected  .AspNet-TreeView-Collapse {
    background: url(/images/pijl-wb-open.gif) 6px 6px no-repeat; /* 4px 4px */
    width: 10px;
    float:left;
    cursor: pointer;
	padding-left:10px;
}

.SKBMenu  .AspNet-TreeView .AspNet-TreeView-ChildSelected  .AspNet-TreeView-Expand {
    background: url(/images/pijl-wb-dicht.gif) 8px 5px no-repeat; /* 4px 4px */
    width: 10px;
    float:left;
    cursor: pointer;
	padding-left:10px;
}

.SKBMenu  .AspNet-TreeView .AspNet-TreeView-ChildSelected  ul .AspNet-TreeView-Collapse {
    background: url(/images/pijl-bw-open.gif) 6px 6px no-repeat; /* 4px 4px */
    width: 10px;
    float:left;
    cursor: pointer;
	padding-left:10px;
}

.SKBMenu  .AspNet-TreeView .AspNet-TreeView-ChildSelected  ul .AspNet-TreeView-Expand {
    background: url(/images/pijl-bw-dicht.gif) 8px 5px no-repeat; /* 4px 4px */
    width: 10px;
    float:left;
    cursor: pointer;
	padding-left:10px;
}

.SKBMenu
{
	font-size:10.50px;
}

/* ---------------------------------- einde menu css ------------------- */

div.clear {
	clear:both;
	width:100%;
	height:1px;
	font-size:1px;
}

/* ---------------------------------- panel ---------------------------- */
.controlpanel td
{
    /*background-color: #C0C0C0;*/
	/*color:#003b86;*/
	color:#000000;
}

.controlpanel input {
 	font-size:11px;
	/*color:#003b86;*/
	color:#000000;

}

.controlpanel table {
	margin-bottom:10px;
	width:100%;
	font-size:11px;	
}

.controlpanel .top {
	height:48px;
	background-image:url(/images/panel-top.gif);
	background-repeat:no-repeat;
	background-position:bottom 0px;
	color:#FFFFFF;
	line-height:46px;
	font-size:11px;
	font-weight:bold;
	padding-left:22px;
	margin-top:2px;


}

.controlpanel .down {
	min-height:50px;
	background-position:left bottom;
	background-image:url(/images/panel-down.gif);
	background-repeat:no-repeat;
	width:682px;
	margin-bottom:14px;
    padding-bottom:10px;
	/*color:#003b86;*/
	color:#000000;

}

.down input {
	/*color:#003b86;*/
	color:#000000;
	margin-top:0px;
	font-size:11px;
}

.down td input {
	/*color:#003b86;*/
	color:#000000;
	font-size:11px;
}


#kolom2 table { /* standaard tabe; */
	border-color:#FFFFFF;
	width:100%;
/*	background-color:#f1f1f1; */
	background-color:#FFFFFF;
	border:none;

}

#content table {
	border:none;
/*	width:98%;	*/
	border-collapse:collapse;
}

#roles {
	padding-left:20px;
}

.controlpanel table input { /* EXCASP buttons */
    vertical-align:middle;
    /*float:right;*/
    float:left;
    margin-left:0px;
		
}

.controlpanel table td, .controlpanel table th {
	padding:0px;
	border:solid 1.75px #d8d8d8;
	/* background-color:#f1f1f1; */
	background-color:#ffffff;
	padding-left:5px;
	padding-right:5px;	
	/*border:solid 1px #FFFFFF;*/
}

.cp-padding table td {
	border:solid 1.5px #d8d8d8;
}

.cp-padding {
	padding:12px;
}


.controlpanel-closed {
	background-image:url(/images/panel-closed.gif);
	height:50px;
	background-repeat:no-repeat;
/*	margin-top:14px; */
	color:#FFFFFF;
	line-height:30px;
	font-size:10px;
	font-weight:bold;
	padding-top:0px;
	padding-left:10px;
	margin-bottom:10px;
}

.controlpanel-closed table td {
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-color:#003b86;
	line-height:20px;
	font-size:10px;
	font-weight:bold;
	padding-top:0px;
	
}

.controlpanel input
{
    text-align:left;
    padding-left:0px;
    padding-right:0px;
    padding:0px;
}

.topbuttons input
{
    background-color: #ffffff;
    border: thin none #FFFFFF;
    cursor: pointer;
    text-align:center;
    padding-left:4px;
    padding-right:4px;
	/*color:#003b86;*/
	color:#000000;
    font-weight:bold;
}


.toptext
{
    float:left;
}

.topbuttons 
{
    margin-right:22px;
    float:right;
}

/*.DefaultButton {
	color:#FFFFFF; 
    	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top left;
	background-color:White;
	background-image:url('/images/button.gif');
	width:100px;
	height:21px;
	border:none;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	margin-bottom:4px;
}*/

.DefaultButton, .controlpanel .DefaultButton, .controlpanelFQ .DefaultButton
{
	color:#FFFFFF; 
    background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:top left;
	background-color:#000000;
	background-image:url('/images/button.gif');
	width:140px;
	height:21px;
	border:none;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	margin-bottom:4px;
}

.DefaultButtonSmall, .controlpanel .DefaultButtonSmall
{
	color:#FFFFFF; 
    background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:top left;
	background-color:#000000;
	background-image:url('/images/buttonsmall.gif');
	width:38px;
	height:21px;
	border:none;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	margin-bottom:4px;
	margin-left:0px;
}


/* ---------------------------------- einde panel ---------------------- */

.controlpanelFQ td
{
    /*background-color: #C0C0C0;*/
	/*color:#003b86;*/
	color:#000000;

}

.controlpanelFQ input {
 	font-size:11px;
	/*color:#003b86;*/
	color:#000000;
}

.controlpanelFQ table {
	margin-bottom:10px;
	width:100%;
	font-size:11px;
}

.controlpanelFQ .top {
	height:48px;
	background-image:url(/images/panel-top.gif);
	background-repeat:no-repeat;
	background-position:bottom 0px;
	color:#FFFFFF;
	line-height:46px;
	font-size:11px;
	font-weight:bold;
	padding-left:22px;
	margin-top:2px;


}

.controlpanelFQ .down {
	min-height:50px;
	background-position:left bottom;
	background-image:url(/images/panel-down.gif);
	background-repeat:no-repeat;
	width:682px;
	margin-bottom:14px;
    padding-bottom:10px;
	/*color:#003b86;*/
	color:#000000;

}

.controlpanelFQ table td, .controlpanelFQ table th {
	padding:0px;
	border:none;
	background-color:#f1f1f1;
	padding-left:10px;
	padding-right:10px;	
	
}

/* ----------------------------------  userprofile ---------------------- */

#account 
{
    float:left;
    width:450px;
}

#roles
{
    float:right;
}

/* ----------------------------------  einde userprofile einde ---------------------- */

/* ----------------------------------  MonthlyDetail report ---------------------- */

.MonthlyDetailHeader table th, .MonthlyDetailHeader table td, .MonthlyDetailHeader table td  div
{
    padding-left:0px;
	padding-right:0px;	
	text-align:left;
	font-size:12px;
	font-weight:bold;
}

.MonthlyDetailHeader .Center
{
    text-align:center;
    padding-left:4px;   
}

.MonthlyDetail table th, .MonthlyDetail table td, .MonthlyDetail table td  div
{
    padding-left:0px;
	padding-right:0px;	
	text-align:left;
}

.MonthlyDetail .RecordSelected
{
    background-color:#b2b2b2;
    color:White;
}

.MonthlyDetail .Center
{
    text-align:center;
    padding-left:4px;
    width:50px;   
}

.MonthlyDetail .noborder
{
	border:0px;
}

.noborder
{
	border:0px;
}

.MonthlyDetail .CenterSmall
{
    text-align:center;
    padding-left:4px;
    width:30px;   
}
.MonthlyDetail .Scrollable
{
	width:680px; /* misschien iets minder ivm padding */
	overflow:hidden;
}

/* ----------------------------------  einde MonthlyDetail report einde ---------------------- */

/* ----------------------------------  Current report ---------------------- */

.CurrentReport table th, .CurrentReport table td, .CurrentReport table td  div
{
    padding-left:0px;
	padding-right:0px;	
	text-align:center;
	vertical-align:top;
	font-size:10px;
}

.SampleComments table th, .SampleComments table td, .SampleComments table td  div
{
    padding-left:0px;
	padding-right:0px;	
	text-align:left;
	vertical-align:top;
	font-size:10px;
	border:0px;
}


.CurrentReport table th, .CurrentReport table td  div
{
    padding-left:0px;
	padding-right:0px;	
	text-align:center;
	vertical-align:middle;
	font-size:10px;
	min-width:35px;
}

.CurrentReport .RecordSelected
{
    background-color:#b2b2b2;
    color:White;
}

.CurrentReport .LeftSmaller
{
    text-align:left;
    padding-left:4px;
    vertical-align:top;
    font-size:10px;
    width:70px;   
}

.CurrentReport .CenterSmaller
{
    text-align:center;
    padding-left:4px;
    vertical-align:top;
    font-size:10px;
    width:50px;   
}

.CurrentReport .CenterSmall
{
    text-align:center;
    padding-left:4px;
    vertical-align:top;
    font-size:10px;
}

.CurrentReport .LeftSmall
{
    text-align:left;
    padding-left:4px;
    vertical-align:top;
    font-size:10px;
    width:100px;   
}

.CurrentReport .Left
{
    text-align:left;
    padding-left:4px;
    vertical-align:top;
    font-size:10px;
    width:110px;   
}

.CurrentReport .Scrollable
{
	width:680px; /* misschien iets minder ivm padding */
	overflow:hidden;
}


.CurrentReport .Red
{
    /* background-color: Red; */
    color: Red;
    font-weight:bold;
}
.CurrentReport .Black
{
    /* background-color: Black; */
    
}
.CurrentReport .Yellow
{
    /* background-color: Yellow; */
    color: Yellow;
    font-weight:bold;
}
.CurrentReport .Gray
{
    /* background-color: Gray; */
    color: Gray;
}
.CurrentReport .Green
{
    /* background-color: Green; */
    color: Green;
}
.CurrentReport .Orange
{
    /* background-color: Orange; */
    color: Orange;
    font-weight:bold;
}

/* ----------------------------------  einde Current report einde ---------------------- */

/* ----------------------------------  AnnualReport report ---------------------- */

.AnnualReport table th, .AnnualReport table td, .AnnualReport table td div
{
    padding-left:0px;
	padding-right:0px;	
	text-align:center;
	border:solid 2px #d8d8d8;
	padding:0px;
}

.AnnualReport .Red
{
    background-color: #F45127; 
    text-align:center;
    padding-left:0px;
    vertical-align:top;
    border:0px;
    width:44px;
}

.AnnualReport .Green
{
    background-color: #82E45C;
    text-align:center;
    padding-left:0px;
    vertical-align:top;
    border:0px;
    width:44px;
 }

.AnnualReport .Yellow
{
    background-color: #FFF674; 
    text-align:center;
    padding-left:0px;
    vertical-align:top;
    border:0px;
    width:44px;
}
.AnnualReport .RedLeft
{
    text-align:left;
    padding-left:4px;   
    background-color: #F45127; 
    border:0px;
    width:60px;
}

.AnnualReport .GreenLeft
{
    text-align:left;
    padding-left:0px;   
    background-color: #82E45C; 
    border:0px;
    width:60px;
}

.AnnualReport .YellowLeft
{
    text-align:left;
    padding-left:4px;   
    background-color: #FFF674; 
    border:0px;
    width:60px;
}

.AnnualReport .Left
{
    text-align:left;
    padding-left:0px;
    vertical-align:top;
    border:0px;
    width:60px;
}

.AnnualReport .LeftData
{
    text-align:left;
    padding-left:0px;
    vertical-align:top;
    border:0px;
    width:60px;
}

.AnnualReport .Data
{
    text-align:center;
    padding-left:0px;
    vertical-align:top;
    border:0px;
    width:44px;
}

.AnnualReport .DataSmall
{
    text-align:center;
    padding-left:0px;
    vertical-align:top;
    border:0px;
    width:30px;
}
/* ----------------------------------  einde AnnualReport report einde ---------------------- */

#loadingdivbackground  
{
    display:none;
    position:fixed;
    top:0;
    left:0;
    background:black;
    width:100%;
    height:100%;
}

#loading-div 
{
    width: 250px;
    height: 150px;
    background-color: #FFFFFF;
    text-align:center;
    position:absolute;
    left: 50%;
    top: 50%;
    margin-left:-150px;
    margin-top: -100px;
}