.timeline-nav { border-bottom: 1px solid #ccc; padding: 0px 15px; }
.timeline-nav ul { list-style-type: none; overflow: hidden; zoom: 1; margin: 0; padding : 0; position: relative; margin-bottom: -1px; }
.timeline-nav ul li { float: right; padding: 5px 0; margin-right: 5px; width: 87px; height: 18px; background: transparent url(//assets.bravenet.com/common/images/counter/graph_tab_off.gif) left top; }
.timeline-nav ul li.active { background-image: url(//assets.bravenet.com/common/images/counter/graph_tab_on.gif); }
.timeline-nav ul li a { display: block; width: 87px; height: 28px; text-align: center;  }
.timeline-nav ul li a, .timeline-nav ul li a:visited { text-decoration: none; color: #666; }
.timeline-nav ul li.active a { color: #000; }

.days-nav { border-bottom: 1px solid #ccc; padding: 0px 15px; }
.days-nav ul { list-style-type: none; overflow: hidden; zoom: 1; margin: 0; padding : 0; position: relative; margin-bottom: -1px; }
.days-nav ul li { float: right; padding: 5px 0; margin-right: 5px; width: 45px; height: 18px; background: transparent url(//assets.bravenet.com/common/images/counter/days_tab_off.gif) left top; }
.days-nav ul li.active { background-image: url(//assets.bravenet.com/common/images/counter/days_tab_on.gif); }
.days-nav ul li a { display: block; width: 45px; height: 28px; text-align: center;  }
.days-nav ul li a, .timeline-nav ul li a:visited { text-decoration: none; color: #666; }
.days-nav ul li.active a { color: #000; }

.days-nav ul li.wide a { width: 87px; }
.days-nav ul li.wide { width: 87px; background-image: url(//assets.bravenet.com/common/images/counter/graph_tab_off.gif); }
.days-nav ul li.wide.active { width: 87px; background-image: url(//assets.bravenet.com/common/images/counter/graph_tab_on.gif); }