.button {
background:url(../img/tr_button_bg_left.gif) 0 1px no-repeat;	
display:block;
height:20px;
padding-top:0px;
padding-left:5px;
margin-right:3px;
color:#006dcf;
float:right;
text-decoration: none;
font-family: arial;
font-size: 1em;
}

.button span  {
background:url(../img/tr_button_bg_right.gif) 100% 0 no-repeat;
display:block;
font-size:10px;
line-height:11px;
font-weight:bold;
padding:5px 15px 6px 10px;
text-decoration: none;
}

.button:hover {
background-position: 0 -40px;
color:#FFF;
text-decoration: none;
color: #003399
}

.button:hover span {
background-position: 100% -39px;
text-decoration: none;
color: #FFF; 
font-weight:bold;
}