.dds {
    display: inline-block;
    vertical-align:middle;
    cursor:pointer;
    position:relative;
    zoom:1;
    *display: inline;
}
.dds.disabled {
	cursor: no-drop;
	opacity: 0.5;
}
.dds > .title {
    position: relative;
    display: block;
    vertical-align: top;
    text-align: left;
    font-size: 12px;
    background: #FFF;
    height: 27px;
    width: auto;
    padding: 0 45px 0 15px;
    line-height: 27px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	border: 1px solid #cacaca;
}
.dds > .arrow {
    position:absolute;
    right:0;
    display: inline-block;
    vertical-align:top;
    width: 30px;
    height: 29px;
    background: transparent url('../images/dd-arrow.png') no-repeat -60px 0;
    z-index: 1;
}
    .dds:hover > .arrow {
        background-position: -90px 0;
    }
    .dds > .arrow-up {
        background-position: -0px 0;
    }
    .dds:hover > .arrow-up {
        background-position: -30px 0;
    }
.dds > .options {
    display: block;
    margin: 0;
    background-color: #F5F5F5;
    box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.4);
    height: auto !important;
    max-height: 200px;
    position: absolute;
    left: auto;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0 none;
    opacity: 1;
    cursor: default;
    z-index: 9998;
    right: 0;
}
.dds > .options.fakehide {
    display: none;
}
.dds > .options.closed {
    display: none;
}
.dds > .options a {
    font-size:12px;
    display:block;
    padding:0px 10px 0px 10px;
    color: #5f5f5f;
    line-height:22px;
    outline: 0 none;
    white-space: nowrap;
    text-decoration: none;
}
.dds > .options a[href="custom"] {
    color:#fff;
    background-color: #31baef;
}
.dds > .options a:hover {
    background-color: #dbdbdb;
}
.dds > .options a[href="custom"]:hover {
    background-color: #31baef;
}