/* ## Marinelli Dropdown menu, author Matteo Leoni: www.signalkuppe.com ##*/

body div#page{ /* this for z-index issues */
    position: static;
    z-index:1;
}
body div#header{
    position:static;
    z-index:1; /* this for z-index issues */
}


/* ## LI ## */

/* li containing sublevels */
#utilities #plinks ul li.expanded{
    position:relative;
    z-index:1;
}

#utilities #plinks .leaf, #utilities #plinks .expanded {
	margin-left:0px;
	margin-right:0px;
	padding-right:0px;
}

/* set li width */
/** set dropdown border color ***/
#utilities #plinks ul li.expanded ul li{
    font-size:100%;
    line-height:95%; /*Changes the height of the drop-down items */
    width:160px;
    z-index:100;
    margin:0px;
    padding:0px;
    border-bottom:1px solid black;
    border-left: 1px solid #6699CC;
    border-right: 1px solid #6699CC;
}


/* ## UL ## */

/* Hide first sublevel */
#utilities #plinks ul li.expanded ul{
    display:none;
}

/* First Sublevel */
ul.primosottolivello{
    margin:0px;
    padding:0px 5px 5px 0px; /* padding for background shadow */
    background: url(img/menushadow.png) no-repeat 3px 10%;
    width:160px;
    position:absolute;
    left:0px;
    top:30px;
    z-index:100;
}


/* Other Sublevels */
ul.sottolivello{
    margin:0px;
    padding:0px 5px 5px 0px; /* padding for backgorund shadow */
    background: url(img/menushadow.png) no-repeat 3px 10%;
    width:160px;
    position:absolute;
    left:160px;
    top:0px;
    z-index:100;
}

/* ## Anchors ## */
/****Color of link state for drop-down menus ****/
#utilities #plinks ul li.expanded a{
    background:#FFFFFF;
    color: #003399;
	padding: 10px inherit;
}

body #utilities #plinks ul li.expanded a.active{
    background:#6699CC /*url(img/expanded-drop.gif) no-repeat 4px 8px*/;
}


/* first level hover state*/
#utilities #plinks ul li.expanded a.primoespanso:hover{
    background:#003399 /*url(img/expanded-drop.gif) no-repeat 4px 8px*/;
}

/* sublevels hover state*/
#utilities #plinks ul li ul li a:hover{
    font-weight:normal;
    background:#003399;
    color: #FFF;
}


/* expanded sublevels hover state */
#utilities #plinks ul li ul li.expanded a.espanso:hover{
    font-weight:normal;
    background:#043860 /*url(img/expanded-right.gif) no-repeat 95% 8px*/;
}


#utilities #plinks ul li.expanded a.primoespanso{
    background:#6699CC /*url(img/expanded-drop.gif) no-repeat 4px 8px*/;
    /*padding-left: 23*/
    color: #FFF;
}


#utilities #plinks ul li.expanded a.espanso,
body #utilities #plinks ul li.expanded ul li a.espanso{
    background: #6699CC /*url(img/expanded-right.gif) no-repeat 95% 8px*/;
    padding-right:24px;
    padding-left:10px;
}