.dot { display: inline-block; width: 64px; height: 64px; cursor: pointer; margin-bottom: 6px; background: url('../../images/dots.png') 50% 50% no-repeat; text-align: center; }
.dotLabel { font-weight: bold; color: #555555; font-size: 11px; margin-bottom: 3px; }

.dot.printable { background-position : 0px 0px; }
.dot.speaking { background-position : 0px -64px; }
.dot.booklet { background-position : 0px -128px; }
.dot.textonly { background-position : 0px -192px; }
.dot.powerpoint { background-position : 0px -256px; }
.dot.lessonplans { background-position : 0px -320px; }
.dot.blanklessonplan { background-position : 0px -384px; }
.dot.gradeleveltargets { background-position : 0px -448px; }
.dot.progressmonitoring { background-position : 0px -512px; }
.dot.uniquecurriculum { background-position : 0px -576px; }
.dot.holidays { background-position : 0px -640px; }
.dot.cartoon { background-position : 0px -704px; }
.dot.storybook { background-position : 0px -768px; }
.dot.worldnews { background-position : 0px -832px; }
.dot.locker { background-position : 0px -896px; }