You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@jackrabbit.apache.org by mr...@apache.org on 2019/05/20 11:23:20 UTC

svn commit: r1859550 [25/26] - in /jackrabbit/site/live/archive: ./ wiki/ wiki/JCR/ wiki/JCR/attachments/ wiki/JCR/attachments/115513387/ wiki/JCR/attachments/115513390/ wiki/JCR/attachments/115513408/ wiki/JCR/attachments/115513413/ wiki/JCR/attachmen...

Added: jackrabbit/site/live/archive/wiki/JCR/styles/site.css
URL: http://svn.apache.org/viewvc/jackrabbit/site/live/archive/wiki/JCR/styles/site.css?rev=1859550&view=auto
==============================================================================
--- jackrabbit/site/live/archive/wiki/JCR/styles/site.css (added)
+++ jackrabbit/site/live/archive/wiki/JCR/styles/site.css Mon May 20 11:23:18 2019
@@ -0,0 +1,4305 @@
+
+
+@import './imports/global';
+
+/**
+ * RESET
+ */
+html, body, p, div, h1, h2, h3, h4, h5, h6, img, pre, form, fieldset {
+    margin: 5;
+    padding: 0;
+}
+ul, ol, dl {
+    margin: 0;
+}
+img, fieldset {
+    border: 0;
+}
+@-moz-document url-prefix() {
+    img {
+        font-size: 0;
+    }
+    img:-moz-broken {
+        font-size: inherit;
+    }
+}
+
+/* https://github.com/necolas/normalize.css */
+/* Customised to remove styles for unsupported browsers */
+// HTML5 display definitions
+// ==========================================================================
+// Correct `block` display not defined for `details` or `summary` in IE 9/10/11 and Firefox.
+// Correct `block` display not defined for `main` in IE 9/10/11.
+details,
+main,
+summary {
+    display: block;
+}
+
+// 1. Correct `inline-block` display not defined in IE 9.
+// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+audio,
+canvas,
+progress,
+video {
+    display: inline-block; // 1
+    vertical-align: baseline; // 2
+}
+
+// Prevent modern browsers from displaying `audio` without controls.
+// Remove excess height in iOS 5 devices.
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+// Address `[hidden]` styling not present in IE 8/9/10.
+// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+[hidden],
+template {
+    display: none;
+}
+
+// Prevent iOS defaulting to push-button which ignores many styles unless a bg image is set
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+    -webkit-appearance: button;
+}
+
+
+@import './imports/global';
+
+/**
+ * TYPOGRAPHY - 14px base font size, agnostic font stack
+ */
+body {
+    color: @aui-text-color;
+    font-family: @aui-font-family;
+    font-size: @aui-font-size-medium;
+    font-weight: @aui-font-weight-normal;
+    line-height: unit(20 / @aui-font-size-medium);
+    letter-spacing: @aui-font-letter-spacing;
+}
+
+/* International Font Stacks*/
+[lang|=en] {
+    font-family: @aui-font-family;
+}
+
+[lang|=ja] {
+    font-family: @aui-font-family-ja;
+}
+
+/* Default margins */
+p,
+ul,
+ol,
+dl,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+blockquote,
+pre,
+form.aui,
+table.aui,
+.aui-tabs,
+.aui-panel,
+.aui-group {
+    margin: @aui-grid 0 0 0;
+}
+
+/* No top margin to interfere with box padding */
+p:first-child,
+ul:first-child,
+ol:first-child,
+dl:first-child,
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child,
+blockquote:first-child,
+pre:first-child,
+form.aui:first-child,
+table.aui:first-child,
+.aui-tabs:first-child,
+.aui-panel:first-child,
+.aui-group:first-child {
+    margin-top: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: @aui-text-color;
+}
+
+/* Headings: desired line height in px / font size = unitless line height */
+h1 {
+    #aui.typography.h700();
+    margin: (@aui-grid * 3) 0 0 0;
+}
+h2 {
+    #aui.typography.h600();
+    margin: (@aui-grid * 3) 0 0 0;
+}
+h3 {
+    #aui.typography.h500();
+    margin: (@aui-grid * 3) 0 0 0;
+}
+h4 {
+    #aui.typography.h400();
+    margin: (@aui-grid * 2) 0 0 0;
+}
+h5 {
+    #aui.typography.h300();
+    margin: (@aui-grid * 2) 0 0 0;
+}
+h6 {
+    #aui.typography.h200();
+    margin: (@aui-grid * 2) 0 0 0;
+}
+
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child {
+    margin-top: 0;
+}
+/* Nice styles for using subheadings */
+h1 + h2,
+h2 + h3,
+h3 + h4,
+h4 + h5,
+h5 + h6 {
+    margin-top: @aui-grid;
+}
+/* Increase the margins on all headings when used in the group/item pattern ... */
+.aui-group > .aui-item > h1:first-child,
+.aui-group > .aui-item > h2:first-child,
+.aui-group > .aui-item > h3:first-child,
+.aui-group > .aui-item > h4:first-child,
+.aui-group > .aui-item > h5:first-child,
+.aui-group > .aui-item > h6:first-child {
+    margin-top: (@aui-grid * 2);
+}
+/* ... unless they're the first-child */
+.aui-group:first-child > .aui-item > h1:first-child,
+.aui-group:first-child > .aui-item > h2:first-child,
+.aui-group:first-child > .aui-item > h3:first-child,
+.aui-group:first-child > .aui-item > h4:first-child,
+.aui-group:first-child > .aui-item > h5:first-child,
+.aui-group:first-child > .aui-item > h6:first-child {
+    margin-top: 0;
+}
+
+/* Other typographical elements */
+small {
+    color: @aui-small-text-color;
+    font-size: @aui-font-size-small;
+    line-height: unit(16 / @aui-font-size-small);
+}
+code,
+kbd {
+    font-family: @aui-code-font-family;
+}
+var,
+address,
+dfn,
+cite {
+    font-style: italic;
+}
+cite:before {
+    content: "\2014 \2009";
+}
+blockquote {
+    border-left: @aui-border-width @aui-border-style @aui-border-color;
+    color: @aui-blockquote-text-color;
+    margin-left: (@aui-grid * 2 - 1);
+    padding: @aui-grid (@aui-grid * 2);
+}
+blockquote > cite {
+    display: block;
+    margin-top: @aui-grid;
+}
+q {
+    color: @aui-quote-text-color;
+}
+q:before {
+    content: open-quote;
+}
+q:after {
+    content: close-quote;
+}
+abbr {
+    border-bottom: 1px @aui-abbr-border-color dotted;
+    cursor: help;
+}
+
+/* Deprecated header styles; to be removed in AUI 8.0 */
+.aui-page-header-hero .aui-page-header-main h1,
+.aui-page-header-hero .aui-page-header-main h2,
+.aui-page-header-marketing .aui-page-header-main h1,
+.aui-page-header-marketing .aui-page-header-main h2 {
+    #aui.typography.h800();
+    margin: (@aui-grid * 3) 0 0 0;
+}
+.aui-page-header-hero .aui-page-header-main p,
+.aui-page-header-marketing .aui-page-header-main p {
+    #aui.typography.h600();
+    margin: (@aui-grid * 3) 0 0 0;
+}
+
+
+@import './imports/global';
+
+/**
+ * LINK
+ */
+
+
+a {
+    color: @aui-link-color;
+    text-decoration: @aui-link-decoration;
+}
+
+a:hover {
+    color: @aui-link-color-hover;
+    text-decoration: @aui-link-decoration-active;
+}
+
+a:focus,
+a:active {
+    text-decoration: @aui-link-decoration;
+}
+
+a:active {
+    color: @aui-link-color-active;
+}
+
+
+@import './imports/global';
+
+/**
+ * PAGE LAYOUT
+ */
+.aui-header,
+#footer {
+    clear: both;
+    float: left;
+    width: 100%;
+}
+
+#content {
+    box-sizing: border-box;
+    clear: both;
+    position: relative;
+}
+
+#content:before {
+    content: "";
+    clear: both;
+    display: table;
+}
+
+#footer .footer-body a {
+    color: @aui-footer-body-link-text-color;
+}
+
+#footer .footer-body > ul,
+#footer .footer-body > p {
+    margin: @aui-grid 0 0 0;
+}
+
+#footer .footer-body > ul:first-child,
+#footer .footer-body > p:first-child {
+    margin: 0;
+}
+
+#footer .footer-body > ul {
+    display: block;
+    font-size: 0;
+    list-style: none;
+    padding: 0;
+}
+
+#footer .footer-body > ul > li {
+    display: inline-block;
+    font-size: @aui-font-size-small;
+    line-height: unit(20 / @aui-font-size-small);
+    padding: 0;
+    white-space: nowrap;
+}
+
+#footer .footer-body > ul > li + li {
+    margin-left: @aui-grid;
+}
+
+#footer .footer-body > ul > li:after {
+    content: "\b7"; /* mid dot */
+    margin-left: @aui-grid;
+    speak: none;
+}
+
+#footer .footer-body > ul > li:last-child:after {
+    display: none;
+}
+
+/**
+ * DEFAULT THEME SPACING
+ */
+
+#content {
+    margin: 0;
+    padding: 0;
+}
+
+/**
+ * PAGE DESIGN
+ */
+body {
+    background: @aui-background-color;
+    color: @aui-text-color;
+}
+
+#footer .footer-body {
+    color: @aui-footer-body-text-color;
+    font-size: @aui-font-size-small;
+    line-height: unit(20 / @aui-font-size-small);
+    margin: (@aui-grid * 2) 0;
+    padding: 0 @aui-grid (@aui-grid * 2 + 1) @aui-grid;
+    min-height: 44px; /* margin + height of image, means footer is just as high if no footer link present */
+    text-align: center;
+}
+
+/**
+ * CONTENT PANEL
+ */
+#content > .aui-panel {
+    background: @aui-panel-bg-color;
+    margin: (@aui-grid * 2) 0 0 0;
+    padding: (@aui-grid * 2);
+    border-color: @aui-border-color;
+    border-style: @aui-border-style;
+    border-width: @aui-border-width 0;
+}
+
+#content > .aui-page-header {
+    padding: (@aui-grid * 2);
+}
+
+#content > .aui-page-header + .aui-panel {
+    margin-top: 0;
+}
+
+#content > .aui-page-header:first-child {
+    margin-top: 0;
+}
+
+.aui-panel + .aui-panel {
+    margin-top: (@aui-grid * 2);
+}
+
+/*! AUI Page Panel */
+.aui-page-panel {
+    background: @aui-panel-bg-color;
+    border: @aui-border-width @aui-border-type @aui-border-color;
+    border-left-width: 0;
+    border-right-width: 0;
+    box-sizing: border-box;
+    clear: both;
+    display: block;
+    margin: (@aui-grid * 2) 0 0 0;
+    padding: 0;
+    position: relative;
+    width: 100%;
+}
+
+.aui-page-panel-inner {
+    border-spacing: 0;
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+}
+
+.aui-page-panel-nav,
+.aui-page-panel-content,
+.aui-page-panel-item,
+.aui-page-panel-sidebar {
+    box-sizing: border-box;
+    display: table-cell;
+    padding: (@aui-grid * 2);
+    vertical-align: top;
+}
+
+.aui-page-panel-nav {
+    border-right: @aui-border-width @aui-border-type @aui-border-color;
+    width: @aui-page-nav-width;
+
+    .aui-navgroup ~ .aui-page-panel &,
+    .aui-sidebar ~ .aui-page-panel &,
+    .aui-page-header ~ .aui-page-panel & {
+        background: @ak-color-N0;
+    }
+
+    // Standalone
+    .aui-page-panel & {
+        background: @aui-sidebar-background-color;
+    }
+}
+
+.aui-page-panel-sidebar {
+    width: @aui-page-sidebar-width;
+}
+
+.aui-page-panel-item {
+    padding: 0;
+}
+
+.aui-page-panel-nav ~ .aui-page-panel-sidebar {
+    width: (@aui-page-sidebar-width - 5);
+}
+
+/* Page Panel Interops */
+.aui-page-header + .aui-page-panel,
+.aui-navbar + .aui-page-panel {
+    margin-top: 0;
+}
+
+.aui-navbar + .aui-page-panel {
+    border-top: none;
+}
+
+.aui-page-panel-nav > .aui-nav-vertical,
+.aui-page-panel-nav > .aui-navgroup-vertical {
+    margin-left: -(@aui-grid);
+    margin-right: -(@aui-grid);
+
+    /* tree indication for nested aui-nav's.
+       it is expected that these are always expanded and no icons are added to the nav items. */
+    .aui-nav .aui-nav {
+        margin-top: 0;
+        padding: 0 0 0 (@aui-grid * 2);
+
+        > li {
+            position: relative;
+
+            &::before,
+            &::after {
+                background-color: @aui-border-color;
+                content: "";
+                left: -(@aui-grid / 2);
+                position: absolute;
+            }
+
+            &::before {
+                bottom: 0;
+                top: 0;
+                width: @aui-nav-subtree-indicator-width;
+            }
+
+            &::after {
+                height: @aui-nav-subtree-indicator-width;
+                top: @aui-font-size-medium;
+                width: (@aui-grid / 2);
+            }
+            &:last-child::before,
+            &.aui-nav-more::before {
+                bottom: 50%;
+            }
+        }
+    }
+}
+
+.aui-page-panel-content > .aui-navgroup-horizontal {
+    margin-left: -(@aui-grid * 2);
+    margin-right: -(@aui-grid * 2);
+}
+.aui-navgroup-horizontal + .aui-page-panel {
+    border-top: 0;
+    margin-top: 0;
+}
+.aui-page-panel-content > .aui-navgroup-horizontal:first-child {
+    margin-top: -(@aui-grid * 2);
+}
+
+/**
+ * Page variations
+ */
+.aui-page-focused .aui-page-header,
+.aui-page-focused .aui-page-panel,
+.aui-page-focused #footer .footer-body,
+.aui-page-notification .aui-page-header,
+.aui-page-notification .aui-page-panel,
+.aui-page-notification #footer .footer-body,
+.aui-page-fixed .aui-header-inner,
+.aui-page-fixed .aui-page-header-inner,
+.aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner,
+.aui-page-fixed .aui-page-panel-inner,
+.aui-page-fixed #footer .footer-body,
+.aui-page-hybrid .aui-page-header,
+.aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner,
+.aui-page-hybrid .aui-page-panel-inner,
+.aui-page-hybrid #footer .footer-body {
+    margin-left: auto;
+    margin-right: auto;
+    width: @aui-page-width-xlarge;
+}
+
+/* extra width so left edge of hoverable content aligns with left edge of content while inactive. On hover, the hover affordance does extend outside the alignment but this looks better than the other way around. */
+.aui-page-fixed .aui-header-inner,
+.aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner,
+.aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner {
+    width: (@aui-page-width-xlarge + (@aui-grid * 2));
+}
+
+.aui-page-focused,
+.aui-page-size {
+    &-small {
+        .aui-page-header,
+        .aui-page-panel,
+        #footer .footer-body {
+            width: @aui-page-width-small;
+        }
+    }
+    &-medium {
+        .aui-page-header,
+        .aui-page-panel,
+        #footer .footer-body {
+            width: @aui-page-width-medium;
+        }
+    }
+    &-large {
+        .aui-page-header,
+        .aui-page-panel,
+        #footer .footer-body {
+            width: @aui-page-width-large;
+        }
+    }
+    &-xlarge {
+        .aui-page-header,
+        .aui-page-panel,
+        #footer .footer-body {
+            width: @aui-page-width-xlarge;
+        }
+    }
+}
+
+.aui-page-focused,
+.aui-page-notification {
+    .aui-page-panel {
+        border-radius: @aui-border-radius-medium;
+        border-width: @aui-border-width;
+    }
+}
+
+.aui-page-fixed .aui-page-panel-inner,
+.aui-page-fixed #content > .aui-page-header {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.aui-page-fixed .aui-page-panel-nav:first-child,
+.aui-page-fixed .aui-page-panel-content:first-child,
+.aui-page-fixed .aui-page-panel-item:first-child,
+.aui-page-fixed .aui-page-panel-sidebar:first-child,
+.aui-page-hybrid .aui-page-panel-nav:first-child,
+.aui-page-hybrid .aui-page-panel-content:first-child,
+.aui-page-hybrid .aui-page-panel-item:first-child,
+.aui-page-hybrid .aui-page-panel-sidebar:first-child {
+    padding-left: 0;
+}
+
+.aui-page-fixed .aui-page-panel-nav:last-child,
+.aui-page-fixed .aui-page-panel-content:last-child,
+.aui-page-fixed .aui-page-panel-item:last-child,
+.aui-page-fixed .aui-page-panel-sidebar:last-child,
+.aui-page-hybrid .aui-page-panel-nav:last-child,
+.aui-page-hybrid .aui-page-panel-content:last-child,
+.aui-page-hybrid .aui-page-panel-item:last-child,
+.aui-page-hybrid .aui-page-panel-sidebar:last-child {
+    padding-right: 0;
+}
+
+/* reset to 100% inside page panel */
+.aui-page-panel .aui-page-header {
+    width: auto;
+}
+
+.aui-page-panel .aui-page-header-inner {
+    width: 100%;
+}
+
+/**
+ * TABS AS FIRST CHILD IN CONTENT
+ * Explicitly sets bg to white, changes horizontal hovers to work on grey.
+ * Remember these extend the standard component styles.
+ */
+
+#content > .aui-tabs {
+    margin: (@aui-grid * 2);
+
+    > .tabs-pane {
+        padding-top: (@aui-grid * 2);
+        padding-bottom: (@aui-grid * 2);
+    }
+}
+
+/**
+ * AUI Forms inside of a focused page
+ */
+
+.aui-page-focused .aui-page-panel-content > h2:first-child,
+.aui-page-notification .aui-page-panel-content > h1:first-child {
+    border-bottom: @aui-border-width @aui-border-type @aui-border-color;
+    margin-bottom: (@aui-grid * 2);
+    padding-bottom: (@aui-grid * 2);
+}
+
+.aui-page-notification {
+    .aui-page-panel {
+        margin-top: @aui-page-notification-panel-margin-top;
+    }
+
+    .aui-page-panel-content {
+        color: @aui-color-medium-gray;
+        padding: @aui-page-notification-content-padding;
+        text-align: center;
+
+        .aui-page-notification-description {
+            font-size: @aui-font-size-xlarge;
+        }
+
+        form.aui .text {
+            margin-right: @aui-page-notification-panel-content-form-text-margin-right;
+        }
+    }
+
+    &-details {
+        margin: 0 auto;
+        max-width: @aui-page-notification-details-min-width;
+        width: @aui-page-width-xlarge;
+
+        &-header {
+            color: @aui-color-medium-gray;
+            margin: @aui-page-notification-details-header-top-margin auto 0;
+            position: relative;
+            text-align: center;
+
+            &-expander {
+                display: flex;
+                align-items: center;
+                align-content: center;
+                justify-content: center;
+
+                &::before,
+                &::after {
+                    border-top: 1px solid @aui-border-color;
+                    content: '';
+                    display: block;
+                    flex: 1;
+                }
+
+                .aui-expander-trigger {
+                    background-color: @aui-button-default-bg-color;
+                    display: inline-block;
+                    padding: @aui-page-notification-details-header-expander-trigger-padding;
+                    position: relative;
+                }
+            }
+        }
+    }
+}
+
+.aui-page-focused .aui-page-panel-content > form.aui .buttons-container {
+    border-top: @aui-border-width @aui-border-type @aui-border-color;
+    margin-top: (@aui-grid * 2);
+    padding-top: (@aui-grid * 2);
+}
+
+// responsive layout mixins
+.aui-responsive-layout-full-width() {
+    .aui-page-header,
+    .aui-page-panel {
+        #aui.box-sizing(border-box);
+        width: 100%;
+    }
+
+    .aui-page-panel {
+        margin-top: 0;
+    }
+}
+
+.aui-responsive-layout-remove-borders() {
+    .aui-page-panel {
+        border-radius: 0;
+        border-left: 0;
+        border-right: 0;
+    }
+}
+
+#aui.responsive-small({
+    .aui-page-fixed,
+    .aui-page-hybrid {
+        #content > .aui-page-header,
+        .aui-page-panel-inner,
+        .aui-header-inner,
+        .aui-navgroup-horizontal .aui-navgroup-inner,
+        #footer .footer-body {
+            #aui.box-sizing(border-box);
+            width: 100%;
+        }
+    }
+
+    .aui-page-header-inner {
+      display: block;
+      width: 100%;
+    }
+
+    .aui-page-header-actions {
+        display: block;
+        width: auto;
+        text-align: left;
+        margin-top: (@aui-grid  * 2);
+        padding-left: 0;
+        padding-right: (@aui-grid * 2)
+    }
+});
+
+#aui.responsive-medium({
+    .aui-page-hybrid {
+        .aui-page-header,
+        .aui-page-panel-inner,
+        .aui-page-fixed .aui-header-inner,
+        .aui-navgroup-horizontal .aui-navgroup-inner {
+            #aui.box-sizing(border-box);
+            width: 100%;
+        }
+    }
+});
+
+#aui.responsive-large({
+    .aui-page-fixed,
+    .aui-page-hybrid {
+        #content > .aui-page-header,
+        .aui-page-panel-inner {
+            padding-left: (@aui-grid * 2);
+            padding-right: (@aui-grid * 2);
+        }
+    }
+
+    .aui-page-panel-content,
+    .aui-page-panel-sidebar {
+        display: block;
+        padding-left: 0;
+        padding-right: 0;
+        width: auto;
+    }
+
+    .aui-page-fixed .aui-header-inner,
+    .aui-page-fixed .aui-page-header-inner,
+    .aui-page-fixed .aui-page-panel-inner,
+    .aui-page-fixed #footer .footer-body {
+        box-sizing: border-box;
+        width: 100%;
+    }
+});
+
+// General responsive layout breakpoints
+html.aui-responsive {
+
+    // so that text in the footer wraps correctly
+    #footer .footer-body > ul > li {
+        white-space: normal;
+    }
+
+    // Focused page responsive layout breakpoints
+    @media screen and (max-width: 400px) {
+        .aui-page-focused-small {
+            .aui-responsive-layout-full-width();
+            .aui-responsive-layout-remove-borders();
+        }
+    }
+
+    @media screen and (max-width: 600px) {
+        .aui-page-focused-medium {
+            .aui-responsive-layout-full-width();
+            .aui-responsive-layout-remove-borders();
+        }
+    }
+
+    @media screen and (max-width: 800px) {
+        .aui-page-focused-large {
+            .aui-responsive-layout-full-width();
+            .aui-responsive-layout-remove-borders();
+        }
+    }
+
+    @media screen and (max-width: 980px) {
+        .aui-page-focused-xlarge {
+            .aui-responsive-layout-full-width();
+            .aui-responsive-layout-remove-borders();
+        }
+    }
+}
+
+@import 'imports/global';
+
+@atlassian-logo-neutral-image: 'images/logos/atlassian/atlassian-horizontal-neutral.svg';
+@atlassian-logo-blue-image: 'images/logos/atlassian/atlassian-horizontal-blue.svg';
+
+@atlassian-logo-image-width: 127px; // todo when we can use LESS > 1.7.0: image-width(@atlassian-logo-neutral-image);
+@atlassian-logo-image-height: 24px; // todo when we can use LESS > 1.7.0: image-height(@atlassian-logo-neutral-image);
+
+#footer-logo {
+    margin-top: (@aui-grid * 2);
+
+    a {
+        background: url(@atlassian-logo-neutral-image) center center no-repeat;
+        background-size: @atlassian-logo-image-width @atlassian-logo-image-height;
+        display: block;
+        height: @atlassian-logo-image-height;
+        margin: 0 auto;
+        overflow: hidden;
+        text-align: left;
+        text-indent: -9999em;
+        width: @atlassian-logo-image-width;
+
+        &:focus,
+        &:hover,
+        &:active {
+            background-image: url(@atlassian-logo-blue-image);
+        }
+    }
+}
+
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="127px" height="24px" viewBox="0 0 127 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Atlassian horizontal blue gradient - small</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="99.684716%" y1="15.8138128%" x2="39.8444399%" y2="97.4388388%" id="linearGradient-1">
+            <stop stop-color="#0052CC" offset="0%"></stop>
+            <stop stop-color="#2684FF" offset="92.3%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="24px-Horizontal-(small)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Atlassian-horizontal-blue-gradient---small" fill-rule="nonzero">
+            <g id="Atlassian-horizontal-white" transform="translate(0.000000, 4.000000)">
+                <path d="M4.6033507,7.7415462 C4.50957588,7.6201426 4.3584869,7.5560564 4.20495059,7.57256003 C4.05141427,7.58906365 3.917762,7.68375669 3.8525286,7.82225208 L0.0479986399,15.3478991 C-0.0224704299,15.4873506 -0.0149375884,15.6529572 0.0679072777,15.7855827 C0.150752144,15.9182083 0.297097063,15.9989432 0.454684033,15.998958 L5.75229639,15.998958 C5.92564841,16.0029397 6.08507766,15.9054418 6.15898179,15.7502521 C7.30174396,13.4140168 6.60918965,9.86178149 4.6033507,7.7415462 Z" id="Shape" fill="url(#linearGradient-1)"></path>
+                <path d="M7.39063705,0.891423913 C5.46206553,3.82726548 5.23947901,7.55116585 6.80486739,10.6914239 L9.35889922,15.745071 C9.43591592,15.8974796 9.59335546,15.9937607 9.76558462,15.9937769 L15.0622457,15.9937769 C15.2198326,15.9937621 15.3661776,15.9130272 15.4490224,15.7804016 C15.5318673,15.6477761 15.5394001,15.4821695 15.4689311,15.342718 C15.4689311,15.342718 8.34313705,1.24130627 8.16405278,0.888600384 C8.09180217,0.742100172 7.94121255,0.649401501 7.77644974,0.650003005 C7.61168692,0.650604509 7.46179289,0.744400164 7.39063705,0.891423913 L7.39063705,0.891423913 Z" id="Shape" fill="#2684FF"></path>
+                <path d="M69.5182669,6.92795441 C69.5182669,8.79148382 70.3920459,10.2710132 73.809868,10.9241897 C75.8490028,11.3477191 76.2761414,11.6733662 76.2761414,12.3458368 C76.2761414,12.9990132 75.8480515,13.4218368 74.4118099,13.4218368 C72.675931,13.3909586 70.9747568,12.935538 69.4599991,12.0961897 L69.4599991,15.1314838 C70.4893174,15.6310132 71.8485028,16.1881897 74.373044,16.1881897 C77.9461676,16.1881897 79.3638586,14.6117191 79.3638586,12.2688956 M79.3638586,12.2688956 C79.3638586,10.0594838 78.1792388,9.02183676 74.8391864,8.31124853 C72.9943568,7.90771912 72.5477163,7.504425 72.5477163,6.92795441 C72.5477163,6.19854265 73.2079261,5.89054265 74.4313118,5.89054265 C75.9072706,5.89054265 77.3637275,6.332425 78.7424148,6.94724853 L78.7424148,4.04607206 C77.4204099,3.45076937 75.9806039,3.15540879 74.5283455,3.18160147 C71.227059,3.18160147 69.5182669,4.60324853 69.5182669,6.92795441" id="Shape" fill="#0052CC"></path>
+                <polygon id="Shape" fill="#0052CC" points="115.419998 3.38000011 115.419998 16.0025883 118.138607 16.0025883 118.138607 6.37717659 119.284461 8.93223541 123.129421 16.0025883 126.547243 16.0025883 126.547243 3.38000011 123.828635 3.38000011 123.828635 11.5261178 122.799317 9.16282364 119.711599 3.38000011"></polygon>
+                <rect id="Rectangle-path" fill="#0052CC" x="95.1600037" y="3.38000011" width="2.97118165" height="12.6225882"></rect>
+                <path d="M91.7338614,12.2688956 C91.7338614,10.0594838 90.5492415,9.02183676 87.2091891,8.31124853 C85.3643595,7.90771912 84.9177191,7.504425 84.9177191,6.92795441 C84.9177191,6.19854265 85.5779288,5.89054265 86.8013146,5.89054265 C88.2772734,5.89054265 89.7337303,6.332425 91.1124176,6.94724853 L91.1124176,4.04607206 C89.7904126,3.45076937 88.3506066,3.15540879 86.8983483,3.18160147 C83.5970618,3.18160147 81.8882696,4.60324853 81.8882696,6.92795441 C81.8882696,8.79148382 82.7620486,10.2710132 86.1798707,10.9241897 C88.2190056,11.3477191 88.6461442,11.6733662 88.6461442,12.3458368 C88.6461442,12.9990132 88.2180543,13.4218368 86.7818127,13.4218368 C85.0459337,13.3909586 83.3447595,12.935538 81.8300018,12.0961897 L81.8300018,15.1314838 C82.8593202,15.6310132 84.2185056,16.1881897 86.7430468,16.1881897 C90.3161704,16.1881897 91.7338614,14.6117191 91.7338614,12.2688956" id="Shape" fill="#0052CC"></path>
+                <polygon id="Shape" fill="#0052CC" points="46.4399986 3.38000011 46.4399986 16.0025883 52.5469387 16.0025883 53.5084762 13.2743531 49.4304443 13.2743531 49.4304443 3.38000011"></polygon>
+                <polygon id="Shape" fill="#0052CC" points="34.3699989 3.38000011 34.3699989 6.10800011 37.6712854 6.10800011 37.6712854 16.0025883 40.6617311 16.0025883 40.6617311 6.10800011 44.1960888 6.10800011 44.1960888 3.38000011"></polygon>
+                <path d="M30.0382061,3.38000011 L26.1190431,3.38000011 L21.6700001,16.0025883 L25.0676068,16.0025883 L25.6983259,13.876706 C27.2516873,14.3279669 28.9034214,14.3279669 30.4567828,13.876706 L31.0875019,16.0025883 L34.4858222,16.0025883 L30.0382061,3.38000011 Z M28.0785057,11.6004707 C27.525056,11.600439 26.974457,11.5220766 26.4434402,11.3677648 L28.0785057,5.85929423 L29.7135712,11.3696472 C29.1824609,11.5233221 28.6318637,11.6010503 28.0785057,11.6004707 L28.0785057,11.6004707 Z" id="Shape" fill="#0052CC"></path>
+                <path d="M63.0679689,3.38000011 L59.1490438,3.38000011 L54.7000008,16.0025883 L58.098321,16.0025883 L58.7290401,13.876706 C60.2824015,14.3279669 61.9341356,14.3279669 63.487497,13.876706 L64.1182161,16.0025883 L67.5165363,16.0025883 L63.0679689,3.38000011 Z M61.1085064,11.6004707 C60.5550567,11.600439 60.0044576,11.5220766 59.4734408,11.3677648 L61.1085064,5.85929423 L62.7435719,11.3696472 C62.2124616,11.5233221 61.6618644,11.6010503 61.1085064,11.6004707 L61.1085064,11.6004707 Z" id="Shape" fill="#0052CC"></path>
+                <path d="M108.837969,3.38000011 L104.919044,3.38000011 L100.470001,16.0025883 L103.868321,16.0025883 L104.499041,13.876706 C106.052402,14.3279669 107.704136,14.3279669 109.257497,13.876706 L109.888217,16.0025883 L113.286775,16.0025883 L108.837969,3.38000011 Z M106.877318,11.6004707 C106.323868,11.600439 105.773269,11.5220766 105.242252,11.3677648 L106.877318,5.85929423 L108.512383,11.3696472 C107.981273,11.5233221 107.430676,11.6010503 106.877318,11.6004707 L106.877318,11.6004707 Z" id="Shape" fill="#0052CC"></path>
+            </g>
+        </g>
+    </g>
+</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="127px" height="24px" viewBox="0 0 127 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Atlassian horizontal neutral gradient - small</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="99.6748896%" y1="15.817685%" x2="44.6567732%" y2="90.8767901%" id="linearGradient-1">
+            <stop stop-color="#505F79" offset="0%"></stop>
+            <stop stop-color="#7A869A" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="24px-Horizontal-(small)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Atlassian-horizontal-neutral-gradient---small" fill-rule="nonzero">
+            <g id="Atlassian-horizontal-white" transform="translate(0.000000, 4.000000)">
+                <path d="M4.6033507,7.7415462 C4.50957588,7.6201426 4.3584869,7.5560564 4.20495059,7.57256003 C4.05141427,7.58906365 3.917762,7.68375669 3.8525286,7.82225208 L0.0479986399,15.3478991 C-0.0224704299,15.4873506 -0.0149375884,15.6529572 0.0679072777,15.7855827 C0.150752144,15.9182083 0.297097063,15.9989432 0.454684033,15.998958 L5.75229639,15.998958 C5.92564841,16.0029397 6.08507766,15.9054418 6.15898179,15.7502521 C7.30174396,13.4140168 6.60918965,9.86178149 4.6033507,7.7415462 Z" id="Shape" fill="url(#linearGradient-1)"></path>
+                <path d="M7.39063705,0.891423913 C5.46206553,3.82726548 5.23947901,7.55116585 6.80486739,10.6914239 L9.35889922,15.745071 C9.43591592,15.8974796 9.59335546,15.9937607 9.76558462,15.9937769 L15.0622457,15.9937769 C15.2198326,15.9937621 15.3661776,15.9130272 15.4490224,15.7804016 C15.5318673,15.6477761 15.5394001,15.4821695 15.4689311,15.342718 C15.4689311,15.342718 8.34313705,1.24130627 8.16405278,0.888600384 C8.09180217,0.742100172 7.94121255,0.649401501 7.77644974,0.650003005 C7.61168692,0.650604509 7.46179289,0.744400164 7.39063705,0.891423913 L7.39063705,0.891423913 Z" id="Shape" fill="#7A869A"></path>
+                <path d="M69.5182669,6.92795441 C69.5182669,8.79148382 70.3920459,10.2710132 73.809868,10.9241897 C75.8490028,11.3477191 76.2761414,11.6733662 76.2761414,12.3458368 C76.2761414,12.9990132 75.8480515,13.4218368 74.4118099,13.4218368 C72.675931,13.3909586 70.9747568,12.935538 69.4599991,12.0961897 L69.4599991,15.1314838 C70.4893174,15.6310132 71.8485028,16.1881897 74.373044,16.1881897 C77.9461676,16.1881897 79.3638586,14.6117191 79.3638586,12.2688956 M79.3638586,12.2688956 C79.3638586,10.0594838 78.1792388,9.02183676 74.8391864,8.31124853 C72.9943568,7.90771912 72.5477163,7.504425 72.5477163,6.92795441 C72.5477163,6.19854265 73.2079261,5.89054265 74.4313118,5.89054265 C75.9072706,5.89054265 77.3637275,6.332425 78.7424148,6.94724853 L78.7424148,4.04607206 C77.4204099,3.45076937 75.9806039,3.15540879 74.5283455,3.18160147 C71.227059,3.18160147 69.5182669,4.60324853 69.5182669,6.92795441" id="Shape" fill="#505F79"></path>
+                <polygon id="Shape" fill="#505F79" points="115.419998 3.38000011 115.419998 16.0025883 118.138607 16.0025883 118.138607 6.37717659 119.284461 8.93223541 123.129421 16.0025883 126.547243 16.0025883 126.547243 3.38000011 123.828635 3.38000011 123.828635 11.5261178 122.799317 9.16282364 119.711599 3.38000011"></polygon>
+                <rect id="Rectangle-path" fill="#505F79" x="95.1600037" y="3.38000011" width="2.97118165" height="12.6225882"></rect>
+                <path d="M91.7338614,12.2688956 C91.7338614,10.0594838 90.5492415,9.02183676 87.2091891,8.31124853 C85.3643595,7.90771912 84.9177191,7.504425 84.9177191,6.92795441 C84.9177191,6.19854265 85.5779288,5.89054265 86.8013146,5.89054265 C88.2772734,5.89054265 89.7337303,6.332425 91.1124176,6.94724853 L91.1124176,4.04607206 C89.7904126,3.45076937 88.3506066,3.15540879 86.8983483,3.18160147 C83.5970618,3.18160147 81.8882696,4.60324853 81.8882696,6.92795441 C81.8882696,8.79148382 82.7620486,10.2710132 86.1798707,10.9241897 C88.2190056,11.3477191 88.6461442,11.6733662 88.6461442,12.3458368 C88.6461442,12.9990132 88.2180543,13.4218368 86.7818127,13.4218368 C85.0459337,13.3909586 83.3447595,12.935538 81.8300018,12.0961897 L81.8300018,15.1314838 C82.8593202,15.6310132 84.2185056,16.1881897 86.7430468,16.1881897 C90.3161704,16.1881897 91.7338614,14.6117191 91.7338614,12.2688956" id="Shape" fill="#505F79"></path>
+                <polygon id="Shape" fill="#505F79" points="46.4399986 3.38000011 46.4399986 16.0025883 52.5469387 16.0025883 53.5084762 13.2743531 49.4304443 13.2743531 49.4304443 3.38000011"></polygon>
+                <polygon id="Shape" fill="#505F79" points="34.3699989 3.38000011 34.3699989 6.10800011 37.6712854 6.10800011 37.6712854 16.0025883 40.6617311 16.0025883 40.6617311 6.10800011 44.1960888 6.10800011 44.1960888 3.38000011"></polygon>
+                <path d="M30.0382061,3.38000011 L26.1190431,3.38000011 L21.6700001,16.0025883 L25.0676068,16.0025883 L25.6983259,13.876706 C27.2516873,14.3279669 28.9034214,14.3279669 30.4567828,13.876706 L31.0875019,16.0025883 L34.4858222,16.0025883 L30.0382061,3.38000011 Z M28.0785057,11.6004707 C27.525056,11.600439 26.974457,11.5220766 26.4434402,11.3677648 L28.0785057,5.85929423 L29.7135712,11.3696472 C29.1824609,11.5233221 28.6318637,11.6010503 28.0785057,11.6004707 L28.0785057,11.6004707 Z" id="Shape" fill="#505F79"></path>
+                <path d="M63.0679689,3.38000011 L59.1490438,3.38000011 L54.7000008,16.0025883 L58.098321,16.0025883 L58.7290401,13.876706 C60.2824015,14.3279669 61.9341356,14.3279669 63.487497,13.876706 L64.1182161,16.0025883 L67.5165363,16.0025883 L63.0679689,3.38000011 Z M61.1085064,11.6004707 C60.5550567,11.600439 60.0044576,11.5220766 59.4734408,11.3677648 L61.1085064,5.85929423 L62.7435719,11.3696472 C62.2124616,11.5233221 61.6618644,11.6010503 61.1085064,11.6004707 L61.1085064,11.6004707 Z" id="Shape" fill="#505F79"></path>
+                <path d="M108.837969,3.38000011 L104.919044,3.38000011 L100.470001,16.0025883 L103.868321,16.0025883 L104.499041,13.876706 C106.052402,14.3279669 107.704136,14.3279669 109.257497,13.876706 L109.888217,16.0025883 L113.286775,16.0025883 L108.837969,3.38000011 Z M106.877318,11.6004707 C106.323868,11.600439 105.773269,11.5220766 105.242252,11.3677648 L106.877318,5.85929423 L108.512383,11.3696472 C107.981273,11.5233221 107.430676,11.6010503 106.877318,11.6004707 L106.877318,11.6004707 Z" id="Shape" fill="#505F79"></path>
+            </g>
+        </g>
+    </g>
+</svg>
+
+@import './imports/global';
+
+.aui-avatar-size(@type, @size) {
+    &.aui-avatar-@{type},
+    &.aui-avatar-@{type} .aui-avatar-inner {
+        height: @size;
+        max-width: @size;
+        max-height: @size;
+        width: @size;
+    }
+}
+
+.aui-avatar-border-size(@type, @size, @border-radius: (@size * @aui-avatar-border-radius-ratio)) {
+    &.aui-avatar-@{type} {
+        border-radius: @border-radius;
+
+        .aui-avatar-inner {
+            border-radius: @border-radius;
+        }
+    }
+}
+
+// AUI avatar component
+.aui-avatar {
+    box-sizing: border-box;
+    display: inline-block;
+    position: relative;
+    vertical-align: text-bottom;
+
+    &-inner {
+        display: flex;
+        justify-content: center;
+        align-content: center;
+
+        border-radius: 100%;
+        overflow: hidden;
+    }
+
+    & img {
+        display: block;
+        height: 100%;
+        margin: auto;
+        width: 100%;
+    }
+
+    .aui-avatar-size(xsmall, @aui-avatar-size-xsmall);
+    .aui-avatar-size(small, @aui-avatar-size-small);
+    .aui-avatar-size(medium, @aui-avatar-size-medium);
+    .aui-avatar-size(large, @aui-avatar-size-large);
+    .aui-avatar-size(xlarge, @aui-avatar-size-xlarge);
+    .aui-avatar-size(xxlarge, @aui-avatar-size-xxlarge);
+    .aui-avatar-size(xxxlarge, @aui-avatar-size-xxxlarge);
+
+    // Project avatars - circular and different sizes
+    &-project {
+        .aui-avatar-border-size(xxxlarge, @aui-avatar-size-xxxlarge, 12px);
+        .aui-avatar-border-size(xxlarge, @aui-avatar-size-xxlarge, 6px);
+        .aui-avatar-border-size(xlarge, @aui-avatar-size-xlarge, 6px);
+        .aui-avatar-border-size(large, @aui-avatar-size-large, 3px);
+        .aui-avatar-border-size(medium, @aui-avatar-size-medium, 3px);
+        .aui-avatar-border-size(small, @aui-avatar-size-small, 2px);
+        .aui-avatar-border-size(xsmall, @aui-avatar-size-xsmall, 2px);
+    }
+}
+
+
+@import './imports/global';
+
+/**
+ * AUI Page Header
+ */
+
+.aui-page-header-inner {
+    border-spacing: 0;
+    box-sizing: border-box;
+    display: table;
+    table-layout: auto;
+    width: 100%;
+}
+
+.aui-page-header-image,
+.aui-page-header-main,
+.aui-page-header-actions {
+    box-sizing: border-box;
+    display: table-cell;
+    margin: 0;
+    padding: 0;
+    text-align: left;
+    vertical-align: top;
+}
+/* collapse the cell to fit its content */
+.aui-page-header-image {
+    width: 1px;
+    white-space: nowrap;
+}
+.aui-page-header-main {
+    vertical-align: middle;
+}
+.aui-page-header-image + .aui-page-header-main {
+    padding-left: @aui-grid;
+}
+.aui-page-header-actions {
+    padding-left: (@aui-grid * 2);
+    text-align: right;
+    vertical-align: middle;
+}
+.aui-page-header-main > h1,
+.aui-page-header-main > h2,
+.aui-page-header-main > h3,
+.aui-page-header-main > h4,
+.aui-page-header-main > h5,
+.aui-page-header-main > h6 {
+    margin: 0;
+}
+.aui-page-header-actions > .aui-buttons {
+    /* spaces out button groups when they wrap to 2 lines */
+    margin-bottom: (@aui-grid / 2);
+    margin-top: (@aui-grid / 2);
+    vertical-align: top;
+    white-space: nowrap;
+}
+/* Avatar overrides */
+.aui-page-header-image .aui-avatar {
+    vertical-align: top;
+}
+
+
+
+.panel,
+.alertPanel,
+.infoPanel {
+    color: #333;
+    padding: 0;
+    margin: 10px 0;
+    border: 1px solid #ddd;
+    overflow: hidden;
+    border-radius: 3px;
+}
+
+.alertPanel, .infoPanel, .panelContent {
+    padding: 10px;
+}
+
+.alertPanel {
+    border-color: #c00;
+}
+
+.infoPanel {
+    border-color: #69c;
+}
+
+.panelHeader {
+    padding: 10px;
+    border-bottom: 1px solid #ddd;
+    background-color: #f7f7f7;
+}
+
+/* basic panel (basicpanel.vmd) style */
+.basicPanelContainer {
+    border-width: 1px;
+    border-style: solid;
+    margin-top: 2px;
+    margin-bottom: 8px;
+    width: 100%;
+}
+
+.basicPanelContainer:first-child {
+    margin-top: 0;
+}
+
+.basicPanelTitle {
+    padding: 10px;
+    margin: 0;
+    background-color: #f0f0f0;
+    border-bottom: 1px solid #ddd;
+}
+
+.basicPanelBody {
+    padding: 5px;
+    margin: 0;
+}
+
+
+@import "colors.less";
+
+/* PDL master.less */
+/* Generic */
+fieldset {
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+
+.smalltext {
+    font-size: 12px;
+    color: @mediumGray;
+}
+
+#title-text {
+    margin: 0;
+    font-size: 28px;
+}
+
+#title-text a:hover{
+    text-decoration: none;
+}
+
+body.error-page #main {
+    padding-top: 0;
+}
+
+body.error-page #main-header {
+    margin: 0 -20px;
+    padding: 20px;
+    border-bottom: 1px solid #ccc;
+    background-color: #f5f5f5;
+}
+
+#main-header,
+#preview-header {
+    margin-bottom: 20px;
+}
+
+#preview-header #title-text {
+    color: #333;
+    margin-top: 10px;
+}
+
+a img {
+    border: 0;
+}
+
+.hidden {
+    display: none;
+}
+/* End generic */
+
+/* Main body */
+
+/* if space-ia is on, we want width to be auto*/
+.ia-splitter .aui-page-panel {
+    width: auto;
+}
+/* end main body */
+
+/* Header */
+#quick-search-submit {
+    display: none;
+}
+
+#quick-search {
+    margin: 0;
+}
+
+#quick-search.quick-search-loading:after {
+    display: none;
+}
+
+.aui-nav-link span + span {
+    margin-left: 5px;
+}
+/* End header */
+
+/* Generic Admin sidebar (or vertical navigation) */
+.aui-nav-vertical li a:link,
+.aui-nav-vertical li a:focus,
+.aui-nav-vertical li a:visited,
+.aui-nav-vertical li a:active  {
+    color: #666;
+}
+
+/* End generic admin sidebar/vertical nav*/
+
+/* Space Admin sidebar */
+.in-page-menu {
+  padding: 10px;
+}
+
+.in-page-menu-content {
+    border-left: 1px solid #CCC;
+    padding: 0 0 20px 10px;
+}
+
+/* End Space Admin sidebar */
+
+/*Global messages above the header*/
+#messageContainer {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+#messageContainer li {
+    display: block;
+}
+
+#messageContainer .aui-message {
+    margin: 0;
+    border-radius: 0;
+}
+/*End global messages above the header*/
+
+#breadcrumbs li.hidden-crumb {
+    display: none;
+}
+
+/* Metadata stuff just below page title*/
+.page-metadata ul {
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+.page-metadata ul li {
+    list-style: none;
+    float: left;
+    padding: 0 5px 0 0;
+    margin: 0;
+    line-height: 1.5;
+}
+
+.page-metadata ul a.page-tinyurl span {
+    float: left;
+    height: 16px;
+    width: 10px;
+    text-indent: -9999em;
+}
+
+.page-metadata ul a.action-view-attachments span.page-metadata-attachments-count {
+    margin-left: 3px;
+}
+/* End metadata stuff*/
+
+/* Page content */
+#main {
+    margin: 0;
+    padding: 20px;
+    clear: both;
+    min-height: 600px;
+}
+
+#title-heading {
+    margin: 0;
+    padding: 0;
+}
+
+#title-text a {
+    color: #172B4D;
+}
+
+.navBackgroundBox {
+    padding: 5px;
+    font-size: 22px;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.simple-confirmation > form > .buttons-container {
+    padding-left: 0;
+    margin-top: 20px;
+}
+
+/* aui-page-layout.css makes this clear, which stuffs up
+ the multi-column layout of space admin sidebar */
+
+#content {
+    clear: none !important;
+}
+
+#content::before {
+    display: none !important;
+}
+
+/* end aui-page-layout.css overrides */
+
+/*End page content*/
+
+/* Page footer */
+
+.aui-layout #footer .footer-body > ul > li.print-only {
+    display: none;
+}
+/* End page footer */
+
+#com-atlassian-confluence .hidden {
+    display: none;
+}
+
+/* Progress Page */
+
+/* This doesn't and shouldn't be a table */
+
+#status {
+    margin: 10px 0;
+}
+
+#status table {
+    margin: 10px 0;
+}
+
+#taskProgressBar {
+    background: #ebf2f9;
+    /* This border radius will not
+       work while it's still a table */
+    border-radius: 3px;
+}
+
+#taskGreenBar {
+    background: #3b7fc4;
+}
+
+#status .smalltext {
+    text-align: center;
+    color: @mediumGray;
+}
+
+#content {
+    /* Override aui-page-layout.css */
+    position: static !important;
+}
+
+hr {
+    border: none;
+    border-bottom: 1px solid #ccc;
+}
+
+#bloglist {
+    display: none;
+}
+
+/* Child Pages styling (mainly for the benefit of doctheme) */
+.children-show-hide.icon {
+    display: none;;
+}
+
+.child-display {
+    padding: 2px 2px 2px 12px;
+    display: block;
+}
+
+/*
+ * Page history
+ * This is the css for the warning at the top of the page when viewing the page history
+ */
+#page-history-warning {
+    margin-bottom: 20px;
+}
+
+.page-history-view a:before {
+    display: inline-block;
+    content: "·";
+    padding: 0 10px;
+}
+
+.page-history-view a:before:hover {
+    text-decoration: none;
+}
+
+.page-history-view a:first-child:before {
+    display: none;
+    content: '';
+    padding: 0;
+}
+
+.version-navigation-block {
+    padding-top: 10px;
+}
+
+.current-version-margin {
+    display: inline-block;
+    padding-left: 10px;
+}
+
+.current-version-margin:first-child {
+    padding: 0;
+}
+/* End page history */
+
+/* Alternative pages */
+.alternative-page-list {
+    list-style: none;
+    padding-left: 30px;
+    line-height: 20px;
+}
+
+.alternative-page-list .excerpt {
+    margin-left: 20px;
+}
+/* End alternative pages */
+
+/* People directory*/
+.page-section,
+.page-group {
+    display: table;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.page-section .page-group {
+    display: table-row;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.page-item {
+    display: table-cell;
+    margin: 0;
+    min-width: 256px; /* grid minimum */
+    padding: 0 0 0 16px;
+    vertical-align: top;
+}
+
+/*People directory*/
+body.people .dashboard {
+    margin-top: 0;
+}
+body.people .dashboard-group > div {
+    margin-top: 0;
+}
+
+body.people #main {
+    padding: 0;
+}
+
+body.people #main-header {
+    padding: 20px;
+    margin-bottom: 0;
+    background-color: #f5f5f5;
+}
+
+.people-directory .dashboard-section {
+    display: table;
+    width: 100%;
+}
+
+body.people .dashboard-group > .aui-page-panel {
+    border-bottom: 0;
+}
+
+body.people .dashboard-group .aui-page-panel .aui-page-panel-nav {
+    height: 523px; /* 600px (#main:min-height) - #main-header:height */
+}
+
+body.people .dashboard-group .aui-navgroup-inner {
+    margin-left: -10px;
+}
+
+body.people .active-tab > a {
+    color: #333;
+    font-weight: bold;
+}
+
+#people-search-title-bar {
+    overflow: hidden;
+    margin-bottom: 10px;
+}
+
+#people-search-title-bar h2 {
+    float: left;
+}
+
+body.people #people-search {
+    margin-top: 0;
+    text-align: right;
+}
+
+.people-directory .aui-tabs > .tabs-menu {
+    padding: 0 30px;
+}
+
+.people-directory .greybox {
+    position: relative;
+    margin: 0;
+}
+
+.people-directory .greyboxfilled {
+    width: 100%;
+}
+
+body.people #people-search input {
+    vertical-align: top;
+}
+
+body.people #people-search .field-group {
+    display: inline-block;
+    width: auto;
+    padding: 0 10px 0 0;
+    margin: 0;
+}
+
+body.people .aui-message.error {
+    margin-bottom: 10px;
+}
+
+body.people .greybox #peoplelist .profile-macro {
+    margin: 10px 40px 20px 0;
+}
+
+#people-search .field-group {
+    padding-left: 0;
+}
+
+body.people .blank-experience-people {
+    margin-top: 50px;
+}
+
+.blank-experience-people {
+    min-height: 100px;
+    background: url(../../../images/icons/people-empty-placeholder.png) no-repeat right bottom;
+}
+
+.watches .tableview-action-icon {
+    text-align: right;
+}
+
+/* Blank experience */
+.blank-experience-container {
+    border: 1px solid #CCC;
+    border-radius: 3px;
+    width: 65%;
+    margin: 100px auto;
+    padding: 30px;
+}
+
+.blank-experience-container p {
+    color: @mediumGray;
+    line-height: 24px;
+    font-size: 16px;
+    width:70%;
+    margin-top:0;
+    margin-bottom:26px;
+}
+
+.blank-experience-blog {
+    background: url('../../images/icons/blog-empty-placeholder.png') no-repeat right bottom;
+}
+.blank-experience-page {
+    background: url('../../images/icons/pages-empty-placeholder.png') no-repeat right bottom;
+}
+
+/*Blog Role*/
+
+.blog-post-listing {
+    position: relative;
+    padding: 30px 20px 20px 68px;
+    margin-top: -10px;
+}
+
+#link-browser-tab-items + .blog-post-listing {
+    padding-top: 10px;
+}
+
+#link-browser-tab-items + .blog-post-listing .logoBlock {
+    top: 10px;
+}
+
+.blog-post-listing + .blog-post-listing {
+    border-top: 1px solid #ccc;
+    margin-top: 0;
+}
+
+.logoBlock,
+.blogHeading {
+    display: inline-block;
+}
+
+.userLogo,
+img.userLogo{
+    width: 48px;
+    height: 48px;
+    border-radius: 3px;
+}
+
+.userLogoLink {
+    display: inline;
+}
+
+.logo-heading-block {
+    margin-bottom: 20px;
+}
+
+
+.logoBlock {
+    position: absolute;
+    left: 0px;
+    top: 30px;
+}
+
+.userLogoLink {
+    line-height: 30px;
+}
+
+#title-heading .userLogoLink {
+    float: left;
+}
+
+.logo-heading-block .userLogo {
+    width: 48px;
+    border-radius: 3px;
+    display: inline-block;
+}
+
+span.blogHeading {
+    display: block;
+}
+
+.blogHeading .page-metadata {
+    line-height: 16px !important;
+    margin: 2px 10px 0 0;
+}
+
+a.blogHeading {
+    font-size: 24px;
+}
+
+.blog-post-listing > .wiki-content {
+    padding: 0px !important;
+}
+
+
+.blog-post-listing .endsection {
+    clear:both;
+    margin-top: 20px;
+}
+/* End blog role*/
+
+/* Blank experience */
+.blank-experience-container {
+    border: 1px solid #CCC;
+    border-radius: 3px;
+    width: 65%;
+    margin: 100px auto;
+    padding: 30px;
+}
+
+.blank-experience-container p {
+    color: @mediumGray;
+    line-height: 24px;
+    font-size: 16px;
+    width:70%;
+    margin-top:0;
+    margin-bottom:26px;
+}
+
+.blank-experience-blog {
+    background: url('../../images/icons/blog-empty-placeholder.png') no-repeat right bottom;
+}
+
+/* alphabet list */
+#squaretab {
+    margin-left: 0;
+    padding-left: 0;
+    white-space: nowrap;
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+    font-size: 14px;
+    line-height: 20px;
+}
+
+#squaretab li {
+    display: inline;
+    list-style-type: none;
+}
+
+#squaretab a {
+    padding: 5px 7px 3px 7px;
+    border: 1px solid;
+}
+
+#squaretab a:link,
+#squaretab a:visited {
+    color: #fff;
+    text-decoration: none;
+}
+
+#squaretab a:hover {
+    text-decoration: none;
+}
+
+.admin-sidebar-group ~ .admin-sidebar-group {
+	margin-top: 20px;
+}
+
+/* CONFDEV-13482: Override .aui-page-panel */
+#main.aui-page-panel {
+	border-top: 0;
+}
+
+.recently-updated-concise .update-item {
+    .update-item-desc, .update-item-changes {
+        font-size: 12px;
+        margin-left: 5px;
+        line-height: 20px;
+    }
+}
+
+/* consistent placeholder text color */
+::-webkit-input-placeholder {
+    color: #999;
+}
+::-moz-placeholder {
+    /* Firefox 18- */
+    color: #999;
+}
+::-moz-placeholder {
+    /* Firefox 19+ */
+    color: #999;
+}
+:-ms-input-placeholder {
+    color: #999;
+}
+
+/* End PDL master.less */
+
+.default-macro-spinner {
+    width: 40px;
+    height: 40px;
+    position: relative;
+}
+@import "colors.less";
+
+/* wiki-content.css */
+
+/**
+ * AUI Overrides
+ * see /includes/css/aui-overrides.css
+ */
+.rounded-corners (@radius: 5px) {
+  -moz-border-radius: @radius;
+  -webkit-border-radius: @radius;
+  border-radius: @radius;
+}
+
+.wiki-content {
+  .header, .footer, .cell {
+    margin: 8px 0;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    .rounded-corners;
+  }
+
+  .columnLayout {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+    *clear: both;
+
+    .cell {
+      vertical-align: top;
+    }
+    .cell.aside {
+      width: 29.9%;
+    }
+    .cell.sidebars {
+      width: 19.9%;
+    }
+  }
+
+  .cell {
+     display: table-cell;
+     padding: 0 10px;
+  }
+
+  .innerCell {
+    overflow-x: auto;
+  }
+
+  .placeholder {
+    background: #f5f5f5;
+    border: 1px dotted #ccc;
+    color: @mediumGray;
+    font-style: italic;
+    margin: 0;
+    padding: 10px;
+
+    .activation-content {
+      display:none;
+    }
+    .display-content {
+      display: inherit;
+    }
+  }
+
+  li > ul,
+  li > ol,
+  ul > ul,
+  ol > ol {
+    margin-top: 0;
+  }
+
+  ul {
+    list-style-type: disc;
+  }
+
+  ol,
+  ol ol ol ol,
+  ol ol ol ol ol ol ol,
+  ol ol ol ol ol ol ol ol ol ol {
+    list-style-type: decimal;
+  }
+
+  ol ol,
+  ol ol ol ol ol,
+  ol ol ol ol ol ol ol ol,
+  ol ol ol ol ol ol ol ol ol ol ol {
+    list-style-type: lower-alpha;
+  }
+
+  ol ol ol,
+  ol ol ol ol ol ol,
+  ol ol ol ol ol ol ol ol ol,
+  ol ol ol ol ol ol ol ol ol ol ol ol {
+    list-style-type: lower-roman;
+  }
+
+  /* these styles are copied from aui-page-typography.css in AUI 5.4. This will retain the heading styles for user
+   * generated content when upgrading to use AUI 5.7 and ADG 2.0. This is brittle because not every property is
+   * explicitly declared here. If AUI 5.8 sets h1 text-transform: uppercase; it will break the default styles */
+  h1 {
+    font-size: 24px;
+    font-weight: normal;
+    line-height: 1.25; /* 30px equiv line-height */
+    margin: 30px 0 0 0;
+  }
+  h2 {
+    font-size: 20px;
+    font-weight: normal;
+    line-height: 1.5; /* 30px equiv line-height */
+    margin: 30px 0 0 0;
+  }
+  h3 {
+    font-size: 16px;
+    line-height: 1.5; /* 24px equiv line-height */
+    margin: 30px 0 0 0;
+  }
+  h4 {
+    font-size: 14px;
+    line-height: 1.42857142857143; /* 20px equiv line-height */
+    margin: 20px 0 0 0;
+  }
+  h5 {
+    color: #5E6C84;
+    font-size: 12px;
+    line-height: 1.66666666666667;
+    margin: 20px 0 0 0;
+    text-transform: uppercase;
+  }
+  h6 {
+    color: #5E6C84;
+    font-size: 12px;
+    line-height: 1.66666666666667;
+    margin: 20px 0 0 0;
+  }
+  h1:first-child,
+  h2:first-child,
+  h3:first-child,
+  h4:first-child,
+  h5:first-child,
+  h6:first-child {
+    margin-top: 0;
+  }
+  /* Nice styles for using subheadings */
+  h1 + h2,
+  h2 + h3,
+  h3 + h4,
+  h4 + h5,
+  h5 + h6 {
+    margin-top: 10px;
+  }
+  /* End styles copied from aui-page-typography.css in AUI 5.4 */
+
+  /* Confluence specific typography overrides on top of AUI 5.4 typography */
+  h3 {
+    font-weight: bold;
+  }
+  h5 {
+    font-size: 14px;
+  }
+  h5, h6 {
+    text-transform: none;
+  }
+  h1 + h1,
+  h2 + h2,
+  h3 + h3,
+  h4 + h4,
+  h5 + h5,
+  h6 + h6 {
+    margin-top: 10px;
+  }
+  /* End Confluence specific typography overrides on top of AUI 5.4 typography */
+
+  .confluence-content-image-border {
+    border: 1px solid black;
+  }
+
+  div.error > span.error {
+    color: #333;
+    padding: 6px 10px;
+    position: relative;
+    background: #fffdf6;
+    border: 1px solid #ffeaae;
+    .rounded-corners;
+  }
+
+/* CONFDEV-6137 Welcome to the world of browser hacks
+ We're targeting IE8 compatibility mode which means IE7
+ hacks. This updates the page-layout to be floated rather
+ than table layout which is not supported in compat mode.
+ These styles are only applied to IE8 compat mode */
+  .columnLayout,
+  .cell,
+  .header,
+  .footer {
+    *display: block;
+    *float: left;
+    *width: 100%;
+  }
+
+  .innerCell {
+    *border: 2px dashed #ccc;
+    *margin: 8px 4px;
+    *padding: 4px 8px;
+  }
+
+  /* Text Placeholders */
+  .text-placeholder {
+    background: #f5f5f5;
+    color: #707070;
+    font-style: italic;
+    min-width: 10px; /* So that it is visible when empty */
+    display: block;
+  }
+
+  .text-placeholder.selected {
+    color: #333
+  }
+
+  .aui-lozenge {
+    padding: 3px 5px 2px 5px;
+  }
+}
+
+.contentLayout .innerCell > *:first-child,
+.contentLayout2 {
+  .innerCell > *:first-child {
+    margin-top: 0;
+  }
+}
+
+.contentLayout2 .columnLayout {
+  margin-bottom: 8px;
+}
+
+
+.view .wiki-content .cell:first-child,
+.content-preview .wiki-content .cell:first-child {
+  padding: 0;
+}
+
+/* CONF-23497 - Work around rendering issue in Webkit and IE9. Works fine for IE8 and Firefox. */
+li[style*='text-align: center'],
+li[style*='text-align: right'] {
+  list-style-position: inside;
+}
+
+/* CONFDEV-7754 - Workaround for some unwanted onDemand styling.
+   Remove once JSTDEV-1730 is fixed. See CONFDEV-7799.
+   Will have a side-effect of breaking any footers in themes that
+   do not use the default font-family or font-size.
+   #main selector is to prevent this rule applying within the RTE iframe.
+   */
+#main .wiki-content .footer p, #main .wiki-content .footer a {
+  font-family: arial,sans-serif;
+  font-size: 14px;
+}
+
+.wiki-content .cell,
+.mceContentBody.wiki-content .cell,
+.twoColumns .cell,
+.threeColumns .cell,
+.twoColumns .large,
+.mceContentBody.wiki-content .header,
+.mceContentBody.wiki-content .footer,
+.threeColumns .large {
+  *border: 0;
+  *margin: 0;
+  *padding: 0;
+  *overflow: hidden;
+}
+
+.twoColumns .cell {
+  *width: 49.9%;
+}
+
+.threeColumns .cell {
+  *width: 33.3%;
+}
+
+.twoColumns .large {
+  *width: 69.9%;
+}
+
+.threeColumns .large {
+  *width: 59.9%;
+}
+
+div.aside + div.large,
+div.large + div.aside,
+div.large + div.sidebars,
+.twoColumns div.cell + div.cell,
+.threeColumns div.cell + div.cell + div.cell {
+  *float: right;
+}
+
+/* Page Layouts 2 */
+/* Section types: single, two-equal, two-left-sidebar, two-right-sidebar, three-equal, three-with-sidebars */
+
+.two-equal .normal {
+  *width: 49.9%;
+}
+
+.two-left-sidebar .normal,
+.two-right-sidebar .normal {
+  *width: 69.9%;
+}
+
+.three-equal .cell {
+  *width: 33.3%;
+}
+
+.three-with-sidebars .normal {
+  *width: 59.9%;
+}
+
+.two-equal div.cell + div.cell {
+  *float: right;
+}
+
+.three-equal, .three-with-sidebars {
+  div.cell + div.cell + div.cell {
+    *float: right;
+  }
+}
+
+/* CONFDEV-13804: Temporary workaround, remove once fixed in the plugin (WDAY-1641). */
+#mw-container div.mw-no-notifications div.subheading p {
+  line-height: 24px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+/* "less" transformation does not work in Soy templates, so we can't include other *.less files
+    So there was a special file was introduced for email notifications, so we have two files:
+    1. tables.less - styles for UI
+    2. tables-for-emails.css - styles for email notifications
+    So these both files should be updated in case of changes
+ */
+@import "colors.less";
+
+.confluenceTable {
+    border-collapse: collapse;
+}
+
+.confluenceTh,
+.confluenceTd {
+    border: 1px solid @adg-N50-karl;
+    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;
+    min-width: 8px; /* CONF-39943: set table cell min-width to which cursor can be focused */
+}
+
+/* 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 > p,
+table.confluenceTable td.confluenceTd.highlight, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight > p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-grey,
+table.confluenceTable th.confluenceTh.highlight-grey > p,
+table.confluenceTable td.confluenceTd.highlight-grey,
+table.confluenceTable td.confluenceTd.highlight-grey > p {
+    background-color: @adg-N20-grams-hair;
+}
+
+table.confluenceTable th.confluenceTh.info, /* deprecated */
+table.confluenceTable th.confluenceTh.info > p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.info, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.info > p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-blue,
+table.confluenceTable th.confluenceTh.highlight-blue > p,
+table.confluenceTable td.confluenceTd.highlight-blue,
+table.confluenceTable td.confluenceTd.highlight-blue > p {
+    background-color: @adg-B50-pixie-dust;
+}
+
+table.confluenceTable th.confluenceTh.success, /* deprecated */
+table.confluenceTable th.confluenceTh.success > p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.success, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.success > p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-green,
+table.confluenceTable th.confluenceTh.highlight-green > p,
+table.confluenceTable td.confluenceTd.highlight-green,
+table.confluenceTable td.confluenceTd.highlight-green > p {
+    background-color: @adg-G50-the-smell;
+}
+
+table.confluenceTable th.confluenceTh.warning, /* deprecated */
+table.confluenceTable th.confluenceTh.warning > p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.warning, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.warning > p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-red,
+table.confluenceTable th.confluenceTh.highlight-red > p,
+table.confluenceTable td.confluenceTd.highlight-red,
+table.confluenceTable td.confluenceTd.highlight-red > p {
+    background-color: @adg-R50-rosie;
+}
+
+table.confluenceTable th.confluenceTh.note, /* deprecated */
+table.confluenceTable th.confluenceTh.note > p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.note, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.note > p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-yellow,
+table.confluenceTable th.confluenceTh.highlight-yellow > p,
+table.confluenceTable td.confluenceTd.highlight-yellow,
+table.confluenceTable td.confluenceTd.highlight-yellow > p {
+    background-color: @adg-Y50-james-blonde;
+}
+
+table.confluenceTable th.confluenceTh,
+table.confluenceTable th.confluenceTh > p {
+    font-weight: bold;
+}
+
+table.confluenceTable th.confluenceTh.nohighlight, /* deprecated */
+table.confluenceTable th.confluenceTh.nohighlight > p {
+    /* deprecated */
+    font-weight: normal;
+    background-color: transparent;
+}
+
+table.confluenceTable td.confluenceTd img,
+table.confluenceTable td.confluenceTd .confluence-embedded-file-wrapper img,
+table.confluenceTable th.confluenceTh .confluence-embedded-file-wrapper img {
+    max-width: none;
+}
+
+table.confluenceTable td.numberingColumn {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default;
+}
+/*
+    Styles for macros bundled in Renderer.
+*/
+.searchMacro {
+    font-size: 10pt;
+    margin: 10px 0;
+}
+
+.searchMacro .result {
+    margin-top: 3px;
+    padding: 0 5px 5px 5px;
+    border-bottom: 1px solid #ddd;
+}
+
+.searchMacro .resultSummary {
+    margin-bottom: 7px;
+}
+
+.rssMacro {
+    font-size: 10pt;
+}
+
+.rssMacro table {
+    margin: 10px 0;
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.rssMacro table th,
+.rssMacro table td {
+    border: 1px solid #ccc;
+    padding: 4px;
+}
+
+.rssMacro table th {
+    background: #f0f0f0;
+}
+
+/* Code styles */
+.code {
+    border-width: 1px;
+    border-style: solid;
+}
+
+.code, .preformatted {
+    background-color: #fff;
+    overflow: auto;
+}
+
+.code pre, .preformatted pre { /* needs 'pre' to override TinyMCE style */
+    font-family:"Courier New", Courier, monospace;
+    line-height: 1.3;
+}
+
+/* The code macro classes are overridden by the fixed width theme so have been
+   made more specific. */
+
+.wiki-content .code-keyword {
+  color: #000091;
+  background-color: inherit;
+}
+
+.wiki-content .code-object {
+  color: #910091;
+  background-color: inherit;
+}
+
+.wiki-content .code-quote {
+  color: #009100;
+  background-color: inherit;
+}
+
+.wiki-content .code-comment {
+  color: #808080;
+  background-color: inherit;
+}
+
+.wiki-content .code-xml .code-keyword {
+  color: inherit;
+  font-weight: bold;
+}
+
+.wiki-content .code-tag {
+  color: #000091;
+  background-color: inherit;
+}
+
+/* Recently Updated Styles */
+.recentlyUpdatedItem {
+	border-bottom: #f0f0f0 1px solid;
+	border-top: #f0f0f0 1px solid;
+	margin: 10px 0 0 0;
+	padding: 0;
+	border-spacing: 0;
+	width: 100%;
+    text-decoration: none;
+    border-collapse: collapse;
+}
+
+.recentlyUpdatedItem td {
+    padding: 10px;
+    border-bottom: #f0f0f0 1px solid;
+    vertical-align: top;
+}
+
+.recentlyUpdatedItem .authorAndDate {
+	background-color: #f0f0f0;
+	width: 25%;
+}
+
+.recentlyUpdatedItem .date {
+    margin-top: 4px;
+    font-size: 90%;
+    color: #666;
+}
+
+.recentlyUpdatedItem .profilePic {
+    float: right;
+    background-color: #f0f0f0;
+    margin: 0 2px;
+}
+
+.recentlyUpdatedItem .twixie {
+    padding: 10px 0 0 4px;
+}
+
+.recentlyUpdatedItem td.icon {
+    padding: 8px 0 0 1px;
+}
+
+.recentlyUpdatedItem .details {
+    padding-left: 7px;
+}
+
+.recentlyUpdatedItem .summary, .recentlyUpdatedItem .thumbnail {
+    margin-top: 3px;
+    color: #666;
+}
+
+.moreRecentlyUpdatedItems {
+    text-align: right;
+    margin-top: 10px;
+    font-size: 10pt;
+}
+
+@import "colors.less";
+
+/*Style of <time> in both view & editor mode*/
+
+/*Note: Must use a class selector (not ID) as colours will be changed by inline-tasks plugin and thus they
+  must get precedence */
+
+.wiki-content time {
+  padding: 0 6px 1px 5px;
+  margin: 0 1px; /*fix cursor is hidden at beginning of time node in FF and end of time node in Webkit*/
+  background-color: @adg-N30-northeast-snow;
+  color: @adg-N500-mcfanning;
+  border-radius: 3px;
+  white-space: nowrap;
+
+  resize: none;
+  outline: 0 none;
+
+  -webkit-touch-callout: all;
+  -webkit-user-select: all;
+  -khtml-user-select: all;
+  -moz-user-select: all;
+  -ms-user-select: all;
+  user-select: all;
+}
+
+.wiki-content time:focus{
+  outline: 0 none;
+}
+
+/*
+we must use this technique: use pseduo :before
+should not use bg css in time element, because user can set cursor at beginning of time element and type anything,
+but input content is outside of time element
+*/
+.wiki-content time:before{
+  content: "";
+  width: 1.143em; /* 16px */
+  height: 1.143em; /* 16px */
+  padding: 0;
+  margin-right: 5px;
+  display: inline-block;
+  vertical-align: text-bottom;
+  background-size: 1em; /* 14px width/height */
+  /* Combining the below three properties into a single "background" property disallows scaling of the icon */
+  background-repeat: no-repeat;
+  background-position: center;
+  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2397A0AF' fill-rule='evenodd'%3E%3Cpath d='M3 6v7h10V6H3zm9-3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h1V2a1 1 0 1 1 2 0v1h4V2a1 1 0 0 1 2 0v1z' fill-rule='nonzero'/%3E%3Cpath d='M4 9h2V7H4zm0 3h2v-2H4zm3-3h2V7H7z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+
+
+/*PDL icons.css*/
+.icon,
+.icon-container {
+    display: inline-block;
+    height: 16px;
+    min-width: 16px;
+    text-align: left;
+    text-indent: -9999em;
+    background-repeat: no-repeat;
+    background-position: left center;
+    font-size: 0;
+    vertical-align: text-bottom; /* allows icon to be vertically middle aligned to nearby text */
+}
+
+.search-result-title .icon {
+    position: absolute;
+    left: -26px;
+    top: 4px;
+}
+
+.search-result-title .icon img {
+    width: 16px;
+    height: 16px;
+    left: 0;
+}
+
+.icon-container > * {
+    text-indent: 0;
+    font-size: 14px;
+    margin-left: 24px;
+}
+
+img.emoticon {
+    vertical-align: text-bottom;
+    width: 16px;
+    height: 16px;
+}
+
+.icon-edit {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAVUlEQVQoz2NgIAcUpBW8K/hfsKpAEJf0fyhchV8aCAlIF7zDL/2/II2O0oJ4pYEKQpFdjiENVNBRUF5wBiptjC1wzhQogV2BXRqo4F3BbqApLgw0AQCBhnfEgf2VHQAAAABJRU5ErkJggg==);
+}
+
+.aui-button > .icon-edit {
+    padding-right: 6px;
+}
+
+#labels-section .icon-edit {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAASklEQVQoz2NgoAkoMMYvPbPgf8E7nIrA0iD4Dr80CBrjl55JZ2kXvNJABR0F5QVncEoDFawqEAQqwSUNVPAOqL+jIBR34ApSEHEAoZNTWJsXIJoAAAAASUVORK5CYII=);
+}
+
+.icon-remove-fav {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAgElEQVQoz41RSRHAIBDDAhawgAUsYIF3ZOAJC1jAAhboAlPKPd18liSzF4wNAQPDboGAcJM1EkGfDa4Y3ElWRc5QPW0JDr6JLzyxpOW50wWmlo5bMbZWkBtLhOwn4ZMlgo8b8KUC352ox3guWqjS9svWGzqIkov6mj9JTy0D+xcP2z2f/6cFFckAAAAASUVORK5CYII=) no-repeat right top;
+}
+
+.icon-add-fav {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA4klEQVQoz31RMQqDQBD0LX7Bt+QL9kqQq4QggnBVSourbAQRAhdIcZ112hQphICQJmHNDyarCcYc6G6zezPszs45zl8UeZE7axEjxgpcZgIRymyRIElxSlqAKz9CRzfaovJnz8rkZ0kphWCA0KItmBIg5Un5WRnWzQ0aulBPGAloX9ydKGHaeFPlC+zx+IKf7ElC/FbVGwGJ50TpRrjezJRoV+A6ERoS0O7fBdoNcZ8IF5ZsEQaLHqRpx04eWa6w7VImZRUhlFEmQIIdV5aHASRpb6gPnuQVlp+xNbLMVj9tHm+oBsKYaoGVtwAAAABJRU5ErkJggg==) no-repeat right top;
+}
+
+/*animated gif*/
+.icon-wait {
+    background: url(../../images/icons/wait.gif) no-repeat left top;
+}
+
+.icon-refresh {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAoElEQVQoFa3BQXHDMBQFwE/BFErBFETBFHxeGKIgCqFgCqYQCqLwmmnqmRyS6aW7VaVp9WA1RMRdt9TFplfZRZy67i6mr3rSHTYxbfVLNy31ZIgp1nphqYtDxKhPTBFxs9U74nTodq3+iabrDlPqHc0wRaQ+MUQcdfFVL6xiiltdTMNSPzRT7A69Lk4xdd0pYq/S7XWx6O4iYljrQdPqL9/pwHQAAyEFYgAAAABJRU5ErkJggg==);
+}
+
+.expand-control-icon,
+#children-section.children-hidden a.children-show-hide.icon,
+.icon-section-closed {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAALElEQVQoz2NgGGSg4EzBTPwKOgr+F6ThVzKTsJK7Bf/JN4GgG4C+6GAYigAASNYUTGaVYwsAAAAASUVORK5CYII=);
+}
+
+.expand-control-icon.expanded,
+#children-section.children-showing a.children-show-hide.icon,
+.icon-section-opened {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2NgGGag4ExBB5TVUXAGm4KOgv8FM4H0TAiNTUkaUOouEKfhtiYNr/SQBQAsPRRMJnnlygAAAABJRU5ErkJggg==);
+}
+
+a.content-type-status span,
+div.content-type-status,
+span.content-type-status,
+.icon-status {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAy0lEQVQoz5XPMYrCQBjF8ZwlV8hZcoXUjwGJTDdYRBYsLaZKZeEuK0iahbR7CGFJYWM5go1Y/S0ccBJkwde+H2++ybIkP3nbOwwGg2U9dEXaZvvSsqDjBJz5pcHSlQlwrLnwzJUWRwIMR8b5wzyAKqHS4bmNwDfzCIJQvy8tH3HlxgGPYesfACHUt4Vjg8cyw9CEXR1f1xBJvQoGx9dyV4++qEKDUFDRhDj6ZrQU6oWq13UVL+AlUa6QgKB8CnxSIzQ9clIjpuDz/4U77zDaEho7C94AAAAASUVORK5CYII=);
+    background-repeat: no-repeat;
+}
+
+/*NON PDL icons (To be updated)*/
+.icon-add-page {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgoDIomFnwv2AmPgX/QZAmCsB2o8OZGDrRISETVtHXFyhuWcVAXwAAzDhOqi+KwO8AAAAASUVORK5CYII=);
+}
+
+.icon-add-page-disabled {
+    background-image: url(data:image/gif;base64,R0lGODlhEAAQAPMMAMzMzPf39+bm5tbW1sPDw////+7u7r6+vt7e3rW1taysrKampgAAAAAAAAAAAAAAACH5BAUUAAwALAAAAAAQABAAQARkUMhJBbsXlcB7GAQhKAQiFJtXCEM7XMNWdcNxXCeqo4IRWLiNYUgcIgiAjLBoGCQSiMUBEdtZUS9G7ir4YbQo5mroBV/DQ6DGwyYEEspfJTEwAQSEGNtzGChgBUxiWS6Fhi0XEQA7);
+}
+
+.icon-recently-updated-page {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACGUlEQVR42pWSS28SURiG+Skm7ly5duPKvf6DCoWmEqX/wHItsUYXxp2XRpRhBga0F25VqbpQN6aSNDFN1URM1AJlKMOZK339zgANHcXEJ3lzTibnPOf7zhzPmPnbbzB36xUCN1/Cv/wCgeXn8N3YxOVkBd6lMmYSJaxs1C96puGnjdMov/+KjnKI8IMtPFzfDv5V0O5q4FjWAKpmoNPT0ewwfP+l4P7aNn23wBgjSQ3he1snJafE/dC5tRbOb7RRbOiwbZIwEwpJWgrDyvpHcEzThKqquCO9xd3su+B48wUKxjkt7WO3a8OwbDDdIpGFR6U6OIPBAJqmOZKZiIyxIEbBZNKfNVp8BJPaMUwbQnUHwuYO5NonPHu9i9qHb/CGc8eCS25B/cByBDaF2nGq6Wvm8F4UFRxfNIvJOwifkZs4W2gitcew96UBMV+lVJCRq8jkKXIFT7JlpMQSOP4YVTCJblj4F7wSyxqGE4hlTwp88VVwxELVOV0aj1SFIJch5MtIUwWPxSI48/GcSxB7imkcDf/AqAp7JJBcgmgBBD+N934cgXpPy6Xh6VIRqVEFwcQfgjw4fWZCM0wYpuVEpznTDPT6OpTDPr1OFZxrSfcdRHIg+OtzFquMx3DGbq+PdqeHny0FjR8H4CwkJbcgi/8htOQSzEZEeBcz8F6nLArwOUljlsZAOI25iIArUQFX4wJCiQwWKB7iN4oVwIAKUPY0AAAAAElFTkSuQmCC);
+}
+
+.icon-group {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAn0lEQVR4AYXPQQ3DMAxAUVMwhVAohVIohZz/rRRCYRRKIRRGwRRCwWtXS9bUSMs/+kVx5PegdPyso8iVcFdYKUiMb5KAinFgVDxLUDAUQRlz0M7kW8dmT1ReAYx1vqTRUA4akiVYGSwIFWXHGWdOYEExlvAbnrHdoMUGz18M9AJGCdBikO0XcCR6P4Ahea/gkxYhok7BnkDpj3FHhT99AOcV5bz26Bu6AAAAAElFTkSuQmCC);
+}
+
+.icon-trackback {
+    background-image: url(data:image/gif;base64,R0lGODlhEAAQAOYAAA5+C9jo2G9/omd5l27mSpyrwEC0PXWudej0+zG0IEaUYLS80OTz8YCPryeeLYO6g0bDL4XzWvf7/SORK+Do8DikOIzSjMbW1UTBLVW2V5n/ZoPxV1zcPXeIrPD48KXGtDGoMSqrHIqun/b6/YiYuKa1weTx+nCAn16nbh+bGHO6fdrt+EW1SHOMre/3/DuzPDGxM4mZrNns2Tq3JvX89bvE1////2t8m3CCp4OTtHqJq4r2XKu1xnSzdOT06c7U4Z6ytiylMODy6On0+tPl4nuMte//76a3xEq4SYyZtOb37wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUUADYALAAAAAAQABAAAAe1gDaCg4SFgiQkOQ0dOD8eBwGGJIQ4DT8PAD2Fk4ISOJ8yKQmagw2DEhIUJx4pHCkepZ2oNTUXIQQzH4M6Nj4ZPi4kFiAQGxgTKoIdHjARLwwkEkgRGjsOR4IlBjsaESwFNjQvETBEJ4IoFRgbEEEKgkoZQi43gjwiMwQhQAs2qBIu6A1i5cpDBxsjArpAUG9QjwQpZAiwoRCBiQGFegB4kMTGkI8mVmAsFOBAjBsoUzY0xFJQIAA7);
+}
+.icon-mail {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABkUlEQVR4AcXST4hSQRwH8O+bHqJGSwtBREtQdE6CIAo6CR02gqhT1L1A6NCpQ4cOQUSniI6dIi9Bhy2KhECQolAro6DMlAp9hun6ttTnezPzbYdS0BBJD33gBzPMH+Y3fDEvCzPYderGZvzWtvYmkgxHN4JaQ6+XQZrxcD6yppWClMF6+VB+AOw5e5vvv7b4r96Uatx+/CqF1+tggxC4/6ICt9PHNK21LpKplxDCgtfrArtP36TxutTgvaefWK67DKSiUppGX2rW3YA9X/LDlwZvPcjySbZIY/HwRWLnyes02j89flvt8lHuMwuV7zS8gHTWSKnJfNHh3fQ7VpxVOs0fNBbiF2jjj0jIxqaoQDy2hEyhBLVjESrwsGALSGmjWqviyIEYlAZ8qTEglFIY5yOMh5lXGEg9K6CPCMaZs1g6cW1iCyvpnKmJLUQOnSe2Hbsy8yeGDp4jth69zI/VNleel80rOE3T7fDO4zzflh3a+xO0tixfokkZTdo4mjwO0vdXStVwj2XtO4N5CAD/94Jf/IjNWQWaCu8AAAAASUVORK5CYII=);
+}
+
+.icon-show-more {
+    background-image: url(data:image/gif;base64,R0lGODlhDAAMAKEDAGRkZJ6ensHBwf///yH5BAEKAAMALAAAAAAMAAwAAAIjnAcJxyixmgEvSgqZSnVTAYYgBARm8Jzk1ilaJU1wXGa0exQAOw==);
+}
+.icon-show-less {
+    background-image: url(data:image/gif;base64,R0lGODlhDAAMAKEDAGRkZJ6ensHBwf///yH5BAEKAAMALAAAAAAMAAwAAAIVnI+py30Ao4yiWhtg2LzPDzniSBoFADs=);
+}
+
+.icon-people-directory span.icon {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACCElEQVR42rVSS6tSURi1TiMxlCAc3ARFxfSoXA++3w98i28FH6ipWAYSEgo6EPsFDSIaBBE0aNK4X1CTBkGNmwRB0bjJrWD1fQdq4o26RBsW53DOt9Zea+2t+K/L6XSVXS7XnVAo9Npud6fPSHbeqtcbmEwmWC6XaDSa8Hi8r1qtlvBXApLkeT6bXcdiscB8Psdms0GlUoUoOpN/JJtMpstkG+PxGJ1OB91uF71eD6PRCDab7d6ppFQqtavX629qtdrDeDx+1eWSThqNBprNJtrttoxqtQqr1bo+IAcCARNlw263w3a7Rb/ff2y1ik+z2SzZroBEZUSjURgMBu9PHoBz8kskErkxHA4xm82wWq0wGAze0uBtcoJ8Po9isQgS490/0bhwIOD1eg2lUomzsggLPBJFUWU0Gt8lk0lkMhkEg0HodLqbPH8gwCuRSLygnFzaV8ru5m9ms/mu3+8HOeHd+XnhtwK5XO4+OyB8Xq/XF7Va7UKv15+ws3A4jFgsBrvd/mC/318CcP4X8fj4OOh2u19yWdPpVD7ro6Mr3xwOBwqFAiRJgs/n4zJZiEv8YrFYnhHKAATOzw2zdVBm0B0AxZFtswgNyvbpSsuFsst0Oi3/02g0TxSckQl8RGq1GlwauQLlPwCLMZHjlMtlqFSq7wpq9j3t/IF2+ahUKnFWKARBuPYv+AENIQe8Xo67ZAAAAABJRU5ErkJggg==);
+}
+
+.icon-rss-feed-small span.icon {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiklEQVR4AYWRoa7DMAxF8wv9U9PQ0NHQ0tLRSkPlYaGhpaEPnsV6JrWy9h7oc2VLDrLIR5gzJkvwY68EQcmDuWLCfwrpRrAccyGzUkypM6HwJg1OW/VjxUGkoVm9cIJ1Ix3oXhASFc020Lz8kRtCta5mvwp/2iFZtwHtKlQ60W7J7E645fFZj+/+ArQ1iZLN9n6PAAAAAElFTkSuQmCC);
+}
+
+.icon-create-user-macro span.icon {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnElEQVQ4y2NISUkxBuL/RGJjBnQAktiwYQNYwf379/FikBq8BhACOA2AYZgidAyyAKcByAaR5QJ0A3DZTh8XkBUL6AYQmybISg/5W/P/M3QyQGh8BoBobBik+f//K2AamwE4kzTMZhCe+S0XzsbqEqwAqLjpZRwGxuoSbABsUxgDGEdcsIeziXcBkkssD2oSbzM6SJuZBrYZTEMBABbrsiDsDoD0AAAAAElFTkSuQmCC);
+}
+
+.icon-remove {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAOElEQVQoz2NgIAUU/IfCd7gUvEOlUaTguv9jNYegAlIcCIfDU8FdNAV30RUYF+xGkt5dYExkAAIAkDqa2DO/hCIAAAAASUVORK5CYII=);
+}
+
+.icon-tick {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAxUlEQVR42q2TQQsBcRDFfachIkRKykHJyWVPvhMisiIl5aDk5OLkO/15oynTW7KtqV/TzP+999/d2txfSsYSPQkpgUfNIMi5H+Q++glo4fEBt+g7hw4M6DpzwHX4mX1bDSjTcsBlkMyupWIr03LAqRdk08AS3c3vZVoOOHb9Y67rZLY9tBRg72mVaF5VoVM4YNt0JjIvyqoxOCCuBZmXkm7GHucODlhWXsyK7ltgxp6gAAiNaQGH6LYjOGCSTwMFZPqZMvEAnpXvZz3qUlcAAAAASUVORK5CYII=);
+}
+
+.icon-cross {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABPklEQVR4Aa2TPYrCcBDFBRExKlgIKgGRIGJhYSM2CoKNZQRBsEplZWEj2LmFvUfwCB7BI3iUmWW/P9i3zoMI8m921x34ERje/JhJSOJfShKJuzP4FZzhMIGh2+2PiPNXAl2voasVdDiEVKuQTgc6n0OnU0ijwZ6GoeWIK1gsoP0+npdLfByPeN3tIK0WtFDA++HA3sNgAB2PmXUFUQSdzTjwJQKrxzDksJU9uUUUEVcwmRBpNjloRRH4NDE3jHOuYDS6IL6Pt/0ecdnqEgRXGVfQ64F0u5BsFp+nE+Li+6hU4gxxBe02kWIRL5sNrEzCM+ItSqVLzhXU61DfZzC++75W41e5eg9BwKwrKJchmQxvt0/2FEU8RTzPTrAeZZrPM+sKcjnoWSCpFCSZhKbTYM/znJ7hCP4EBbf/TLfxDcX1CCmVYhzWAAAAAElFTkSuQmCC);
+}
+
+.icon-opts {
+    background-image: url(data:image/gif;base64,R0lGODdhEAAQAPZMANjX2O7u7s/b/cLBwk2DuVlwflO491K493HE+Juxwd2SkswzM////5uwwZuxwJvV+oiIh8bn/HaOmHqgpm+HkXOLlGqXxXuToebDw1mLtGB3g2yDjWR7hmh/inLD+HO36X/J+XiRm4SWn3/K+aq90uKrq8TW6JHR+nqSnnSIk8jP1IDK+XmiyrzM6JLR+vn5+bfH4Lq6uZuwwMjV9NLR0tp/f/f398PR7rDC2Z+0xaS5y7bH4b3M6KPZ+nLE+KPY+lK3962trIuhsMzY+bHC2czZ+aTZ+p+0xsfV9IugsMLR76S4y3uTowAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAEAAQAAAHuIAmFgSEhYaEFiYsHz0uKyMrICAjJ0YnPx8sGQgRDwgePgifD50RCBkTB0AGBwcGr6yurhMXAra3uLgXKENMvr/AvkUoIUhMA8jJykwzIRI3TAHSASXT0kxKEhU80RgBCgs0yQBMLRUUMEwYC+AKQRDwMUw7FBs40TXsAS8M/TZMRDZ0IBGNmrVpTEh04KCj4EGESzhoOBKsIpMcGkQkaZDAQQOPCWQkGOlAiAgVKQqoXMlSZQoVgQAAOw==);
+}
+
+.icon-stop-watching {
+    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAYElEQVQoz2NgoB8oUCqYWfCu4D8QvgOylNClO8BSyLADISlYsBtDGgR3FwhCpM/AhJrufn339V3TXbiSM0AlCOmC/1/f/QfCr++QTDlDhAJCVqC6AgVCpInwJlEBRUsAAP3sq7etYofPAAAAAElFTkSuQmCC);
+}
+
+.icon-start-watching {
+    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAuklEQVQoz72QLQpCQRSF71rcwmzhbcF9XAaUCWITmT7lBYNgsk0SETRYpxlMN70oHgTBYjgGFZ9i1VO/A+dH5H/KLlmgpzIwWXYfeFYHDrnBGQesERk4nbfwZNVnxhERnsqIExboMdkDJwssICK0aEedWgRREO6WJyaU6kREtFISxB4DJpNknrt3Q9e3DSLJBtziigg1rbS6R2zRf7Woi2fGBRH6reRz5phrNGiwxIj+fWb7KP/9qF/qBpqJq0pmijfwAAAAAElFTkSuQmCC);
+}
+
+.icon-info {
+    background-image: url(data:image/gif;base64,R0lGODlhEAAQAOZcAPhqRq84OMdycvLf358PD+O5uZ4MDMdzc/l1Uvp9W/////yXefyOb8w5Jv2fg/qFZfuOb/uFZb5cXPhvS/p9XOVhR/zTxvRlQ/lvS/6njM5BLf2Xef+0mt6Ng//Rwv6tk/2gg/mMb+NTN/uwnP+8pf7s5v/QwPXLwtZ0aNZxZfV9X/JkQs47J/2qkv3Dsv6/rPvGtv/o4Oh5Y/27qeh8Zf/Uxf+ymv2ni/7OwP/39fy1o/yli/6xmf+5ov/t6PmFZ/2XevaHafl1U/l0U/ufh/p8W/2ynP/59/luTP6uk/RqSPuNbv3Owfl+XvWJbPqSd/+9qPRqR/65o/qFZP65of6ymfluS9h1aPzHuP3Zz/7TxdhzZf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFwALAAAAAAQABAAAAfXgFyCXAUCAQQEAQIFg4MDBwYdJyUlJx0GBwOOEigWJiQcHCQmFigSmlwHKR49H1A1WjZJVB4pB4QGWFUZHwoxRz4ZNzwwBoVXLQ4gDkYgLwpSDg4tW4YyGxsLQAsLOAo73As0h0EQDAwQEDMKLufmTogqEVMRD0s5TPUP9SqJFQkJiiQgouBHAgoAKVRQpAHBEAQImuiASFGIhkUGlEyYgCFElhBWMCCZEMVYqgYAUo5QMCJlyga3uAyQ0OBCyicuLzQ45QgSCxErVohggQlVo0KHEi1qFAgAOw==);
+}
+
+.icon-marketplace {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACeklEQVQ4y2NgwAL88mf4KnvVrAwoml3rmz8jtmbGDiMGYkHzgn1hwnYlHxLql4Q1z9nNNGnNcW3NoOYLi3dfUiaoecnuS7y8lvkfiidujoWJtczfy2efMmGBTVLfUoIG5HSvi2I3zfmT17M+0DaxN9MkqmO2QVjrMgXP6qNSrhU3OhcdEMapuXbWTk9e4+z74o6lN63jezKTm5bZ5Xevkyrq2yCcUL80QMKx9CGPRf7b4gmbNLAa4FswaxqDYux/m8S+JbmdaxW9cqZlqPjUreMyz3vGZJD5T8iu+KGsW+WRkNI5gVgN0Atpnsegl/af1TjrH6dZ7ncGrZT/ICzuWHZLzLH0fu+ywzJ+BbPqgDGTh9UASefyjUz6Gf8ZtFP/e+RMa2+cs9vcIKJ9X0HvhsCIqoUdIDUqfvW3nNMnVWM1QD+87RBIM6Nu2n/1gIYDILHFe66aaQc0npi5+azR0n3XDBjUk/67pE+eiNUAeY/qEwx66f9ZjLL+M2gm/4+tW9oPEl+25wrvjnOPWIGuOcygnvhf1bd+M1YDgPF/jskwE2wAzBDrhL6lqw5e59l88h6/rHv1PVCYSLtWnMZqgKhj6XVGgwy4AYx6Gf+BrjrjWzCz4dD1lzw9K47YMOum/RO2L76D1QAR+5IHyAYw6KT9z+teZ5/eujIsqHTuFHBAu1Q8BIr/xGoAj0XeC1gYMBtm/WcCGpbWvMIwtHxeFRtQTN2/4QAwIX2Qdq08htWA7K61PgLWBc8ZdFL/M4CiExgbgrZFz0UdSm5rBzUt8syempvRtkq7dvp2ZpzJuWH2LlWgTbslHMtOWcb1tPjlz/RNrFsiii//AAB8nwgZ24hxQwAAAABJRU5ErkJggg==);
+}
+
+.icon-blog-large,
+.icon-blogpost-large {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAB6klEQVRYw+2YMWvDMBCF/Z/6W/o/zA1BZCheAjWlQyCLhyyBBIIpHTzGc9euWTx5KKXwlmA6dHgdjGNZdWJJdrb6Ji36pLv3ZOmCwPjWh4hiHavi9S5w+RYQCmecD4aiYsiQii/31tOvD0LhFiV+wGIoKoQMKS6IiMK9xdRNhAz5RKHi/tEKIJzxwxFwwjOFwm1iBZjzxxHA4htPtgjhnPbTNwAWJ1uEL8B6Fz6ALzSaiocRPoAMXYTiFeu5ApYMe2JVTAao0IcQTgb4GyfMbgtgof4BEwI2qM/7JVMccQNAV3yK6dlSNwHUkaLCTQEhFd8xESBDhoRRD2SDSVX0hRwmJualVHnL9GhALiFG+SDDMMKxyBE30ItaQg3UwktFEd/QImINkWMymcYs0RRdaaI1zTfCB60DSlxOk5MPEioD0qQq1xDdPTir6Nj5LapzouILe/CS6buW9YgNuIVO4ANdnhnMO4V+mHsbrdRWXBvsDSbSEVAhR64dz62P61JX53FCD0AF1Vlv34RNoZc+gFaIrVsTo9AbdMejAW2S+scjU6RLswuYqMj/F68gCITK6RHoAXB7xvZdEK5e3yMKt6MAOwgfONBK2Fm2Esz4RAqhcH2waIYoi3aIGTMKhQsMNkRc2jndiHpW/wvq3C3j5KdB0wAAAABJRU5ErkJggg==');
+}
+
+.icon-content-template-large {
+    background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+VGVtcGxhdGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRGVzaWduIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVGVtcGxhdGUiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNTQiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTktQ29weS0xOSIgZmlsbD0iIzAwNjVGRiI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yNCIgeD0iMCIgeT0iMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE0IiB0cmFuc2Zvcm09InRyYW5z
 bGF0ZSg3LjAwMDAwMCwgNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTMtQ29weS0yIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjM3NzM3NSwzLjU4NDcgTDEzLjM3MjYyNSwwLjYxNTMgQzEyLjk3MzEyNSwwLjIyMDUgMTIuNDMzMzc1LDAgMTEuODcwMjUsMCBMMi4xMjUsMCBDMC45NTIsMCAwLDAuOTQwOCAwLDIuMSBMMCwxOC45IEMwLDIwLjA1OTIgMC45NTIsMjEgMi4xMjUsMjEgTDE0Ljg3NSwyMSBDMTYuMDQ4LDIxIDE3LDIwLjA1OTIgMTcsMTguOSBMMTcsNS4wNjk0IEMxNyw0LjUxMjkgMTYuNzc2ODc1LDMuOTc5NSAxNi4zNzczNzUsMy41ODQ3IiBpZD0iUGFnZS0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjctQ29weSIgZmlsbD0iIzAwNjVGRiIgeD0iMyIgeT0iNyIgd2lkdGg9IjUiIGhlaWdodD0iNSIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTMzLUNvcHktMTgiIGZpbGw9IiMwMDY1RkYiIHg9IjkiIHk9IjciIHdpZHRoPSI1IiBoZWlnaHQ9IjIiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0zMy1Db3B5LTIzIiBmaWxsPSIjMDA2NUZGIiB4PSI5IiB5PSIxMCIgd2lkdGg9IjUiIGhlaWdodD0iMiIgcng9IjEiPjwvc
 mVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTMzLUNvcHktMjQiIGZpbGw9IiMwMDY1RkYiIHg9IjMiIHk9IjEzIiB3aWR0aD0iMTEiIGhlaWdodD0iMiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTMzLUNvcHktMjUiIGZpbGw9IiMwMDY1RkYiIHg9IjMiIHk9IjE2IiB3aWR0aD0iMTEiIGhlaWdodD0iMiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
+}
+
+.icon-blank-page-large {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABFUlEQVRYw+3YsWrDMBSFYb9Tn6XvIe5ghAdvgZTQoZClg0d7CJQMHf0smjqUEriLCR0y/J08xDHRlZtABuns+myuDNYpislq+hoxZxv2T0XKWqkglFTReDwOh+fj2bx90wtCq196UkIsR3U4JIWoEXaGrcc4HBsET7c2AULJdyIw6CuC0L6bgIpTIkD41Y2VECrs248AYbASSwHzWywBDjqeqZc4sQT41HPCc+XTSwXecDPZhpsBR50jhJsBlxm0vC9A8BnIQAYeCHCk5fGAPOQ85DzkPOQ85DzkOwI+6RK4AEi7xl7mcP33vUZo/wV0KtREqoTOWCVM86M7FYSmN5Qh3lCHTFMiCCuNFiIpdc556pmn/wM4KkViCznJbQAAAABJRU5ErkJggg==');
+}
+
+.subheading .rss-icon,
+.subheading .email-notification-icon{
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiklEQVR4AYWRoa7DMAxF8wv9U9PQ0NHQ0tLRSkPlYaGhpaEPnsV6JrWy9h7oc2VLDrLIR5gzJkvwY68EQcmDuWLCfwrpRrAccyGzUkypM6HwJg1OW/VjxUGkoVm9cIJ1Ix3oXhASFc020Lz8kRtCta5mvwp/2iFZtwHtKlQ60W7J7E645fFZj+/+ArQ1iZLN9n6PAAAAAElFTkSuQmCC) no-repeat left center;
+    float: right;
+    height: 16px;
+    width: 16px;
+    text-decoration: none;
+    line-height: 0;
+}
+
+.subheading .email-notification-icon {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAgUlEQVQoz2NgoBgUdBT8xwM7GIDEzAIlrFpdCnYX/AcpEAQyXNAkBYEmrwKSIAVg7hmgYQhpYxgfqgCsZDdQUBDqqrswE+EKwEreAWEoWKEx3CwUE4wLyoEuKgfydheEoiiASIMFlKDKkd2AkEYLn5kwBTMhjsMSDqtACgiFJO0BADTadnUTnqCdAAAAAElFTkSuQmCC) no-repeat left center;
+    margin-right: 5px;
+}
+
+.icon-order-alphabetical {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAl0lEQVR4AX2RMRHDMAxFRSEUQkEUTOFR6KytFETBFEzBFEohFEoh1Z0Ge1DqN2jQu9O/b8mHAlIhJJ2JLOw2SXIIE0cfBeCN4s9C58PkohY4GEjgaC28AgkUr4SaXaDhCWd94qQFcFELCT0j2rCWJ2KOVZRn0BAO+5qH4DF1FdW3DjRWd64zg65/2JS2Qg6iRwK0/s2//ABfc4q5jXZhygAAAABJRU5ErkJggg==);
+}
+
+.icon-undo {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAjUlEQVQoFa3BQW2EABQFwG8BC7WABSysBc4j41tYC1jAAhawgIXXkrYJaZb20pmqv5lM9cFoERG7NtQ3D11lFrFpbReHsT5pq1kcHvVFi8NQJ08RMdWFFl0nq4i1frDb6+QQEYtHXWipk9is2myqCy31G4vUPaNY6o7BJqZ6xWC2i2e9JiK67mizt/o377RxXKGhGxsFAAAAAElFTkSuQmCC);
+}
+#tab-navigation {
+    margin: 16px -10px;
+    padding: 0 10px;
+}
+
+.tab-navigation {
+    list-style: none;
+    display: block;
+    margin: 0 0 -1px;
+    padding: 0;
+    overflow: hidden;
+}
+.tab-navigation .tab {
+    float: left;
+    display: inline;
+    /* font-weight: bold;   */
+    margin: 0 5px -1px 0;
+}
+.tab-navigation .tab a {
+    padding: .3em .4em;
+    text-decoration: none;
+    display: block;
+    -moz-border-radius-topleft: 3px;
+    -moz-border-radius-topright: 3px;
+    -webkit-border-top-left-radius: 3px;
+    -webkit-border-top-right-radius: 3px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+}
+.tab-navigation .notab {
+    margin: 1px 1px 0 1px;
+    padding: .3em;
+    float: left;
+}
+
+/* Make the following more specific, so they aren't overriden by themes. */
+ul.tab-navigation .current a {
+    color: #000;
+    background-color: #fff;
+    border-bottom-color: #fff; /* IE */
+}
+ul.tab-navigation .current a:hover {
+    color: #000;
+    background-color: #fff;
+    border-bottom-color: #fff; /* IE */
+}
+
+/* PDL menu.css*/
+.content-navigation {
+    float: right;
+    position: relative;
+    margin-top: 1px; /* To align the menu items with the page banner */
+}
+
+.content-navigation .ajs-menu-bar {
+    margin-right: -10px;
+}
+
+/* content-navigation elements are <li>'s */
+.content-navigation .ajs-menu-item,
+.content-navigation .ajs-button {
+    padding-left: 5px;
+}
+
+/* Customisations for navigation menu bar
+   Would like to kill these styles if we ever use icon font in all the places, for now we need to reserve
+   padding in case developers are using a background-image, but they should define their own padding!
+ */
+
+.content-navigation .ajs-menu-bar .ajs-button span,
+.content-navigation .ajs-menu-bar .ajs-menu-item .ajs-menu-title span {
+    padding-left: 21px;
+}
+
+/* These styles reset styles intended to allow for padding if using background-image icons since we are using font icons
+   If we move to only icon font then we can remove these styles, but they override styles needed for developers
+   to use background images
+ */
+.content-navigation .ajs-menu-bar .ajs-button a > span > span.aui-icon,
+.content-navigation .ajs-menu-bar .ajs-menu-item a > span > span.aui-icon {
+    margin-left: -21px;
+    padding-left: 0px;
+}
+/* end allows usage of icon-font */
+
+.ajs-menu-bar .ajs-menu-item,
+.ajs-menu-bar .ajs-button {
+    float: left;
+    list-style: none;
+    position: relative;
+}
+
+/* styles copied from old menu.css */
+.ajs-menu-bar,
+.ajs-menu-bar .ajs-drop-down a,
+.ajs-menu-bar .ajs-drop-down a span {
+    display: block;
+    margin: 0;
+    padding: 0 0 0 20px;
+}
+.ajs-menu-bar .ajs-menu-item .trigger span {
+    background-position: 100% 50%;
+    background-repeat: no-repeat;
+}
+
+.ajs-menu-bar .ajs-button span {
+    background-repeat: no-repeat;
+}
+
+.ajs-menu-bar .ajs-drop-down ul,
+.ajs-menu-bar ul.ajs-drop-down {
+    border-top: solid 1px #e1e1e1;
+    margin: 0;
+    padding: 5px 0;
+    position: relative;
+    list-style: none;
+}
+.ajs-menu-bar .ajs-menu-item div.ajs-drop-down a {
+    background-position: .5em 50%;
+    background-repeat: no-repeat;
+    border: none;
+    display: block;
+    line-height: 2;
+    margin: 0;
+    padding: 0 1em 0 28px;
+    position: relative;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.ajs-menu-bar .ajs-drop-down {
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
+    background-color: #fff; /* system colour - not derived from colour scheme */
+    border: solid 1px #c1c1c1;
+    font-weight: normal;
+    min-width: 192px;
+    padding: 0;
+    position: absolute;
+    left: 0;
+    white-space: nowrap;
+    z-index: 1000;
+}
+
+/*End PDL menu.css*/
+
+@import "colors.less";
+
+/* PDL master.less */
+/* Generic */
+fieldset {
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+
+.smalltext {
+    font-size: 12px;
+    color: @mediumGray;
+}
+
+#title-text {
+    margin: 0;
+    font-size: 28px;
+}
+
+#title-text a:hover{
+    text-decoration: none;
+}
+
+body.error-page #main {
+    padding-top: 0;
+}
+
+body.error-page #main-header {
+    margin: 0 -20px;
+    padding: 20px;
+    border-bottom: 1px solid #ccc;
+    background-color: #f5f5f5;
+}
+
+#main-header,
+#preview-header {
+    margin-bottom: 20px;
+}
+
+#preview-header #title-text {
+    color: #333;
+    margin-top: 10px;
+}
+
+a img {
+    border: 0;
+}
+
+.hidden {
+    display: none;
+}
+/* End generic */
+
+/* Main body */
+
+/* if space-ia is on, we want width to be auto*/
+.ia-splitter .aui-page-panel {
+    width: auto;
+}
+/* end main body */
+
+/* Header */
+#quick-search-submit {
+    display: none;
+}
+
+#quick-search {

[... 1485 lines stripped ...]