/* Some defaults */
.button {
  background: url(/images/buttons/cartbuttons.png) no-repeat;
  background-repeat: no-repeat;
  text-indent: -9999em;
  margin: 0;
  display: block;
  width: 20px;
  border: none;
}

#subscribe a {
  background: url(/images/buttons/likestars.png) no-repeat;
  padding: 2px 22px 2px 0;
  background-position: right -51px;
}
#subscribe a:hover {
  background-position: right top;
}

/*.addRemoveTrackCell {
  width: 30px;
}*/


/* Full size add collection buttons */
/*.addRemoveCollectionButton.full {
  height: 29px;
  width: 121px;
}
.addRemoveCollectionButton.add {  background-position: left -105px; }
.addRemoveCollectionButton.add:hover {  background-position: left -135px; }
.addRemoveCollectionButton.remove {
  background-position: left -165px;
  width: 169px;
}*/
/*.addRemoveCollectionButton.remove:hover { background-position: left -195px; }*/
/* Small add collection buttons */
.addRemoveCollectionButton.small { 
  width: 20px; 
  height: 20px; 
}
.addRemoveCollectionButton.add.small { background-position: left -78px; }
.addRemoveCollectionButton.add.small:hover { background-position: -110px -78px; }
.addRemoveCollectionButton.remove.small { background-position: left -51px; }
.addRemoveCollectionButton.remove.small:hover { background-position: -110px -51px; }
/*.addRemoveCollectionButton.plain {
  cursor: pointer;
  height: auto;
  width: auto;
  background: none;
  border: none;
  text-indent: 0;
  color: #F3198F;
}
.addRemoveCollectionButton.plain:hover {
  text-decoration: underline;
}*/

/* Add and remove track buttons */
.addRemoveTrackButton { width: 20px; height: 20px; }
.addRemoveTrackButton.add { background-position: left -78px; }
.addRemoveTrackButton.add:hover { background-position: -110px -78px; }
.addRemoveTrackButton.remove { background-position: left -51px; }
.addRemoveTrackButton.remove:hover { background-position: -110px -51px; }

.addRemoveTrackButton.inCart { background-position: -110px -1px; }
.addRemoveTrackButton.failure { background-position: left -24px; }
.albumOnly { background-position: left top; }
.button.track.currentlyUnavailable { background-position: -110px -26px; }

.addRemoveButtonContainer.processing {
  background: url(/images/spinner.gif) top left no-repeat;
  display: block;
  text-indent: -9999em;
  height: 16px;
  width: 16px;
  margin: 3px 0 0 5px;
}

a.button.sample { background-position: left -108px }
a.button.sample:hover { background-position: left -134px }
div.button.sample { 
  background-position: left -158px; 
  height: 20px;
}