/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none; 
}

/*Top level list items*/
.suckertreemenu ul li{
border-right:1px dotted #C0C0C0; position: relative;
position: relative;
display: inline;
float: left 
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
width: 100%; /*Width of top level menu link items*/
text-decoration: none;
color: #000000;font-family:Trebuchet MS; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; font-size:12px
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 100%; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 180px; /*width of sub menu levels*/
color: #000000;
text-decoration: none;
border: 1px solid #CCCCCC; font-family:Trebuchet MS; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px; background-color:#FFFFFF; text-align:left
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; text-align:center }
/* End */


h1 {
font-family: Trebuchet MS, Arial, Verdana;
font-size: 13px;
margin-bottom: 0px;
margin-top: 0px;
color: #800000; text-align:left
}

h2{
font-family: Trebuchet MS, Arial, Verdana;
font-size: 13px;
margin-bottom: 0px;
margin-top: 0px;
color: #39599C; text-align:left 

}

h3{
font-family:Trebuchet MS, Arial, Verdana;
font-size:12px;
margin-bottom: 0px;
margin-top: 0px;
color: #000000; 
font-style:italic; text-align:justify
}


h4{
font-family:Trebuchet MS, Arial, Verdana, helvetia, sans-erif;
font-size:12px;
margin-bottom: 0px;
margin-top: 0px;
color: #000000; text-align:justify 
}



.testonero{
font-family: Trebuchet MS, Arial, Verdana;
font-size: 12px;
margin-bottom: 0px;
margin-top: 0px;
color: #000000; 
}

.titolo { font-family:"Trebuchet MS", Arial, Verdana; color: #800000; font-size:16px; line-height:200%  }
.occhiello { font-family:"Trebuchet MS", Arial, Verdana; color: #666666; font-size:12px; text-align:justify; font-style:italic  }
.testo { font-family:"Trebuchet MS", Arial, Verdana; color: #666666; font-size:12px; text-align:justify;   }
.testineri   { font-family:verdana, arial, helvetia, sans-erif; color: #333333; font-size:12px; line-height:200%  }

.testigrigi   { font-family:verdana, arial, helvetia, sans-erif; color: #999999; font-size:12px; line-height:200%; text-align:left  }
.testibianchi   { font-family:verdana, arial, helvetia, sans-erif; color: #FFFFFF; font-size:10px; line-height:200%  }
.testigrigipiccoli   { font-family:verdana, arial, helvetia, sans-erif; color: #999999; font-size:10px; line-height:200%  }
.testirossi   { font-family:"Trebuchet MS", verdana, arial, helvetia, sans-erif; font-size:12px; color:#800000; font-weight:bold}
.testobianco   { font-family:"Trebuchet MS", verdana, arial, helvetia, sans-erif; font-size:12px; color:#FFFFFF; font-weight:bold}
.testogrigio   { font-family:"Trebuchet MS", Arial, Verdana; color: #666666; font-size:12px; line-height:200%; text-align:left  }
.testibianchipiccoli   { font-family:verdana, arial, helvetia, sans-erif; color: #FFFFFF; font-size:10px; line-height:200%  }
.tool   { font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #000000; font-size:12px; line-height:200%; text-align:left  }
.toolblu   { font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #39599C; font-size:13px; line-height:200%; font-weight:bold  }
.toolgrigio   { font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #C0C0C0; font-size:13px; line-height:200%; font-weight:bold; text-transform:capitalize; font-variant:small-caps  }
.toolnero   { font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #000000; font-size:11px; line-height:200%;    }
.toolpromo   { font-family:Verdana, arial, helvetia, sans-erif; color: #FFFFFF; font-size:10px; line-height:200%; text-align:left    }

a:link.promo
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #FFFFFF; font-size:11px; text-decoration:none;  font-weight:bold; }
a:visited.promo
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #FFFFFF; font-size:11px; text-decoration:none;   font-weight:bold; }
a:hover.promo
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #FFFFFF; font-size:11px; font-weight:bold; text-decoration:none    }


a:link
{font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #000000; font-size:12px; line-height:200%; text-align:left; text-decoration:none;   }
a:visited
{font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #000000; font-size:12px; line-height:200%; text-align:left; text-decoration:none;    }
a:hover
{font-family:Trebuchet MS, verdana, arial, helvetia, sans-erif; color: #000000; font-size:12px; line-height:200%; text-align:left; text-decoration:none;  }




a:link.blu
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #800000; font-size:12px; text-decoration:none; font-weight:bold  }
a:visited.blu
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #800000; font-size:12px; text-decoration:none; font-weight:bold   }
a:hover.blu
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #800000; font-size:12px; font-weight:bold; text-decoration:none}

a:link.blupic
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #800000; font-size:10px; text-decoration:none; font-weight:bold  }
a:visited.blupic
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #800000; font-size:10px; text-decoration:none; font-weight:bold   }
a:hover.blupic
{font-family:  font-family:verdana, arial, helvetia, sans-erif; color: #800000; font-size:10px; font-weight:bold; text-decoration:underline    }



#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-family:verdana, arial, helvetia, sans-erif; color: #666666; font-size:11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


/*css per i Tab schede */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{
border-bottom: 1px solid #CCCCCC;
z-index=1;
/* width: 90%; width of menu. Uncomment to change to a specific width */
}

.shadetabs ul{
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: right; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:3px
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
margin-right: 3px;
border: 1px solid #CCCCCC;
color: #000000;
z-index:1;
background: white url('http://www.class24.net/images/shade.gif') repeat-x top left; padding-left:7px; padding-right:7px; padding-top:3px; padding-bottom:3px;
}

.shadetabs li a:visited{
color: #000000;
}

.shadetabs li a:hover{
font-family:Trebuchet MS; 
}

.shadetabs li.selected{
position: relative;

top: 1px; 
}

.shadetabs li.selected a{ /*selected main tab style */
z-index=1;
border-bottom-color: white
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url('media/shadeactive.gif');
border-bottom-color: white

}

#flash { 
position: relative; /*or absolute*/ 
z-index: 0; 
}