/*-----------------------------------------------*/
/* BUTTONS
/*-----------------------------------------------*/

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 10px 4px;
  margin-bottom: .3em;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-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(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

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

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}

.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}

.btn-blue-4,
.btn-blue-4:hover,
.btn-orange-2,
.btn-orange-2:hover,
.btn-red-2,
.btn-red-2:hover,
.btn-green-6,
.btn-green-6:hover,
.btn-blue-3,
.btn-blue-3:hover,
.btn-dark-3,
.btn-dark-3:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-blue-4.active,
.btn-orange-2.active,
.btn-red-2.active,
.btn-green-6.active,
.btn-blue-3.active,
.btn-dark-3.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-blue-4 {
  background-color: #0074cc;
  *background-color: #0055cc;
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-blue-4:hover,
.btn-blue-4:active,
.btn-blue-4.active,
.btn-blue-4.disabled,
.btn-blue-4[disabled] {
  background-color: #0055cc;
  *background-color: #004ab3;
}

.btn-blue-4:active,
.btn-blue-4.active {
  background-color: #004099 \9;
}

.btn-orange-2 {
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-orange-2:hover,
.btn-orange-2:active,
.btn-orange-2.active,
.btn-orange-2.disabled,
.btn-orange-2[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-orange-2:active,
.btn-orange-2.active {
  background-color: #c67605 \9;
}

.btn-red-2 {
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -ms-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: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  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);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-red-2:hover,
.btn-red-2:active,
.btn-red-2.active,
.btn-red-2.disabled,
.btn-red-2[disabled] {
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-red-2:active,
.btn-red-2.active {
  background-color: #942a25 \9;
}

.btn-green-6 {
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-green-6:hover,
.btn-green-6:active,
.btn-green-6.active,
.btn-green-6.disabled,
.btn-green-6[disabled] {
  background-color: #51a351;
  *background-color: #499249;
}

.btn-green-6:active,
.btn-green-6.active {
  background-color: #408140 \9;
}

.btn-blue-3 {
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-blue-3:hover,
.btn-blue-3:active,
.btn-blue-3.active,
.btn-blue-3.disabled,
.btn-blue-3[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-blue-3:active,
.btn-blue-3.active {
  background-color: #24748c \9;
}

.btn-dark-3 {
  background-color: #414141;
  *background-color: #222222;
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-dark-3:hover,
.btn-dark-3:active,
.btn-dark-3.active,
.btn-dark-3.disabled,
.btn-dark-3[disabled] {
  background-color: #222222;
  *background-color: #151515;
}

.btn-dark-3:active,
.btn-dark-3.active {
  background-color: #080808 \9;
}


/*-----------------------------------------------*/
/* ORANGE
/*-----------------------------------------------*/

.btn-orange { text-shadow: 0px -1px 0px #de8f25; color: #ffffff; background-color: #FCAD43; background-image: -moz-linear-gradient(top, #ffcb61, #de8f25); background-image: -ms-linear-gradient(top, #ffcb61, #de8f25); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcb61), to(#de8f25)); background-image: -webkit-linear-gradient(top, #ffcb61, #de8f25); background-image: -o-linear-gradient(top, #ffcb61, #de8f25); background-image: linear-gradient(top, #ffcb61, #de8f25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcb61', endColorstr='#de8f25', GradientType=0); border-color: #FCAD43 #de8f25 #de8f25 #FCAD43; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange:hover, .btn-orange:active, .btn-orange.active, .btn-orange.disabled, .btn-orange[disabled] { background-color: #de8f25; }
.btn-orange:hover { color: #ffffff; text-shadow: 0px -1px 0px #c07107; }
.btn-orange:focus { color: #ffffa7; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FCAD43 #de8f25 #de8f25 #FCAD43; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange.active, .btn-orange:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffa7; }

.btn-orange-3 { text-shadow: 0px -1px 0px #d4711a; color: #ffffff; background-color: #F28F38; background-image: -moz-linear-gradient(top, #ffad56, #d4711a); background-image: -ms-linear-gradient(top, #ffad56, #d4711a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffad56), to(#d4711a)); background-image: -webkit-linear-gradient(top, #ffad56, #d4711a); background-image: -o-linear-gradient(top, #ffad56, #d4711a); background-image: linear-gradient(top, #ffad56, #d4711a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad56', endColorstr='#d4711a', GradientType=0); border-color: #F28F38 #d4711a #d4711a #F28F38; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-3:hover, .btn-orange-3:active, .btn-orange-3.active, .btn-orange-3.disabled, .btn-orange-3[disabled] { background-color: #d4711a; }
.btn-orange-3:hover { color: #ffffff; text-shadow: 0px -1px 0px #b65300; }
.btn-orange-3:focus { color: #fff39c; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #F28F38 #d4711a #d4711a #F28F38; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-3.active, .btn-orange-3:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #fff39c; }

.btn-orange-4 { text-shadow: 0px -1px 0px #de6000; color: #ffffff; background-color: #FC7E15; background-image: -moz-linear-gradient(top, #ff9c33, #de6000); background-image: -ms-linear-gradient(top, #ff9c33, #de6000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9c33), to(#de6000)); background-image: -webkit-linear-gradient(top, #ff9c33, #de6000); background-image: -o-linear-gradient(top, #ff9c33, #de6000); background-image: linear-gradient(top, #ff9c33, #de6000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9c33', endColorstr='#de6000', GradientType=0); border-color: #FC7E15 #de6000 #de6000 #FC7E15; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-4:hover, .btn-orange-4:active, .btn-orange-4.active, .btn-orange-4.disabled, .btn-orange-4[disabled] { background-color: #de6000; }
.btn-orange-4:hover { color: #ffffdd; text-shadow: 0px -1px 0px #c04200; }
.btn-orange-4:focus { color: #ffe279; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FC7E15 #de6000 #de6000 #FC7E15; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-4.active, .btn-orange-4:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffe279; }

.btn-orange-5 { text-shadow: 0px -1px 0px #e14500; color: #ffffff; background-color: #FF631B; background-image: -moz-linear-gradient(top, #ff8139, #e14500); background-image: -ms-linear-gradient(top, #ff8139, #e14500); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8139), to(#e14500)); background-image: -webkit-linear-gradient(top, #ff8139, #e14500); background-image: -o-linear-gradient(top, #ff8139, #e14500); background-image: linear-gradient(top, #ff8139, #e14500); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8139', endColorstr='#e14500', GradientType=0); border-color: #FF631B #e14500 #e14500 #FF631B; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-5:hover, .btn-orange-5:active, .btn-orange-5.active, .btn-orange-5.disabled, .btn-orange-5[disabled] { background-color: #e14500; }
.btn-orange-5:hover { color: #ffffe3; text-shadow: 0px -1px 0px #c32700; }
.btn-orange-5:focus { color: #ffc77f; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FF631B #e14500 #e14500 #FF631B; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-5.active, .btn-orange-5:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffc77f; }

.btn-orange-6 { text-shadow: 0px -1px 0px #bb3100; color: #ffffff; background-color: #D94F00; background-image: -moz-linear-gradient(top, #f76d1e, #bb3100); background-image: -ms-linear-gradient(top, #f76d1e, #bb3100); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f76d1e), to(#bb3100)); background-image: -webkit-linear-gradient(top, #f76d1e, #bb3100); background-image: -o-linear-gradient(top, #f76d1e, #bb3100); background-image: linear-gradient(top, #f76d1e, #bb3100); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76d1e', endColorstr='#bb3100', GradientType=0); border-color: #D94F00 #bb3100 #bb3100 #D94F00; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-6:hover, .btn-orange-6:active, .btn-orange-6.active, .btn-orange-6.disabled, .btn-orange-6[disabled] { background-color: #bb3100; }
.btn-orange-6:hover { color: #ffffc8; text-shadow: 0px -1px 0px #9d1300; }
.btn-orange-6:focus { color: #ffb364; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #D94F00 #bb3100 #bb3100 #D94F00; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-6.active, .btn-orange-6:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffb364; }

.btn-orange-7 { text-shadow: 0px -1px 0px #ab1e00; color: #ffffff; background-color: #C93C00; background-image: -moz-linear-gradient(top, #e75a1e, #ab1e00); background-image: -ms-linear-gradient(top, #e75a1e, #ab1e00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e75a1e), to(#ab1e00)); background-image: -webkit-linear-gradient(top, #e75a1e, #ab1e00); background-image: -o-linear-gradient(top, #e75a1e, #ab1e00); background-image: linear-gradient(top, #e75a1e, #ab1e00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e75a1e', endColorstr='#ab1e00', GradientType=0); border-color: #C93C00 #ab1e00 #ab1e00 #C93C00; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-7:hover, .btn-orange-7:active, .btn-orange-7.active, .btn-orange-7.disabled, .btn-orange-7[disabled] { background-color: #ab1e00; }
.btn-orange-7:hover { color: #ffffc8; text-shadow: 0px -1px 0px #8d0000; }
.btn-orange-7:focus { color: #ffa064; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #C93C00 #ab1e00 #ab1e00 #C93C00; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-7.active, .btn-orange-7:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffa064; }

.btn-orange-8 { text-shadow: 0px -1px 0px #e12600; color: #ffffff; background-color: #FF4409; background-image: -moz-linear-gradient(top, #ff6227, #e12600); background-image: -ms-linear-gradient(top, #ff6227, #e12600); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff6227), to(#e12600)); background-image: -webkit-linear-gradient(top, #ff6227, #e12600); background-image: -o-linear-gradient(top, #ff6227, #e12600); background-image: linear-gradient(top, #ff6227, #e12600); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6227', endColorstr='#e12600', GradientType=0); border-color: #FF4409 #e12600 #e12600 #FF4409; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-8:hover, .btn-orange-8:active, .btn-orange-8.active, .btn-orange-8.disabled, .btn-orange-8[disabled] { background-color: #e12600; }
.btn-orange-8:hover { color: #ffffd1; text-shadow: 0px -1px 0px #c30800; }
.btn-orange-8:focus { color: #ffa86d; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FF4409 #e12600 #e12600 #FF4409; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-8.active, .btn-orange-8:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffa86d; }

.btn-orange-9 { text-shadow: 0px -1px 0px #e11a00; color: #ffffff; background-color: #FF3800; background-image: -moz-linear-gradient(top, #ff561e, #e11a00); background-image: -ms-linear-gradient(top, #ff561e, #e11a00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff561e), to(#e11a00)); background-image: -webkit-linear-gradient(top, #ff561e, #e11a00); background-image: -o-linear-gradient(top, #ff561e, #e11a00); background-image: linear-gradient(top, #ff561e, #e11a00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff561e', endColorstr='#e11a00', GradientType=0); border-color: #FF3800 #e11a00 #e11a00 #FF3800; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-9:hover, .btn-orange-9:active, .btn-orange-9.active, .btn-orange-9.disabled, .btn-orange-9[disabled] { background-color: #e11a00; }
.btn-orange-9:hover { color: #ffffc8; text-shadow: 0px -1px 0px #c30000; }
.btn-orange-9:focus { color: #ff9c64; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FF3800 #e11a00 #e11a00 #FF3800; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-9.active, .btn-orange-9:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ff9c64; }

.btn-orange-10 { text-shadow: 0px -1px 0px #850700; color: #ffffff; background-color: #A32500; background-image: -moz-linear-gradient(top, #c1431e, #850700); background-image: -ms-linear-gradient(top, #c1431e, #850700); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c1431e), to(#850700)); background-image: -webkit-linear-gradient(top, #c1431e, #850700); background-image: -o-linear-gradient(top, #c1431e, #850700); background-image: linear-gradient(top, #c1431e, #850700); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1431e', endColorstr='#850700', GradientType=0); border-color: #A32500 #850700 #850700 #A32500; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-10:hover, .btn-orange-10:active, .btn-orange-10.active, .btn-orange-10.disabled, .btn-orange-10[disabled] { background-color: #850700; }
.btn-orange-10:hover { color: #ffedc8; text-shadow: 0px -1px 0px #670000; }
.btn-orange-10:focus { color: #ff8964; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #A32500 #850700 #850700 #A32500; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-orange-10.active, .btn-orange-10:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ff8964; }

/*-----------------------------------------------*/
/* RED
/*-----------------------------------------------*/

.btn-red { text-shadow: 0px -1px 0px #e13937; color: #ffffff; background-color: #FF5755; background-image: -moz-linear-gradient(top, #ff7573, #e13937); background-image: -ms-linear-gradient(top, #ff7573, #e13937); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff7573), to(#e13937)); background-image: -webkit-linear-gradient(top, #ff7573, #e13937); background-image: -o-linear-gradient(top, #ff7573, #e13937); background-image: linear-gradient(top, #ff7573, #e13937); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7573', endColorstr='#e13937', GradientType=0); border-color: #FF5755 #e13937 #e13937 #FF5755; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-red:hover, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] { background-color: #e13937; }
.btn-red:hover { color: #ffffff; text-shadow: 0px -1px 0px #c31b19; }
.btn-red:focus { color: #ffbbb9; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FF5755 #e13937 #e13937 #FF5755; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-red.active, .btn-red:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffbbb9; }

.btn-red-3 { text-shadow: 0px -1px 0px #ca1521; color: #ffffff; background-color: #E8333F; background-image: -moz-linear-gradient(top, #ff515d, #ca1521); background-image: -ms-linear-gradient(top, #ff515d, #ca1521); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff515d), to(#ca1521)); background-image: -webkit-linear-gradient(top, #ff515d, #ca1521); background-image: -o-linear-gradient(top, #ff515d, #ca1521); background-image: linear-gradient(top, #ff515d, #ca1521); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff515d', endColorstr='#ca1521', GradientType=0); border-color: #E8333F #ca1521 #ca1521 #E8333F; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-red-3:hover, .btn-red-3:active, .btn-red-3.active, .btn-red-3.disabled, .btn-red-3[disabled] { background-color: #ca1521; }
.btn-red-3:hover { color: #fffbff; text-shadow: 0px -1px 0px #ac0003; }
.btn-red-3:focus { color: #ff97a3; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #E8333F #ca1521 #ca1521 #E8333F; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-red-3.active, .btn-red-3:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ff97a3; }

.btn-red-4 { text-shadow: 0px -1px 0px #e10010; color: #ffffff; background-color: #FF002E; background-image: -moz-linear-gradient(top, #ff1e4c, #e10010); background-image: -ms-linear-gradient(top, #ff1e4c, #e10010); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff1e4c), to(#e10010)); background-image: -webkit-linear-gradient(top, #ff1e4c, #e10010); background-image: -o-linear-gradient(top, #ff1e4c, #e10010); background-image: linear-gradient(top, #ff1e4c, #e10010); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1e4c', endColorstr='#e10010', GradientType=0); border-color: #FF002E #e10010 #e10010 #FF002E; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-red-4:hover, .btn-red-4:active, .btn-red-4.active, .btn-red-4.disabled, .btn-red-4[disabled] { background-color: #e10010; }
.btn-red-4:hover { color: #ffffff; text-shadow: 0px -1px 0px #c30000; }
.btn-red-4:focus { color: #ffffff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FF002E #e10010 #e10010 #FF002E; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-red-4.active, .btn-red-4:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffff; }

.btn-red-5 { text-shadow: 0px -1px 0px #7e0000; color: #ffffff; background-color: #9C080C; background-image: -moz-linear-gradient(top, #ba262a, #7e0000); background-image: -ms-linear-gradient(top, #ba262a, #7e0000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ba262a), to(#7e0000)); background-image: -webkit-linear-gradient(top, #ba262a, #7e0000); background-image: -o-linear-gradient(top, #ba262a, #7e0000); background-image: linear-gradient(top, #ba262a, #7e0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba262a', endColorstr='#7e0000', GradientType=0); border-color: #9C080C #7e0000 #7e0000 #9C080C; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-red-5:hover, .btn-red-5:active, .btn-red-5.active, .btn-red-5.disabled, .btn-red-5[disabled] { background-color: #7e0000; }
.btn-red-5:hover { color: #ffd0d4; text-shadow: 0px -1px 0px #600000; }
.btn-red-5:focus { color: #ff6c70; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #9C080C #7e0000 #7e0000 #9C080C; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-red-5.active, .btn-red-5:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ff6c70; }

/*-----------------------------------------------*/
/* YELLOW
/*-----------------------------------------------*/

.btn-yellow { text-shadow: 0px 1px 0px #ffffd9; color: #ad9e4d; background-color: #FDEE9D; background-image: -moz-linear-gradient(top, #ffffbb, #dfd07f); background-image: -ms-linear-gradient(top, #ffffbb, #dfd07f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffbb), to(#dfd07f)); background-image: -webkit-linear-gradient(top, #ffffbb, #dfd07f); background-image: -o-linear-gradient(top, #ffffbb, #dfd07f); background-image: linear-gradient(top, #ffffbb, #dfd07f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbb', endColorstr='#dfd07f', GradientType=0); border-color: #FDEE9D #dfd07f #dfd07f #FDEE9D; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-yellow:hover, .btn-yellow:active, .btn-yellow.active, .btn-yellow.disabled, .btn-yellow[disabled] { background-color: #dfd07f; }
.btn-yellow:hover { color: #998a39; text-shadow: 0px 1px 0px #ffffd9; }
.btn-yellow:focus { color: #5d4e00; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FDEE9D #dfd07f #dfd07f #FDEE9D; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-yellow.active, .btn-yellow:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #5d4e00; }

.btn-yellow-2 { text-shadow: 0px -1px 0px #caac3b; color: #ffffff; background-color: #E8CA59; background-image: -moz-linear-gradient(top, #ffe877, #caac3b); background-image: -ms-linear-gradient(top, #ffe877, #caac3b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe877), to(#caac3b)); background-image: -webkit-linear-gradient(top, #ffe877, #caac3b); background-image: -o-linear-gradient(top, #ffe877, #caac3b); background-image: linear-gradient(top, #ffe877, #caac3b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe877', endColorstr='#caac3b', GradientType=0); border-color: #E8CA59 #caac3b #caac3b #E8CA59; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-yellow-2:hover, .btn-yellow-2:active, .btn-yellow-2.active, .btn-yellow-2.disabled, .btn-yellow-2[disabled] { background-color: #caac3b; }
.btn-yellow-2:hover { color: #ffffff; text-shadow: 0px -1px 0px #ac8e1d; }
.btn-yellow-2:focus { color: #ffffbd; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #E8CA59 #caac3b #caac3b #E8CA59; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-yellow-2.active, .btn-yellow-2:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffbd; }

.btn-yellow-3 { text-shadow: 0px -1px 0px #e09600; color: #ffffff; background-color: #FEB41C; background-image: -moz-linear-gradient(top, #ffd23a, #e09600); background-image: -ms-linear-gradient(top, #ffd23a, #e09600); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd23a), to(#e09600)); background-image: -webkit-linear-gradient(top, #ffd23a, #e09600); background-image: -o-linear-gradient(top, #ffd23a, #e09600); background-image: linear-gradient(top, #ffd23a, #e09600); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd23a', endColorstr='#e09600', GradientType=0); border-color: #FEB41C #e09600 #e09600 #FEB41C; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-yellow-3:hover, .btn-yellow-3:active, .btn-yellow-3.active, .btn-yellow-3.disabled, .btn-yellow-3[disabled] { background-color: #e09600; }
.btn-yellow-3:hover { color: #ffffe4; text-shadow: 0px -1px 0px #c27800; }
.btn-yellow-3:focus { color: #ffff80; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FEB41C #e09600 #e09600 #FEB41C; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-yellow-3.active, .btn-yellow-3:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffff80; }

.btn-yellow-4 { text-shadow: 0px -1px 0px #e1a400; color: #ffffff; background-color: #FFC200; background-image: -moz-linear-gradient(top, #ffe01e, #e1a400); background-image: -ms-linear-gradient(top, #ffe01e, #e1a400); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe01e), to(#e1a400)); background-image: -webkit-linear-gradient(top, #ffe01e, #e1a400); background-image: -o-linear-gradient(top, #ffe01e, #e1a400); background-image: linear-gradient(top, #ffe01e, #e1a400); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe01e', endColorstr='#e1a400', GradientType=0); border-color: #FFC200 #e1a400 #e1a400 #FFC200; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-yellow-4:hover, .btn-yellow-4:active, .btn-yellow-4.active, .btn-yellow-4.disabled, .btn-yellow-4[disabled] { background-color: #e1a400; }
.btn-yellow-4:hover { color: #ffffc8; text-shadow: 0px -1px 0px #c38600; }
.btn-yellow-4:focus { color: #ffff64; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FFC200 #e1a400 #e1a400 #FFC200; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-yellow-4.active, .btn-yellow-4:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffff64; }

.btn-yellow-5 { text-shadow: 0px 1px 0px #ffff3c; color: #af8500; background-color: #FFD500; background-image: -moz-linear-gradient(top, #fff31e, #e1b700); background-image: -ms-linear-gradient(top, #fff31e, #e1b700); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff31e), to(#e1b700)); background-image: -webkit-linear-gradient(top, #fff31e, #e1b700); background-image: -o-linear-gradient(top, #fff31e, #e1b700); background-image: linear-gradient(top, #fff31e, #e1b700); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff31e', endColorstr='#e1b700', GradientType=0); border-color: #FFD500 #e1b700 #e1b700 #FFD500; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-yellow-5:hover, .btn-yellow-5:active, .btn-yellow-5.active, .btn-yellow-5.disabled, .btn-yellow-5[disabled] { background-color: #e1b700; }
.btn-yellow-5:hover { color: #9b7100; text-shadow: 0px 1px 0px #ffff3c; }
.btn-yellow-5:focus { color: #5f3500; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FFD500 #e1b700 #e1b700 #FFD500; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-yellow-5.active, .btn-yellow-5:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #5f3500; }

/*-----------------------------------------------*/
/* GREEN
/*-----------------------------------------------*/

.btn-green { text-shadow: 0px 1px 0px #ffffff; color: #a6ad7a; background-color: #F6FDCA; background-image: -moz-linear-gradient(top, #ffffe8, #d8dfac); background-image: -ms-linear-gradient(top, #ffffe8, #d8dfac); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffe8), to(#d8dfac)); background-image: -webkit-linear-gradient(top, #ffffe8, #d8dfac); background-image: -o-linear-gradient(top, #ffffe8, #d8dfac); background-image: linear-gradient(top, #ffffe8, #d8dfac); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe8', endColorstr='#d8dfac', GradientType=0); border-color: #F6FDCA #d8dfac #d8dfac #F6FDCA; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green:hover, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] { background-color: #d8dfac; }
.btn-green:hover { color: #929966; text-shadow: 0px 1px 0px #ffffff; }
.btn-green:focus { color: #565d2a; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #F6FDCA #d8dfac #d8dfac #F6FDCA; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green.active, .btn-green:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #565d2a; }

.btn-green-2 { text-shadow: 0px 1px 0px #ffffce; color: #9fa342; background-color: #EFF392; background-image: -moz-linear-gradient(top, #ffffb0, #d1d574); background-image: -ms-linear-gradient(top, #ffffb0, #d1d574); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffb0), to(#d1d574)); background-image: -webkit-linear-gradient(top, #ffffb0, #d1d574); background-image: -o-linear-gradient(top, #ffffb0, #d1d574); background-image: linear-gradient(top, #ffffb0, #d1d574); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffb0', endColorstr='#d1d574', GradientType=0); border-color: #EFF392 #d1d574 #d1d574 #EFF392; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-2:hover, .btn-green-2:active, .btn-green-2.active, .btn-green-2.disabled, .btn-green-2[disabled] { background-color: #d1d574; }
.btn-green-2:hover { color: #8b8f2e; text-shadow: 0px 1px 0px #ffffce; }
.btn-green-2:focus { color: #4f5300; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #EFF392 #d1d574 #d1d574 #EFF392; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-2.active, .btn-green-2:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #4f5300; }

.btn-green-3 { text-shadow: 0px -1px 0px #a2ac37; color: #ffffff; background-color: #C0CA55; background-image: -moz-linear-gradient(top, #dee873, #a2ac37); background-image: -ms-linear-gradient(top, #dee873, #a2ac37); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dee873), to(#a2ac37)); background-image: -webkit-linear-gradient(top, #dee873, #a2ac37); background-image: -o-linear-gradient(top, #dee873, #a2ac37); background-image: linear-gradient(top, #dee873, #a2ac37); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee873', endColorstr='#a2ac37', GradientType=0); border-color: #C0CA55 #a2ac37 #a2ac37 #C0CA55; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-3:hover, .btn-green-3:active, .btn-green-3.active, .btn-green-3.disabled, .btn-green-3[disabled] { background-color: #a2ac37; }
.btn-green-3:hover { color: #ffffff; text-shadow: 0px -1px 0px #848e19; }
.btn-green-3:focus { color: #ffffb9; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #C0CA55 #a2ac37 #a2ac37 #C0CA55; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-3.active, .btn-green-3:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffb9; }

.btn-green-4 { text-shadow: 0px -1px 0px #a2b11c; color: #ffffff; background-color: #C0CF3A; background-image: -moz-linear-gradient(top, #deed58, #a2b11c); background-image: -ms-linear-gradient(top, #deed58, #a2b11c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#deed58), to(#a2b11c)); background-image: -webkit-linear-gradient(top, #deed58, #a2b11c); background-image: -o-linear-gradient(top, #deed58, #a2b11c); background-image: linear-gradient(top, #deed58, #a2b11c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deed58', endColorstr='#a2b11c', GradientType=0); border-color: #C0CF3A #a2b11c #a2b11c #C0CF3A; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-4:hover, .btn-green-4:active, .btn-green-4.active, .btn-green-4.disabled, .btn-green-4[disabled] { background-color: #a2b11c; }
.btn-green-4:hover { color: #ffffff; text-shadow: 0px -1px 0px #849300; }
.btn-green-4:focus { color: #ffff9e; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #C0CF3A #a2b11c #a2b11c #C0CF3A; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-4.active, .btn-green-4:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffff9e; }

.btn-green-5 { text-shadow: 0px -1px 0px #6d9f00; color: #ffffff; background-color: #8BBD1E; background-image: -moz-linear-gradient(top, #a9db3c, #6d9f00); background-image: -ms-linear-gradient(top, #a9db3c, #6d9f00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a9db3c), to(#6d9f00)); background-image: -webkit-linear-gradient(top, #a9db3c, #6d9f00); background-image: -o-linear-gradient(top, #a9db3c, #6d9f00); background-image: linear-gradient(top, #a9db3c, #6d9f00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9db3c', endColorstr='#6d9f00', GradientType=0); border-color: #8BBD1E #6d9f00 #6d9f00 #8BBD1E; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-5:hover, .btn-green-5:active, .btn-green-5.active, .btn-green-5.disabled, .btn-green-5[disabled] { background-color: #6d9f00; }
.btn-green-5:hover { color: #ffffe6; text-shadow: 0px -1px 0px #4f8100; }
.btn-green-5:focus { color: #efff82; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #8BBD1E #6d9f00 #6d9f00 #8BBD1E; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-5.active, .btn-green-5:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #efff82; }

.btn-green-7 { text-shadow: 0px -1px 0px #36801b; color: #ffffff; background-color: #549E39; background-image: -moz-linear-gradient(top, #72bc57, #36801b); background-image: -ms-linear-gradient(top, #72bc57, #36801b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#72bc57), to(#36801b)); background-image: -webkit-linear-gradient(top, #72bc57, #36801b); background-image: -o-linear-gradient(top, #72bc57, #36801b); background-image: linear-gradient(top, #72bc57, #36801b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72bc57', endColorstr='#36801b', GradientType=0); border-color: #549E39 #36801b #36801b #549E39; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-7:hover, .btn-green-7:active, .btn-green-7.active, .btn-green-7.disabled, .btn-green-7[disabled] { background-color: #36801b; }
.btn-green-7:hover { color: #ffffff; text-shadow: 0px -1px 0px #186200; }
.btn-green-7:focus { color: #b8ff9d; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #549E39 #36801b #36801b #549E39; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-7.active, .btn-green-7:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #b8ff9d; }

.btn-green-8 { text-shadow: 0px -1px 0px #587b28; color: #ffffff; background-color: #769946; background-image: -moz-linear-gradient(top, #94b764, #587b28); background-image: -ms-linear-gradient(top, #94b764, #587b28); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#94b764), to(#587b28)); background-image: -webkit-linear-gradient(top, #94b764, #587b28); background-image: -o-linear-gradient(top, #94b764, #587b28); background-image: linear-gradient(top, #94b764, #587b28); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94b764', endColorstr='#587b28', GradientType=0); border-color: #769946 #587b28 #587b28 #769946; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-8:hover, .btn-green-8:active, .btn-green-8.active, .btn-green-8.disabled, .btn-green-8[disabled] { background-color: #587b28; }
.btn-green-8:hover { color: #ffffff; text-shadow: 0px -1px 0px #3a5d0a; }
.btn-green-8:focus { color: #dafdaa; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #769946 #587b28 #587b28 #769946; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-8.active, .btn-green-8:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #dafdaa; }

.btn-green-9 { text-shadow: 0px -1px 0px #5b6700; color: #ffffff; background-color: #79850D; background-image: -moz-linear-gradient(top, #97a32b, #5b6700); background-image: -ms-linear-gradient(top, #97a32b, #5b6700); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#97a32b), to(#5b6700)); background-image: -webkit-linear-gradient(top, #97a32b, #5b6700); background-image: -o-linear-gradient(top, #97a32b, #5b6700); background-image: linear-gradient(top, #97a32b, #5b6700); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97a32b', endColorstr='#5b6700', GradientType=0); border-color: #79850D #5b6700 #5b6700 #79850D; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-9:hover, .btn-green-9:active, .btn-green-9.active, .btn-green-9.disabled, .btn-green-9[disabled] { background-color: #5b6700; }
.btn-green-9:hover { color: #ffffd5; text-shadow: 0px -1px 0px #3d4900; }
.btn-green-9:focus { color: #dde971; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #79850D #5b6700 #5b6700 #79850D; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-9.active, .btn-green-9:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #dde971; }

.btn-green-10 { text-shadow: 0px -1px 0px #1e2813; color: #ffffff; background-color: #3C4631; background-image: -moz-linear-gradient(top, #5a644f, #1e2813); background-image: -ms-linear-gradient(top, #5a644f, #1e2813); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a644f), to(#1e2813)); background-image: -webkit-linear-gradient(top, #5a644f, #1e2813); background-image: -o-linear-gradient(top, #5a644f, #1e2813); background-image: linear-gradient(top, #5a644f, #1e2813); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a644f', endColorstr='#1e2813', GradientType=0); border-color: #3C4631 #1e2813 #1e2813 #3C4631; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-10:hover, .btn-green-10:active, .btn-green-10.active, .btn-green-10.disabled, .btn-green-10[disabled] { background-color: #1e2813; }
.btn-green-10:hover { color: #fffff9; text-shadow: 0px -1px 0px #000a00; }
.btn-green-10:focus { color: #a0aa95; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #3C4631 #1e2813 #1e2813 #3C4631; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-green-10.active, .btn-green-10:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #a0aa95; }

/*-----------------------------------------------*/
/* BLUE
/*-----------------------------------------------*/

.btn-blue-2 { text-shadow: 0px -1px 0px #56a2b1; color: #ffffff; background-color: #74C0CF; background-image: -moz-linear-gradient(top, #92deed, #56a2b1); background-image: -ms-linear-gradient(top, #92deed, #56a2b1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92deed), to(#56a2b1)); background-image: -webkit-linear-gradient(top, #92deed, #56a2b1); background-image: -o-linear-gradient(top, #92deed, #56a2b1); background-image: linear-gradient(top, #92deed, #56a2b1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92deed', endColorstr='#56a2b1', GradientType=0); border-color: #74C0CF #56a2b1 #56a2b1 #74C0CF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-2:hover, .btn-blue-2:active, .btn-blue-2.active, .btn-blue-2.disabled, .btn-blue-2[disabled] { background-color: #56a2b1; }
.btn-blue-2:hover { color: #ffffff; text-shadow: 0px -1px 0px #388493; }
.btn-blue-2:focus { color: #d8ffff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #74C0CF #56a2b1 #56a2b1 #74C0CF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-2.active, .btn-blue-2:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #d8ffff; }

.btn-blue { text-shadow: 0px 1px 0px #ffffff; color: #8aa1af; background-color: #DAF1FF; background-image: -moz-linear-gradient(top, #f8ffff, #bcd3e1); background-image: -ms-linear-gradient(top, #f8ffff, #bcd3e1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8ffff), to(#bcd3e1)); background-image: -webkit-linear-gradient(top, #f8ffff, #bcd3e1); background-image: -o-linear-gradient(top, #f8ffff, #bcd3e1); background-image: linear-gradient(top, #f8ffff, #bcd3e1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8ffff', endColorstr='#bcd3e1', GradientType=0); border-color: #DAF1FF #bcd3e1 #bcd3e1 #DAF1FF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue:hover, .btn-blue:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled] { background-color: #bcd3e1; }
.btn-blue:hover { color: #768d9b; text-shadow: 0px 1px 0px #ffffff; }
.btn-blue:focus { color: #3a515f; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #DAF1FF #bcd3e1 #bcd3e1 #DAF1FF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue.active, .btn-blue:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #3a515f; }


.btn-blue-5 { text-shadow: 0px -1px 0px #004573; color: #ffffff; background-color: #006391; background-image: -moz-linear-gradient(top, #1e81af, #004573); background-image: -ms-linear-gradient(top, #1e81af, #004573); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e81af), to(#004573)); background-image: -webkit-linear-gradient(top, #1e81af, #004573); background-image: -o-linear-gradient(top, #1e81af, #004573); background-image: linear-gradient(top, #1e81af, #004573); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e81af', endColorstr='#004573', GradientType=0); border-color: #006391 #004573 #004573 #006391; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-5:hover, .btn-blue-5:active, .btn-blue-5.active, .btn-blue-5.disabled, .btn-blue-5[disabled] { background-color: #004573; }
.btn-blue-5:hover { color: #c8ffff; text-shadow: 0px -1px 0px #002755; }
.btn-blue-5:focus { color: #64c7f5; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #006391 #004573 #004573 #006391; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-5.active, .btn-blue-5:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #64c7f5; }

.btn-blue-6 { text-shadow: 0px -1px 0px #003457; color: #ffffff; background-color: #005275; background-image: -moz-linear-gradient(top, #1e7093, #003457); background-image: -ms-linear-gradient(top, #1e7093, #003457); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e7093), to(#003457)); background-image: -webkit-linear-gradient(top, #1e7093, #003457); background-image: -o-linear-gradient(top, #1e7093, #003457); background-image: linear-gradient(top, #1e7093, #003457); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e7093', endColorstr='#003457', GradientType=0); border-color: #005275 #003457 #003457 #005275; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-6:hover, .btn-blue-6:active, .btn-blue-6.active, .btn-blue-6.disabled, .btn-blue-6[disabled] { background-color: #003457; }
.btn-blue-6:hover { color: #c8ffff; text-shadow: 0px -1px 0px #001639; }
.btn-blue-6:focus { color: #64b6d9; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #005275 #003457 #003457 #005275; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-6.active, .btn-blue-6:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #64b6d9; }

.btn-blue-7 { text-shadow: 0px -1px 0px #0d304b; color: #ffffff; background-color: #2B4E69; background-image: -moz-linear-gradient(top, #496c87, #0d304b); background-image: -ms-linear-gradient(top, #496c87, #0d304b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#496c87), to(#0d304b)); background-image: -webkit-linear-gradient(top, #496c87, #0d304b); background-image: -o-linear-gradient(top, #496c87, #0d304b); background-image: linear-gradient(top, #496c87, #0d304b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#496c87', endColorstr='#0d304b', GradientType=0); border-color: #2B4E69 #0d304b #0d304b #2B4E69; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-7:hover, .btn-blue-7:active, .btn-blue-7.active, .btn-blue-7.disabled, .btn-blue-7[disabled] { background-color: #0d304b; }
.btn-blue-7:hover { color: #f3ffff; text-shadow: 0px -1px 0px #00122d; }
.btn-blue-7:focus { color: #8fb2cd; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #2B4E69 #0d304b #0d304b #2B4E69; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-7.active, .btn-blue-7:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #8fb2cd; }

.btn-blue-8 { text-shadow: 0px -1px 0px #000526; color: #ffffff; background-color: #002344; background-image: -moz-linear-gradient(top, #1e4162, #000526); background-image: -ms-linear-gradient(top, #1e4162, #000526); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e4162), to(#000526)); background-image: -webkit-linear-gradient(top, #1e4162, #000526); background-image: -o-linear-gradient(top, #1e4162, #000526); background-image: linear-gradient(top, #1e4162, #000526); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e4162', endColorstr='#000526', GradientType=0); border-color: #002344 #000526 #000526 #002344; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-8:hover, .btn-blue-8:active, .btn-blue-8.active, .btn-blue-8.disabled, .btn-blue-8[disabled] { background-color: #000526; }
.btn-blue-8:hover { color: #c8ebff; text-shadow: 0px -1px 0px #000008; }
.btn-blue-8:focus { color: #6487a8; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #002344 #000526 #000526 #002344; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-8.active, .btn-blue-8:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #6487a8; }

.btn-blue-9 { text-shadow: 0px -1px 0px #168be1; color: #ffffff; background-color: #34A9FF; background-image: -moz-linear-gradient(top, #52c7ff, #168be1); background-image: -ms-linear-gradient(top, #52c7ff, #168be1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52c7ff), to(#168be1)); background-image: -webkit-linear-gradient(top, #52c7ff, #168be1); background-image: -o-linear-gradient(top, #52c7ff, #168be1); background-image: linear-gradient(top, #52c7ff, #168be1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c7ff', endColorstr='#168be1', GradientType=0); border-color: #34A9FF #168be1 #168be1 #34A9FF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-9:hover, .btn-blue-9:active, .btn-blue-9.active, .btn-blue-9.disabled, .btn-blue-9[disabled] { background-color: #168be1; }
.btn-blue-9:hover { color: #fcffff; text-shadow: 0px -1px 0px #006dc3; }
.btn-blue-9:focus { color: #98ffff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #34A9FF #168be1 #168be1 #34A9FF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-blue-9.active, .btn-blue-9:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #98ffff; }

/*-----------------------------------------------*/
/* PINK
/*-----------------------------------------------*/

.btn-pink { text-shadow: 0px -1px 0px #da848d; color: #ffffff; background-color: #F8A2AB; background-image: -moz-linear-gradient(top, #ffc0c9, #da848d); background-image: -ms-linear-gradient(top, #ffc0c9, #da848d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc0c9), to(#da848d)); background-image: -webkit-linear-gradient(top, #ffc0c9, #da848d); background-image: -o-linear-gradient(top, #ffc0c9, #da848d); background-image: linear-gradient(top, #ffc0c9, #da848d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc0c9', endColorstr='#da848d', GradientType=0); border-color: #F8A2AB #da848d #da848d #F8A2AB; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-pink:hover, .btn-pink:active, .btn-pink.active, .btn-pink.disabled, .btn-pink[disabled] { background-color: #da848d; }
.btn-pink:hover { color: #ffffff; text-shadow: 0px -1px 0px #bc666f; }
.btn-pink:focus { color: #ffffff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #F8A2AB #da848d #da848d #F8A2AB; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-pink.active, .btn-pink:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffff; }

.btn-pink-2 { text-shadow: 0px -1px 0px #e16d6d; color: #ffffff; background-color: #FF8B8B; background-image: -moz-linear-gradient(top, #ffa9a9, #e16d6d); background-image: -ms-linear-gradient(top, #ffa9a9, #e16d6d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa9a9), to(#e16d6d)); background-image: -webkit-linear-gradient(top, #ffa9a9, #e16d6d); background-image: -o-linear-gradient(top, #ffa9a9, #e16d6d); background-image: linear-gradient(top, #ffa9a9, #e16d6d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa9a9', endColorstr='#e16d6d', GradientType=0); border-color: #FF8B8B #e16d6d #e16d6d #FF8B8B; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-pink-2:hover, .btn-pink-2:active, .btn-pink-2.active, .btn-pink-2.disabled, .btn-pink-2[disabled] { background-color: #e16d6d; }
.btn-pink-2:hover { color: #ffffff; text-shadow: 0px -1px 0px #c34f4f; }
.btn-pink-2:focus { color: #ffefef; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #FF8B8B #e16d6d #e16d6d #FF8B8B; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-pink-2.active, .btn-pink-2:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffefef; }

.btn-pink-3 { text-shadow: 0px -1px 0px #b05359; color: #ffffff; background-color: #CE7177; background-image: -moz-linear-gradient(top, #ec8f95, #b05359); background-image: -ms-linear-gradient(top, #ec8f95, #b05359); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec8f95), to(#b05359)); background-image: -webkit-linear-gradient(top, #ec8f95, #b05359); background-image: -o-linear-gradient(top, #ec8f95, #b05359); background-image: linear-gradient(top, #ec8f95, #b05359); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec8f95', endColorstr='#b05359', GradientType=0); border-color: #CE7177 #b05359 #b05359 #CE7177; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-pink-3:hover, .btn-pink-3:active, .btn-pink-3.active, .btn-pink-3.disabled, .btn-pink-3[disabled] { background-color: #b05359; }
.btn-pink-3:hover { color: #ffffff; text-shadow: 0px -1px 0px #92353b; }
.btn-pink-3:focus { color: #ffd5db; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #CE7177 #b05359 #b05359 #CE7177; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-pink-3.active, .btn-pink-3:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffd5db; }

.btn-pink-4 { text-shadow: 0px -1px 0px #ca2349; color: #ffffff; background-color: #E84167; background-image: -moz-linear-gradient(top, #ff5f85, #ca2349); background-image: -ms-linear-gradient(top, #ff5f85, #ca2349); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5f85), to(#ca2349)); background-image: -webkit-linear-gradient(top, #ff5f85, #ca2349); background-image: -o-linear-gradient(top, #ff5f85, #ca2349); background-image: linear-gradient(top, #ff5f85, #ca2349); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5f85', endColorstr='#ca2349', GradientType=0); border-color: #E84167 #ca2349 #ca2349 #E84167; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-pink-4:hover, .btn-pink-4:active, .btn-pink-4.active, .btn-pink-4.disabled, .btn-pink-4[disabled] { background-color: #ca2349; }
.btn-pink-4:hover { color: #ffffff; text-shadow: 0px -1px 0px #ac052b; }
.btn-pink-4:focus { color: #ffa5cb; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #E84167 #ca2349 #ca2349 #E84167; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-pink-4.active, .btn-pink-4:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffa5cb; }

.btn-pink-5 { text-shadow: 0px -1px 0px #cf002d; color: #ffffff; background-color: #ED1A4B; background-image: -moz-linear-gradient(top, #ff3869, #cf002d); background-image: -ms-linear-gradient(top, #ff3869, #cf002d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3869), to(#cf002d)); background-image: -webkit-linear-gradient(top, #ff3869, #cf002d); background-image: -o-linear-gradient(top, #ff3869, #cf002d); background-image: linear-gradient(top, #ff3869, #cf002d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3869', endColorstr='#cf002d', GradientType=0); border-color: #ED1A4B #cf002d #cf002d #ED1A4B; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-pink-5:hover, .btn-pink-5:active, .btn-pink-5.active, .btn-pink-5.disabled, .btn-pink-5[disabled] { background-color: #cf002d; }
.btn-pink-5:hover { color: #ffe2ff; text-shadow: 0px -1px 0px #b1000f; }
.btn-pink-5:focus { color: #ff7eaf; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #ED1A4B #cf002d #cf002d #ED1A4B; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-pink-5.active, .btn-pink-5:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ff7eaf; }

/*-----------------------------------------------*/
/* PURPLE
/*-----------------------------------------------*/

.btn-purple { text-shadow: 0px -1px 0px #a4719c; color: #ffffff; background-color: #C28FBA; background-image: -moz-linear-gradient(top, #e0add8, #a4719c); background-image: -ms-linear-gradient(top, #e0add8, #a4719c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0add8), to(#a4719c)); background-image: -webkit-linear-gradient(top, #e0add8, #a4719c); background-image: -o-linear-gradient(top, #e0add8, #a4719c); background-image: linear-gradient(top, #e0add8, #a4719c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0add8', endColorstr='#a4719c', GradientType=0); border-color: #C28FBA #a4719c #a4719c #C28FBA; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-purple:hover, .btn-purple:active, .btn-purple.active, .btn-purple.disabled, .btn-purple[disabled] { background-color: #a4719c; }
.btn-purple:hover { color: #ffffff; text-shadow: 0px -1px 0px #86537e; }
.btn-purple:focus { color: #fff3ff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #C28FBA #a4719c #a4719c #C28FBA; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-purple.active, .btn-purple:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #fff3ff; }

.btn-purple-2 { text-shadow: 0px -1px 0px #48409a; color: #ffffff; background-color: #665EB8; background-image: -moz-linear-gradient(top, #847cd6, #48409a); background-image: -ms-linear-gradient(top, #847cd6, #48409a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#847cd6), to(#48409a)); background-image: -webkit-linear-gradient(top, #847cd6, #48409a); background-image: -o-linear-gradient(top, #847cd6, #48409a); background-image: linear-gradient(top, #847cd6, #48409a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#847cd6', endColorstr='#48409a', GradientType=0); border-color: #665EB8 #48409a #48409a #665EB8; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-purple-2:hover, .btn-purple-2:active, .btn-purple-2.active, .btn-purple-2.disabled, .btn-purple-2[disabled] { background-color: #48409a; }
.btn-purple-2:hover { color: #ffffff; text-shadow: 0px -1px 0px #2a227c; }
.btn-purple-2:focus { color: #cac2ff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #665EB8 #48409a #48409a #665EB8; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-purple-2.active, .btn-purple-2:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #cac2ff; }

.btn-purple-3 { text-shadow: 0px -1px 0px #452c88; color: #ffffff; background-color: #634AA6; background-image: -moz-linear-gradient(top, #8168c4, #452c88); background-image: -ms-linear-gradient(top, #8168c4, #452c88); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8168c4), to(#452c88)); background-image: -webkit-linear-gradient(top, #8168c4, #452c88); background-image: -o-linear-gradient(top, #8168c4, #452c88); background-image: linear-gradient(top, #8168c4, #452c88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8168c4', endColorstr='#452c88', GradientType=0); border-color: #634AA6 #452c88 #452c88 #634AA6; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-purple-3:hover, .btn-purple-3:active, .btn-purple-3.active, .btn-purple-3.disabled, .btn-purple-3[disabled] { background-color: #452c88; }
.btn-purple-3:hover { color: #ffffff; text-shadow: 0px -1px 0px #270e6a; }
.btn-purple-3:focus { color: #c7aeff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #634AA6 #452c88 #452c88 #634AA6; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-purple-3.active, .btn-purple-3:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #c7aeff; }

.btn-purple-4 { text-shadow: 0px -1px 0px #4a2864; color: #ffffff; background-color: #684682; background-image: -moz-linear-gradient(top, #8664a0, #4a2864); background-image: -ms-linear-gradient(top, #8664a0, #4a2864); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8664a0), to(#4a2864)); background-image: -webkit-linear-gradient(top, #8664a0, #4a2864); background-image: -o-linear-gradient(top, #8664a0, #4a2864); background-image: linear-gradient(top, #8664a0, #4a2864); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8664a0', endColorstr='#4a2864', GradientType=0); border-color: #684682 #4a2864 #4a2864 #684682; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-purple-4:hover, .btn-purple-4:active, .btn-purple-4.active, .btn-purple-4.disabled, .btn-purple-4[disabled] { background-color: #4a2864; }
.btn-purple-4:hover { color: #ffffff; text-shadow: 0px -1px 0px #2c0a46; }
.btn-purple-4:focus { color: #ccaae6; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #684682 #4a2864 #4a2864 #684682; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-purple-4.active, .btn-purple-4:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ccaae6; }

.btn-purple-5 { text-shadow: 0px -1px 0px #191329; color: #ffffff; background-color: #373147; background-image: -moz-linear-gradient(top, #554f65, #191329); background-image: -ms-linear-gradient(top, #554f65, #191329); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#554f65), to(#191329)); background-image: -webkit-linear-gradient(top, #554f65, #191329); background-image: -o-linear-gradient(top, #554f65, #191329); background-image: linear-gradient(top, #554f65, #191329); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#554f65', endColorstr='#191329', GradientType=0); border-color: #373147 #191329 #191329 #373147; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-purple-5:hover, .btn-purple-5:active, .btn-purple-5.active, .btn-purple-5.disabled, .btn-purple-5[disabled] { background-color: #191329; }
.btn-purple-5:hover { color: #fff9ff; text-shadow: 0px -1px 0px #00000b; }
.btn-purple-5:focus { color: #9b95ab; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #373147 #191329 #191329 #373147; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-purple-5.active, .btn-purple-5:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #9b95ab; }

/*-----------------------------------------------*/
/* SUBTLE
/*-----------------------------------------------*/

.btn-subtle { text-shadow: 0px 1px 0px #ffffff; color: #a0a1a2; background-color: #F0F1F2; background-image: -moz-linear-gradient(top, #ffffff, #d2d3d4); background-image: -ms-linear-gradient(top, #ffffff, #d2d3d4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#d2d3d4)); background-image: -webkit-linear-gradient(top, #ffffff, #d2d3d4); background-image: -o-linear-gradient(top, #ffffff, #d2d3d4); background-image: linear-gradient(top, #ffffff, #d2d3d4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d2d3d4', GradientType=0); border-color: #F0F1F2 #d2d3d4 #d2d3d4 #F0F1F2; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-subtle:hover, .btn-subtle:active, .btn-subtle.active, .btn-subtle.disabled, .btn-subtle[disabled] { background-color: #d2d3d4; }
.btn-subtle:hover { color: #8c8d8e; text-shadow: 0px 1px 0px #ffffff; }
.btn-subtle:focus { color: #505152; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #F0F1F2 #d2d3d4 #d2d3d4 #F0F1F2; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-subtle.active, .btn-subtle:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #505152; }

.btn-subtle-2 { text-shadow: 0px 1px 0px #ffffff; color: #a2967e; background-color: #F2E6CE; background-image: -moz-linear-gradient(top, #ffffec, #d4c8b0); background-image: -ms-linear-gradient(top, #ffffec, #d4c8b0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffec), to(#d4c8b0)); background-image: -webkit-linear-gradient(top, #ffffec, #d4c8b0); background-image: -o-linear-gradient(top, #ffffec, #d4c8b0); background-image: linear-gradient(top, #ffffec, #d4c8b0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffec', endColorstr='#d4c8b0', GradientType=0); border-color: #F2E6CE #d4c8b0 #d4c8b0 #F2E6CE; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-subtle-2:hover, .btn-subtle-2:active, .btn-subtle-2.active, .btn-subtle-2.disabled, .btn-subtle-2[disabled] { background-color: #d4c8b0; }
.btn-subtle-2:hover { color: #8e826a; text-shadow: 0px 1px 0px #ffffff; }
.btn-subtle-2:focus { color: #52462e; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #F2E6CE #d4c8b0 #d4c8b0 #F2E6CE; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-subtle-2.active, .btn-subtle-2:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #52462e; }

.btn-subtle-3 { text-shadow: 0px 1px 0px #ffffff; color: #9baaaf; background-color: #EBFAFF; background-image: -moz-linear-gradient(top, #ffffff, #cddce1); background-image: -ms-linear-gradient(top, #ffffff, #cddce1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cddce1)); background-image: -webkit-linear-gradient(top, #ffffff, #cddce1); background-image: -o-linear-gradient(top, #ffffff, #cddce1); background-image: linear-gradient(top, #ffffff, #cddce1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cddce1', GradientType=0); border-color: #EBFAFF #cddce1 #cddce1 #EBFAFF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-subtle-3:hover, .btn-subtle-3:active, .btn-subtle-3.active, .btn-subtle-3.disabled, .btn-subtle-3[disabled] { background-color: #cddce1; }
.btn-subtle-3:hover { color: #87969b; text-shadow: 0px 1px 0px #ffffff; }
.btn-subtle-3:focus { color: #4b5a5f; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #EBFAFF #cddce1 #cddce1 #EBFAFF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-subtle-3.active, .btn-subtle-3:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #4b5a5f; }

.btn-subtle-4 { text-shadow: 0px 1px 0px #ffffff; color: #a1a792; background-color: #F1F7E2; background-image: -moz-linear-gradient(top, #ffffff, #d3d9c4); background-image: -ms-linear-gradient(top, #ffffff, #d3d9c4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#d3d9c4)); background-image: -webkit-linear-gradient(top, #ffffff, #d3d9c4); background-image: -o-linear-gradient(top, #ffffff, #d3d9c4); background-image: linear-gradient(top, #ffffff, #d3d9c4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d9c4', GradientType=0); border-color: #F1F7E2 #d3d9c4 #d3d9c4 #F1F7E2; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-subtle-4:hover, .btn-subtle-4:active, .btn-subtle-4.active, .btn-subtle-4.disabled, .btn-subtle-4[disabled] { background-color: #d3d9c4; }
.btn-subtle-4:hover { color: #8d937e; text-shadow: 0px 1px 0px #ffffff; }
.btn-subtle-4:focus { color: #515742; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #F1F7E2 #d3d9c4 #d3d9c4 #F1F7E2; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-subtle-4.active, .btn-subtle-4:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #515742; }

/*-----------------------------------------------*/
/* DARK
/*-----------------------------------------------*/

.btn-dark { text-shadow: 0px -1px 0px #858d91; color: #ffffff; background-color: #A3ABAF; background-image: -moz-linear-gradient(top, #c1c9cd, #858d91); background-image: -ms-linear-gradient(top, #c1c9cd, #858d91); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c1c9cd), to(#858d91)); background-image: -webkit-linear-gradient(top, #c1c9cd, #858d91); background-image: -o-linear-gradient(top, #c1c9cd, #858d91); background-image: linear-gradient(top, #c1c9cd, #858d91); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c9cd', endColorstr='#858d91', GradientType=0); border-color: #A3ABAF #858d91 #858d91 #A3ABAF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-dark:hover, .btn-dark:active, .btn-dark.active, .btn-dark.disabled, .btn-dark[disabled] { background-color: #858d91; }
.btn-dark:hover { color: #ffffff; text-shadow: 0px -1px 0px #676f73; }
.btn-dark:focus { color: #ffffff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #A3ABAF #858d91 #858d91 #A3ABAF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-dark.active, .btn-dark:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffff; }

.btn-dark-2 { text-shadow: 0px -1px 0px #1d242e; color: #ffffff; background-color: #3B424C; background-image: -moz-linear-gradient(top, #59606a, #1d242e); background-image: -ms-linear-gradient(top, #59606a, #1d242e); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#59606a), to(#1d242e)); background-image: -webkit-linear-gradient(top, #59606a, #1d242e); background-image: -o-linear-gradient(top, #59606a, #1d242e); background-image: linear-gradient(top, #59606a, #1d242e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59606a', endColorstr='#1d242e', GradientType=0); border-color: #3B424C #1d242e #1d242e #3B424C; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-dark-2:hover, .btn-dark-2:active, .btn-dark-2.active, .btn-dark-2.disabled, .btn-dark-2[disabled] { background-color: #1d242e; }
.btn-dark-2:hover { color: #ffffff; text-shadow: 0px -1px 0px #000610; }
.btn-dark-2:focus { color: #9fa6b0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #3B424C #1d242e #1d242e #3B424C; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-dark-2.active, .btn-dark-2:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #9fa6b0; }

.btn-dark-4 { text-shadow: 0px -1px 0px #000000; color: #ffffff; background-color: #161619; background-image: -moz-linear-gradient(top, #343437, #000000); background-image: -ms-linear-gradient(top, #343437, #000000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#343437), to(#000000)); background-image: -webkit-linear-gradient(top, #343437, #000000); background-image: -o-linear-gradient(top, #343437, #000000); background-image: linear-gradient(top, #343437, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343437', endColorstr='#000000', GradientType=0); border-color: #161619 #000000 #000000 #161619; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-dark-4:hover, .btn-dark-4:active, .btn-dark-4.active, .btn-dark-4.disabled, .btn-dark-4[disabled] { background-color: #000000; }
.btn-dark-4:hover { color: #dedee1; text-shadow: 0px -1px 0px #000000; }
.btn-dark-4:focus { color: #7a7a7d; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #161619 #000000 #000000 #161619; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-dark-4.active, .btn-dark-4:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #7a7a7d; }

.btn-dark-5 { text-shadow: 0px -1px 0px #000000; color: #ffffff; background-color: #000000; background-image: -moz-linear-gradient(top, #1e1e1e, #000000); background-image: -ms-linear-gradient(top, #1e1e1e, #000000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e1e1e), to(#000000)); background-image: -webkit-linear-gradient(top, #1e1e1e, #000000); background-image: -o-linear-gradient(top, #1e1e1e, #000000); background-image: linear-gradient(top, #1e1e1e, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e', endColorstr='#000000', GradientType=0); border-color: #000000 #000000 #000000 #000000; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-dark-5:hover, .btn-dark-5:active, .btn-dark-5.active, .btn-dark-5.disabled, .btn-dark-5[disabled] { background-color: #000000; }
.btn-dark-5:hover { color: #c8c8c8; text-shadow: 0px -1px 0px #000000; }
.btn-dark-5:focus { color: #646464; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #000000 #000000 #000000 #000000; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-dark-5.active, .btn-dark-5:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #646464; }


/*-----------------------------------------------*/
/* CREAM
/*-----------------------------------------------*/

.btn-cream { text-shadow: 0px -1px 0px #947e67; color: #ffffff; background-color: #B29C85; background-image: -moz-linear-gradient(top, #d0baa3, #947e67); background-image: -ms-linear-gradient(top, #d0baa3, #947e67); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d0baa3), to(#947e67)); background-image: -webkit-linear-gradient(top, #d0baa3, #947e67); background-image: -o-linear-gradient(top, #d0baa3, #947e67); background-image: linear-gradient(top, #d0baa3, #947e67); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0baa3', endColorstr='#947e67', GradientType=0); border-color: #B29C85 #947e67 #947e67 #B29C85; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-cream:hover, .btn-cream:active, .btn-cream.active, .btn-cream.disabled, .btn-cream[disabled] { background-color: #947e67; }
.btn-cream:hover { color: #ffffff; text-shadow: 0px -1px 0px #766049; }
.btn-cream:focus { color: #ffffe9; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #B29C85 #947e67 #947e67 #B29C85; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-cream.active, .btn-cream:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffe9; }

.btn-cream-2 { text-shadow: 0px -1px 0px #5f4a37; color: #ffffff; background-color: #7D6855; background-image: -moz-linear-gradient(top, #9b8673, #5f4a37); background-image: -ms-linear-gradient(top, #9b8673, #5f4a37); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9b8673), to(#5f4a37)); background-image: -webkit-linear-gradient(top, #9b8673, #5f4a37); background-image: -o-linear-gradient(top, #9b8673, #5f4a37); background-image: linear-gradient(top, #9b8673, #5f4a37); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b8673', endColorstr='#5f4a37', GradientType=0); border-color: #7D6855 #5f4a37 #5f4a37 #7D6855; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-cream-2:hover, .btn-cream-2:active, .btn-cream-2.active, .btn-cream-2.disabled, .btn-cream-2[disabled] { background-color: #5f4a37; }
.btn-cream-2:hover { color: #ffffff; text-shadow: 0px -1px 0px #412c19; }
.btn-cream-2:focus { color: #e1ccb9; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #7D6855 #5f4a37 #5f4a37 #7D6855; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-cream-2.active, .btn-cream-2:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #e1ccb9; }

.btn-cream-3 { text-shadow: 0px -1px 0px #462f34; color: #ffffff; background-color: #644D52; background-image: -moz-linear-gradient(top, #826b70, #462f34); background-image: -ms-linear-gradient(top, #826b70, #462f34); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#826b70), to(#462f34)); background-image: -webkit-linear-gradient(top, #826b70, #462f34); background-image: -o-linear-gradient(top, #826b70, #462f34); background-image: linear-gradient(top, #826b70, #462f34); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#826b70', endColorstr='#462f34', GradientType=0); border-color: #644D52 #462f34 #462f34 #644D52; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-cream-3:hover, .btn-cream-3:active, .btn-cream-3.active, .btn-cream-3.disabled, .btn-cream-3[disabled] { background-color: #462f34; }
.btn-cream-3:hover { color: #ffffff; text-shadow: 0px -1px 0px #281116; }
.btn-cream-3:focus { color: #c8b1b6; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #644D52 #462f34 #462f34 #644D52; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-cream-3.active, .btn-cream-3:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #c8b1b6; }

/*-----------------------------------------------*/
/* Group
/*-----------------------------------------------*/

.btn-group {
  position: relative;
  *margin-left: .3em;
  *zoom: 1;
}

.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}

.btn-group:after {
  clear: both;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 9px;
  margin-bottom: 9px;
}

.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-group > .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .btn {
	margin-right: 0;
}