/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#slider {
	float:left;
}
#viewState {width:600px;}
.slide_text {
	width:36px;
	float:left;
}
.slide_images {
	width:54px;
	float:left;
}
.ui-slider {  
    width: 64px;  
    height: 18px;  
    position: relative;
} 

.ui-slider-handle-active { border:none;cursor:pointer; } 



.ui-state-default, .ui-widget-content .ui-state-default {
background:transparent url(/site/gfx/slider_arrow.gif) no-repeat 0 0;
border:none;
outline-style:none;
outline-width:0;

}

.ui-state-active {
cursor:pointer;
background:transparent url(/site/gfx/slider_arrow.gif) no-repeat 0 0;
}
.ui-slider .ui-slider-handle {
cursor:pointer;
height:18px;
position:absolute;
width:16px;
z-index:2;
}

.ui-slider-horizontal .ui-slider-handle {
margin-left:-8px;
top:0em;
}
.ui-widget-content {
background:#000 url(/site/gfx/slider_bg.png) no-repeat scroll 0 0;
border:none;
color:#000;
}
.ui-corner-all {
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;


-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius: 0;
}

.ui-state-active, .ui-widget-content .ui-state-active{
background:transparent url(/site/gfx/slider_arrow_press.gif) no-repeat 0 0;
}