/* Button Reset */

.elastic-button
{
  border: 0;
  margin: 0;
  padding: 0;
}

button.elastic-button
{
  cursor: pointer;
  overflow: visible; /* removes extra side padding in IE */
  position: relative;
}

/* overrides extra padding in Firefox */
button.elastic-button::-moz-focus-inner
{
  border: 0;
  padding: 0;
}

button.elastic-button span
{ 
  position: relative;
  display: block;
  white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  /* Safari and Google Chrome only - fix margins */
  button.elastic-button span
  {
    margin-top: -1px;
  }
}

/* Custom Styling */

.elastic-button
{
  background: transparent none no-repeat right -80px;
  margin-bottom: 6px;
  padding-right: 10px;
  text-align: center;
  text-decoration: none;
}

.elastic-button span
{
  background: transparent none no-repeat left top;
  display: inline-block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
}

a.elastic-button
{
  display: inline-block;
  font-size: 0;
  height: 30px;
  line-height: 30px;
}

.elastic-button:hover,
.elastic-button-hover
{
  background-position: right -120px;
}

.elastic-button:hover span,
.elastic-button-hover span
{
  background-position: 0 -40px;
}
