video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
div.scrolldatacss
{
    overflow: auto;
    height:734px;
    max-height:734px;
    top:0px;
    left:0px;
    position:relative;
}
#bodyAreaChatSmall
{
    float: left;
    /*background-image: url(../images/sidebarGraphic.jpg);*/
    width: 900px;
    background-repeat: repeat-y;
    background-color: white;
}
#bodyRightChatSmall
{
    clear: right;
    padding-right: 30px;
    padding-left: 10px;
    font-size: 0.8em;
    float: right;
    padding-bottom: 10px;
    vertical-align: top;
    width: 836px;
    color: #477897;
    padding-top: 1px;
    font-family: Arial;
    position: static;
    text-align: justify;
    overflow: visible;
}
#bodyAreaSmaller
{
    float: left;
    /*background-image: url(../images/sidebarGraphic.jpg);*/
    width: 1100px;
    background-repeat: repeat-y;
    background-color: white;
}
#bodyRightSmaller
{
    clear: right;
    padding-right: 30px;
    padding-left: 10px;
    font-size: 0.8em;
    float: right;
    padding-bottom: 10px;
    vertical-align: top;
    width: 1036px;
    color: #477897;
    padding-top: 1px;
    font-family: Arial;
    position: static;
    text-align: justify;
    overflow: visible;
}
p.speechleft {
  position: relative;
  width: 500px;
  text-align: left;
  line-height: 20px;
  background-color: #fff;
  border: 2px solid #666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 4px #888;
  -moz-box-shadow: 2px 2px 4px #888;
  box-shadow: 2px 2px 4px #888;
}
p.speechleft:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 32px;
  bottom: auto;
  border: 4px solid;
  border-color: #fff transparent transparent #fff;
}
p.speechright {
  position: relative;
  width: 500px;
  text-align: left;
  line-height: 20px;
  background-color: #DFF;
  border: 4px solid #666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 4px #888;
  -moz-box-shadow: 2px 2px 4px #888;
  box-shadow: 2px 2px 4px #888;
}
p.speechright:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 432px;
  bottom: auto;
  border: 4px solid;
  border-color: #DFF #DFF transparent transparent;
}
.labelstopscolli
{
    font-size:1.2em;
    font-weight:bold;
    color:Black;
}
.labeltoppadding5
{
    font-size:0.9em;
    display: block;
    padding-left: 1px;
    padding-right: 1px;
    padding-top:5px;
    word-wrap: break-word;
}
.labelleftpadding1
{
    font-size:0.8em;
    display: block;
    padding-left: 1px;
    padding-right: 1px;
    word-wrap: break-word;
}
.labelleftpadding5 
{
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word;
}
.labelleftpadding35
{
    display: block;
    padding-left: 35px;
    padding-right: 15px;
    word-wrap: break-word;
}
.roundedcorner {
    resize: none;
    background:#fff;
    margin-left:auto;
    margin-right:auto;
    margin-top:1px;
    margin-bottom:1px;
    padding:3px;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-size:16px;
}
.textbox
{
    font-size:0.9em;
    font-family:Courier New;
}
body
{
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
    margin: 0%;
    padding-top: 1%;
    height: 98%;
    /*background-color: #d3d3d3;*/ /* #e20177; JPB 27-07-2018 */
    background-color: #4d6267;
    /*background-color: #000000;*/
}
#Container 
{
  height:99%;
  min-height:99%;
}
#pageWrapper
{
    width: 1100px;
    margin: auto;
    /*border: solid 1pt #d3d3d3;*.	/* #de006d; */  /* #000; JPB 27-07-2018 */
    /*border: solid 1pt #4d6267;*/
    /*border: solid 2pt #E20177;*/  /* JPB 10-09-2018 */
    /* border: solid 1pt #000; */     /* JPB 15-01-2019 vst versie */
    border: solid 2pt #7514de;  /* JPB 19-10-2020 */
}
.pageWrapperDlt {
    width: 1100px;
    margin: auto;
    border: solid 2pt #7514de;
}
.pageWrapperVKI
{
    width: 1100px;
    margin: auto;
    border: solid 2pt #00a0df;
}
#headerGraphic  /* JPB 15-01-2019 vst versie */
{
    background-image: url(../images/logo01_top.jpg);
    width: 1100px;
    height: 246px;
    clear: both;
    float: none;
}

/*#headerGraphic
{
    background-image: url(../images/logo01_top.jpg);
    width: 1100px;
    height: 246px;
    clear: both;
    float: none;
}*/     /* deze lijkt niet veel te doen (JPB 07-09-2018) */
/* style="top:10px; left:70px; position:absolute;" */
/*.clLogoDLT
{
    float: left;
    margin-top: -21px;
    margin-left: 42px;
}*/
.clLogoDLT
{
    float: left;
    margin-top: -16px;  /* -21px */
    margin-left: 52px;  /* 42px */
}
#navigationArea {
    clear: both;
    padding-right: 250px;
    padding-left: 0%;
    font-weight: bold;
    font-size: 1.0em;
    float: none;
    /*background-image: url(../images/logo03_top.jpg);*/
    /* background-image: url(../images/logo01_top.jpg); */ /* JPB 15-01-2019 vst versie */
    background-image: url(../images/logo03_top.jpg); /* JPB 19-10-2020 zonder logo */
    padding-bottom: 0%;
    margin: 0%;
    vertical-align: top;
    width: 850px;
    color: #477897;
    /*padding-top: 0.3em;*/
    /*padding-top: 0.9em;*/
    padding-top: 1.6em;
    background-repeat: no-repeat;
    font-family: Arial;
    letter-spacing: 0.04em;
    position: static;
    /* 20100111 height: 50px; */
    height: 50px;
    text-align: right;
    /*border-bottom: solid 2pt #E20177;*/ /* JPB 10-09-2018 */
    border-bottom: solid 2pt #7514de; /* JPB 19-10-2020 */
}
.navigationAreaDlt {
    clear: both;
    padding-right: 250px;
    padding-left: 0%;
    font-weight: bold;
    font-size: 1.0em;
    float: none;
    background-image: url(../images/logo03_top.jpg);
    padding-bottom: 0%;
    margin: 0%;
    vertical-align: top;
    width: 850px;
    color: #477897;
    padding-top: 1.6em;
    background-repeat: no-repeat;
    font-family: Arial;
    letter-spacing: 0.04em;
    position: static;
    height: 50px;
    text-align: right;
    border-bottom: solid 2pt #7514de;
}
.navigationAreaVKI
{
    clear: both;
    padding-right: 250px;
    padding-left: 0%;
    font-weight: bold;
    font-size: 1.0em;
    float: none;
    background-image: url(../images/logo04_top.jpg);
    padding-bottom: 0%;
    margin: 0%;
    vertical-align: top;
    width: 850px;
    color: #477897;
    padding-top: 1.6em;
    background-repeat: no-repeat;
    font-family: Arial;
    letter-spacing: 0.04em;
    position: static;
    height: 50px;
    text-align: right;
    border-bottom: solid 2pt #00a0df;
}
#login
{
    clear: both;
    padding-top: 33px;
    padding-right: 280px;
    font-size: 0.8em;
    float: none;
    width: 500px;
    color: #477897;
    padding-bottom: 5px;
    padding-left: 242px;
    font-family: Arial;
    letter-spacing: 0.04em;
    height: 15px;
    position: absolute;
}
#bodyArea
{
    float: left;
    /*background-image: url(../images/sidebarGraphic.jpg);*/
    width: 1100px;
    background-repeat: repeat-y;
    background-color: white;
    padding-top: 6px;  /* JPB 10-09-2018 */
}
#bodyLeft
{
    clear: left;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.7em;
    float: left;
    padding-bottom: 10px;
    vertical-align: top;
    width: 126px;
    color: white;
    padding-top: 10px;
    font-family: Arial;
    position: static;
    text-align: center;
}
#bodyRight
{
    clear: right;
    padding-right: 30px;
    padding-left: 10px;
    font-size: 0.8em;
    float: right;
    padding-bottom: 10px;
    vertical-align: top;
    width: 1036px;
    color: #477897;
    padding-top: 1px;
    font-family: Arial;
    position: static;
    text-align: justify;
    overflow: visible;
}
#footerArea
{
    clear: both;
    font-weight: bold;
    font-size: 0.6em;
    float: none;
    /*background-image: url(../images/logo01_bottom.jpg); JPB uitgezet 19-10-2020 */
    vertical-align: middle;
    width: 1100px;
    color: #477897;
    background-repeat: no-repeat;
    font-family: Arial;
    position: static;
    height: 0px;    /* 26px; JPB 19-10-2020 */
    text-align: center;
}
.header
{
    font-size: 1.3em;
    float: left;
    width: 99%;
    color: #FFFFFF;
    font-family: 'Arial Black';
    font-variant: small-caps;
    background-color: #477897;
    padding-left: 1%;
}
#scrolldata
{
    /* border: solid 1px yellow; */
}

/* listview */
#lvwDetails 
{

}

#mosadatacol2 td {
    font-size:small; 
    padding: 0 4px 0 4px;
}
#mosadatacol2 th {
    padding: 0 0 0 4px;
}

#mosadatapop 
{
    font-family: Arial;    
    }
#mosadatapop td 
{
    font-size:0.8em;
    padding: 0 4px 0 4px;
    }
#mosadatapop th
{
    font-size: 0.8em;
    font-weight: normal;  
    }    
.labelnotificatie
{
    position: relative;
    top: -3px;
}
/* -- selfbilling datagridview -- */
.mSelfbillingGrid {    
    width: 95%;
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;
    border-collapse:collapse;    
}
.mSelfbillingGrid th a { color:#fff; text-decoration: none;}   
.mSelfbillingGrid th a:hover { color:Maroon; text-decoration: none;}
.mSelfbillingGrid td {    
    padding: 6px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.mSelfbillingGrid th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mSelfbillingGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mSelfbillingGrid .pgr table { margin: 5px 0; }   
.mSelfbillingGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mSelfbillingGrid .pgr a { color: #666; text-decoration: none; }   
.mSelfbillingGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mselfbillinggrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mSelfbillingGrid .dps__mselfbillinggrid_td_num
{
    /* door de class nog een keer binnen de .mGrid te zetten, wordt de mGrid overruled */
}
.mSelfbillingGrid .grid-header
{
    vertical-align: sub;
}
.mSelfbillingGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mGrid*/
.mSelfbillingGrid .grid-header .dps__mselfbillinggrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mSelfbillingGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mSelfbillingGrid .grid-footer td
{
    color: #fff;
}
.mSelfbillingGrid .dps__mselfbillinggrid_td_num_fixedwidth
{
    /* door de class nog een keer binnen de .mGrid te zetten, wordt de mGrid overruled */
    /* vaste breedte */
    width:50px;
    text-align: right;
}
.mSelfbillingGrid .dps__mselfbillinggrid_td_wpl
{
    width:170px;
    word-wrap: break-word;  /* trek je niets aan van de squiggly; het werkt*/
    word-break:break-all;   /* beiden zijn nodig om op deze columnwidth een text-wrap te forceren (en werkt alleen in IE */
    }
.mSelfbillingGrid th.sb_td_weekno
{
    width:40px;
    font-size:1em;
    text-align:left;
}
.mSelfbillingGrid td.sb_td_weekno
{
    width:40px;
    font-size:1em;
    text-align:left;
}
.mSelfbillingGrid th.sb_td_uitvoerder
{
    width:130px;
    font-size:1em;
}
.mSelfbillingGrid td.sb_td_uitvoerder
{
    width:130px;
    font-size:0.8em;
}
.mSelfbillingGrid th.sb_td_bedrag
{
    width:80px;
    font-size:1em;
    text-align:center;
}
.mSelfbillingGrid td.sb_td_bedrag
{
    width:80px;
    font-size:1em;
    text-align:right;
}
.mSelfbillingGrid th.sb_td_e_betaalref
{
   width:100px;
   font-size:1em;
   text-align:left;
}
.mSelfbillingGrid td.sb_td_e_betaalref
{
   width:100px;
   font-size:1em;
   text-align:left;
}
.mSelfbillingGrid th.sb_td_factfile
{
   width:270px;
   font-size:1em;
   text-align:left;
}
.mSelfbillingGrid td.sb_td_factfile
{
   width:270px;
   font-size:0.8em;
   text-align:left;
}
.mSelfbillingGrid th.sb_td_bijlfile
{
   width:260px;
   font-size:1em;
   text-align:left;
}
.mSelfbillingGrid td.sb_td_bijlfile
{
   width:260px;
   font-size:0.8em;
   text-align:left;
}
/* -- scannersdata gridview -- */
.mScannersdataGrid {    
    width: 95%;
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;
    border-collapse:collapse;    
}
.mScannersdataGrid th a { color:#fff; text-decoration: none;}   
.mScannersdataGrid th a:hover { color:Maroon; text-decoration: none;}
.mScannersdataGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.mScannersdataGrid th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mScannersdataGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mScannersdataGrid .pgr table { margin: 5px 0; }   
.mScannersdataGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mScannersdataGrid .pgr a { color: #666; text-decoration: none; }   
.mScannersdataGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mscannersdatagrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mScannersdataGrid .dps__mscannersdatagrid_td_num
{
    /* door de class nog een keer binnen de .mGrid te zetten, wordt de mGrid overruled */
}
.mScannersdataGrid .grid-header
{
    vertical-align: sub;
}
.mScannersdataGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mGrid*/
.mScannersdataGrid .grid-header .dps__mscannersdatagrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mScannersdataGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mScannersdataGrid .grid-footer td
{
    color: #fff;
}
.mScannersdataGrid .dps__mscannersdatagrid_td_num_fixedwidth
{
    /* door de class nog een keer binnen de .mGrid te zetten, wordt de mGrid overruled */
    /* vaste breedte */
    width:50px;
    text-align: right;
}
.mScannersdataGrid .dps__mscannersdatagrid_td_wpl
{
    width:170px;
    word-wrap: break-word;  /* trek je niets aan van de squiggly; het werkt*/
    word-break:break-all;   /* beiden zijn nodig om op deze columnwidth een text-wrap te forceren (en werkt alleen in IE */
    }
.mScannersdataGrid th.scannerno
{
    width:40px;
    font-size:0.8em;
    font-weight:bold;
}
.mScannersdataGrid td.scannerno
{
    width:40px;
    font-size:0.8em;
    font-weight:bold;
}
.mScannersdataGrid th.dn
{
    width:20px;
    font-size:0.8em;
    text-align:center;
}
.mScannersdataGrid td.dn
{
    width:20px;
    font-size:0.9em;
    text-align:center;
}
.mScannersdataGrid th.aangemeld
{
   width:80px;
   font-size:0.8em;
   text-align:left;
}
.mScannersdataGrid td.aangemeld
{
   width:80px;
   font-size:0.8em;
   text-align:center;
}
.mScannersdataGrid th.route
{
    width:30px;
    font-size:0.8em;
    text-align:center;
}
.mScannersdataGrid td.route
{
    width:30px;
    font-size:0.8em;
    text-align:center;
}
.mScannersdataGrid th.koelkast
{
    width:50px;
    font-size:0.8em;
}
.mScannersdataGrid td.koelkast
{
    width:50px;
    font-size:0.8em;
}
.mScannersdataGrid th.afgemeld
{
   width:80px;
   font-size:0.8em;
   text-align:left;
}
.mScannersdataGrid td.afgemeld
{
   width:80px;
   font-size:0.8em;
   text-align:center;
}
.mScannersdataGrid th.gpulse
{
   width:80px;
   font-size:0.8em;
   text-align:left;
}
.mScannersdataGrid td.gpulse
{
   width:80px;
   font-size:0.8em;
   text-align:left;
}
.mScannersdataGrid th.gpulseplus
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mScannersdataGrid td.gpulseplus
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mScannersdataGrid th.gbatterystatus
{
   width:40px;
   font-size:0.8em;
   text-align:left;
}
.mScannersdataGrid td.gbatterystatus
{
   width:40px;
   font-size:0.8em;
   text-align:center;
}
/* -- pendels gridview -- */
.mPendelsGrid {    
    width: 65%;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;    
    border-collapse:collapse;    
}
.mPendelsGrid th a { color:#fff; text-decoration: none;}   
.mPendelsGrid th a:hover { color:Maroon; text-decoration: none;}
.mPendelsGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.mPendelsGrid th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mPendelsGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mPendelsGrid .pgr table { margin: 5px 0; }   
.mPendelsGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mPendelsGrid .pgr a { color: #666; text-decoration: none; }   
.mPendelsGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mpendelsgrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mPendelsGrid .dps__mpendelsgrid_td_num
{
    /* door de class nog een keer binnen de .mGrid te zetten, wordt de mGrid overruled */
}
.mPendelsGrid .grid-header
{
    vertical-align: sub;
}
.mPendelsGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mGrid*/
.mPendelsGrid .grid-header .dps__mpendelsgrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mPendelsGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mPendelsGrid .grid-footer td
{
    color: #fff;
}
.mPendelsGrid .dps__mpendelsgrid_td_num_fixedwidth
{
    /* door de class nog een keer binnen de .mGrid te zetten, wordt de mGrid overruled */
    /* vaste breedte */
    width:50px;
    text-align: right;
}
.mPendelsGrid .dps__mpendelsgrid_td_wpl
{
    width:170px;
    word-wrap: break-word;  /* trek je niets aan van de squiggly; het werkt*/
    word-break:break-all;   /* beiden zijn nodig om op deze columnwidth een text-wrap te forceren (en werkt alleen in IE */
    }
.mPendelsGrid td.pendelnaam
{
    width:130px;
    font-size:0.8em;
    font-weight:bold;
}
.mPendelsGrid td.pendellocatie
{
    width:150px;
    font-size:0.9em;
}
.mPendelsGrid td.pendeltijden
{
   width:55px;
   text-align:center;
}
.mPendelsGrid td.pendelnaamstreep
{
    width:130px;
    font-size:0.8em;
    font-weight:bold;
    border-top: 3px solid #000000;
}
.mPendelsGrid td.pendellocatiestreep
{
    width:150px;
    font-size:0.9em;
    border-top: 3px solid #000000;
}
.mPendelsGrid td.pendeltijdenstreep
{
   width:55px;
   text-align:center;
   border-top: 3px solid #000000;
}

/* -- pendels2 gridview -- */
.mPendels2Grid {
    width: 65%;    
    /*background-color: #fff;*/
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;    
    border-collapse:collapse;    
}
.mPendels2Grid .grid-header
{
    vertical-align: sub;
    text-align:center;
    background-color:LightBlue;
    color:Black;
}
.mPendels2Grid th {
    padding: 4px 2px;
    color:Black;
    border-left: solid 1px #525252;
    border-top: solid 1px #525252;
    font-size: 0.9em;
    font-weight: normal;
}
.mPendels2Grid td {
    padding: 2px;    
    border: solid 1px #525252;    
    color:Black;
}
.mPendels2Grid .grid-header th:first-child{display:none;}
.mPendels2Grid .grid-alt td:first-child{display:none;}
.mPendels2Grid .grid-row td:first-child{display:none;}
/*
.mPendels2Grid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mPendels2Grid .grid-footer td
{
    color: #fff;
}
*/
.mPendels2Grid td.pendeltijden
{
   width:55px;
   text-align:center;
}
/* gridview */
.mGrid {    
    width: 98%;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;    
    border-collapse:collapse;    
}
.mGrid th a { color:#fff; text-decoration: none;}
.mGrid th a:hover { color:Maroon; text-decoration: none;}
.mGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    /*color: #717171;*/
    color: #414141;
}   
.mGrid th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mGrid .pgr table { margin: 5px 0; }   
.mGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mGrid .pgr a { color: #666; text-decoration: none; }   
.mGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mgrid_td_num
{
    /* background-color:Yellow; */
    font-size:0.9em;
    text-align:right;
}
.mGrid .dps__mgrid_td_num
{
    /* door de class nog een keer binnen de .mGrid te zetten, wordt de mGrid overruled */
}
.dps__mgrid_td_dep
{
    font-family:Courier New;
    font-size:1.0em;
    text-align:justify;
    width:54px;
    white-space: nowrap;
}
.mGrid .dps__mgrid_td_dep
{
    /* door de class nog een keer binnen de .mGrid te zetten, wordt de mGrid overruled */
    color: #000;
}
.dps__mgrid_td_zip
{
    width:50px;
    white-space: nowrap;
}
.mGrid .dps__mgrid_td_zip
{
    /* door de class nog een keer binnen de .mGrid te zetten, wordt de mGrid overruled */
    /*color: #000;*/
}
.mGrid .grid-header
{
    vertical-align: sub;
}
.mGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mGrid*/
.mGrid .grid-header .dps__mgrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    font-size:0.8em;
    vertical-align:top;
    text-align: center;
}
.mGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mGrid .grid-footer td
{
    color: #fff;
}

.mGrid .dps__mgrid_td_num_fixedwidth
{
    /* door de class nog een keer binnen de .mGrid te zetten, wordt de mGrid overruled */
    /* vaste breedte */
    font-size:0.9em;
    width:35px;
    text-align: right;
}

.mGrid .dps__mgrid_td_wpl
{
    width:150px;
    word-wrap: break-word;  /* trek je niets aan van de squiggly; het werkt*/
    word-break:break-all;   /* beiden zijn nodig om op deze columnwidth een text-wrap te forceren (en werkt alleen in IE */
    }

/* GridView voor Performance*/    
.mGridPerf {    
    width: 58%;    
    background-color: #fff;    
    margin: 5px 0 10px 200px;    
    border: solid 1px #525252;    
    border-collapse:collapse;    
}
.mGridPerf th a { color:#fff; text-decoration: none;}   
.mGridPerf th a:hover { color:Maroon; text-decoration: none;}
.mGridPerf td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;   
    text-align:right; 
}
.mGridPerf td.tdFixedWidth 
{
    width:25%;
    text-align:center;
}
 
.mGridPerf td.tdLeft {    
    text-align:left;
    padding-left: 5px;
}
/*.mGridPerf tr.grid-footer td
{
    text-align: center;
    color: Fuchsia;
} */ 
.mGridPerf tr.grid-footer td.tdLeft
{
    text-align: center;
    padding-left: 0px;
    /* color: Fuchsia; */
} 
.mGridPerf th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
    text-align: center;
}  
.mGridPerf .grid-header th a
{
    color:White;
}
.mGridPerf .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mGridPerf .grid-footer td
{
    color: #fff;
}

/* start block #grdShipmentpop .mGrid - 20121115 */
#grdShipmentpop .mGrid {    
    border-spacing:0;
    border-collapse:collapse;
}


/* eind block .mGrid*/

/* in calendarextended, de grijze italic font*/
.watermarked
{
    color: #C0C0C0;
    font-style: italic;
}

#tbldayprops
{
    font-family:Arial;
}
.dps__dayprops
{

}

.dps__dayprops td
{
    /* dit is makkelijker met het uitlijnen */
    /*
    border-style:solid;
    border-color:Red;
    border-width:1px; 
    background-color:Yellow; 
    */
}

.dps__dayprops_td_debselectie
{
    /*width:170px; */
    color: #000;
    margin-top: 0px;
    word-wrap: break-word;  /* trek je niets aan van de squiggly; het werkt*/
    word-break:break-all;   /* beiden zijn nodig om op deze columnwidth een text-wrap te forceren (en werkt alleen in IE */
    }

.panel
{
    position:absolute;
    top:0;
    padding: 0px 0 10px 10px;
    margin: 0 0 0 0;
    vertical-align:text-top;
    text-align:center;
    Height:50px;
    Width:267px;
    /* background-color:Red; */ 
    /* font-weight:bold; */
    /* border-style: solid;
    border-width: 1px;
    border-color: Purple; */
}
       
/* .mGrid .grid-header th */

.xgrid-header th
{
/* font-weight: normal; * /
/* font-family: Verdana; */
/* font-size: 10px; */
/* background-color: #7A9FCB; */
/* text-decoration: underline; */
/* color: #ffffff; */
text-align: left;
position: relative;
/* top:expression(this.parentNode.parentNode.parentNode.scrollTop-2);*/
/* left:expression(this.parentNode.parentNode.parentNode.scrollLeft-1); */
right:1px;
border-left: solid 1px #525252;  
height:35px;
vertical-align:sub;
}

.grid-header span
{
    color: #ffffff;
}
/* lblRecordsShown bijv. = alles span<elements> met de class larger are affected */
span.larger
{
    font-size: 2.0em;
    font-weight:bold;
    padding-left:20px;
    color:Black;
}

#MasterLoginStatus .header
{
     color: Gray;
     font-size: large;
    }


#tblcontact
{

}

#tblcontact td
{
    /*font-style: italic;*/
    }
#tblcontact a:link, a:visited
{
    color:#477897;
    background-color:#FFFFFF;
    }
    
#tblcontact a:hover
{
    color:#FFFFFF;    
    background-color:#477897; 
    font-weight:bold;
    }    


/* parcels */
.lvwDetails tr
{

    }

.lvwDetails
{
    margin:0;
    font-family: Arial;
    font-size: 0.8em;
    }
    
.lvwDetails th a { font-weight:bold; color:#000; text-decoration: none;}   
.lvwDetails th a:hover { color:Maroon; text-decoration: none;}

.lvwDetails th {    
    padding: 4px 2px;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    color: #FFF;    /*wit font*/
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   

/* tabel om de lvwDetails heen */
.lvwDetails2 table th td
{
    padding: 0px;
    margin: 0;
    }    

.lvwDetails2 tr
{
    /* border: solid 1px #FF0000;   */
    border-left: solid 1px #CCCCCC;
    }  

/**/

#mosadatacol2 table.lvwDetails
{
    width: 900px;
    }
#mosadatacol2 table.lvwDetails td
{
/*
    padding : 0 !important ;
    margin : 0 !important ;
    border-style : none !important ;
*/
    }

/* gridview met statuscodes in popupintern */    
#datastatusevents
{
    font-family: Arial;  
    }
#datastatusevents td 
{
    font-size:0.8em;
    padding: 0 4px 0 4px;
    }
#datastatusevents th
{
    font-size: 0.8em;
    font-weight: normal;  
    }
#pgrparcelsdata
{
    font-family: Arial;
    color:#FFF; 
    }
    
.Important
{
    font-size: large;
    color: Red;
}

.gvhspadding
{
    padding:1px 6px 1px 6px; 
    border-color:#99CCFF;
    border-style:solid; 
    border-width:1px;
}

#updateProgressDiv
{
    height: 140px;
    width: 300px;
    /*height: 320px;*/
    /*width: 320px;*/
    background-color: White;
    position: absolute;
    /*background-image: url('../images/LogoDPL_300x140_white_bottom.jpg');*/
    /*background-image: url('../images/LogoDPL_300x140_white45pct.jpg'); JPB 11-04-2017 uit */
    /*background-image: url('../images/weekend.jpg');*/
    background-repeat: no-repeat;
    background-position:top center;
}

#updateProgressDiv2
{
    height: 140px;
    width: 300px;
    background-color: #E0E0E0;
    color: Black;
    position: absolute;
    background-repeat: no-repeat;
    background-position:top center;
}

/*-- start block iPad navigation-buttons -- */
#navhelp
{
    /*border: 1px solid red;*/
    position: absolute;
    overflow: auto;
    z-index: 10;
    top: 200px;
    right: -40px;
    width: 70px;
    height: 160px;
}
.btnScroll
{
    font-size: 11px;
    width: 70px;
    left: 0px;
    position: relative;
}
#ctl00_ContentPlaceHolder1_btnScrollHome
{
    top:0px;
}
#ctl00_ContentPlaceHolder1_btnScrollUp
{
    top:20px;
}
#ctl00_ContentPlaceHolder1_btnScrolldown
{
    top:40px;
}
#ctl00_ContentPlaceHolder1_btnScrollEnd
{
    top:60px;
}
/*-- end block iPad navigation-buttons --*/

img.ascanimggreen
{
    display: block;             /*dit vermindert ruimte onder de image*/
    border-style: none;
    margin-right: 4px;
    background-color: Green;  /*groen*/
}
img.ascanimgred
{
    display: block;             /*dit vermindert ruimte onder de image*/
    border-style: none;
    margin-right: 4px;
    background-color:  Red;  /*rood*/
}
img.ascanimgorange
{
    display: block;             /*dit vermindert ruimte onder de image*/
    border-style: none;
    margin-right: 4px;
    background-color:  #FF7E00;  /*SAE*/
}
span.posmaplink
{
    position: relative;
    float: right;
    top: 4px;
    visibility: visible;         /*mag in de infotest.css van hidden naar visible worden gemaakt.*/
}
#lvwDetails_ctrl0_ascaninfoA
{
    background-color: #009900;  /*groen*/
}
td.labelkolomkleur
{
    color: #FFFFFF;
    background-color: #477897;
    /*background-color: #999999;*/
}
td.labelkolomkleurdelta
{
    color: #FFFFFF;
    background-color: #F83898;
    /*background-color: #999999;*/
}
/* vanaf hier ****************************************************************************************/
td.rptrcellheaderdelta75left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 75px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta80left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 80px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta85left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 85px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta100left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 100px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdpl100left
{
    color: #FFFFFF;
    background-color: #477897;
    border: 1px solid black;
    width: 100px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta110left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 110px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdpl110left
{
    color: #FFFFFF;
    background-color: #477897;
    border: 1px solid black;
    width: 110px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta150left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 150px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdpl150left
{
    color: #FFFFFF;
    background-color: #477897;
    border: 1px solid black;
    width: 150px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta200left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 200px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta240left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 240px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta400left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 400px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta320left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 320px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdpl400left
{
    color: #FFFFFF;
    background-color: #477897;
    border: 1px solid black;
    width: 400px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta50left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 50px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdpl50left
{
    color: #FFFFFF;
    background-color: #477897;
    border: 1px solid black;
    width: 50px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta96left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 96px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta70left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 70px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdpl70left
{
    color: #FFFFFF;
    background-color: #477897;
    border: 1px solid black;
    width: 70px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellheaderdelta220left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 232px;
    text-align:left;
    padding-left:4px;
}
td.rptrcell80center
{
    /* pendelnummer */
    font-size: 0.9em;
    color:Black;
    border: 1px solid black;
    width: 80px;
    vertical-align:top;
    text-align:center;
    padding-left:4px;
}
td.rptrcell100center
{
    /* pendelnummer */
    font-size: 0.9em;
    color:Black;
    border: 1px solid black;
    width: 100px;
    vertical-align:top;
    text-align:center;
    padding-left:4px;
}
td.rptrcell80leftbold
{
    /*  vervoerder */
    font-weight:bold;
    color:Black;
    border: 1px solid black;
    width: 80px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell85leftbold
{
    /*  vervoerder */
    font-weight:bold;
    color:Black;
    border: 1px solid black;
    width: 85px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell100leftbold
{
    /*  vervoerder */
    font-weight:bold;
    color:Black;
    border: 1px solid black;
    width: 100px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell75leftfont1
{
    color:Black;
    border: 1px solid black;
    width: 75px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell80left
{
    /*  start */
    font-size: 0.9em;
    color:Black;
    border: 1px solid black;
    width: 80px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell100left
{
    /*  start */
    font-size: 0.9em;
    color:Black;
    border: 1px solid black;
    width: 100px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell110left
{
    /*  start */
    font-size: 0.9em;
    color:Black;
    border: 1px solid black;
    width: 110px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell100leftcenter
{
    /*  start */
    font-size: 1em;
    color:Black;
    border: 1px solid black;
    width: 100px;
    vertical-align:middle;
    text-align:left;
    padding-left:4px;
}
td.rptrcell70lefttop
{
    /*  start */
    font-size: 1em;
    color:Black;
    border: 1px solid black;
    width: 70px;
    vertical-align:top  ;
    text-align:left;
    padding-left:4px;
}
td.rptrcell80lefttop
{
    /*  start */
    font-size: 1em;
    color:Black;
    border: 1px solid black;
    width: 80px;
    vertical-align:top  ;
    text-align:left;
    padding-left:4px;
}
td.rptrcell85lefttop
{
    /*  start */
    font-size: 1em;
    color:Black;
    border: 1px solid black;
    width: 85px;
    vertical-align:top  ;
    text-align:left;
    padding-left:4px;
}
td.rptrcell100lefttop
{
    /*  start */
    font-size: 1em;
    color:Black;
    border: 1px solid black;
    width: 100px;
    vertical-align:top  ;
    text-align:left;
    padding-left:4px;
}
td.rptrcell110lefttop
{
    /*  start */
    font-size: 1em;
    color:Black;
    border: 1px solid black;
    width: 110px;
    vertical-align:top  ;
    text-align:left;
    padding-left:4px;
}
td.rptrcell100leftcentersmall
{
    /*  start */
    font-size: 0.9em;
    color:Black;
    border: 1px solid black;
    width: 100px;
    vertical-align:middle;
    text-align:left;
    padding-left:4px;
}
td.rptrcell80lefttopsmall
{
    /*  start */
    font-size: 0.9em;
    color:Black;
    border: 1px solid black;
    width: 80px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell100lefttopsmall
{
    /*  start */
    font-size: 0.9em;
    color:Black;
    border: 1px solid black;
    width: 100px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell100leftsmall
{
    /*  aankomst */
    font-size: 0.8em;
    color:Black;
    border: 1px solid black;
    width: 100px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell50left
{
    color:Black;
    border: 1px solid black;
    width: 50px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell96left
{
    color:Black;
    border: 1px solid black;
    width: 96px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell96right
{
    color:Black;
    border: 1px solid black;
    width: 96px;
    vertical-align:top;
    text-align:right;
    padding-left:4px;
}
td.rptrcell75centercenter
{
    font-size: 1.2em;
    font-weight:bold;
    color:Black;
    border: 1px solid black;
    width: 75px;
    vertical-align:middle;
    text-align:center;
    padding-left:4px;
}
td.rptrcell96centercenter
{
    font-size: 1.2em;
    font-weight:bold;
    color:Black;
    border: 1px solid black;
    width: 96px;
    vertical-align:middle;
    text-align:center;
    padding-left:4px;
}
td.rptrcell192centercenter
{
    font-size: 1.2em;
    font-weight:bold;
    color:Black;
    border: 1px solid black;
    width: 192px;
    vertical-align:middle;
    text-align:center;
    padding-left:4px;
}
td.rptrcell70left
{
    color:Black;
    border: 1px solid black;
    width: 70px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell126leftcenter
{
    font-weight:bold;
    color:Black;
    border: 1px solid black;
    width: 126px;
    vertical-align:middle;
    text-align:left;
    padding-left:4px;
}
td.rptrcell150leftcenter
{
    font-weight:bold;
    color:Black;
    border: 1px solid black;
    width: 154px;
    vertical-align:middle;
    text-align:left;
    padding-left:4px;
}
td.rptrcell150lefttop
{
    font-weight:bold;
    color:Black;
    border: 1px solid black;
    width: 150px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell150left
{
    font-size: 0.8em;
    color:Black;
    border: 1px solid black;
    width: 150px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell200left
{
    font-size: 0.8em;
    color:Black;
    border: 1px solid black;
    width: 200px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell240left
{
    font-size: 0.8em;
    color:Black;
    border: 1px solid black;
    width: 240px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell400left
{
    font-size: 0.8em;
    color:Black;
    border: 1px solid black;
    width: 400px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell320left
{
    font-size: 0.8em;
    color:Black;
    border: 1px solid black;
    width: 320px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcell150leftcenter
{
    font-size: 1em;
    color:Black;
    border: 1px solid black;
    width: 150px;
    vertical-align:middle;
    text-align:left;
    padding-left:4px;
}
td.rptrcellgeenborder
{
    color:Black;
    border: 0px none black;
    vertical-align:top;
    text-align:left;
}
/* tot hier ****************************************************************************************/
/* maandovz repeater: */
td.rptrmovzcell150center
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid black;
    width: 150px;
    vertical-align:bottom;
    text-align:center;
    padding-left:4px;
}
td.rptrmovzcell140center
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid black;
    width: 140px;
    vertical-align:bottom;
    text-align:center;
    padding-left:4px;
}
td.rptrmovzcell130center
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid black;
    width: 130px;
    vertical-align:bottom;
    text-align:center;
    padding-left:4px;
}
td.rptrmovzcell120center
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid black;
    width: 120px;
    vertical-align:bottom;
    text-align:center;
    padding-left:4px;
}
td.rptrmovzcell100center
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid black;
    width: 100px;
    vertical-align:bottom;
    text-align:center;
    padding-left:4px;
}
td.rptrmovzcell90center
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid black;
    width: 90px;
    vertical-align:bottom;
    text-align:center;
    padding-left:4px;
}
td.rptrmovzcell80center
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid black;
    width: 80px;
    vertical-align:bottom;
    text-align:center;
    padding-left:4px;
}
td.rptrmovzcell70center
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid black;
    width: 70px;
    vertical-align:bottom;
    text-align:center;
    padding-left:4px;
}
td.rptrmovzcell60center
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid black;
    width: 60px;
    vertical-align:bottom;
    text-align:center;
    padding-left:4px;
}
/* ------------------ */
td.labelkolomkleurro
{
    color:LightGray;
    background-color: #5788A7;
    /*background-color: #999999;*/
}
td.datakolomkleur
{
    color:black;
    background-color: #c0c0c0;
}
td.labelkolomkleurcs
{
    color: #FFFFFF;
    background-color: Red;
    /*background-color: #999999;*/
}
.imgbtnupdate
{
    margin:0px 0px 0px -2px;
    background:url(/inputdata/data_disk.ico) left center no-repeat;
    background-size: 16px 16px;     /*css3 browsers ondersteunen dit wel; speciaal in chrome nodig!*/
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:left;
    cursor:hand;
    padding-left:15px;
    border: 1px solid lightgray;
    height: 40px;
    width: 90px;
}
.imgbtncancel
{
    margin:0px 0px 0px -2px;
    background:url(/inputdata/data_forbidden.ico) left center no-repeat;
    background-size: 16px 16px;     /*css3 browsers ondersteunen dit wel; speciaal in chrome nodig!*/
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:left;
    cursor:hand;
    padding-left:15px;
    border: 1px solid lightgray;
    height: 40px;
    width: 90px;
}
.imgbtndelete
{
    margin:0px 0px 0px -2px;
    background:url(/inputdata/data_delete.ico) left center no-repeat;
    background-size: 16px 16px;     /*css3 browsers ondersteunen dit wel; speciaal in chrome nodig!*/
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:left;
    cursor:hand;
    padding-left:15px;
    border: 1px solid lightgray;
    height: 40px;
    width: 90px;
}
.btnCancel
{
    margin:0px 0px 0px -5px;
    height: 40px;
    width: 80px;
}
/* -- tickets -- */
/* gridview */
.tGrid {    
    width: 98%;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;    
    border-collapse:collapse;    
    margin-left: auto;
    margin-right: auto;
}
.tGrid th a { color:#fff; text-decoration: none;}   
.tGrid th a:hover { color:Maroon; text-decoration: none;}
.tGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.tGrid th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;   
    border-left-color:White;
    border-right-color:White;
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .tGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.tGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.tGrid .pgr table { margin: 5px 0; }   
.tGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.tGrid .pgr a { color: #666; text-decoration: none; }   
.tGrid .pgr a:hover { color: #000; text-decoration: none; } 

.dps__tgrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.tGrid .dps__tgrid_td_num
{
    /* door de class nog een keer binnen de .tGrid te zetten, wordt de tGrid overruled */
    
}

.tGrid .grid-header
{
    vertical-align: sub;
}

.tGrid .grid-header th a
{
    color:White;
}

/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: tGrid*/
.tGrid .grid-header .dps__tgrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.tGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.tGrid .grid-footer td
{
    color: #fff;
}

.tGrid .dps__tgrid_td_num_fixedwidth
{
    /* door de class nog een keer binnen de .tGrid te zetten, wordt de tGrid overruled */
    /* vaste breedte */
    width:50px;
    text-align: right;
}

.tGrid .dps__tgrid_td_wpl
{
    width:170px;
    word-wrap: break-word;  /* trek je niets aan van de squiggly; het werkt*/
    word-break:break-all;   /* beiden zijn nodig om op deze columnwidth een text-wrap te forceren (en werkt alleen in IE */
    }

/* -- tickets -- */
.tGrid td.tickets_td_id
{
    width:40px;
}
.tGrid td.tickets_td_gemeldop
{
    width:120px;
}
.tGrid td.tickets_td_laatstewijziging
{
    width:120px;
}
.tGrid td.tickets_td_statusoms
{
    width:90px;
}
.tGrid td.tickets_td_statusoms_archief
{
    width:50px;
}

.tGrid td.tickets_td_referentie
{
    width:185px;
}
.tGrid td.tickets_td_referentie_archief
{
    width:185px;
}
.tGrid td.tickets_td_adresidentificatie_archief
{
    width:60px;
}
.tGrid td.tickets_td_bericht
{
    width:250px;
}
.tGrid td.tickets_td_aantalitems
{
    width:55px;
}

/* -- adresboek -- */
.mGrid td.adres_td_nummer
{
    width:105px;
}
.mGrid td.adres_td_naam
{
    width:250px;
    }
.mGrid td.adres_td_adres
{
    width:255px;
}    
.mGrid td.adres_td_pcode
{
    width:55px;
}
.mGrid td.adres_td_plaats
{
    width:200px;
}
.tblAdresboekFilter .adres_td_center
{
    text-align: center;
}
.tblAdresboekFilter
{
    margin-left: 0;
    border-style: none;
    /*border: solid 1px red;*/
}
/* -- overzicht zendingen -- */
.mGrid td.shipments_td_account
{
    width:103px;
}
.mGrid td.shipments_td_shipmentno
{
    width:60px;
}
.mGrid td.shipments_td_toname1
{
    width:280px;
}
.mGrid td.shipments_td_toname2
{
    width:140px;
}
.mGrid td.shipments_td_toaddr1
{
    width:190px;
    word-wrap: break-word;  /* trek je niets aan van de squiggly; het werkt*/
    word-break:break-all;   /* beiden zijn nodig om op deze columnwidth een text-wrap te forceren (en werkt alleen in IE */
}
.mGrid td.shipments_td_tozip
{
    width:55px;
}
.mGrid td.shipments_td_parcelqty
{
    width:35px;
}
/* -- koelkasten gridview -- */
.mKKGrid {    
    width: 1050px;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;
    border-collapse:collapse;
}
.mKKGrid th a { color:#fff; text-decoration: none;}   
.mKKGrid th a:hover { color:Maroon; text-decoration: none;}
.mKKGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.mKKGrid th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mKKGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mKKGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mKKGrid .pgr table { margin: 5px 0; }   
.mKKGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mKKGrid .pgr a { color: #666; text-decoration: none; }   
.mKKGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mkkgrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mKKGrid .dps__mkkgrid_td_num
{
    /* door de class nog een keer binnen de .mKKGrid te zetten, wordt de mKKGrid overruled */
}
.mKKGrid .grid-header
{
    vertical-align: sub;
}
.mKKGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mKKGrid*/
.mKKGrid .grid-header .dps__mkkgrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mKKGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mKKGrid .grid-footer td
{
    color: #fff;
}
.mKKGrid th.kk_koelkast
{
    width:70px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_koelkast
{
    width:70px;
    text-align:left;
}
.mKKGrid th.kk_koelkastnaam
{
    width:260px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_koelkastnaam
{
    font-size:0.9em;
    width:260px;
    text-align:left;
}
.mKKGrid th.kk_cc
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_cc
{
    width:50px;
    text-align:center;
}
.mKKGrid th.kk_ccret
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_ccret
{
    width:50px;
    text-align:center;
}
.mKKGrid th.kk_puls
{
    width:100px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_puls
{
    font-size:0.9em;
    width:100px;
    text-align:center;
}
.mKKGrid th.kk_temperatuur
{
    width:70px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_temperatuur
{
    width:70px;
    text-align:center;
}
.mKKGrid th.kk_accu
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_accu
{
    width:50px;
    text-align:center;
}
.mKKGrid th.kk_gpsnaam
{
    width:220px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_gpsnaam
{
    font-size:0.9em;
    width:220px;
    text-align:left;
}
.mKKGrid th.kk_pulsplus
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mKKGrid td.kk_pulsplus
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mKKGrid th.kk_leegmaken
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mKKGrid td.kk_leegmaken
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mKKGrid th.kk_zoemerstatus
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_zoemerstatus
{
    width:50px;
    text-align:center;
}
.mKKGrid th.kk_gewenstezoemer
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_gewenstezoemer
{
    width:50px;
    text-align:center;
}
.mKKGrid th.kk_zoemerautomode
{
    width:60px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_zoemerautomode
{
    width:60px;
    text-align:center;
}
.mKKGrid th.kk_monitoringmode
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mKKGrid td.kk_monitoringmode
{
    width:50px;
    text-align:center;
}
/* -- koelkasteninhoud gridview -- */
.mKKIGrid {    
    width: 1000px;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;
    border-collapse:collapse;
}
.mKKIGrid th a { color:#fff; text-decoration: none;}   
.mKKIGrid th a:hover { color:Maroon; text-decoration: none;}
.mKKIGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.mKKIGrid th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mKKIGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mKKIGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mKKIGrid .pgr table { margin: 5px 0; }   
.mKKIGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mKKIGrid .pgr a { color: #666; text-decoration: none; }   
.mKKIGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mkkigrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mKKIGrid .dps__mkkigrid_td_num
{
    /* door de class nog een keer binnen de .mKKIGrid te zetten, wordt de mKKIGrid overruled */
}
.mKKIGrid .grid-header
{
    vertical-align: sub;
}
.mKKIGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mKKIGrid*/
.mKKIGrid .grid-header .dps__mkkigrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mKKIGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mKKIGrid .grid-footer td
{
    color: #fff;
}
.mKKIGrid th.kki_koelpas
{
    width:70px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_koelpas
{
    font-size:0.9em;
    width:70px;
    text-align:left;
}
.mKKIGrid th.kki_deliverydate
{
    width:50px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_deliverydate
{
    font-size:0.9em;
    width:50px;
    text-align:center;
}
.mKKIGrid th.kki_clientno
{
    width:50px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_clientno
{
    font-size:0.9em;
    width:50px;
    text-align:left;
}
.mKKIGrid th.kki_frname1
{
    width:80px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_frname1
{
    font-size:0.9em;
    width:80px;
    text-align:left;
}
.mKKIGrid th.kki_shipmentno
{
    width:70px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_shipmentno
{
    font-size:0.9em;
    width:70px;
    text-align:left;
}
.mKKIGrid th.kki_leegmaken
{
   width:10px;
   font-size:1em;
   text-align:left;
}
.mKKIGrid td.kki_leegmaken
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mKKIGrid th.kki_parcelno
{
    width:70px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_parcelno
{
    font-size:0.9em;
    width:70px;
    text-align:left;
}
.mKKIGrid th.kki_servicetype
{
    width:50px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_servicetype
{
    font-size:0.9em;
    width:50px;
    text-align:left;
}
.mKKIGrid th.kki_toname1
{
    width:150px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_toname1
{
    font-size:0.8em;
    width:150px;
    text-align:left;
}
.mKKIGrid th.kki_toaddr1
{
    width:180px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_toaddr1
{
    font-size:0.8em;
    width:180px;
    text-align:left;
}
.mKKIGrid th.kki_tozip
{
    width:50px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_tozip
{
    font-size:0.8em;
    width:50px;
    text-align:left;
}
.mKKIGrid th.kki_tocity
{
    width:150px;
    vertical-align:bottom;
    text-align:left;
}
.mKKIGrid td.kki_tocity
{
    font-size:0.8em;
    width:150px;
    text-align:left;
}
.Button
{
    /* speciaal toegevoegd, omdat in IE de Text op een Button (smalle) niet gecentreerd was */
    width:auto;
    overflow: visible;
    padding-left: 1px;
    padding-right: 1px;
}
.AutoExtender
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 2px;
    background-color: White;
    margin-left:0px;
    width: 700px;
}
.AutoExtenderList
{
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
    width: 700px;
    padding: 0px;
}
.AutoExtenderHighlight
{
    color: White;
    background-color: #006699;
    cursor: pointer;
    width: 700px;
}
#divwidth1
{
    width: 700px !important;
}
#divwidth1 div
{
    width: 700px !important;   
}
#divwidth2
{
    width: 700px !important;
}
#divwidth2 div
{
    width: 700px !important;   
}
#divwidth3
{
    width: 800px !important;
}
#divwidth3 div
{
    width: 800px !important;   
}
.UpperCaseFirstLetter
{
    text-transform: capitalize;
}
.UpperCaseAllLetter
{
    text-transform: uppercase;
}
.tbdatakolomkleur
{
    color:black;
    background-color: #c0c0c0;
    border: 0px;
    width: 150px;
    
}
.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.HellowWorldPopup
{
    min-width:400px;
    min-height:300px;
    background:#FFFFAA;
}
 .labels {
   color: red;
   background-color: white;
   font-family: "Lucida Grande", "Arial", sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: center;
   width: 120px;     
   border: 2px solid black;
   white-space: nowrap;
 }
/* begin InputData/Taken.aspx */
td.rptrcellheaderdeltaT500left
{
    font-size: 1.0em;
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 500px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellT500left
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid grey;
    width: 500px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcellT500leftstreep
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid grey;
    width: 500px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
    border-top: 3px solid #000000;
}
td.rptrcellheaderdeltaT170left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 170px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellT170left
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid grey;
    width: 170px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcellT170leftstreep
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid grey;
    width: 170px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
    border-top: 3px solid #000000;
}
td.rptrcellheaderdeltaT100left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 100px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellT100left
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid grey;
    width: 100px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcellT100leftstreep
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid grey;
    width: 100px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
    border-top: 3px solid #000000;
}
td.rptrcellheaderdeltaT50left
{
    color: #FFFFFF;
    background-color: #F83898;
    border: 1px solid black;
    width: 50px;
    text-align:left;
    padding-left:4px;
}
td.rptrcellT50left
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid grey;
    width: 50px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
}
td.rptrcellT50leftstreep
{
    font-size: 1.0em;
    color:Black;
    border: 1px solid grey;
    width: 50px;
    vertical-align:top;
    text-align:left;
    padding-left:4px;
    border-top: 3px solid #000000;
}
/* einde InputData/Taken.aspx */
/* begin InputData/Afsluitlijst.aspx */
td.rptrcellheaderdeltaA400left
{
    font-size: 0.9em;
    color: #FFFFFF;
    background-color: #FF0000;
    border: 1px solid black;
    border-right: none;
    width: 400px;
    text-align:left;
    padding-left:4px;
    vertical-align: middle;
    height: 16px;
}
td.rptrcellA400left
{
    font-size: 0.9em;
    color: Black;
    border: 1px solid grey;
    border-right: none;
    width: 400px;
    vertical-align: top;
    text-align: left;
    padding-left: 4px;
    vertical-align: middle;
    height: 16px;
}
td.rptrcellA400leftlightgreen
{
    font-size: 0.9em;
    color: Black;
    border: 1px solid grey;
    border-right: none;
    width: 400px;
    vertical-align: top;
    text-align: left;
    padding-left: 4px;
    vertical-align: middle;
    height: 16px;
    background-color: #92D050;
    font-weight: bold;
}
td.rptrcellheaderdeltaA40left
{
    font-size: 0.9em;
    color: #FFFFFF;
    background-color: #FF0000;
    border: 1px solid black;
    border-left: none;
    border-right: none;
    width: 40px;
    text-align:left;
    padding-left:4px;
    vertical-align: middle;
    height: 16px;
}
td.rptrcellA40center
{
    font-size: 0.9em;
    color: Black;
    /*background-color: Red;*/
    border: 1px solid grey;
    border-left: none;
    width: 40px;
    vertical-align: top;
    text-align: center;
    padding-left: 4px;
    height: 16px;
    position: relative;
    /*top: -2px;*/
}
td.rptrcellA40leftlightgreen
{
    font-size: 0.9em;
    color: Black;
    border: 1px solid grey;
    border-left: none;
    border-right: none;
    width: 40px;
    vertical-align: top;
    text-align: left;
    padding-left: 4px;
    height: 16px;
    background-color: #92D050;
}
td.rptrcellheaderdeltaA100left
{
    font-size: 0.9em;
    color: #FFFFFF;
    background-color: #FF0000;
    border: 1px solid black;
    border-left: none;
    border-right: none;
    width: 100px;
    text-align:left;
    padding-left:4px;
    vertical-align: middle;
    height: 16px;
}
td.rptrcellheaderdeltaA250right
{
    font-size: 0.9em;
    color: #FFFFFF;
    background-color: #FF0000;
    border: 1px solid black;
    border-left: none;
    width: 250px;
    text-align:right;
    padding-left:4px;
    vertical-align: middle;
    height: 16px;
}
td.rptrcellA350left
{
    font-size: 0.9em;
    color: Black;
    border: 1px solid grey;
    border-left: none;
    width: 350px;
    vertical-align: middle;
    text-align: left;
    padding-left: 4px;
    height: 16px;
    position: relative;
}
td.rptrcellA350leftlightgreen
{
    font-size: 0.9em;
    color: Black;
    border: 1px solid grey;
    border-left: none;
    width: 350px;
    vertical-align: middle;
    text-align: left;
    padding-left: 4px;
    height: 16px;
    background-color: #92D050;
}
.chkAfgehandeld input {
    position: relative;
    top: -1px;
}
.btnAfdrukken
{
    font-size: 0.9em;
    width: 80px;
    height: 16px;
    padding: 0px 0px 12px 0px;
}
/* einde InputData/Afsluitlijst.aspx */
/* -- scanners gridview -- */
.mSCGrid {    
    width: 1000px;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;
    border-collapse:collapse;
}
.mSCGrid th a { color:#fff; text-decoration: none;}   
.mSCGrid th a:hover { color:Maroon; text-decoration: none;}
.mSCGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.mSCGrid th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mSCGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mSCGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mSCGrid .pgr table { margin: 5px 0; }   
.mSCGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mSCGrid .pgr a { color: #666; text-decoration: none; }   
.mSCGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mscgrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mSCGrid .dps__mscgrid_td_num
{
    /* door de class nog een keer binnen de .mSCGrid te zetten, wordt de mSCGrid overruled */
}
.mSCGrid .grid-header
{
    vertical-align: sub;
}
.mSCGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mSCGrid*/
.mSCGrid .grid-header .dps__mscgrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mSCGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mSCGrid .grid-footer td
{
    color: #fff;
}
.mSCGrid th.sc_scannerno
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mSCGrid td.sc_scannerno
{
    width:50px;
    text-align:left;
}
.mSCGrid th.sc_scannernaam
{
    width:260px;
    vertical-align:bottom;
    text-align:center;
}
.mSCGrid td.sc_scannernaam
{
    font-size:0.9em;
    width:260px;
    text-align:left;
}
.mSCGrid th.sc_aangemeld
{
    width:90px;
    vertical-align:bottom;
    text-align:center;
}
.mSCGrid td.sc_aangemeld
{
    font-size:0.9em;
    width:90px;
    text-align:center;
}
.mSCGrid th.sc_afgemeld
{
    width:90px;
    vertical-align:bottom;
    text-align:center;
}
.mSCGrid td.sc_afgemeld
{
    font-size:0.9em;
    width:90px;
    text-align:center;
}
.mSCGrid th.sc_dn
{
    font-size:0.9em;
    width:30px;
    vertical-align:bottom;
    text-align:center;
}
.mSCGrid td.sc_dn
{
    font-size:0.9em;
    width:30px;
    text-align:center;
}
.mSCGrid th.sc_route
{
    font-size:0.9em;
    width:40px;
    vertical-align:bottom;
    text-align:center;
}
.mSCGrid td.sc_route
{
    font-size:0.9em;
    width:40px;
    text-align:center;
}
.mSCGrid th.sc_koelkast
{
    width:60px;
    vertical-align:bottom;
    text-align:center;
}
.mSCGrid td.sc_koelkast
{
    font-size:0.9em;
    width:60px;
    text-align:left;
}
.mSCGrid th.sc_puls
{
    width:90px;
    vertical-align:bottom;
    text-align:center;
}
.mSCGrid td.sc_puls
{
    font-size:0.9em;
    width:90px;
    text-align:center;
}
.mSCGrid th.sc_signaal
{
    width:40px;
    vertical-align:bottom;
    text-align:center;
}
.mSCGrid td.sc_signaal
{
    font-size:0.9em;
    width:40px;
    text-align:left;
}
.mSCGrid th.sc_batterystatus
{
    font-size:0.9em;
    width:50px;
    text-align:center;
}
.mSCGrid td.sc_batterystatus
{
    font-size :0.9em;
    width:50px;
    text-align:center;
}
.mSCGrid th.sc_pulsplus
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mSCGrid td.sc_pulsplus
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mSCGrid th.sc_gpsnaam
{
    width:250px;
    vertical-align:bottom;
    text-align:center;
}
.mSCGrid td.sc_gpsnaam
{
    font-size:0.9em;
    width:250px;
    text-align:left;
}
/* -- pulldownmenu gridview -- */
.mPDGrid {    
    width: 720px;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;
    border-collapse:collapse;
}
.mPDGrid th a { color:#fff; text-decoration: none;}   
.mPDGrid th a:hover { color:Maroon; text-decoration: none;}
.mPDGrid td {    
    padding: 2px;
    border: solid 1px #c1c1c1;    
    color: #717171;
}   
.mPDGrid th {
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mPDGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mPDGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mPDGrid .pgr table { margin: 5px 0; }   
.mPDGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mPDGrid .pgr a { color: #666; text-decoration: none; }   
.mPDGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mpdgrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mPDGrid .dps__mpdgrid_td_num
{
    /* door de class nog een keer binnen de .mPDGrid te zetten, wordt de mPDGrid overruled */
}
.mPDGrid .grid-header
{
    vertical-align: sub;
}
.mPDGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mPDGrid*/
.mPDGrid .grid-header .dps__mpdgrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mPDGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mPDGrid .grid-footer td
{
    color: #fff;
}
.mPDGrid th.pd_value
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mPDGrid td.pd_value
{
    font-size:0.9em;
    width:50px;
    text-align:left;
}
.mPDGrid th.pd_type
{
    width:150px;
    vertical-align:bottom;
    text-align:left;
}
.mPDGrid td.pd_type
{
    font-size:0.9em;
    width:150px;
    text-align:left;
}

.mPDGrid th.pd_text
{
    width:400px;
    vertical-align:bottom;
    text-align:left;
}
.mPDGrid td.pd_text
{
    font-size:0.9em;
    width:400px;
    text-align:left;
}
.mPDGrid th.pd_zichtbaar
{
    font-size:0.9em;
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mPDGrid td.pd_zichtbaar
{
    font-size:0.9em;
    width:50px;
    text-align:center;
}
.mPDGrid th.pd_aanuit
{
    font-size:0.9em;
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mPDGrid td.pd_aanuit
{
    font-size:0.9em;
    width:50px;
    text-align:center;
}
.chkZichtbaar input {
    position: relative;
    top: 0px;
    height:12px;
}
.chkAanuit input {
    position: relative;
    top: 0px;
    height:12px;
}
.chkGeblokkeerd input {
    position: relative;
    top: 2px;
    height:12px;
}
.lblPulldownoptiesTekst {
    position: relative;
    top: 6px;
}
.chkAllesZichtbaar input {
    position: relative;
    top: 6px;
    height:12px;
    left:450px;
}
.chkAllesAanuit input {
    position: relative;
    top: 6px;
    height:12px;
    left:490px;
}
/* -- switchuser gridview -- */
.mSUGrid {    
    width: 620px;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;
    border-collapse:collapse;
}
.mSUGrid th a { color:#fff; text-decoration: none;}   
.mSUGrid th a:hover { color:Maroon; text-decoration: none;}
.mSUGrid td {    
    padding: 2px;
    border: solid 1px #c1c1c1;    
    color: #717171;
}   
.mSUGrid th {
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mSUGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mSUGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mSUGrid .pgr table { margin: 5px 0; }   
.mSUGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mSUGrid .pgr a { color: #666; text-decoration: none; }   
.mSUGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__msugrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mSUGrid .dps__msugrid_td_num
{
    /* door de class nog een keer binnen de .mSUGrid te zetten, wordt de mSUGrid overruled */
}
.mSUGrid .grid-header
{
    vertical-align: sub;
}
.mSUGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mSUGrid*/
.mSUGrid .grid-header .dps__msugrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mSUGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mSUGrid .grid-footer td
{
    color: #fff;
}
.mSUGrid th.pd_id
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mSUGrid td.pd_id
{
    font-size:0.9em;
    width:50px;
    text-align:left;
}
.mSUGrid th.pd_organisatie
{
    width:200px;
    vertical-align:bottom;
    text-align:left;
}
.mSUGrid td.pd_organisatie
{
    font-size:0.9em;
    width:200px;
    text-align:left;
}
.mSUGrid th.pd_usernamefyi
{
    width:100px;
    vertical-align:bottom;
    text-align:left;
}
.mSUGrid td.pd_usernamefyi
{
    font-size:0.9em;
    width:100px;
    text-align:left;
}
.mSUGrid th.pd_username
{
    width:200px;
    vertical-align:bottom;
    text-align:left;
}
.mSUGrid td.pd_username
{
    font-size:0.9em;
    width:200px;
    text-align:left;
}
.mSUGrid th.pd_menuname
{
    width:200px;
    vertical-align:bottom;
    text-align:left;
}
.mSUGrid td.pd_menuname
{
    font-size:0.9em;
    width:200px;
    text-align:left;
}
.mSUGrid th.pd_aantal
{
    width:40px;
    vertical-align:bottom;
    text-align:left;
}
.mSUGrid td.pd_aantal
{
    font-size:0.9em;
    width:40px;
    text-align:left;
}
/* -- voertuigen gridview -- */
.mVTGrid {    
    width: 1050px;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;
    border-collapse:collapse;
}
.mVTGrid th a { color:#fff; text-decoration: none;}   
.mVTGrid th a:hover { color:Maroon; text-decoration: none;}
.mVTGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.mVTGrid th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mVTGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mVTGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mVTGrid .pgr table { margin: 5px 0; }   
.mVTGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mVTGrid .pgr a { color: #666; text-decoration: none; }   
.mVTGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mvtgrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mVTGrid .dps__mvtgrid_td_num
{
    /* door de class nog een keer binnen de .mVTGrid te zetten, wordt de mVTGrid overruled */
}
.mVTGrid .grid-header
{
    vertical-align: sub;
}
.mVTGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mVTGrid*/
.mVTGrid .grid-header .dps__mvtgrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mVTGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mVTGrid .grid-footer td
{
    color: #fff;
}
.mVTGrid th.vt_deviceid
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mVTGrid td.vt_deviceid
{
    width:50px;
    text-align:left;
}
.mVTGrid th.vt_voertuignaam
{
    width:250px;
    vertical-align:bottom;
    text-align:center;
}
.mVTGrid td.vt_voertuignaam
{
    font-size:0.9em;
    width:250px;
    text-align:left;
}
.mVTGrid th.vt_gpuls
{
    width:90px;
    vertical-align:bottom;
    text-align:center;
}
.mVTGrid td.vt_gpuls
{
    font-size:0.9em;
    width:90px;
    text-align:center;
}
.mVTGrid th.vt_pulsplus
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mVTGrid td.vt_pulsplus
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mVTGrid th.vt_gnaam
{
    width:250px;
    vertical-align:bottom;
    text-align:center;
}
.mVTGrid td.vt_gnaam
{
    font-size:0.9em;
    width:250px;
    text-align:left;
}
.mVTGrid th.vt_status
{
    width:60px;
    vertical-align:bottom;
    text-align:center;
}
.mVTGrid td.vt_status
{
    font-size:0.9em;
    width:60px;
    text-align:center;
}
.mVTGrid th.vt_chauffeur
{
    width:150px;
    vertical-align:bottom;
    text-align:center;
}
.mVTGrid td.vt_chauffeur
{
    font-size:0.9em;
    width:150px;
    text-align:left;
}
.mVTGrid th.vt_tijdsduur
{
    width:80px;
    vertical-align:bottom;
    text-align:center;
}
.mVTGrid td.vt_tijdsduur
{
    font-size:0.9em;
    font-family: Lucida Console;
    width:80px;
    text-align:right;
}
.mVTGrid th.vt_kmstand
{
    width:80px;
    vertical-align:bottom;
    text-align:center;
}
.mVTGrid td.vt_kmstand
{
    font-size:0.9em;
    font-family: Lucida Console;
    width:80px;
    text-align:right;
}
/* -- sleutelhangers gridview -- */
.mSHGrid {    
    width: 1050px;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;
    border-collapse:collapse;
}
.mSHGrid th a { color:#fff; text-decoration: none;}   
.mSHGrid th a:hover { color:Maroon; text-decoration: none;}
.mSHGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.mSHGrid th {    
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mSHGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mSHGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mSHGrid .pgr table { margin: 5px 0; }   
.mSHGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mSHGrid .pgr a { color: #666; text-decoration: none; }   
.mSHGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mshgrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mSHGrid .dps__mshgrid_td_num
{
    /* door de class nog een keer binnen de .mSHGrid te zetten, wordt de mSHGrid overruled */
}
.mSHGrid .grid-header
{
    vertical-align: sub;
}
.mSHGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mSHGrid*/
.mSHGrid .grid-header .dps__mshgrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mSHGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mSHGrid .grid-footer td
{
    color: #fff;
}
.mSHGrid th.sh_imei
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mSHGrid td.sh_imei
{
    width:50px;
    text-align:left;
}
.mSHGrid th.sh_sleutelhanger
{
    width:130px;
    vertical-align:bottom;
    text-align:center;
}
.mSHGrid td.sh_sleutelhanger
{
    font-size:0.9em;
    width:130px;
    text-align:left;
}
.mSHGrid th.sh_groep
{
    width:100px;
    vertical-align:bottom;
    text-align:center;
}
.mSHGrid td.sh_groep
{
    font-size:0.8em;
    width:100px;
    text-align:left;
}
.mSHGrid th.sh_gpuls
{
    width:90px;
    vertical-align:bottom;
    text-align:center;
}
.mSHGrid td.sh_gpuls
{
    font-size:0.9em;
    width:90px;
    text-align:center;
}
.mSHGrid th.sh_accu
{
    width:40px;
    vertical-align:bottom;
    text-align:center;
}
.mSHGrid td.sh_accu
{
    font-size:0.9em;
    width:40px;
    text-align:center;
}
.mSHGrid th.sh_pulsplus
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mSHGrid td.sh_pulsplus
{
   width:10px;
   font-size:1em;
   text-align:center;
}
.mSHGrid th.sh_gnaam
{
    width:250px;
    vertical-align:bottom;
    text-align:center;
}
.mSHGrid td.sh_gnaam
{
    font-size:0.9em;
    width:250px;
    text-align:left;
}
.mSHGrid th.sh_spuls
{
    width:90px;
    vertical-align:bottom;
    text-align:center;
}
.mSHGrid td.sh_spuls
{
    font-size:0.9em;
    width:90px;
    text-align:center;
}
.mSHGrid th.sh_snaam
{
    width:250px;
    vertical-align:bottom;
    text-align:center;
}
.mSHGrid td.sh_snaam
{
    font-size:0.9em;
    width:250px;
    text-align:left;
}
/* -- gebruikers gridview -- */
.mGBGrid {
    width: 950px;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;
    border-collapse:collapse;
}
.mGBGrid th a { color:#fff; text-decoration: none;}   
.mGBGrid th a:hover { color:Maroon; text-decoration: none;}
.mGBGrid td {
    padding: 2px;
    border: solid 1px #c1c1c1;    
    color: #717171;
}   
.mGBGrid th {
    padding: 4px 2px;    
    color: #000;    
    background: #424242 url(../images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}   
/* dit dwarsboomt de loaded/delivered colors .mGBGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }   */
.mGBGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }   
.mGBGrid .pgr table { margin: 5px 0; }   
.mGBGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }
.mGBGrid .pgr a { color: #666; text-decoration: none; }   
.mGBGrid .pgr a:hover { color: #000; text-decoration: none; } 
.dps__mgbgrid_td_num
{
    /* background-color:Yellow; */
    text-align:right;
}
.mGBGrid .dps__mgbgrid_td_num
{
    /* door de class nog een keer binnen de .mGBGrid te zetten, wordt de mGBGrid overruled */
}
.mGBGrid .grid-header
{
    vertical-align: sub;
}
.mGBGrid .grid-header th a
{
    color:White;
}
/* let op dat dit zo specifiek moet: de fixedwidth van de class: grid-header van de class: mGBGrid*/
.mGBGrid .grid-header .dps__mgbgrid_td_num_fixedwidth
{
    /* background-color:Yellow; */
    text-align: center;
}
.mGBGrid .grid-footer
{
    padding: 4px 2px;  
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight: normal;
}
.mGBGrid .grid-footer td
{
    color: #fff;
}
.mGBGrid th.gb_id
{
    width:50px;
    vertical-align:bottom;
    text-align:center;
}
.mGBGrid td.gb_id
{
    font-size:0.9em;
    width:50px;
    text-align:left;
}
.mGBGrid th.gb_organisatie
{
    width:200px;
    vertical-align:bottom;
    text-align:left;
}
.mGBGrid td.gb_organisatie
{
    font-size:0.9em;
    width:200px;
    text-align:left;
}
.mGBGrid th.gb_usernamefyi
{
    width:100px;
    vertical-align:bottom;
    text-align:left;
}
.mGBGrid td.gb_usernamefyi
{
    font-size:0.9em;
    width:100px;
    text-align:left;
}
.mGBGrid th.gb_username
{
    width:100px;
    vertical-align:bottom;
    text-align:left;
}
.mGBGrid td.gb_username
{
    font-size:0.9em;
    width:100px;
    text-align:left;
}
.mGBGrid th.gb_islockedout
{
    width:40px;
    vertical-align:bottom;
    text-align:left;
}
.mGBGrid td.gb_islockedout
{
    font-size:0.9em;
    width:40px;
    text-align: center;
}
.mGBGrid th.gb_password
{
    width:100px;
    vertical-align:bottom;
    text-align:left;
}
.mGBGrid td.gb_password
{
    font-size:0.9em;
    width:100px;
    text-align:left;
}
.mGBGrid th.gb_menuname
{
    width:150px;
    vertical-align:bottom;
    text-align:left;
}
.mGBGrid td.gb_menuname
{
    font-size:0.9em;
    width:150px;
    text-align:left;
}
.mGBGrid th.gb_lastactivitydate
{
    width:150px;
    vertical-align:bottom;
    text-align:left;
}
.mGBGrid td.gb_lastactivitydate
{
    font-size:0.9em;
    width:150px;
    text-align:left;
}