Commits

Matt Ryall committed 6404673 Merge

Merged in fakraemer/botocss (pull request #4)

Expose the JSoup document via a callback

Comments (0)

Files changed (10)

 *.ipr
 *.iml
 *.iws
+\.classpath
+\.project
+\.settings
+dependencies\.txt\.tmp
         <dependency>
             <groupId>com.atlassian.botocss</groupId>
             <artifactId>botocss</artifactId>
-            <version>2.0</version>
+            <version>3.0</version>
         </dependency>
 
     This dependency is hosted in the [atlassian-contrib](https://maven.atlassian.com/content/repositories/atlassian-contrib/) Maven repository.
             output.add(Botocss.inject(html, styles));
         }
 
+By default, Botocss will use output settings optimized for production use. This means there will be no linefeeds and no whitespace indentation between tags. If you want to output in a more human-readable fashion, 
+
 ### Notes
 
 Styles included in the document take precedence over those that appear in external stylesheets, as they would in CSS. Style blocks in the markup are left there for user agents that support them.
 * [jsoup](http://jsoup.org/) - HTML parsing and manipulation - MIT license
 * slf4j-api (and a compatible sfl4j implementation at runtime) - MIT license
 * antlr-runtime (required by jStyleparser) - BSD license.
+* [Guava](https://code.google.com/p/guava-libraries/) - ASF license
 
 Botocss also requires a JAXP (XML parsing) implementation like Xerces on the classpath. This is usually provided by the JDK, but you might require the library at runtime if running in certain web application containers.
 
 antlr:antlr:2.7.7:jar:-:runtime|org.antlr:antlr-runtime:jar:3.4|{sha1}83cd2cd674a217ade95a4bb83a8a14f351f48bd0
+com.google.guava:guava:14.0.1:jar:-:compile||{sha1}69e12f4c6aeac392555f1ea86fab82b5e5e31ad4
 junit:junit:4.7:jar:-:test||{sha1}d9444742a5b897c6280724a49f57a8155517d21f
 log4j:log4j:1.2.16:jar:-:runtime||{sha1}7999a63bfccbc7c247a9aea10d83d4272bd492c6
 net.sourceforge.cssbox:jstyleparser:1.4:jar:-:compile||{sha1}ddfce55609870ae7f9134d4643305e8053fbf5dd
             <artifactId>jsoup</artifactId>
             <version>1.7.2</version>
         </dependency>
+        
+        <dependency>
+            <groupId>com.google.guava</groupId>
+            <artifactId>guava</artifactId>
+            <version>14.0.1</version>
+        </dependency>
 
         <dependency>
             <groupId>net.sourceforge.cssbox</groupId>

src/main/java/com/atlassian/botocss/Botocss.java

 package com.atlassian.botocss;
 
-import cz.vutbr.web.css.*;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.regex.Pattern;
+
+import com.google.common.base.Function;
+
 import org.jsoup.Jsoup;
 import org.jsoup.nodes.Document;
 import org.jsoup.nodes.Element;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 
-import java.util.ArrayList;
-import java.util.List;
-import java.util.regex.Pattern;
+import cz.vutbr.web.css.CombinedSelector;
+import cz.vutbr.web.css.Declaration;
+import cz.vutbr.web.css.RuleBlock;
+import cz.vutbr.web.css.RuleSet;
+import cz.vutbr.web.css.StyleSheet;
+import cz.vutbr.web.css.Term;
+import cz.vutbr.web.css.TermAngle;
+import cz.vutbr.web.css.TermColor;
+import cz.vutbr.web.css.TermIdent;
+import cz.vutbr.web.css.TermLength;
+import cz.vutbr.web.css.TermNumber;
+import cz.vutbr.web.css.TermNumeric;
+import cz.vutbr.web.css.TermPercent;
+import cz.vutbr.web.css.TermString;
+import cz.vutbr.web.css.TermTime;
+import cz.vutbr.web.css.TermURI;
 
 import static java.util.Collections.emptyList;
 
 
     /**
      * Injects the CSS from the stylesheets into the provided HTML as inline styles.
-     * Also applies any inline &lt;style%gt; elements found in the HTML content.
+     * Also applies any inline &lt;style&gt; elements found in the HTML content.
      * <p/>
      * See the Botocss home page for documentation and caveats around the
      * injection process.
         return inject(html, styles);
     }
 
+    
     /**
      * Injects parsed stylesheets into the provided HTML as inline styles.
-     * Also applies any inline &lt;style%gt; elements found in the HTML content.
+     * Also applies any inline &lt;style&gt; elements found in the HTML content.
      * Use {@link #parse} to create a stylesheet object.
      * <p/>
      * See the Botocss home page for documentation and caveats around the
      * @see #parse
      */
     public static String inject(String html, BotocssStyles styles) {
-        long start = System.currentTimeMillis();
+        return inject(html, styles, DocumentFunctions.PRETTY_PRINT);
+    }
+    
+    /**
+     * Injects parsed stylesheets into the provided HTML as inline styles.
+     * Also applies any inline &lt;style&gt; elements found in the HTML content.
+     * Use {@link #parse} to create a stylesheet object.
+     * <p/>
+     * See the Botocss home page for documentation and caveats around the
+     * injection process.
+     * 
+     * @param html the HTML document
+     * @param styles the pre-parsed stylesheets containing the CSS to inject
+     * @param documentProcessor modify the parsed HTML document after injection before serializing
+     * @return the injected HTML string
+     * @throws NullPointerException if the provided HTML or styles are {@code null}
+     * @see #parse
+     */
+    public static String inject(String html, BotocssStyles styles, Function<Document, Document> documentFunction) {
+	long start = System.currentTimeMillis();
 
-        Document document = Jsoup.parse(html);
+        Document documentWithCSSInlined = Jsoup.parse(html);
         log.debug("Parsed HTML document in {} ms", System.currentTimeMillis() - start);
 
         int selectorCount = 0;
         
         log.debug("Applying external stylesheets");
-        selectorCount += applyStyles(document, styles);
+        selectorCount += applyStyles(documentWithCSSInlined, styles);
 
         log.debug("Finding inline stylesheets");
         List<String> inlineCss = new ArrayList<String>();
-        for (Element inlineStyle : document.select("style")) {
+        for (Element inlineStyle : documentWithCSSInlined.select("style")) {
             inlineCss.add(inlineStyle.html());
         }
         if (!inlineCss.isEmpty()) {
             BotocssStyles inlineStyles = BotocssStyles.parse(inlineCss.toArray(new String[inlineCss.size()]));
 
             log.debug("Applying inline stylesheets");
-            selectorCount += applyStyles(document, inlineStyles);
+            selectorCount += applyStyles(documentWithCSSInlined, inlineStyles);
         }
 
-        document.outputSettings().indentAmount(4);
-        String result = document.toString().replaceAll(" *\\n", "\n");
+        Document processedDocumentWithCSSInlined = documentFunction.apply(documentWithCSSInlined);
+        if(processedDocumentWithCSSInlined == null) {
+            processedDocumentWithCSSInlined = documentWithCSSInlined; // default to the given document
+        }
+        
+        String result = processedDocumentWithCSSInlined.outerHtml();
 
         log.info("Applying {} CSS selectors to HTML (length {}) took {} ms",
                 new Object[] { selectorCount, html.length(), System.currentTimeMillis() - start });
         return result;
     }
 
-    private static int applyStyles(Document document, BotocssStyles styles) {
-        int selectorCount = 0;
-        for (StyleSheet styleSheet : styles.getStyleSheets()) {
-            selectorCount += applyStylesheet(document, styleSheet);
-        }
-        return selectorCount;
-    }
-
     /**
      * Parses the provided CSS and returns a list of pre-parsed Stylesheet objects for
      * use with {@link #inject(String, BotocssStyles)}.
     public static BotocssStyles parse(String... stylesheets) {
         return BotocssStyles.parse(stylesheets);
     }
+    
+    private static int applyStyles(Document document, BotocssStyles styles) {
+        int selectorCount = 0;
+        for (StyleSheet styleSheet : styles.getStyleSheets()) {
+            selectorCount += applyStylesheet(document, styleSheet);
+        }
+        return selectorCount;
+    }
 
     private static int applyStylesheet(Document document, StyleSheet stylesheet) {
         int selectorCount = 0;

src/main/java/com/atlassian/botocss/BotocssStyles.java

 
 import java.io.IOException;
 import java.util.ArrayList;
+import java.util.Collections;
 import java.util.List;
 
 /**
  * with the same stylesheet.
  */
 public final class BotocssStyles {
+    
+    /**
+     * Can be used to communicate that there's no external CSS information available. 
+     */
+    @SuppressWarnings("unchecked")
+    public static final BotocssStyles EMPTY = new BotocssStyles(Collections.EMPTY_LIST);
+    
     private static final Logger log = LoggerFactory.getLogger(BotocssStyles.class);
 
     private final Iterable<StyleSheet> styleSheets;

src/main/java/com/atlassian/botocss/DocumentFunctions.java

+package com.atlassian.botocss;
+
+import com.google.common.base.Function;
+import com.google.common.base.Functions;
+
+import org.jsoup.nodes.Document;
+
+/**
+ * Stateless functions which can be used to modify the JSoup document or its
+ * serialization.
+ * <p/>
+ * Note that not all functions are composeable, as the might set conflicting
+ * changes. For example, {@link #PRETTY_PRINT} sets the whitespace indent to
+ * four and {@link #ZERO_INDENT} sets it to zero.
+ * 
+ * @see Botocss#inject(String, BotocssStyles, Function)
+ * @see Functions#compose(Function, Function)
+ * 
+ * 
+ */
+public enum DocumentFunctions implements Function<Document, Document> {
+
+    NOOP(),
+
+    /**
+     * Sets the output settings to pretty print and to indent by four whitespaces.
+     */
+    PRETTY_PRINT(new Function<Document, Document>() {
+	@Override
+	public Document apply(Document document) {
+	    document.outputSettings().prettyPrint(true);
+	    document.outputSettings().indentAmount(4);
+	    return null;
+	}
+    }),
+    
+    /**
+     * Sets the output settings to zero indent, the default is one whitespace.
+     */
+    ZERO_INDENT(new Function<Document, Document>() {	
+	@Override
+	public Document apply(Document document) {
+	    document.outputSettings().indentAmount(0);
+	    return null;
+	}
+    });
+
+    private Function<Document, Document> delegate = Functions.identity();
+    
+    private DocumentFunctions() {}
+    
+    private DocumentFunctions(Function<Document, Document> delegate) {
+	this.delegate = delegate;
+    }
+
+    @Override
+    public Document apply(Document document) {
+	return delegate.apply(document);
+    }
+}

src/test/java/com/atlassian/botocss/BotocssTest.java

 
 import org.junit.Test;
 
+import static com.atlassian.botocss.Classpath.getResource;
+
+import static org.junit.Assert.assertEquals;
+
 import static org.hamcrest.text.IsEqualIgnoringWhiteSpace.equalToIgnoringWhiteSpace;
 import static org.junit.Assert.assertThat;
 
         assertThat(output, equalToIgnoringWhiteSpace("<html>\n<head>\n<title>Hello</title>\n</head>\n" +
                 "<body style=\"color: #f00; background: #fff\">\n<p style=\"margin-top: 10px\">Hello, world!</p>\n</body>\n</html>"));
     }
+    
+    @Test 
+    public void testMinify() throws Exception {
+	String input = getResource(getClass(), "recommended.html");
+	String expected = getResource(getClass(), "recommended-output.html");
+	String output = Botocss.inject(input, BotocssStyles.EMPTY, DocumentFunctions.ZERO_INDENT);
+	assertEquals(expected, output);
+    }
 }

src/test/resources/com/atlassian/botocss/recommended-output.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+<base href="http://localhost:9080/confluence" />
+<title>Message Title</title>
+<style type="text/css" class="delete-email-style">
+/* start [resource: all-clients.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-email-resources] */
+/* css resets */
+table { border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;}
+td { padding: 0px; border-collapse: collapse; }
+
+#background-table { background-color: #f5f5f5; }
+#center-content-table { max-width: 900px; }
+
+/* Header Pattern contains the avatar and action string (eg. Henry Tapia created a page) */
+#header-pattern-container { padding: 10px 20px;}
+#header-avatar-image-container { vertical-align: top; width:32px; padding-right: 8px; }
+#header-avatar-image { border-radius: 3px; vertical-align: top; }
+#header-text-container { vertical-align: middle; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px;}
+
+/* Container for the main body of the email. Has a thin top and bottom row for rounded corners and
+   a main area that encompasses the content */
+#email-content-container { padding: 0 20px; }
+#email-content-table { border-spacing: 0; border-collapse: separate; }
+.email-content-top-padding { padding-top: 20px;}
+.email-content-rounded-top { color: #ffffff; padding: 0 15px 0 16px; height: 15px; background-color: #ffffff; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 0; border-top-right-radius: 5px; border-top-left-radius: 5px; }
+.email-content-main { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 0; border-bottom: 0; padding: 0 15px 15px 16px; background-color: #ffffff; }
+.email-content-rounded-bottom { color: #ffffff; height: 5px; line-height: 5px; padding: 0 15px 0 16px; background-color: #ffffff; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  border-top: 0; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;mso-line-height-rule: exactly;}
+
+/* Helper classes utilized for formatting between pieces of content */
+.border-top { border-top: 1px solid #cccccc; }
+.padding-top {padding-top: 15px; }
+.padding-top-minus-line-height { padding-top: 8px; }
+.action-padding { padding-bottom: 10px; }
+.last-row-padding { padding-bottom: 10px; }
+.share-comment-padding { padding: 0 16px 0 18px; }
+
+/* Page title pattern contains an icon (eg. page, blogpost, comment, etc) and a related heading, usually a page title */
+#page-title-pattern-icon-image-container { width:16px; vertical-align: top; }
+#page-title-pattern-icon-image-container-cell { width:16px; padding: 9px 8px 0px 0px; mso-text-raise: 5px;  mso-line-height-rule: exactly; }
+#page-title-pattern-header-container { padding-right: 5px; font-size: 20px; line-height: 30px; mso-line-height-rule: exactly;}
+#page-title-pattern-header { font-family: Arial, sans-serif; padding: 0; font-size: 20px; line-height: 30px; mso-text-raise: 2px; mso-line-height-rule: exactly; vertical-align: middle; }
+
+/* Inline user pattern appears after the page title in certain instances. It provides context for the title (created by, etc) */
+#inline-user-pattern-avatar-image { vertical-align: middle; line-height: 30px; mso-line-height-rule: exactly; border-radius: 3px; }
+#inline-user-pattern {font-family: Arial, sans-serif; font-size: 14px; line-height:30px; mso-line-height-rule: exactly; mso-text-raise: 3px; vertical-align: middle;}
+
+/* Notification comment is a block of text that appears above some modified content explaining the edit */
+.notification-comment-pattern { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 2px; }
+.notification-comment-pattern-container { padding: 0px; }
+.share-notification-comment-pattern-container { padding: 5px 0 5px 19px; border-left: 1px solid #cccccc; }
+
+/* Page link pattern is a less prominent way to link to content than the page link pattern */
+/* Status update pattern is similar to page-link except it is paragraph text and no links */
+#page-link-pattern-icon-container, #status-update-pattern-icon-container { width: 16px; padding: 0 8px 0 0; vertical-align: top; mso-text-raise: 3px; }
+#page-link-pattern-icon, #status-update-pattern-icon { padding-top: 2px; vertical-align: top; mso-text-raise: 3px; }
+#page-link-pattern-icon-image, #status-update-pattern-icon-image { vertical-align: top; display: block; }
+#page-link-pattern-text, #status-update-pattern-text { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px; }
+
+/* Content added pattern represents a file added and associated meta data */
+.content-added-pattern-text { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px; }
+.content-added-pattern-icon-container { width: 16px; vertical-align: top; mso-text-raise: 3px; }
+.content-added-pattern-icon { padding: 4px 8px 0 24px; mso-text-raise: 3px; }
+.content-added-pattern-icon-image { vertical-align: top; display: block; }
+.content-added-pattern-text-container { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; }
+
+/* Content excerpt pattern contains the main information related to a notification (page, comment excerpt) */
+.content-excerpt-pattern { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px; }
+.content-excerpt-pattern-container { padding: 0 0 0 24px; }
+.excerpt-highlight { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px; }
+.excerpt-highlight-container { border-radius: 5px; margin: 0; padding: 10px; background-color: #f5f5f5; }
+
+/* Move page pattern lays out information about a space and children pages which are moved */
+#move-page-pattern, #move-page-children-pattern { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; }
+.move-page-pattern-label {padding: 8px 10px 0 32px; color: #707070; vertical-align: top; text-align: right; white-space: nowrap;}
+.move-page-pattern-label.children {padding-top: 0px;}
+.move-page-pattern-icon-container {width: 32px; padding: 0px 4px 0px 0px; vertical-align: top; text-align: right;}
+.move-page-pattern-icon-container.children {padding-top: 5px; }
+.move-page-pattern-icon-image {border: 1px solid #ccc; border-radius: 50%;}
+
+/* Contains buttons and icon links that the user can click */
+#actions-pattern { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px; }
+#actions-pattern-container { padding: 15px 0 0 24px; vertical-align: middle; }
+.actions-pattern-action-icon-container { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 0px; vertical-align: middle; }
+.actions-pattern-action-icon-image { vertical-align: middle; }
+.actions-pattern-action-text-container { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 4px; padding-left: 5px; white-space: nowrap; }
+.actions-pattern-action-bull { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 4px; color: #999999; padding: 0 5px; }
+
+/* Contextual area pattern appears below the main body of the email (in the grey) and adds extra context */
+.contextual-area-pattern { padding: 15px 20px 0 20px; }
+
+/* Contextual excerpt pattern displays additional information about a comment (in reply to...) */
+.contextual-excerpt-pattern-text { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px; }
+.contextual-excerpt-pattern { border-bottom: 1px solid #ccc;  }
+.contextual-excerpt-pattern-avatar-container { width: 32px; padding: 4px 8px 20px 0; vertical-align: top; }
+.contextual-excerpt-pattern-avatar { padding: 3px 0 0 0;}
+.contextual-excerpt-pattern-avatar-image { border-radius: 3px; }
+.contextual-excerpt-pattern-text-container { padding: 4px 0 17px 0; }
+
+/* Users involved pattern displays users that are involved in a notification */
+#users-involved-pattern {  font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px; }
+.users-involved-pattern-column-container { padding-right: 60px; }
+.users-involved-pattern-column-table.no-right-padding .users-involved-pattern-column-container {padding-right: 0;}
+.users-involved-pattern-name-container { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; padding: 0 5px 5px 0; mso-line-height-rule: exactly; mso-text-raise: 1px;}
+.users-involved-pattern-name-container.no-right-padding { padding-right: 0px; }
+.users-involved-pattern-avatar-container { vertical-align: top; }
+.users-involved-pattern-avatar-table { font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; }
+.users-involved-pattern-avatar-table-cell { padding: 2px 5px 5px 0; max-width: 16px; width: 16px; }
+.users-involved-pattern-avatar-image { border-radius: 3px; display: block; }
+.contextual-area-pattern #users-involved-pattern { border-bottom: 1px solid #ccc; }
+.email-content-main .users-involved-pattern-content { padding-left: 24px; }
+#users-involved-pattern-container-top { padding-bottom: 5px; }
+.contextual-area-pattern #users-involved-pattern-container-bottom { padding-bottom: 17px; }
+.contextual-area-pattern #users-involved-pattern-container, .contextual-area-pattern #users-involved-pattern-container-bottom { padding-left: 17px; }
+
+.simple-data-container { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px; padding-top: 15px; color: #707070}
+.simple-data-title {padding-bottom: 5px;}
+.simple-data-label {padding: 0px 5px 0px 15px; text-align: right; font-weight: bold;}
+
+#follow-user-context-area { padding-bottom: 15px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 2px; }
+
+/* Footer pattern contains links, information about confluence and logos */
+#footer-pattern { padding: 12px 20px; }
+#footer-pattern-links-container { color: #999999; font-size: 12px; line-height: 18px; font-family: Arial, sans-serif; mso-line-height-rule: exactly; mso-text-raise: 2px; }
+#footer-pattern-links-container table { font-size: 12px; line-height: 18px; font-family: Arial, sans-serif; mso-line-height-rule: exactly; mso-text-raise: 2px; }
+.footer-pattern-links-bull { padding: 0 5px; color: #999999; }
+#footer-pattern-logo-desktop-container { padding-left: 20px; vertical-align: top; }
+#footer-pattern-logo-desktop-padding { padding-top: 3px; }
+#footer-pattern-text { color: #999999; font-size: 12px; line-height: 18px; font-family: Arial, sans-serif; mso-line-height-rule: exactly; mso-text-raise: 2px; }
+#footer-pattern-logo-mobile { display: none; mso-hide:all;}
+
+a { color: #3b73af; text-decoration: none; }
+#header-text-container .mailto-link {color:#333;}
+.simple-data-value .mailto-link {color: #707070;}
+.share-page-notification #header-text-container a { color: #333; }
+
+.content-deleted-lozenge {
+    font-family: Arial, sans-serif;
+    background-color: #d04437;
+    color: #fff;
+    border-radius: 3px;
+    font-size: 11px;
+    font-weight: bold;
+    mso-line-height-rule: exactly;
+    line-height: 11px;
+    text-align: center;
+    vertical-align: middle;
+    border: 2px solid #d04437;
+    border-right-width: 4px;
+    border-left-width: 4px;
+    mso-text-raise:2px;
+    mso-border-alt:solid #d04437 2px;
+}
+#page-title-pattern .content-deleted-lozenge {
+    mso-border-alt:solid #d04437 4px;
+}
+
+/* Our custom aui-buttons that also caters for outlook - primary button is used by a few emails */
+.aui-button-email-container .aui-button-email-link {
+    color: #fff;
+    font-weight: bold;
+    padding: 6px;
+
+    /*Default font styles*/
+    font-size: 14px;
+    line-height: 1.42857142857143;
+    font-family: Arial, sans-serif;
+}
+
+.aui-button-email-container .aui-button-email {
+    border-radius: 3px;
+    padding: 5px;
+    margin: 0px;
+}
+
+
+/* This style needs to live at the bottom so BotoCSS applies it last. BotoCSS applies styles in order of appearance,
+   instead of specificity */
+.red { background-color: #b02015; border-color: #d04437;}
+.content-deleted-color, .content-deleted-color a { color: #707070; }
+
+.mobile-only {
+    overflow: hidden;
+    line-height: 0;
+    font-size: 0;
+    mso-hide: all;
+}
+
+
+/** Team Calendar overrides, these should be removed when notifications are updated in Team Calendars. For now CSS
+    overrides are being used because the structure of the content can&#39;t change without rereleasing the plugin */
+.mail-calendar-container hr, .mail-calendar-container td.full-width {
+    width: 0;
+    max-width: 0;
+    display: none;
+}
+.mail-calendar-container .upcoming-events-title {
+    width: 100%;
+}
+
+.mail-calendar-container,
+.mail-calendar-container .upcoming-events-summary span,
+.mail-calendar-container .upcoming-events-summary strong,
+.mail-calendar-container .upcoming-events-summary div {
+    font-size: 14px;
+}
+.mail-calendar-container .related-links {
+    padding-top: 4px;
+}
+.mail-calendar-container .upcoming-events-title {
+    padding-top: 40px;
+}
+.mail-calendar-container .event-title,
+.mail-calendar-container .event-details {
+    padding-left: 10px;
+}
+.mail-calendar-container .upcoming-events-footer {
+    margin: 0 0 0 0;
+    line-height: 40px;
+    mso-line-height-rule: exactly;
+    mso-text-raise: 5px;
+}
+.mail-calendar-container .upcoming-events-footer a {
+    margin: 0 0 0 0;
+    font-family: Arial, sans-serif;
+    font-size: 14px;
+}
+.mail-calendar-container .event-subcalendar {
+    margin-left: 0px;
+}
+.mail-calendar-container .calendar-heading {
+    margin-top: 0px;
+}
+.mail-calendar-container .day-header + table tr td:first-child {
+    padding-left: 20px;
+}
+.mail-calendar-container table, .x-more-events {
+    font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px;
+}
+
+/* end [resource: all-clients.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-email-resources] */
+
+/* start [resource: tables.css, module: content-styles, plugin: confluence.web.resources] */
+.confluenceTable {
+    border-collapse: collapse;
+}
+
+.confluenceTh,
+.confluenceTd {
+    border: 1px solid #ddd;
+    padding: 7px 10px; /* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */
+    vertical-align: top;
+    text-align: left;
+}
+
+/* Lists in tables */
+.confluenceTable ol,
+.confluenceTable ul {
+    margin-left: 0;
+    padding-left: 22px; /* CONFDEV-12589: default left padding is far too wide */
+}
+
+/* all tables should have a top margin of 10px */
+.confluenceTable, .table-wrap {
+    margin: 10px 0 0 0;
+    overflow-x: auto;
+}
+
+/* an exception to above rule for tables that are first child */
+.confluenceTable:first-child, .table-wrap:first-child {
+    margin-top: 0;
+}
+
+/* Background colors */
+table.confluenceTable th.confluenceTh,
+table.confluenceTable th.confluenceTh &gt; p,
+table.confluenceTable td.confluenceTd.highlight, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight &gt; p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-grey,
+table.confluenceTable th.confluenceTh.highlight-grey &gt; p,
+table.confluenceTable td.confluenceTd.highlight-grey,
+table.confluenceTable td.confluenceTd.highlight-grey &gt; p {
+    background-color: #f0f0f0;
+}
+
+table.confluenceTable th.confluenceTh.info, /* deprecated */
+table.confluenceTable th.confluenceTh.info &gt; p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.info, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.info &gt; p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-blue,
+table.confluenceTable th.confluenceTh.highlight-blue &gt; p,
+table.confluenceTable td.confluenceTd.highlight-blue,
+table.confluenceTable td.confluenceTd.highlight-blue &gt; p {
+    background-color: #e0f0ff;
+}
+
+table.confluenceTable th.confluenceTh.success, /* deprecated */
+table.confluenceTable th.confluenceTh.success &gt; p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.success, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.success &gt; p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-green,
+table.confluenceTable th.confluenceTh.highlight-green &gt; p,
+table.confluenceTable td.confluenceTd.highlight-green,
+table.confluenceTable td.confluenceTd.highlight-green &gt; p {
+    background-color: #ddfade;
+}
+
+table.confluenceTable th.confluenceTh.warning, /* deprecated */
+table.confluenceTable th.confluenceTh.warning &gt; p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.warning, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.warning &gt; p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-red,
+table.confluenceTable th.confluenceTh.highlight-red &gt; p,
+table.confluenceTable td.confluenceTd.highlight-red,
+table.confluenceTable td.confluenceTd.highlight-red &gt; p {
+    background-color: #ffe7e7;
+}
+
+table.confluenceTable th.confluenceTh.note, /* deprecated */
+table.confluenceTable th.confluenceTh.note &gt; p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.note, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.note &gt; p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-yellow,
+table.confluenceTable th.confluenceTh.highlight-yellow &gt; p,
+table.confluenceTable td.confluenceTd.highlight-yellow,
+table.confluenceTable td.confluenceTd.highlight-yellow &gt; p {
+    background-color: #ffffdd;
+}
+
+table.confluenceTable th.confluenceTh,
+table.confluenceTable th.confluenceTh &gt; p {
+    font-weight: bold;
+}
+
+table.confluenceTable th.confluenceTh.nohighlight, /* deprecated */
+table.confluenceTable th.confluenceTh.nohighlight &gt; p { /* deprecated */
+    font-weight: normal;
+    background-color: transparent;
+}
+
+table.confluenceTable td.confluenceTd img {
+    max-width: none;
+}
+/* end [resource: tables.css, module: content-styles, plugin: confluence.web.resources] */
+
+/* start [resource: dailysummary.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+body, td {
+    font-family: Arial, sans-serif;
+}
+
+h1 {
+    font-size: 24px;
+}
+
+h2 {
+    font-size: 12px;
+    font-weight: bold;
+    text-transform: uppercase;
+    color:#707070;
+}
+
+h3 {
+    margin: 0;
+    font-size: 16px;
+}
+
+#daily-summary-site-header-cell {
+    padding-top: 10px;
+}
+
+#daily-summary-site-title {
+    font-weight: normal;
+    margin: 0;
+    line-height: 30px !important;
+    padding-bottom: 5px;
+}
+
+#daily-summary-site-description,
+#daily-summary-site-description-link,
+.title-bullet-point,
+.bullet-point,
+.daily-summary-site-date
+ {
+    color:#707070;
+}
+
+.title-bullet-point {
+    padding: 0 8px;
+}
+
+.bullet-point {
+    padding: 0 5px;
+}
+
+#daily-summary-trackback {
+    display: none;
+}
+
+#daily-summary-header {
+    height: 10px;
+    line-height: 10px;
+}
+
+.content-excerpt-pattern-container {
+    padding: 0;
+}
+
+#daily-summary-site-description td {
+    font-size: 14px;
+    line-height: 20px;
+}
+
+.daily-summary-item-pattern-avatar-container { vertical-align: top; width: 21px; }
+.daily-summary-item-pattern-avatar-table { font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; }
+.daily-summary-item-pattern-avatar-table-cell { padding: 2px 5px 5px 0; max-width: 16px; width: 16px; }
+.daily-summary-item-pattern-avatar-image { border-radius: 3px; display: block; }
+.daily-summary-item-pattern-name-container { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; padding: 0 5px 5px 0; mso-line-height-rule: exactly; mso-text-raise: 1px; vertical-align: top; color: #707070; }
+.daily-summary-item-pattern-name-container-right { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; padding: 0 0 5px 0; mso-line-height-rule: exactly; mso-text-raise: 1px; vertical-align: top; color: #707070; width: 75px; text-align: right; }
+
+.mobile-only {
+    display: none;
+}
+/* end [resource: dailysummary.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+
+/* start [resource: dailysummarymobile.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+span.mobile-only {
+    display: inline !important;
+}
+.daily-summary-item-pattern-avatar-table-cell {
+    padding: 3px 5px 5px 0 !important;
+}
+/* end [resource: dailysummarymobile.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+
+/* start [resource: popular-content.css, module: daily-summary-popular-content, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+.popular-content-excerpt-header-left-container {
+    padding-right: 8px;
+    padding-top: 1px;
+}
+
+.popular-content-excerpt-header-right-container td,
+.popular-content-excerpt-network-container td,
+.popular-content-annotations-container td,
+#popular-content-title td {
+    color:#707070 !important;
+}
+
+.popular-content-excerpt-header-center-container > h2 {
+    margin: 0;
+    line-height: 20px;
+}
+
+.popular-content-excerpt-network-container {
+    display: inline-block;
+}
+
+.popular-content-excerpt-footer-container {
+    line-height: 24px;
+    width: 100%;
+}
+
+.popular-content-excerpt-network-image {
+    vertical-align: middle;
+}
+
+.popular-content-excerpt-container.middle,
+.popular-content-excerpt-container.last {
+    padding-top: 20px;  
+}
+
+.popular-content-excerpt-body-container {
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.popular-content-excerpt-image-container-right .popular-content-excerpt-image-table-image-container {
+    padding-left: 20px;
+    padding-bottom: 20px;
+}
+
+.popular-content-excerpt-header-right-container table ~ table td:first-child {
+    padding-left: 5px;
+}
+
+.popular-content-excerpt-network-image-container img {
+    display: block;
+}
+
+.popular-content-excerpt-network-image-container {
+    padding-left: 5px;
+}
+
+.popular-content-excerpt-title {
+    line-height: 16px;
+    vertical-align: top;
+    padding: 0px;
+}
+
+.popular-content-excerpt-title-container {
+    padding-bottom: 4px;
+}
+.popular-content-excerpt-author-container {
+    line-height: 14px;
+    font-size: 14px;
+    vertical-align: top;
+    mso-text-raise: 2px;
+    mso-line-height-rule: exactly;
+}
+.popular-content-excerpt-author-container a {
+    font-size: 14px;
+    line-height: 14px;
+    mso-line-height-rule: exactly;
+    vertical-align: top;
+}
+
+.popular-content-excerpt-author-image,
+.popular-content-excerpt-network-image {
+    border-radius: 3px;
+}
+
+.popular-content-annotations-table {
+    width: 100px;
+}
+
+.popular-content-excerpt-content-container,
+.popular-content-excerpt-network-container td {
+    font-size: 14px;
+    line-height: 20px;
+}
+
+.popular-content-excerpt-continue-table td,
+.popular-content-excerpt-text-container {
+    font-size: 14px;
+    line-height: 24px;
+    mso-text-raise: 3px;
+    mso-line-height-rule: exactly;
+    color: #707070;
+}
+/* end [resource: popular-content.css, module: daily-summary-popular-content, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+
+/* start [resource: popular-content-image-container-desktop.css, module: daily-summary-popular-content, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+.desktop-only.popular-content-excerpt-image-table {
+    display: block !important;
+}
+
+.desktop-only .popular-content-excerpt-image-table-thumbnail-container {
+    padding-left: 8px !important;
+}
+
+.desktop-only .first.popular-content-excerpt-thumbnail-container,
+.desktop-only .middle.popular-content-excerpt-thumbnail-container {
+    padding-bottom: 8px !important;
+}
+
+.mobile-only .first.popular-content-excerpt-thumbnail-container,
+.mobile-only .middle.popular-content-excerpt-thumbnail-container {
+    padding-bottom: 0 !important;
+}
+
+.desktop-only.popular-content-excerpt-image-table img.main-image {
+    width: auto !important;
+    height: 160px !important;
+    display: block !important;  
+}
+
+.desktop-only.popular-content-excerpt-image-table img.thumbnail {
+    width: 48px !important;
+    height: 48px !important;  
+    display: block !important;
+}
+
+.mobile-only.popular-content-excerpt-image-table img.main-image {
+    height: 0px !important;
+    width: 0px !important;
+    display: none !important;
+}
+
+.mobile-only.popular-content-excerpt-image-table img.thumbnail {
+    width: 0px !important;
+    height: 0px !important;
+    display: none !important;  
+}
+/* end [resource: popular-content-image-container-desktop.css, module: daily-summary-popular-content, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+
+/* start [resource: popular-content-annotations-desktop.css, module: daily-summary-popular-content, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+.desktop-only .popular-content-like-table td.first {
+    padding: 0 5px !important;
+}
+
+.desktop-only .popular-content-comment-table td.first {
+    padding-right: 5px !important;
+}
+.desktop-only .popular-content-like-table img,
+.desktop-only .popular-content-comment-table img {
+    width: 16px !important;
+    height: 16px !important;
+}
+
+.mobile-only .popular-content-like-table img,
+.mobile-only .popular-content-comment-table img {
+    width: 0px !important;
+    height: 0px !important;
+    display: none !important;
+}
+
+.mobile-only.popular-content-annotations-container td,
+.mobile-only.bullet-point,
+.mobile-only .popular-content-excerpt-network-container td {
+    font-size: 0;
+    line-height: 0;
+}
+
+.desktop-only .popular-content-excerpt-network-container td {
+    font-size: 14px;
+    line-height: 20px;
+}
+.desktop-only.bullet-point,
+.desktop-only.popular-content-annotations-container td.last {
+    font-size: 14px;
+    line-height: 24px;
+    mso-line-height-rule: exactly;
+    mso-text-raise: 3px;
+}
+/* end [resource: popular-content-annotations-desktop.css, module: daily-summary-popular-content, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+</style>
+<style type="text/css">@media only screen and (max-device-width: 480px) {
+/* start [resource: mobile-clients.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-email-resources] */
+.mobile-only {
+    width: auto !important;
+    height: auto !important;
+    overflow: visible !important;
+    line-height: normal !important;
+    font-size: inherit !important;
+    mso-hide: all;
+}
+
+.desktop-only {
+    display: none !important;
+}
+
+/* iPhone 3GS fix for unwanted 20px right margin */
+body { min-width: 100% !important; padding: 0; margin: 0; }
+
+#center-content-table { max-width: none; !important; }
+#header-pattern-container { padding: 10px 10px 10px 10px !important; line-height: 20px !important; }
+#email-content-container { padding: 0 !important; }
+.mobile-expand { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; padding-left: 26px !important;}
+.mobile-resize-text { font-size: 16px !important; line-height: 22px !important; }
+#page-title-pattern-header { font-size: 20px !important; line-height: 28px !important; }
+#inline-user-pattern { display: block !important; }
+#inline-user-pattern-avatar { padding-top: 3px !important; }
+.contextual-area-pattern { border-bottom: 1px solid #ccc !important; padding: 15px 10px 0 10px !important;}
+.users-involved-pattern-column-table { width: 100% !important;  }
+.users-involved-pattern-avatar-table-cell { padding: 3px 5px 5px 0 !important; }
+.users-involved-pattern-column-container { padding-right: 0 !important; }
+.contextual-excerpt-pattern, #users-involved-pattern { border: 0 !important; }
+
+/** Aui Typography upsized for mobile **/
+#content-excerpt-pattern-container, #contextual-excerpt-pattern-text-container { font-size: 16px !important; line-height: 22px !important; }
+#content-excerpt-pattern-container h1, #contextual-excerpt-pattern-text-container h1 { font-size: 24px !important; line-height: 28px !important; }
+#content-excerpt-pattern-container h2, #contextual-excerpt-pattern-text-container h2 { font-size: 20px !important; line-height: 28px !important; }
+#content-excerpt-pattern-container h3, #contextual-excerpt-pattern-text-container h3 { font-size: 18px !important; line-height: 24px !important; }
+#content-excerpt-pattern-container h4, #contextual-excerpt-pattern-text-container h4 { font-size: 16px !important; line-height: 22px !important; }
+#content-excerpt-pattern-container h5, #contextual-excerpt-pattern-text-container h5 { font-size: 14px !important; line-height: 20px !important; }
+#content-excerpt-pattern-container h6, #contextual-excerpt-pattern-text-container h6 { font-size: 14px !important; line-height: 20px !important; }
+.user-mention { line-height: 18px !important; }
+/** Aui Typography end **/
+
+/* Show appropriate footer logo on mobile, display links vertically */
+#footer-pattern { padding: 15px 10px !important; }
+#footer-pattern-logo-desktop-container { padding: 0 !important; }
+#footer-pattern-logo-desktop { width: 0 !important; height: 0 !important; }
+#footer-pattern-logo-mobile {
+    padding-top: 10px !important;
+    width: 30px !important;
+    height: 27px !important;
+    display: inline !important;
+}
+#footer-pattern-links-container { line-height: 0 !important;}
+.footer-pattern-links.mobile-resize-text,
+.footer-pattern-links.mobile-resize-text,
+#footer-pattern-text.mobile-resize-text,
+#footer-pattern-links-container.no-footer-links {
+    font-size: 14px !important;
+    line-height: 20px !important;
+}
+.footer-link { display: block !important; }
+#footer-pattern-links-container table { display: inline-block !important; float: none !important; }
+#footer-pattern-links-container, #footer-pattern-text { text-align: center !important; }
+#footer-pattern-links { padding-bottom: 5px !important; }
+
+/** Team Calendar overrides, these should be removed when notifications are updated in Team Calendars. For now CSS
+    overrides are being used because the structure of the content can&#39;t change without rereleasing the plugin */
+.mail-calendar-container .day-header + table tr td:first-child {
+    vertical-align: top !important;
+    padding-top: 5px !important;
+}
+/* end [resource: mobile-clients.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-email-resources] */
+
+/* start [resource: popular-content-image-container-mobile.css, module: daily-summary-popular-content, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+.mobile-only.popular-content-excerpt-image-table {
+    display: block !important;
+}
+
+.mobile-only .popular-content-excerpt-image-table-thumbnail-container {
+    padding-left: 8px !important;
+}
+
+.mobile-only .first.popular-content-excerpt-thumbnail-container,
+.mobile-only .middle.popular-content-excerpt-thumbnail-container {
+    padding-bottom: 8px !important;
+}
+
+.mobile-only.popular-content-excerpt-image-table img.main-image {
+    width: auto !important;
+    height: 160px !important;
+    display: block !important;
+}
+
+.mobile-only.popular-content-excerpt-image-table img.thumbnail {
+    width: 48px !important;
+    height: 48px !important;
+    display: block !important;  
+}
+
+.desktop-only.popular-content-excerpt-image-table img.main-image {
+    height: 0px !important;
+    width: 0px !important;
+    display: none !important;
+}
+
+.desktop-only.popular-content-excerpt-image-table img.thumbnail {
+    width: 0px !important;
+    height: 0px !important;  
+    display: none !important;
+}
+
+.popular-content-excerpt-image-container-bottom {
+    padding-top: 15px !important;
+    padding-bottom: 10px !important;
+    display: block !important;
+}
+/* end [resource: popular-content-image-container-mobile.css, module: daily-summary-popular-content, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+
+/* start [resource: popular-content-annotations-mobile.css, module: daily-summary-popular-content, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+.mobile-only .popular-content-like-table td.first {
+    padding: 0 5px !important;
+}
+
+.mobile-only .popular-content-comment-table td.first {
+    padding-right: 5px !important;
+}
+
+.mobile-only .popular-content-like-table img,
+.mobile-only .popular-content-comment-table img {
+    width: 16px !important;
+    height: 16px !important;
+    display: block !important;
+}
+
+.desktop-only .popular-content-like-table img,
+.desktop-only .popular-content-comment-table img {
+    width: 0px !important;
+    height: 0px !important;
+}
+
+.mobile-only.bullet-point,
+.mobile-only .popular-content-excerpt-network-container td {
+    font-size: 14px;
+    line-height: 20px;
+}
+
+.desktop-only.popular-content-annotations-container td,
+.desktop-only.bullet-point,
+.desktop-only .popular-content-excerpt-network-container td {
+    font-size: 0;
+    line-height: 0;
+}
+
+.mobile-only.popular-content-annotations-container td {
+    font-size: 14px !important;
+    line-height: 24px !important;
+}
+/* end [resource: popular-content-annotations-mobile.css, module: daily-summary-popular-content, plugin: com.atlassian.confluence.plugins.confluence-daily-summary-email] */
+}
+@media (min-width: 900px) {#center-content-table { width: 900px; }}
+@media all {
+/* start [resource: htmlemailboilerplate.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-email-resources] */
+#outlook a {padding:0;} /* Force Outlook to provide a &quot;view in browser&quot; menu link. */
+/* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
+body{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
+.ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
+#background-table {margin:0; padding:0; width:100% !important; }
+/* Needed to override highlighting on date and time links in iOS */
+.grey a {color: #707070; text-decoration: none; }
+/* end [resource: htmlemailboilerplate.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-email-resources] */
+}
+</style>
+</head>
+<body style="color: #333; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.429; font-family: Arial, sans-serif">
+<table id="background-table" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f5f5f5">
+<tbody>
+<tr>
+<td style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">
+<table id="center-content-table" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; max-width: 900px">
+<tbody>
+<tr class="desktop-only">
+<td id="daily-summary-header" class="desktop-only" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; height: 10px; line-height: 10px">&nbsp;</td>
+</tr>
+<tr>
+<td id="email-content-container" style="padding: 0px; border-collapse: collapse; padding: 0 20px; font-family: Arial, sans-serif">
+<table id="email-content-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: separate">
+<tbody>
+<tr>
+<td class="email-content-rounded-top mobile-expand" style="padding: 0px; border-collapse: collapse; color: #fff; padding: 0 15px 0 16px; height: 15px; background-color: #fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 0; border-top-right-radius: 5px; border-top-left-radius: 5px; font-family: Arial, sans-serif">&nbsp;</td>
+</tr>
+<tr>
+<td class="email-content-main mobile-expand" style="padding: 0px; border-collapse: collapse; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0; border-bottom: 0; padding: 0 15px 15px 16px; background-color: #fff; font-family: Arial, sans-serif">
+<table cellspacing="0" cellpadding="0" border="0" width="100%" id="daily-summary-site-header-table" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td id="daily-summary-site-header-cell" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-top: 10px"><h1 id="daily-summary-site-title" style="font-size: 24px; font-weight: normal; margin: 0; line-height: 30px; padding-bottom: 5px">Recommended in Confluence</h1>
+<div id="daily-summary-site-description" style="color: #707070">
+<span class="grey">
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="daily-summary-site-date" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; font-size: 14px; line-height: 20px">Jul 03, 2013</td>
+</tr>
+</tbody>
+</table></span>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="title-bullet-point" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding: 0 8px; font-size: 14px; line-height: 20px">•</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px"><a id="daily-summary-site-description-link" href="http://localhost:9080/confluence/dashboard.action?updatesSelectedTab=popular" style="color: #3b73af; text-decoration: none; color: #707070">Go to Confluence</a></td>
+</tr>
+</tbody>
+</table>
+</div></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td class="email-content-main mobile-expand last-row-padding" style="padding: 0px; border-collapse: collapse; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0; border-bottom: 0; padding: 0 15px 15px 16px; background-color: #fff; padding-bottom: 10px; font-family: Arial, sans-serif">
+<table id="popular-content-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td id="popular-content-title-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"><h2 id="popular-content-title" style="font-size: 12px; font-weight: bold; text-transform: uppercase; color: #707070">Most Popular</h2></td>
+</tr>
+<tr>
+<td class="popular-content-excerpt-container first" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">
+<table class="popular-content-excerpt-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-header-left-container" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-right: 8px; padding-top: 1px"><a href="http://localhost:9080/confluence/display/~admin?src=email" style="color: #3b73af; text-decoration: none"><img class="popular-content-excerpt-author-image" src="cid:px24avatar_909dc5ca9d66d2392b9d7bb6d625385f" height="32" width="32" border="0" style="border-radius: 3px" /></a></td>
+<td class="popular-content-excerpt-header-center-container" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">
+<table class="popular-content-excerpt-body-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-title-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 4px"><h3 class="popular-content-excerpt-title" style="margin: 0; font-size: 16px; line-height: 16px; vertical-align: top; padding: 0px"><a href="http://localhost:9080/confluence/display/RECOMMENDED/Recommended+Page+4" style="color: #3b73af; text-decoration: none">Recommended Page 4</a></h3></td>
+</tr>
+<tr>
+<td class="popular-content-excerpt-author-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; line-height: 14px; font-size: 14px; vertical-align: top; mso-text-raise: 2px; mso-line-height-rule: exactly"><a href="http://localhost:9080/confluence/display/~admin?src=email" style="color: #3b73af; text-decoration: none; font-size: 14px; line-height: 14px; mso-line-height-rule: exactly; vertical-align: top">admin</a></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">&nbsp;</td>
+<td class="popular-content-excerpt-body-container" width="100%" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-top: 5px; padding-bottom: 5px">
+<table class="content-excerpt-pattern" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px">
+<tbody>
+<tr>
+<td class="content-excerpt-pattern-container mobile-resize-text " style="padding: 0px; border-collapse: collapse; padding: 0 0 0 24px; font-family: Arial, sans-serif; padding: 0">   
+<table class="popular-content-excerpt-body-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt"> 
+<tbody> 
+<tr> 
+<td class="popular-content-excerpt-content-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px"><p style="margin: 10px 0 0 0; margin-top: 0">Pudding jelly beans pie. Candy canes jelly beans halvah cookie candy canes oat cake icing. Candy canes tiramisu toffee sugar plum applicake liquorice wafer jelly. Tootsie roll bear claw caramels jelly. Sweet roll sugar plum cotton candy bonbon cotton candy cotton candy ice cream sesame snaps UNERDWEAR.COM. Apple pie jelly chocolate bar ice cream. Cupcake drag&eacute;e chocolate cake cupcake wafer caramels. Pudding liquorice fruitcake toffee sweet roll brownie candy. Cheesecake sesame snaps drag&eacute;e drag&eacute;e muffin pudding carrot cake jelly beans. Powder tiramisu pastry cake chocolate cake lemon drops. Tart carrot cake brownie chocolate bar marzipan icing candy icing. Lollipop marzipan ice cream muffin. Lemon drops icing souffl&eacute;. Cheesecake gingerbread croissant cookie fruitcake souffl&eacute; jelly.<br />Icing muffin lollipop. Toffee pudding tart danish gummi bears. Croissant macaroon souffl&eacute; cotton candy UNERDWEAR.COM tootsie roll croissant candy drag&eacute;e. Danish sugar plum NERDIES sweet roll jelly beans powder chupa chups. Icing pudding souffl&eacute; dessert candy canes sweet. Sugar plum powder lemon drops cupcake tootsie roll. Sweet donut halvah. Ice cream sugar plum dessert jelly cheesecake applicake. Souffl&eacute; sugar plum chocolate bar pie jelly jelly beans. Topping jelly sweet icing brownie apple pie danish cookie pie. Souffl&eacute; halvah lemon drops bear claw applicake. Toffee bonbon croissant tootsie roll chocolate sesame snaps macaroon toffee. Tootsie roll biscuit apple pie tart dessert carrot cake muffin. Halvah pudding cake tart topping.<br />Chocolate cake candy bear claw marshmallow lollipop tiramisu cotton candy pie tootsie roll. Pie dessert jelly beans applicake. Candy canes jelly apple pie souffl&eacute; gummi bears lemon drops topping chocolate cake. Sweet roll ice cream bear claw. Cake icing macaroon gummi bears NERDIES lemon drops cake oat cake jelly-o. Pie tootsie roll powder chocolate cake. Muffin jelly applicake icing oat cake drag&eacute;e carrot cake topping. Cookie tiramisu danish halvah carrot cake. Fruitcake candy canes cake dessert bear claw sesame snaps donut UNERDWEAR.COM jelly beans. Bear claw croissant pudding. Biscuit macaroon jelly wafer. Chocolate cake brownie jelly brownie chocolate halvah sweet jelly-o.</p></td> 
+<td class="popular-content-excerpt-image-container-right desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"> 
+<table class="popular-content-excerpt-image-table desktop-only" cellspacing="0" cellpadding="0" border="0" align="right" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; display: block"> 
+<tbody> 
+<tr> 
+<td valign="top" class="popular-content-excerpt-image-table-image-container desktop-only" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 20px; padding-bottom: 20px"><img src="cid:attach_6025341a3a189b8b9ef3f6cf7a65f43a" width="165" height="160" class="main-image desktop-only" border="0" style="width: auto; height: 160px; display: block" /></td> 
+<td valign="top" class="popular-content-excerpt-image-table-thumbnail-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 8px"> 
+<table class="popular-content-excerpt-thumbnail-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt"> 
+<tbody> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container first" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px"><img src="cid:attach_c3bef5b76d7e66a2e8178401e5462559" width="48" height="48" class="thumbnail desktop-only" border="0" style="width: 48px; height: 48px; display: block" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container middle" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px"><img src="cid:attach_7643a6ebacd5cef99b3f5089de3df91b" width="48" height="48" class="thumbnail desktop-only" border="0" style="width: 48px; height: 48px; display: block" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container last" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"><img src="cid:attach_54af9f3b9b78fc7d3d7abead65eca050" width="48" height="48" class="thumbnail desktop-only" border="0" style="width: 48px; height: 48px; display: block" /></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+<!--[if !mso]><!-- --> 
+<tr> 
+<td class="popular-content-excerpt-image-container-bottom desktop-only" colspan="2" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"> 
+<table class="popular-content-excerpt-image-table mobile-only" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none"> 
+<tbody> 
+<tr> 
+<td valign="top" class="popular-content-excerpt-image-table-image-container mobile-only" align="left" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none"><img src="cid:attach_6025341a3a189b8b9ef3f6cf7a65f43a" class="main-image mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; height: 0px; width: 0px; display: none" /></td> 
+<td valign="top" class="popular-content-excerpt-image-table-thumbnail-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 8px"> 
+<table class="popular-content-excerpt-thumbnail-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt"> 
+<tbody> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container first" align="left" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px; padding-bottom: 0"><img src="cid:attach_c3bef5b76d7e66a2e8178401e5462559" class="thumbnail mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 0px; height: 0px; display: none" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container middle" align="left" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px; padding-bottom: 0"><img src="cid:attach_7643a6ebacd5cef99b3f5089de3df91b" class="thumbnail mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 0px; height: 0px; display: none" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container last" align="left" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"><img src="cid:attach_54af9f3b9b78fc7d3d7abead65eca050" class="thumbnail mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 0px; height: 0px; display: none" /></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+<!--<![endif]--> 
+</tbody> 
+</table>  </td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">&nbsp;</td>
+<td class="popular-content-excerpt-footer-container" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; line-height: 24px; width: 100%">
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-excerpt-continue-table" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; mso-text-raise: 3px; mso-line-height-rule: exactly; color: #707070"><a class="popular-content-excerpt-continue" href="http://localhost:9080/confluence/display/RECOMMENDED/Recommended+Page+4" style="color: #3b73af; text-decoration: none">Continue Reading</a></td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="bullet-point desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding: 0 5px; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">•</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-text-container desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; mso-text-raise: 3px; mso-line-height-rule: exactly; color: #707070">Your network participants</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-network-image-container desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 5px"><img class="popular-content-excerpt-network-image" src="cid:px24avatar_132ebcbc5d250a4779485ef29eafe3a4" title="Vxyfcjcwwnqty" alt="Vxyfcjcwwnqty" width="24" height="24" style="vertical-align: middle; display: block; border-radius: 3px" /></td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="bullet-point desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding: 0 5px; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">•</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-annotations-table desktop-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100px">
+<tbody>
+<tr>
+<td class="popular-content-annotations-container desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-comment-table desktop-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="first desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding-right: 5px"><img src="cid:icon-comment" alt="Comment" title="Comment" style="vertical-align: middle;; width: 16px; height: 16px" border="0" /></td>
+<td class="last desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">1</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-like-table desktop-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="first desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding: 0 5px"><img src="cid:icon-like" alt="Like" title="Like" style="vertical-align: middle;; width: 16px; height: 16px" border="0" /></td>
+<td class="last desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">1</td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="right" class="popular-content-annotations-table mobile-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 100px">
+<tbody>
+<tr>
+<td class="popular-content-annotations-container mobile-only" valign="top" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none">
+<table cellspacing="0" cellpadding="0" border="0" align="right" class="popular-content-like-table mobile-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none">
+<tbody>
+<tr>
+<td class="first mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0"><img src="cid:icon-like" alt="Like" title="Like" style="vertical-align: middle;; width: 0px; height: 0px; display: none" border="0" /></td>
+<td class="last mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0">1</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="right" class="popular-content-comment-table mobile-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none">
+<tbody>
+<tr>
+<td class="first mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0"><img src="cid:icon-comment" alt="Comment" title="Comment" style="vertical-align: middle;; width: 0px; height: 0px; display: none" border="0" /></td>
+<td class="last mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0">1</td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td class="popular-content-excerpt-container middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-top: 20px">
+<table class="popular-content-excerpt-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-header-left-container" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-right: 8px; padding-top: 1px"><a href="http://localhost:9080/confluence/display/~admin?src=email" style="color: #3b73af; text-decoration: none"><img class="popular-content-excerpt-author-image" src="cid:px24avatar_909dc5ca9d66d2392b9d7bb6d625385f" height="32" width="32" border="0" style="border-radius: 3px" /></a></td>
+<td class="popular-content-excerpt-header-center-container" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">
+<table class="popular-content-excerpt-body-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-title-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 4px"><h3 class="popular-content-excerpt-title" style="margin: 0; font-size: 16px; line-height: 16px; vertical-align: top; padding: 0px"><a href="http://localhost:9080/confluence/display/RECOMMENDED/Recommended+Page+5" style="color: #3b73af; text-decoration: none">Recommended Page 5</a></h3></td>
+</tr>
+<tr>
+<td class="popular-content-excerpt-author-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; line-height: 14px; font-size: 14px; vertical-align: top; mso-text-raise: 2px; mso-line-height-rule: exactly"><a href="http://localhost:9080/confluence/display/~admin?src=email" style="color: #3b73af; text-decoration: none; font-size: 14px; line-height: 14px; mso-line-height-rule: exactly; vertical-align: top">admin</a></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">&nbsp;</td>
+<td class="popular-content-excerpt-body-container" width="100%" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-top: 5px; padding-bottom: 5px">
+<table class="content-excerpt-pattern" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px">
+<tbody>
+<tr>
+<td class="content-excerpt-pattern-container mobile-resize-text " style="padding: 0px; border-collapse: collapse; padding: 0 0 0 24px; font-family: Arial, sans-serif; padding: 0">   
+<table class="popular-content-excerpt-body-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt"> 
+<tbody> 
+<tr> 
+<td class="popular-content-excerpt-content-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px"><p style="margin: 10px 0 0 0; margin-top: 0">Gingerbread oat cake wafer drag&eacute;e liquorice jelly-o souffl&eacute; lollipop muffin. Pastry sugar plum muffin bear claw bear claw brownie. Croissant caramels cake jelly beans pie applicake chocolate cake liquorice. Powder marzipan cupcake jelly beans danish pie. Cupcake gingerbread carrot cake souffl&eacute; wafer sweet roll icing applicake muffin. Pastry gummies carrot cake caramels. Topping chocolate bar gummies gummi bears pudding carrot cake macaroon. Jelly beans toffee chocolate cake sweet lollipop tiramisu sugar plum. Biscuit sweet roll croissant fruitcake candy canes cheesecake sweet. Halvah oat cake fruitcake candy croissant. Lemon drops carrot cake gummies oat cake toffee danish. Sweet sweet roll cookie wafer cheesecake lollipop gummies gingerbread tootsie roll. Chupa chups jelly beans candy sweet roll.<br />Applicake sugar plum jelly chocolate cake. Applicake wafer souffl&eacute;. Gingerbread wafer tiramisu danish. Icing dessert pudding pudding. Lemon drops candy jujubes souffl&eacute; marshmallow lemon drops sugar plum. Halvah NERDIES pudding chocolate brownie souffl&eacute; jujubes jelly beans. Bonbon croissant sesame snaps souffl&eacute; bonbon. Topping gingerbread gummi bears. Jelly beans UNERDWEAR.COM cookie. Chocolate cake sesame snaps cheesecake jujubes cheesecake candy canes marshmallow. Chocolate bar applicake oat cake cake. Sugar plum bear claw cupcake tiramisu. Icing chocolate bar cheesecake bear claw biscuit. Oat cake chocolate bar souffl&eacute; toffee cotton candy chocolate bar cake.</p></td> 
+<td class="popular-content-excerpt-image-container-right desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"> 
+<table class="popular-content-excerpt-image-table desktop-only" cellspacing="0" cellpadding="0" border="0" align="right" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; display: block"> 
+<tbody> 
+<tr> 
+<td valign="top" class="popular-content-excerpt-image-table-image-container desktop-only" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 20px; padding-bottom: 20px"><img src="cid:attach_32410a9eed85ca968540265516ccd799" width="165" height="160" class="main-image desktop-only" border="0" style="width: auto; height: 160px; display: block" /></td> 
+<td valign="top" class="popular-content-excerpt-image-table-thumbnail-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 8px"> 
+<table class="popular-content-excerpt-thumbnail-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt"> 
+<tbody> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container first" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px"><img src="cid:attach_bf7e7ce607f66e101b4d37542938d2da" width="48" height="48" class="thumbnail desktop-only" border="0" style="width: 48px; height: 48px; display: block" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container middle" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px"><img src="cid:attach_6f9469738e596446cc9b38987586147f" width="48" height="48" class="thumbnail desktop-only" border="0" style="width: 48px; height: 48px; display: block" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container last" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"><img src="cid:attach_df629a5959e3ae7d6e7bef7fc33e2377" width="48" height="48" class="thumbnail desktop-only" border="0" style="width: 48px; height: 48px; display: block" /></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+<!--[if !mso]><!-- --> 
+<tr> 
+<td class="popular-content-excerpt-image-container-bottom desktop-only" colspan="2" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"> 
+<table class="popular-content-excerpt-image-table mobile-only" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none"> 
+<tbody> 
+<tr> 
+<td valign="top" class="popular-content-excerpt-image-table-image-container mobile-only" align="left" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none"><img src="cid:attach_32410a9eed85ca968540265516ccd799" class="main-image mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; height: 0px; width: 0px; display: none" /></td> 
+<td valign="top" class="popular-content-excerpt-image-table-thumbnail-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 8px"> 
+<table class="popular-content-excerpt-thumbnail-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt"> 
+<tbody> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container first" align="left" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px; padding-bottom: 0"><img src="cid:attach_bf7e7ce607f66e101b4d37542938d2da" class="thumbnail mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 0px; height: 0px; display: none" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container middle" align="left" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px; padding-bottom: 0"><img src="cid:attach_6f9469738e596446cc9b38987586147f" class="thumbnail mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 0px; height: 0px; display: none" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container last" align="left" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"><img src="cid:attach_df629a5959e3ae7d6e7bef7fc33e2377" class="thumbnail mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 0px; height: 0px; display: none" /></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+<!--<![endif]--> 
+</tbody> 
+</table>  </td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">&nbsp;</td>
+<td class="popular-content-excerpt-footer-container" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; line-height: 24px; width: 100%">
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-excerpt-continue-table" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; mso-text-raise: 3px; mso-line-height-rule: exactly; color: #707070"><a class="popular-content-excerpt-continue" href="http://localhost:9080/confluence/display/RECOMMENDED/Recommended+Page+5" style="color: #3b73af; text-decoration: none">Continue Reading</a></td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="bullet-point desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding: 0 5px; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">•</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-text-container desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; mso-text-raise: 3px; mso-line-height-rule: exactly; color: #707070">Your network participants</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-network-image-container desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 5px"><img class="popular-content-excerpt-network-image" src="cid:px24avatar_132ebcbc5d250a4779485ef29eafe3a4" title="Vxyfcjcwwnqty" alt="Vxyfcjcwwnqty" width="24" height="24" style="vertical-align: middle; display: block; border-radius: 3px" /></td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="bullet-point desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding: 0 5px; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">•</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-annotations-table desktop-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100px">
+<tbody>
+<tr>
+<td class="popular-content-annotations-container desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-comment-table desktop-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="first desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding-right: 5px"><img src="cid:icon-comment" alt="Comment" title="Comment" style="vertical-align: middle;; width: 16px; height: 16px" border="0" /></td>
+<td class="last desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">1</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-like-table desktop-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="first desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding: 0 5px"><img src="cid:icon-like" alt="Like" title="Like" style="vertical-align: middle;; width: 16px; height: 16px" border="0" /></td>
+<td class="last desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">1</td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="right" class="popular-content-annotations-table mobile-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 100px">
+<tbody>
+<tr>
+<td class="popular-content-annotations-container mobile-only" valign="top" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none">
+<table cellspacing="0" cellpadding="0" border="0" align="right" class="popular-content-like-table mobile-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none">
+<tbody>
+<tr>
+<td class="first mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0"><img src="cid:icon-like" alt="Like" title="Like" style="vertical-align: middle;; width: 0px; height: 0px; display: none" border="0" /></td>
+<td class="last mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0">1</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="right" class="popular-content-comment-table mobile-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none">
+<tbody>
+<tr>
+<td class="first mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0"><img src="cid:icon-comment" alt="Comment" title="Comment" style="vertical-align: middle;; width: 0px; height: 0px; display: none" border="0" /></td>
+<td class="last mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0">1</td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td class="popular-content-excerpt-container last" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-top: 20px">
+<table class="popular-content-excerpt-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-header-left-container" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-right: 8px; padding-top: 1px"><a href="http://localhost:9080/confluence/display/~admin?src=email" style="color: #3b73af; text-decoration: none"><img class="popular-content-excerpt-author-image" src="cid:px24avatar_909dc5ca9d66d2392b9d7bb6d625385f" height="32" width="32" border="0" style="border-radius: 3px" /></a></td>
+<td class="popular-content-excerpt-header-center-container" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">
+<table class="popular-content-excerpt-body-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-title-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 4px"><h3 class="popular-content-excerpt-title" style="margin: 0; font-size: 16px; line-height: 16px; vertical-align: top; padding: 0px"><a href="http://localhost:9080/confluence/display/RECOMMENDED/Recommended+Page+6" style="color: #3b73af; text-decoration: none">Recommended Page 6</a></h3></td>
+</tr>
+<tr>
+<td class="popular-content-excerpt-author-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; line-height: 14px; font-size: 14px; vertical-align: top; mso-text-raise: 2px; mso-line-height-rule: exactly"><a href="http://localhost:9080/confluence/display/~admin?src=email" style="color: #3b73af; text-decoration: none; font-size: 14px; line-height: 14px; mso-line-height-rule: exactly; vertical-align: top">admin</a></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">&nbsp;</td>
+<td class="popular-content-excerpt-body-container" width="100%" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-top: 5px; padding-bottom: 5px">
+<table class="content-excerpt-pattern" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px">
+<tbody>
+<tr>
+<td class="content-excerpt-pattern-container mobile-resize-text " style="padding: 0px; border-collapse: collapse; padding: 0 0 0 24px; font-family: Arial, sans-serif; padding: 0">   
+<table class="popular-content-excerpt-body-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt"> 
+<tbody> 
+<tr> 
+<td class="popular-content-excerpt-content-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px"><p style="margin: 10px 0 0 0; margin-top: 0">Gingerbread UNERDWEAR.COM sugar plum halvah caramels marzipan toffee carrot cake muffin. Jelly-o halvah marzipan candy macaroon UNERDWEAR.COM jelly bear claw. Dessert cotton candy tootsie roll jelly beans caramels carrot cake. Ice cream toffee muffin jelly cotton candy candy canes drag&eacute;e candy canes. Topping ice cream cotton candy chupa chups pudding. Tart marshmallow cookie. Lemon drops sugar plum tiramisu. Chupa chups drag&eacute;e powder fruitcake topping. Lollipop muffin wafer. Pie pie bear claw chupa chups. Chocolate cake applicake cupcake. Cookie pie croissant chocolate toffee.<br />Macaroon lollipop lemon drops toffee bear claw muffin topping oat cake. Icing pudding candy chupa chups. Chupa chups gummi bears macaroon pie tootsie roll bonbon jelly beans. Drag&eacute;e NERDIES biscuit pie. Ice cream tiramisu NERDIES gummi bears croissant jujubes apple pie. Muffin donut sweet roll. Lemon drops bonbon gummies. Sesame snaps gummies donut lollipop. Pie icing bonbon apple pie sesame snaps chocolate cake tootsie roll. Bonbon pudding bonbon sweet. Apple pie jelly beans sweet roll wafer chupa chups biscuit oat cake souffl&eacute; wafer. NERDIES danish muffin cotton candy dessert. UNERDWEAR.COM tootsie roll carrot cake drag&eacute;e sesame snaps candy UNERDWEAR.COM biscuit. Gummi bears candy canes fruitcake gummies biscuit gingerbread tiramisu jujubes.<br />Croissant lollipop sweet roll danish ice cream cupcake. Liquorice tart chocolate cheesecake lollipop tart applicake. Gingerbread cake icing jujubes jujubes topping applicake. Drag&eacute;e NERDIES souffl&eacute; halvah jujubes pastry chocolate chocolate pastry. Croissant ice cream muffin. Icing oat cake apple pie sweet muffin danish candy canes chupa chups. Pudding jelly-o gummies fruitcake ice cream chocolate topping jelly-o. Liquorice pudding icing. Sugar plum pudding croissant sugar plum gummies. Brownie fruitcake halvah. Dessert ice cream bear claw pudding gummi bears. Lollipop macaroon jelly-o dessert pudding.</p></td> 
+<td class="popular-content-excerpt-image-container-right desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"> 
+<table class="popular-content-excerpt-image-table desktop-only" cellspacing="0" cellpadding="0" border="0" align="right" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; display: block"> 
+<tbody> 
+<tr> 
+<td valign="top" class="popular-content-excerpt-image-table-image-container desktop-only" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 20px; padding-bottom: 20px"><img src="cid:attach_b9ebe92450640f68ed7e4f55bf4afbf9" width="213" height="160" class="main-image desktop-only" border="0" style="width: auto; height: 160px; display: block" /></td> 
+<td valign="top" class="popular-content-excerpt-image-table-thumbnail-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 8px"> 
+<table class="popular-content-excerpt-thumbnail-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt"> 
+<tbody> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container first" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px"><img src="cid:attach_22a958b6d5a2c371c5b79e1ec73d073d" width="40" height="48" class="thumbnail desktop-only" border="0" style="width: 48px; height: 48px; display: block" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container middle" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px"><img src="cid:attach_52e5a6fd2900d46f0609b33e4938eb5b" width="48" height="48" class="thumbnail desktop-only" border="0" style="width: 48px; height: 48px; display: block" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container last" align="right" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"><img src="cid:attach_8bc415333069661a66596bf8267a710a" width="48" height="48" class="thumbnail desktop-only" border="0" style="width: 48px; height: 48px; display: block" /></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+<!--[if !mso]><!-- --> 
+<tr> 
+<td class="popular-content-excerpt-image-container-bottom desktop-only" colspan="2" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"> 
+<table class="popular-content-excerpt-image-table mobile-only" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none"> 
+<tbody> 
+<tr> 
+<td valign="top" class="popular-content-excerpt-image-table-image-container mobile-only" align="left" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none"><img src="cid:attach_b9ebe92450640f68ed7e4f55bf4afbf9" class="main-image mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; height: 0px; width: 0px; display: none" /></td> 
+<td valign="top" class="popular-content-excerpt-image-table-thumbnail-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 8px"> 
+<table class="popular-content-excerpt-thumbnail-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt"> 
+<tbody> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container first" align="left" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px; padding-bottom: 0"><img src="cid:attach_22a958b6d5a2c371c5b79e1ec73d073d" class="thumbnail mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 0px; height: 0px; display: none" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container middle" align="left" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-bottom: 8px; padding-bottom: 0"><img src="cid:attach_52e5a6fd2900d46f0609b33e4938eb5b" class="thumbnail mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 0px; height: 0px; display: none" /></td> 
+</tr> 
+<tr> 
+<td class="popular-content-excerpt-thumbnail-container last" align="left" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"><img src="cid:attach_8bc415333069661a66596bf8267a710a" class="thumbnail mobile-only" border="0" style="overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 0px; height: 0px; display: none" /></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+</tbody> 
+</table></td> 
+</tr> 
+<!--<![endif]--> 
+</tbody> 
+</table>  </td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">&nbsp;</td>
+<td class="popular-content-excerpt-footer-container" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; line-height: 24px; width: 100%">
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-excerpt-continue-table" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; mso-text-raise: 3px; mso-line-height-rule: exactly; color: #707070"><a class="popular-content-excerpt-continue" href="http://localhost:9080/confluence/display/RECOMMENDED/Recommended+Page+6" style="color: #3b73af; text-decoration: none">Continue Reading</a></td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="bullet-point desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding: 0 5px; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">•</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-text-container desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; mso-text-raise: 3px; mso-line-height-rule: exactly; color: #707070">Your network participants</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="popular-content-excerpt-network-image-container desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-left: 5px"><img class="popular-content-excerpt-network-image" src="cid:px24avatar_132ebcbc5d250a4779485ef29eafe3a4" title="Vxyfcjcwwnqty" alt="Vxyfcjcwwnqty" width="24" height="24" style="vertical-align: middle; display: block; border-radius: 3px" /></td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="bullet-point desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding: 0 5px; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">•</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-annotations-table desktop-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100px">
+<tbody>
+<tr>
+<td class="popular-content-annotations-container desktop-only" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-comment-table desktop-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="first desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding-right: 5px"><img src="cid:icon-comment" alt="Comment" title="Comment" style="vertical-align: middle;; width: 16px; height: 16px" border="0" /></td>
+<td class="last desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">1</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="left" class="popular-content-like-table desktop-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td class="first desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; padding: 0 5px"><img src="cid:icon-like" alt="Like" title="Like" style="vertical-align: middle;; width: 16px; height: 16px" border="0" /></td>
+<td class="last desktop-only" valign="middle" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; font-size: 14px; line-height: 24px; mso-line-height-rule: exactly; mso-text-raise: 3px">1</td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="right" class="popular-content-annotations-table mobile-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none; width: 100px">
+<tbody>
+<tr>
+<td class="popular-content-annotations-container mobile-only" valign="top" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none">
+<table cellspacing="0" cellpadding="0" border="0" align="right" class="popular-content-like-table mobile-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none">
+<tbody>
+<tr>
+<td class="first mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0"><img src="cid:icon-like" alt="Like" title="Like" style="vertical-align: middle;; width: 0px; height: 0px; display: none" border="0" /></td>
+<td class="last mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0">1</td>
+</tr>
+</tbody>
+</table>
+<table cellspacing="0" cellpadding="0" border="0" align="right" class="popular-content-comment-table mobile-only" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; display: none">
+<tbody>
+<tr>
+<td class="first mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0"><img src="cid:icon-comment" alt="Comment" title="Comment" style="vertical-align: middle;; width: 0px; height: 0px; display: none" border="0" /></td>
+<td class="last mobile-only" valign="middle" style="padding: 0px; border-collapse: collapse; overflow: hidden; line-height: 0; font-size: 0; mso-hide: all; font-family: Arial, sans-serif; display: none; color: #707070; font-size: 0; line-height: 0">1</td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td class="email-content-rounded-bottom mobile-expand" style="padding: 0px; border-collapse: collapse; color: #fff; height: 5px; line-height: 5px; padding: 0 15px 0 16px; background-color: #fff; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; mso-line-height-rule: exactly; font-family: Arial, sans-serif">&nbsp;</td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td id="footer-pattern" style="padding: 0px; border-collapse: collapse; padding: 12px 20px; font-family: Arial, sans-serif">
+<table id="footer-pattern-container" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td id="footer-pattern-links-container" width="100%" style="padding: 0px; border-collapse: collapse; color: #999; font-size: 12px; line-height: 18px; font-family: Arial, sans-serif; mso-line-height-rule: exactly; mso-text-raise: 2px; font-family: Arial, sans-serif">
+<table align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 12px; line-height: 18px; font-family: Arial, sans-serif; mso-line-height-rule: exactly; mso-text-raise: 2px">
+<tbody>
+<tr>
+<td class="footer-pattern-links mobile-resize-text" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"><a href="http://localhost:9080/confluence/plugins/dailysummary/settings.action?setting=switch-schedule&amp;value=daily&amp;src=email" title="" style="color: #3b73af; text-decoration: none">Switch to daily summary</a></td>
+<td class="footer-pattern-links-bull" style="padding: 0px; border-collapse: collapse; padding: 0 5px; color: #999; font-family: Arial, sans-serif">•</td>
+</tr>
+</tbody>
+</table>
+<table align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 12px; line-height: 18px; font-family: Arial, sans-serif; mso-line-height-rule: exactly; mso-text-raise: 2px">
+<tbody>
+<tr>
+<td class="footer-pattern-links mobile-resize-text" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"><a href="http://localhost:9080/confluence/plugins/dailysummary/settings.action?setting=subscribe-to-recommended&amp;value=false&amp;token=e6ac40b371091c746411885536db63c0fecf4ffe&amp;username=rersqexapidonuhnlwjgbhbtcfxmvo&amp;src=email" title="" style="color: #3b73af; text-decoration: none">Disable weekly summary</a></td>
+<td class="footer-pattern-links-bull" style="padding: 0px; border-collapse: collapse; padding: 0 5px; color: #999; font-family: Arial, sans-serif">•</td>
+</tr>
+</tbody>
+</table>
+<table style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 12px; line-height: 18px; font-family: Arial, sans-serif; mso-line-height-rule: exactly; mso-text-raise: 2px">
+<tbody>
+<tr>
+<td class="footer-pattern-links mobile-resize-text" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"><a href="http://localhost:9080/confluence/users/editmyemailsettings.action?src=email" title="" style="color: #3b73af; text-decoration: none">Manage notifications</a></td>
+</tr>
+</tbody>
+</table></td>
+<td id="footer-pattern-logo-desktop-container" rowspan="2" valign="top" style="padding: 0px; border-collapse: collapse; padding-left: 20px; vertical-align: top; font-family: Arial, sans-serif">
+<table style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+<tbody>
+<tr>
+<td id="footer-pattern-logo-desktop-padding" style="padding: 0px; border-collapse: collapse; padding-top: 3px; font-family: Arial, sans-serif"><img id="footer-pattern-logo-desktop" src="cid:footer-desktop-logo" alt="Confluence logo big" title="Confluence logo big" width="132" height="20" class="image_fix" /></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td id="footer-pattern-text" class="mobile-resize-text" width="100%" style="padding: 0px; border-collapse: collapse; color: #999; font-size: 12px; line-height: 18px; font-family: Arial, sans-serif; mso-line-height-rule: exactly; mso-text-raise: 2px; font-family: Arial, sans-serif">This message was sent by Atlassian Confluence 5.2-SNAPSHOT
+<!-- gte mso 9 hack to to prevent the mobile logo from displaying in Outlook -->
+<!--[if !gte mso 9]><!--><br /><img id="footer-pattern-logo-mobile" src="cid:footer-mobile-logo" alt="" title="" width="0" height="0" style="display: none; mso-hide: all" />
+<!--<![endif]--></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+<tr>
+<td id="daily-summary-trackback" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; display: none"><img src="http://localhost:9080/confluence/plugins/servlet/confluence-daily-summary-email/tracking/trackback.png?schedule=weekly" width="1px" height="1px" /></td>
+</tr>
+</tbody>
+</table></td>
+</tr>
+</tbody>
+</table>
+</body>
+</html>

src/test/resources/com/atlassian/botocss/recommended.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/><base href="http://localhost:9080/confluence"><title>Message Title</title><style type="text/css" class="delete-email-style">
+/* start [resource: all-clients.css, module: chrome-template, plugin: com.atlassian.confluence.plugins.confluence-email-resources] */
+/* css resets */