
#layoutContainer{
background:none repeat scroll 0 0 #F0F0F0;
height:100%;
margin:0 auto;
min-height:100%;
position:relative;
}

#LayoutHeader
{
    background-image: url(../image/gui/layout/header_bg.jpg);
    background-repeat: repeat-x;
    /*width:expression(parentElement.style.pixelWidth);*/
    width:100%;
    height:77px;
    font-weight: bold;
    float:left;
}

#headernaam
{
     margin-left:260px;
     margin-top:5px;
}

#headerLogo
{
    background-image: url(../image/gui/layout/logo.png);
	width:247px;
    height:60px;
    float:left;
    margin-left:50px;
}

#beincontrol
{
    display:inline;
    font-size:9px;
    font-weight: normal;
}

#layoutUpperBox
{
    float:right;
    bottom:0px;
    right:15px;
    font-size:14px;
    font-weight: normal;
    color:#ffffff;
    width:450px;
}

#layoutBottomBox{
	padding-left:135px;
}

#layoutBottomBox a:visited, #layoutBottomBox a:visited, #layoutBottomBox a:link, #layoutBottomBox a , #layoutBottomBox a:hover
{
    text-decoration: none;
}


#tab_home{
	width:113px;
    height:28px;
    background-image: url(../image/gui/layout/menu_stats.jpg);
    display:table;
    float:left;
}

#tab_help{
	width:74px;
    height:28px;
    background-image: url(../image/gui/layout/menu_help.jpg);
    display:table;
    float:left;
}



#UserPanel
{
    height:28px;
    background-image: url(../image/gui/layout/user.png);
    background-position: 2px 0px;
    background-repeat: no-repeat;
    font-size:12px;
    font-weight: normal;
    color:#909090;
    padding-left:20px;
    margin-top:10px;
    padding-right: 15px;
    float:left;
}



#UserPanel a:visited, #UserPanel a:visited, #UserPanel a:link, #UserPanel a , #UserPanel a:hover
{
    font-size:12px;
    text-decoration:underline;
    color:#909090;
    font-weight: normal;
    text-decoration: underline;
}

#userName{
    color:#ffffff;
    float:left;
}

#middleContainer{
width:100%;
/*height:expression(parentElement.offsetHeight);*/
height:100%;
}

#NavigationFrame
{
    width:16%;
    background-color:#ffffff;
    float:left;
    height:100%;
    border-right: 1px solid #545454;
    /*height:expression(parentElement.offsetHeight-77);*/
}

#ContentFrame
{
	float:left;
    /*width:expression(parentElement.style.pixelWidth-200);
	height:expression(parentElement.offsetHeight-77);*/
	width:83%;
	height:100%;
}

#FrameBorder
{
    margin-top:5px;
    margin-left:-1px;
    float:left;
    margin-left:0px;
	/*height:expression(parentElement.offsetHeight);*/
	height:100%;
    width:5px;

}

#navtopcontainer
{
    height:2px;
    font-size:1px;
    /*width:expression(parentElement.offsetWidth);*/
    width:100%;
}

#navlefttop
{
    background-image: url(../image/gui/layout/navlefttop.jpg);
    font-size:1px;
    height:2px;
    width:4px;
    float:left;
}
#navtop
{
    background-image: url(../image/gui/layout/navtop.jpg);
    font-size:1px;
    height:2px;
    float:left;
    /*width:expression(parentElement.offsetWidth-8);*/
    width:100%;
}
#navrighttop
{
    background-image: url(../image/gui/layout/navrighttop.jpg);
    font-size:1px;
    height:2px;
    width:4px;
    float:left;
}
#navmiddlecontainer
{
    font-size:1px;
    /*height:4px;
    width:expression(parentElement.offsetWidth);
    height:expression(parentElement.offsetHeight-10);*/
    width:100%;	
	height:100%;
	background-color:#ffffff;
}

#navleft
{
    background-image: url(../image/gui/layout/navleft.jpg);
    width:4px;
    /*height:expression(parentElement.offsetHeight);*/
    float:left;
}
#nav
{
    /*width:expression(parentElement.offsetWidth-8);*/
    float:left;
    padding-left:10px;
    background-color:#ffffff;
    /*height:expression(parentElement.offsetHeight);*/
    height:100%;  
}

#navigationiframe{
	/*margin-top:10px;*/
	/*padding-left:10px;*/
}

#navright
{
    background-image: url(../image/gui/layout/navright.jpg);
    width:4px;
    float:left;
    /*height:expression(parentElement.offsetHeight);*/
    height:100%;
}
#navbottomcontainer
{
    font-size:1px;
    height:4px;
    /*width:expression(parentElement.offsetWidth);*/
    width:100%;
}
#navleftbottom
{
    background-image: url(../image/gui/layout/navleftbottom.jpg);
    font-size:1px;
    height:4px;
    width:4px;
    float:left;
}
#navbottom
{
    background-image: url(../image/gui/layout/navbottom.jpg);
    font-size:1px;
    height:4px;
    float:left;
    /*width:expression(parentElement.offsetWidth-8);*/
    width:100%;
}
#navrightbottom
{
    background-image: url(../image/gui/layout/navrightbottom.jpg);
    font-size:1px;
    height:4px;
    width:4px;
    float:left;
}

#contenttopcontainer
{
    font-size:1px;
    height:2px;
    /*width:expression(parentElement.offsetWidth);*/
    width:100%;
}
#contentlefttop
{
    background-image: url(../image/gui/layout/contentlefttop.jpg);
    font-size:1px;
    height:2px;
    width:2px;
    float:left;
}
#contenttop
{
    background-image: url(../image/gui/layout/contenttop.jpg);
    font-size:1px;
    height:2px;
    float:left;
    /*width:expression(parentElement.offsetWidth-2);*/
    width:100%;
}
#contentmiddlecontainer
{
    font-size:1px;
    /*height:expression(parentElement.offsetHeight-2);
    width:expression(parentElement.offsetWidth);*/
    height:100%;
    width:100%;
}
#contentleft
{
    font-size:1px;
    background-image: url(../image/gui/layout/contentleft.jpg);
    width:2px;
    /*height:expression(parentElement.offsetHeight-2);*/
    height:100%;
    float:left;
}

#content
{
    float:left;
    background-color:#efeff1;
    /*width:expression(parentElement.offsetWidth-2);
    height:expression(parentElement.offsetHeight-2);*/
    height:100%;
    width:100%;
}

#blurall
{
    /*height:expression(parentElement.offsetHeight);
    width:expression(parentElement.clientWidth);*/
    left:0px;
    top:0px;
	position:absolute;
	display:none;
    background-image : url(../image/gui/bg.gif);
    height:100%;
    width:100%;
}
#blurall2
{
    /*height:expression(parentElement.offsetHeight);
    width:expression(parentElement.clientWidth);*/
    left:0px;
    top:0px;
	position:absolute;
	height:100%;
    width:100%;
}

#smallwindow
{
    /*width:expression(((parentElement.clientWidth > 620) ? 620 : parentElement.clientWidth - 5));
    height:expression(parentElement.offsetHeight-50);*/
    height:800px;
    width:620px;
}

#smallwindowiframe
{
    border-left:1px solid #A4A3A7;
    border-right:1px solid #A4A3A7;
    border-bottom:1px solid #A4A3A7;
}

#smallwindowheader
{
    width:620px;
}

#smallwindowheadertitel
{
    float:left;
    padding:3px;
    padding-left:10px;
    width:250px;
    border-left:1px solid #A4A3A7;
    border-right:1px solid #A4A3A7;
    border-top:1px solid #A4A3A7;
    background-color:#efefef;
    text-align:left;
    font-weight: bold;
}

#smallwindowheaderfill
{
      border-bottom:1px solid #A4A3A7;
      float:right;
      padding:3px;
      padding-right:10px;
      width:370px;
      text-align:right;
      font-weight: bold;
}

#smallwindowheaderfill a:visited, #smallwindowheaderfill a:link, #smallwindowheaderfill a , #smallwindowheaderfill a:hover
{
    text-decoration:none;
    color:#000000;
    font-weight: bold;
}

#contentiframe
{
    /*height:expression(parentElement.offsetHeight);
    width:expression(parentElement.offsetWidth);*/
    height:100%;
    width:100%;
}

