button {
  border-radius: 5px;
  border: solid 1px;
  border-color: #6080A5 #055085 #055085 #6080A5;
  background: #0092D0 linear-gradient(#0094FF, #0060AA);
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.5) inset;
  padding: 5px 1em;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
}

button[disabled] {
  border-color: #666666;
  background: #777777 linear-gradient(#999999, #777777);
}

button.small {
  width: 100px;
  padding: 2px 5px;
  font-weight: normal;
  font-size: 1em;
}

button.red {
  border-color: #DD0000 #DD0000 #DD0000 #DD0000;
  background: #CC3333 linear-gradient(#CC3333, #EE1111);
}

button.white {
  border-color: #cccccc #aaaaaa #aaaaaa #cccccc;
  background: #cccccc linear-gradient(#ffffff, #cccccc);
  color: #0060AA;
}

button:hover {
  border-color: #DD8800 #DD5100 #DD5100 #DD8800;
  background: #FFAA00 linear-gradient(#FF9A1E, #EA8400);
  color: #FFFFFF;
}

button img {
  margin: 0 1em 0 0;
}

button img[align=right] {
  margin: 0 0 0 1em;
}


button svg {
  float: left;
  margin: 0 .5em 0 0;
  width: 14px;
  height: 14px;
  fill: #ffffff;
}

button svg.right {
  float: right;
  margin: 0 -.4em 0 .5em;
}

button.white svg {
  fill: #0060AA;
}