﻿body
{
    background-color: #E6E6E8; /*v3*/ /*v4     background-image: url(../image/longwave.jpg);     background-repeat: repeat;*/
    margin: 0px; /*font-family: Arial;     font-size: 85%;*/
    font-family: "Arial";
    font-size: 12px;
    line-height: 18px;
}
.loadbrowse
{
    font-family: "Arial";
    font-size: 12px;
    height: 23px;
    top: -1px;
}

.WorkspaceDivWidth, .WorkspaceDivWidthFooterIE
{
    width: 1050px;
    left: 50%;
    margin-left: -525px;
    position: absolute;
}
.WorkspaceDivWidthFooterIE
{
    width: 1050px;
}

.headerDiv
{
    background-image: url(../image/longwave.jpg);
    background-repeat: repeat-x;
    opacity: 1;
    height: 208px;
    padding: 0px;
    top: 0px;
    z-index: -2;
    position: absolute;
}
.topbarbackground
{
    background-color: White;
    position: relative;
    float: left;
    opacity: .4;
    width: 100%;
    top: 0px;
    height: 20px; /*-moz-box-shadow: 0px 1px 10px #222; /* Firefox/Mozilla */ /*-webkit-box-shadow: 0px 1px 10px #222; /*Safari/Chrome */ /*box-shadow: 0px 2px 10px 0px #222; /* Opera & hoe het zou moeten */ /* Voor IE 8 */ /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* Voor IE 5.5 - 7 */ /*    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
}
.topbarbackground
{
    z-index: -1;
}

.topmenuDiv
{
    border: solid 1px #E6E6E8;
    background-color: #E6E6E8;
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
    float: right;
    z-index: 1;
    top: 0px;
    line-height: 18px;
    height: 18px;
}
.logoDiv
{
    position: absolute;
    left: 10px;
    top: 38px;
    z-index: 10;
}

.menutable
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none 0;
    z-index: 10;
}


.MainTable
{
    border: solid 1px black;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    margin-right: 5px;
    border: none 0px;
    border-spacing: 0px;
}

.MainTableLeftCell
{
    margin-left: 5px;
    padding-left: 5px;
}
.MainTableRightCell
{
    margin-right: 5px;
    padding-right: 5px;
}

.MenuRowFlags
{
    background-color: White;
    padding-right: 5px;
}
.MenuRow
{
    background-color: Navy;
    color: White; /*padding-right: 5px;*/
}
.emptyRow
{
    height: 4px;
}
.SelectedNode, .SelectedTableRow
{
    background-color: Navy; 
    color:white;
}
.LeafNode
{
    font-weight:bold;
}
.TreeNode
{
    color: black;
}
.HoverTreeNode
{
    background-color: Navy;
    color: white;
}

.SettingsPanel
{
    display: none;
    background: #f5f5f5;
    position: relative;
    top: 12px;
    left: 22px;
    visibility: hidden;
    z-index: 10;
}

a.menu:visited, a.menu:link
{
    color: black;
    text-decoration: none; /*font-weight: bold;*/
    padding: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}
a.menu:hover, a.menu:active, .menuselected
{
    margin: 0px;
    padding: 3px;
    height: 30px;
    color: White;
    background-color: Navy;
}

.menuitem
{
    color: black;
    text-decoration: none; /*font-weight: bold;*/
}

.submenuText
{
    color: white;
    text-decoration: none; /*font-weight: bold;*/
    padding-left: 12px;
    padding-right: 12px;
}

.MinHeightCss
{
    /*min-height:expression(document.body.clientHeight * 0.8 + "px");*/
    height: 580px;
    visibility: visible;
}

.ScrollableDiv
{
    /*height:expression( document.body.clientHeight < 1850 ? document.body.clientHeight : "auto" ); /* set min-width for IE */
    text-align: left;
    overflow: Auto; /*min-height: 600px;     height: auto;     _height: 600px;*/
    height: 500px;
}

.divSearch
{
    /*background-color: transparent;*/
    border-width: 3px;
    background-color: Transparent;
    border-color: Black; /*border-bottom-width: 0px;     border-left-width: 0px;     border-right-width: 0px;     border-top-width: 0px;*/
    font-size: 13px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    vertical-align: top; /*width: 20em;*/
}

input
{
    border-collapse: collapse;
    color: #000000; 
    text-align: inherit;
    text-indent: 0px;
    text-transform: none;
}

span.searchword
{
    font-weight: bold;
    color: #FF9900;
}
input:disabled {  
}
.disabled_textbox
{
    background-color: Red!important;
}

/* linkbutton voor rr c32_1 */
.linkbuttonSelected
{
    background-color: Navy;
    color: White;
}

.linkbutton
{
    color: Black;
    font-family: Arial;
    cursor: hand;
    border: none;
}
.linkbutton:hover
{
    text-decoration: underline;
}

A:link
{
    text-decoration: none; /*color: #000000;*/
}

A:visited
{
    text-decoration: none; /*color: #000000;*/
}

A:active
{
    text-decoration: none; /*color: #000000;*/
}

A:hover
{
    /*background-color:Navy;  color: White;*/
}

.SideWidth
{
    width: 12%; /* 100 - (y * 2) */
}

.WorkspaceDiv, .BladDiv
{
    /*left:20px;*/
    top: 90px; /*background-color: #FFFFFF;*/
    position: relative;
    padding: 0px;
    margin-top: -10px;
    height: auto; /*620px; /*centreer div*/ /*left: 50%;     margin-left: -38%; /* - (width/2)  */
    overflow: auto;
    border: none 1px black;
    border-radius: 5px; /* hor offset shadow, vert offset shadow, blur distance, spread distance, color */
    z-index: 10;
}
.divdefault
{
    border: solid 1px black;
}
.BladDiv, .BladDivIE, .BladDivRegel
{
    background-image: url(../image/bck_workdiv4.jpg);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    border: solid 1px back;
    border-radius: 5px;
    position: relative;
    float: right;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 0px;
    top: -5px;
    right: -14px;
    height: 650px;
    width: 1050px;
    z-index: 310;
}
.BladDivRegel
{
    top: 5px; /*20*/
    height: 665px;
    right: 20px;
    width: 741px;
}
.BladDivIE
{
    top: 5px; /*20*/
    right: 20px;
    width: 741px;
    height: 665px;
    overflow: auto;
}

/* Container HiddenDiv same Width Shadowbox */
.ContainerHiddenDiv
{
    margin-top: 30px;
    border: none;
    left: 50%;
    margin-left: -38%; /* - (width/2)  */
    position: relative;
}
/*Shadowed*/
.shadowed
{
    /* hor: vert blur color*/
    -moz-box-shadow: 0px 0px 15px #222; /* Firefox/Mozilla */
    -webkit-box-shadow: 0px 0px 15px #222; /*Safari/Chrome */
    box-shadow: 0px 0px 15px #222; /* Opera & hoe het zou moeten */ /* Voor IE 8 */ /*box-shadow: 0px 0px 6px 0px black; /* Opera & hoe het zou moeten */ /* Voor IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* Voor IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.shadowed2
{
    -moz-box-shadow: 6px 2px 4px #222; /* Firefox/Mozilla */
    -webkit-box-shadow: 3px 2px 4px #222; /*Safari/Chrome */
    box-shadow: 0px 2px 20px 0px #222; /* Opera & hoe het zou moeten */ /* For IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=8, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=8, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=8, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=8, Direction=270); /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=8, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=8, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=8, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=8, Direction=270); /*filter: progid:DXImageTransform.Microsoft.Shadow(color=’#ff0000′, Direction=45, Strength=1)  progid:DXImageTransform.Microsoft.Shadow(color=’#ece8e8′, Direction=135, Strength=3)  progid:DXImageTransform.Microsoft.Shadow(color=’#ece8e8′, Direction=225, Strength=3)  progid:DXImageTransform.Microsoft.Shadow(color=’#ece8e8′, Direction=315, Strength=3);    */ /*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
}
.shadowedtop
{
}
.shadowedimage
{
    width: 95%;
    overflow: visible;
    border: solid 1px black;
    background-color: Black;
    -moz-box-shadow: 6px 2px 4px #222; /* Firefox/Mozilla */
    -webkit-box-shadow: 3px 2px 4px #222; /*Safari/Chrome */
    box-shadow: 3px 3px 6px #222; /* Opera & hoe het zou moeten */ /* For IE 8 */ /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* Voor IE 5.5 - 7 */
    zoom: 1; /* This enables hasLayout, which is required for older IE browsers */
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=8, Direction=0), /* For IE 5.5 - 7 */;
}

/* power by box*/
.footerDiv, .footerDivIE
{
    background-color: #ffffff; /*#CAECF2; /*border: solid 1px gray;*/
    border: solid 1px #c2c2c8;
    border-collapse: collapse;
    border-width: thin;
    border-top: none 0px;
    padding: 0px;
    margin-top: 0px;
    position: relative;
    top: 740px;
    height: 90px; /*centreer div*/ /*left: 50%;     margin-left: -38%; /* - (width/2)  */
    border-radius: 4px; /* hor offset shadow, vert offset shadow, blur distance, spread distance, color */
    z-index: 100;
}

.footerDivIE
{
    margin-left: 0px;
}
.PowerbyDiv
{
    border-radius: 4px;
    background-color: #ffffff;
    border: none 1px black;
    height: 68px;
    width: 400px; /*430*/
    padding: 5px;
    padding-top: 15px;
    z-index: 400;
    overflow: visible;
    font-size: 9px;
}
.logo_image
{
    border: none 0px black;
}

.BoxPosLeft
{
    float: left;
    padding-left: 18px;
    width: 310px;
}
.BoxPosRight
{
    float: right;
    text-align: right;
    padding-right: 12px;
    width: 347px;
}
.homefootnote
{
    float: left; /*margin-bottom: -10px;/*5*/
    width: 255px;
}
/*Rekenregels Layout*/
.RRNaam
{
    font-weight: bold; /*font-size: 17px;*/
    color: Navy;
    text-align: left;
}
.RRButton
{
    text-align: center;
    font-family: "Arial";
    font-size: 12px;
}

.TreeAndWorkspaceDiv
{
    top: 70px;
    overflow: hidden;
    width: 1100px;
    height: 680px;
    z-index: 200;
    border: none 0px black;
    border-left: solid 1px #c2c2c8;
    border-collapse: collapse;
    border-left-width: thin;
}

.RegelPanel
{
    /*height: 550px; /*width: 720px;*/
    margin-right: 10px;
    position: relative;
    float: right;
}
.RegelTreeDiv, .RegelTreeDivIE
{
    /*position: relative;     width: 330px;     float: left;     height: auto; */ /*width:200px;*/
    background-color: #f6f6f6; /*#E3E3E3;*/ /*background-color:Transparent;     background-image:url(../image/treebckgrnd.jpg);     background-repeat:repeat;*/
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: solid 3px white;
    padding-left: 12px; /*padding-top: 30px;*/ /*padding-bottom: 0px;*/
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
}
.RegelTreeDiv
{
    margin-top: 46px;
    margin-left: -6px;
    height: 622px;
    width: 302px;
}
.TreeViewTable
{
}
.RegelTreeDivIE
{
    /*margin-top: 46px;     margin-left: -17px;     height: 622px;     width: 330px;*/
    margin-top: 46px;
    margin-left: -6px;
    height: 622px;
    width: 308px;
}
.RegelTreePanel
{
    /*overflow: hidden;*/ /*height: auto;*/
}
.TreeBackground
{
    background-color: Red;
    margin-top: 10px;
}
/**/
.contactTable
{
    border: none 0px;
    width: 100%;
}
.dummietreePageTable
{
    border: none 0px;
}
.imagebox, .imagebox2
{
    background-color: White;
    text-align: center;
    vertical-align: middle;
    border: solid 1px lightgray;
    border-radius: 4px;
    width: 200px;
    height: 70px;
    padding-top: 10px;
}
.imagebox2
{
    height:140px;
}

.RMOverlay
{
    position: relative;
    overflow: hidden;
    top: -70px;
    left: 150px;
}
.TextBoxDiv
{
    border: solid 1px #c2c2c8;
    border-collapse: collapse;
    border-width: thin;
    padding: 1px;
    border-radius: 6px;
    width: 335px;
    font-size: 12px;
    overflow: auto;
}
.TextBoxDivFullWidth
{
    width: 700px;
    }
.TextBoxTitle
{
    margin: 0px;
    padding: 6px;
    background-color: #c2c2c8; /*#E6E6E8;*/
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 15px;
    font-weight: bold;
}
.TextBoxContent
{
    padding: 6px;
}

.logindiv
{
    margin: 20px;
}
.loginstyle
{
    margin-top:10px;
    width:80px;
}

.logo{
    position: relative;
    top: -20px;
    left: -50px;
    float:right;
    width:100px;
    z-index: 3; 
}