/* ————————————————————–

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.

————————————————————– */

button {

display:block;
float:left;
margin:0 0.583em 0.667em 0;
padding:5px 10px 5px 7px;   /* Links */

border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;

background-color:#f5f5f5;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;

} button {

width:auto;
overflow:visible;
padding:4px 10px 3px 7px;   /* IE6 */

} button {

padding:4px 10px 4px 7px;   /* Firefox */
line-height:17px;           /* Safari */

} *:first-child+html button {

padding:4px 10px 3px 7px;   /* IE7 */

} button img {

margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
float:none;

}

/* Button colors ————————————————————– */

/* Standard */ button:hover {

background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;

}

/* Positive */ body .positive {

color:#529214;

} button.positive:hover {

background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;

}

/* Negative */ body .negative {

color:#d12f19;

} button.negative:hover {

background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;

}