/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------  
Regola creata da Matteo per non vedere linguette dei DIV
--------------------------------------------------*/

.tabberlive 

.tabbertab h2 {
 display:none;
}



/*--------------------------------------------------  
Regola richiesta per nascondere il contenuto non
  attivo delle tab.
  

--------------------------------------------------*/
.tabberlive 

.tabbertabhide {
 display:none;
}/*--------------------------------------------------
  

Classe .tabber = prima l'interfaccia sia creata
  

Classe .tabberlive = dopo che l'interfaccia è stata creata
  

--------------------------------------------------*/


.tabber {
}
.tabberlive {
 margin-top:1em;
}/*--------------------------------------------------
  

ul.tabbernav = la lista di navigazione delle tab
  

li.tabbernav = il list item con la tab attiva
  

--------------------------------------------------*/

ul.tabbernav {
 
margin:0;
padding: 3px 0;
border-bottom: 1px solid #006699; 
font: bold 12px arial,verdana,sans-serif;
}

ul.tabbernav li
{list-style: none; margin: 0; display: inline;}
ul.tabbernav li a{ padding: 3px 0.5em; margin-left: 5px; 
border: 1px solid #006699;border-bottom: none; background: #EBEBEB; text-decoration: none;}
ul.tabbernav li a:link { color: #006699; }
ul.tabbernav li a:visited { color: #006699; }
ul.tabbernav li a:hover{ color: #006699; background: #D2D2D2; border-color: #006699; 
}

ul.tabbernav li.tabberactive 

a{ color: #000; background-color: #fff; border-bottom: 1px solid #fff;}


ul.tabbernav li.tabberactive 

a:hover{ color: #000; background: white; border-bottom: 1px solid white;}


/*--------------------------------------------------  Classe .tabbertab = il contenuto delle tab  --------------------------------------------------*/
.tabberlive .tabbertab { border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding:5px; border-top:0px none; }/*
 
If desired, hide the heading since a heading is provided by the tab */.tabberlive .tabbertab h2 { display:none;}
.tabberlive .tabbertab h3 { display:none;}/* 

Example of using an ID to set different styles for the tabs on the page */

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