* {

/*

   font-family: verdana, arial, "Lucida Sans Unicode", sans-serif; 

   font-size: 13px; 

*/

   margin-top: 0px; 

}



html { height: 100%; }



body {

   margin: 0; 

   padding: 0; 

   border: 0; 

   overflow: hidden; 

   height: 100%;  

   max-height: 100%; 

}



* html #mainContent {  /*IE6 hack*/ 

   height: 100%; 

   width: 100%; 

}



* html body {

   padding: 60px 0 30px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/ /*IE6 hack*/

}



#frameContentTop, #frameContentBottom {

   position: absolute; 

   top: 0; 

   left: 0; 

   width: 100%; 

   height: 60px; /*Height of top frame div*/ 

   /*overflow: hidden; */ /*Disable scrollbars. Set to "scroll" to enable*/ 

}



#frameContentTop { z-index: 2; }



#frameContentBottom {

   top: auto; 

   bottom: 0; 

   background-color: #99CCFF;

   height: 30px; /*Height of bottom frame div*/ 

   overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/ 



   background: rgb(255,255,255); /* Old browsers */

   /* IE9 SVG, needs conditional override of 'filter' to 'none' */

   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OWNjZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

   background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(153,204,255,1) 100%); /* FF3.6+ */

   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(153,204,255,1))); /* Chrome,Safari4+ */

   background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(153,204,255,1) 100%); /* Chrome10+,Safari5.1+ */

   background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(153,204,255,1) 100%); /* Opera 11.10+ */

   background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(153,204,255,1) 100%); /* IE10+ */

   background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(153,204,255,1) 100%); /* W3C */

   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#99ccff',GradientType=0 ); /* IE6-8 */

}



#mainContent {

   position: fixed; 

   left: 0; 

   right: 0; 

   overflow: auto; 

   background: #fff; 

   z-index:1; 

   top: 60px; /*Set top value to HeightOfTopFrameDiv*/ 

   bottom: 30px; /*Set bottom value to HeightOfBottomFrameDiv*/ 

}



#contentTop {

   border-bottom: solid 5px #006699; 

   height: 60px; 

   vertical-align: middle; 

   z-index: 3; 

   width: 100%;

}



#contentBottom * { font-size: 10px; }

#contentBottom {

   height: 30px; 

   vertical-align: middle; 

   border-top: solid 1px #D0D0D0;

   width: 100%;

}



/*#contentTop td,*/ #contentBottom td {

   overflow: hidden; 

}



#innerIFrame {

   width: 100%; 

   height: 100%; 

}



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