/*** BUTTONS ***/
.button, .buttonHover, .buttonActive {
	/*display: block;*/
	text-align: center;
	padding: 8px 8px;
	border-radius: 4px;
	border: solid 1px hsla(0, 0%, 100%, 0.20);
	overflow: hidden;
	cursor: pointer;
	pointer-events: all;
	-webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

.buttonHover {
	text-decoration: none;
	background-color: hsla(0, 0%, 100%, 0.15);
}

.buttonActive {
	background-color: hsla(0, 0%, 100%, 0.30);
	-webkit-transition: background-color 0s;
  transition: background-color 0s;
}

table.button {
	margin: 0px auto;
	border: none;
	pointer-events: none;
}

table.button td {
	vertical-align: middle;
}

table.button td.icon {}

table.button td.icon img.icon {
	display: block;
	width: 18px;
	height: 18px;
	border: none;
}

table.button td.label {}

table.button td.label p.label {
	position: relative;
	font-size: 16px;
	color: hsl(0, 0%, 100%);
	line-height: 18px;
	white-space: nowrap;
}

table.button td.spacer {
	padding: 0px 4px;
}

.btnSelected, .btnSelectedHover, .btnSelectedActive {
	background-color: hsla(190, 100%, 65%, 0.50);
	cursor: default;
	pointer-events: none;
}

.btnDisabled {
	opacity: 0.50 !important;
	filter: alpha(opacity=50) !important;
	background: none;
	cursor: default;
	pointer-events: none;
}

.btnDisabled table.button {
	opacity: 0.50 !important;
	filter: alpha(opacity=50) !important;
}

.btnSpacerH {
	display: inline-block;
	width: 6px;
	height: 34px;
}