.sprite-locationCircle {
      background: url(../images/locationCircle.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-photo {
      background: url(../images/photo.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-photoWithMoonPhases {
      background: url(../images/photoWithMoonPhases.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-like {
      background: url(../images/like.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-dislike {
      background: url(../images/dislike.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-filledStar {
      background: url(../images/filledStar.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-reserved1 {
      background: url(../images/reserved1.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-moonPhases {
      background: url(../images/moonPhases.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-moonPhasesNewMoon {
      background: url(../images/moonPhasesNewMoon.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-filledSun {
      background: url(../images/filledSun.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-sun {
      background: url(../images/sun.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-filledSun2 {
      background: url(../images/filledSun2.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-moonCrescent {
      background: url(../images/moonCrescent.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-locationSphereGrid {
      background: url(../images/locationSphereGrid.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-locationMapStyle {
      background: url(../images/locationMapStyle.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-bigDipper {
      background: url(../images/bigDipper.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-spiralGalaxy {
      background: url(../images/spiralGalaxy.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-telescopeRefractor {
      background: url(../images/telescopeRefractor.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-m51 {
      background: url(../images/m51.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-m27 {
      background: url(../images/m27.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-m45pleiades {
      background: url(../images/m45pleiades.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-c38 {
      background: url(../images/c38.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-searchHistoryList {
      background: url(../images/searchHistoryList.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-search {
      background: url(../images/search.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-searchHistory3oClock {
      background: url(../images/searchHistory3oClock.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-searchHistory4oClock {
      background: url(../images/searchHistory4oClock.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-help {
      background: url(../images/help.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-messierCaldwellStar {
      background: url(../images/messierCaldwellStar.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-messier {
      background: url(../images/messier.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-caldwell {
      background: url(../images/caldwell.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-photoIgnoreMoon {
      background: url(../images/photoIgnoreMoon.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-bookmark {
      background: url(../images/bookmark.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-bookmarkBlack {
      background: url(../images/bookmarkBlack.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-bug {
      background: url(../images/bug.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-bricks {
      background: url(../images/bricks.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-orion {
      background: url(../images/orion.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-zzz-simple {
      background: url(../images/zzz-simple.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-zzz-bold {
      background: url(../images/zzz-bold.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-zzz-unchecked {
      background: url(../images/zzz-unchecked.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-zzz-checked {
      background: url(../images/zzz-checked.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-goto-now {
      background: url(../images/goto-now.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-calendar {
      background: url(../images/calendar.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-bullseye {
      background: url(../images/bullseye.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-searchHistoryNoClock {
      background: url(../images/searchHistoryNoClock.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-weekend {
      background: url(../images/weekend.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-settings {
      background: url(../images/settings.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-lucky {
      background: url(../images/lucky.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-meteo {
      background: url(../images/meteo.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-many-locations-balloon {
      background: url(../images/many-locations-balloon.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-clear-plot {
      background: url(../images/clear-plot.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-edit {
      background: url(../images/edit.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-ruler {
      background: url(../images/ruler.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-binary-star {
      background: url(../images/binary-star.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-guider-scope {
      background: url(../images/guider-scope.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-rectangle {
      background: url(../images/rectangle.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-open-book {
      background: url(../images/open-book.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-link-link {
      background: url(../images/link-link.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-locationMapStyleStar {
      background: url(../images/locationMapStyleStar.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-glasses {
      background: url(../images/glasses.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-puzzle {
      background: url(../images/puzzle.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-upsideDownSmile {
      background: url(../images/upsideDownSmile.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-measured-jupiter {
      background: url(../images/measured-jupiter.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-full-glasses {
      background: url(../images/full-glasses.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-h-r-diagram {
      background: url(../images/h-r-diagram.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-motion-blurred-planet {
      background: url(../images/motion-blurred-planet.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-duplicate-tab {
      background: url(../images/duplicate-tab.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-hubble {
      background: url(../images/hubble.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-hubblewfpc2 {
      background: url(../images/hubblewfpc2.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-info-i-letter {
      background: url(../images/info-i-letter.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-sort-up-down-arrows-100 {
      background: url(../images/sort-up-down-arrows-100.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-sort-up-down-arrows-85 {
      background: url(../images/sort-up-down-arrows-85.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
    
    .sprite-spectral-diagram {
      background: url(../images/spectral-diagram.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block;
    }
     .sprite-empty {
      width: 24px;
      height: 24px;
      display: inline-block;
  }
  
      .sprite-size-0percent {
        width: 0px;
        height: 0px;
      }
    
      .sprite-size-5percent {
        width: 1px;
        height: 1px;
      }
    
      .sprite-size-10percent {
        width: 2px;
        height: 2px;
      }
    
      .sprite-size-15percent {
        width: 4px;
        height: 4px;
      }
    
      .sprite-size-20percent {
        width: 5px;
        height: 5px;
      }
    
      .sprite-size-25percent {
        width: 6px;
        height: 6px;
      }
    
      .sprite-size-30percent {
        width: 7px;
        height: 7px;
      }
    
      .sprite-size-35percent {
        width: 8px;
        height: 8px;
      }
    
      .sprite-size-40percent {
        width: 10px;
        height: 10px;
      }
    
      .sprite-size-45percent {
        width: 11px;
        height: 11px;
      }
    
      .sprite-size-50percent {
        width: 12px;
        height: 12px;
      }
    
      .sprite-size-55percent {
        width: 13px;
        height: 13px;
      }
    
      .sprite-size-60percent {
        width: 14px;
        height: 14px;
      }
    
      .sprite-size-65percent {
        width: 16px;
        height: 16px;
      }
    
      .sprite-size-70percent {
        width: 17px;
        height: 17px;
      }
    
      .sprite-size-75percent {
        width: 18px;
        height: 18px;
      }
    
      .sprite-size-80percent {
        width: 19px;
        height: 19px;
      }
    
      .sprite-size-85percent {
        width: 20px;
        height: 20px;
      }
    
      .sprite-size-90percent {
        width: 22px;
        height: 22px;
      }
    
      .sprite-size-95percent {
        width: 23px;
        height: 23px;
      }