﻿@import url(layout.css);
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px 5px;
    border: 1px solid #7e1a1a;
    border-radius: 1px;
    background: #ed3232;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed3232), to(#7e1a1a));
    background: -moz-linear-gradient(top, #ed3232, #7e1a1a);
    background: linear-gradient(to bottom, #ed3232, #7e1a1a);
    text-shadow: #4a1010 1px 1px 0px;
    font: normal normal bold 18px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid #941f1f;
    background: #ff3c3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff3c3c), to(#971f1f));
    background: -moz-linear-gradient(top, #ff3c3c, #971f1f);
    background: linear-gradient(to bottom, #ff3c3c, #971f1f);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #7e1a1a;
    background: -webkit-gradient(linear, left top, left bottom, from(#7e1a1a), to(#7e1a1a));
    background: -moz-linear-gradient(top, #7e1a1a, #7e1a1a);
    background: linear-gradient(to bottom, #7e1a1a, #7e1a1a);
}
.button:after{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 -4px -6px 4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("http://motiontekdrives.com/images/Handclick.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
