/* Custom Zoom Slider UI (pulled from http://developers.arcgis.com/en/ */
#map_zoom_slider {
  background-color: transparent;
  opacity: 0.85;
}

.esriSimpleSlider {
  position:absolute;
  left:10px;
  top:10px;
  text-align:center;
  color:#777;
  cursor:pointer;
  border:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 16px rgba(0,0,0,0.1);
  -moz-box-shadow:0 0 16px rgba(0,0,0,0.1);
  box-shadow:0 0 16px rgba(0,0,0,0.1);
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}

.esriSimpleSlider div {
  margin-bottom:0;
  width:32px;
  height:32px;
  font-size:16px;
  line-height:29px;
  background-color:#F3F3EF;
  border:1px solid #d3d3cF;
  -webkit-transition:background-color .1s linear;
  -moz-transition:background-color .1s linear;
  -o-transition:background-color .1s linear;
  transition:background-color .1s linear;
}

.esriSimpleSlider div:hover {
  background-color:#e3e3dF;
  color:#555;
}

.esriSimpleSliderTL {
  top:20px;
  left:20px;
}

.esriSimpleSliderTR {
  top:20px;
  right:20px;
}

.esriSimpleSliderBL {
  bottom:40px;
  left:20px;
}

.esriSimpleSliderBR {
  bottom:45px;
  right:20px;
}

.esriSimpleSliderIncrementButton {
  -webkit-border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  -ms-border-radius:4px 4px 0 0;
  -o-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
}

.esriSimpleSliderDecrementButton {
  -webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  -ms-border-radius:0 0 4px 4px;
  -o-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
}

.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
  border-bottom:none!important;
}

.esriSimpleSliderHorizontal .esriSimpleSliderIncrementButton {
  border-right:none!important;
  float:left;
}

.esriSimpleSliderHorizontal .esriSimpleSliderDecrementButton {
  float:right;
}

.esriSimpleSliderHorizontal .esriSimpleSliderDecrementButton .dj_ie67Fix {
  float:none;
  text-align:center;
}