/* ********* ********* ********* ********* ********* */
/* BUTTONS */

/*
CSS button reference
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
*/

a.BTN {
    background-image: url('/images/button/GrayRgt.gif'); 
    background-repeat: no-repeat;
    background-position: center right;
    color: #444;
    font: normal 12px verdana, arial, sans-serif;
    height: 24px;
    line-height: 14px;
    margin-right: 6px;
    padding-right: 14px; /* sliding doors padding */
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
}

a.BTN span {
    background-image: url('/images/button/GrayLft.gif'); 
    background-repeat: no-repeat;
    xdisplay: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.BTN:hover {
    background-image: url('/images/button/RedRgt.gif'); 
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.BTN:hover span {
    background-image: url('/images/button/RedLft.gif'); 
    xpadding: 6px 0 4px 18px; /* push text down 1px */
}