/* ********* ********* ********* ********* ********* */
/* 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 */
} 


/* ********* ********* ********* ********* ********* */
/* LinkButtons */
.LinkButton	    { margin: 5px; padding: 2px; }
.LinkButton a:link, .LinkButton a:visited, .LinkButton a:active 
{
	background-color: #f0f0f0; 
	color: #000000; 
  	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	border-style: solid;
	border-width: 2px;
	/* width: 100px; */ 
	padding: 5px;
	text-decoration: none;
}
.LinkButton a:hover 
{
	color: #ffa000;
	background-color: #f0f0f0; 
}