#ma-archives ul { list-style-type: none; margin: 0 20px; overflow: hidden; position: relative; }
#ma-archives.widget ul li { display: inline; float: left; height: 19px; margin: 0; padding: 0 1px 1px 0; text-indent: -999em; width: 25px; }
#ma-archives a { background: url(../images/base_calendar_month.gif) 0 0 no-repeat transparent; display: block; height: 19px; width: 25px; }
#ma-archives a:hover { border: 0; }

#ma-archives a.active.m1 { background-position: 0 0; }
#ma-archives a.active.m1:hover { background-position: 0 -19px; }
#ma-archives a.inactive.m1 { background-position: 0 -38px; }

#ma-archives a.active.m2 { background-position: -25px 0; }
#ma-archives a.active.m2:hover { background-position: -25px -19px; }
#ma-archives a.inactive.m2 { background-position: -25px -38px; }

#ma-archives a.active.m3 { background-position: -50px 0; }
#ma-archives a.active.m3:hover { background-position: -50px -19px; }
#ma-archives a.inactive.m3 { background-position: -50px -38px; }

#ma-archives a.active.m4 { background-position: -75px 0; }
#ma-archives a.active.m4:hover { background-position: -75px -19px; }
#ma-archives a.inactive.m4 { background-position: -75px -38px; }

#ma-archives a.active.m5 { background-position: -100px 0; }
#ma-archives a.active.m5:hover { background-position: -100px -19px; }
#ma-archives a.inactive.m5 { background-position: -100px -38px; }

#ma-archives a.active.m6 { background-position: -125px 0; }
#ma-archives a.active.m6:hover { background-position: -125px -19px; }
#ma-archives a.inactive.m6 { background-position: -125px -38px; }

#ma-archives a.active.m7 { background-position: -150px 0; }
#ma-archives a.active.m7:hover { background-position: -150px -19px; }
#ma-archives a.inactive.m7 { background-position: -150px -38px; }

#ma-archives a.active.m8 { background-position: -175px 0; }
#ma-archives a.active.m8:hover { background-position: -175px -19px; }
#ma-archives a.inactive.m8 { background-position: -175px -38px; }

#ma-archives a.active.m9 { background-position: -200px 0; }
#ma-archives a.active.m9:hover { background-position: -200px -19px; }
#ma-archives a.inactive.m9 { background-position: -200px -38px; }

#ma-archives a.active.m10 { background-position: -225px 0; }
#ma-archives a.active.m10:hover { background-position: -225px -19px; }
#ma-archives a.inactive.m10 { background-position: -225px -38px; }

#ma-archives a.active.m11 { background-position: -250px 0; }
#ma-archives a.active.m11:hover { background-position: -250px -19px; }
#ma-archives a.inactive.m11 { background-position: -250px -38px; }

#ma-archives a.active.m12 { background-position: -275px 0; }
#ma-archives a.active.m12:hover { background-position: -275px -19px; }
#ma-archives a.inactive.m12 { background-position: -275px -38px; }