/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { background: #edebe7 repeat-x; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { background-image:url(../../images/FiscalTimes/nav/sliderBar.png); width:31px;height:27px;  outline: none; }

/* 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;width:31px;height:27px; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 7px;width:133px;  }
.ui-slider-horizontal .ui-slider-handle { top: -.8em; 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 { 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-slider2 { position: relative; text-align: left; }
.ui-slider2 .ui-slider2-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default;width:31px;height:27px; }
.ui-slider2 .ui-slider2-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider2-horizontal { height: 7px;width:25px;  }
.ui-slider2-horizontal .ui-slider2-handle { top: -.8em; margin-left: -.6em; }
.ui-slider2-horizontal .ui-slider2-range { top: 0; height: 100%; }
.ui-slider2-horizontal .ui-slider2-range-min { left: 0; }
.ui-slider2-horizontal .ui-slider2-range-max { right: 0; }

.ui-slider2-vertical { width: .8em; height: 100px; }
.ui-slider2-vertical .ui-slider2-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider2-vertical .ui-slider2-range { left: 0; width: 100%; }
.ui-slider2-vertical .ui-slider2-range-min { bottom: 0; }
.ui-slider2-vertical .ui-slider2-range-max { top: 0; }