.button-css3-v1 {
    border: 1px solid #878787;
    background: #5c5c5c;
    background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#5c5c5c));
    background: -webkit-linear-gradient(top, #8a8a8a, #5c5c5c);
    background: -moz-linear-gradient(top, #8a8a8a, #5c5c5c);
    background: -ms-linear-gradient(top, #8a8a8a, #5c5c5c);
    background: -o-linear-gradient(top, #8a8a8a, #5c5c5c);
    background-image: -ms-linear-gradient(top, #8a8a8a 0%, #5c5c5c 100%);
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    text-shadow: #525252 0 1px 0;
    color: #ffffff;
    font-size: 11px;
    font-family: 'Open Sans',Arial,sans-serif;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}
.button-css3-v1:hover {
    border: 1px solid #707070;
    text-shadow: #525252 0 1px 0;
    background: #414141;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#414141));
    background: -webkit-linear-gradient(top, #757575, #414141);
    background: -moz-linear-gradient(top, #757575, #414141);
    background: -ms-linear-gradient(top, #757575, #414141);
    background: -o-linear-gradient(top, #757575, #414141);
    background-image: -ms-linear-gradient(top, #757575 0%, #414141 100%);
    color: #ffffff;
}
.button-css3-v1:active {
    text-shadow: #525252 0 1px 0;
    border: 1px solid #707070;
    background: #757575;
    background: -webkit-gradient(linear, left top, left bottom, from(#414141), to(#414141));
    background: -webkit-linear-gradient(top, #414141, #757575);
    background: -moz-linear-gradient(top, #414141, #757575);
    background: -ms-linear-gradient(top, #414141, #757575);
    background: -o-linear-gradient(top, #414141, #757575);
    background-image: -ms-linear-gradient(top, #414141 0%, #757575 100%);
    color: #fff;
}
.button-css3-v1[disabled] {
    background: #8f8f8f;
    background: -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#8f8f8f));
    background: -webkit-linear-gradient(top, #c7c7c7, #8f8f8f);
    background: -moz-linear-gradient(top, #c7c7c7, #8f8f8f);
    background: -ms-linear-gradient(top, #c7c7c7, #8f8f8f);
    background: -o-linear-gradient(top, #c7c7c7, #8f8f8f);
    background-image: -ms-linear-gradient(top, #c7c7c7 0%, #8f8f8f 100%);
    cursor: default;
}
.button-css3-v1.collapsed {
    font-size: 11px;
    padding: 0px 10px;
}
.button-css3-v2 {
    border: 1px solid #95d267;
    background: #7cc74e;
    background: -moz-linear-gradient(
        top,
        #afdd80 0%,
        #7cc74e 95%,
        #7cc74e);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#afdd80),
        color-stop(0.95, #7cc74e),
        to(#7cc74e));

    padding: 12px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(255,255,255,0.5) 0 0px 0, inset rgba(255,255,255,0.5) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.5) 0 0px 0, inset rgba(255,255,255,0.5) 0 1px 0;
    box-shadow: rgba(255,255,255,0.5) 0 0px 0, inset rgba(255,255,255,0.5) 0 1px 0;
    text-shadow: #555555 0 1px 0;
    color: #ffffff;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 13px;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
}
.button-css3-v2.smaller {
    padding: 7px 20px;
}
.button-css3-v2:hover {
    background: #77bf4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#a9d477), to(#77bf4a));
    background: -webkit-linear-gradient(top, #a9d477, #77bf4a);
    background: -moz-linear-gradient(top, #a9d477, #77bf4a);
    background: -ms-linear-gradient(top, #a9d477, #77bf4a);
    background: -o-linear-gradient(top, #a9d477, #77bf4a);
    background-image: -ms-linear-gradient(top, #a9d477 0%, #77bf4a 100%);
}
a.button-css3-v2:hover {
    color: #fff;
}
a.button-css3-v2:hover {
    color: #fff;
}
.button-css3-v2:active {
    background: #94d066;
    background: -webkit-gradient(linear, left top, left bottom, from(#91cb64), to(#94d066));
    background: -webkit-linear-gradient(top, #91cb64, #94d066);
    background: -moz-linear-gradient(top, #91cb64, #94d066);
    background: -ms-linear-gradient(top, #91cb64, #94d066);
    background: -o-linear-gradient(top, #91cb64, #94d066);
    background-image: -ms-linear-gradient(top, #91cb64 0%, #94d066 100%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.button-css3-v2.collapsed {
    font-size: 11px;
    padding: 0px 10px;
}
.blue-edition .button-css3-v2 {
   border: 1px solid #3596d3;
   background: #3596d3;
   background: -webkit-gradient(linear, left top, left bottom, from(#75cbe8), to(#3596d3));
   background: -webkit-linear-gradient(top, #75cbe8, #3596d3);
   background: -moz-linear-gradient(top, #75cbe8, #3596d3);
   background: -ms-linear-gradient(top, #75cbe8, #3596d3);
   background: -o-linear-gradient(top, #75cbe8, #3596d3);
   background-image: -ms-linear-gradient(top, #75cbe8 0%, #3596d3 100%);
}
.blue-edition .button-css3-v2:hover {
   background: #2d86bd;
   background: -webkit-gradient(linear, left top, left bottom, from(#60b7d4), to(#2d86bd));
   background: -webkit-linear-gradient(top, #60b7d4, #2d86bd);
   background: -moz-linear-gradient(top, #60b7d4, #2d86bd);
   background: -ms-linear-gradient(top, #60b7d4, #2d86bd);
   background: -o-linear-gradient(top, #60b7d4, #2d86bd);
   background-image: -ms-linear-gradient(top, #60b7d4 0%, #2d86bd 100%);
}
.blue-edition .button-css3-v2:active {
   background: #2d86bd;
   background: -webkit-gradient(linear, left top, left bottom, from(#2d86bd), to(#2d86bd));
   background: -webkit-linear-gradient(top, #2d86bd, #2d86bd);
   background: -moz-linear-gradient(top, #2d86bd, #2d86bd);
   background: -ms-linear-gradient(top, #2d86bd, #2d86bd);
   background: -o-linear-gradient(top, #2d86bd, #2d86bd);
   background-image: -ms-linear-gradient(top, #2d86bd 0%, #2d86bd 100%);
}

.button-css3-v2[disabled], .button-css3-v2[disabled]:hover {
    background: #ccc;
    box-shadow: none;
    border-color: #ccc;
    cursor: default;
}

.button-css3-v2 span {
    display: inline-block;
    vertical-align: top;
    line-height: 23px;
}
.button-css3-v2 span:nth-child(2) {
    background: url(../images/buttons-css3/check.png) 0 0 no-repeat;
    width: 23px;
    height: 23px;
    margin-left: 10px;
}
.blue-edition .button-css3-v2 span:nth-child(2) {
    background-image: url(../images/buttons-css3/check-blue.png);
}
.button-css3-v2[disabled] .check-bg {
    background-image: url(../images/buttons-css3/check-disabled.png) !important;
}

.button-lgray {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #eeeeee) );
    background:-moz-linear-gradient( center top, #ffffff 5%, #eeeeee 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
    background-color:#ffffff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #cccccc;
    display:inline-block;
    line-height: 20px;
    padding:2px 14px;
    text-decoration:none;
    cursor: pointer;
    color: #555;
    text-shadow: none;
}
.button-lgray:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #eeeeee 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
    background-color:#eeeeee;
}
