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.small {
  width: 100px;
  padding: 2px 5px;
  font-weight: normal;
  font-size: 1em;
}

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

button.green {
  border-color: #22CC22 #22AA22 #22AA22 #22CC22;
  background: #22CC22 linear-gradient(#22CC22, #22AA22);
  color: #FFFFFF;
}

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

button.white.small {
  font-weight: bold;
}

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

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

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 !important;
}

button.small svg {
  margin: 0;
}