#sddm {    
    margin: 0;
    padding: 0;
    z-index: 30
}

#sddm li {    
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: 11px/2em "trebuchet MS", Helvetica;
}

#sddm li a {    
    display: block;
    margin: 0 1px 0 0;
    padding: 1px 10px;
    width: 120px;
    background: url(valitse_harmaa.png) no-repeat left top;
    color: #FFF;
    text-align: left;
    text-decoration: none
}

#sddm li a:hover {    
    background: url(valitse_harmaa_a.png) no-repeat left top}

#sddm div {    
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #BBBBBB;
}

#sddm div a {    
    position: relative;
    display: block;
    margin: 0;
    padding: 1px 10px;
    width: 120px;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #CCCCCC;
    color: #FFFFFF;
    font: 11px/2em "trebuchet MS", Helvetica;
    border-top: 1px solid white;
}

#sddm div a:hover {    
    background: #BBBBBB;
    color: #FFF
}