* {
    font-size: 12px; /* color : rgb(111,111,111); */
} 
body
{
    padding: 0px;
    background: url(''); background-repeat: no-repeat;
    background-color: transparent;
    margin: 0px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;  font-size: 12px; color : rgb(111,111,111); /*text-transform: lowercase*/
    height: 100%;
    background-position:center;
   } 

body.headnavpresent
{
	padding:100px 0px 0px 0px;
} 

#explanation { display:none;}

.masterheader {
    height: 170px;
    background: url(img/NavigationBackground.png); background-repeat: repeat-x;
    overflow: hidden; 
    margin:0px auto 0px auto; 
    text-align: left;
}

.masterheaderleft
{
    width: 200px;
    height: 170px;
}

.masterheaderright
{
    height: 150px;
    left: 201px;
    right: 0;
	background: url() #FFFFFF no-repeat center padding-box;
    margin-top: 25px;
	margin-right: 5px;
	margin-left: 5px;
}

.masterheaderbottom {
    height: 40px;
    background: url(img/NavigationBackground.png);  
    background-repeat: repeat-x; 
}

.mastercontent {
top: 131px;
bottom: 80px;
background-color:transparent;
}

.mastercontentleft
{
/* width: 200px; */
background-color: transparent ;
padding-right:3px;
margin-top: 28px;
}

.mastercontentright
{
    left: 201px;
    margin-top: 23px;
}

.framed .mastercontentright {
    margin-top: auto;
}


.masterfooter {
}

/* .headerbox
{
    width: 100%;
    height: 173px;
    TOP: -0px; 
    background: #bebebe url('') no-repeat; 
    overflow: hidden; 
    margin:0px auto 0px auto; 
    text-align: left;
    position:fixed;
    
    } */

/* .navigation_header	
{
display:none;}
.navigation_header_button { display:none ; }
.navigation_header_button:hover { visibility:hidden ; }
.navigation_header_1button { visibility:hidden ; }
.navigation_header_1button:hover {visibility:hidden ; } */

.main_header_logo {
    display: block;
    background-image: url('img/totalEnergies.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 130px;
    margin-top: 15px;
    margin-left: 15px;
}


.contentbox
{
position: fixed;
width: 100%;
top: 200px;
bottom: 60px;
overflow:hidden; 
background: transparent url('')  center no-repeat;
background-position:top center ;
    }

.contentboxleft
{
/*  position: absolute; */
position:relative; 
width: 221px;
height: 100%;
bottom:0px;
background-color:transparent;
float:left ; 
padding-right:3px; 
}

.contentboxright
{
/*position: absolute;*/
position:relative;
height: 100%;
width:auto ;
background-color:transparent;
left : 0px;
margin-right: 10px;
padding-bottom: 10px;
  
}


.footerbox {
position:fixed ;
bottom:30px;
background: transparent url('') repeat-x; 
    }

body.framed .contentbox
{
position: fixed;
bottom: 30px;
    }

body.framed .footerbox
{
padding-left:0px; 
background:transparent url('');
    
    }
body.framed .contentboxleft
{
background-color:transparent;
    
    }
body.framed .contentboxright
{
background-color:transparent;
    
    }

/* .contentjavatable .tableheader {height: 25px; color: white; font-weight:bold ; font-size:larger !important;background: #5e6191 url('img/menuhover.gif') 0 0 repeat-x;}  */
.tableheader th { border-bottom:0px white solid; border-top:2px white solid }
/* .contentjavatable .tableheader a {color:#ffffff} */
.contentjavatablelist .tableheader th {
    border-bottom: 5px solid white;
    border-right: 2px solid white;
    font-weight: normal;
    text-align:left;
}

/*.contentjavatable .tableheader span {font-size:1.1em;font-weight:bold;color:#337884;}*/
.contentjavatable .H0 .tableheader span {font-size:1em;font-weight:bold;}
.contentjavatable .H1 .tableheader span {font-size:1em;font-weight:bold;}
.contentjavatable .H2 .tableheader span {font-size:1em;font-weight:bold;}
.contentjavatable .H3 .tableheader span {font-size:1em;font-weight:bold;}
.contentjavatable .H4 .tableheader span {font-size:1em;font-weight:bold;}
.contentjavatable .H5 .tableheader span {font-size:1em;font-weight:bold;}

.button_go {  background:url('img/ffwd.gif')  0% 50% no-repeat;white-space:pre; margin-left:2px} 
.button_go_after {  padding-right:20px; background:url('img/ffwd.gif')   100% 50% no-repeat;white-space:pre} 
.button_go_back { background:url('img/back.gif') 0% 50% no-repeat; }
.general_button { white-space: nowrap; overflow:hidden;text-decoration:none; color:#666666; font-weight:700; border:0; cursor:pointer }	/*general setting: in this layout, show text and image in case of a button*/
.general_button:hover { white-space: nowrap; overflow: hidden; text-decoration:none; color: rgb(253,133,10); font-weight: 700; border: 0;}
.button_presentlist {color: rgb(253, 133, 10) !important;}
.button_presentlist:hover {color: #666666 !important;}

/*paneel links*/
.panelleft .navigation_header_language {
background: url('img/content_left_box.png');
} 

.panelleft
	{z-index:1;width:241px;left:5px;overflow:scroll;float: none; background:url('img/content_left_box.png')}
.panelleft .top 
	{height:0px;background:#666666 url('') 0px 100% no-repeat; background:url();} 
.panelleft .mid 
	{background:#666666 url('img/content_left_box.png') 0px 100% repeat-y; padding-left:0px; vertical-align:top;overflow:auto; } 
.panelleft .mid .all
	{background:#666666  url('img/content_left_box.png') 0px 100% repeat-y; padding-left:0px; vertical-align:top;/*overflow:auto;*/height:40% ; margin-bottom:5px; border: 0px #bebebe solid; }  
.panelleft .mid .resp
	{background:#666666  url('img/content_left_box.png') 0px 100% repeat-y; padding-left:0px; vertical-align:top;/*overflow:auto;*/height:40% ;margin-bottom:5px ; border: 0px #bebebe solid;} 
.panelleft .mid .general
	{background:#666666  url('img/content_left_box.png') 0px 100% repeat-y; padding-left:0px; vertical-align:top;/*overflow:auto;*/height:20% ; margin-bottom:5px ;  border: 0px #bebebe solid; } 
	
.panelleft .bottom
	{/*height:0px;background:white url('img/adresgroep.gif') 0px 98% no-repeat;*/ display:none } 

.leftpanellink a
{ 
	text-decoration:none;
	color: rgb(111,111,111);
	font-weight:normal;
    font-size: 14px;
}

.all .leftpanellink:hover {background-color: rgb(153,182,222);}

.leftpanellink a:hover
{
	background: url('img/linkbol_a.gif') -10px 0  no-repeat;
	text-decoration:none;
	color: rgb(13,52,251) !important;
}

.leftpanellink a:link {color: rgb(111,111,111);}

.leftpanelbutton 
{
	Width :95%;
	margin-bottom:7px;
	border-width :0px;
	border-color: #E8EEEE;
	border-bottom:1px solid  #E8EEEE;
}            

.attributemasterytox .contentjpanelpanel > div > span {
margin-top:0px}

.attributemasterytox #LblExpDuration {
    margin-top: 10px;
}


.leftpanelbutton .image
{
	width:0px;
	display:none 
}

.menuitem
{
	height:10px;
}

.menuitem .logo
{
	display:none 
}
	
.menuitem .tekst
{
	height:10px;
	color: rgb(111,111,111);
}

.menuitem .tekst a {color: rgb(111,111,111);}

.menuitem .tekst a:hover {color: rgb(13,52,251); text-decoration :none;}

.resp .leftpanelbutton:last-child {
	margin-bottom:7px;
	border-width :1px;
	border-bottom:1px solid  #E8EEEE;
}

.all .leftpanelbutton:last-child {
	margin-bottom:7px;
	border-width :1px;
	border-bottom:1px solid  #E8EEEE;
}
.general .leftpanelbutton:last-child {
	margin-bottom:7px;
	border-width :1px;
	border-bottom:1px solid  #E8EEEE;
}

.languagebar a {
    color:rgb(251,3,51);
}

.canapp td:first-child  {padding-left:190px}
.framed .canapp td:first-child  {padding-left:10px}
.canapp a {font-size:1em; margin-left:40px}
.canapp a:first-child {font-size:1em; margin-left:10px}
.tccalendarnavigator {width:80%;text-align:center 
}
/* .calendarnavigator {top:-5px} */ 
.calendarnavigatorleft {padding-left:0px!important;}


/* .scrolllinks {background-color:transparent;} */

/* .scrollrechts {background-color:transparent;} */

.scrollrechtsonder
{
background-color:transparent ; 
}

.selectwarning
{
background-color:transparent ;
}

#logon_logos {
    height: 100px;
    background-image: url('img/totalEnergies.png');
    background-size: contain;
    background-position-y: 0px;
}




.button_li { display:inline; text-align:center; margin:0px; margin-left:10px; padding:0px; padding-left:10px; background:url('img/ffwd.gif') 0% 50% no-repeat; white-space: nowrap; }
#logon_form li { display:inline; text-align:center; margin:0px; margin-left:10px; padding:0px; padding-left:10px; background:url('img/ffwd.gif') 0% 50%  no-repeat; white-space:nowrap; }


#cursus .button_go:hover {  /*padding-left:20px;*/ background-color:transparent ; background :url('img/ffwd.gif')  0% 50% no-repeat;white-space:pre} /*pijltjes voor de tekst*/

/*JavaContentTables */
.contentjavatable { /*border:solid 1px #0000cc; margin-bottom:30px;*/ width:100%; border:0 solid white; border-collapse:collapse; margin-top: 30px; float: right; margin-right: 2px;}
.contentjavatable .contentjavatable {margin-top:0px; margin-right: 0px;}
.contentjavatableseparator {/*height : 30px*/}
.contenttableseparator {/*height : 60px*/}
.contentjavatablelist {padding:0px; table-layout:fixed;border:0;}  
.contentjavatablelist H4 {margin-top:5px; margin-bottom:0px; font-size:1em; font-weight:normal;  }  
.contentjavatablelist .oddrow td {border-top : 3px solid white;border-right : 3px solid white; font-weight:bold; background-color: rgb(241,245,255); border-bottom: 3px solid white;}
.contentjavatablelist .evenrow td {border-top : 3px solid white;border-right : 3px solid white; font-weight:bold; background-color: rgb(225,234,251); border-bottom: 3px solid white;}
.contentjavatablelist .evenrow2 td{ background: rgb(225,234,251); vertical-align:middle ; margin-left:50px;height:35px; border-bottom:3px solid white;border-right : 3px solid white;padding-left:0px}
.contentjavatablelist .oddrow2 td{  background: rgb(241,245,255); vertical-align: middle;margin-left:50px;height:35px; border-bottom:3px solid white;border-right : 3px solid white;padding-left:0px}
.contentjavatablelist .evenrow2 .button_go {  /*padding-left:20px;*/  background: rgb(153,182,222) /*url('img/main_go.gif')  0% 50% no-repeat*/; color: rgb(255,255,255);/*white-space:nowrap  ; /*width:100px;*/ height:20px; border:white 2px solid; margin:5px;padding-right:20px;} /*pijltjes voor de tekst*/
.contentjavatablelist .oddrow2 .button_go {  /*padding-left:20px;*/  background:rgb(153,182,222) /*url ('img/main_go.gif')  0% 50% no-repeat*/;color: rgb(255,255,255);/*white-space:nowrap  ; /*width:100px;*/ height:20px; border:white 2px solid; margin:5px;padding-right:20px;} /*pijltjes voor de tekst*/
.contentjavatablelist .evenrow2 .button_go:hover {background-color : rgb(241,245,255); color: rgb(153,182,222);text-decoration:none;border: white 2px solid; margin: 5px; padding-right: 20px;}
.contentjavatablelist .oddrow2 .button_go:hover {background-color: rgb(241,245,255); color: rgb(153,182,222);text-decoration:none;border: white 2px solid; margin: 5px; padding-right: 20px;}

.contentjavatable .tableheader {height:25px; font-weight:bold; color: white; background: rgb(153,182,222) url(' ') 0% -15px repeat-x; /* padding-left: 10px; */}
.contentjavatable .tableheader .tablename  {color: white;  font-weight:bold ; font-size:1em; /* padding-left:10px;  padding-right:10px;*/ }
.contentjavatable .tableheader a {color: white;} 

/*JavaContentTables op tweede niveau*/
.contentjavatable .H0 .tableheader {border-bottom:0px solid #bbb;text-align:left; color:#666666; background: rgb(204,204,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
.contentjavatable .H0 .tableheader .tablename  {font-weight:bold ; /*font-size:0.9em ;*/ color:#666666;/*margin-left:10px; padding-right:10px; */}
.contentjavatable .H0 .contentcell {padding-left:7px; padding-bottom:20px;color:#666666;/*border-left:dotted 1px white*/border:solid 0px #666666; border-top:0px; }
.contentjavatable .H0 .tableheader a {color: #666666;}

.contentjavatable .H1 .tableheader {border-bottom:0px solid #000;text-align:left;color:#666666; background: rgb(204,204,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
/*.contentjavatable .H1 .contentcell { padding-left:7; border-left:dotted 1px white}*/
.contentjavatable .H1 .tableheader a {color: #666666;}

.contentjavatable .H2 .tableheader {border-bottom:0px solid #000;text-align:left;color:#666666; background: rgb(204,204,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
/*.contentjavatable .H2 .contentcell { padding-left:7; border-left:dotted 1px white}*/
.contentjavatable .H2 .tableheader a {color: #666666;}

.contentjavatable .H3 .tableheader {border-bottom:0px solid #000;text-align:left;color:#666666; background: rgb(204,204,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
/*.contentjavatable .H3 .contentcell { padding-left:7; border-left:dotted 1px white}*/
.contentjavatable .H3 .tableheader a {color: #666666;}

.contentjavatable .H4 .tableheader {border-bottom:0px solid #000;text-align:left;color:#666666; background: rgb(204,204,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
/*.contentjavatable .H4 .contentcell { padding-left:7; border-left:dotted 1px white}*/
.contentjavatable .H4 .tableheader a {color: #666666;}

.contentjavatable .H5 .tableheader {border-bottom:0px solid #000;text-align:left;color:#666666; background: rgb(204,204,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
/*.contentjavatable .H5 .contentcell { padding-left:7; border-left:dotted 1px white}*/
.contentjavatable .H5 .tableheader a {color: #666666;}


/*kalender pagina's*/
#_calendar .tablename {font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; font-style:italic ;font-size:1.2em;}
#_calendar .evenrow td { background:#d3d3d3; vertical-align:middle; padding-bottom :10px;left:50px; position:relative ; top:10px}
#_calendar .oddrow {
    background: #E8EEEE;
    vertical-align: top;
    margin-bottom: 10px;
}
.calendarnavigator { Z-INDEX: 51; /*LEFT: 50%;*/ POSITION: relative; TOP: 0px;WIDTH:700px }
.calendarheading {display:none;color:#666666;}

.calendarheader 
{	background:#E8EEEE url(''); }
.calendarheader a {color:#666666;}


.calendarheader a:hover {background-color:#E8EEEE;width:100%;color: black; text-decoration:none;}

.calendardata 
{	text-align:left; 
	vertical-align:top ;
	font-family: Verdana, Sans-Serif; 
	background-color : white;
	color : rgb(111,111,111);
	font-size:1em;
	height:75px;
}

.noshow
{
	
	 background: rgb(220,220,220) url(' ') 0% -15px repeat-x;
}

.show {
    background: rgb(225,234,251) url(' ') 0% -15px repeat-x;
}


.nieuw
{	
	background-color: rgb(153,182,222);
	color: white;
}

table { font-family:Arial, Helvetica, Sans-Serif;}
.oddrow { background: url('') #E7F8FA; }
.oddrow2 { background: url('') #E7F8FA; }
.languagebar {	top:125px;left:25px;}

#cursus
{
 	    font-size:1em;
 }


#cursus a
{
		border-bottom:1px solid #666666;
 	    color:#666666;
 	    width : 100%;
         display:block;
}


#cursus a:hover 
{
	/* background-color: rgb(153,182,222); */
	width:100%;
	color: rgb(111,111,111); /*13:27 16/10/2014; */
}

.titlerow 
{
	 color:rgb(111,111,111);
	 font-size:1em;
     background-color: rgb(153,182,222);
}

/*weergeven selectie lijsten in twee kolommen met scrollbars */
.scrolllinks 
{
    height: 90%;
	background:#fff;
      }
.scrollrechts
{
	/*width: 90%;*/
	background:#fff;
}

.datarow { background:#fff; vertical-align: top;}

.inputbox
{
	border : rgb(13,52,251) 1px solid;
}

.textinput
 {background: white; color: #666666;}

.alfabet {border: rgb(153,182,222) 1px solid;margin-top: 28px;}

body.framed {background-color:white;}

body.framed a {color:#666666;}

.emptycell {background-color: white;}

.loggedinname {color: rgb(111,111,111); font-size: 18px;}

.leftpanelselected
{
    background-color:rgb(13,52,251);
}

.leftpanelbutton tr:hover {
    background-color: rgb(13,52,251);
}

.resp .leftpanellink:hover {
    background-color: rgb(153,182,222);
}
.general .leftpanellink:hover {
    background-color: rgb(153,182,222);
}

.leftpanelindication:hover {
    background-color: rgb(13,52,251);
}

.button_plus {width : 100%;
padding-left: 20px;
background: url(img/plus.gif) no-repeat 0% 50%;
border-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}

.button_min {width : 100%;
padding-left: 20px;
background: url(img/min.gif) no-repeat 0% 50%;
border-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}

#logon_form ul {background:rgb(153,182,222);}

#logon_form ul a {color: rgb(111,111,111);}

#logon_form ul a:hover {color: rgb(241,245,255);}

#logon_header {background: rgb(153,182,222);}

#logon_form h1 {background:rgb(153,182,222);}

.leftpanelselected, .leftpanellinkselected a 
{
    background-color: rgb(153,182,222); color: rgb(13,52,251) !important;
}

.filterblock {margin-top: 28px;}


.autoregistrationcompetas span {
    display: inline-block;
    width: 200px;
}

.autoregistrationcompetas .inputtext {
    display: inline-block;
    width: 200px;
}
.autoregistrationcompetas .wide, .autoregistrationcompetas .cbagree {
    width: 100% !important
}

.autoregistrationcompetas .cbagree label {
    margin-left:5px
}

.autoregistrationcompetas .infobody span {
    padding-left: 25px
}

.ui-datepicker span {
    width: auto;
}


/*CONTENTJTABLEDIV SECTION*/

.contentjpanel {
    display: block;
    background-color: #fff;
    border: none;
    margin-bottom: 25px;
    font-family:Arial,Verdana, Sans-Serif;

}

.contentjpanel .contentjpanel {
    background-color:transparent;
    margin-bottom:10px;

}

/*
.sortable {
    background: url('img/ffwd.gif')  0% 50% no-repeat;
}


.sortup {
    background: url('img/up.gif') no-repeat 0% 50%;
}

.sortdown {
    background: url('img/down.gif') no-repeat 0% 50%;
}
*/

.datadiv {
    margin-left: 0px;
}

.dataheaderdiv {
    display: block;
    border-bottom: none;
    overflow: auto;
    margin-top: 0px;
    /*min-height: 25px;
    line-height: 25px;*/
    background: rgb(153,182,222) url(' ') 0% -15px repeat-x;
    color: #fff;
}



.columnheading {
    display: block;
    float: left;
    background-color: transparent;
    line-height:20px
}

.dataheaderdiv .columnheading:nth-last-child(1) {
   background: transparent url('')
}


.datarowdiv {
    border-bottom-color: rgba(255, 255, 255, 1);
    border-bottom-style: none;
    padding : 0px;
}

.datacontentdiv > div:nth-child(odd) {
    /*oddrow, oddrow td*/
    background-color : #e0eafa ;
}

.datacontentdiv > div:nth-child(even) {
    /*evenrow, evenrow td*/
    background-color: #E7F8FA;
}

.vertical .datacontentdiv, 
.vertical .datacontentdiv > div {
    background-color: #e0eafa;
}


.datafield {
    background-image: url('../styles/img/WhiteLine.png');
    background-position: right;
    background-repeat: repeat-y;
    font-weight:bold
}

.secondrow .datafield .general_button {
    /*background: rgb(141,200,106) /*url ('img/main_go.gif')  0% 50% no-repeat*/;*/
    color: #fff;
    border: #fff 2px solid;
}



.contentjpanel .contentjpanelhead {
    /*tableheader*/
    border-bottom: white 2px solid;
    overflow: auto;
    min-height: 25px;
    line-height: 25px;
    background: rgb(153,182,222) url(' ') 0% -15px repeat-x;
    color: #fff;
    font-weight:bold;
}

.contentjpanelhead span {
    font-size: 1.2em;
    margin-left:5px;
}

.contentjpanel .contentjpanel .contentjpanelpanel {
    border-right: none;
    border-left: none;
    border-bottom: none;
}

.contentjpanel .contentjpanel .contentjpanelhead {
    background: rgb(204,204,204) url(' ') 0% -15px repeat-x;
    color:#666666;
    font-weight:bold;
}

.contentjpanel .contentjpanel .contentjpanelhead span {
    font-size: 1em;
}

.contentjpanel .contentjpanel .contentjpanel .contentjpanelhead {
    background: #bebebe url(' ');
    color:rgb(102, 102, 102)
}

.contentjpanel .contentjpanel .dataheaderdiv {
    background: rgb(204,204,204) url(' ') 0% -15px repeat-x;
    color:#666666;
}

.contentjpanel .contentjpanel .contentjpanel .dataheaderdiv {
    background: #bebebe url(' ');
    color:rgb(102, 102, 102)
}

.contentjpanel .contentjpanel .contentjpanel .contentjpanelcontrolafter {
    background: rgb(204,204,204) url(' ') 0% -15px repeat-x;
    height : 20px
}

.contentjpanelhead .button_min {
    background : url(img/min.gif) no-repeat 0% 50%;
    display:none;

}

.contentjpanelhead .button_plus {
    background : url(img/plus.gif) no-repeat 0% 50%;
    display:none;
}

.vertical .dataheaderdiv {
    line-height: 1.8em;
}

.vertical .dataheaderdiv span {
    margin-left:5px;
}


/*<-CONTENTJTABLEDIV SECTION*/