.xButton {
  position: relative;
  display: inline-block;
  color: white;
  font-weight:bold;
  text-align: center;
  text-decoration: none;
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
}

.xButton-mid {  
  height: 21px;
  width: 71px;
  padding-top:6px;background-color:#89b836;text-align:center;color:#ffffff;font-size:13px;font-weight:bold;
  background: #89b836;
  border-color: #89b836 #89b836 #89b836;
  background-image: -webkit-linear-gradient(top, #89b836, #89b836 66%, #89b836);
  background-image: -moz-linear-gradient(top, #89b836, #89b836 66%, #89b836);
  background-image: -o-linear-gradient(top, #89b836, #89b836 66%, #89b836);
  background-image: linear-gradient(to bottom, #89b836, #89b836 66%, #89b836);
 }

.xButton-small {  
  height: 16px;
  line-height: 18px;
  padding:0 10px 0 10px;
  font-size: 11px;
 }

.xButton-purple:active {
  background: #89b836;
  border-color: #89b836 #89b836 #89b836;
}