button.normal {
  border: 1px solid #076fe4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #8ebcf1;
  -moz-box-shadow: inset 0 1px 0 0 #8ebcf1;
  box-shadow: inset 0 1px 0 0 #8ebcf1;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  background-color: #4294f0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4294f0), color-stop(100%, #0776f3));
  background-image: -webkit-linear-gradient(top, #4294f0, #0776f3);
  background-image: -moz-linear-gradient(top, #4294f0, #0776f3);
  background-image: -ms-linear-gradient(top, #4294f0, #0776f3);
  background-image: -o-linear-gradient(top, #4294f0, #0776f3);
  background-image: linear-gradient(top, #4294f0, #0776f3);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #0065d6;
  -webkit-background-clip: padding-box; }
  button.normal:hover:not(:disabled) {
    -webkit-box-shadow: inset 0 1px 0 0 #60a2ec;
    -moz-box-shadow: inset 0 1px 0 0 #60a2ec;
    box-shadow: inset 0 1px 0 0 #60a2ec;
    cursor: pointer;
    background-color: #2f87ea;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f87ea), color-stop(100%, #086fe3));
    background-image: -webkit-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -moz-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -ms-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -o-linear-gradient(top, #2f87ea, #086fe3);
    background-image: linear-gradient(top, #2f87ea, #086fe3); }
  button.normal:active:not(:disabled) {
    border: 1px solid #076fe4;
    -webkit-box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee; }
  button.normal:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

button.pill {
  border: 1px solid #3371b2;
  border-color: #3371b2 #2457a3 #164297;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: inset 0 1px 0 0 #64a9f2, 0 1px 2px 0 #b3b3b3;
  -moz-box-shadow: inset 0 1px 0 0 #64a9f2, 0 1px 2px 0 #b3b3b3;
  box-shadow: inset 0 1px 0 0 #64a9f2, 0 1px 2px 0 #b3b3b3;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  background-color: #4294f0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4294f0), color-stop(100%, #0156fe));
  background-image: -webkit-linear-gradient(top, #4294f0, #0156fe);
  background-image: -moz-linear-gradient(top, #4294f0, #0156fe);
  background-image: -ms-linear-gradient(top, #4294f0, #0156fe);
  background-image: -o-linear-gradient(top, #4294f0, #0156fe);
  background-image: linear-gradient(top, #4294f0, #0156fe);
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #2762bf;
  -webkit-background-clip: padding-box; }
  button.pill:hover:not(:disabled) {
    border: 1px solid #2062a7;
    border-color: #2062a7 #0e479a #01318e;
    -webkit-box-shadow: inset 0 1px 0 0 #519cf0;
    -moz-box-shadow: inset 0 1px 0 0 #519cf0;
    box-shadow: inset 0 1px 0 0 #519cf0;
    cursor: pointer;
    background-color: #2d88ee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d88ee), color-stop(100%, #1554ce));
    background-image: -webkit-linear-gradient(top, #2d88ee, #1554ce);
    background-image: -moz-linear-gradient(top, #2d88ee, #1554ce);
    background-image: -ms-linear-gradient(top, #2d88ee, #1554ce);
    background-image: -o-linear-gradient(top, #2d88ee, #1554ce);
    background-image: linear-gradient(top, #2d88ee, #1554ce);
    text-shadow: 0 -1px 1px #134faf;
    -webkit-background-clip: padding-box; }
  button.pill:active:not(:disabled) {
    background: #226edd;
    border: 1px solid #0d3c8c;
    border-bottom: 1px solid #062d8d;
    -webkit-box-shadow: inset 0 0 6px 3px #0c44b8, 0 1px 0 0 white;
    -moz-box-shadow: inset 0 0 6px 3px #0c44b8, 0 1px 0 0 white;
    box-shadow: inset 0 0 6px 3px #0c44b8, 0 1px 0 0 white;
    text-shadow: 0 -1px 1px #1a52aa; }
  button.pill:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

button.shiny {
  border: 1px solid #8a0000;
  border-bottom: 1px solid #810000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #ff1d0c;
  -moz-box-shadow: inset 0 1px 0 0 #ff1d0c;
  box-shadow: inset 0 1px 0 0 #ff1d0c;
  color: white;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  background-color: red;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, red), color-stop(50%, #c70000), color-stop(50%, #a90000), color-stop(100%, #b00000));
  background-image: -webkit-linear-gradient(top, red 0%, #c70000 50%, #a90000 50%, #b00000 100%);
  background-image: -moz-linear-gradient(top, red 0%, #c70000 50%, #a90000 50%, #b00000 100%);
  background-image: -ms-linear-gradient(top, red 0%, #c70000 50%, #a90000 50%, #b00000 100%);
  background-image: -o-linear-gradient(top, red 0%, #c70000 50%, #a90000 50%, #b00000 100%);
  background-image: linear-gradient(top, red 0%, #c70000 50%, #a90000 50%, #b00000 100%);
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #730000; }
  button.shiny:hover:not(:disabled) {
    cursor: pointer;
    background-color: #f20000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f20000), color-stop(50%, #bd0000), color-stop(50%, #a20000), color-stop(100%, #a90000));
    background-image: -webkit-linear-gradient(top, #f20000 0%, #bd0000 50%, #a20000 50%, #a90000 100%);
    background-image: -moz-linear-gradient(top, #f20000 0%, #bd0000 50%, #a20000 50%, #a90000 100%);
    background-image: -ms-linear-gradient(top, #f20000 0%, #bd0000 50%, #a20000 50%, #a90000 100%);
    background-image: -o-linear-gradient(top, #f20000 0%, #bd0000 50%, #a20000 50%, #a90000 100%);
    background-image: linear-gradient(top, #f20000 0%, #bd0000 50%, #a20000 50%, #a90000 100%); }
  button.shiny:active:not(:disabled) {
    -webkit-box-shadow: inset 0 0 20px 0 #900000, 0 1px 0 white;
    -moz-box-shadow: inset 0 0 20px 0 #900000, 0 1px 0 white;
    box-shadow: inset 0 0 20px 0 #900000, 0 1px 0 white; }
  button.shiny:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
