.vertical-accordion li {
    margin:0;
}

.vertical-accordion li a {
    padding-left:4px;
}

.vertical-accordion  {
    width: 100%;
    border: 1px solid #CCC;
    margin: 10px 0px;
    background: #C0C0C0;
}


.vertical-accordion.nav-depth-1 > li {
width: 100%;
background: #d0d0d0;
color: #222;
font-weight: bold;
padding: 4px 0 4px;
border-top:1px solid #C0C0C0;
}

.vertical-accordion.nav-depth-1 > li > a {
color: #444;
text-decoration: none;
font-size: 12px;
line-height: 18px;
font-family: Arial, sans-serif;
font-weight: bold;
padding: 5px;
}
    .vertical-accordion .nav-depth-2 > li {
        background:#E0E0E0;
        color:#222;
        font-weight:normal;
        border-top:1px solid #D0D0D0;
    }
    
    .vertical-accordion .nav-depth-2 > li > a {
        color:#444;
        text-decoration:none;
        font-size:12px;
        line-height:18px;
        font-family: Arial, sans-serif;
        display:block;
        width:100%;
    }
    
        .vertical-accordion .nav-depth-3 > li {
            background:#F0F0F0;
            color:#222;
            border-top:1px solid #E0E0E0;
}
        
        .vertical-accordion .nav-depth-3 > li > a {
            color:#444;
            text-decoration:none;
            font-size:12px;
            line-height:18px;
            font-family: Arial, sans-serif;
        }

.vertical-accordion .ui-icon {
float: right;
margin-right: 2px;
}

.vertical-accordion li:hover {
    background:#454545;
}
.vertical-accordion li:hover > a {
    color: #FFF;
}