<div style="padding: 30px; padding-left: 50px; margin-top: 5px; margin-left: 250px; background: url(${BG}pergament_big.png); background-size: 60% 100%; background-repeat:no-repeat;">
    <div class="lifecraft" padding-right: 10px;">
        <h3>${register_title}</h3>
        <form class="textbox" style="padding:10px" id="login_form">
            <div class="control-group">
                <div class="controls">
                    <input  type="text"
                            size="30"
                            style="margin-bottom: 10px;"
                            id="bt_login_user"
                            placeholder="${register_username}"
                            minlength="3" data-validation-minlength-message="${register_username_too_short}"
                            maxlength="16" data-validation-maxlength-message="${register_username_too_long}"
                            required data-validation-required-message="${register_username_required}"/>
                </div>
                <div class="controls">
                    <input  type="text"
                            size="30"
                            style="margin-bottom: 15px;"
                            id="bt_login_user"
                            placeholder="${register_email}"
                            minlength="3" data-validation-minlength-message="${register_username_too_short}"
                            maxlength="16" data-validation-maxlength-message="${register_username_too_long}"
                            required data-validation-required-message="${register_email_required}"/>
                </div>
                <div class="controls">
                    <input  type="password"
                            size="30"
                            style="margin-bottom: 10px;"
                            id="bt_register_password"
                            placeholder="${register_password}"
                            minlength="5" data-validation-minlength-message="${register_password_too_short}"
                            maxlength="16" data-validation-maxlength-message="${register_password_too_long}"
                            required data-validation-required-message="${register_password_required}"/>
                </div>        
                <div class="controls">
                    <input  type="password"
                            size="30"
                            style="margin-bottom: 10px;"
                            id="bt_register_password"
                            placeholder="${register_password_repeat}"
                            minlength="5" data-validation-minlength-message="${register_password_too_short}"
                            maxlength="16" data-validation-maxlength-message="${register_password_too_long}"
                            required data-validation-required-message="${register_password_required}"/>
                </div>        
                
        </form>
                                    <div id="register" style=""><a href="#"><img src="${BUTTONS}register.png"/></a></div>
    </div>
</div>