div.button-row {
    margin: 10px 0;
    text-align: center;
}

/* button */
.button {
    font-family: Arian AMU;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px 15px 7px;
    margin: 0 0px;
    text-shadow: 2px 2px 1px #595959;
    filter: dropshadow(color=#595959, offx=1, offy=1);
    text-decoration: none;
}

/* button shapes */
.square {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* button colors */
.color {
    border: solid 1px red;
    background-color: red;
    background: -moz-linear-gradient(top, red 0%, darkred 100%);
    background: -webkit-linear-gradient(top, red 0%, darkred 100%);
    background: -o-linear-gradient(top, red 0%, darkred 100%);
    background: -ms-linear-gradient(top, red 0% ,darkred 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#709e0e', endColorstr='#709e0e',GradientType=0 );
    background: linear-gradient(top, red 0% ,darkred 100%);
    -webkit-box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
    -moz-box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
    box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
}

.color:hover {
    background-color: white;
    background: -moz-linear-gradient(top, white 0%, grey 100%);
    background: -webkit-linear-gradient(top, white 0%, grey 100%);
    background: -o-linear-gradient(top, white 0%, grey 100%);
    background: -ms-linear-gradient(top, white 0%, grey 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67910b', endColorstr='#67910b',GradientType=0 );
    background: linear-gradient(top, white 0%, grey 100%);
}

.color:active {
    background-color: lightblue;
    background: -moz-linear-gradient(top, lightblue 0%, navy 100%);
    background: -webkit-linear-gradient(top, lightblue 0%, navy 100%);
    background: -o-linear-gradient(top, lightblue 0%, navy 100%);
    background: -ms-linear-gradient(top, lightblue 0%, navy 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486608', endColorstr='#486608',GradientType=0 );
    background: linear-gradient(top, lightblue 0%, navy 100%);
}


/* button effects */

.effect {
    transition: border-radius 1s;
    -webkit-transition: border-radius 1s;
    -moz-transition: border-radius 1s;
    -o-transition: border-radius 1s;
    -ms-transition: border-radius 1s;
}

.effect:hover {
    border-radius: 50px 5px 50px 5px;
    -webkit-border-radius: 50px 5px 50px 5px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 50px;
}