/*
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-add {
	background-image: url(../img/sprite.png);
	background-position: -76px -49px;
	width: 24px;
	height: 23px;
}

.icon-book {
	background-image: url(../img/sprite.png);
	background-position: -102px -49px;
	width: 17px;
	height: 23px;
}

.icon-message {
	background-image: url(../img/sprite.png);
	background-position: -138px 0px;
	width: 16px;
	height: 20px;
}

.icon-new {
	background-image: url(../img/sprite.png);
	background-position: -22px -98px;
	width: 18px;
	height: 18px;
}

.icon-open01 {
	background-image: url(../img/sprite.png);
	background-position: 0px 0px;
	width: 44px;
	height: 47px;
}

.icon-open02 {
	background-image: url(../img/sprite.png);
	background-position: -46px 0px;
	width: 44px;
	height: 47px;
}

.icon-open03 {
	background-image: url(../img/sprite.png);
	background-position: -92px 0px;
	width: 44px;
	height: 47px;
}

.icon-open04 {
	background-image: url(../img/sprite.png);
	background-position: 0px -49px;
	width: 44px;
	height: 47px;
}

.icon-re {
	background-image: url(../img/sprite.png);
	background-position: 0px -98px;
	width: 20px;
	height: 19px;
}

.icon-videoicon {
	background-image: url(../img/sprite.png);
	background-position: -46px -49px;
	width: 28px;
	height: 29px;
}