.chartlist a { 
    color: #2D7BB2; 
    text-decoration: none; 
    font-weight: bold; 
}

.chartlist a:hover { 
    color: #333; 
}

.section { 
    float: center; 
    clear: left; 
    width: 100%; 
}

.chartlist { 
    float: left; 
    border-top: 1px solid #EEE; 
    width: 100%; 
}

.chartlist li { 
    position: relative; 
    display: block; 
    border-bottom: 1px solid #EEE; 
    zoom: 1; /* for IE compatibility */
}

.chartlist li a { 
    display: block; 
    padding: 0.4em 4.5em 0.4em 0.5em; 
    position: relative;  
    z-index: 2;
}

.chartlist .count { 
    display: block; 
    position: absolute; 
    top: 0; 
    right: 0; 
    margin: 0 0.3em; 
    text-align: right; 
    color: #999; 
    font-weight: bold; 
    font-size: 0.875em; 
    line-height: 2em;  
    z-index: 2;
}

.chartlist .count2 { 
    display: block; 
    position: absolute; 
    top: -0.3em; 
    right: 0; 
    margin: 0 0.3em; 
    text-align: right; 
    color: #999; 
    font-weight: bold; 
    font-size: 0.875em; 
    line-height: 2em;  
    z-index: 2;
}

.chartlist .index { 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    text-indent: -9999px; 
    overflow: hidden; 
    line-height: 2em;
}
