.ui-rangeSlider{
	height:22px;
}

.ui-rangeSlider .ui-rangeSlider-innerBar{
	height:16px;
	margin:3px 6px;
	background:#eee;
}

.ui-rangeSlider .ui-rangeSlider-handle{
	width:6px;
	height:22px;
	background:#AAA;
	background:rgba(10,10,10, 0.3);
	cursor:col-resize;
        z-index: 3;
}

.ui-rangeSlider .ui-rangeSlider-bar{
	margin: 1px 0;
	background:#CCC;
	background:rgba(50,50,100, 0.2);
	height:20px;
	cursor:move;
	cursor:grab;
	cursor: -moz-grab;
        z-index: 3;
}

.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging{
	cursor:	-moz-grabbing;
	cursor:grabbing;
}

.ui-rangeSlider-container{
	height:22px;
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container{
	margin:0 11px;
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container{
	margin:0;
}


.ui-rangeSlider-label-inner{
	display:none;
}

.asset-value {
    position:absolute;
    z-index: 2;
    height: 22px;
    width: 4px;
    border-radius: 2px;
}

.asset-min {
    position:absolute;
    left:10px;
    padding-top: 1px;
    z-index: 1;
    height: 22px;
    width: 4px;
    color: #ddd;
    font-size:12px;
}

.asset-max {
    position:absolute;
    right:35px;
    padding-top: 1px;
    z-index: 1;
    height: 22px;
    width: 4px;
    color: #ddd;
    font-size:12px;
}

.asset-label {
    float: left;
    width: 100px;
    text-align: right;
    padding-top: 3px;
}


.asset-slider {
    position: relative;
    float: left;
}

.asset {
    padding-top: 60px;
    clear: both;
    width: 100%;
    font-size: 12px;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
}

.ui-rangeSlider-label{
  padding: 3px 6px;
  bottom:32px;
  -moz-border-radius: 4px;
       border-radius: 4px;

  -webkit-box-shadow: 0px 1px 0px #c2c5d6;
     -moz-box-shadow: 0px 1px 0px #c2c5d6;
          box-shadow: 0px 1px 0px #c2c5d6;
  color:white;
  font-size:10px;
  cursor:col-resize;
  background: #67707F;
  background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67707F), color-stop(100%,#888DA0));
}

.ui-rangeSlider-label-down {
  padding: 3px 6px;
  top:33px;
  -moz-border-radius: 4px;
       border-radius: 4px;

  -webkit-box-shadow: 0px 1px 0px #c2c5d6;
     -moz-box-shadow: 0px 1px 0px #c2c5d6;
          box-shadow: 0px 1px 0px #c2c5d6;
  color:white;
  font-size:10px;
  cursor: auto;
  background: #67707F;
  background: -moz-linear-gradient(bottom, #68a1d6 0%, #68a1e8 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#68a1d6), color-stop(100%,#68a1e8));
}

.ui-rangeSlider-label-inner{
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  z-index:4;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  margin-left: -10px;
  border-top: 10px solid #888DA0;
}

.ui-rangeSlider-label-inner-down{
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: block;
  z-index:4;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  margin-left: -10px;
  border-bottom: 10px solid #68a1e8;
}

.ui-rangeSlider-label-value {
    white-space: nowrap;
}

.ui-rangeSlider-label-down-error {
  padding: 3px 6px;
  top:33px;
  -moz-border-radius: 4px;
       border-radius: 4px;

  -webkit-box-shadow: 0px 1px 0px #c2c5d6;
     -moz-box-shadow: 0px 1px 0px #c2c5d6;
          box-shadow: 0px 1px 0px #c2c5d6;
  color:white;
  font-size:10px;
  cursor:auto;  
  background: #67707F;
  background: -moz-linear-gradient(bottom, #ff0000 0%, #ff3300 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ff0000), color-stop(100%,#ff3300));
}

.ui-rangeSlider-label-inner-down-error {
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: block;
  z-index:4;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  margin-left: -10px;
  border-bottom: 10px solid #ff3300;
}

.ui-rangeSlider-label-up {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center bottom , #33a100 0%, #339100 100%) repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #c2c5d6;
    color: white;
    cursor: auto;
    font-size: 10px;
    padding: 3px 6px;
    top: -34px;
}

.ui-rangeSlider-label-inner-up {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #33a100;
    display: block;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    top: 100%;
    z-index: 4;
}

.ui-rangeSlider-label-up-error {
  padding: 3px 6px;
  top: -34px;
  -moz-border-radius: 4px;
       border-radius: 4px;

  -webkit-box-shadow: 0px 1px 0px #c2c5d6;
     -moz-box-shadow: 0px 1px 0px #c2c5d6;
          box-shadow: 0px 1px 0px #c2c5d6;
  color:white;
  font-size:10px;
  cursor:auto;  
  background: #67707F;
  background: -moz-linear-gradient(bottom, #ff3300 0%, #ff0000 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ff3300), color-stop(100%,#ff0000));
}

.ui-rangeSlider-label-inner-up-error {
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  z-index:4;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  margin-left: -12px;
  border-top: 10px solid #ff3300;
}
