#percent { 
position:relative; 
left:45%; 
top:15px;
color:#8BA1BC;
font-weight: bold; 
} 

#rateLeft { 
float:left; 
height:16px; 
border-top:1px solid #C0CCD9; 
background-color:#DAE2E8; 
} 

#rateRight { 
float:left; 
height:16px; 
border-top:1px solid #ECECEC; 
border-right:1px solid #EEE; 
background-color:#FAFAFA; 
}

#percentSilver { 
position:relative; 
left:45%; 
top:15px;
color:#AAA26C;
font-weight: bold; 
} 

#rateLeftSilver { 
float:left; 
height:16px; 
border-top:1px solid #CCC490; 
background-color:#E0D7A3; 
} 

#rateRightSilver { 
float:left; 
height:16px; 
border-top:1px solid #E2DAA6; 
border-right:1px solid #EEE; 
background-color:#F5EBBB; 
}

#percentGold { 
position:relative; 
left:45%; 
top:15px;
color:#FFF2C8;
font-weight: bold;
} 

#rateLeftGold { 
float:left; 
height:16px; 
border-top:1px solid #8D7A38; 
background-color:#B19A52; 
} 

#rateRightGold { 
float:left; 
height:16px; 
border-top:1px solid #A59250; 
border-right:1px solid #EEE; 
background-color:#C9B36E; 
}