.button {
	display: inline-block;
	position: relative;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 3px;
	cursor: pointer;
}
.button.disabled, .button.disabled:hover {
	background-color: transparent !important;
	color: #a0a0a0 !important;
	border-color: #d0d0d0 !important;
	cursor: default;
	filter: grayscale(1);
}
.button:hover {
	text-decoration: none !important;
}
.b-tiny {
	font-size: 75% !important;
	padding: 3px 8px;
}
.b-small {
	font-size: 87.5% !important;
	padding: 4px 8px;
}
.button.b-lower {
	text-transform: none;
}
.b-normal {
	font-size: 100% !important;
	padding: 7px 12px;
}
.lo-w .b-normal {
	padding: 6px 12px;
}
.b-large {
	font-size: 100%;
	padding: 10px 16px;
}
.b-huge {
	font-size: 100%;
	padding: 12px 20px;
}
.b-ultra {
	font-size: 100%;
	padding: 15px 24px;
}
.b-blue {
	color: #0170b0;
	border: 1px solid #B4D4E7;
}
.b-blue:hover {
	background-color: #0170b0;
	color: #fafafa;
	border: 1px solid #0170b0;
}
.b-darkblue {
	color: #fafafa;
	background-color: #0170b0;
}
.b-darkblue:hover {
	background-color: #0166a0;
}
.b-grey {
	color: #4a4a4a !important;
	background-color: #dddbd8;
}
.b-grey:hover {
	background-color: #cdcbc8;
}
.b-darkgrey {
	background-color: #dddbd8;
	color: #4a4a4a !important;
	border: 1px solid #adaba8;
}
.b-darkgrey:hover {
	color: #f0f0f0;
	background-color: #8d8b88;
	border: 1px solid #8d8b88;
}
.b-orange {
	color: #ffffff;
	background-color: #F16C4F;
}
.b-orange:hover {
	background-color: #1B325F;
}
.b-points {
    height: 4px;
    font-size: 120%;
    line-height: 4px;
    color: #6d6b68;
    padding: 1px 4px 9px 4px;
    border-radius: 8px;
    position: relative;
    top: 3px;
}