<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>