.multi-list-header {
    background: #6c6e74;background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
    background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    height:35px;
}
.multi-list-header input[type=text] {
    height: 19px;
    margin: 4px;
    opacity: 0.5;
    padding: 3px;
    width: 150px;
}
.multi-list-list,.multi-list-list ul,.multi-list-list li,.multi-list-list a,.multi-list-list span {margin: 0;padding: 0;border: none;outline: none;}
.multi-list-list li {list-style: none;}
.multi-list-list {width: 100%;list-style: none outside none;max-height:320px;overflow-y:scroll;position: relative}
.multi-list-item > * {
    display: block;
    position: relative;
    min-width: 110px;
    padding: 0 10px 0 40px;
    color: #fdfdfd;font: bold 12px/32px Arial, sans-serif;text-decoration: none;text-shadow: 0px 1px 0px rgba(0,0,0, .35);
    background: #6c6e74;background: -moz-linear-gradient(top,  #808288 0%, #5f6165 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808288), color-stop(100%,#5f6165));
    background: -webkit-linear-gradient(top,  #808288 0%,#5f6165 100%);
    background: -o-linear-gradient(top,  #808288 0%,#5f6165 100%);
    background: -ms-linear-gradient(top,  #808288 0%,#5f6165 100%);
    background: linear-gradient(top,  #808288 0%,#5f6165 100%);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}
.multi-list-item > * > span {
    padding: 2px 10px;
    margin-left: 10px;
    font: normal bold 12px/18px Arial, sans-serif;
    background: #404247;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}
.is-none {
    display: none;
}
.multi-list-sortable-one {
    cursor: move;
}
.multi-list-sortable-two > * {
    background: #6c6e74;background: -moz-linear-gradient(top,  #ad00ad 0%, #761076 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad00ad), color-stop(100%,#761076));
    background: -webkit-linear-gradient(top,  #ad00ad 0%,#761076 100%);
    background: -o-linear-gradient(top,  #ad00ad 0%,#761076 100%);
    background: -ms-linear-gradient(top,  #ad00ad 0%,#761076 100%);
    background: linear-gradient(top,  #ad00ad 0%,#761076 100%);
}
.multi-list-visible-item > * {
    background: #6c6e74;background: -moz-linear-gradient(top,  #91f299 0%, #339b3b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91f299), color-stop(100%,#339b3b));
    background: -webkit-linear-gradient(top,  #91f299 0%,#339b3b 100%);
    background: -o-linear-gradient(top,  #91f299 0%,#339b3b 100%);
    background: -ms-linear-gradient(top,  #91f299 0%,#339b3b 100%);
    background: linear-gradient(top,  #91f299 0%,#339b3b 100%);
}
.multi-list-actions {
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    padding: 0 10px;
    margin-right: 10px;
    font: normal bold 12px/18px Arial, sans-serif;
}

.multi-list-actionitem {
    float: left;
    margin: 2px;
    padding: 4px 0;
    display: block;
    border-radius: 50%;
}

.multi-list-actionitem:hover {
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
    color: #a7a7a7;
    box-shadow: 0px 0px 8px #aaa, inset 0px 2px 3px #fff;
    cursor: pointer;
}

.multi-list-actionitem > span {
    margin: 0 4px;
}