/*  Kudos to Kevin Hale, http://particletree.com/features/rediscovering-the-button-element/ */
br.clear
{
    clear: both;
}
a.button, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #dedede;
  border-left:1px solid #dedede;

  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[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


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

/* Standard */
button:hover, a.button:hover{
  background-color:#E4F2FA;
  border:1px solid #73B5D1;
  color:#5A8DAA;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#57A305;
}
a.positive:hover, button.positive:hover {
  background-color:#bfe08e;
  border:1px solid #57A305;
  color:#000;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* DDB addition: next-positive */

div.next-positive-container
{
    margin: 20px 0;
    overflow: hidden;
}

div.next-positive-container div
{
    float: left;
    padding: 4px;
}

div.next-positive-container div button
{
    margin: 0px;
}

div.next-positive-container div.next-positive
{
    padding: 4px;
    background-color: #9fc666;
    float: right;
}

div.next-positive-container div.next-positive button
{
    margin: 0;
}

button span.icon
{
    font-size: 100%;
}





/* DDB addition: disabled buttons */
button[disabled]
{
    color: #dedede;
}

button[disabled]:hover
{
    color: #dedede;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
}