.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('http://blog.tafticht.com/img/bg_button_a.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    font-weight:bold;
    height: 34px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button p {
    background: transparent url('http://blog.tafticht.com/img/bg_button_span.gif') no-repeat;
    display: block;
	margin:0;
	padding:0;

}

a.button span {
    background: transparent url('http://blog.tafticht.com/img/bg_button_p.gif') repeat;
    display: block;
    line-height: 24px;
	margin: 0 0 0 18px;
    padding: 5px 0 5px 0px;
}



a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active p{
    background-position: bottom left;
    padding:0; /* push text down 1px */
	margin:0px;

}

a.button:active span {
    background-position: bottom;
	margin: 0 0 0 18px;
    padding: 5px 0 5px 0px;  /* push text down 1px */
}