/* Bottoni Verticali */

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

li {
margin-bottom:5px;
}

a.y {
background-color:#abb;
text-decoration:none;
padding:2px;
padding-left:8px;
padding-right:8px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
border-bottom:solid 1px #677;
border-right:solid 1px #677;
}

a:hover.y {
text-decoration:none;
border-left:1px solid #455;
border-top:1px solid #455;
background-color:#899;
border-bottom:solid 1px #ddd;
border-right:solid 1px #ddd;
cursor:pointer;
}


/* Bottoni Orizzontali */

#button a{
background-color:#abb;
text-decoration:none;
padding:2px;
padding-left:8px;
padding-right:8px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
border-bottom:solid 1px #677;
border-right:solid 1px #677;
}

#button a:hover{
text-decoration:none;
border-left:1px solid #455;
border-top:1px solid #455;
background-color:#899;
border-bottom:solid 1px #ddd;
border-right:solid 1px #ddd;
cursor:pointer;
}


/* Span */

span.on a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC66FF;
border-bottom:2px dotted #FF6699;
text-decoration:none;
font-weight:bold;
}

span.on a:hover {
cursor:pointer;
color:#3399FF;
border-bottom:2px dotted #66CC33;
}

span.off a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF9933;
text-decoration:underline;
border-bottom:2px solid #FFCC33;
font-weight:bold;
}

span.off a:hover {
cursor:crosshair;
}