/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.icon-button {
  background-image: url(../images/source/spritesheet.png);
  background-position: -599px 0px;
  width: 212px;
  height: 105px;
}
.icon-close-active {
  background-image: url(../images/source/spritesheet.png);
  background-position: -599px -105px;
  width: 20px;
  height: 20px;
}
.icon-close-hoverl {
  background-image: url(../images/source/spritesheet.png);
  background-position: -619px -105px;
  width: 20px;
  height: 20px;
}
.icon-close-normal {
  background-image: url(spritesheet.png);
  background-position: -639px -105px;
  width: 20px;
  height: 20px;
}
.icon-spritesheet {
  background-image: url(../images/source/spritesheet.png);
  background-position: 0px 0px;
  width: 599px;
  height: 499px;
}
