<html>
<head>
    <meta http-equiv="Content - Type" content="text/html; charset=utf-8">
</head>
<body>
    <div class="preheader" style="font-size: 1px; display: none !important;"><%= config.siteName %> | <%= title %></div>
    <table width="100%" cellspacing="0" style="text-align: center;border:none;background-color: #ffffff;color:#000;font-family: Helvetica, Arial, sans-serif;line-height: 150%;">
        <tbody>
            <tr>
                <td align="center" valign="top">
                    <div>
                        <table cellspacing="0" cellpadding="0" style="border:none;">
                            <tbody>
                                <tr>
                                    <td width="600" style="border-bottom:10px solid #e3e3e3e3;">
                                        <table width="600" cellpadding="0" cellspacing="0">
                                            <tbody>
                                                <tr>
                                                    <td width="<%= config.siteLogo?.url ? '250' : '0' %>" height="113" align="center">
                                                        <% if (config.siteLogo?.url) { %><img src="<%= config.imgThumbnail %>" alt="<%= config.siteName %>" title="<%=config.siteName %>" width="250" height="113" border="0"><% } %>
                                                    </td>
                                                    <td style="<%= config.siteLogo?.url ? 'padding-left:20px;' : '' %>padding-top:30px;">
                                                        <h2><% if (!config.siteLogo?.url) { %><%= config.siteName %> <%} %></h2>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <hr>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="600" class="defaultText" style="font-size: 14px;color: #333333;line-height: 150%;font-family: Helvetica;background-color: #FFFFFF;padding: 10px 0;"> <br />
                                        <%- body %>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <table width="600" cellpadding="0" cellspacing="0" style="margin-top:20px;">
                        <tbody>
                            <tr>
                                <td colspan="4" align="left" valign="top" style="padding-bottom:10px;border-bottom:10px solid #e3e3e3e3; border-top:10px solid #e3e3e3e3">
                                    <hr>
                                    <div style="font-size:11px"><br><a href="<%= rootUrl %>"><%= config.siteName %></a><br> </div>
                                    <div style="font-size:11px">Please do not reply to this e-mail. This e-mail address is not monitored.</div>
                                </td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>