/**
 * CSS Buttons Generator for your pleasure!
 * http://www.dextronet.com/css-buttons-generator
 * 
 * (c) Ondrej Zabojnik <zabojnik@dextronet.com>, released under the MIT license
 * 
 * Usage: 
 *   <a href="" class="shiny-button"><strong>Log In</strong><br></a>
 * 
 */

.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-color: #666666;
  background-image: -webkit-linear-gradient(top, #666666 0%, #666666 48%, #666666 49%, #666666 82%, #666666 100%);
  background-image: -moz-linear-gradient(top, #666666 0%, #666666 48%, #666666 49%, #666666 82%, #666666 100%);
  background-image: -o-linear-gradient(top, #666666 0%, #666666 48%, #666666 49%, #666666 82%, #666666 100%);
  background-image: linear-gradient(top, #666666 0%, #666666 48%, #666666 49%, #666666 82%, #666666 100%);
  border-color: hsl(353, 7%, 42%);
  -webkit-box-shadow: inset 0 0 1px 1px #666666, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #666666, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #666666, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #666666;
  -moz-text-shadow: 1px 1px 1px #666666;
  -o-text-shadow: 1px 1px 1px #666666;
  text-shadow: 1px 1px 1px #666666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 15px 6px 15px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 12px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #666666;
  background-image: -webkit-linear-gradient(top, #666666 0%, #666666 48%, #666666 49%, #666666 82%, #666666 100%);
  background-image: -moz-linear-gradient(top, #666666 0%, #666666 48%, #666666 49%, #666666 82%, #666666 100%);
  background-image: -o-linear-gradient(top, #666666 0%, #666666 48%, #666666 49%, #666666 82%, #666666 100%);
  background-image: linear-gradient(top, #666666 0%, #666666 48%, #666666 49%, #666666 82%, #666666 100%);
  border-color: hsl(352, 8%, 45%);
  -webkit-box-shadow: inset 0 0 1px 1px #666666, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #666666, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #666666, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #666666;
  -moz-text-shadow: 1px 1px 1px #666666;
  -o-text-shadow: 1px 1px 1px #666666;
  text-shadow: 1px 1px 1px #666666;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #666666;
  background-image: -webkit-linear-gradient(top, #666666 0%, #666666 100%);
  background-image: -moz-linear-gradient(top, #666666 0%, #666666 100%);
  background-image: -o-linear-gradient(top, #666666 0%, #666666 100%);
  background-image: linear-gradient(top, #666666 0%, #666666 100%);
  padding: 7px 15px 5px 15px;
}