body{
    font-family: Arial, sans-serif;
    font-size: 80%;

    overflow:hidden;
}
#maindiv {
    height: 400px;
    
    border: 1px solid #ddd;
    
}

#left {    
    overflow: auto;
    overflow-x:hidden;
    width: 150px;       /* optional, initial splitbar position */
    min-width: 50px;    /* optional */
    /* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#right {    
    min-width: 100px;
    overflow: auto;
    padding-left:-10px;
    /* No margin or border allowed */
}


.vsplitbar {
    width: 5px;
    background: #F0F0F0;
    border-left:1px solid #828790;
    border-right:1px solid #828790;
    background-image: url('/help/images/splitter1.png');
    background-repeat:no-repeat;
    background-position:center;
    
}
.vsplitbar.active, #splitter .vsplitbar:hover {
    border-left:1px solid #B2B7B0;
    border-right:1px solid #B2B7B0;
    background-image: url('/help/images/splitter1.png');
    
}
.vsplitbar.active{
    background-image: url('/help/images/splitter2.png');
}

#contents_tree_container{
    width:1000px;
    margin-top:5px;
    padding:0px 4px;
}

#footer{
    float:right;
    font-size:75%;
    color:#999;
}
#logo{
    border-bottom: 1px solid #ddd;
    padding:5px;
}
    
#content{
    margin-left:5px;
    margin-right:5px;
    padding-top:2px;
}

#content_container{
    width:auto;
    overflow-x:hidden;
    overflow-y:auto;
}
#contents_label{
    padding-left:5px;
    padding-top:3px;
}
#header{
    font-weight:bold;
    border-bottom: 1px solid #eee;
    padding: 2px 0px 0px 5px;
    background-color:#eee;
    font-size:140%;
}