a {
	text-decoration: none;
	margin: 0 10px;
}

a.normal {
	text-decoration: underline;
	margin: 0;
}

.btn {
	display: inline-block;
	color: #666;
	background-color: #eee;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 5px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-bottom-width: 3px;
	transition: 0.2s;
}

.btn-small {
	font-size: 10px;
	padding: 3px 10px;
}

.btn:hover {
	background-color: #e3e3e3;
	border-color: rgba(0, 0, 0, 0.5);	
}

.btn:active {
	background-color: #CCC;
	border-color: rgba(0, 0, 0, 0.9);
	margin-top: 3px;
	border-bottom-width: 0px;
}

/* blue button */
.btn.btn-blue {
	background-color: #699DB6;
	border-color: rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	color: #FFF;
}

.btn.btn-blue:hover {
	background-color: #4F87A2;
	border-color: rgba(0, 0, 0, 0.5);
}

.btn.btn-blue:active {
	background-color: #3C677B;
	border-color: rgba(0, 0, 0, 0.9);
	margin-top: 3px;
	border-bottom-width: 0px;
	
}

/* red button */
.btn.btn-red {
	background-color: #E48681;
	border-color: rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	color: #FFF;
}

.btn.btn-red:hover {
	background-color: #DA4F49;
	border-color: rgba(0, 0, 0, 0.5);
}

.btn.btn-red:active {
	background-color: #B32C24;
	border-color: rgba(0, 0, 0, 0.9);
	margin-top: 3px;
	border-bottom-width: 0px;
}

/* red button */
.btn.btn-green {
	background-color: #89A02C;
	border-color: rgba(0, 0, 0, 0.3);
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.btn.btn-green:hover {
	background-color: #89A02C;
	border-color: rgba(0, 0, 0, 0.5);
}

.btn.btn-green:active {
	background-color: #89A02C;
	border-color: rgba(0, 0, 0, 0.9);
	margin-top: 3px;
	border-bottom-width: 0px;
}