div.dropdown-container {
    position:relative;
    display:inline-block;
}

div.dropdown-container:hover {
    cursor:pointer;
    background-color:white;
}

div.dropdown-container:hover > a.dropdown-title{
    color:#555;
    font-weight:bold;
}

div.dropdown-container:hover > div.dropdown-options {
    display:block;
}

a.dropdown-title {
    color:white;
    display:inline-block;
    text-decoration:none;
    line-height:36px;
    padding:0 10px 0 10px;
}

a.dropdown-title.with-icon{
    position:relative;
    left:20px;
    padding-right:30px;
}

img.dropdown-icon {
    height:17px;
    margin:0 3px 0 0;
    position:absolute;
    top:10px;
    left:10px;
}

div.dropdown-container img.dropdown-icon.hover {
    display:none;
}
div.dropdown-container img.dropdown-icon.nohover {
    display:inline;
}
div.dropdown-container:hover img.dropdown-icon.hover {
    display:inline;
}
div.dropdown-container:hover img.dropdown-icon.nohover {
    display:none;
}

div.dropdown-options {
    display:none;
    position:absolute;
    right:0;
    top:36px;
    cursor:pointer;
    background-color:white;
}

div.dropdown-option-container {
    background-color:white;
    margin:0 0 3px 0;
}

div.dropdown-option-container:last-child {
    margin:0;
}

div.dropdown-option-container.selected {
    background-color:#555;
}

div.dropdown-option-container.selected > a {
    color:white;
}

div.dropdown-option-container:hover {
    background-color:#555;
}

div.dropdown-option-container:hover > a {
    color:white;
}

div.dropdown-option-container > a {
    line-height:33px;
    width:100%;
    padding:0 8px 0 8px;
    margin:0;
    text-align:left;
    text-decoration:none;
    white-space:nowrap;

    padding:0px 100px 0px 10px;
    display: block;
}