table .spinInput,
table .spinContainer {
  /* Change this to modify the default spin control background color*/

  background-color: #FFFFFF;
}
table .spinLeftRightEdge,
table .spinTopBottomEdge {
  position: absolute;
  overflow: hidden;
  /* Change this to modify the default spin control border color*/

  background-color: #A5ACB2;
}
table .spinContainer {
  position: relative;
  font-size: 0px;
  height: 20px;
}
table .spinLeftRightEdge {
  height: 20px;
  width: 1px;
}
table .spinTopBottomEdge {
  height: 1px;
  left: 1px;
}
table .spinInput {
  position: absolute;
  top: 1px;
  left: 2px;
  height: 10px;
  border: 0px;
  /* Change this to modify the default spin control font, font color, and font size*/

  color: Black;
  font-size: 9pt;
  font-family: Arial;
  line-height: 14px;
}
table .spinUpBtn,
table .spinUpBtnHover,
table .spinUpBtnPress,
table .spinDownBtn,
table .spinDownBtnHover,
table .spinDownBtnPress {
  position: absolute;
  width: 15px;
  height: 8px;
  right: 2px;
  background-image: url('spin_control_buttons.png');
  background-repeat: no-repeat;
  /* Change this to modify the default button color*/

  background-color: #000000;
}
table .spinUpBtn,
table .spinUpBtnHover,
table .spinUpBtnPress {
  top: 2px;
}
table .spinDownBtn,
table .spinDownBtnHover,
table .spinDownBtnPress {
  top: 10px;
}
table .spinUpBtn {
  background-position: 0px 0px;
}
table .spinUpBtnHover {
  background-position: 0px -16px;
}
table .spinUpBtnPress {
  background-position: 0px -32px;
}
table .spinDownBtn {
  background-position: 0px -8px;
}
table .spinDownBtnHover {
  background-position: 0px -24px;
}
table .spinDownBtnPress {
  background-position: 0px -40px;
}