/*CSS Buttons 1:*/


.slider[type=range]{
  box-shadow:inset 0px 0px 5px 1px #999999;

	background:linear-gradient(to bottom, #505757 5%, #0c0d0d 100%);
	
	vertical-align: middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#2bc0ed;
	font-family:Courier New;
	font-size:11px;
	padding:1px 0px;
	text-decoration:none;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}



.slider[type=range]::-moz-range-track {
    width: 98%;
    height: 5px;
    background: #888888;
    border: none;
    border-radius: 3px;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}
.slider[type="range"]::-ms-fill-upper {
      background:linear-gradient(to bottom, #505757 60%, #0c0d0d 90%);
}
.slider[type="range"]::-ms-fill-lower {
    background:linear-gradient(to bottom, #AAAAAA 60%, #CCCCCC 90%);
}

.slider[type="range"]::-ms-thumb {

	background:linear-gradient(to bottom, #505757 60%, #0c0d0d 90%);
	background-color:#505757;
	 box-shadow:  inset  0  10px 10px -10px #888888;
	border:2px solid #444411;
    height: 15px;
    width: 15px;
    border-radius: 30%;
}

.slider[type="range"]::-ms-track {color:transparent;
height: 3px;}

.slider[type=range]::-moz-range-thumb {
 background:linear-gradient(to bottom, #505757 60%, #0c0d0d 90%);
	background-color:#505757;
	 box-shadow:  inset  0  10px 10px -10px #888888;
	border:2px solid #444411;
    height: 25px;
    width: 20px;
    border-radius: 30%;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}
.slider[type=range]:hover::-moz-range-thumb {
	background:linear-gradient(to bottom, #0c0d0d 30%, #505757 50%);
	box-shadow:  inset  0  0px 2px 1px #666666, 0 0px 20px 0 rgba(50,50,250,1.24);
	background-color:#505757;
}