<div class="forabg">
    <div class="inner">
        <ul class="topiclist">
            <li class="header">
                <dl class="icon">
                    <dt>
                    <div class="list-inner">{L_AJAX_SHOUTBOX}</div>
                    </dt>
                </dl>
            </li>
        </ul>
        <!-- IF S_CAN_POST_SHOUT -->
        <form action="{U_SUBMIT_SHOUTBOX}" id="ajaxshoutbox_post" method="post">
            <input type="hidden" name="sid" value="{SESSION_ID}" />
            {S_FORM_TOKEN}
            <ul class="topiclist ajaxshoutboxpost forums">
                <li class="row">
                    <dl />
                        <dt style='width:100%!important;'>{L_AJAX_SHOUTBOX_MESSAGE}{L_COLON} <input type="text" name="text_shoutbox" id="text_shoutbox" >
                            <input type="submit" name="submit" value="{L_SUBMIT}" class="button2" id="submit_shoutbox" style='display:none;'>
                        </dt>
                        <dd><div class="ajaxshoutbox_loadingbar" id="ajaxshoutbox_loadbefore"></div></dd>
                    </dl>
                </li>
            </ul>
        </form>
        <!-- ENDIF -->
        <!-- INCLUDEJS @paul999_ajaxshoutbox/js/ajax_shoutbox.js -->
        <script>
            var AJAX_SHOUTBOX_POSTS = "{UA_GET_POST_ACTION}";
            var AJAX_SHOUTBOX_POSTS_NEW = "{UA_GET_POST_ACTION_NEW}";
            var AJAX_SHOUTBOX_POSTS_OLD = "{UA_GET_POST_ACTION_OLD}";
        </script>
        <noscript>
            <ul class="topiclist forums">
                <li class="row">
                    <dl>
                        <dt>{L_NO_JS}</dt>
                    </dl>
                </li>
            </ul>
        </noscript>
        <div id="shoutbox_scroll">
            <ul class="topiclist shoutboxlist forums" id="shoutbox_content">
                <li class="row" id="copy">
                    <dl>
                        <dt data-type="user" class="ajaxshoutbox_user"></dt>
                        <dt data-type="date" class="ajaxshoutbox_date"></dt>
                        <dt data-type="delete" class="ajaxshoutbox_delete">
                            <form action="{U_DELETE_SHOUTBOX}" data-type="submit-delete" method="post">
                                <input type="hidden" name="sid" value="{SESSION_ID}" />
                                <input data-type="delete-id" type="hidden" name="id" value="" />
                                <input data-type="delete-form-time" type="hidden" name="creation_time" value="" />
                                <input data-type="delete-form-token" type="hidden" name="form_token" value="" />
                                <input type="submit" name="delete" value="{L_DELETE}" class="button2" />
                            </form>
                        </dt>
                        <dd style='width:85%;' data-type="message" class="ajaxshoutbox_message"></dd>
                    </dl>
                </li>
            </ul>
            <ul class="topiclist waitinglist forums" id="ajaxshoutbox_loadafter">
                <li class="row">
                    <dl>
                        <dt><div class="ajaxshoutbox_loadingbar"></div></dt>
                    </dl>
                </li>
            </ul>
        </div>

    </div>
</div>