/***********************************
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
************************************/
.tabberlive .tabbertabhide {display:none;}
.tabberlive {margin-top:1em; width: 416px;}

/***********************************
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
************************************/
ul.tabbernav{margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif;}

ul.tabbernav li{list-style: none; margin: 0; display: inline;}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 text-decoration: none;
 position: relative;
}

ul.tabbernav li a { color: #003F5F; }
ul.tabbernav li a:hover{background-color:  #FAD264; color: #000;}
ul.tabbernav li.tabberactive a{color: #000; background-color: #fff0c7/*#FEF3D8*/; border-bottom: 1px solid #FEF3D8;}
ul.tabbernav li.tabberactive a:hover{cursor: default;}

/***********************************
  .tabbertab = the tab content
  **********************************/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 background-color: #fff0c7/*#FEF3D8*/;
 /*height:200px;*/ 
}

.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}

.tabberlive#tab2 .tabbertab {height:200px; overflow:auto;}