.button, button {
      display: inline-block;
      padding: 3px 10px;
      font-family: Calibri, 'lucida grande', tahoma, verdana, arial, sans-serif;
      font-size: 16px;
      color: #3C3C3D;
      text-shadow: 1px 1px 0 #FFFFFF;
      background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat;
      white-space: nowrap;
      overflow: visible;
      cursor: pointer;
      text-decoration: none;
      border: 1px solid #CACACA;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      outline: none;
      position: relative;
      zoom: 1;
      line-height: 1.11;
      *display: inline;
      *vertical-align: middle;
      -moz-box-shadow: 2px 2px 3px #cccccc;
      -webkit-box-shadow: 2px 2px 3px #cccccc;
      box-shadow: 2px 2px 3px #cccccc;
}
button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }
.button { -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;}
button::-moz-focus-inner { border: 0; padding:0px; }
.button.primary, button.primary { font-weight: bold }
button:focus,.button:hover,
button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
.button:active, button:active,
.button.active, button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
.button:active, button:active { top: 1px }
.button.negative:hover, button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
.button.negative:active, button.negative:active,
.button.negative.active, button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
.button.positive:hover, button.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }
.button.positive:active, button.positive:active,
.button.positive.active, button.positive.active { background-position: 0 -320px; background-color: #45BF55; }
.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px; *padding: 4px 10px; }
.button.left, button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none; }
.button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; }
.button.right, button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
.button.left:active, button.left:active,
.button.middle:active, button.middle:active,
.button.right:active, button.right:active { top: 0px }
.button.big, button.big { font-size: 16px; padding-left: 14px; padding-right: 17px; }
button.big { *padding: 4px 17px 2px 17px; }
.button span.icon, button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 0; *top: 0px; background-image: url('../images/css3buttons_icons.png'); background-repeat: no-repeat; }
.big.button span.icon, button.big span.icon { top: 0px }