/*
.spinInput, .spinContainer
{
  background-color: #FFFFFF;
}

.spinLeftRightEdge, .spinTopBottomEdge
{
  position: absolute;
  overflow: hidden;  
  background-color: #A5ACB2;
}
  
.spinContainer
{
  position: relative;
  font-size: 0px;
  height: 20px;
}

.spinLeftRightEdge
{
  height: 20px;
  width: 1px;
  z-index:4;
}
*/


.spinContainer,
.spinContainerDis
{
  position: relative;
  font-size: 0px;
  height: 23px;
}

.spinLeft
{   
    border:none !important;
    background-image: url(spin/left.gif);
	background-position:left top;
	background-repeat:no-repeat;
	vertical-align: middle;
	border: 0px;
	margin-right: 0px;
	border-left: 0px;
	font-size: 11px;
	padding-top: 2px;
	width:5px;
	height: 21px;
	float:left;	
}
.spinContainerDis .spinLeft
{   
    border:none !important;
    background-image: url(spin/leftDis.gif);
	background-position:left top;
	background-repeat:no-repeat;
	vertical-align: middle;
	border: 0px;
	margin-right: 0px;
	border-left: 0px;
	font-size: 11px;
	padding-top: 2px;
	width:5px;
	height: 21px;
	float:left;	
}


.spinTopBottomEdge
{
  height: 0px;
  left: 0px;  
  display:none;
}

.spinInput
{
	background-image: url(spin/bg.gif);
	background-position:left top;
	background-repeat: repeat-x;
	background-color:Transparent;
	vertical-align: middle;
	font-family: Arial, Verdana;
	border: 0px;
	margin-right: 0px;
	border-left: 0px;
	font-size: 11px;
	color: #333333;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 5px;
	height: 21px;
	float:left;	
	text-align:center !important;
}
.spinContainerDis .spinInput
{
	background-image: url(spin/bgDis.gif);
	background-position:left top;
	background-repeat: repeat-x;
	background-color:Transparent;
	vertical-align: middle;
	font-family: Arial, Verdana;
	border: 0px;
	margin-right: 0px;
	border-left: 0px;
	font-size: 11px;
	color: #333333;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 5px;
	height: 21px;
	float:left;	
	text-align:center !important;
}


.spinUpBtn, .spinUpBtnHover, .spinUpBtnPress
{
  position:absolute;
  top: 0px;
  left:100%;
  margin-left:-13px;
  width: 18px;
  height: 10px;  
  background-image: url(spin/spinbuttons.gif);
  background-repeat: no-repeat;  
  padding:0;
}

.spinDownBtn, .spinDownBtnHover, .spinDownBtnPress
{
  position:absolute;
  top: 10px;
  left:100%;
  margin-left:-13px;
  width: 18px;
  height: 11px;  
  background-image: url(spin/spinbuttons.gif);
  background-repeat: no-repeat;  
  padding:0;
}

.spinUpBtn, .spinUpBtnHover, .spinUpBtnPress
{
  top: 0px;
}

.spinDownBtn, .spinDownBtnHover, .spinDownBtnPress
{
  top: 10px;
}

.spinUpBtn
{
  background-position:0px 0px;
}

.spinUpBtnHover
{
  background-position:0px -21px;
}

.spinUpBtnPress
{
  background-position:0px -42px;
}

.spinDownBtn
{
  background-position:0px -10px;
}

.spinDownBtnHover
{
  background-position:0px -31px;
}

.spinDownBtnPress
{
  background-position:0px -52px;
}