.slider {
    position: relative;
    height: 18px;

    .thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 13px;
        height: 15px;
        margin-left: -7px;
        cursor: default;
        .background-ximage('@{common-image-path}/@{common-controls}', '@{common-image-path}/@{common-controls2x}', 100px);
        background-position: @slide-thumb-offset-x @slide-thumb-offset-y;

        &.active {
            background-position: @slide-thumb-offset-x @slide-thumb-offset-y - 30px;
        }
    }

    .track {
        height: 18px;
        .track-left {
            width: 7px;
            background: transparent no-repeat @slide-track-offset-x @slide-track-offset-y;
        }
        .track-right {
            width: 7px;
            background: transparent no-repeat @slide-track-offset-x - 7px @slide-track-offset-y;
        }
        .track-center {
            background: transparent repeat-x @slide-track-offset-x @slide-track-offset-y - 18px;
        }

        div {
            height: 18px;
            display: inline-block;
            .background-ximage('@{common-image-path}/@{common-controls}', '@{common-image-path}/@{common-controls2x}', 100px)  !important;
        }

    }

    &.disabled {
        opacity: 0.35;
    }
}