.button-at {
   display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid #d4d4d4;
  height: 32px;
  line-height: 30px;
  padding: 0px 25.6px;
  font-weight: 300;
  font-size: 16px;
  font-family: "Tahoma";
  color: #666;
  margin: 0;
  text-decoration: none;
  text-align: center;
}

.button-at-rounded {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.button-at:hover, .button-at:focus, .button-at:active, .button-at.is-active, .button-at.active {
  text-decoration: none;
}

.button-at:hover, .button-at:focus {
  color: #666;
  background-color: #EEE;
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
  background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
  background: linear-gradient(to bottom, #ffffff, #dcdcdc);
}
.button-at:active, .button-at.is-active, .button-at.active {
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  background: #eeeeee;
  color: #bbbbbb;
}
.button-at:focus {
  outline: none;
}

input.button-at, button.button-at {
  height: 34px;
  cursor: pointer;
  -webkit-appearance: none;
}
.button-at-block {
  display: block;
}

.button-at.disabled,
.button-at.disabled:hover,
.button-at.disabled:focus,
.button-at.disabled:active,
input.button-at:disabled,
button.button-at:disabled {
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background: #EEE;
  border: 1px solid #DDD;
  color: #CCC;
  cursor: default;
  -webkit-appearance: none;
}