/* -------------------------------------------------------------- 
  
   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.button {
  display: inline;/*block;*/
  /*float:left;*/
  margin: 0.2em 0.5em 0.2em 0 !important;
  padding: 0.5em 1em 0.5em 0.7em !important;/*acc*/   /* Links */
  
  border:0.1em solid #dedede !important;/*acc*/
  border-top:0.1em solid #eee;/*acc*/
  border-left:0.1em solid #eee;/*acc*/

  background-color: #dddddd;/*#f5f5f5;*/
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130% !important;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
a.button, button, input.button {
  width:auto;
  overflow:visible;
  padding:0.4em 1em 0.3em 0.7em !important;/*acc*/   /* IE6 */
}
button[type] {
  padding:0.4em 1em 0.4em 0.7em;/*acc*/   /* Firefox */
  line-height:1.7em;/*acc*/           /* Safari */
}
*:first-child+html button[type] {
  padding:0.4em 1em 0.3em 0.7em;/*acc*/   /* IE7 */
}
button img, a.button img {
  margin:0 0.3em -0.3em 0 !important;/*acc*/
  padding:0;
  border:none;
  width:1.6em;/*acc*/
  height:1.6em;/*acc*/
  float:none;
}

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

/* Standard */
button:hover, a.button:hover, input.button:hover{
  background-color: #eeeeee;
  border:0.1em solid #dddddd;/*acc*/
  color: #565656;
}
a.button:active, input.button:active{
  background-color:#a8a9ad;
  border:0.1em solid #E6EFC2;/*#a8a9ad*/
  color:#fff;
}
a.positive:hover, button.positive:hover, input.button.positive:hover {
  background-color:#E6EFC2;
  border:0.1em solid #C6D880;/*acc*/
  color:#529214;
}
a.positive:active, input.button.positive:active {
  background-color:#529214;
  border:0.1em solid #E6EFC2;/*acc #529214*/
  color:#fff;
}
a.negative:hover, button.negative:hover, input.button.negative:hover {
  background-color:#fbe3e4;
  border:0.1em solid #fbc2c4;/*acc*/
  color:#d12f19;
}
a.negative:active, input.button.negative:active {
  background-color:#d12f19;
  border:0.1em solid #fbe3e4;/*acc #d12f19*/
  color:#fff;
}