/*
 * CHART LIST CSS by Wilson Miner
 * http://alistapart.com/articles/accessibledatavisualization
 */
    .chartlist { 
      float: left; 
      width: 100%;
	  margin:0;
	  padding:0;	  
    }
    .chartlist li { 
      position: relative;
      display: block; 
      padding: 0.4em 4.5em 0.4em 0.5em; 
	  font-size:1.2em;
	  color:#333;
      border-bottom: 1px solid #EEE; 
      _zoom: 1;
    }
	.chartlist li.head{
		font-size:1.3em;
		color:#666;
		height:15px;
		border-bottom:2px solid #ccc;
	}
    .chartlist li a {       
      position: relative; 
      z-index: 2; 	  
	  color:#333;
    }
	.chartlist li a:hover{
		text-decoration:underline;
	}
    .chartlist .count, .chartlist .head_count{ 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right;            
	  z-index:100;
    }
	.chartlist .head_index{
	  display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      margin: 0 0.3em; 
      text-align: left;
	}
	
	.chartlist .count{
	  font-size: 0.875em; 
      line-height: 2em; 
	  font-weight: bold; 
	}
	.chartlist.rosa .count{
		color: #ffcc00; 
	}
	.chartlist.azul .count{
		color: #3366CC; 
	}	
    .chartlist .index { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #d1e5f6; 
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
    }
    .chartlist li:hover { 
      background: #EFEFEF; 
    }