.ui-spinner {
  width: 35px;
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #999;
  background: #FEFEFE url(../images/spinner-bg.gif) repeat-x left bottom;
  padding: 0;
  height: 22px;
}

.ui-spinner-disabled {
  background: #F4F4F4;
  color: #CCC;
}

.ui-spinner-box {
  width: 20px;
  height: 100%;
  float: left;
  border: none;
  background: none;
  padding: 0;
}

.ui-spinner-up,
.ui-spinner-down {
  width: 15px;
  height: 50%;
  font-size: 0.6em;
  font-weight: bold;
  padding: 0;
  margin: 0;
  z-index: 100;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  right: 0;
  cursor: default;
  border: 1px solid #999;
  border-right: none;
  border-top: none;
  padding-bottom: 2px;
}

.ui-spinner-down {
  bottom: 0;
  border-bottom: 0;
}

.ui-spinner-pressed {
  background: #FEFEFE;
}

.ui-spinner-list,
.ui-spinner-listitem {
  margin: 0;
  padding: 0;
}