Customising the Layer List in HTML5

Hi. 

I a  currently trying to customise the desktop  viewer using the Custom styles sheets.

 

I've been successful in configuring the toolbar but for some reason, the changes I have made to the layer list are not showing. 

 

here is an example of the simple changes I was trying to make:

 

Is there a reason why changes to the toolbar show, but not changes to the layer list?  

 

.list-menu-item {

 

    border-bottom: 1px solid #A5A5A5;

 

}

 

.list-menu.active {

 

    cursor: pointer;

 

}

 

.list-menu-item:hover {

 

    background-color: #FFF0F0;

 

}

 

.list-menu.active .list-menu-item:active {

 

    background-color: #a5a5a5a5;

 

}

 

a.list-menu-item {

 

    color: #f9f9f9;