.greenfretImage {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(gtricons.png) no-repeat -6px -6px;
  vertical-align: middle; }

.redfretImage {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(gtricons.png) no-repeat -106px -6px;
  vertical-align: middle; }

.yellowfretImage {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(gtricons.png) no-repeat -206px -6px;
  vertical-align: middle; }

.bluefretImage {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(gtricons.png) no-repeat -306px -6px;
  vertical-align: middle; }

.orangefretImage {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(gtricons.png) no-repeat -406px -6px;
  vertical-align: middle; }


.greenpadImage {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(drumicons.png) no-repeat -6px -6px;
  vertical-align: middle; }

.redpadImage {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(drumicons.png) no-repeat -106px -6px;
  vertical-align: middle; }

.bluepadImage {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(drumicons.png) no-repeat -206px -6px;
  vertical-align: middle; }

.yellowpadImage {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(drumicons.png) no-repeat -306px -6px;
  vertical-align: middle; }

.kickpedalImage {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(drumicons.png) no-repeat -406px -6px;
  vertical-align: middle; }