/* general styles */
#attendance-count{
	position: relative;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}
#attendance-count ul.digits{
	list-style-type: none;
	font-size: 170px;
	line-height: normal;
}
#attendance-count ul.digits li{
	display: inline-block;
	/*font-size: 170px;*/
	line-height: normal;
	font-weight: bold;
	margin: 0;
}

/* light styles */
#attendance-count ul.digits li.light{
	color: #ffffff;
}
#attendance-count ul.digits li.light.digit-0{
	color: #cccccc;
}
#attendance-count ul.digits li.light.digit-1{
	color: #999999;
}
#attendance-count ul.digits li.light.digit-2{
	color: #777777;
}
#attendance-count ul.digits li.light.digit-3{
	color: #28579d;
}
#attendance-count ul.digits li.light.digit-4{
	color: #4c88e2;
}
#attendance-count ul.digits li.light.digit-5{
	color: #bbd6ff;
}
#attendance-count ul.digits li.light.digit-6{
	color: #ffffff;
}

/* dark styles */
#attendance-count ul.digits li.dark{
	color: #000000;
}
#attendance-count ul.digits li.dark.digit-0{
	color: #999999;
}
#attendance-count ul.digits li.dark.digit-1{
	color: #707070;
}
#attendance-count ul.digits li.dark.digit-2{
	color: #565656;
}
#attendance-count ul.digits li.dark.digit-3{
	color: #0c4596;
}
#attendance-count ul.digits li.dark.digit-4{
	color: #013074;
}
#attendance-count ul.digits li.dark.digit-5{
	color: #002252;
}
#attendance-count ul.digits li.dark.digit-6{
	color: #000000;
}