HTML generated by ColorBox

colorbox.html

<div id="cboxOverlay"></div>
<div id="colorbox">
    <div id="cboxWrapper">
        <div>
            <div id="cboxTopLeft" style="float: left;"></div>
            <div id="cboxTopCenter" style="float: left;"></div>
            <div id="cboxTopRight" style="float: left;"></div>
        </div>
        <div style="clear: left;">
            <div id="cboxMiddleLeft" style="float: left;"></div>
            <div id="cboxContent" style="float: left;">
                <div id="cboxLoadedContent">
                    <img class="cboxPhoto" />
                    <!-- <iframe class="cboxIframe"></iframe> -->
                    <!-- <div id="cboxError">This image could not be loaded</div> -->
                </div>
                <div id="cboxLoadingOverlay"></div>
                <div id="cboxLoadingGraphic"></div>
                <div id="cboxTitle">Lorem ipsum dolor sit amet</div>
                <div id="cboxCurrent">image 1 of 20</div>
                <button id="cboxNext">next</button>
                <button id="cboxPrevious">previous</button>
                <button id="cboxSlideshow">stop slideshow</button>
                <button id="cboxClose">close</button>
            </div>
            <div id="cboxMiddleRight" style="float: left;"></div>
        </div>
        <div style="clear: left;">
            <div id="cboxBottomLeft" style="float: left;"></div>
            <div id="cboxBottomCenter" style="float: left;"></div>
            <div id="cboxBottomRight" style="float: left;"></div>
        </div>
    </div>
    <div style="position: absolute; width: 9999px; visibility: hidden; display: none; "></div>
</div>