.buttons a, .buttons button{
  display:block;
  float:left; 
  margin:0 7px 0 0;
  background-color:#ffffcc;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#333333;
  cursor:pointer;
  padding:5px 10px 6px 7px; /* Links */
  white-space: nowrap;
}

.buttons em {
  margin:0; 
  padding: 0.1em 0.5em;
  font-size: 130%;
  font-style: normal;  
}

.buttons button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}
*:first-child+html button[type]{
  padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover {
  background-color:#ffcc99;
  border:1px solid #c2e1ef;
  color:#000000;
}

/* POSITIVE */

button.positive, .buttons a.positive {
  /* background: #ffcc00; */ /* yella */
  background: #99ff99; /* green */
}

.buttons a.positive:hover, button.positive:hover{
  background-color:#ffcc99;
  border:1px solid #C6D880;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}

/* SUPER */

button.super, .buttons a.super {
  background: #009933;
  color: #ffffff;
}

.buttons a.super:hover, button.super:hover{
  background-color:#ffcc99;
  color: #000000;
  border:1px solid #C6D880;
}

/* DISABLED */

.buttons a.disabled, button.disabled, .buttons a.disabled:hover, button.disabled:hover, .buttons a.disabled:active {
  color: #aaaaaa;
  background: #efefef; 
  border:1px solid #dedede;
  cursor:default;

}