.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9{padding:0 22px;opacity: 0.8}
.s1,
.s2,
.s3{padding:5 25px;opacity: 0.8}

.c1:hover,
.c2:hover,
.c3:hover,
.c4:hover,
.c5:hover,
.c6:hover,
.c7:hover,
.c8:hover,
.c9:hover{
	opacity: 1;
}
.c1{background:#30b2e6;border:1px solid #30b2e6;color:#fff;}
.s1{background:#30b2e6;border:1px solid #30b2e6;color:#fff;}
.s2{background:#CCCCCC;border:1px solid #CCCCCC;color:#fff;}
.s3{background:#00CC00;border:1px solid #00CC00;color:#fff;}

a.c1:hover{
	background: #77c0f1;
}
.c2,.c2:hover{
	color: #fff;
	border-color: #5f5f5f;
	background: #747474;
}
a.c2:hover{
	background: #676767;
}
.c3,.c3:hover{
	color: #333;
	border-color: #ff8080;
	background: #ffb3b3;
}
a.c3:hover{
	background: #ff9999;
}
.c4,.c4:hover{
	color: #333;
	border-color: #52d689;
	background: #b8eecf;
}
a.c4:hover{
	background: #a4e9c1;
}
.c5,.c5:hover{
	color: #fff;
	border-color: #b52b27;
	background: #d84f4b;
}
a.c5:hover{
	background: #c9302c;
}
.c6,.c6:hover{
	color: #fff;
	border-color: #1f637b;
	background: #2984a4;
}
a.c6:hover{
	background: #24748f;
}
.c7,.c7:hover{
	color: #333;
	border-color: #e68900;
	background: #ffab2e;
}
a.c7:hover{
	background: #ff9900;
}
.c8,.c8:hover{
	color: #fff;
	border-color: #4b72a4;
	background: #698cba;
}
a.c8:hover{
	background: #577eb2;
}
.c9,.c9:hover{
	color: black;
	border-color: #5f5f5f;
	background: #DDDDDD;
}
a.c8:hover{
	background: #747474;
}