<body style="margin: 0; padding: 10px 0; text-align: center; width: 100%; font-family: Arial, sans-serif; font-size: 14px; color: #5e5e5e; background-color: #dadada;">
    <div id="common_style" style="background-color: #fff; width: 680px; margin: 20px auto; text-align: left;">
        <div style="background-color: #fff; width: 600px; padding:0 40px;">
            <a href="http://www.onlyoffice.com/" style="text-decoration: none; margin: 0; padding: 0; display: block; width: 199px;">
                <img alt="ONLYOFFICE" style="border: 0; margin: 0; padding: 0; color: #5e5e5e; font-size: 28px; width: 199px; height: 72px; display: block;" src=%LOGO%>
            </a>
        </div>
        <div id="content">
            <table cellpadding="0" cellspacing="0" style="margin: 0; border-spacing: 0; empty-cells: show; word-wrap: break-word;">
                <tbody>
                    <tr>
                        <td style="width: 600px; background-color: #fff; padding:0 40px;">
                            <div style="font-family: Arial; font-size: 14px; color: #5e5e5e; background-color: #fff; padding: 40px 0; width: 600px; overflow: hidden; word-wrap: break-word;">
                                %CONTENT%
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            %FOOTER%

                <table cellpadding="0" cellspacing="0" style="background-color: #5e5e5e; margin: 0; padding: 0; border: 0; border-collapse: collapse; empty-cells: show; border-spacing: 0;">
                    <tr>
                        <td style="font-family: Arial; width: 680px; height: 108px; font-size: 11px; vertical-align: middle; margin: 0; padding: 0;">
                            <p style="font-family: Arial; font-size: 11px; color: #fff; margin: 11px 40px 10px; text-align: center; line-height: 20px;">%TEXTFOOTER%</p>
                        </td>
                    </tr>
                </table>
        </div>
    </div>
</body>