/* --------- <amx:inputNumberSilder> --------- */
.amx-inputNumberSlider .field-label{
	margin:3px 0 0 0;
}
.amx-inputNumberSlider .field-value{
	position:relative;
}
.amx-inputNumberSlider .field-value .disable{
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.2);
}
.amx-inputNumberSlider .field-value .container{
	padding:5px 0px;
	z-index:-1;
}
.amx-panelFormLayout .amx-inputNumberSlider .field-value .container {
  text-align: center;
}
.amx-inputNumberSlider .field-value .inputTextNumber{
	display:inline-block;
	position:relative;
	margin:0 5px 0 0px;
}
.amx-inputNumberSlider .field-value .inputTextNumber input[type='text']{
	-webkit-user-select:text;
	width:30px;
	height:24px;
	border:1px solid #B3B3B3;
	-webkit-border-radius:4px;
}
.amx-inputNumberSlider .field-value .inputTextNumber .btn{
	position:absolute;
	width:9px;
	height:9px;
	right:1px;
	background:#000000;
	border:1px solid #ABADB3;
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#F2F2F2), to(#D1D1D1), color-stop(0.5,#E8E8E8),color-stop(0.5,#DBDBDB));
}
.amx-inputNumberSlider .field-value .inputTextNumber .btn:hover{
	border:1px solid #3C7FB1;
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#E9F6FD), to(#A9DBF5), color-stop(0.5,#D2EDFC),color-stop(0.5,#BBE5FC));
}
.amx-inputNumberSlider .field-value .inputTextNumber .btn.up{
	top:2px;
	-webkit-border-top-right-radius:2px;
	-webkit-border-top-left-radius:2px;
}
.amx-inputNumberSlider .field-value .inputTextNumber .btn.down{
	top:14px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
}
.amx-inputNumberSlider .field-value .slider{
	display:inline-block;
	background:#000000;
	position:relative;
	width:98%;
        margin: 0px 4px;
	min-width:100px;
	height:10px;
	border:1px solid #808080;
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#EEEEEE), to(#FDFDFD));
	-webkit-border-radius:5px;
	cursor:pointer;
}
.amx-inputNumberSlider .field-value .slider .selected{
	position:absolute;
	left:-1px;
	top:-1px;
	z-index: 1;
	width:23px;
	height:100%;
	-webkit-border-radius:5px;
	border:1px solid #034589;
	background-image: -webkit-gradient(linear, left bottom, left top, 
			color-stop(0, #79b6fe),
			color-stop(0.49, #377dcf),
			color-stop(0.5, #4e89ca),
			color-stop(1.0, #b4c9e2));	
}
.amx-inputNumberSlider .field-value .slider .valve-background {
	width:32px;
	height:22px;
	position:absolute;
        background:rgba(0,0,0,0.0);
	left:20px;
	top:-6px;
	z-index: 2;
}
.amx-inputNumberSlider .field-value .slider .valve-background .valve{
  	width:16px;
  	height:16px;
  	background:#ffffff;
  	position:absolute;
	left:8px;
	top:3px;
	z-index: 3;
  	-webkit-border-radius:10px;
  	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#FCFCFC), to(#EEEEEE));
  	cursor:pointer;
	-webkit-box-shadow:-1px -1px 1px 0px #CBCBCB,
					   1px 1px 1px 0px #CBCBCB,
					   -1px 1px 1px 0px #CBCBCB,
					   1px -1px 1px 0px #CBCBCB;
}

.amx-inputNumberSlider .field-value .slider .valve-background .valve:hover{
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#ECECEC), to(#DBDBDB));
}
.amx-inputNumberSlider.amx-disabled{
	opacity:0.40;
}
.amx-inputNumberSlider.amx-readOnly .slider,.amx-inputNumberSlider.amx-readOnly .field-value .slider .valve-background .valve,.amx-inputNumberSlider.amx-readOnly .selected{
	cursor: default;
}
.amx-inputNumberSlider.amx-readOnly .field-value .slider  .selected{
	border: solid 1px #2C2C2C;
	background-image: -webkit-gradient(linear, left bottom, left top, 
			color-stop(0, #a6a6a6),
			color-stop(.57, #e6e6e6),
			color-stop(.58, #f6f6f6),
			color-stop(.93, #e3e4e3),
			color-stop(1.0, #ffffff) );
}

/* --------- </amx:inputNumberSilder> --------- */
