gistfile1.css

#counter {
	width: 16px;
	height: 16px;
	
	border: 1px solid #aaa;
	background: url('sprite_2col.png') 0 0 no-repeat;
}

#counter.frame_1  { background-position: 0 -17px; }
#counter.frame_2  { background-position: 0 -34px; }
#counter.frame_3  { background-position: 0 -51px; }
#counter.frame_4  { background-position: 0 -68px; }
#counter.frame_5  { background-position: 0 -85px; }
#counter.frame_6  { background-position: 0 -102px; }
#counter.frame_7  { background-position: 0 -119px; }
#counter.frame_8  { background-position: 0 -136px; }
#counter.frame_9  { background-position: 0 -153px; }
#counter.frame_10 { background-position: 0 -170px; }
#counter.frame_11 { background-position: 0 -187px; }
#counter.frame_12 { background-position: 0 -204px; }

#counter:hover {
	background-position: -17px 0;
}

#counter.frame_1:hover  { background-position: -17px -17px; }
#counter.frame_2:hover  { background-position: -17px -34px; }
#counter.frame_3:hover  { background-position: -17px -51px; }
#counter.frame_4:hover  { background-position: -17px -68px; }
#counter.frame_5:hover  { background-position: -17px -85px; }
#counter.frame_6:hover  { background-position: -17px -102px; }
#counter.frame_7:hover  { background-position: -17px -119px; }
#counter.frame_8:hover  { background-position: -17px -136px; }
#counter.frame_9:hover  { background-position: -17px -153px; }
#counter.frame_10:hover { background-position: -17px -170px; }
#counter.frame_11:hover { background-position: -17px -187px; }
#counter.frame_12:hover { background-position: -17px -204px; }