﻿/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.6em; margin-left: -1.1em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-slider {
    background:#f8f8f8 none repeat-x scroll 0 0;
    border:1px solid #aaaaaa;
    font-size:9px; /* Controls the size of the "em" dimensions used in the rest of the style sheet. */
    height:10px; /*0.8em;*/
    margin-bottom:5px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
}
.ui-slider .ui-slider-handle {
    /*background:#e6e6e6 url(base/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 0 50%;*/
    background: transparent url(../img/slider_cursor2.png) no-repeat -20px 0px;
    /*border:1px solid #d3d3d3;*/
    cursor:e-resize;
    height:20px; /*1.2em;*/
    width:20px; /*1.2em;*/
}
.ui-slider .ui-slider-handle:last-child {
    background: transparent url(../img/slider_cursor2.png) no-repeat 0px 0px;
}
.ui-slider .ui-slider-handle:hover {
    /*background:#dadada url(base/images/ui-bg_glass_75_dadada_1x400.png) repeat-x scroll 0 50%;*/
    /*border:1px solid #999999;*/
}
.ui-slider .ui-slider-range {
    background:#cccccc url(base/images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 0 50%;
    font-size:0.7em;
    height:100%;
}
.ui-corner-all {
    /*-moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;*/
}
