/*--------------------------------------------------
  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:10px;*/
	/*height:100%;*/
}

/*--------------------------------------------------
  ul.tabbernav = la lista di navigazione delle tab
  li.tabbernav = il list item con la tab attiva
  --------------------------------------------------*/
ul.tabbernav
{
	height:25px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px ;
	border-bottom: 0px solid black;
	font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
	height:30px;
	width: 100%;
	list-style: none;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
	display: inline;
}

ul.tabbernav li a
{
	float: left;
	background: url("bianco.gif") no-repeat top left;
	height: 100%;
	width:100px;
	/*
	Quà c'è un problema..
	Praticamente se metto il padding per centrare i link nei tabs, in IE va tutto ok ma 
	con altri browsers, le tab si espandono in basso e vanno ad occupare una parte dello
	spazio dedicato al contenuto della tab
	ATTENZIONE VEDI SOTTO!!
	*/
	padding: 10px 0px 0px 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	
	border-bottom: 1px solid white;
}

ul.tabbernav li a:link { color: #496c9f; }
ul.tabbernav li a:visited { 
	color: #496c9f;
	
	border-bottom: 1px solid white;
}

/* Stile delle tab grafiche */
ul.tabbernav li a:hover
{
	text-decoration: underline;

	/* stile blue*/
	/*
	color: white;
	border-bottom: 1px solid #8cb6e7;
  	background: url("blu.gif") no-repeat top left;
*/
	
	/* stile arancio*/
	
	color: #496c9f;
	border-bottom: 1px solid white;/*#8cb6e7;*/
  	background: url("arancio.gif") no-repeat top left;
	
  	}

ul.tabbernav li.tabberactive a 
{
	color: #fff;
	border-bottom: 1px solid #8cb6e7;
  	background: url("blu.gif") no-repeat top left;
}

ul.tabbernav li.tabberactive a:visited
{
	color: #fff;
	border-bottom: 1px solid #8cb6e7;
	background: url("blu.gif") no-repeat top left;
}

ul.tabbernav li.tabberactive a:hover
{
	color: #fff;
	border-bottom: 1px solid #8cb6e7;
	background: url("blu.gif") no-repeat top left;
}

/*--------------------------------------------------
  Classe .tabbertab = il contenuto delle tab
  --------------------------------------------------*/
.tabberlive .tabbertab {

	/*
	ECCOCI!
	Quà è uscita la soluzione al problemadi sopra!
	Praticamente ho settato a 0 questo paddingtop in modo tale da 
	correggere il difetto creato dal centramento del testo di sopra per IE e FIREFOX.
	Con Opera..
	*/
	padding:0px 3px 0px 10px;
	border:0px solid #c5daf3;
	border-top:0;
	border-left: 0;
	background-color: #8cb6e7;
	height:60px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
}
.tabberlive .tabbertab h3 {
	display:none;
}

/*links*/
a.linknav:link{
	color:#fff;
	padding-right: 15px;
	text-decoration: none;
	font: bold 11px Verdana, sans-serif;
}
a.linknav:visited{
	color:#fff;
	padding-right: 15px;
	text-decoration: none;
	font: bold 11px Verdana, sans-serif;
}
a.linknav:hover{
	color:#fff;
	padding-right: 15px;
	text-decoration: underline;
	font: bold 11px Verdana, sans-serif;
}