/* CSS Document */

.buttonNormal:before {
	content: " ";
	position: absolute;
	z-index: -1;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	
	border:solid 0.2rem rgba(0,0,0,1);
	background-color:rgba(0,0,0,0.2);
	
	border-radius:1.5rem;
	
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	
	opacity:0;
}
.buttonNormal {
	position: relative;
	display:inline-block;
	padding:0px 1.5rem 0px 1.5rem;
	height:3.0rem;
	line-height:2.8rem;
	
	box-shadow: 0 0 1px 0px rgba(0,0,0,0.9) inset, 0 0 1px 0px rgba(0,0,0,0.9);
	border:solid 0.1rem rgba(0,0,0,0.9);
	background-color:rgba(0,0,0,0.4);
	color:rgba(255,255,255,0.9);
	
	font-size:1.4rem;
	font-weight:600;
	text-align:center;
	text-shadow:none;
	border-radius:1.7rem;
	cursor:pointer;
	vertical-align:middle;
}

.viewportLight .buttonNormal:before {
	border:solid 0.2rem rgba(255,255,255,1);
	background-color:rgba(255,255,255,0.2);
}
.viewportLight .buttonNormal {
	box-shadow: 0 0 1px 0px rgba(255,255,255,0.9) inset, 0 0 1px 0px rgba(255,255,255,0.9);
	border:solid 0.1rem rgba(255,255,255,0.9);
	background-color:rgba(255,255,255,0.4);
	color:rgba(0,0,0,0.9);
}

.hi.buttonNormal:before {
	opacity:1;
}