/* ————————————————————–
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;
}