.action {
  background: #eeeeec;
  background: -moz-linear-gradient(#eeeeec, #d3d7cf);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeec), to(#d3d7cf));
  filter: progid:DXImageTransform.Microsoft.Gradient(
    StartColorStr=#eeeeec, EndColorStr=#d3d7cf);
  background: linear-gradient(#eeeeec, #d3d7cf);
  border: 1px solid #eeeeec;
  border-bottom: none;
  border-right: none;
  margin-right: 1em;
  min-width: 7em;
  outline: 1px solid #babdb6;
  padding: 0.2em 0.4em;
}

.action::-moz-focus-inner {
  border: none;
}

.action:last-child {
  margin-right: 0;
}

.action.active {
  background: #d3d7cf;
  background: -moz-linear-gradient(#d3d7cf, #eeeeec);
  background: -webkit-gradient(linear, left top, left bottom, from(#d3d7cf), to(#eeeeec));
  filter: progid:DXImageTransform.Microsoft.Gradient(
    StartColorStr=#d3d7cf, EndColorStr=#eeeeec);
  background: linear-gradient(#d3d7cf, #eeeeec);
  border-color: #888a85;
  outline-color: #555753;
  -moz-box-shadow: inset 0.1em 0.1em 0.2em #999;
  -webkit-box-shadow: inset 0.1em 0.1em 0.2em #999;
  box-shadow: inset 0.1em 0.1em 0.2em #999;
}

.action:not([disabled]):hover {
  background: #888a85;
  background: -moz-linear-gradient(#888a85, #555753);
  background: -webkit-gradient(linear, left top, left bottom, from(#888a85), to(#555753));
  filter: progid:DXImageTransform.Microsoft.Gradient(
    StartColorStr=#888a85, EndColorStr=#555753);
  background: linear-gradient(#888a85, #555753);
  border-color: #babdb6;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #eeeeec;
  outline-color: #2e3436;
}

.action:not([disabled]):active {
  background: #555753;
  background: -moz-linear-gradient(#555753, #2e3436);
  background: -webkit-gradient(linear, left top, left bottom, from(#555753), to(#2e3436));
  filter: progid:DXImageTransform.Microsoft.Gradient(
    StartColorStr=#555753, EndColorStr=#2e3436);
  background: linear-gradient(#555753, #2e3436);
}

.action.close {
  background: none;
  border: none;
  height: 16px;
  margin: 0;
  min-width: 0;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  outline: none;
  overflow: hidden;
  padding: 0;
  width: 18px;
}

.action.close:hover {
  background: none;
}

.action.close:not([disabled]):hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}

.action:before {
  vertical-align: top;
  margin-right: 0.2em;
}

.action.close:before {
  content: url(../../images/close.png);
  display: block;
  margin: 0;
}

.action.ok:before,
.action.apply:before {
  content: url(../../images/accept.png);
}

.action.cancel:before {
  content: url(../../images/cancel.png);
}

.action.retry:before {
  content: url(../../images/retry.png);
}

.action.settings:before {
  content: url(../../images/settings.png);
}

.action.add:before {
  content: url(../../images/add.png);
}

.action.info:before {
  content: url(../../images/info.png);
}

.action.question:before {
  content: url(../../images/question.png);
}

.action.warning:before {
  content: url(../../images/warning.png);
}

.action.error:before {
  content: url(../../images/error.png);
}

.action.play:before {
  content: url(../../images/play.png);
}

.action.pause:before {
  content: url(../../images/pause.png);
}

.action.mute:before {
  content: url(../../images/sound.png);
}

.action.mute.active:before {
  content: url(../../images/sound-muted.png);
}