/*
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-balloon {
  background-image: url(../images/sprite.png);
  background-position: -834px -293px;
  width: 62px;
  height: 29px;
}
.icon-close-large {
  background-image: url(../images/sprite.png);
  background-position: -870px -164px;
  width: 35px;
  height: 35px;
}
.icon-close-popup-g {
  background-image: url(../images/sprite.png);
  background-position: -752px -375px;
  width: 37px;
  height: 37px;
}
.icon-close-popup-w {
  background-image: url(../images/sprite.png);
  background-position: -799px -375px;
  width: 37px;
  height: 37px;
}
.icon-close-popup {
  background-image: url(../images/sprite.png);
  background-position: -870px -209px;
  width: 32px;
  height: 32px;
}
.icon-close {
  background-image: url(../images/sprite.png);
  background-position: -885px -568px;
  width: 16px;
  height: 16px;
}
.icon-down-arrow-g {
  background-image: url(../images/sprite.png);
  background-position: -782px -600px;
  width: 21px;
  height: 21px;
}
.icon-down-arrow {
  background-image: url(../images/sprite.png);
  background-position: -813px -600px;
  width: 21px;
  height: 21px;
}
.icon-download {
  background-image: url(../images/sprite.png);
  background-position: -354px -185px;
  width: 16px;
  height: 20px;
}
.icon-gray-triangle {
  background-image: url(../images/sprite.png);
  background-position: -814px -633px;
  width: 13px;
  height: 15px;
}
.icon-green-square {
  background-image: url(../images/sprite.png);
  background-position: -844px -600px;
  width: 21px;
  height: 21px;
}
.icon-guide {
  background-image: url(../images/sprite.png);
  background-position: -710px -375px;
  width: 20px;
  height: 18px;
}
.icon-icon_arrow {
  background-image: url(../images/sprite.png);
  background-position: -852px -568px;
  width: 23px;
  height: 16px;
}
.icon-learningmap {
  background-image: url(../images/sprite.png);
  background-position: -540px -431px;
  width: 18px;
  height: 20px;
}
.icon-left-arrow-g {
  background-image: url(../images/sprite.png);
  background-position: -870px -251px;
  width: 28px;
  height: 29px;
}
.icon-left-arrow {
  background-image: url(../images/sprite.png);
  background-position: -432px -185px;
  width: 12px;
  height: 20px;
}
.icon-lock {
  background-image: url(../images/sprite.png);
  background-position: -380px -185px;
  width: 16px;
  height: 20px;
}
.icon-monitor {
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
  width: 318px;
  height: 282px;
}
.icon-mute {
  background-image: url(../images/sprite.png);
  background-position: -752px -633px;
  width: 19px;
  height: 22px;
}
.icon-next-result {
  background-image: url(../images/sprite.png);
  background-position: -568px -431px;
  width: 18px;
  height: 19px;
}
.icon-next {
  background-image: url(../images/sprite.png);
  background-position: -454px -185px;
  width: 12px;
  height: 20px;
}
.icon-num1 {
  background-image: url(../images/sprite.png);
  background-position: -788px -459px;
  width: 26px;
  height: 26px;
}
.icon-num2 {
  background-image: url(../images/sprite.png);
  background-position: -846px -375px;
  width: 26px;
  height: 27px;
}
.icon-num3 {
  background-image: url(../images/sprite.png);
  background-position: -752px -422px;
  width: 26px;
  height: 27px;
}
.icon-num4 {
  background-image: url(../images/sprite.png);
  background-position: -788px -422px;
  width: 26px;
  height: 27px;
}
.icon-numh1 {
  background-image: url(../images/sprite.png);
  background-position: -824px -459px;
  width: 26px;
  height: 26px;
}
.icon-numh2 {
  background-image: url(../images/sprite.png);
  background-position: -824px -422px;
  width: 26px;
  height: 27px;
}
.icon-numh3 {
  background-image: url(../images/sprite.png);
  background-position: -860px -422px;
  width: 26px;
  height: 27px;
}
.icon-numh4 {
  background-image: url(../images/sprite.png);
  background-position: -752px -459px;
  width: 26px;
  height: 27px;
}
.icon-pause {
  background-image: url(../images/sprite.png);
  background-position: -328px -185px;
  width: 16px;
  height: 21px;
}
.icon-pdf-b {
  background-image: url(../images/sprite.png);
  background-position: -882px -375px;
  width: 22px;
  height: 27px;
}
.icon-play {
  background-image: url(../images/sprite.png);
  background-position: -875px -600px;
  width: 19px;
  height: 21px;
}
.icon-popnum1 {
  background-image: url(../images/sprite.png);
  background-position: -860px -459px;
  width: 26px;
  height: 26px;
}
.icon-popnum2 {
  background-image: url(../images/sprite.png);
  background-position: -752px -496px;
  width: 26px;
  height: 26px;
}
.icon-popnum3 {
  background-image: url(../images/sprite.png);
  background-position: -788px -496px;
  width: 26px;
  height: 26px;
}
.icon-popnum4 {
  background-image: url(../images/sprite.png);
  background-position: -824px -496px;
  width: 26px;
  height: 26px;
}
.icon-popnumh1 {
  background-image: url(../images/sprite.png);
  background-position: -860px -496px;
  width: 26px;
  height: 26px;
}
.icon-popnumh2 {
  background-image: url(../images/sprite.png);
  background-position: -752px -532px;
  width: 26px;
  height: 26px;
}
.icon-popnumh3 {
  background-image: url(../images/sprite.png);
  background-position: -788px -532px;
  width: 26px;
  height: 26px;
}
.icon-popnumh4 {
  background-image: url(../images/sprite.png);
  background-position: -824px -532px;
  width: 26px;
  height: 25px;
}
.icon-prev {
  background-image: url(../images/sprite.png);
  background-position: -476px -185px;
  width: 12px;
  height: 20px;
}
.icon-quiz-o-f-h {
  background-image: url(../images/sprite.png);
  background-position: -328px 0px;
  width: 202px;
  height: 175px;
}
.icon-quiz-o-f {
  background-image: url(../images/sprite.png);
  background-position: 0px -292px;
  width: 202px;
  height: 175px;
}
.icon-quiz-o-on {
  background-image: url(../images/sprite.png);
  background-position: -540px -185px;
  width: 181px;
  height: 180px;
}
.icon-quiz-o {
  background-image: url(../images/sprite.png);
  background-position: 0px -477px;
  width: 181px;
  height: 180px;
}
.icon-quiz-option-on {
  background-image: url(../images/sprite.png);
  background-position: -837px -633px;
  width: 13px;
  height: 10px;
}
.icon-quiz-option {
  background-image: url(../images/sprite.png);
  background-position: -860px -633px;
  width: 13px;
  height: 10px;
}
.icon-quiz-result-a {
  background-image: url(../images/sprite.png);
  background-position: -555px -477px;
  width: 154px;
  height: 154px;
}
.icon-quiz-result-arrow {
  background-image: url(../images/sprite.png);
  background-position: -834px -332px;
  width: 68px;
  height: 17px;
}
.icon-quiz-result-b {
  background-image: url(../images/sprite.png);
  background-position: -752px 0px;
  width: 154px;
  height: 154px;
}
.icon-quiz-x-f-h {
  background-image: url(../images/sprite.png);
  background-position: -212px -292px;
  width: 202px;
  height: 175px;
}
.icon-quiz-x-f {
  background-image: url(../images/sprite.png);
  background-position: -540px 0px;
  width: 202px;
  height: 175px;
}
.icon-quiz-x-on {
  background-image: url(../images/sprite.png);
  background-position: -191px -477px;
  width: 172px;
  height: 173px;
}
.icon-quiz-x {
  background-image: url(../images/sprite.png);
  background-position: -373px -477px;
  width: 172px;
  height: 173px;
}
.icon-replay {
  background-image: url(../images/sprite.png);
  background-position: -752px -164px;
  width: 108px;
  height: 119px;
}
.icon-skip {
  background-image: url(../images/sprite.png);
  background-position: -752px -293px;
  width: 72px;
  height: 72px;
}
.icon-speed {
  background-image: url(../images/sprite.png);
  background-position: -816px -568px;
  width: 26px;
  height: 18px;
}
.icon-start {
  background-image: url(../images/sprite.png);
  background-position: -540px -375px;
  width: 160px;
  height: 46px;
}
.icon-stick {
  background-image: url(../images/sprite.png);
  background-position: -896px -422px;
  width: 2px;
  height: 18px;
}
.icon-stop {
  background-image: url(../images/sprite.png);
  background-position: -752px -568px;
  width: 22px;
  height: 22px;
}
.icon-subtitle {
  background-image: url(../images/sprite.png);
  background-position: -784px -568px;
  width: 22px;
  height: 22px;
}
.icon-three-square {
  background-image: url(../images/sprite.png);
  background-position: -781px -633px;
  width: 23px;
  height: 16px;
}
.icon-unlock {
  background-image: url(../images/sprite.png);
  background-position: -406px -185px;
  width: 16px;
  height: 20px;
}
.icon-volume {
  background-image: url(../images/sprite.png);
  background-position: -860px -532px;
  width: 25px;
  height: 22px;
}
.icon-word-book {
  background-image: url(../images/sprite.png);
  background-position: -752px -600px;
  width: 20px;
  height: 23px;
}