/*********** BUTTON *************/
.cbdb-menu li {
	display: block;
	float: left;
	line-height: 35px;
	list-style:none;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 2px;
}
.cbdb-menu li a {
	/* This generators the gradient on top of the solid color */
	/*background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(255,255,255,.5)),
		color-stop(1, rgba(0,0,0,.1))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgba(255,255,255,.5) 0%,
		rgba(0,0,0,.1) 100%
	);*/
	color: #f4f4f4; /* IE */
	color: rgba(255, 255, 255, 0.8);
	display: block;	
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;		
	outline:none;
	padding-top: 5px;
	text-align:center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);*/	
}
	.cbdb-menu li a:active {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0,rgba(255,255,255,.5)),
			color-stop(.1,rgba(255,255,255,.2)),
			color-stop(.85, rgba(0,0,0,.2)),
			color-stop(100, rgba(0,0,0,.4))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(255,255,255,.5) 0%,
			rgba(255,255,255,.2) 10%,
			rgba(0,0,0,.2) 85%,
			rgba(0,0,0,.4) 100%
		);
	}
/* Dark Text */
.cbdb-menu li a.dark {
	color: #333; /* IE */
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}
/*********** COLORS *************/
/* Create your own class for your own colors */
.red {
	/*border: #B80202 0px solid;
	background-color: #B80202;*/
	background-image: url(../images/red.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 93px;
}
	.red:hover, .red:focus{
		background-image: url(../images/hover.png);
		background-repeat: no-repeat;
		color:000;
	}
.green {
	background: #46c431;
	border: #46c431 0px solid;
	background-image: url(../images/green.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 93px;
}
	.green:hover,.green:focus {
		background-image: url(../images/hover.png);
		background-repeat: no-repeat;
	}
.yellow {
	background: #D9CE1C;
	border: #D9CE1C 0px solid;
	background-image: url(../images/yellow.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 93px;
}
	.yellow:hover,.yellow:focus {
		background-image: url(../images/hover.png);
		background-repeat: no-repeat;
	}
.cyan {
	background: #23c6de;
	border: #23c6de 0px solid;
	background-image: url(../images/orange.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 93px;
}
	.cyan:hover,.cyan:focus {
		background-image: url(../images/hover.png);
		background-repeat: no-repeat;
	}
.blue {
	background: #3271d9;
	border: #3271d9 0px solid;
	background-image: url(../images/blue.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 93px;
}
	.blue:hover,.blue:focus {
		background-image: url(../images/hover.png);
		background-repeat: no-repeat;
	}
.pink {
	background: #3271d9;
	border: #3271d9 0px solid;
	background-image: url(../images/pink.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 93px;
}
	.pink:hover,.pink:focus {
		background-image: url(../images/hover.png);
		background-repeat: no-repeat;
	}