div.RangeSlider
{
    position: relative;
    height: 78px;
    padding: 0px;
    margin: 0px
}

    div.RangeSlider div.container
    {
        height: 68px;
        overflow: hidden
    }

    div.RangeSlider div.bar
    {
        position: absolute;
        left: 10px;
        top: 52px;
        height: 7px;
        background: url('https://www.vismania.nl/img/RangeSlider/inactive.png') repeat-x;
        padding: 0px;
        margin: 0px
    }

    div.RangeSlider div.barActive
    {
        position: absolute;
        left: 30px;
        top: 52px;
        width: 1px;
        overflow: hidden;
        height: 7px;
        background: url('https://www.vismania.nl/img/RangeSlider/active.png') repeat-x;
        padding: 0px;
        margin: 0px
    }

        div.RangeSlider div.barLeft,
        div.RangeSlider div.barRight
        {
            position: absolute;
            left: 5px;
            top: 52px;
            width: 5px;
            height: 7px;
            overflow: hidden;
            background: url('https://www.vismania.nl/img/RangeSlider/inactiveLeft.png') no-repeat
        }

        div.RangeSlider div.barRight
        {
            background-image: url('https://www.vismania.nl/img/RangeSlider/inactiveRight.png')
        }

        div.RangeSlider div.knob
        {
            position: absolute;
            left: -10px;
            top: 43px;
            width: 21px;
            height: 22px;
            overflow: hidden;
            background: url('https://www.vismania.nl/img/RangeSlider/knob.png') no-repeat;
            cursor: pointer
        }

        div.RangeSlider div.minMaxLabel
        {
            position: absolute;
            left: 5px;
            top: 61px;
            font-size: 11px;
            color: #999999
        }

        div.RangeSlider div.minMaxLabel.max
        {
            left: auto
        }

        div.RangeSlider div.currentValue
        {
            position: absolute;
            left: 0px;
            top: 0px;
            background: url('https://www.vismania.nl/img/RangeSlider/labelPointer.png') no-repeat 50% 16px;
            height: 34px;
            white-space: nowrap
        }

            div.RangeSlider div.currentValue.min
            {
                height: 21px;
                top: 17px
            }

            div.RangeSlider div.currentValue div.labelLeft
            {
                float: left;
                display: inline;
                background: url('https://www.vismania.nl/img/RangeSlider/labelLeft.png') no-repeat;
                width: 3px;
                height: 16px;
                overflow: hidden
            }

            div.RangeSlider div.currentValue span
            {
                float: left;
                display: inline;
                height: 16px;
                background: url('https://www.vismania.nl/img/RangeSlider/label.png') repeat-x;
                overflow: hidden;
                font-size: 10px;
                color: #333333;
                line-height: 16px;
                padding: 0px 2px 0px 2px;
                color: #ffffff
            }

            div.RangeSlider div.currentValue div.labelRight
            {
                float: left;
                display: inline;
                background: url('https://www.vismania.nl/img/RangeSlider/labelRight.png') no-repeat;
                width: 3px;
                height: 16px;
                overflow: hidden
            }