/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

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

a.button, button, input[type=button], input[type=submit], input[type=reset] {
  position:relative;
  margin-top:5px;
  margin-right:5px;
  margin-bottom:5px;
  height: 25px;

  font-family: "trebuchet MS";
  font-size: 1em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 0;
  -moz-box-shadow: inset 0px 15px 10px rgba(250,250,250,0.7);
  -webkit-box-shadow: inset 0px 15px 10px rgba(250,250,250,0.7);

  background-image: none !important;
  background-color:#ccc !important;
  text-decoration:none;
  color:#565656 !important;
  cursor:pointer;
  white-space:nowrap;
  font-weight: normal;
}
input[type=button], input[type=submit], input[type=reset] {
  padding:1px 10px 3px 10px !important;
  top: -1px;
}
button {
  padding:0px 10px 2px 10px !important;
  top: -2px;
}
a.button {
  padding:3px 7px 3px 7px !important;
  top: -2px;
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
a.button img {
  vertical-align:-0.3em;
  margin:0px 5px 0 0;
  padding: 0;
  border:none !important;
  background: none !important;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;}
button img {
  vertical-align:-0.3em;
  margin:0px 5px 1px 0;
  padding: 0;
  border:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;}

/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover, input[type=button]:hover, input[type=submit]:hover {
  background-color:#abc !important;
  color:#336699  !important;
}
a.button:active {
  background-color:#fff !important;
  color:#fff;
}

/* Positive */
body .positive, input[type=submit] {
  color:#529214  !important;
}
a.positive:hover, button.positive:hover, input[type=button].positive:hover, input[type=submit]:hover {
  background-color:#bca !important;
  color:#529214  !important;
}
a.positive:active {
  background-color:#529214;
  color:#fff;
}

/* Negative */
body .negative , input[type=reset] {
  color:#d12f19  !important;
}
a.negative:hover, button.negative:hover, input[type=button].negative:hover, input[type=submit].negative:hover {
  background:#caa !important;
  color:#d12f19  !important;
}
a.negative:active {
  background-color:#d12f19;
  color:#fff;
}