td, tr, table, div {
	vertical-align: top;
}

div.icontest {
	bottom: 0px;
	margin-bottom: 2em;
	position: absolute;
	text-align: center;
	width: 100%;
}
div.newbutton {
	display: inline-block;
	cursor: pointer;
	box-sizing: border-box;

	padding: 0;
	vertical-align: top;
	line-height: 1.2em;
	border-radius: 5px;
	background: #ddd;
	color: #333;

	border-top: 1px solid #EEEEEE;
	text-align: center;

	background: -o-linear-gradient(top, #fefefe 0px, #e0e0e0 100%) transparent;
	background: linear-gradient(top, #fefefe 0px, #e0e0e0 100%) transparent;
	min-height: 40px;
	padding: .5em;

	position: relative;
	z-index: 3;

	text-shadow: none;
	font-size: 0.8em;
	min-height: 0px;
	border-radius: 0;
	margin: 1em .2em;

	border: 1px solid #666;
	border-radius: 3px;
	box-sizing: border-box;
}


div.unpressable {
	cursor: default;
}

div.newbutton.green {
	background: -o-linear-gradient(top, #55ff0f 0px, #55AE3A 100%) transparent;
	background: linear-gradient(top, #55ff0f 0px, #55AE3A 100%) transparent;
}
div.newbutton.green:active {
	background: #33AE3A;
}
div.newbutton.red {
	background: -o-linear-gradient(top, #FF2400 0px, #dd2400 100%) transparent;
	background: linear-gradient(top, #FF2400 0px, #dd2400 100%) transparent;
}
div.newbutton.red:active {
	background: #aa2400;
}

div.newbutton.square {
	width: 40px;
	height: 40px;
	padding: 0;
}

div.newbutton.icon {
	font-size: 2em;

	color: #333;
}

div.newbutton:hover {
	background: #eee;
}



div.newbutton.pressed {
	line-height: 1.25em;
	background: #aaa;
	box-shadow: none;
	box-shadow: inset 0 0 2px #333, 0 0 2px #333 inset;
	margin-top: 2px;
	margin-bottom: -2px;
	color: #222;
	z-index: 2;
}

div.newbutton.disabled {
	line-height: 1.25em;
	background: #aaa;
	box-shadow: none;
	box-shadow: inset 0 0 2px #333, 0 0 2px #333 inset;
	margin-top: 2px;
	margin-bottom: -2px;
	color: #eaeaea;
	background: #ccc;
}


/* ERASE THIS! */
.button {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	margin-right: 1em;
}




.button-group .newbutton {
	border-radius: 0;
	margin-right: -5px;
	border-left: none;
}
.button-group .newbutton:first-of-type {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left: 1px solid #666;
}
.button-group .newbutton:last-of-type {
	margin-right: 0px;
	border-right: 1px solid #666;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

div.newbutton.square:active, div.newbutton.square.pressed:active {
	padding-top: 3px;
}

div.newbutton:active, div.newbutton.pressed:active {
	padding-top: 7px;
	padding-bottom: 5px;
	background: #888;
	box-shadow: none;
	box-shadow: inset 0 0 2px #333, 0 0 2px #333 inset, 0px 2px 0px #666 inset;

	z-index: 2;
	color: #222;
}

div.newbutton.icon.experimental {
	height: 28px;
	width: 28px;
}

div.newbutton.experimental::before {
	left: 1em;
	position: absolute;
	top: 0.6em;
}

div.newbutton.icon {
	margin: 0;
}