
ol.chartlist,
ul.chartlist,
ol.timeline,
ul.timeline {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

/*---------------------------------------------------------------------------------------
/* CHART LIST */

.chartlist { 
  float: left; 
  border-top: 1px solid #EEE; 
  width: 90%;
}
.chartlist li { 
  position: relative;
  display: block;  
  border-bottom: 1px solid #EEE; 
  _zoom: 1;
}
.chartlist li a { 
  display: block; 
  padding: 0.4em 4.5em 0.4em 0.5em;
	font-weight: bold;
  position: relative; 
  z-index: 2;
	text-decoration: none;
}
.chartlist .count { 
  display: block; 
  position: absolute; 
  top: 0; 
  right: 0; 
  margin: 0 0.3em; 
  text-align: right; 
  color: #666; 
  font-weight: bold; 
  font-size: 0.875em; 
  line-height: 2em;
	z-index: 1;
}
.chartlist .index { 
  display: block; 
  position: absolute; 
  top: 0; 
  left: 0; 
  height: 100%; 
  background: #B8E4F5; 
  text-indent: -9999px; 
  overflow: hidden; 
  line-height: 2em;
	z-index: 0;
}
.chartlist li:hover {
  background: #EFEFEF; 
}
.chartlist li:hover a {
  color: #000;
	text-decoration: underline;
}

/* TIMELINE CHARTS */
.timeline { 
  font-size: 0.75em; 
  height: 10em; 
	width: 90%;
  /*width: 40em;*/
}
.timeline li { 
  position: relative;
  float: left;
  width: 1em; 
  margin: 0 0.1em;
  height: 8em; 
}
.timeline li a { 
  display: block;
  height: 100%;  
}
.timeline li .label { 
  display: block; 
  position: absolute; 
  bottom: -2em; 
  left: 0; 
  background: #fff; 
  width: 100%; 
  height: 2em; 
  line-height: 2em; 
  text-align: center;
}
.timeline li a .count { 
  display: block; 
  position: absolute; 
  bottom: 0; 
  left: 0; 
  height: 0; 
  width: 100%; 
  background: #AAA; 
  text-indent: -9999px; 
  overflow: hidden; 
}
.timeline li:hover { 
  background: #EFEFEF; 
}
.timeline li a:hover .count { 
  background: #2D7BB2; 
}

/* SPARKLINES */
.sparkline { 
  float: left; 
  height: 1em;
  margin: 0 0.5em;
}
.sparkline .index { 
  position: relative;
  float: left; 
  width: 2px; 
  height: 100%; 
}
.sparkline .index .count { 
  display: block; 
  position: absolute; 
  bottom: 0; 
  left: 0; 
  width: 100%; 
  height: 0; 
  background: #AAA;
  overflow: hidden; 
  text-indent: -9999px;
}

/* SPARKLINE LISTS */
.sparklist li { 
  padding: 0.4em 0; 
}
