<style>
    footer, .tabs {
        display: none;
    }
</style>
<script src="app/modules/login/login.js"></script>
<header>
    <div class="header-wrapper">
        <h1>Imperia Online</h1>
        <a class="settings-img"></a>
    </div>
</header>
<div class="tabs"></div>

<div id="content">
    <div class="wrapper">
        <table class="table-nfix login-table">
            <tr>
                <td>str_username: </td>
                <td class="login-input">
                    <input type="text" id="username-input" class="full-width" />
                </td>
            </tr>
            <tr>
                <td>str_password: </td>
                <td class="login-input">
                    <input type="password" id="password-input" class="full-width" />
                </td>
            </tr>
        </table>
        <p>&nbsp;</p>
        <div class="margins">
            <button class="button half " id="register-button">str_register</button>
            <button class="button half" id="login-button">str_login</button>
        </div>
    </div>
</div>
<footer>
    <div class="footer-top-bg"></div>
    <div class="footer-orn"></div>
    <div class="footer-wrapper"></div>
</footer>
<script>
    windowHeight = (typeof windowHeight !== "undefined" ? undefined : $("html").height());
    appIO.helpers.layout.calculate(8, 0, 92, 0);
    appIO.helpers.layout.langSet("login");
    appIO.helpers.ui.autoRightFocus('#username-input');
</script>