/* CSS Document */
.numericStepper{
	position:relative;
	display:block;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.numericStepper.disabled{
	opacity:.5;		
}

.numericStepper input{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	display:block;
    width:25px;
	height:14px;
    padding:5px 5px;
    text-align:center;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#3D3D3D;
    border:1px solid #CCC;
    border-radius:3px 0px 0px 3px;
    -moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
    -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
    box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
}

.numericStepper input:focus{
    background:#FFC;
}




.btnContainer{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	display:block;
    width:18px;
	height:24px;
    border:1px solid #CCC;
    border-left:none;
    border-radius:0px 3px 3px 0px;
	background:#FCFCFC url(../img/btn_bg.png) repeat-x center center;
}


.btnContainer .increaseBtn{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
    width:18px;
	height:12px;
	background:url(../img/increaseBtn.png) no-repeat center center;
	cursor:pointer;
}

.btnContainer .increaseBtn:hover{
    background-color:#FFF;
}


.btnContainer .decreaseBtn{
	position:absolute;
	bottom:0px;
	left:0px;
	display:block;
    width:18px;
	height:12px;
	background:url(../img/decreaseBtn.png) no-repeat center center;
	cursor:pointer;
}

.btnContainer .decreaseBtn:hover{
    background-color:#FFF;
}



.numericStepper.disabled .decreaseBtn{
    background-color:#FFF;
	cursor: default;
}
.numericStepper.disabled .increaseBtn{
    background-color:#FFF;
	cursor: default;
}