.button-blue {
 position: relative;
 -moz-box-shadow:inset 0px 1px 0px 0px #a0b8f1, 0 1px 4px #555;
 -webkit-box-shadow:inset 0px 1px 0px 0px #a0b8f1, 0 1px 4px #555;
 box-shadow:inset 0px 1px 0px 0px #a0b8f1, 0 1px 4px #555;
 background: #4876e3; /*fallback for non-CSS3 browsers*/
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#4876e3) to(#183f9c)); /*old webkit*/
 background: -webkit-linear-gradient(#4876e3, #183f9c); /*new webkit*/
 background: -moz-linear-gradient(#4876e3, #183f9c); /*gecko*/
 background: -ms-linear-gradient(#4876e3, #183f9c); /*IE10*/
 background: -o-linear-gradient(#4876e3, #183f9c); /*opera 11.10+*/
 background: linear-gradient(#4876e3, #183f9c); /*future CSS3 browsers*/
 -pie-background: linear-gradient(#4876e3, #183f9c); /*PIE*/
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 -khtml-border-radius: 6px;
 margin: 6px;
 border-radius:6px;
 border:1px solid #183f9c;
 display:inline-block;
 color:#fff !important;
 font-size:.85em;
 font-weight:bold;
 padding: 10px 20px;
 text-decoration:none;
 text-shadow:0px -1px 0px #183f9c;
 text-align: center;
 line-height: 18px;
 cursor: pointer;
}.button-blue:hover {
 -moz-box-shadow:inset 0px 1px 0px 0px #ff8d3f, 0 1px 4px #555;
 -webkit-box-shadow:inset 0px 1px 0px 0px #ff8d3f, 0 1px 4px #555;
 box-shadow:inset 0px 1px 0px 0px #ff8d3f, 0 1px 4px #555;
 background: #ff6700; /*fallback for non-CSS3 browsers*/
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff6700) to(#bf4d00)); /*old webkit*/
 background: -webkit-linear-gradient(#ff6700, #bf4d00); /*new webkit*/
 background: -moz-linear-gradient(#ff6700, #bf4d00); /*gecko*/
 background: -ms-linear-gradient(#ff6700, #bf4d00); /*IE10*/
 background: -o-linear-gradient(#ff6700, #bf4d00); /*opera 11.10+*/
 background: linear-gradient(#ff6700, #bf4d00); /*future CSS3 browsers*/
 -pie-background: linear-gradient(#ff6700, #bf4d00); /*PIE*/
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 -khtml-border-radius: 6px;
 border-radius:6px;
 border:1px solid #bf4d00;
 text-shadow:0px 1px 0px #bf4d00;
}.button-blue:active {
 position:relative;
 top:1px;
}


.button-green {
 position: relative;
 -moz-box-shadow: inset 0px 1px 0px 0px #000000, 0 1px 4px #000000;
 -webkit-box-shadow: inset 0px 1px 0px 0px #000000, 0 1px 4px #000000;
 box-shadow: inset 0px 1px 0px 0px #000000, 0 1px 4px #000000;
 background: #92c83e; /*fallback for non-CSS3 browsers*/
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#92c83e) to(#85b834)); /*old webkit*/
 background: -webkit-linear-gradient(#92c83e, #85b834); /*new webkit*/
 background: -moz-linear-gradient(#92c83e, #85b834); /*gecko*/
 background: -ms-linear-gradient(#92c83e, #85b834); /*IE10*/
 background: -o-linear-gradient(#92c83e, #85b834); /*opera 11.10+*/
 background: linear-gradient(#92c83e, #85b834); /*future CSS3 browsers*/
 -pie-background: linear-gradient(#92c83e, #85b834); /*PIE*/
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 -khtml-border-radius: 6px;
 margin: 6px;
 border-radius: 6px;
 border: 1px solid #000000;
 display: inline-block;
 color: #fff !important;
 font-size: .85em;
 font-weight: bold;
 padding: 10px 20px;
 text-decoration: none;
 text-shadow: 0px -1px 0px #999999;
 text-align: center;
 line-height: 18px;
 cursor: pointer;
}
 .button-green:hover {
  -moz-box-shadow: inset 0px 1px 0px 0px #000000, 0 1px 4px #000000;
  -webkit-box-shadow: inset 0px 1px 0px 0px #000000, 0 1px 4px #000000;
  box-shadow: inset 0px 1px 0px 0px #000000, 0 1px 4px #000000;
  background: #4876e3; /*fallback for non-CSS3 browsers*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#4876e3) to(#183f9c)); /*old webkit*/
  background: -webkit-linear-gradient(#4876e3, #183f9c); /*new webkit*/
  background: -moz-linear-gradient(#4876e3, #183f9c); /*gecko*/
  background: -ms-linear-gradient(#4876e3, #183f9c); /*IE10*/
  background: -o-linear-gradient(#4876e3, #183f9c); /*opera 11.10+*/
  background: linear-gradient(#4876e3, #183f9c); /*future CSS3 browsers*/
  -pie-background: linear-gradient(#4876e3, #183f9c); /*PIE*/
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #000000;
  text-shadow: 0px 1px 0px #999999;
 }.button-green:active {
 position:relative;
 top:1px;
}

.button-red {
 position: relative;
 background: #800000;
 border-radius: .5em;
 border: 1px solid #000;
 display: inline-block;
 color: #fff !important;
 text-decoration: none;
 text-align: center;
 cursor: pointer;
 padding: .25em;
 padding-left: .5em;
 padding-right: .5em;
}
.button-red-big {
 position: relative;
 background: #800000;
 border-radius: .5em;
 border: 1px solid #000;
 display: inline-block;
 color: #fff !important;
 text-decoration: none;
 text-align: center;
 cursor: pointer;
 padding: .5em;
 padding-left: 1em;
 padding-right: 1em;
 margin: .5em;
 font-weight: bold;
 font-size: .9em;
}

 .button-red-big:hover {
  background: #000;
 }