@CHARSET "UTF-8";

.commandlink
{
  display: block;
  padding: 8px 15px 8px 35px;
  width: 100%;
  outline: 1px solid transparent;
  border: none;
  border-radius: 3px;
  -webkit-transition-property: background-color, background-image, box-shadow, color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.commandlink,
.commandlink *
{
  font-family: Segoe UI, Tahoma, sans-serif;
  font-size: 15px;
  text-align: left;
  text-decoration: none;
}

.commandlink footer
{
  padding: 3px 0 2px 0;
  font-size: 12px;
}

.commandlink,
.commandlink:visited
{
  color: #0c1343;
  background-color: rgba(250, 250, 250, 0);
  background-image: url(../command_link_normal.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
  box-shadow:
    inset 0px   0px  0px   1px rgba(175, 175, 175, 0),
    inset 0px   0px  0px   2px rgba(255, 255, 255, 0),
    inset 0px -30px 30px -20px rgba(220, 220, 220, 0),
    inset 0px  30px 30px -20px rgba(255, 255, 255, 0);
}

.commandlink:hover,
.commandlink:focus
{
  color: #074ae5;
  background-color: rgba(250, 250, 250, 0.8);
  background-image: url(../command_link_hover.png);
  box-shadow:
    inset 0px   0px  0px   1px rgba(175, 175, 175, 0.7),
    inset 0px   0px  0px   2px rgba(255, 255, 255, 0.7),
    inset 0px -30px 30px -20px rgba(220, 220, 220, 0.5),
    inset 0px  30px 30px -20px rgba(255, 255, 255, 0.8);
}

.commandlink:active
{
  background-color: rgba(240, 240, 240, 0.8);
  box-shadow:
    inset 0px   0px  0px   1px rgba(175, 175, 175, 0.7),
    inset 0px   3px  7px  -2px rgba(  0,   0,   0, 0.3),
    inset 0px -30px 30px -20px rgba(255, 255, 255, 0.3),
    inset 0px  30px 30px -20px rgba(220, 220, 220, 0.5);
  -webkit-transition-duration: 0.2s;
}