.button {
	padding: 5px 15px 4px;
	margin: 0 3px;
	border: 0;
	font-size: 12px;
	font-family: Ubuntu, Tahoma, Arial;
	color: #fff;
	display: block-inline;
	float: left;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.button:active {
	-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .3);
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .3);

	opacity: 1;
	margin: 1px 3px -1px;
}

.button:hover {
	opacity: .9;
	cursor: pointer;
}

.button-green {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0eb852), color-stop(1, #1f9034));
	background: -webkit-linear-gradient(top, #0eb852, #1f9034);
	background: -moz-linear-gradient(top, #0eb852, #1f9034);
	background: -o-linear-gradient(top, #0eb852, #1f9034);
	background: -ms-linear-gradient(top, #0eb852, #1f9034 );
	background: linear-gradient(top, #0eb852, #1f9034);

	-webkit-box-shadow: 0px 1px 0px #166624;
	-moz-box-shadow: 0px 1px 0px #166624;
	box-shadow: 0px 1px 0px #166624;

	text-shadow: 0px 1px 0px #104a1a;
}

.button-blue {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #56b4d0), color-stop(1, #1c94c4));
	background: -webkit-linear-gradient(top, #56b4d0, #1c94c4);
	background: -moz-linear-gradient(top, #56b4d0, #1c94c4);
	background: -o-linear-gradient(top, #56b4d0, #1c94c4);
	background: -ms-linear-gradient(top, #56b4d0, #1c94c4 );
	background: linear-gradient(top, #56b4d0, #1c94c4);

	-webkit-box-shadow: 0px 1px 0px #115c7a;
	-moz-box-shadow: 0px 1px 0px #115c7a;
	box-shadow: 0px 1px 0px #115c7a;

	text-shadow: 0px 1px 0px #115c7a;
}

.button-red {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d5746b), color-stop(1, #cd5b51));
	background: -webkit-linear-gradient(top, #d5746b, #cd5b51);
	background: -moz-linear-gradient(top, #d5746b, #cd5b51);
	background: -o-linear-gradient(top, #d5746b, #cd5b51);
	background: -ms-linear-gradient(top, #d5746b, #cd5b51 );
	background: linear-gradient(top, #d5746b, #cd5b51);

	-webkit-box-shadow: 0px 1px 0px #8f3129;
	-moz-box-shadow: 0px 1px 0px #8f3129;
	box-shadow: 0px 1px 0px #8f3129;

	text-shadow: 0px 1px 0px #8f3129;
}

.button-violet {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a56eeb), color-stop(1, #9350e7));
	background: -webkit-linear-gradient(top, #a56eeb, #9350e7);
	background: -moz-linear-gradient(top, #a56eeb, #9350e7);
	background: -o-linear-gradient(top, #a56eeb, #9350e7);
	background: -ms-linear-gradient(top, #a56eeb, #9350e7 );
	background: linear-gradient(top, #a56eeb, #9350e7);

	-webkit-box-shadow: 0px 1px 0px #671bc8;
	-moz-box-shadow: 0px 1px 0px #671bc8;
	box-shadow: 0px 1px 0px #671bc8;

	text-shadow: 0px 1px 0px #671bc8;
}

.button-brown {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8d6850), color-stop(1, #775844));
	background: -webkit-linear-gradient(top, #8d6850, #775844);
	background: -moz-linear-gradient(top, #8d6850, #775844);
	background: -o-linear-gradient(top, #8d6850, #775844);
	background: -ms-linear-gradient(top, #8d6850, #775844 );
	background: linear-gradient(top, #8d6850, #775844);

	-webkit-box-shadow: 0px 1px 0px #413025;
	-moz-box-shadow: 0px 1px 0px #413025;
	box-shadow: 0px 1px 0px #413025;

	text-shadow: 0px 1px 0px #413025;
}

.button-dark {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393939), color-stop(1, #303030));
	background: -webkit-linear-gradient(top, #393939, #303030);
	background: -moz-linear-gradient(top, #393939, #303030);
	background: -o-linear-gradient(top, #393939, #303030);
	background: -ms-linear-gradient(top, #393939, #303030 );
	background: linear-gradient(top, #393939, #303030);

	-webkit-box-shadow: 0px 1px 0px #000;
	-moz-box-shadow: 0px 1px 0px #000;
	box-shadow: 0px 1px 0px #000;

	text-shadow: 0px 1px 0px #000;
}

.button-gray {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999), color-stop(1, #888));
	background: -webkit-linear-gradient(top, #999, #888);
	background: -moz-linear-gradient(top, #999, #888);
	background: -o-linear-gradient(top, #999, #888);
	background: -ms-linear-gradient(top, #999, #888 );
	background: linear-gradient(top, #999, #888);

	-webkit-box-shadow: 0px 1px 0px #666;
	-moz-box-shadow: 0px 1px 0px #666;
	box-shadow: 0px 1px 0px #666;

	text-shadow: 0px 1px 0px #666;
}