.btn.pl-area, .btn.pl-area-over, .btn.right, .btn.right-over, .btn.cancel-over, .btn.left, .btn.save, .btn.student-area-over, .btn.continue, .btn.choose-picture, .btn.left-over, .btn.ok, .btn.no-over, .btn.go-back-to-student-over, .btn.choose-picture-over, .btn.yes-over, .btn.quit, .btn.continue-over, .btn.help, .btn.cancel, .btn.save-over, .btn.teacher-area, .btn.continue-disabled, .btn.help-over, .btn.yes, .btn.no, .btn.quit-over, .btn.student-area, .btn.teacher-area-over, .btn.go-back-to-student, .btn.ok-over, .btn.done, .btn.done-over, .btn.continue-small-over, .btn.continue-small, .btn.print-work, .btn.play-again, .btn.email-work, .btn.listen-song, .btn.listen-song-over, .btn.print-work-over, .btn.email-work-over, .btn.play-again-over, .btn.go-back, .btn.send-email-over, .btn.send-email, .btn.go-back-over {
  display: block;
  background-repeat: no-repeat;
  background-image: url("../images/buttons.png");
  color: transparent;
  font: 0/0 a;
  text-shadow: none; }

.btn.music, .btn.music-over {
  display: block;
  background-repeat: no-repeat;
  background-image: url("../images/buttons.png"); }

@media only screen and (min-width: 1000px) {
  .btn.right {
    background-position: 0px 0px;
    width: 74px;
    height: 156px; }

  .btn.right:hover {
    background-position: -77px 0px;
    width: 74px;
    height: 156px; }

  .btn.cancel:hover {
    background-position: -154px 0px;
    width: 81px;
    height: 43px; }

  .btn.music {
    background-position: -238px 0px;
    width: 86px;
    height: 30px; }

  .btn.left {
    background-position: -327px 0px;
    width: 76px;
    height: 156px; }

  .btn.save {
    background-position: -406px 0px;
    width: 74px;
    height: 17px; }

  .btn.student-area:hover {
    background-position: -154px -46px;
    width: 158px;
    height: 24px; }

  .btn.continue {
    background-position: -154px -73px;
    width: 138px;
    height: 32px; }

  .btn.choose-picture {
    background-position: 0px -159px;
    width: 302px;
    height: 48px; }

  .btn.left:hover {
    background-position: -406px -20px;
    width: 76px;
    height: 156px; }

  .btn.ok {
    background-position: -154px -108px;
    width: 81px;
    height: 43px; }

  .btn.no:hover {
    background-position: -238px -108px;
    width: 81px;
    height: 43px; }

  .btn.go-back-to-student:hover {
    background-position: 0px -210px;
    width: 246px;
    height: 25px; }

  .btn.choose-picture:hover {
    background-position: 0px -238px;
    width: 302px;
    height: 48px; }

  .btn.yes:hover {
    background-position: -305px -159px;
    width: 81px;
    height: 43px; }

  .btn.quit {
    background-position: -389px -179px;
    width: 74px;
    height: 17px; }

  .btn.continue:hover {
    background-position: -305px -205px;
    width: 138px;
    height: 32px; }

  .btn.help {
    background-position: -305px -240px;
    width: 74px;
    height: 17px; }

  .btn.cancel {
    background-position: -382px -240px;
    width: 81px;
    height: 43px; }

  .btn.music:hover {
    background-position: -305px -286px;
    width: 86px;
    height: 30px; }

  .btn.save:hover {
    background-position: -305px -260px;
    width: 74px;
    height: 17px; }

  .btn.teacher-area {
    background-position: 0px -289px;
    width: 158px;
    height: 24px; }

  .btn.continue-disabled {
    background-position: -161px -289px;
    width: 138px;
    height: 34px; }

  .btn.help:hover {
    background-position: -394px -286px;
    width: 74px;
    height: 17px; }

  .btn.yes {
    background-position: -394px -306px;
    width: 81px;
    height: 43px; }

  .btn.no {
    background-position: 0px -316px;
    width: 81px;
    height: 43px; }

  .btn.quit:hover {
    background-position: -84px -316px;
    width: 74px;
    height: 17px; }

  .btn.student-area {
    background-position: -161px -326px;
    width: 158px;
    height: 24px; }

  .btn.teacher-area:hover {
    background-position: -322px -352px;
    width: 158px;
    height: 24px; }

  .btn.go-back-to-student {
    background-position: 0px -362px;
    width: 246px;
    height: 25px; }

  .btn.ok:hover {
    background-position: -249px -379px;
    width: 81px;
    height: 43px; }

  .btn.done {
    background-position: -322px -319px;
    width: 68px;
    height: 25px; }

  .btn.done:hover {
    background-position: -333px -379px;
    width: 69px;
    height: 25px; }

  .btn.continue-small:hover {
    background-position: 0px -390px;
    width: 118px;
    height: 31px; }

  .btn.continue-small {
    background-position: -121px -390px;
    width: 118px;
    height: 31px; }

  .btn.print-work {
    background-position: 0px -424px;
    width: 196px;
    height: 48px; }

  .btn.play-again {
    background-position: -199px -425px;
    width: 198px;
    height: 25px; }

  .btn.email-work {
    background-position: -199px -453px;
    width: 146px;
    height: 46px; }

  .btn.listen-song {
    background-position: 0px -475px;
    width: 176px;
    height: 49px; }

  .btn.listen-song:hover {
    background-position: -179px -502px;
    width: 176px;
    height: 49px; }

  .btn.print-work:hover {
    background-position: 0px -554px;
    width: 196px;
    height: 48px; }

  .btn.email-work:hover {
    background-position: -348px -453px;
    width: 146px;
    height: 46px; }

  .btn.play-again:hover {
    background-position: -199px -554px;
    width: 198px;
    height: 25px; }

  .btn.go-back {
    background-position: -358px -502px;
    width: 118px;
    height: 31px; }

  .btn.send-email:hover {
    background-position: -199px -582px;
    width: 217px;
    height: 66px; }

  .btn.send-email {
    background-position: 0px -651px;
    width: 217px;
    height: 66px; }

  .btn.go-back:hover {
    background-position: 0px -605px;
    width: 118px;
    height: 31px; } }
.btn.right {
  background-position: 0px 0px;
  width: 74px;
  height: 156px; }

.btn.right.hover {
  background-position: -77px 0px;
  width: 74px;
  height: 156px; }

.btn.cancel.hover {
  background-position: -154px 0px;
  width: 81px;
  height: 43px; }

.btn.music {
  background-position: -238px 0px;
  width: 86px;
  height: 30px; }

.btn.left {
  background-position: -327px 0px;
  width: 76px;
  height: 156px; }

.btn.save {
  background-position: -406px 0px;
  width: 74px;
  height: 17px; }

.btn.student-area.hover {
  background-position: -154px -46px;
  width: 158px;
  height: 24px; }

.btn.continue {
  background-position: -154px -73px;
  width: 138px;
  height: 32px; }

.btn.choose-picture {
  background-position: 0px -159px;
  width: 302px;
  height: 48px; }

.btn.left.hover {
  background-position: -406px -20px;
  width: 76px;
  height: 156px; }

.btn.ok {
  background-position: -154px -108px;
  width: 81px;
  height: 43px; }

.btn.no.hover {
  background-position: -238px -108px;
  width: 81px;
  height: 43px; }

.btn.go-back-to-student.hover {
  background-position: 0px -210px;
  width: 246px;
  height: 25px; }

.btn.choose-picture.hover {
  background-position: 0px -238px;
  width: 302px;
  height: 48px; }

.btn.yes.hover {
  background-position: -305px -159px;
  width: 81px;
  height: 43px; }

.btn.quit {
  background-position: -389px -179px;
  width: 74px;
  height: 17px; }

.btn.continue.hover {
  background-position: -305px -205px;
  width: 138px;
  height: 32px; }

.btn.help {
  background-position: -305px -240px;
  width: 74px;
  height: 17px; }

.btn.cancel {
  background-position: -382px -240px;
  width: 81px;
  height: 43px; }

.btn.music.hover {
  background-position: -305px -286px;
  width: 86px;
  height: 30px; }

.btn.save.hover {
  background-position: -305px -260px;
  width: 74px;
  height: 17px; }

.btn.teacher-area {
  background-position: 0px -289px;
  width: 158px;
  height: 24px; }

.btn.continue-disabled {
  background-position: -161px -289px;
  width: 138px;
  height: 34px; }

.btn.help.hover {
  background-position: -394px -286px;
  width: 74px;
  height: 17px; }

.btn.yes {
  background-position: -394px -306px;
  width: 81px;
  height: 43px; }

.btn.no {
  background-position: 0px -316px;
  width: 81px;
  height: 43px; }

.btn.quit.hover {
  background-position: -84px -316px;
  width: 74px;
  height: 17px; }

.btn.student-area {
  background-position: -161px -326px;
  width: 158px;
  height: 24px; }

.btn.teacher-area.hover {
  background-position: -322px -352px;
  width: 158px;
  height: 24px; }

.btn.go-back-to-student {
  background-position: 0px -362px;
  width: 246px;
  height: 25px; }

.btn.ok.hover {
  background-position: -249px -379px;
  width: 81px;
  height: 43px; }

.btn.done {
  background-position: -322px -319px;
  width: 68px;
  height: 25px; }

.btn.done.hover {
  background-position: -333px -379px;
  width: 69px;
  height: 25px; }

.btn.continue-small.hover {
  background-position: 0px -390px;
  width: 118px;
  height: 31px; }

.btn.continue-small {
  background-position: -121px -390px;
  width: 118px;
  height: 31px; }

.btn.print-work {
  background-position: 0px -424px;
  width: 196px;
  height: 48px; }

.btn.play-again {
  background-position: -199px -425px;
  width: 198px;
  height: 25px; }

.btn.email-work {
  background-position: -199px -453px;
  width: 146px;
  height: 46px; }

.btn.listen-song {
  background-position: 0px -475px;
  width: 176px;
  height: 49px; }

.btn.listen-song.hover {
  background-position: -179px -502px;
  width: 176px;
  height: 49px; }

.btn.print-work.hover {
  background-position: 0px -554px;
  width: 196px;
  height: 48px; }

.btn.email-work.hover {
  background-position: -348px -453px;
  width: 146px;
  height: 46px; }

.btn.play-again.hover {
  background-position: -199px -554px;
  width: 198px;
  height: 25px; }

.btn.go-back {
  background-position: -358px -502px;
  width: 118px;
  height: 31px; }

.btn.send-email.hover {
  background-position: -199px -582px;
  width: 217px;
  height: 66px; }

.btn.send-email {
  background-position: 0px -651px;
  width: 217px;
  height: 66px; }

.btn.go-back.hover {
  background-position: 0px -605px;
  width: 118px;
  height: 31px; }
  
  /* new button mapping 11-13-14 */
		/* for red button */
	/*.btn.student-area {
    background-position: -156px -714px;
    width: 87px;
    height: 19px;  }*/
	
	.btn.student-area {
    background-position: -156px -740px;
    width: 87px;
    height: 19px;
	}
	
	.btn.student-area:hover {
    background-position: -156px -740px;
    width: 87px;
    height: 19px;
	}
	
	/*new button */
	.btn.pl-area {
    background-position: -273px -714px;
    width: 165px;
    height: 19px;  }
	
	.btn.pl-area:hover {
    background-position: -273px -740px;
    width: 165px;
    height: 19px; 
	}
	 .btn.teacher-area {
    background-position: 0px -714px;
    width: 127px;
    height: 19px; }
	
  .btn.teacher-area:hover {
    background-position: 0px -740px;
    width: 127px;
    height: 19px; }