.ui-slider {
    height: 0.8em;
    margin-right: 1.5em;
    position: relative;
    text-align: left;
    width: 100px;
}
.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.1em;
    top: -0.2em;
}
.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
.ui-slider .ui-slider-handle {
    border-color: #8A8A8A;
    cursor: default;
    height: 1.1em;
    position: absolute;
    width: 1.1em;
    z-index: 2;
}
.ui-widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #8A8A8A;
    color: #8A8A8A;
}
.ui-slider .ui-slider-range {
    background: none repeat scroll 0 0 #8A8A8A;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.initial .ui-slider .ui-slider-handle {
    border-color: #218290;
    cursor: default;
    height: 1.1em;
    position: absolute;
    width: 1.1em;
    z-index: 2;
}
.initial .ui-widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #218290;
    color: #218290;
}
.initial .ui-slider .ui-slider-range {
    background: none repeat scroll 0 0 #218290;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.optimise .ui-slider .ui-slider-handle {
    border-color: #52A233;
    cursor: default;
    height: 1.1em;
    position: absolute;
    width: 1.1em;
    z-index: 2;
}
.optimise .ui-widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #52A233;
    color: #218290;
}
.optimise .ui-slider .ui-slider-range {
    background: none repeat scroll 0 0 #52A233;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}