/*
 * jQuery UI Slider 1.8.15
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
 
 
 /* This is work in progress, it needs fixing on IE7 */


.ui-slider { position: absolute;left:5px;z-index:801; top:80px;}
.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; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.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 { height: 125px;}

.ui-slider-vertical .ui-slider-handle {cursor:pointer; margin-left: 0; margin-bottom: -.6em; background:url(../../../images/components/cp-scrollBarDragger.png) no-repeat 0 0; width:16px; height:54px; display:block;}
.ui-slider-vertical .ui-state-active,
.ui-slider-vertical .ui-state-focus,
.ui-slider-vertical .ui-state-hover{background-position:-16px 0;}

.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; }

.slider_wrapper{border: 1px solid #dadada;width: 265px;-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 0px 4px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 4px rgba(0, 0, 0, 0.2);-ms-box-shadow:0px 0px 4px rgba(0, 0, 0, 0.2);background:#fff;width: 410px;top:30px;position:absolute;z-index:804;height: 290px;left: 0;}
.slider_container{padding: 0 0 0 115px;position:absolute;top:20px;background:#fff; z-index: 800;}
.scroll-outsideWrapper {}    
    
    
.show .slider_wrapper{display:block;}
.slider_wrapper{display:none;}
.scroll-content {
    position:absolute;
    left:0;
    height: auto;
}
.cp-scrollDown{background:url(../../../images/components/cp-scrollerArrowsSprite.png) no-repeat 0 -26px;display:block; text-indent:-999em;width:26px; height:26px;position:absolute;bottom:-3px;}
.cp-scrollDown:hover{background-position:-26px -26px;}

.cp-scrollUp{background:url(../../../images/components/cp-scrollerArrowsSprite.png) no-repeat 0 0;display:block; text-indent:-999em;width:26px; height:26px;position:absolute;top: -3px;}
.cp-scrollUp:hover{background-position:-26px 0;}

.slider_container{height: 230px; overflow: hidden;width: 295px;}

.scrollerContainer{position:relative;top:20px;background:#eee;width: 26px;height:245px;left:360px;z-index:802;}

/* css for scrollbar below here*/
#scroll-pane { float:left;overflow: auto; width: 420px; height:300px;position:relative;display:inline}
#scroll-content {position:absolute;top:0;left:0}
.scroll-content-item {background-color:#fcfcfc;color:#003366;width:100px;height:100px;float:left;margin:10px;font-size:3em;line-height:96px;text-align:center;border:1px solid gray;display:inline;}
#slider-wrap{float:left;background-color:lightgrey;width:20px;border:1px solid gray;border-left:none;}
#slider-vertical{position:relative;height:100%}
.ui-slider-handle{width:20px;height:10px;margin:0 auto;background-color:darkgray;display:block;position:absolute;}

 /* This is work in progress, it needs fixing on IE7 */