div.buttons { padding:1em; }

.buttons a, .buttons button, a.button {
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
float: left;
margin: 0em .7em 0 0;
text-decoration: none;
background-color: #f5f5f5;
border: 1px solid #dedede;
border-right: 1px solid #bbb;
border-bottom: 1px solid #BFBFBF;
padding: 5px 10px 6px 10px;
display: block;
cursor: pointer;
font-size: 100%;
line-height: 130%;
color: #333;
font-weight: bold;
}
a.button {
float: none;
display: inline;
display: inline-block;
}
.buttons button {
width: auto;
overflow: visible;
font-weight: bold;
padding: 4px 10px 3px 7px;
}
.buttons button[type] {
width: auto;
padding: 5px 10px 5px 7px;
line-height: 17px;
}
*:first-child+html .buttons button[type] {
padding: 4px 10px 3px 7px;
}
.buttons button img, .buttons a img, a.button img {
margin: 0 0px -3px 0 !important;
}
.buttons button:hover, .buttons a:hover, a.button:hover {
background-color: #dff4ff;
border: 1px solid #A7CEDF;
color: #336699;
}
.buttons a:active, a.button:active {
background-color: #6299c5;
border: 1px solid #6299c5;
color: #fff;
}

button.smaller {font-size:80%;}
button.lighter { background-color:#fff; }

button.positive, a.positive {
color: #529214;
}
a.positive:hover, button.positive:hover {
background-color: #E9EFD1;
border: 1px solid #AACF81;
color: #529214;
}
a.positive:active {
background-color: #529214;
border: 1px solid #529214;
color: #fff;
}
a.negative, button.negative {
color: #d12f19;w
}
a.negative:hover, button.negative:hover {
background: #fbe3e4;
border: 1px solid #EF959B;
color: #d12f19;
}
a.negative:active {
background-color: #d12f19;
border: 1px solid #d12f19;
color: #fff;
}
.buttons a em, .buttons button em, a.button em {
font-weight: normal;
font-style: normal;
}
.info .buttons {
float: right;
margin: 6px 0 0 0;
padding: 0;
}
.info .buttons a, .info .buttons button {
margin: 0 0 0 .7em;
}