.buttonleftborder {
	float: left;
	border: 0;
}

.buttonrightborder {
	float: right;
	border: 0;
}


A.button {
	display: block;
	outline: 0;
	text-decoration: none;
	text-align: center;
	height: 20px;
	line-height: 20px; 
	background-repeat: repeat-x;
	background-image:url(../images/css_buttons/bkd.gif);
	margin: 2px;
	color: #000000;
}

A.button .RO {
     display: none;
}

A.button:active {
	font-weight: bold;
}

/* HOVER STATES */
A.button:hover {
	cursor: pointer;
	background-image:url(../images/css_buttons/bkd_RO.gif);
}

A.button:hover .RU { 
	display: none;
}

A.button:hover .RO { 
	display: inline;
}

/*
<!--
<a href="" style="width: 90px;" class="button"><img src="../images/css_buttons/lft.gif" class="buttonleftborder RU" /><img src="../images/css_buttons/lft_RO.gif" class="buttonleftborder RO" /><img src="../images/css_buttons/rht.gif" class="buttonrightborder RU" /><img src="../images/css_buttons/rht_RO.gif" class="buttonrightborder RO" />text</a> 
-->

/*