/* CSS3 buttons: https://designmodo.com/ */
.button {
    height: 25px;
	display: inline-block;
	position: relative;	
	margin: 1px;
	text-align: center;	 
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,.22);
	font: bold 12px Arial, sans-serif;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);
	box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
	.button:hover {
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
		box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
	}

	.button:active {
		-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
		-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
		box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
	}
	
.wide1 { width: 160px; }
.wide2 { width: 180px; }

.big {
	padding: 0 10px;
	padding-top: 10px;
	height: 45px;
	text-transform: uppercase;
	/* font: bold 20px/22px Arial, sans-serif; */
	font: bold 14px Arial, sans-serif;
}

.big span {
	display: block;
	text-transform: none;
	font: italic normal 12px/18px Georgia, sans-serif;
	text-shadow: 1px 1px 1px rgba(255,255,255, .12);
}
 
/* https://www.hexcolortool.com/#18647b */
 
.blue {
	color: #000000;
	background: #ffffee; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffee 0%, #696969 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffee), color-stop(100%, #696969)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffee 0%,#696969 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffee 0%,#696969 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffee 0%,#696969 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffee 0%,#696969 100%); /* W3C */
}