/* @group Slider Box */

.sliderscala {
  position:relative;
  height:44px;
  width:240px;
  left:0;
  top:0;
}

.sliderscalabg {
  background-color:#e5e5e5;
  width:222px;
  height:53px;
  left:10px;
  top:0;
  position:absolute;
  z-index:1;
}

.sliderscalamask {
  background:none;
  background-image: url("/images/slider/slider_mask.png");
  background-repeat:no-repeat;
  width:222px;
  height:53px;
  left:10px;
  top:0;
  position:absolute;
  z-index:20;
}

.sliderscalavalue {
  position:absolute;
  z-index:10;
  background-color:#65d6d7;
  height:53px;
  top:0;
  left:10px;
}

.slider {
  position:relative;
  height:23px;
  width:222px;
  top:0;
  left:8px;
  z-index:40;
}

.extendeddata {
  padding-top:25px;
  padding-left:15px;
  padding-bottom:10px;
}

.extendeddata img {
  margin:0 0 3px;
  padding:0 5px 0 0;
  vertical-align:middle;
}

.slidertrack {
  background:transparent url(/images/slider/slider_background.png) no-repeat scroll center center;
  height:23px;
  margin:2px 0 0 0;
  width:222px;
}

.sliderhandle {
  background:transparent url(/images/slider/slider_button.png) no-repeat scroll center center;
  cursor:move;
  height:23px;
  width:22px;
}

.sliderlegend {
  width:220px;
  left:10px;
  position:relative;
  z-index:20;
  top:-8px;
}

.sliderlegend .sliderlegendleft {
  float:left;
  width:70px;
}

.sliderLegendCenter {
  margin: 0 auto 0 auto;
  text-align: center;
  width: 170px;
}

.sliderlegend .sliderlegendright {
  float:right;
  text-align:right;
  width:70px;
}

/* @end */