/* Slider
----------------------------------*/

.ui-slider {
    background-position:center center;
    background-repeat:no-repeat;
    height:19px;
    margin:17px 0 0 5px;
    position:relative;
    width:144px;
}

.ui-slider a {
    text-decoration:none;
}

.ui-slider-handle {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/search-ajaxclient/img/slider-handle.gif) no-repeat scroll 0 0;
    cursor:pointer;
    height:19px;
    left:0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    position:absolute;
    top:-2px;
    width:12px;
    z-index:1;
}

.ui-slider-handle span {
    background-color:white;
    border:0 solid #CCCCCC;
    color:#555555;
    display:none;
    position:relative;
    right:14px;
    text-align:center;
    text-decoration:none;
    top:-12px;
    width:40px;
    z-index:1;
}

.ui-slider-handle span {
    background-color:#F1F5FB;
    border:0 solid #CCCCCC;
    color:#555555;
    display:none;
    position:relative;
    right:14px;
    text-align:center;
    text-decoration:none;
    top:-12px;
    width:40px;
    z-index:1;
}

.ui-slider-handle-active {
}

.ui-slider-disabled .ui-slider-handle {
    opacity:0.5;
}

.ui-slider-range {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#CCCCCC none repeat scroll 0 0;
    height:100%;
    opacity:0.3;
    position:absolute;
    width:100%;
}

.ui-slider .rangs {
    bottom:0;
    color:#7A7A7A;
    left:0;
    position:relative;
    right:0;
    width:144px !important;
}

.ui-slider .limits {
    display:none;
}

.ui-slider .rangs {
    color:#7A7A7A;
    font-weight:normal;
}

.ui-slider .rangs span.slideing {
    color:#333333;
    font-weight:bold;
}

.ui-slider .limits span, .ui-slider .rangs span {
    left:0;
    position:absolute;
    top:-14px;
}

.ui-slider .limits span {
    top:20px;
}

.ui-slider .limits span.max, .ui-slider .rangs span.max {
    right:0;
    text-align:right;
    width:auto !important;
}

.ui-slider .limits span.min, .ui-slider .rangs span.min {
    background-color:transparent;
    border-right:2px solid transparent;
}

.ui-slider {
    background-image:url(/search-ajaxclient/img/slider-bg.gif);
}

.ui-slider .length {
    left:0;
    position:absolute;
    top:0;
    visibility:hidden;
}

#debug-slider {
    background-color:red;
    color:white;
    font-size:10px;
}