.button {
    background: -moz-linear-gradient(center top, #00adee, #0078a5) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #0076a3;
    border-radius: 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #d9eef7 !important;
    cursor: pointer;
    display: inline-block;
    font: 16px/100% Arial,Helvetica,sans-serif;
    margin: 0 2px;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
}

    .button:hover {
        background: -moz-linear-gradient(center top, #0095cc, #00678e) repeat scroll 0 0 rgba(0, 0, 0, 0);
        text-decoration: none;
    }

    .button:active {
        background: -moz-linear-gradient(center top, #0078a5, #00adee) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #80bed6 !important;
        position: relative;
        top: 1px;
    }

.bigrounded {
    border-radius: 2em;
}

.medium {
    font-size: 13px;
    padding: 0.4em 1.5em 0.42em;
}

.small {
    font-size: 12px;
    padding: 0.2em 1em 0.275em;
}

.black {
    background: -moz-linear-gradient(center top, #666, #000) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #333;
    color: #d7d7d7 !important;
}

    .black:hover {
        background: none repeat scroll 0 0 #000 !important;
    }

    .black:active {
        background: -moz-linear-gradient(center top, #000, #444) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #666 !important;
    }

.gray {
    background: -moz-linear-gradient(center top, #888, #575757) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #555;
    color: #e9e9e9 !important;
}

    .gray:hover {
        background: none repeat scroll 0 0 #616161 !important;
    }

    .gray:active {
        background: -moz-linear-gradient(center top, #575757, #888) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #afafaf !important;
    }

.white {
    background: -moz-linear-gradient(center top, #fff, #ededed) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #b7b7b7;
    color: #606060 !important;
}

    .white:hover {
        background: none repeat scroll 0 0 #ededed !important;
    }

    .white:active {
        background: -moz-linear-gradient(center top, #ededed, #fff) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #999 !important;
    }

.orange {
    background: -moz-linear-gradient(center top, #faa51a, #f47a20) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #da7c0c;
    color: #fef4e9 !important;
}

    .orange:hover {
        background: none repeat scroll 0 0 #f47c20 !important;
    }

    .orange:active {
        background: -moz-linear-gradient(center top, #f47a20, #faa51a) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #fcd3a5 !important;
    }

.red {
    background: -moz-linear-gradient(center top, #ed1c24, #aa1317) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #980c10;
    color: #faddde !important;
}

    .red:hover {
        background: -moz-linear-gradient(center top, #c9151b, #a11115) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .red:active {
        background: -moz-linear-gradient(center top, #aa1317, #ed1c24) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #de898c !important;
    }

.blue {
    background: -moz-linear-gradient(center top, #00adee, #0078a5) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #0076a3;
    color: #d9eef7 !important;
}

    .blue:hover {
        background: -moz-linear-gradient(center top, #0095cc, #00678e) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .blue:active {
        background: -moz-linear-gradient(center top, #0078a5, #00adee) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #80bed6 !important;
    }

.rosy {
    background: -moz-linear-gradient(center top, #f16c7c, #bf404f) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #b73948;
    color: #fae7e9 !important;
}

    .rosy:hover {
        background: none repeat scroll 0 0 #ba4b58 !important;
    }

    .rosy:active {
        background: -moz-linear-gradient(center top, #bf404f, #f16c7c) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #dca4ab !important;
    }

.green {
    background: -moz-linear-gradient(center top, #7db72f, #4e7d0e) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #538312;
    color: #e8f0de !important;
}

    .green:hover {
        background: -moz-linear-gradient(center top, #6b9d28, #436b0c) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .green:active {
        background: -moz-linear-gradient(center top, #4e7d0e, #7db72f) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #a9c08c !important;
    }

.pink {
    background: -moz-linear-gradient(center top, #feb1d3, #f171ab) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #d2729e;
    color: #feeef5 !important;
}

    .pink:hover {
        background: -moz-linear-gradient(center top, #f4aacb, #e86ca4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .pink:active {
        background: -moz-linear-gradient(center top, #f171ab, #feb1d3) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #f3c3d9 !important;
    }