.RadSlider_Felix {
    color: #000
}

    .RadSlider_Felix .rslTrack {
        border-color: #dcdbdb;
        background-color: #f5f5f5;
    }

    .RadSlider_Felix .rslItem {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Standard.Slider.ItemHorizontalBgr.gif")%>')
    }

    .RadSlider_Felix .rslSelectedregion {
        background-color: #dedede;
    }

    .RadSlider_Felix .rslHandle, .RadSlider_Felix .rslDraghandle {
        border-color: #c2c2c2;
        color: #000;
        background-color: #f5f5f5;
        border-radius: 0px !important;
    }

        .RadSlider_Felix .rslHandle:hover, .RadSlider_Felix .rslDraghandle:hover {
            border-color: #c5c4c4;
            color: #000;
            background-color: #dedede;
        }

        .RadSlider_Felix .rslHandle:active, .RadSlider_Felix .rslHandle:focus, .RadSlider_Felix .rslDraghandle:active, .RadSlider_Felix .rslDraghandle:focus {
            border-color: #c5c4c4;
            color: #000;
            background-color: #dedede;
        }

    .RadSlider_Felix .rslVertical .rslTrack {
        background-image: linear-gradient(to left, #fff,#f5f5f5)
    }

    .RadSlider_Felix .rslVertical .rslItem {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Standard.Slider.ItemVerticalBgr.gif")%>')
    }

    .RadSlider_Felix .rslVertical .rslSelectedregion {
        background-image: linear-gradient(to left, #f8f7f7,#dedede)
    }

    .RadSlider_Felix .rslVertical .rslDraghandle {
        background-image: linear-gradient(to left, #fff,#f5f5f5)
    }

        .RadSlider_Felix .rslVertical .rslDraghandle:hover {
            background-image: linear-gradient(to left, #f8f7f7,#dedede)
        }

        .RadSlider_Felix .rslVertical .rslDraghandle:focus, .RadSlider_Felix .rslVertical .rslDraghandle:active {
            background-image: linear-gradient(to left, #f8f7f7,#dedede)
        }

    .RadSlider_Felix .rslTop .rslSmallTick, .RadSlider_Felix .rslBottom .rslSmallTick {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Standard.Slider.SmallChangeHorizontal.gif")%>')
    }

    .RadSlider_Felix .rslTop .rslLargeTick, .RadSlider_Felix .rslBottom .rslLargeTick {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Standard.Slider.LargeChangeHorizontal.gif")%>')
    }

    .RadSlider_Felix .rslLeft .rslSmallTick, .RadSlider_Felix .rslRight .rslSmallTick {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Standard.Slider.SmallChangeVertical.gif")%>')
    }

    .RadSlider_Felix .rslLeft .rslLargeTick, .RadSlider_Felix .rslRight .rslLargeTick {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Standard.Slider.LargelChangeVertical.gif")%>')
    }

    .RadSlider_Felix .rslMiddle .rslSmallTick {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Standard.Slider.SmallChangeMiddleHorizontal.gif")%>')
    }

    .RadSlider_Felix .rslMiddle .rslLargeTick {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Standard.Slider.LargeChangeMiddleHorizontal.gif")%>')
    }

    .RadSlider_Felix .rslCenter .rslSmallTick {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Standard.Slider.SmallChangeCenterVertical.gif")%>')
    }

    .RadSlider_Felix .rslCenter .rslLargeTick {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Standard.Slider.LargelChangeCenterVertical.gif")%>')
    }