/*--------------------------------------------------
  Regola richiesta per nascondere il contenuto non
  attivo delle tab.
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

div.tabbertab h4{font-size: 11px; font-weight:700;  background: #fff; text-align:center; margin:0 auto; border:1px #999 solid; border-left:none; border-right:none; border-top:none;}

/*--------------------------------------------------
  Classe .tabber = prima che l'interfaccia sia creata
  Classe .tabberlive = dopo che l'interfaccia è stata creata
  --------------------------------------------------*/
.tabber {

}
.tabberlive {
margin-top:5px;
}

/*--------------------------------------------------
  ul.tabbernav = la lista di navigazione delle tab
  li.tabbernav = il list item con la tab attiva
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 11px Verdana, sans-serif;
 border-bottom:1px solid #666;
 clear:both;
}

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

ul.tabbernav li a
{
 color:#000;
 padding: 3px 4px;
 margin-left: 3px;
 border:1px solid #666;
 border-bottom: none;
 background: url(images/tab.jpg);
 text-decoration: none;
}

ul.tabbernav li.tabberactive a
{
 background: url(images/tab_active.jpg);
 border-bottom:1px solid #ffffcc;
 font-weight:700;
}

/*--------------------------------------------------
  Classe .tabbertab = il contenuto delle tab
  --------------------------------------------------*/
.tabberlive .tabbertab {
 background:inherit;
}
.tabberlive .tabbertab h2 {display:none; }