.preview-frame {
  padding: 3px;
  line-height: 0px;
  background-color: #FFF;
  border: 1px solid black;
}

.preview-spinner {
  opacity: 0;
  min-width: 17px;
  min-height: 17px;
  filter: alpha(opacity=0);
  background: #FFF url('https://www.musicstack.com/ajax/loading.gif') no-repeat center center;
}

.smallbutt {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);background-color:#c62d1f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d02718;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:14px;padding:1px 6px;text-decoration:none;}.smallbutt:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);background-color:#f24437;}.smallbutt:active {position:relative;top:1px;}

.blueButton {     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5)); background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%); background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%); background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%); background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%); background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0); background-color:#79bbff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #84bbf3; display:inline-block; cursor:pointer; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:2px 12px; text-decoration:none;}.blueButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff)); background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%); background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%); background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%); background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%); background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0); background-color:#378de5;}.blueButton:active { position:relative; top:1px;}


.greenButton {-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;box-shadow:inset 0px 1px 0px 0px #a4e271;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);background-color:#89c403;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #74b807;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #528009;}.greenButton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);background-color:#77a809;}.greenButton:active {position:relative;top:1px;}