/* -------------------------------------------------------------- 

  

   buttons.css

   * Gives you some great CSS-only buttons.

   

   Created by Kevin Hale [particletree.com]

   * particletree.com/features/rediscovering-the-button-element



-------------------------------------------------------------- */



a.button, button {
  text-transform: uppercase;
  display:block;
  margin:0 0.583em 0.667em 0;
  padding:4px;   /* Links */
  border:1px solid #999;
  background-color:#fff;
  font-family: inherit;
 
  text-decoration:none;
  color:#565656;
  cursor:pointer;
  vertical-align:middle;
}


button {
font-size:1em;
  height:24px;
overflow:visible;
  padding:0px 10px 4px 7px;   /* IE6 */
  
}

button[type="submit"] {
    display: block;
    padding: 0px 6px;
    background-color: #fff;
    font-size: 1em;
    text-align: center;
    line-height: 2em;
    float: left;
    height: 26px;
}



button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}





/* Button colors

-------------------------------------------------------------- */



/* Standard */

button:hover, a.button:hover, a.button:active {

  background-color:#eee;

  border:1px solid #666;


}

/*

/* Positive */

body .positive {

  background-color:#b80d00;

  border:1px solid #b80d00;

  color:#fff;

  text-transform: uppercase;

}

a.positive:hover, button.positive:hover {

  background-color:#b80d00;

  border:1px solid #b80d00;

  color:#fff;

}

a.positive:active {

  background-color:#b80d00;

  border:1px solid #b80d00;

  color:#fff;

}



/* Negative */

body .negative {

  color:#d12f19;

}

a.negative:hover, button.negative:hover {

  background:#fbe3e4;

  border:1px solid #fbc2c4;

  color:#d12f19;

}

a.negative:active {

  background-color:#d12f19;

  border:1px solid #d12f19;

  color:#fff;

}