@charset "utf-8";

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft, #framecontentRight {
position: absolute; 

top: 0px; 
padding left: 0px; 
width: 200px;
box-shadow: 0px 0px 3px #000;
background-color: rgba(0, 0, 0, 0.2);
/*Width of left frame div*/
border-right: 1px solid #423f3d;
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/

}

#framecontentRight{
left:auto;
right:0px; 
top:0px;
width: 200px; /*Width of right frame div*/
background-color: rgba(0, 0, 0, 0.2);
border-left: 1px solid #423f3d;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: white;
font-family: verdana;
}

#maincontent{
position: absolute; 
top: 0px;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 200px; /*Set right value to WidthOfRightFrameDiv*/
background-color:none ;
background:transparent;
background-size:cover;
bottom: 0;
overflow: hidden; 
}

.innertube{
margin: 5px 5px 5px 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.innertubedx{
margin: 5px 0px 5px -10px;
}

* html body{ /*IE6/IE9 hack*/
padding: 10px 215px 10px 310px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6/IE9 hack*/
height: 100%; 
width: 100%; 
}