<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css">
/* CLIENT-SPECIFIC STYLES */
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { -ms-interpolation-mode: bicubic; }

/* RESET STYLES */
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
table { border-collapse: collapse !important; }
body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }

/* iOS BLUE LINKS */
a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* MEDIA QUERIES */
@media screen and (max-width: 600px) {
    .mobile-hide {
        display: none !important;
    }
    .mobile-center {
        text-align: center !important;
    }
    .mobile-table {
        width: 100% !important;
    }

    .mobile-layout {
        padding: 15px 20px 20px 20px!important;
    }
    .mobile-icon {
      width: 40px!important;
    }

}

/* ANDROID CENTER FIX */
div[style*="margin: 16px 0;"] { margin: 0 !important; }
</style>
</head>
<body style="margin: 0 !important; padding: 0 !important; background-color: #eeeeee;" bgcolor="#eeeeee">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td align="center" style="background-color: #eeeeee;" bgcolor="#eeeeee">
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600px" class="mobile-table">
                <tr>
                    <td align="center" valign="top" style="font-size:0;">
                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="250" class="mobile-table">
                            <tr>
                                <td align="left" valign="top" style="font-family: sans-serif; font-size: 36px; font-weight: 800;" class="mobile-center">
                                    <a style="font-family: sans-serif; font-size: 36px; font-weight: 800; display: block;" href="^CLOUDURL^"><img src="^CLOUDURL^/core/getcustomimage?type=login" border="0" style="border:none;" alt="FileCloud" /></a>
                                </td>
                            </tr>
                        </table>
                        <table align="right" border="0" cellpadding="0" cellspacing="0" width="250" class="mobile-hide">
                            <tr>
                                <td align="right" valign="top" style="font-family: sans-serif; font-size: 48px; font-weight: 400;">
                                    <table cellspacing="0" cellpadding="0" border="0" align="right">
                                        <tr>
                                            <td style="height:20px; font-size: 1px; line-height: 0" height="20">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p style="font-size: 14px; margin: 0; color: #ffffff;"><a href="^CLOUDURL^" target="_blank" style="font-family: sans-serif; color: #0278ad; text-decoration: none;">^CLOUDURL^</a>&nbsp;&nbsp;&nbsp;&nbsp;</p>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td align="center" class="mobile-layout" style="padding: 15px 35px 20px 35px; background-color: #ffffff;" bgcolor="#ffffff">
                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tr>
                                <td align="left" style="font-family: sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding-top: 10px;">
                                    <p style="font-size: 16px; font-weight: 400; line-height: 24px; color: #2a2a2a;">
                                        The following new activity has occurred. You can always add or remove file change notifications for individual folders through the FileCloud interface.
                                    </p>
                                </td>
                            </tr>
                            ^PATHLIST^
                            
                            <tr>
                                <td align="left" style="font-family: sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding-top: 10px;">
                                    <p style="font-size: 16px; font-weight: 400; line-height: 24px; color: #2a2a2a;">
                                        <a href="^CLOUDURL^" style="text-decoration:none; color: #0278ad">Log in to FileCloud</a> using your existing account to access your shared files.
                                    </p>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</body>
</html>