.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Roboto, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

    .button:hover {
        text-decoration: none;
    }

    .button:active {
        position: relative;
        top: 1px;
    }

.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.medium {
    font-size: 13px;
    letter-spacing: 1px;
    padding: 5px 10px 5px 10px
}

.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}

.orange {
    color: #ffffff;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

    .orange:hover {
        background: #f47c20;
        color: #ffffff;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    }

    .orange:active {
        color: #fcd3a5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
        background: -moz-linear-gradient(top, #f47a20, #faa51a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
    }

.white {
    color: #E03965;
    border: solid 0px #ffffff;
    background: #ffffff;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    text-shadow: 0 0px 0px rgba(0,0,0,0);
    font: 13px/100% Roboto, sans-serif;
}

    .white:hover {
        background: #E03965;
        color: #ffffff;
    }

    .white:active {
        color: #fcd3a5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
        background: -moz-linear-gradient(top, #f47a20, #faa51a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
    }

.whitemodern {
    color: #4d4d4d;
    border: solid 0px #ffffff;
    background: #ffffff;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    text-shadow: 0 0px 0px rgba(0,0,0,0);
    font: 13px/100% Roboto, sans-serif;
}

    .whitemodern:hover {
    }

    .whitemodern:active {
        color: #4d4d4d;
        background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#d5d5d5));
        background: -moz-linear-gradient(top, #d4d4d4, #5d5d5d);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#d5d5d5');
    }


/* gray */
.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

    .gray:hover {
        color: #ffffff;
        background: #616161;
        background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
        background: -moz-linear-gradient(top, #757575, #4b4b4b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
    }

    .gray:active {
        color: #afafaf;
        background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
        background: -moz-linear-gradient(top, #575757, #888);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
    }

.pink {
    color: #ffffff;
    border: solid 0px #D6355F;
    background: #E03965;
}

    .pink:hover {
        background: #D6355F;
        color: #ffffff;
        background: -webkit-gradient(linear, left top, left bottom, from(#BB3155), to(#FD4172));
        background: -moz-linear-gradient(top, #BB3155, #f06015);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB3155', endColorstr='#FD4172');
    }

    .pink:active {
        color: #ffffff;
        background: -webkit-gradient(linear, left top, left bottom, from(#E03965), to(#FD4172));
        background: -moz-linear-gradient(top, #E03965, #FD4172);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E03965', endColorstr='#FD4172');
    }


.purple {
    color: #ffffff;
    border: solid 0px #D6355F;
    background: #A06499;
}

    .purple:hover {
        background: #824f7c;
        color: #ffffff;
        background: -webkit-gradient(linear, left top, left bottom, from(#824f7c), to(#b384ae));
        background: -moz-linear-gradient(top, #aa74a3, #b384ae);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa74a3', endColorstr='#b384ae');
    }

    .purple:active {
        color: #ffffff;
        background: -webkit-gradient(linear, left top, left bottom, from(#72466d), to(#b384ae));
        background: -moz-linear-gradient(top, #72466d, #b384ae);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72466d', endColorstr='#b384ae');
    }