/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */
.ms-parent {display: inline-block; position: relative;vertical-align: middle; width:100% !important}
.ms-choice {
    display: block;width: 100%;height: 26px;padding: 0;overflow: hidden;cursor: pointer;
    border: 1px solid #eaeaea;text-align: left;white-space: nowrap;line-height: 26px;text-decoration: none;background-color: #fff; font-family:inherit
}

.ms-choice.disabled {background-color: #f4f4f4;background-image: none;border: 1px solid #ddd;cursor: default}
.ms-choice > span {
    position: absolute;top: 0;left: 0;right: 20px;white-space: nowrap;
    overflow: hidden;text-overflow: ellipsis;display: block;padding-left: 8px;
}

.ms-choice > span.placeholder {}
.ms-choice > div {
    position: absolute;top: 0;right: 0;width: 20px;
    height: 25px;background: url('multiple-select.png') left top no-repeat;
}
.ms-choice > div.open {background: url('multiple-select.png') right top no-repeat}
.ms-drop {
    width: 100%;overflow: hidden;display: none;margin-top: -1px;
    padding: 0;position: absolute;z-index: 1000;
    background: #fff;color: #000;border: 1px solid #eaeaea; box-sizing:border-box
}
.ms-drop.bottom {top: 100%;box-shadow: 0 4px 5px rgba(0, 0, 0, .15)}
.ms-drop.top {bottom: 100%; box-shadow: 0 -4px 5px rgba(0, 0, 0, .15)}
.ms-search {
    display: inline-block;margin: 0; min-height: 26px;padding: 4px;
    position: relative;white-space: nowrap; width: 100%;z-index: 10000;
}
.ms-search input {
    width: 100%;height: auto !important;min-height: 24px;padding: 0 20px 0 5px;margin: 0;
    outline: 0;font-family: sans-serif;font-size: 1em;border: 1px solid #aaa;border-radius: 0;box-shadow: none;
    background: #fff url('multiple-select.png') no-repeat 100% -22px;
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}
.ms-search, .ms-search input {box-sizing: border-box}
.ms-drop ul {margin: 0;max-height: 100px !important;overflow: auto;padding: 5px 8px; box-sizing:border-box}
.ms-drop ul > li {list-style: none;display: list-item;background-image: none;position: static; display:inline-block; width:100%; padding:0 !important}
.ms-drop ul > li .disabled {opacity: .35;filter: Alpha(Opacity=35)}
.ms-drop ul > li.multiple {display: block;float: left}
.ms-drop ul > li.group {clear: both}
.ms-drop ul > li.multiple label {width: 100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.ms-drop ul > li label {font-weight: normal;display: block;white-space: nowrap}
.ms-drop ul > li label.optgroup {font-weight: bold}
.ms-drop input[type="checkbox"] {vertical-align: middle}
.ms-drop .ms-no-results {display: none}