.buttons {
  padding-top:1em;
}

.buttons button{
    margin:0 1em 0 0;
    background-color:#f0f0f0;
    border:1px solid #888;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-family:sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#505050;
    cursor:pointer;
    padding:5px 10px 6px 18px; /* Links */
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:5px 10px 5px 18px; /* IE6 */
}

.buttons button[type ^="submit"]{
    padding:5px 10px 5px 18px; /* Firefox */
    line-height:17px; /* Safari */
    color:green;
    background-color:#dbdbdb;
    background: transparent url(/images/tick.png) no-repeat left center;
}

.buttons button[type ^="submit"]:hover{
    color:green;
    background-color:#E6EFC2;
}

.buttons button[type ^="reset"]{
    padding:5px 10px 5px 18px; /* Firefox */
    line-height:17px; /* Safari */
    color: red;
    background-color:#f0f0f0;
    background: transparent url(/images/cross.png) no-repeat left center;
}

.buttons button[type ^="reset"]:hover{
    background-color:#fbe3e4;
    color:red;
}

*:first-child+html button[submit]{
    padding:5px 10px 5px 18px; /* IE7 */
}

*:first-child+html button[reset]{
    padding:5px 10px 5px 18px; /* IE7 */
}