.buttonbase .buttontitle {
    font-family: "HelveticaNeue-CondensedBold", 'Droid Sans', trebuchet ms, serif;
    font-weight: 500;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-size: 20px;
    text-shadow: rgba(0, 0, 0, 0.1) 1px 0, rgba(0, 0, 0, 0.1) 0 2px;
}

.buttonbase {
    text-decoration: none;
    position: relative;
    float: left;
    padding: 10px;
    width: 180px;
    margin: 20px 0px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=150, Strength=2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.buttonred {
    background-color: #F02311;
    border: 1px solid #F02311;
    border-top: 1px solid #f83f2f;
    -moz-box-shadow: 0 -1px 0 #F02311, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #F02311, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #F02311, 0px 2px 1px #ccc;
}

.buttonred:hover {
    background: #f86c0f;
    border: 1px solid #f86c0f;
    border-top: 1px solid #ff8432;
    -moz-box-shadow: 0 -1px 0 #f86c0f, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #f86c0f, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #f86c0f, 0px 2px 1px #ccc;
}

.buttonorange {
    background-color: #F80;
    border: 1px solid #F80;
    border-top: 1px solid #ffab49;
    -moz-box-shadow: 0 -1px 0 #F80, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #F80, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #F80, 0px 2px 1px #ccc;
}

.buttonorange:hover {
    background: #ffba00;
    border: 1px solid #ffba00;
    border-top: 1px solid #ffcb3d;
    -moz-box-shadow: 0 -1px 0 #ffba00, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #ffba00, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #ffba00, 0px 2px 1px #ccc;
}

.buttonblue {
    background-color: #107FC9;
    border: 1px solid #107FC9;
    border-top: 1px solid #579dc9;
    -moz-box-shadow: 0 -1px 0 #107FC9, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #107FC9, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #107FC9, 0px 2px 1px #ccc;
}

.buttonblue:hover {
    background: #1993e4;
    border: 1px solid #1993e4;
    border-top: 1px solid #2ca6f8;
    -moz-box-shadow: 0 -1px 0 #1993e4, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #1993e4, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #1993e4, 0px 2px 1px #ccc;
}

.buttongray2 {
    background-color: #666;
    border: 1px solid #666;
    border-top: 1px solid #888;
    -moz-box-shadow: 0 -1px 0 #666, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #666, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #666, 0px 2px 1px #ccc;
}

.buttongray2:hover {
    background: #888;
    border: 1px solid #888;
    border-top: 1px solid #aaa;
    -moz-box-shadow: 0 -1px 0 #888, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #888, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #888, 0px 2px 1px #ccc;
}

.buttonpurple {
    background-color: #790F5B;
    border: 1px solid #790F5B;
    border-top: 1px solid #8f4379;
    -moz-box-shadow: 0 -1px 0 #790F5B, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #790F5B, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #790F5B, 0px 2px 1px #ccc;
}

.buttonpurple:hover {
    background: #b01785;
    border: 1px solid #b01785;
    border-top: 1px solid #c8329e;
    -moz-box-shadow: 0 -1px 0 #b01785, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #b01785, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #b01785, 0px 2px 1px #ccc;
}

.buttonpurple2 {
    background-color: #604878;
    border: 1px solid #604878;
    border-top: 1px solid #796e85;
    -moz-box-shadow: 0 -1px 0 #604878, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #604878, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #604878, 0px 2px 1px #ccc;
}

.buttonpurple2:hover {
    background: #745693;
    border: 1px solid #745693;
    border-top: 1px solid #8c6cad;
    -moz-box-shadow: 0 -1px 0 #745693, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #745693, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #745693, 0px 2px 1px #ccc;
}

.buttonfacebook {
    background-color: #0f5ab8;
    border: 1px solid #0f5ab8;
    border-top: 1px solid #4f7fb8;
    -moz-box-shadow: 0 -1px 0 #0f5ab8, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #0f5ab8, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #0f5ab8, 0px 2px 1px #ccc;
}

.buttonfacebook:hover {
    background: #1777f0;
    border: 1px solid #1777f0;
    border-top: 1px solid #4a95f2;
    -moz-box-shadow: 0 -1px 0 #1777f0, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #1777f0, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #1777f0, 0px 2px 1px #ccc;
}

.buttontwitter {
    background-color: #5bc1df;
    border: 1px solid #5bc1df;
    border-top: 1px solid #89c3d2;
    -moz-box-shadow: 0 -1px 0 #5bc1df, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #5bc1df, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #5bc1df, 0px 2px 1px #ccc;
}

.buttontwitter:hover {
    background: #8cddf5;
    border: 1px solid #8cddf5;
    border-top: 1px solid #b9eaf9;
    -moz-box-shadow: 0 -1px 0 #8cddf5, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #8cddf5, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #8cddf5, 0px 2px 1px #ccc;
}

.buttonpink {
    background-color: #d91b5e;
    border: 1px solid #d91b5e;
    border-top: 1px solid #d95d89;
    -moz-box-shadow: 0 -1px 0 #d91b5e, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #d91b5e, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #d91b5e, 0px 2px 1px #ccc;
}

.buttonpink:hover {
    background: #f43679;
    border: 1px solid #f43679;
    border-top: 1px solid #ff7cb8;
    -moz-box-shadow: 0 -1px 0 #f43679, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #f43679, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #f43679, 0px 2px 1px #ccc;
}

.buttongreen2 {
    background-color: #7FAF1B;
    border: 1px solid #7FAF1B;
    border-top: 1px solid #98ba50;
    -moz-box-shadow: 0 -1px 0 #7FAF1B, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #7FAF1B, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #7FAF1B, 0px 2px 1px #ccc;
}

.buttongreen2:hover {
    background: #98ba50;
    border: 1px solid #98ba50;
    border-top: 1px solid #acd25c;
    -moz-box-shadow: 0 -1px 0 #98ba50, 0px 2px 1px #ccc;
    -webkit-box-shadow: 0 -1px 0 #98ba50, 0px 2px 1px #ccc;
    box-shadow: 0 -1px 0 #98ba50, 0px 2px 1px #ccc;
}

.buttonorange.dark {
    -moz-box-shadow: 0 -1px 0 #f80, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #f80, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #f80, 0px 2px 1px #222;
}

.buttonorange.dark:hover {
    -moz-box-shadow: 0 -1px 0 #ffba00, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #ffba00, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #ffba00, 0px 2px 1px #222;
}

.buttongray2.dark {
    -moz-box-shadow: 0 -1px 0 #666, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #666, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #666, 0px 2px 1px #222;
}

.buttongray2.dark:hover {
    -moz-box-shadow: 0 -1px 0 #888, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #888, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #888, 0px 2px 1px #222;
}

.buttonblue.dark {
    -moz-box-shadow: 0 -1px 0 #107FC9, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #107FC9, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #107FC9, 0px 2px 1px #222;
}

.buttonblue.dark:hover {
    -moz-box-shadow: 0 -1px 0 #1993e4, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #1993e4, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #1993e4, 0px 2px 1px #222;
}

.buttonpurple.dark {
    -moz-box-shadow: 0 -1px 0 #790F5B, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #790F5B, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #790F5B, 0px 2px 1px #222;
}

.buttonpurple.dark:hover {
    -moz-box-shadow: 0 -1px 0 #b01785, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #b01785, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #b01785, 0px 2px 1px #222;
}

.buttonpink.dark {
    -moz-box-shadow: 0 -1px 0 #d91b5e, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #d91b5e, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #d91b5e, 0px 2px 1px #222;
}

.buttonpink.dark:hover {
    -moz-box-shadow: 0 -1px 0 #f43679, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #f43679, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #f43679, 0px 2px 1px #222;
}

.buttongreen2.dark {
    -moz-box-shadow: 0 -1px 0 #7FAF1B, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #7FAF1B, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #7FAF1B, 0px 2px 1px #222;
}

.buttongreen2:hover {
    -moz-box-shadow: 0 -1px 0 #98ba50, 0px 2px 1px #222;
    -webkit-box-shadow: 0 -1px 0 #98ba50, 0px 2px 1px #222;
    box-shadow: 0 -1px 0 #98ba50, 0px 2px 1px #222;
}