body{
	background-color:#ffffe0;
	color:#141414;
}
.c1{
	background-color:#008080;
	color:#ffffff;
}
.c2{
	background-color:#20b2aa;
	color:#000000;
}
.c3{
	background-color:#66cdaa;
	color:#000000;
}
.c4{
	background-color:#ffffff;
	color:#000000;
}
.c5{
	background-color:#ff4500;
	color:#000000;
}
.but
{
	background-color: #556b2f;
	color: #ffffff;
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	border-radius: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height:2em;
	cursor:pointer;
	opacity: 0.9;

}
.but:active
{
	transform: translate(0px,3px);
	  -webkit-transform: translate(0px,3px);
	font-size: 1em;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height:2em;
	cursor:pointer;
	opacity: 0.9;
}

.but:hover{
	opacity: 1;
}

.but:disabled{
	cursor:not-allowed;
	opacity: 0.4;
}

.but:disabled:hover{
	opacity: 0.5;
}