a.buttons {}
a.buttons:before, a.buttons:after {
  content: "\0020"; display: block; height: 0; visibility: hidden; 
} 
a.buttons:after { clear: both; }
a.buttons { zoom: 1; }

a.button {
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font: bold 12px Helvetica, Arial, sans-serif;
    line-height: 29px;
    height: 29px;
    display: inline-block;
    margin: 5px;
    padding: 2px;
    background: #E1E1E1;
    background: -webkit-linear-gradient(top, #f7f7f7, #d1d1d1);
    background: -moz-linear-gradient(top, #f7f7f7, #d1d1d1);
    background: -ms-linear-gradient(top, #f7f7f7, #d1d1d1);
    background: -o-linear-gradient(top, #f7f7f7, #d1d1d1);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color='#ffffff')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color='#ffffff');
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
}

a.button.left {
    margin: 5px 0 5px 5px;
    border-right: solid 1px #b0b0b0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}
a.button.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 5px 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
    border-right: solid 1px #b0b0b0;
}
a.button.middle:hover,
a.button.right:hover { border-left: solid 1px #333 }
a.button.middle:active,
a.button.right:active { border-left: solid 1px #7f7f7f }
a.button.right {
    border-left: solid 1px rgba(255, 255, 255, 0);
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    margin: 5px 5px 5px 0;
}
a.button:last-child, a.button.right:last-child {
 margin-right: 0;
}

a.button:hover {
    background: -webkit-linear-gradient(top, #ffffff, #dfdfdf);
    background: -moz-linear-gradient(top, #ffffff, #dfdfdf);
    background: -ms-linear-gradient(top, #ffffff, #dfdfdf);
    background: -o-linear-gradient(top, #ffffff, #dfdfdf);
}

a.button:active {
 border-bottom: solid 1px #7f7f7f;
 background: #d0d0d0;
 text-shadow: 0 1px 0 #fff;
 background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(0.15, #c6c6c6), to(#d8d8d8));
 background: -webkit-linear-gradient(top, #a8a8a8, #c6c6c6 15%, #d8d8d8);
 background: -moz-linear-gradient(top, #a8a8a8, #c6c6c6 15%, #d8d8d8);
 background: -ms-linear-gradient(top, #a8a8a8, #c6c6c6 15%, #d8d8d8);
 background: -o-linear-gradient(top, #a8a8a8, #c6c6c6 15%, #d8d8d8);
}

a.ddm span.label, a.button span.label {
    display: inline-block;
    float: left;
    line-height: 32px;
    height: 32px;
    padding: 0 30px;
    overflow: hidden;
    background-repeat: no-repeat;
}
a.button {
 color: #484848 !important;
 border-bottom: solid 1px #7f7f7f;
}

a.button:hover, a.button.negative:hover, a.button.positive:hover {
 color: #282828 !important;
 border-bottom: solid 1px #333;
}