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

Example usage in HTML:

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

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-expand {
  background-image: url(sprite.png);
  background-position: -301px -213px;
  width: 15px;
  height: 15px;
}
.icon-icon-application-doc {
  background-image: url(sprite.png);
  background-position: -120px -213px;
  width: 60px;
  height: 71px;
}
.icon-icon-application-pdf {
  background-image: url(sprite.png);
  background-position: -241px -71px;
  width: 60px;
  height: 71px;
}
.icon-icon-application-ppt {
  background-image: url(sprite.png);
  background-position: -241px -142px;
  width: 60px;
  height: 71px;
}
.icon-icon-application-xls {
  background-image: url(sprite.png);
  background-position: 0px -213px;
  width: 60px;
  height: 71px;
}
.icon-icon-doc {
  background-image: url(sprite.png);
  background-position: -60px -213px;
  width: 60px;
  height: 71px;
}
.icon-icon-img {
  background-image: url(sprite.png);
  background-position: -241px 0px;
  width: 60px;
  height: 71px;
}
.icon-icon-link {
  background-image: url(sprite.png);
  background-position: -180px -213px;
  width: 60px;
  height: 71px;
}
.icon-icon-pdf {
  background-image: url(sprite.png);
  background-position: -240px -213px;
  width: 60px;
  height: 71px;
}
.icon-icon-ppt {
  background-image: url(sprite.png);
  background-position: -301px 0px;
  width: 60px;
  height: 71px;
}
.icon-icon-xls {
  background-image: url(sprite.png);
  background-position: -301px -71px;
  width: 60px;
  height: 71px;
}
.icon-icon-youtube {
  background-image: url(sprite.png);
  background-position: -301px -142px;
  width: 60px;
  height: 71px;
}
.icon-sprite {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 241px;
  height: 213px;
}