div.aspect1, div.aspect2, div.aspect3, div.aspect4, div.aspect5,
div.aspect6, div.aspect7, div.aspect8, div.aspect9, div.aspect10,
div.aspect11, div.aspect12, div.aspect13, div.aspect14, div.aspect15,
div.aspect16, div.aspect17, div.aspect18, div.aspect19, div.aspect20
        { background: transparent url(../../images/tzolkin/codex/aspects.png) no-repeat top left; height: 47px; width: 50px; }

div.aspect1   { background-position: 0px 0px }
div.aspect2   { background-position: -50px 0px }
div.aspect3   { background-position: -100px 0px }
div.aspect4   { background-position: -150px 0px }
div.aspect5   { background-position: -200px 0px }
div.aspect6   { background-position: -250px 0px }
div.aspect7   { background-position: -300px 0px }
div.aspect8   { background-position: -350px 0px }
div.aspect9   { background-position: -400px 0px }
div.aspect10  { background-position: -450px 0px }
div.aspect11  { background-position: -500px 0px }
div.aspect12  { background-position: -550px 0px }
div.aspect13  { background-position: -600px 0px }
div.aspect14  { background-position: -650px 0px }
div.aspect15  { background-position: -700px 0px }
div.aspect16  { background-position: -750px 0px }
div.aspect17  { background-position: -800px 0px }
div.aspect18  { background-position: -850px 0px }
div.aspect19  { background-position: -900px 0px }
div.aspect20  { background-position: -950px 0px }

div.smallAspect1, div.smallAspect2, div.smallAspect3, div.smallAspect4, div.smallAspect5,
div.smallAspect6, div.smallAspect7, div.smallAspect8, div.smallAspect9, div.smallAspect10,
div.smallAspect11, div.smallAspect12, div.smallAspect13, div.smallAspect14, div.smallAspect15,
div.smallAspect16, div.smallAspect17, div.smallAspect18, div.smallAspect19, div.smallAspect20
        { background: transparent url(../../images/tzolkin/codex/small_aspects.png) no-repeat top left; height: 38px; width: 40px; }

div.smallAspect1   { background-position: 0px 0px }
div.smallAspect2   { background-position: -40px 0px }
div.smallAspect3   { background-position: -80px 0px }
div.smallAspect4   { background-position: -120px 0px }
div.smallAspect5   { background-position: -160px 0px }
div.smallAspect6   { background-position: -200px 0px }
div.smallAspect7   { background-position: -240px 0px }
div.smallAspect8   { background-position: -280px 0px }
div.smallAspect9   { background-position: -320px 0px }
div.smallAspect10  { background-position: -360px 0px }
div.smallAspect11  { background-position: -400px 0px }
div.smallAspect12  { background-position: -440px 0px }
div.smallAspect13  { background-position: -480px 0px }
div.smallAspect14  { background-position: -520px 0px }
div.smallAspect15  { background-position: -560px 0px }
div.smallAspect16  { background-position: -600px 0px }
div.smallAspect17  { background-position: -640px 0px }
div.smallAspect18  { background-position: -680px 0px }
div.smallAspect19  { background-position: -720px 0px }
div.smallAspect20  { background-position: -760px 0px }

div.tone1, div.tone2, div.tone3, div.tone4, div.tone5,
div.tone6, div.tone7, div.tone8, div.tone9, div.tone10,
div.tone11, div.tone12, div.tone13, div.tone14, div.tone15,
div.tone16, div.tone17, div.tone18, div.tone19, div.tone20
        { background: transparent url(../../images/tzolkin/codex/tones.png) no-repeat top left; height: 47px; width: 35px; }

div.tone1   { background-position: 0px 0px }
div.tone2   { background-position: -35px 0px }
div.tone3   { background-position: -70px 0px }
div.tone4   { background-position: -105px 0px }
div.tone5   { background-position: -140px 0px }
div.tone6   { background-position: -175px 0px }
div.tone7   { background-position: -210px 0px }
div.tone8   { background-position: -245px 0px }
div.tone9   { background-position: -280px 0px }
div.tone10  { background-position: -315px 0px }
div.tone11  { background-position: -350px 0px }
div.tone12  { background-position: -385px 0px }
div.tone13  { background-position: -420px 0px }
