﻿body {
}
.tabPanel
  {
  position:absolute;
  margin: 4px;
  overflow: auto;
  /* the background of this must be the same of tabFiller */
  background: #fafafa;
  }   
 div#tabFiller1
   {
   /* position MUST be relative so to palce this and the TabFiller into a common z-order reference
    * this fix the Internet Explorer crappy BUG
    */
   position: relative;
   background: #fafafa;
   border: 0px solid black;
   height: 19em;
   /* z-Index must be lower than the one of tabMenuDiv since this div should be below it */
   z-index:1;
   }
div#tabMenuDiv1
   {
   /* position MUST be relative so to palce this and the TabFiller into a common z-order reference
    * this fix the Internet Explorer crappy BUG
    */
   position: relative;
   /* since the z-index is four this will be on top of the tabFiller border */
   z-index: 4;
   /*  background: #BBBBBB; */
   }
span.tabMenu1, span.tabMenuActive1, span.tabMenuOver1
   {
   /* the background must be the same as the tabFiller background */
   background: #BBBBBB;
   border: 0px solid black;
   margin: 0px 0px 0px 0px;     /* this moves the buttons to the right */
   padding: 0px 12px 3px 10px;
   vertical-align:bottom;
   }
#TabHL
{
	color:Black; font-family:Arial; font-size:11px; font-weight:bold; line-height:20px;
}
span.tabMenuActive1
   {
   /* the color must be the same as the tabFiller background */
   border-bottom: 0px solid #BBBBBB;
   background:  #FD0005;
   color: #FFFFFF;
   }
span.tabMenuOver1
   {
   /* You can set whatever foreground and background color you wish */
   background:  #FD0005;
   color: #FFFFFF;
   }

