﻿body
{
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    height: 100%;
    max-height: 100%;
}

#framecontentTop
{
    left: 0; /*Set left value to WidthOfLeftFrameDiv*/
    right: 0;
    width: auto;
    height: 51px; /*Height of top frame div*/
    overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
    border-top: 2px solid #ADD8E6;
    border-bottom: 3px solid #ADD8E6;
    border-left: 3px solid #ADD8E6;
    border-right: 3px solid #ADD8E6;
}

#framecontentLeft
{
    position: absolute;
    top: 56px;
    left: 0;
    width: 230px; /*Width of left frame div*/
    -moz-height: calc(100% - 59px); 
    -webkit-height: calc(100% - 59px); 
    height: calc(100% - 59px);
    overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
    border-bottom: 3px solid #ADD8E6;
    border-left: 3px solid #ADD8E6;
    border-right: 3px solid #ADD8E6;
}

#maincontent
{
    position: fixed;
    left: 233px; /*Set left value to WidthOfLeftFrameDiv*/
    top: 56px; /*Set top value to HeightOfTopFrameDiv*/
    right: 0;
    bottom: 0;
    overflow: auto;
    border-bottom: 3px solid #ADD8E6;
    border-left: 3px solid #ADD8E6;
    border-right: 3px solid #ADD8E6;
}

.innertube
{
    /*margin: 15px;*/ /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body
{ /*IE6 hack*/
    padding: 120px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent
{ /*IE6 hack*/
    height: 100%;
    width: 100%;
}

* html #framecontentTop
{ /*IE6 hack*/
    width: 100%;
}
