/* BUTTONS */



.buttons a, .buttons button{

    display:block;



    text-align: center;

    margin: auto;	

    background-color:#f5f5f5;

    border:1px solid #dedede;

    border-top:1px solid #eee;

    border-left:1px solid #eee;



    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;

    padding:2px 7px 3px 4px; /* Links */

}

.buttons button{

    width:auto;

    overflow:visible;

    padding:1px 7px 1px 4px; /* IE6 */

}

.buttons button[type]{

    padding:2px 7px 2px 4px; /* Firefox */

    line-height:17px; /* Safari */

}

*:first-child+html button[type]{

    padding:1px 7px 1px 4px; /* 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:#dff4ff;

    border:1px solid #c2e1ef;

    color:#336699;

}

.buttons a:active{

    background-color:#6299c5;

    border:1px solid #6299c5;

    color:#fff;

}





/* POSITIVE */



button.positive, .buttons a.positive{

    color:#529214;

}

.buttons a.positive:hover, button.positive:hover{

    background-color:#E6EFC2;

    border:1px solid #C6D880;

    color:#529214;

}

.buttons a.positive:active{

    background-color:#529214;

    border:1px solid #529214;

    color:#fff;

}



/* NEGATIVE */



.buttons a.negative, button.negative{

    color:#d12f19;

}

.buttons a.negative:hover, button.negative:hover{

    background:#fbe3e4;

    border:1px solid #fbc2c4;

    color:#d12f19;

}

.buttons a.negative:active{

    background-color:#d12f19;

    border:1px solid #d12f19;

    color:#fff;

}