/* slider */
.slider-container {
  position: relative;
  margin: 20px 0 0 3px;
  padding: 0 0 24px 0;
}
  .slider-container .slider-min-max {
    padding: 0 0 5px 0;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    margin-top: 10px;
  }
    .slider-container .slider-min-max span {
      float: left;
    }
    .slider-container .slider-min-max span.mid {
      float: left;
      margin-left: 43%;
    }
    .slider-container .slider-min-max span.max {
      float: right;
    }

  .slider-end,
  .slider-start {
    float: left;
    width: 1px;
    height: 14px;
  }
    .slider-start {
    	/* width: 50px; */
      background: url('Lotto/images/content/slider-start.png') repeat-x 0 4px;
    }
    .slider-end {
      background: url('Lotto/images/content/slider-end.png') repeat-x right 4px;
    }
  .slider-bar {
    position: relative;
    float: left;
    width: 495px;
    height: 16px;
    background: url('Lotto/images/content/slider-bar.png') repeat-x left 4px;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
  }
    .slider-bar a.ui-slider-handle {
      position: absolute;
      top: -5px;
      z-index: 200;
      margin-left: 0px;
      display: block;
      width: 53px;
      height: 28px;
      background: url('Lotto/images/content/slider-knob-wide.png');
      outline: 0;
      text-decoration: none;
    }
      .slider-bar a.ui-slider-handle .slider-amount {
        position: absolute;
        top: -46px;
        left: -10px;
        z-index: 300;
        display: block;
        padding: 6px 0 0 4px;
        width: 70px; /*70*/
        height: 44px;
        background: url('Lotto/images/content/slider-amount.png') no-repeat center top;
        text-align: center;
        font-size: 17px;
        color: #fff;
        font-weight: bold;
        text-align: center;
      }
      .slider-container.days .slider-bar a.ui-slider-handle .slider-amount,
      .slider-container.tickets .slider-bar a.ui-slider-handle .slider-amount,
      .slider-container.numbers .slider-bar a.ui-slider-handle .slider-amount {
        width: 36px;
        height: 34px;
        left: -5px;
        padding-left: 0;
        background: url('Lotto/images/content/slider-amount-small.png');
      }
      .slider-bar a.ui-slider-handle .slider-amount input[type="text"] {
      
				font-family: 'NimbusSansNovusCond-Bold', 'Impact', 'Arial', sans-serif;
				font-size: 17px;
				font-weight: normal;
				color: #000;
      
        font-size: 17px;
        margin-left: -3px;
        color: #fff !important;
        background: none;
        border: none;
        width: 70px;
        text-align: center;
        -webkit-appearance: none;
        padding: 2px 0;
        margin-top: 0;
        margin-bottom: 0;
      }
      .slider-bar a.ui-slider-handle .slider-amount input:disabled {
         color: white;
      }
      .slider-container.days .slider-bar a.ui-slider-handle .slider-amount input,
      .slider-container.tickets .slider-bar a.ui-slider-handle .slider-amount input,
      .slider-container.numbers .slider-bar a.ui-slider-handle .slider-amount input {
        font-size: 18px;
        padding: 0;
        color: #fff;
        font-weight: bold;
        background: none;
        border: none;
        width: 28px;
        text-align: center;
      }
       .slider-bar .ui-slider-range {
          position: absolute;
          top: 0px;
          left: 0;
          z-index: 100;
          height: 14px;
          background: url('Lotto/images/content/slider-range.png') repeat-x left 4px;
       }

.slider {
  margin-bottom: 24px;
}

.slider-bar.xlarge a.ui-slider-handle .slider-amount {
		width: 120px;
		background-image: url("Lotto/images/content/slider-amount-xl.png");
		left: -48px;
}

.slider-bar.xlarge a.ui-slider-handle .slider-amount input[type="text"] {
		width: 120px;
}

.slider-legend {
	overflow: hidden;
}
.slider-legend .min, 
.slider-legend .max {
	float: left;
	color: black;
	width: 48px;
	height: 30px;
	text-align: center;
}

.slider-legend .max {
	float: right;
}

.slider-block {
	position: absolute;
	top: 4px;
	width: 50px;
	background: url("Lotto/images/content/slider-block.png") left top;
	height: 10px;
	left: 0px;
	z-index: 199;
}

.slider-block-max {
	background-position: right top;
	left: auto;
	right: -3px;
}