<div class="row"> <div class="span3"> <h4>Upcoming</h4> <div id="x-upcoming"/> </div> <div class=span9> <div id="x-calendar" class="calendar"/> <div class="legend calendar"> <ul class='legend-labels'> <li><span class="primary" title="Episode hasn't aired yet"></span>Unaired</li> <li><span class="warning" title="Episode is currently airing"></span>On Air</li> <li><span class="danger" title="Episode file has not been found"></span>Missing</li> <li><span class="success" title="Episode was downloaded and sorted"></span>Downloaded</li> </ul> </div> </div> </div>