body,td,input,select
{
  font-family: verdana;
  font-size: 11px;
}
input[type="text"]
{
  height: 13px;
}
body.top
{
    margin: 0px 0px 0px 0px;
}
body.framed
{
    margin: 3px 3px 3px 3px;
    
}
body.popup 
{
    /*background-image: url(achtergrond.png);
    background-repeat: repeat-y;
    background-color: #BDD6F8;*/
}
form
{
    margin: 0px 0px 0px 0px;
}

/* Styles defined by Hakan */
.maxZ
{
    z-index:1000;
}


/*	CSS for a required field.
    Displays a red triangle in the upper most right corner.
    All fields with this style will be validated on the Client.
 */



.txtReqField
{
    background-image: url("/Styles/standaard/darkred_uprg_corner.png") !important;
    background-repeat: no-repeat;
    background-position:right top ;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:2px;
    height:15px;
    padding-top:2px;
    
}

.ReqField
{
    background-image: url("/Styles/standaard/darkred_uprg_corner.png") !important;
    background-repeat: no-repeat;
    background-position:right top ;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txtTimeField
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;	
    text-align:right;
}

.drpReqField, .drpReqFieldQueryEngine
{
    background-color:#FFFFFF; 
    text-align:left;
}

.rdbReqField
{
    /*color : #000000;*/
}

.txtReqIntField
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;	
}

.txtReqDateField
{
    background-image: url("/Styles/standaard/darkred_uprg_corner.png") !important;
    background-repeat: no-repeat;
    background-position:right top ;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
    margin-top: 0px;
}

.txtDateValidationField
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txtPositiveNumbersOnly
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txtNumbersOnly
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txtReplaceDotWithComma 
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txt0to9andAtoZ
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txtEmailValid
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txtValidTelefoon
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}
/* Filter out all chars except 0..9 a..z A..Z * and . */
.txtNoSpecialChars
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txtExactNumber2DecPos
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txtExactNumber2Dec
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}
.txtMaximum40Number
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txtValidTelefoon
{
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    padding-left:1px;
}

.txtErrValue
{
    background-color: #ff6944;
}

.centerText
{
    text-align:center;
}

.gridcolwarnred
{
    background-color: #ff8f8f;
    z-index: 999;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #EAE9E1;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
}
.gridcolwarnorange
{
    background-color: #fece86;
    z-index: 999;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #EAE9E1;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
}

.gridcolwarnpurple 
{
    background-color: rgb(200, 127, 200);
    z-index: 999;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #EAE9E1;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
}

.redtxt
{
    color:#FF3030;
}


/* ---------- Styles used on <asp:textboxes>  ---------- */

.txtPercentage
{
    width:100%;
    max-width:40px;
    width:expression(this.offsetWidth>40?40:'');
    
}

.txtPercentage4dec
{
    width:100%;
    max-width:50px;
    width:expression(this.offsetWidth>50?50:'');
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}

.txtPercentage4dec25
{
    width:100%;
    max-width:50px;
    width:expression(this.offsetWidth>50?50:'');
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}

/* Used for fields with longer texts, such as Naam, Omschrijving, email website.*/
.txtNaam
{
    width:100%;
    max-width:289px;
    width:expression(this.offsetWidth>240?240:'');
}

#berEditor .txtNaam 
{
    max-width: 503px;
}

.txtNaamLarge
{
    width:100%;
    max-width:440px;
    width:expression(this.offsetWidth>440?440:'');
}

/* Used for parts of a name: Voornaam & Achternaam.*/
.txtNaamDeel
{
    max-width:160px;
    width:expression(this.offsetWidth>160?160:'');
}

.txtOmschrijving
{
    width:260px;
    width:expression(this.offsetWidth>260?260:'');
    padding-left:1px;
    margin-top: 0px;
    border: solid 1px #7F9DB9;
}

/* Used for voorletters,voortitel, achtertitel. 15 chars + 2 chars empty space*/
.txtTitel
{
    max-width:120px;
    width:expression(this.offsetWidth>120?120:'');
}

.txtTussenVoegsel
{
    max-width:60px;
    width:expression(this.offsetWidth>60?60:'');
}

/* Telefoonnummer/Faxnumer 000001111122222 (15 chars) + 2 chars empty space. */
.txtNumberChar
{
    width:100%;
    max-width:120px;
    width:expression(this.offsetWidth>120?120:'');
}
/* Used for Integers.
   Ex) Sessie duur, Dagen
   Max val 2147483647 = 10 chars + 1 (-) or (+)*/

.txtNumberInteger
{
    width:100%;
    max-width:80px;
    width:expression(this.offsetWidth>80?80:'');
}

.mptxxn
{
  color: #003399;
  background-color :#FFFFFF; 
  border: solid 1px #7F9DB9;
  padding: 1px 2px 1px 2px;
  overflow:hidden;
  width:  99%;
  height: 40px;
}

.mptxxn60
{
  color: #003399;
  background-color :#FFFFFF; 
  border: solid 1px #7F9DB9;
  padding: 1px 2px 1px 2px;
  overflow:hidden;
  width:  99%;
  height: 60px;
}

.mptxxh
{
  color:  #000000;
  background-color :#FFF4C0;
  border: solid 1px #7F9DB9;
  padding: 1px 2px 1px 2px;
  overflow:hidden;
  cursor: hand;
  width:  99%;
  height: 40px;
}

.mptxxh60
{
  color:  #000000;
  background-color :#FFF4C0;
  border: solid 1px #7F9DB9;
  padding: 1px 2px 1px 2px;
  overflow:hidden;
  cursor: hand;
  width:  99%;
  height: 60px;
}

/* Styles used for DB type Text */
.textboxMultiLineFillWidth
{
  color: #000000;
  background-color :#FFFFFF; 
  border : solid 1px #7F9DB9;
  text-align: left;
  text-decoration: none;
  width:99%;
  font-size:11px;
  font-family:verdana;
  height: auto;
}

/* TODO: Do we need to change this one? */
.txtHuisNumToevoeg
{
    width:73px;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}

/* TODO: Do we need to change this one? or use txtNumber*/
.txtHuisNum
{
    width:45px;		
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}

/* Specific for NL bank accounts */
.txtBankAccount
{
    width: 100%;
    max-width:160px;
    width:expression(this.offsetWidth>160?160:'');
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    vertical-align: middle;
}

.IsValidIBAN {
    width: 18px;
    vertical-align: middle;
}

.txtDate
{
    width:85px;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
    margin-top: 0px;
}

/* Specific for postcodes */
.txtPostcode
{
    width: 100%;
    max-width:70px;
    width:expression(this.offsetWidth>70?70:'');
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}

/* styles that will be replaced*/
.txtboxTiny
{
    width:15px;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}

.txtboxSmall
{
    width:40px;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}

.txtBoxGrow
{
    width:100%;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}

.txtboxMedium
{
    width:100px;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}
.txtboxBig
{
    width:150px;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}

.txtboxBigest
{
    width:350px;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
}

/* End styles that will be replaced */

/* ---------- End Styles used on <asp:textboxes>  ---------- */



.pgViewHeader
{
    color: #006699;
    font-weight:bold;
    font-style:italic;
    padding-bottom:0px;
    padding-top:3px;
    border-color:white;
    
}

.tdGrow
{
    padding-right:20px;
}


.gridcolwarn {
    padding: 2px 2px 2px 2px;
    background-color: #ffc0cb;
    z-index: 999;
    border-left: none; /* solid 1px #FFFFFF;*/
    border-right: none; /*solid 1px #FFFFFF;*/
    border-top: none; /*solid 1px #FFFFFF;*/
    border-bottom: solid 1px #EAE9E1;
}

.gridcolwarnAlertDanger {
    padding: 2px 2px 2px 2px;
    background-color: #f2dede;
    z-index: 999;
    border-left: none; 
    border-right: none; 
    border-top: none; 
    border-bottom: solid 1px #EAE9E1;
}
.gridcolwarnAlertWarning {
    padding: 2px 2px 2px 2px;
    background-color: #fcf8e3;
    z-index: 999;
    border-left: none; 
    border-right: none; 
    border-top: none; 
    border-bottom: solid 1px #EAE9E1;
}

}
.blue
{
    background-color: #BDD6F8;
}

.hiddenText
{
    visibility: hidden;
    height:0px;
}
.visibleText
{
    visibility:visible;
    height:12px;
}
.divOverwritable
{
    position:relative;
    background-color:White;
}
.txtOverwrite
{
    position:absolute;
    left:0px;
    top:-8px;
    z-index: 20;
    background-color: Transparent;
}
.dftPostcode
{
    position:absolute;
    background-color:#FFFFFF;
    padding: 2px 0px 0px 2px;
    left:0px;
    top:-8px;
    height:15px;
    width:100%;
    max-width:70px;
    width:expression(this.offsetWidth>70?70:'');
    color: #C0C0C0;
    z-index: 10;
}
.dftHuisNum
{
    position:absolute;
    background-color:#FFFFFF;
    padding: 2px 0px 0px 2px;
    left:0px;
    top:-8px;
    height:15px;
    width:100%;
    max-width:45px;		
    width:expression(this.offsetWidth>45?45:'');
    color: #C0C0C0;
    z-index: 10;
}
.dftHuisNumToev
{
    position:absolute;
    background-color:#FFFFFF;
    padding: 2px 0px 0px 2px;
    left:0px;
    top:-8px;
    height:15px;
    width:100%;
    max-width:73px;		
    width:expression(this.offsetWidth>73?73:'');
    color: #C0C0C0;
    z-index: 10;
}
.dftBig
{
    position:absolute;
    background-color:#FFFFFF;
    padding: 2px 0px 0px 2px;
    left:0px;
    top:-8px;
    height:15px;
    width:100%;
    max-width:150px;		
    width:expression(this.offsetWidth>150?150:'');
    color: #C0C0C0;
    z-index: 10;
}

/* ---------- Stylfes used for modal popups ---------- */

.modalVail
{
    background-color:#000000;
    filter:alpha(opacity=30);
    opacity:0.3;
    position:absolute;
    visibility:hidden;
    z-index:200;
    left:0px;
    top:0px;
}

.modalVail2
{
    background-color:#000000;
    filter:alpha(opacity=30);
    opacity:0.3;
    position:absolute;
    visibility:hidden;
    z-index:550;
    left:0px;
    top:0px;
}

.modalVailAll
{
    background-color:#000000;
    filter:alpha(opacity=30);
    opacity:0.3;
    position:absolute;
    visibility:hidden;
    z-index:9999;
    left:0px;
    top:0px;
}
.modalPadding
{
        padding:  2px 6px 2px 6px;
}

.modalSpacing
{
        padding: 25px 0px 0px 0px;
}

.modalDiv
{
    border: solid 1px #002D96;
    padding:  0px 0px 0px 0px;
    background-color: #ffffff;
    /*background-color: #EFF4FF;
    background-image: url(dp-back.png);
    background-repeat: repeat-y;*/
    vertical-align: top;
    z-index:500;
}

.modalDiv2
{
    border: solid 1px #002D96;
    padding:  0px 0px 0px 0px;
    background-color: #ffffff;
    /* background-color: #EFF4FF;
    background-image: url(dp-back.png);
    background-repeat: repeat-y;*/
    vertical-align: top;
    z-index:600;
}

.modalDivHeader
{
    height: 19px;
    padding:  0px 0px 0px 0px;
    vertical-align: middle;
    font-size: 11px;
    color: #FFFFFF;
    font-weight:bold;
    background-color: #006699;
    /*background-image: url(dp-navhdr.png);
    background-repeat: repeat-x;*/
}



/* ---------- End Styles used for modal popups ---------- */

.mbdiv
{
    border-top: solid 1px #CCCCCC;
    margin: 0px 0px 0px 0px;
    width: 100%;
    /* background-image: url(achtergrond.png); */
    background-repeat: repeat-y;
    background-color: #EEEEEE;
}
.mbtab
{
    border-style: none;
    cursor: default;
}
.mbrow
{
    border-style: none;
}
.mbcel
{
    border: solid 1px; /*transparent;*/
    border-color:fuchsia;
    filter:chroma(color=fuchsia);
    padding: 2px 6px 2px 6px;
    color: #000000;
}
.mbhov
{
    border: solid 1px #000080;
    padding:  2px 6px 2px 6px;
    color: #000000;
    background-image: url("/Styles/standaard/menuhover.png");
    background-repeat: repeat-x;
}
.mbopn
{
    border: solid 1px #002DB6;
    padding:  2px 6px 2px 6px;
    color: #000000;
    background-image: url("/Styles/standaard/menuopen.png");
    background-repeat: repeat-x;
}
.mptab
{
    border: solid 1px #002DB6;
    padding: 1px 1px 1px 1px;
    background-color: #FFFFFF;
    background-image: url("/Styles/standaard/menupanel.png");
    background-position: left top;
    background-repeat: repeat-y;
    cursor: default;
    visibility: hidden;
    position: absolute;
    z-index: 900;
    left: 0px;
    top: 0px;
}
.mpser
{
    border-style: none;
    height: 1px;
}
.mpsep
{
    border-style: none;
    background-color: #6A8CCB;
    background-image: url("/Styles/standaard/menusep.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 1px;
}
.mprow
{
    border-style: none;
    cursor: pointer;
    height: 16px;
}
/* menu item cell */
.mpcel
{
     
    border: solid 1px;/*transparent;*/
    border-color:fuchsia;
    filter:chroma(color=fuchsia);
    
    padding: 2px 2px 2px 28px;
    color: #000000;
}
.mplnk
{
    text-decoration: none;
    color: #000000;
}
.mphov
{
    border: solid 1px #000080;
    padding: 2px 2px 2px 28px;
    color: #000000;
    background-color: #FFEEC2;
}
.tbdiv
{
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 25px;
    padding: 0px 0px 0px 0px;
    background-image: url("/Styles/standaard/toolbar.png");
    background-repeat: repeat-x;
    background-color: #BDD6F8;
}
.tbtab
{
    border-style: none;
}
.tbrow
{
    border-style: none;
}
.tbcel
{
    border: solid 1px;/* transparent;*/
    border-color:fuchsia;
    filter:chroma(color=fuchsia);
    height: 18px;
    padding: 1px 3px 1px 3px;
    color: #000000;
}
.tbhov
{
    border: solid 1px #000080;
    height: 18px;
    padding:  1px 3px 1px 3px;
    color: #000000;
    background-image: url("/Styles/standaard/toolhover.png");
    background-repeat: repeat-x;
    background-color: #FFD294;
}
.tbimg
{
    border-style: none;
    vertical-align:middle;
}
.nbalert
{
    color: #FF4040;
}
.nbwarn
{
    border: solid 1px #FF4040;
    background-color: #FFE0E0;
    color: #000000;
    
    margin: 8px 8px 8px 0px;
    padding: 5px 5px 5px 5px;
}
.nbdiv
{
    margin: 0px 0px 0px 0px;
    padding: 2px 3px 2px 35px;
    width: 100%;
    height: 23px;
    /*
    background-image: url(achtergrond.png);
    background-repeat: repeat-y;
    */
/* 	
    background-color: #BDD6F8;
*/
    background-color: White;
    vertical-align: middle;
}

.nbdivc7
{
    width: 100%;
    height: 20px;
    position:relative;
    margin-top: 7px;
    margin-left: 18px;
    font: bold 11px verdana, arial, sans-serif;
    vertical-align:middle;
}

.mptip
{
  position:absolute; 
    z-index:10000;
  background-color:#FFFFE1; 
    border:1px solid #336; 
    padding:4px;
  color:#000; 
    font-size:11px; 
    line-height:1.2;
}

div#tipDiv 
{
    position:absolute; 
    visibility:hidden; 
    left:0; 
    top:0; 
    z-index:10000;
    background-color:#FFFFE1; 
    border:1px solid #336; 
    width:280px; 
    padding:4px;
    color:#000; 
    font-size:11px; 
    line-height:1.2;
}

.defaultfont
{
        font-family: verdana;
        font-size: 11px;
        color: #000000;
        text-align: left;
        text-decoration: none;
    
}
.nbtxt
{
}
.nbmax
{
    white-space: nowrap;
}
.nblbl
{
    position:relative;
    top: -3px;
}
.nbsel
{
    width: 200px;
}
.pgtab
{
    margin: 0px 0px 0px 0px;
    border: solid 1px #002D96;
    width: 100%;
}
.pgtab2
{
    margin: 0px 0px 0px 0px;
    width: 100%;
}
.pgtit
{
    height: 24px;
    /* changed by hakan (white space problem)
    padding:  0px 3px 0px 3px;*/
    padding: 0px 0px 0px 3px;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    /*background-image: url(titlebar.png);
    background-repeat: repeat-x;*/
    background-color: #006699;
}

.pgtit2
{
    height: 24px;
    /* changed by hakan (white space problem)
    padding:  0px 3px 0px 3px;*/
    padding:  0px 0px 0px 3px;
    /*font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url(titlebar.png);
    background-repeat: repeat-x;*/
}
.pgtit3 {
    height: 24px;
    /* changed by hakan (white space problem)
    padding:  0px 3px 0px 3px;*/
    padding: 0px 0px 0px 3px;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    /*color: #4f3e8f;*/
    color: black;
    margin-top: 4px;
    line-height: 24px;
    /*background-image: url(titlebar.png);
    background-repeat: repeat-x;*/
}

.pgtitsmall
{
    height: 24px;
    /* changed by hakan (white space problem)
    padding:  0px 3px 0px 3px;*/
    padding:  0px 0px 0px 3px;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("/Styles/standaard/titlebar.png");
    background-repeat: repeat-x;
}

.pgtitnavigationbar
{
    width:270px;
}
.pgtpr
{
  margin: 0px 0px 0px 0px;
  text-align:center;
  font: normal 12px verdana, arial, sans-serif; 
  color: #333;
  position:absolute;
  left:30%;
  height: 35px;
  width: 50%;
}

.pgtpr2
{
  margin: 0px 0px 0px 0px;
  text-align:center;
  font: normal 12px verdana, arial, sans-serif; 
  color: #333;
  position:relative;
  left:-50px;
  height: 35px;
}

.pgtpr2 a, .pgtpr2 a:visited    
{
    color: #0066CC;
    text-decoration: none;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-right: 0px;
} 
.pgtpr2 a img, .pgtpr2 a:visited img  
{
    border: none; 
    margin-bottom: -10px;
} 
.pgtpr2 a.nound, .pgtpr2 a.nound  
{
    margin-right: 0px;
}

.pgtprAgenda {
   margin: 0px 0px 0px 0px;
  text-align:center;
  font: normal 12px verdana, arial, sans-serif; 
  color: #333;
  height: 35px;
  position: inherit;
  left: 0px;
}

.pgtpr a, .pgtpr a:visited    
{
    /*color: #006699;*/
    color: rgba(74, 74, 74, 1);
    text-decoration: none;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-right: 0px;
} 
.pgtpr a img, .pgtpr a:visited img  
{
    border: none; 
    margin-bottom: -10px;
} 
.pgtpr a.nound, .pgtpr a.nound  
{
    margin-right: 0px;
}
.toolitm
{
    margin-top:10px;
    margin-right:20px;
    margin-left:6px;
    text-transform:lowercase;
}

A.nound
{
    text-decoration:none;
    margin-left: 10px;	
    margin-right: 10px;
} 

.pgtprfl
{
    margin: 0px 5px 0px 0px;
  font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    float: right;
}

.pgtpl
{
    margin: 0px 0px 0px 0px;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
}


.pgpgr
{
    position:relative;
    /*top: -4px;*/
    font: normal 12px verdana, arial, sans-serif; color: #000000;
    font-weight:bold;
}
.pgFldset
{
    padding-top:5px;
}

.pgViewTab
{
    width: 100%;
}
.pgViewTabInner
{
    width: 100%;
}
.dptab
{
    width: 100%;
}

.dpnavbox
{
    border: solid 1px #002D96;
    padding:  0px 0px 0px 0px;
    width: 250px;
    background-color: #FFFFFF;
    vertical-align: top;
}

.dpnavboxNextGen
{
    padding:  0px 0px 0px 0px;
    width: 250px;
    background-color: #FFFFFF;
    vertical-align: top;
}


.dpnavhdr
{
    height: 19px;
    padding:  2px 6px 0px 6px;
    vertical-align: middle;
    font-size: 11px;
    color: #000000;
    background-color: #F6F6F6;
    /*background-image: url(dp-navhdr.png);
    background-repeat: repeat-x;*/
    border-bottom: 1px solid #E6E6E6;
    border-top: 5px solid #006699; /* to change*/
    width:261px;
}
.dpnavhdrSimple
{
    height: 19px;
    padding:  2px 6px 0px 6px;
    vertical-align: middle;
    font-size: 11px;
    background-color: #F6F6F6;
    border-bottom: 1px solid #E6E6E6;
    color: #000000;
    width:261px;
}

.dpnavhdrNextGen
{
    border-top: 2px solid #006699; /* to change*/
    width:261px;
    font-weight:bold;
}

.pghdr
{
    height: 40px;
    padding:  2px 6px 0px 6px;
    
}
div.pghdrEpisodeInfo {
    height: 24px;
    padding: 0px 0px 0px 3px;
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #006699;
}
.pgtitWithHeader {
    margin-bottom: 30px;
}
.dpnavgrp
{
    padding:  4px 6px 6px 16px;
    width:250px;
    max-width: 250px;
    width:expression(this.offsetWidth>250?250:'');
    overflow:hidden;
}

.pggrp
{
    padding:  4px 6px 6px 16px;
    /*padding:  4px 6px 6px 16px;
    Changed by Hakan
                */
}

.dpconbox
{
    border: solid 1px #002D96;
    padding:  0px 0px 0px 0px;
/*	background-color: #EFF4FF;
    background-image: url(dp-back.png);
    background-repeat: repeat-y;*/
    /* lichtblauw */
    vertical-align: top;
    
}

.dpTabItemNextGen
{
     margin-left:10px;
     margin-top:10px;
     font-weight:bold;
     color:#444;
}

.dpconboxNextGen
{
    padding:  0px 0px 0px 0px;
    vertical-align: top;
    
}

.dpbtnbox
{

    padding:  4px 16px 6px 16px;
}
.dpmsg
{
  font-size: 12px;
    color: #7F9DB9;
}

.dpmelding
{
  font-size: 12px;
    color: Green;
}

/* lblnavbar will be obsolite*/
.lblnavbar
{
    color: #003399;
}

/*	Used to separate static labels from user data 
    Fixed width between label and user data.
*/
.lblKernGgvsLeft
{
    color: #003399;
    padding-right: 10px;
}


.dgtab
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    border-style: none;
    background-color: #FFFFFF;
}
.dghdr
{
    height: 22px;
}
.dgpager
{
    border-top: solid 1px #D4EAFF;
    border-left: solid 1px #D4EAFF;
    border-right: solid 1px #A4BAEA;
    border-bottom: solid 1px #A4BAEA;
    background-color: #C4DAFA;
    padding:  3px 3px 3px 3px;
}


/* --------- Mutation Part --------- */

.dghdcmut
{
    padding:  0px 2px 0px 2px;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #ACA899;
    border-top: white;
    height: 22px;
    background-image: url("/Styles/standaard/datahead.png");
    background-repeat: repeat-x;
    
}

.dgrw1mut
{
    background-color: #FFFFFF;
    cursor: hand
}
.dgrw2mut
{
    background-color: #F8F8F8;
    cursor: hand 
}
/* --------- End mutation part --------- */


.dghdc
{
    /*padding:  0px 2px 0px 2px;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px grey;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    white-space:nowrap;
    height:22px;
    background-color:#D9D9D9;
    background-repeat: repeat-x;*/

    padding:  0px 2px 0px 2px;
    border-left: solid 1px #D9D9D9;
    border-right: solid 1px #D9D9D9;
    border-top: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
    white-space:nowrap;
    height:22px;
    background-color:#D9D9D9 !important;
    background-repeat: repeat-x;
}

.dghdcleft
{
    padding:  0px 2px 0px 2px;
    border-left: solid 1px #D9D9D9;
    border-right: solid 1px grey;
    border-top: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
    border-top:white;
    border-bottom:white;
    height: 22px;
    white-space:nowrap;
    background-color:#D9D9D9 !important;
    background-repeat: repeat-x;
}

.dghdcfont 
{
    font-family: verdana;
    font-size: 11px;
    font-weight: lighter;
    padding:  0px 2px 0px 2px;
    border-left: solid 1px #ACA899;
    border-right: solid 1px #ACA899;
    height: 22px;
    background-image: url("/Styles/standaard/datahead.png");
    background-repeat: repeat-x; 
}
.dghdcdbl 
{
    height: 44px;
    background-image: url("/Styles/standaard/dataheaddbl.png");
    background-repeat: repeat-x;
}
.dghdh
{
    padding:  0px 2px 0px 2px;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px grey;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    white-space:nowrap;
    height:22px;
    /*background-image: url("/Styles/standaard/datahead.png");*/
    background-color:#C9C9C9;
    background-repeat: repeat-x;
}
.dgrw1
{
    background-color: #FFFFFF;
}
.dgrw1:hover    
{
    cursor: pointer;
    background-color: #E8E8E8;
}
.dgrw2
{
    background-color: #F8F8F8;
}
.dgrw2:hover    
{
    cursor: pointer;
    background-color: #E8E8E8;
}
.dgrw3:hover    
{
    background-color: #E8E8E8;
}
.dgrws
{
    background-color: #FFF4C0;
}
.dgrws:hover
{
    cursor: pointer;
}
.dgrRowSelected
{
    background-color: #FFF4C0;
    cursor:pointer;
}

.dgrRowSel {
    background-color: #E8E8E8;
    cursor: pointer;
}


.dgcel
{
    padding:  2px 2px 2px 2px;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #EAE9E1;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
    white-space:nowrap;
    overflow:hidden;
    vertical-align:top;
}

.dgcelcb {
    padding: 7px 2px 2px 2px;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #EAE9E1;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}


.dgcel.blue
{
    background-color: #BDD6F8;
}

.dgcelwrap
{
    padding:  2px 2px 2px 2px;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #EAE9E1;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
    white-space:normal;
    overflow:hidden;
}

.dgcelins
{
    text-align:center;
    color: #006699;
}
.dgcelrightalign
{
    padding:  2px 2px 2px 2px;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #EAE9E1;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
    white-space:nowrap;	
    text-align:right;
}
.defaultfont
{
  color: #000000;
  text-align: left;
  text-decoration: none;
}

.defaultfontright
{
  color: #000000;
  text-align: right;
  text-decoration: none;
}
.textbox
{
  color: #000000;
    background-color:#FFFFFF; 
    border: solid 1px #7F9DB9;
  text-align: left;
  text-decoration: none;
}

.txtPaddingLeft
{
    padding-left:5px;
}
.txtPaddingLeftBig
{
    padding-left:10px;
}


.radiobuttonlist
{
  color: #000000;
  text-align: left;
  text-decoration: none;
}

.radiobuttonlistFillWidth
{
  color: #000000;
  width: 100%;
  text-align: left;
  text-decoration: none;
}

.dropdownlist
{
  text-align: left;
  text-decoration: none;
}
.labelNormalBold
{
    font-weight:bold;
}
.textbox_menu
{
  background-color:#FFFFFF; 
  text-align: left;
  text-decoration: none;
}
.button
{
  text-align: center;
  text-decoration: none;
}
.buttonaltsave
{
    text-align: center;
    text-decoration: none;
    position:absolute;
    top:40px;
    right:25px;
}
/* in ie7 is 40top niet genoeg daarom hieronder een ie7 hack - dit wordt niet opgepikt door andere browsers */
html>body .buttonaltsave 
{
    top: 50px;
}

.buttonaltsaveUWV
{
    text-align: center;
    text-decoration: none;
    
    position:absolute;
    top:7px;
    right:18px;
    
}
.buttonright
{
  text-align: center;
  text-decoration: none;
  float: right;
}

.btnIndicator {
    font-size: 22px !important;
    margin-left: 5px !important;
    border-color: #e7e7e7 !important;
    background-color: white !important;
    color: black !important;
}

.btn145
{
    width:145px;
}

/* --------- Images --------- */
.btnAttachment
{
    background-image: url("/Styles/standaard/btn_attachment.gif") ;
    background-repeat:no-repeat;
    background-position:center;
    text-decoration:none;
}

.btnLink
{
    background-image: url("/Styles/standaard/btn_zoom.gif") ;
    background-repeat:no-repeat;
    background-position:center;
    text-decoration:none;
}

/* --------- End Images --------- */

.error
{
  color: red;
  text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.navcombo
{
    margin-top:1px;
}
.kaderouter
{
    border-style: solid;
    border-width: 1px;
  border-left-color: #A0BDE4;
  border-top-color: #A3C4E8;
  border-right-color: #C8DEFA;
  border-bottom-color: #C3DAF9;
  padding: 0px 0px 0px 0px;
}
.kaderinner
{
    border-style: solid;
    border-width: 1px;
    border-top-width: 0px;
  border-right-color: #A3C4E8;
  border-bottom-color: #A3C4E8;
  border-left-color: #C0D7F6;
  padding: 6px 6px 6px 6px;
}
.legend
{
  color: #006699;
}
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
    color: #ff0000;
    font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}


/* Agenda styles */
.agenda_background_uur
{
    background-color: #D9D9D9;
    background-repeat: repeat; 
    border-collapse:collapse;
    border-left: solid 0px #FFFFFF;
    border-right: solid 1px grey;
    border-top: 0px ridge rgb(200,200,200); 
    border-bottom: 0px ridge rgb(200,200,200); 
    font-family: verdana;
    font-size: 24px;
    color: #000000;
    text-align: left;
    text-decoration: none;
}

.agenda_background_link
{
    background-image: url("/Styles/standaard/agenda_bg.jpg"); 
    background-repeat: repeat; 
    border-collapse:collapse;
    border-left: 0px ridge rgb(255,255,245); 
    border-right: 1px ridge rgb(00,00,00); 
    border-top: 0px ridge rgb(200,200,200); 
    border-bottom: 0px ridge rgb(200,200,200); 
    font-family: verdana;
    font-size: 10px;
    color: #000000;
    text-align: left;
    text-decoration: none;
}

.agenda_background
{
    background-image: url("/Styles/standaard/agenda_bg.jpg"); 
    background-repeat: repeat; 
    border-collapse:collapse;
    border-left: 0px ridge rgb(255,255,245); 
    border-right: 0px ridge rgb(223,175,98); 
    border-top: 0px ridge rgb(200,200,200); 
    border-bottom: 0px ridge rgb(200,200,200); 
    font-family: verdana;
    font-size: 10px;
    color: #000000;
    text-align: left;
    text-decoration: none;
}

.agenda_background_new
{
    background-repeat: repeat; 
    border-collapse:collapse;
    border-left: solid 0px #FFFFFF;
    border-right: solid 1px grey;
    border-top: 0px ridge rgb(1,1,1); 
    border-bottom: 1px ridge rgb(222,223,222); 
    font-family: verdana;
    font-size: 10px;
    color: #000000;
    text-align: left;
    text-decoration: none;
    background-color: white;
}

#AgendaContainers {
    background-color: rgb(222,223,222);
}

.agenda_block_unavail
{
    background-color:#c0c0c0;
    float:left;
    width:0px;
    filter:alpha(opacity=80);
    opacity:0.8;
    position:absolute;
    z-index:200;
}

.agenda_block_unavail_new
{
    background-color:#FCF0C9;
    float:left;
    width:0px;
    filter:alpha(opacity=70);
    opacity:0.7;
    position:absolute;
    z-index:100;
}

#calendarDiv{
    position:absolute;
    width:205px;
    /* border:1px solid #317082; */
    border:1px solid #002DB6;
    padding:1px;
    background-color: #FFF;
    font-family:Verdana;
    font-size:10px;
    padding-bottom:20px;
    visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
    float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
    
    line-height:12px;
    padding:1px;
    cursor:pointer;
    padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
    line-height:12px;
    padding:1px;
    cursor:pointer;
    padding-left:2px;
}

#calendarDiv td{
    padding:3px;
    margin:0px;
    font-size:10px;
}


#calendarDiv .selectBox{
    border:1px solid #7F9DB9;	
    background-color: #FFFFFF;	
    color: #002040;
    height: 15px;
    position:relative;
}
#calendarDiv .selectBoxOver{
    border:1px solid #7F9DB9;
    background-image: url("/Styles/standaard/toolhover.png");
    background-repeat: repeat-x;
    color: #002040;
    height: 15px;
    position:relative;
}
#calendarDiv .selectBoxTime{
    /* border:1px solid #317082; */
    border:1px solid #002DB6;
    /* color: #317082; */
    color: #002DB6;
    position:relative;
}
#calendarDiv .selectBoxTimeOver{
    border:1px solid #216072;	
    color: #216072;
    position:relative;
}

#calendarDiv .topBar{
    height:20px;
    padding:2px;
    /* background-color: #317082; */
    background-image: url("/Styles/standaard/dp-navhdr.png");
    background-repeat: repeat-x;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
    color:#FF0000;
}
#calendarDiv .todaysDate{
    height:17px;
    line-height:17px;
    padding:2px;
    background-color: #E2EBED;
    text-align:center;
    position:absolute;
    bottom:0px;
    width:201px;
}
#calendarDiv .todaysDate div{
    float:left;
}
    
#calendarDiv .timeBar{
    height:17px;
    line-height:17px;
    background-color: #E2EBED;
    width:72px;
    color:#FFF;
    position:absolute;
    right:0px;
}

#calendarDiv .timeBar div{
    float:left;
    margin-right:1px;
}


#calendarDiv .monthYearPicker{
    background-color: #FFFFFF;
    border:1px solid #7F9DB9;
    position:absolute;
    color: #000000;
    left:0px;
    top:15px;
    z-index:1000;
    display:none;

}
#calendarDiv #monthSelect{
    width:80px;
}
#calendarDiv .monthYearPicker div{
    float:none;
    clear:both;	
    padding:1px;
    margin:1px;	
    cursor:pointer;
}
#calendarDiv .monthYearActive{
    background-color: #FFEEC2;
    color: #000000;
}

#calendarDiv td{
    text-align:right;
    cursor:pointer;
}

#calendarDiv .topBar img{
    cursor:pointer;
}
#calendarDiv .topBar div{
    float:left;
    margin-right:1px;
}

/* user message popup */
.um_info, .um_success, .um_warning, .um_error, .um_validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.um_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url("/Styles/standaard/info.png");
}
.um_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url("/Styles/standaard/success.png");
}
.um_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url("/Styles/standaard/warning.png");
}
.um_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url("/Styles/standaard/error.png");
}
.um_container
{
    top:0px;
    left:0px;
    position:absolute; 
    z-index:10000;
    font-size:11px; 
    width:250px;
    height:100px;
    
}

.um_container1p5x
{
    top:0px;
    left:0px;
    position:absolute; 
    z-index:10000;
    font-size:11px; 
    width:350px;
    height:200px;
    
}

.um_info p, .um_success p, .um_warning p, .um_error p {
    padding: 0px 50px;
}
.um_info a, .um_success a, .um_warning a, .um_error a {
    float: right;
    padding: 10px;
    cursor:pointer;
}
.um_container img {
    border: none;
}
.normHeader
{
  font-family: verdana;
  font-size: 11px;
   font-weight:bold;
}

.c7button   	{
    background-image: url("/Styles/standaard/button_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 26px;
    font-weight: bold;
    width: 100px;
    color: #fff;
    border: 0px;
    cursor: pointer;
}

.specialSaveButton {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.c7button_over	{
    background-image: url("/Styles/standaard/button_over_2.png");
    border: 0px;
    cursor: pointer;
}

.c7button_disabled  
{
    background-image: url("/Styles/standaard/button_non2.png");
}

.centerAlignText    
{
    text-align: center;
}

.MessageOverflowFix {
    width: 300px; 
    position: absolute;
}   

.ongevalTrWidth 
{
    width: 280px;
}

.buttonEmailActies  
{
    margin-top:3px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
}

/* WIDGET Nieuws items*/ 

.widgetNieuwsItem:hover
{
    cursor: pointer;
}

.canEditImage img, .readOnlyImage img   
{
    width: 16px;
    margin-left: 3px;
}

.editdiv {
    width: auto;
    height: 75px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid gray;   
    margin-right: 10px;
}
.editdiv  h1{
    color: red;        
    display: inline;
    text-decoration: none;
    font-size: 11px;
}
.editdiv p
{
    margin: 0px;
    padding: 0px;
}

/* AJAX toolkit tabcontainer */
.ajax__tab_grijs .ajax__tab_header  
{ 
    font-family:Verdana, Arial; 
    background:url("/styles/standaard/tab-line.png") repeat-x bottom; 
    font-size:12px; 
    display:block; 
} 
.ajax__tab_grijs .ajax__tab_header .ajax__tab_outer  
{ 
    background:url("/Styles/standaard/tab.png") no-repeat left top; 
    border-color:#222; 
    color:#222; 
    padding-left:10px; 
    margin-right:3px; 
} 
.ajax__tab_grijs .ajax__tab_header .ajax__tab_inner  
{ 
    background:url("/Styles/standaard/tab.png") no-repeat right top; 
    border-color:#666; 
    color:#666; 
    padding:3px 10px 2px 0px; 
} 
.ajax__tab_grijs .ajax__tab_hover .ajax__tab_inner  
{ 
    color:#000000; 
} 
.ajax__tab_grijs .ajax__tab_active .ajax__tab_outer  
{ 
    background:url("/Styles/standaard/tab.png") no-repeat 0pt -40px; 
    border-bottom-color:#ffffff; 
} 
.ajax__tab_grijs .ajax__tab_active .ajax__tab_inner  
{ 
    background:url(tab.png) no-repeat right -40px; 
    color:#000000; 
    border-color:#333 
} 
.ajax__tab_grijs .ajax__tab_body  
{ 
    font-family:verdana,tahoma; 
    font-size:10pt; 
    padding:8px; 
    background-color:#ffffff; 
    border:solid 1px #d7d7d7; 
    border-top-width:0; 
} 

.ajax__tab_grijs .ajax__tab_tab
{
    color: Black;
    outline: 0; 
}
.redText {
    color: #ff4040;
}

/* Secifiek voor Mainc7 */
 .modalPopup {
    width: 550px; 
    height: 370px; 
    position: absolute; 
    left: 330px; 
    top: 230px;
    /* Drop shadow */
    -moz-box-shadow: 2px 2px 3px #333333; /* Firefox/Mozilla */ 
    -webkit-box-shadow: 2px 2px 3px #333333; /*Safari/Chrome */ 
    box-shadow: 2px 2px 3px #333333; /* Opera & hoe het zou moeten */ 
    -ms-filter: "progidXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')"; /* Voor IE 8 */ 
    filter: progidXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333'); /* Voor IE 5.5 - 7 */ 
}

.PopupContent {
    width: 100%;
    height: 295px;
    background-repeat: no-repeat;
    background-image: url("/entries/verzuim/InlogBG2.jpg");
}
#divLoginBody-link { 
        position: absolute; 
        top: 25px; 
        left: 5px; 
        width: 160px; 
        height: 165px; 
        background-color: transparent; 
        border: 0 solid yellow; }

.PopupContentError {
    width: 100%;
    height: 295px;
    background-repeat: no-repeat;
    background-image: url("/entries/verzuim/ErrorBG.jpg");
}
.topcontent {
    height: 170px;
    width: 100%;
                
}			
.bottomcontent {
    height: 130px;
    width: 100%;			
}
.contentrow	{
    width: 100%; 
    height: 20px;	
    clear:both;
}
.contentrow_small	{
    height: 25px;
}
.contentrowButton	{
    height: 30px;
}
.contentrow span
{
    width: 120px;
    display: inline-block;
    text-align: right;
    margin-left: 70px;
    height: 16px;
    font-size: 11px;
}
.contentrow_small_error {
    height: 30px;
}
.contentrow_small_error span {
    width: 100%;
    text-align: center;
    margin-left: 0;
}	
.contentrow input
{
    width: 160px;
    display: inline-block;
    height: 15px;
    font-size: 11px;
}
.contentrowButton input	{
    height: 25px;
    width: 162px;
}
.contentrow a {
    text-decoration: none;
    font-size: 11px;
    width: 160px;
    display: inline-block;
    margin-left: 20px;
}
.debugBar {
    width: 200px; 
    height: 20px; 
    background-color: #f00; 
    color: #fff; 
    position: absolute; 
    top: 5px; 
    left: 330px; 
    z-index: 999; 
    text-align: center; 
    font-size: 1.2em; 
    font-weight: bold; 
    padding-top: 4px;
}
.debugBarShadow {
    width: 200px; 
    height: 25px; 
    background-color: #666; 
    position: absolute; 
    top: 8px;
    left: 333px;   
}
.contentrow .errorlabel {
    width: 100%;
    height: 15px;
    text-align: center;
    color: red;
}
.InfoBoxFooter {
    padding: 0 15px 5px 15px; 
    color: #888; 
    font-size: 9px;
}
.WachtwoordVergetenToelichting {
    color: #000;
    font-size: 11px;
}
.contentrowButton input.passwordButtonBevestigen {
    margin-left: 4px; 
    margin-right: 0;
}
.contentrowButton input.passwordButtonCancel {
    margin-left: 0; 
    margin-right: 0;
}
/* De gradient loopt van # tot # */
.modalVailLogin {
    background: -moz-linear-gradient(top,  rgba(206,220,231,0) 0%, rgba(206,220,231,0.01) 1%, rgba(178,178,178,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,0)), color-stop(1%,rgba(206,220,231,0.01)), color-stop(100%,rgba(178,178,178,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(206,220,231,0) 0%,rgba(206,220,231,0.01) 1%,rgba(178,178,178,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(206,220,231,0) 0%,rgba(206,220,231,0.01) 1%,rgba(178,178,178,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(206,220,231,0) 0%,rgba(206,220,231,0.01) 1%,rgba(178,178,178,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(206,220,231,0) 0%,rgba(206,220,231,0.01) 1%,rgba(178,178,178,1) 100%); /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#b2b2b2',GradientType=0 );  IE6-9 */
}

.contentrow_small_error .InlineLable {
    background-repeat: no-repeat;
    display: inline-block;
    text-align: left;
    padding-left: 50px;
    padding-top: 0px;
    width: 480px;
    height: 60px;
    margin-left: 13px;
}
.contentrow_small .OkButtonError {
    width: 80px;
    margin-left: 240px;
}

.contentrow_all_right {
    width: 540px;
    text-align: right;
}


/* WGA style */
#editWgaAoPopupContainer div
{
    float: left;
    width: 100%;
}
#editWgaAoPopup
{
    position: absolute;
    width: 400px;
    height: auto;
    top: 200px;
    left: 35%;
}
#editWgaAoPopup .rowClassWGA
{
    height: 26px;
    margin-top: 10px;
}
            
#editWgaAoPopup .itemClassWGA
{
    float: left;
    margin-right: 10px;
}
#editWgaAoPopup .labelClassWGA
{
    width: 130px;
    margin-left: 5px;
}
#editWgaAoPopup .datePickerContainer
{
    width: 50px;
}
.kerngegevensLabel
{
    float: left;
}
.lblnavbarEmpty 
{
    color: Black;
}
.drpDownMedischProfessional {
    width: 150px;
}


/*Cascodes Styles*/
.autcompleteWrapper .ui-button {
    margin-left: -1px;
}

.autcompleteWrapper .ui-button-icon-only .ui-button-text {
    padding: 0.35em;
}

.ui-autocomplete-input {
    margin: 0;
    width: 140px;
}

.autcompleteWrapper ul.ui-widget {
    font-size: 1.0em;
}

.autcompleteWrapper input.ui-widget {
    font-family: Verdana;
    font-size: 11px;
    width: 332px;
    height: 13px;
    vertical-align: bottom;
    background: none;
    background-color: white;
    border: 1px solid gray;
}

.autcompleteWrapper button.ui-widget {
    font-size: 10px;
    height: 17px;
    vertical-align: bottom;
    border: 1px solid gray;
    border-left: none;
    background-image: url("../../styles/standaard/vergrootglas_bw.png");
    background-position: center;
    background-color: white;
    background-size: 14px 10px;
    background-repeat: no-repeat;
    cursor: default;
}
.autcompleteWrapper button.ui-state-hover {
    background-color: lightgray;
    cursor: default;
}

.ui-menu {
    max-height: 200px;
    overflow-y: auto;
}

.ui-menu .ui-menu-item {
    font-family: Verdana;
    font-size: 11px;
    margin:0;
    padding: 0;

    float: left;
    clear: left;
    width: 100%;

    background-color: white;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-size: 11px;
    font-weight: normal;
    border:none;
    background:none;

    background-color: lightgray;
    color: black;
    background-image: none;
}

.ui-autocomplete {
    width: 352px;
}

.autcompleteWrapper {
    display: inline;
}

.CascodeLabelStyle {
    display: inline-block;
    width: 116px;
}

.CascodeLabelStyleGroot {
    display: inline-block;
    width: 500px;
}

.CascodeLabelStyleGrootNeven {
    display: inline-block;
    width: 500px;
    padding-left: 5px;
}

.nevenDiagnoseContainer .NevenDiagnoseSubContainer, .hoofdDiagnoseContainer {
    width:100%;
    margin-top: 1px;
    margin-bottom: 1px;
    height:19px;
}
.nevenDiagnoseContainer .NevenDiagnoseLabel {
    width: 120px; 
    display: inline-block;
}
.nevenDiagnoseContainer{
    margin-bottom: -16px;
}
.createNewNevenDiagnose {
    margin-top: 20px;
    margin-left: 285px;
    margin-bottom: 15px;
}
/* Einde Cascodes Styles*/

/* Bootstrap copy tbv buttons*/
.btn {
  display: inline-block;
  padding: 2px 4px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  /*outline: 5px auto -webkit-focus-ring-color;*/
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333 !important;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

/*.btn-primary:hover {
    color: #fff;
}*/

.btn-primary {
    color: #4f3e8f !important;
    background-color: #dee3ff !important;
    border-color: darkgrey !important;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff !important;
        background-color: #4F3E8F !important;
        border-color: darkgrey !important;
    }

.label-primary {
    background-color: #4f3e8f;
}

.box.box-primary {
    border-top-color: #4f3e8f !important;
}

.alert-info {
    background-color: #EBEEFD !important;
    color: #4f3e8f !important;
    border: none !important;
}


.box-title {
    color: #4f3e8f;
}


.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}


/*Nieuwe Pagelist3*/
.SelLijstLink {
    /* text-decoration:underline; */
    color: #006699;
    height:2px;
    cursor:pointer;
}

.SelLijstLinkDisabled {
    /* text-decoration:underline; */
    color: #777;
    height:2px;
    cursor:auto;
}

.SelLijstLinkDisabledZwart {
    /* text-decoration:underline; */
    height: 2px;
    cursor: auto;
}

.SelLijstscheef {
    font-size: 11px !important;
    font-style: italic !important;
}

.SelLabel {
    position:relative;
    left:220px;
}

.Seldghdc
{
    padding:  0px 2px 0px 2px;
    border-left: solid 1px #D9D9D9;
    border-right: solid 1px #D9D9D9;
    border-top: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
    white-space:nowrap;
    height:22px;
    background-color:#D9D9D9 !important;
    background-repeat: repeat-x;
}

.Seldghdc2 {
    padding: 4px 2px 0px 2px;
    border-left: solid 1px #D9D9D9;
    border-right: solid 1px #D9D9D9;
    border-top: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
    white-space: nowrap;
    height: 22px;
    background-color: #D9D9D9 !important;
    background-repeat: repeat-x;
}

.Seldgcel
{
    padding:  2px 2px 10px 2px;
    border-left: white;
    border-right: white;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
    white-space:nowrap;
    overflow:hidden;
    vertical-align:top;
}

.Seldgcel2Top {
    padding: 4px 2px 4px 2px;
    border-left: white;
    border-right: white;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.Seldgcel2 {
    padding: 2px 2px 2px 2px;
    border-left: white;
    border-right: white;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}


.dgcelListpage {
    padding: 6px 2px 3px 2px;
    border-left: white;
    border-right: white;
    border-bottom: solid 1px #EAE9E1;
    border-top: white;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.Seldgrw1
{
    background-color: #FFFFFF;
}

.Seldgrw2
{
    background-color: #FFFFFF;
}

.coreindtd 
{
    vertical-align:top;
}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .5 !important;
    filter: Alpha(Opacity=50) !important; /* support: IE8 */
}
.no-close .ui-dialog-titlebar-close {
    display: none;
}

#indicator, .indicator {
    display: inline-block;
    padding: 7px 13px 0;
    position: relative;
}

    #indicator > span, .indicator > span {
        display: block
    }

    #indicator > :first-child, .indicator > :first-child {
        display: block;
        color: #bfbfbf;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        text-shadow: 0 0 1px #fff;
        padding-left: 0;
        text-align: left
    }

#indicator-selector, .indicator-selector {
    max-width: 97%;
    white-space: nowrap;
    background: 0 0;
    border: none;
    padding: 0;
    text-align: left;
    color: #555;
    font-size: 14px;
    cursor: pointer
}

.IndLabel {
    padding-left: 7px;
    padding-bottom: 2px;
    color: darkgrey ;
    font-size: 12px;
}

.afval, .afvalo, .fatekst, .fateksto, .fachevron, .faherhaal, .facirkel, .fileso {
    font-size: 14px;
    color: #797171 !important;
}

.tdzoek {
    width: 100%;
    background-color: #F1F2F5 !important;
    /*border-top: 1px solid darkgrey;
    border-bottom: 1px solid darkgrey;*/
    padding-top: 5px;
    padding-bottom: 5px;
}

.globalzoek {
    /*background-color: #F1F2F5;*/
    background-color: #fff;
    width: 10%;
}

.btnalert-danger {
    color: black !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}

    .btnalert-danger:hover,
    .btnalert-danger:focus,
    .btnalert-danger.focus,
    .btnalert-danger:active,
    .btnalert-danger.active,
    .open > .dropdown-toggle.btnalert-danger {
        color: #fff !important;
        background-color: rgba(211, 146, 146, 1) !important;
        border-color: #ac2925 !important;
    }

input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
    border-color: #4f3e8f !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(79, 62, 143, 0.4) !important;
    outline: 0 none !important;
}

.bootstrap-select .btn:focus {
    border-color: #4f3e8f !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(79, 62, 143, 0.4) !important;
    outline: 0 none !important;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

/*voorkomt een lelijke focus border rand*/
a:focus {
    outline: none !important;
    outline-offset: -2px;
}