.button {
  background-color:#222;
	background-image:url(../images/global/36px-blended.png);
	display:inline-block;
	padding:4px 14px 6px;
	color:#fff !important;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	text-decoration:none;
	border:1px solid rgba(0,0,0,.25);
	border-bottom-color:rgba(0,0,0,.35);
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	position:relative;
	cursor:pointer;
	overflow:visible;
	width:auto;
  outline:none;
}
button::-moz-focus-inner {
	border:0;
	padding:0
}
.button:hover {
	background-color:#111;
	color:#fff
}
.button:active {
	-webkit-transform:translateY(1px);
	-moz-transform:translateY(1px)
}

.small.button {
	padding: 4px 8px 6px;
	font-size:11px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}
.narrow.button {
	padding: 3px 6px 5px;
}
.large.button {
	font-size:14px;
	background-position:0 0;
	padding:6px 17px 8px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
}

.grey.button       {background-color:#bbb}
.grey.button:hover {background-color:#aaa}

.violet.button       {background-color:#848eff}
.violet.button:hover {background-color:#6364e9}

.green.button       {background-color:#91bd09}
.green.button:hover {background-color:#749a02}

.blue.button       {background-color:#2daebf}
.blue.button:hover {background-color:#007d9a}

.salmon.button       {background-color:#ff6857}
.salmon.button:hover {background-color:#d85849}

.red.button       {background-color:#e33100}
.red.button:hover {background-color:#872300}

.magenta.button       {background-color:#a9014b}
.magenta.button:hover {background-color:#630030}

.orange.button       {background-color:#ff5c00}
.orange.button:hover {background-color:#d45500}

.orangellow.button       {background-color:#ffb515}
.orangellow.button:hover {background-color:#fc9200}

.white.button {
	background-color:#fff;
	/*border:1px solid #ccc;*/
	color:#666 !important;
	text-shadow:0 1px 1px rgba(255,255,255,1)
}
.white.button:hover {background-color:#eee}

.paleblue.button {
  background-color:#cce6ff;
	color:#555 !important;
	text-shadow:0 1px 1px rgba(255,255,255,1)
  }
.paleblue.button:hover {background-color:#b2daff}