.btn-mini {
  padding: 0 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

td.td-icon-manual { vertical-align: middle; text-align: center; }

a.icon-recall,
a.icon-tsb,
a.icon-tsa,
a.icon-wrench,
a.icon-stop,
a.icon-guide,
a.icon-fork,
a.icon-guide {
  text-decoration:none;
}

a.icon-recall span,
a.icon-tsb span,
a.icon-tsa span,
a.icon-wrench span,
a.icon-stop span,
a.icon-fork span,
a.icon-guide span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 0.5em;
}

.icon-blank{
  height:1.2em;
  width:1.2em;
  margin:.1em;
  border-radius:.1em;
}

.icon-recall:before,
.icon-tsb:before,
.icon-tsa:before,
.icon-stop:before,
.icon-wrench:before,
.icon-fork:before,
.icon-guide:before,
.icon-pop-question:before,
.icon-manual:before {
  height: 1.2em;
  width: 1.2em;
  line-height: 1.3em;
  text-align: center;
  font-size:1em;
  color:#ffffff;
  font-weight:normal;
  margin:.1em;
  border-radius:.1em;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(255,255,255,0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(255,255,255,0.75);
  box-shadow: 1px 1px 2px 0px rgba(255,255,255,0.75);
  display: inline-block;
}

.icon-recall.btn,
.icon-tsb.btn,
.icon-tsa.btn,
.icon-wrench.btn,
.icon-stop:btn,
.icon-fork.btn,
.icon-guide.btn,
.icon-pop-question.btn,
.icon-manual.btn {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.icon-recall.btn:hover,
.icon-tsb.btn:hover,
.icon-tsa.btn:hover,
.icon-stop:btn:hover,
.icon-wrench.btn:hover,
.icon-fork.btn:hover,
.icon-guide.btn:hover,
.icon-pop-question.btn:hover,
.icon-manual.btn:hover {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

/*.btn:active,
.btn.active {
  background-color: #cccccc \9;
}*/


.icon-recall.btn-danger,
.icon-tsb.btn-danger,
.icon-tsa.btn-danger,
.icon-stop.btn-danger,
.icon-wrench.btn-danger,
.icon-fork.btn-danger,
.icon-guide.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.icon-recall.btn-danger:hover,
.icon-tsb.btn-danger:hover,
.icon-tsa.btn-danger:hover,
.icon-stop.btn-danger:hover,
.icon-wrench.btn-danger:hover,
.icon-fork.btn-danger:hover,
.icon-guide.btn-danger:hover {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
  border-top: none !important;
}
.icon-recall.btn-danger:active,
.icon-recall.btn-danger.active {
  background-color: #942a25 \9;
}

.icon-manual-large:before {
  height:1.3em;
  width:1.3em;
  font-size:1.3em;
  line-height:1.2em;
}

.icon-manual:before {
  content: "M";
  background: rgb(0,110,255);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,110,255,1) 0%, rgba(0,110,255,1) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,110,255,1)), color-stop(100%,rgba(0,110,255,1)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,110,255,1) 0%,rgba(0,110,255,1) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(0,110,255,1) 0%,rgba(0,110,255,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(0,110,255,1) 0%,rgba(0,110,255,1) 100%);
  background: radial-gradient(ellipse at center,  rgba(0,110,255,1) 0%,rgba(0,110,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eff', endColorstr='#006eff',GradientType=1 );
}

.icon-pop-question:before{
  content: "?";
  font-weight:bold;
  background-color:#000000;
}


.icon-tsb:before {
  content: "T";
  background: rgb(255,48,25);
  background: -moz-linear-gradient(left,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1)));
  background: -webkit-linear-gradient(left,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  background: -o-linear-gradient(left,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  background: -ms-linear-gradient(left,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  background: linear-gradient(to right,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
}

.icon-wrench:before {
  content: "W";
  background: rgb(255,48,25);
  background: -moz-linear-gradient(left,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1)));
  background: -webkit-linear-gradient(left,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  background: -o-linear-gradient(left,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  background: -ms-linear-gradient(left,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  background: linear-gradient(to right,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
}

.icon-stop:before {
  content: "S" !important;
  background: rgb(255,48,25);
  background: -moz-linear-gradient(left,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1)));
  background: -webkit-linear-gradient(left,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  background: -o-linear-gradient(left,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  background: -ms-linear-gradient(left,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  background: linear-gradient(to right,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
}

.icon-tsa:before {
  content: "K";
  background: rgb(255,116,0);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(255,116,0,1) 0%, rgba(255,116,0,1) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,116,0,1)), color-stop(100%,rgba(255,116,0,1)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,116,0,1) 0%,rgba(255,116,0,1) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(255,116,0,1) 0%,rgba(255,116,0,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(255,116,0,1) 0%,rgba(255,116,0,1) 100%);
  background: radial-gradient(ellipse at center,  rgba(255,116,0,1) 0%,rgba(255,116,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=1 );
}

.icon-recall:before {
  content: "R";
  background: rgb(204,0,0);
  background: -moz-linear-gradient(left,  rgba(204,0,0,1) 0%, rgba(204,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,0,0,1)), color-stop(100%,rgba(204,0,0,1)));
  background: -webkit-linear-gradient(left,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%);
  background: -o-linear-gradient(left,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%);
  background: -ms-linear-gradient(left,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%);
  background: linear-gradient(to right,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=1 );
}

.icon-guide:before {
  content: "G";
  background: rgb(51, 51, 204);
  background: -moz-linear-gradient(left,  rgba(51, 51, 204, 1) 0%, rgba(51, 51, 204, 1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(51, 51, 204, 1)), color-stop(100%,rgba(51, 51, 204, 1)));
  background: -webkit-linear-gradient(left,  rgba(51, 51, 204, 1) 0%, rgba(51, 51, 204, 1) 100%);
  background: -o-linear-gradient(left,  rgba(51, 51, 204, 1) 0%, rgba(51, 51, 204, 1) 100%);
  background: -ms-linear-gradient(left,  rgba(51, 51, 204, 1) 0%, rgba(51, 51, 204, 1) 100%);
  background: linear-gradient(to right,  rgba(51, 51, 204, 1) 0%, rgba(51, 51, 204, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3333CC', endColorstr='#3333CC',GradientType=1 );
}

.icon-fork:before {
  content: url('/images/yamaha-fork-red.png');
  /* content: url('/images/yamaha-tuning-fork.png'); */
  position: relative;
  vertical-align: bottom;
  margin: 1px;
}


/*@font-face {
 font-family: 'Audiowide';
  src: url(/common/css/Audiowide-Regular.ttf);
}
@font-face {
 font-family: 'mbfSpace';
  src: url(/common/css/MBF-Space.ttf);
}*/
@font-face {
 font-family: 'Osiris';
  src: url(/common/css/Osiris.otf);
}
a.icon-smp {
  text-decoration: none;
  font-family: Osiris;
}

.icon-smp:before {
  content: "SMP";
  /*letter-spacing: -2px;*/ /* not needed for Osiris */
  transform: skew(-14deg);
  height: 1.2em;
  width: 3em;
  line-height: 1.3em;
  text-align: center;
  font-size: 1.5em;
  color: #ffffff;
  font-weight: normal;
  /*font-style: italic;*/
  margin: .1em;
  border-radius: .1em;
  /*border-radius:.25em .25em .1em .1em;*/
  -webkit-box-shadow: 1px 1px 2px 0px rgba(255,255,255,0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(255,255,255,0.75);
  box-shadow: 1px 1px 2px 0px rgba(255,255,255,0.75);
  display: inline-block;

  /*background: linear-gradient(to right, rgba(178,178,178) 28%, rgba(187,7,7,1) 50%, rgba(178,178,178,1) 68%);*/
  background: linear-gradient(to right, #969696 0%, #969696 5%, #c8c8c8 16%, #c8c8c8 25%, #c60101 49%, #c8c8c8 71%, #969696 95%, #969696 100%);

  /*add this line, it defines how far the background should extend within an element, here we set it to text */
  background-clip: text;
  /* add this line, for browsers compatibility */
  -webkit-background-clip: text;
  /* specifies the fill color of text characters. We use transparent to use the background value as our text fill */
  -webkit-text-fill-color: transparent;

  /*animation: wave 3s ease alternate*/ /*infinite*/;
  /*animation-delay: 15s;*/
}
.icon-smp:hover:before {
  animation: wave 1.5s ease /*alternate*/ /*infinite*/;
  /*animation-delay: 15s;*/
}
@keyframes wave {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 3em;
  }
  /*100% {
    background-position: 0;
  }*/
}
/* END parts/specs section of details form */