/* http://devgrow.com/perfect-css3-buttons */	
/*Overall Button Style */
.button {
	background: #777;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 1px;
	vertical-align: middle;
	}
.button span {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	display: block;
	font: bold 12px 'Verdana', 'Arial', sans-serif;
	padding: 6px 12px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	}
	
/* Button States */
.button:hover {
	background-image: url(button.png); /* fallback image */
	background-position: top;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.1)));
	background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
	text-decoration: none;
	}
.button:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: url(button.png); /* fallback image */
	background-position: bottom;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.2)));
	background-image: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.2));
	}
.button:active span {
	border-top-color: rgba(0, 0, 0, 0.2);
	}
	
/* Colors and Sizes */
.button.black { background-color: #252a2a; }
.button.blue { background-color: #3792c6; }
.button.red { background-color: #cc2222; }
.button.green { background-color: #69a846; }
.button.brown { background-color: #b6761a; }
.button.darkblue { background-color: #023068; }
.button.darkgreen { background-color: #295803; }
.button.purple { background-color: #b20a42; }
.button.orange { background-color: #f3940c; }

.button.selected { background-color: #569334; }
.button.large span { font-size: 16px;  padding: 6px 14px; }
.button.small span { font-size: 11px;  padding: 4px 8px; }

