fancybox

<div id="fancybox-outer">
<div id="fancy-bg-n" class="fancy-bg"></div><div id="fancy-bg-ne" class="fancy-bg"></div><div id="fancy-bg-e" class="fancy-bg"></div><div id="fancy-bg-se" class="fancy-bg"></div><div id="fancy-bg-s" class="fancy-bg"></div><div id="fancy-bg-sw" class="fancy-bg"></div><div id="fancy-bg-w" class="fancy-bg"></div><div id="fancy-bg-nw" class="fancy-bg"></div><div id="fancybox-inner" style="top: 10px; left: 10px; width: 592px; height: 508px; overflow: auto;">
<div id="fancyboxOuter"> <!-- style="display: none;" -->
<div id="m">
    <div class="clearfix">
        <form id="myForm" method="post" action="/cart/">
            <div class="clearfix">
                <label for="">From:</label>
                <input type="text" name="from">
                <label for="">To:</label>
                <input type="text" name="to">
                <label for="">message:</label>
                <input type="text" name="message">
            </div>
            <div class="clearfix" id="Actions">
                    <button name="submitted" type="submit" id="submit">Invite</button>
            </div>
        </form>
    </div>
</div>
</div>
</div>
<a id="fancybox-close" style="display: inline;"></a>
<a id="fancybox-left" href="javascript:;" style="display: none;">
<span id="fancybox-left-ico" class="fancy-ico"></span></a>
<a id="fancybox-right" href="javascript:;" style="display: none;">
<span id="fancybox-right-ico" class="fancy-ico"></span></a>

</div>