Стиль JQuery UI для двухцветного диапазона

Я разработал слайдер jQuery UI, изменив тему пользовательского интерфейса по умолчанию, но я застрял на одной детали - я бы хотел иметь диапазон ползунков, прежде чем ручка ползунка будет отличаться от диапазона после слайдера (аналогично слайдеру iOS). Существуют ли селектора в теме пользовательского интерфейса, чтобы достичь этого, или мне нужно найти другое решение? В настоящее время я переопределяю стиль по умолчанию .ui-slider и .ui-slider-handle в моем css:

.ui-slider {
   /* custom styles here */
}

.ui-slider-handle {
    /* custom styles here */
}

Мой текущий код можно посмотреть в jsbin здесь: http://jsbin.com/uPUZosu/1/edit?html,css,js,output