.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% Arial, Helvetica, sans-serif;
    padding: 0.5em 1.5em 0.5em;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.blue {
    color: whitesmoke;
    border: thin solid #0082c9;
    background: #0082c9;
}
.blue:hover {
    background: dodgerblue;
}
/* .blue:active {
} */

.gray {
	color: #e9e9e9;
	border: thin solid #555;
	background: #6e6e6e;
}
.gray:hover {
	background: #616161;
}
/* .gray:active {
} */

.red {
	color: #faddde;
	border: thin solid #980c10;
	background: #d81b21;
}
.red:hover {
	background: #b61318;
}
/* .red:active {
} */