.de-btn {
	/* display: inline-block; */
	background: url(btn.bg.png) repeat-x 0px 0px;
	padding:5px 10px 6px 10px;
	font-family: 'Roboto';
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
	border:1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

.de-box {
	/* display: inline-block; */
	background: url(btn.bg.png) repeat-x 0px 0px;
	padding:5px;
	font-family: 'Roboto';
	/* font-weight:bold; */
	/* text-shadow: 1px 1px 1px rgba(255,255,255,0.5); */
	/* border:1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5); */
}

.de-btn:hover {
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
cursor:pointer;
}

/* COLOR VARIATIONS */

.de-blue {background-color: #CCCCCC ; color: #141414;}
.de-blue:hover {background-color: #00c0ff!important ; color: #ffffff!important;}

.de-green {background-color: #CCCCCC; color: #141414;}
.de-green:hover{background-color: #8aff00!important; color: #ffffff!important;}

.de-red {background-color: #CCCCCC; color: #141414;}
.de-red:hover {background-color: #ff004e!important; color: #ffffff!important;}

.de-deep-orange {background-color: #CCCCCC; color: #141414;}
.de-deep-orange:hover {background-color: #FF5722!important; color: #ffffff!important;}

.de-orange {background-color: #CCCCCC; color: #141414;}
.de-orange:hover {background-color: #FF9800!important; color: #ffffff!important;}

.de-grey {background-color: #CCCCCC; color: #141414;}
.de-grey:hover {background-color: #E5E5E5!important; color: #ffffff!important;}