.break {
    /* a break between two rows of charts - a basic clearfix */
    clear:both;
    height:0;
    margin:0;
    padding:0;
}
.block .bd ul.inline_list {
    margin-left:0;
}
ul.inline_list li {
    display:inline-block;
}
ul.inline_list li:after {
    content: " /";
}
ul.inline_list li:last-child:after {
    content: none;
}
/* NEXT / PREVOUS LINKS */
ul.prevnext {
    text-align:right;
    margin: 0 0 1em;
}
ul.prevnext li {
    list-style:none;
    display:inline;
    width:49%;
}
ul.prevnext li a span {
    position:absolute;
    left:-9999em;
}
ul.prevnext li.prev {
    float:left;
    text-align:left;
}
/* MAIN CHART STYLE */
ul.chart li {
    position:relative;
    border-left:12px solid #ccc;
    background:#eee;
    margin-bottom:1px;
    padding:12px 75px 12px 2em;
    line-height:1.2;
    min-height:50px;
    list-style:none;
    font-size:26px;
    letter-spacing:-.05em;
}
ul.chart li.chart_list--audio {
    min-height:80px;
}
ul.chart div.ad_responsive,
ul.chart div.banner {
    padding:1em 0;
    margin-bottom:1px;
    background-color:#eee;
    text-align:center;
}
@media (max-width: 490px) {
    ul.chart div.banner {
        display:none;
    }
}
html.ie7 ul.chart li {
    float:left;
    clear:left;
}
ul.chart li.leaderboard {
    padding:12px;
    min-height:60px;
    border-left:none;
    text-align:center;
}
ul#number_ones li {
    padding-left:12px;
}
ul.chart li.up {
    border-left-color:#3fa219;
}
ul.chart li.down {
    border-left-color:#d01111;
}
ul.chart li.new {
    border-left-color:#0b83de;
}
ul.chart li.no-move {
    border-left-color:#ef9d00;
}
ul.chart li.re-entry {
    border-left-color:#8eb4df;
}
.col-md-8 ul.chart li .no { /* ie.css */
    position:absolute;
    top:12px;
    left:0;
    color:#333;
    font-weight:bold;
    display:block;
    min-width:50px;
    text-align:center;
}
html.ie6 .col-md-8 ul.chart li .no {
    width:50px;
}
.col-md-8 ul.chart li p {
    font-size:13px;
    font-family:Arial,Helvetica,sans-serif;
    letter-spacing:0;
    margin:2px 0 0 0;
}
ul.chart li p.buy {
    position:absolute;
    top:16px;
    right:12px;
    text-align:right;
}
p.buy a,
td.buy a {
    width: 59px;
    height: 18px;
    text-indent:-9999em;
    background: url(../i/itunes_btn_small_states.png) no-repeat 0 -18px;
    display:block;
    text-align:left;
    margin-bottom:6px;
}
p.buy a:hover,
td.buy a:hover,
p.buy a:focus,
td.buy a:focus {
    background-position: 0 0;
}
/* MINI CHARTS FOR SLIM COLUMNS */

.col-md-4 ul.chart li,
.col-md-6 ul.chart li {
    position:relative;
    border-style:solid;
    border-width:0 0 0 8px;
    background:#eee;    
    margin-bottom:1px;
    padding:6px 12px 6px 2em;
    list-style:none;
    font-size:13px;
    min-height:0;
    line-height:1.428571429;
}
.col-md-4 ul.chart li .no,
.col-md-6 ul.chart li .no {
    position:absolute;
    top:6px;
    left:0;
    color:#333;
    font-weight:bold;
    display:block;
    min-width:30px;
    text-align:center;
}
.col-md-4 ul.chart li p,
.col-md-6 ul.chart li p {
    display:none;
}
/* CHART STATS */
ul#movement {
    margin-left:0;
    padding:1em 15px;
    overflow:hidden;
}
ul.movement li {
    line-height:22px;
    list-style:none;
    float:left;
    background:transparent url(../i/sprite1.gif) no-repeat 2px 2px;
    padding: 1px 1.08em 1px 26px;
}
ul.activated li {
    padding:0 .75em 0 0;
}
ul.movement a {
    display:block;
    padding:1px .33em 1px 26px;
    background:transparent;
    color:#369;
}
ul.movement a.active {
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    background: #666 url(../i/sprite1.gif) no-repeat 2px 2px;
}
@media (max-width: 640px) {
    ul.movement li {
        width:33%;
        margin-bottom:.25em;
    }
    ul.movement a {
        display:inline-block;
    }
}
@media (max-width: 460px) {
    ul.movement li {
        width:50%;
    }
}
ul.movement li.up,
ul.movement li.up a.active {
    background-position:2px -138px;
}
ul.movement li.down,
ul.movement li.down a.active {
    background-position:2px -208px
}
ul.movement li.no-move,
ul.movement li.no-move a.active {
    background-position:2px -68px;
}   
ul.movement li.re-entry,
ul.movement li.re-entry a.active {
    background-position:2px -278px;
}

/* CHARTS - WINNERS AND LOSERS BOX */
#chart_summary h3,
#chart_summary p {
    font-size:13px;
    letter-spacing:0;
    margin:0 0 .23em; /* 3px from base 13 */
}
#chart_summary h3 span {
    font-weight:normal;
}
#chart_summary p {
    margin:0 0 13px 0;
}
/* ALL CHARTS NAV */
div.chart_archive .bd {
    overflow:hidden;
}
div.chart_archive h3, h4 {
    font-size:13px;
    margin:0 0 1em 0;
}
.js ul.all_charts {
    margin-left:0;
    padding-left:0;
    overflow:hidden;
}
.js ul.all_charts li {
    list-style:none;
    margin-left:0;
    float:left;
    clear:left;
}
.js ul.all_charts li a.expanded,
.js ul.all_charts li a.collapsed {
    padding-left:16px;
    background:transparent url(../i/sprite1.gif) no-repeat 0 -412px;
}
.js ul.all_charts li a.expanded:hover,
.js ul.all_charts li a.expanded:active,
.js ul.all_charts li a.expanded:focus,
.js ul.all_charts li a.collapsed:hover,
.js ul.all_charts li a.collapsed:active,
.js ul.all_charts li a.collapsed:focus {
    color:#003366;
    text-decoration:underline;
}
.js ul.all_charts li a.expanded {
    background-position:0 -349px;
}
ul.all_charts ul.day {
    margin-bottom:12px;
    float:left;
    width:254px;
    margin-left:0;
}
ul.charts_year ul.day {
    margin-left:0;
}
ul.charts_year ul.month li {
    clear:left;
}
ul.charts_year ul.day {
    overflow:hidden;
}
ul.charts_year ul.month h4 {
    margin-top:1em;
}
ul.all_charts ul.day li,
ul.charts_year ul.day li {
    list-style:none;
    clear:none;
    float:left;
    margin:0 1px 1px 0;
}
ul.all_charts ul.day li a,
ul.all_charts ul.day li em,
ul.charts_year ul.day li a,
ul.charts_year ul.day li em {
    background-color:#dadada;
    display:block;
    float:left;
    width:2em;
    padding:.31em 0 .23em 0;
    text-align:center;
    border:#666;
}
ul.all_charts ul.day li em {
    background-color:transparent;
    font-weight:bold;
}
ul.chart_month li {
    margin-bottom:20px;
}
ul.chart_month li h3 {
    margin-bottom:2px;    
}

/* genre charts */
ul.genre_chart li {
    padding-right:120px;
}
ul.genre_chart li p.buy {
    text-align:left;
    width:106px;
}
ul.genre_chart p.buy a {
    position:relative;
    top:-2px;
    float:right;
}