Adding tuscany's website to their svn repo for svnpubsub

git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@1640879 13f79535-47bb-0310-9956-ffa450edef68

1 files changed, 5269 insertions, 0 deletions

diff --git a/site/trunk/site-publish/resources/space.css b/site/trunk/site-publish/resources/space.css
new file mode 100644
index 0000000000..9ca27bc4a3
--- /dev/null
+++ b/site/trunk/site-publish/resources/space.css
@@ -0,0 +1,5269 @@
+
+/* Confluence master stylesheet */
+body {
+    margin: 0;
+    padding: 0;
+    background-color: #f0f0f0;
+}
+body.content-preview {
+    background: #fff;
+    border: none;
+}
+
+body, p, td, table, tr, .bodytext, .stepfield {
+    font-size: 10pt;
+    line-height: 1.3;
+    color: #000;
+    font-weight: normal;
+}
+
+#page {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+#PageContent {
+    text-align: left;
+    background-color: #fff;
+    padding: 0 0 20px 0;
+    margin: 0;
+}
+
+.print-only {
+    display: none;
+}
+
+.monospaceInput {
+    font: 12px Monaco, Consolas, "Courier New", monospace;
+}
+
+pre {
+    padding: 0;
+    margin: 10px 0;
+    text-align: left;
+    overflow: auto;
+}
+
+.helpheading {
+    font-weight: bold;
+    background-color: #d0d9bd;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    padding: 4px;
+    margin: 0;
+    margin-top: 10px;
+}
+.helpcontent {
+    padding: 4px 4px 20px 4px;
+    background-color: #f5f7f1;
+}
+
+.help-section-div .helpheading {
+    margin: 0;
+}
+.help-section-div {
+    margin-bottom: 2em;
+}
+
+#print-friendly-help-toggle {
+    position: absolute;
+    top: 1em;
+    right: 1em;
+    text-indent: -999em;
+    width: 16px;
+    height: 16px;
+    background-image: url("../../../images/icons/print_16.gif");
+    background-repeat: no-repeat;
+    outline: none;
+}
+
+#commentsHide {
+    color: #666;
+    font-weight: normal;
+}
+
+#showingComments {
+    border: none;
+    font-size: 10pt;
+}
+
+.pageSection {
+    margin-top: 10px;
+    clear: both;
+}
+
+
+.pageSectionHeader {
+    margin-bottom: 5px;
+    padding: 2px 0;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+}
+
+.pageSectionHeader.summary {
+    border-bottom: none;
+}
+
+.pageSectionBody {
+    margin-top: 4px;
+}
+
+a.grey:link { color: #666; }
+a.grey:visited { color: #666; }
+a.grey:active { color: #666; }
+a.grey:hover { color: #666; }
+
+.more-comments {
+    font-size: 10pt;
+    color: #dde2e6;
+}
+
+.commentBox  {
+    padding: 0;
+    margin: 10px 0;
+    overflow: auto;
+}
+
+.commentBox table.comment {
+    border: 0;
+    border-bottom: #f0f0f0 1px solid;
+    border-top: #f0f0f0 1px solid;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.commentBox .commentinfo {
+    background-color: #f0f0f0;
+    vertical-align: top;
+    padding: 12px;
+}
+
+.commentBox .commentinfo .smalltext {
+    line-height: 11pt;
+}
+
+.commentBox .commentphoto {
+    background-color: #f0f0f0;
+    text-align: right;
+    vertical-align:top;
+    padding: 12px;
+}
+
+.commentBox .commentphoto img {
+    border: none;
+}
+
+.commentBox .commentname a:hover {
+    text-decoration: underline;
+}
+
+.commentdate {
+    margin-top: 3px;
+}
+
+.commentBox .commentdate, .commentdate a {
+    color: #000;
+    text-decoration: none;
+    font-size: 9pt;
+}
+
+.commentdate a:hover {
+    text-decoration: underline
+}
+
+.commentBox .smalltext {
+    line-height: 10pt;
+}
+
+.commentBox .smalltext a {
+    text-decoration: none;
+}
+
+.commentBox .smalltext a:hover {
+    text-decoration: underline;
+}
+
+.commentBox td.commentdetails {
+    vertical-align: top;
+    padding: 0 10px;
+}
+
+.commentBox td.commentActions {
+    padding: 0 10px 10px 10px;
+    vertical-align: bottom;
+}
+
+.commentThread {
+    clear: both; /* clear both in case there are floats or aligned images in the content that sits above the comment thread */
+}
+
+#replying .commentdetails {
+    padding: 15px 0 15px 25px
+}
+
+#replying .commentinfo {
+    background-color: #a0a0a0;
+    color: #f0f0f0;
+}
+
+#replying .commentdate, #replying .commentdate a {
+    color: #f0f0f0;
+}
+
+#replying .commentname a {
+    color: #f0f0f0;
+}
+
+#replying .commentphoto {
+    background-color: #a0a0a0;
+}
+
+#replying table.comment {
+    border-bottom-color: #a0a0a0;
+    border-top-color: #a0a0a0;
+}
+
+#addition .commentdetails {
+    padding: 15px 30px 10px 30px;
+}
+
+#addition .commentinfo {
+    background-color: #a0a0a0;
+    color: #f0f0f0;
+}
+
+#addition .commentname a {
+    color: #f0f0f0;
+}
+
+#addition .commentdate, #addition .commentdate a {
+    color: #f0f0f0;
+}
+
+#addition .commentphoto {
+    background-color: #a0a0a0;
+}
+
+#addition table.comment {
+    border-bottom-color: #a0a0a0;
+    border-top-color: #a0a0a0;
+}
+
+#focusedComment .commentBox td.commentdetails, #focusedComment td.commentActions {
+    background: #ffffd7;
+}
+
+.anonymousAlert, .lockAlert {
+    background-color: #f0f0f0;
+    border: 1px dashed red;
+    font-size: 11px;
+    padding: 10px 5px;
+    margin: 4px;
+    line-height: 13px;
+}
+
+.lockAlert {
+    width: 50%;
+}
+
+.navmenu {
+    border: 1px solid #f0f0f0;
+    margin: 0;
+}
+
+.menuheading {
+    font-weight: bold;
+    padding: 5px 4px 5px 10px;
+    color: #222;
+    background-color: #f0f0f0;
+}
+
+.navmenu.collapsible-menu .menuheading {
+    background: #f0f0f0 url(../../../images/icons/grey_arrow_down.gif) no-repeat 98% 50%;
+}
+.navmenu.collapsible-menu .menuheading.closed {
+    background-image: url(../../../images/icons/grey_arrow_right.gif);
+}
+
+.menuitems {
+    padding: 4px 4px 20px 4px;
+}
+
+ul.navmenu {
+    padding-left: 0;
+    margin-top: 0;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+}
+
+ul.navmenu li.menu-section {
+    list-style: none;
+}
+
+.menu-section-list {
+    margin: 0;
+    padding: 5px 0 10px 0;
+}
+
+.menu-section-list li {
+    list-style: none;
+    margin: 0;
+    line-height: 1.3;
+}
+
+.menu-section-list li a:hover {
+    background-color: #f0f0f0;
+}
+
+.menu-section-list li.active a,
+.menu-section-list li.active a:hover {
+    color: #fff;
+    font-weight: bold;
+    background-color: #444; /* set to neutral colour */
+}
+
+.menu-section-list li a {
+    text-decoration: none;
+    color: #666;
+    display: block;
+    padding: 0.2em 10px;
+    cursor: pointer;
+}
+
+.menu-section-list li a img {
+    padding-right: 2px;
+}
+
+.rightpanel {
+    background: #f0f0f0;
+    -moz-border-radius: 3px; /* Firefox */
+    -webkit-border-radius: 3px; /* Safari */
+    border-radius: 3px; /* CSS3 (Opera?) */
+    padding: .9em;
+}
+
+h3.underlined,
+#helpheading,
+.sidebar-heading {
+    padding: 0;
+    margin: 10px 0;
+    text-align: left;
+    color: #333;
+    border-bottom: 1px solid #ccc;
+}
+
+#helpheading,
+#helpcontent h3.underlined,
+.sidebar-heading {
+    font-size: 13px;
+    margin: -.1em;
+    padding: .1em .1em .2em .1em;
+}
+
+#helpcontent h3.helpheading-spacing{
+    margin-top: 20px;
+}
+
+#helpcontent {
+    margin-top: .9em;
+}
+
+#helpcontent p {
+    margin-bottom: 0;
+    margin-top: .9em;
+}
+
+#helpcontent ul {
+    padding-left: 1.3em;
+}
+
+#helpcontent dl {
+    margin-top: 0;
+}
+
+#helpcontent dl dd {
+    margin: 0;
+    color: #333;
+    font-size: 90%;
+    margin-bottom: .2em;
+}
+
+#helpcontent dl dd code,
+#helpcontent dl dd pre {
+    color: #666;
+    margin: 0;
+    padding: 0;
+}
+
+#helpcontent dl dd.text-formatting code {
+    display: inline-block;
+    width: 6em;
+}
+
+#helpcontent dl dt {
+    margin-top: 1em;
+}
+#helpcontent dl dt.first {
+    margin-top: 0;
+}
+
+.helptab-unselected {
+    font-weight: bold;
+    padding: 5px;
+    background-color: #f5f7f1;
+}
+.helptab-selected {
+    font-weight: bold;
+    background-color: #d0d9bd;
+    padding: 5px;
+}
+.helptabs {
+    margin: 0;
+    background-color: #f5f7f1;
+    padding: 5px;
+}
+
+#profileSummary h3 {
+    font-weight: bold;
+    font-size: 10pt;
+    margin: 12px 0 4px;
+    padding: 0;
+}
+#profileSummary ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+.pageheader {
+    padding: 5px 5px 5px 0;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+}
+
+.pagetitle {
+    font-size: 18pt;
+    line-height: normal;
+    font-weight: bold;
+}
+
+.newpagetitle {
+    color: #ccc !important;
+}
+
+.steptitle {
+    font-size: 18px;
+    font-weight: bold;
+    margin-bottom: 7px;
+}
+
+.substeptitle {
+    font-size: 12px;
+    font-weight: bold;
+    margin: 2px 4px 4px 4px;
+    padding: 2px 4px 1px 4px;
+}
+
+.has-blog-sidebar #title-text a {
+    word-wrap: break-word;
+    display: inline-block;
+    max-width: 75%;
+}
+
+.stepdesc {
+    font-size: 10pt;
+    line-height: 13pt;
+    font-weight: normal;
+    color: #666;
+    margin-top: 7px;
+    margin-bottom: 7px;
+}
+
+.steplabel {
+    font-weight: bold;
+    margin-right: 4px;
+    color: black;
+    float: left;
+    width: 15%;
+    text-align: right;
+}
+
+.stepfield {
+    background: #f0f0f0;
+    padding: 5px;
+}
+
+.submitButtons{
+    margin-top:5px;
+    text-align:right;
+}
+
+.formtitle {
+    font-size: 12px;
+    font-weight: bold;
+}
+
+.sectionbottom {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+}
+
+.topRow {
+    border-top-width: 2px;
+    border-top-style: solid;
+}
+
+/* CONF-20585:
+ * non-dashboard headings will keep their current style
+ * text styling is duplicated in the div because not all divs contain headings
+ */
+.tabletitle {
+    font-size: 10pt;
+    font-weight: bold;
+    padding: 3px 0 2px 0;
+    margin: 8px 4px 2px 0;
+    border-bottom-width: 2px;
+    border-bottom-style: solid;
+}
+.tabletitle h2,
+.wiki-content .tabletitle h2 {
+    font-size: 10pt;
+    font-weight: bold;
+    padding: 0;
+    margin: 0;
+}
+form[name=inlinecommentform] .tabletitle {
+    border: 0;
+}
+
+/* CONF-20585:
+ * .tabletitle on the dashboard is purely a container
+ * dashboard headings are styled like .welcome-message-heading
+ */
+.dashboard .tabletitle {
+    margin: 0;
+    padding: 0;
+    border: none;
+}
+.dashboard .tabletitle h2 {
+    font-size: 14pt;
+    color: #3C78B5;
+    font-weight: normal;
+    font: Arial FreeSans Helvetica sans-serif;
+    padding: 3px 0 2px 0;
+    margin: 1em 0 0 0;
+    border-bottom: 1px solid #ccc
+}
+
+.tabletitleops {
+    float: right;
+}
+.tabletitleops, .tabletitleops a, .tabletitleops img {
+    vertical-align: middle;
+}
+.tabletitleops img {
+    border: none;
+}
+
+.fullWidth {
+    width: 100%;
+}
+
+.pagesubheading {
+    color: #666;
+    font-size: 10px;
+    padding: 0 0 5px 0;
+}
+
+hr {
+    color: #ccc;
+    height: 1px;
+}
+
+h1 a:link, h1 a:visited, h1 a:active {
+    text-decoration: none;
+}
+
+.logocell {
+    padding: 10px;
+}
+
+input {
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 10pt;
+    color: #000;
+}
+input[type='password'] {
+    -webkit-appearance: caps-lock-indicator;
+}
+
+textarea, textarea.editor {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 10pt;
+    color: #333;
+}
+
+.spacenametitle-printable {
+    font: 20px Impact, Arial, Helvetica;
+    font-weight: 100;
+    line-height: 25px;
+    margin: 0;
+}
+
+.spacenametitle-printable a,
+.spacenametitle-printable a:visited {
+    text-decoration: none;
+}
+
+.blogDate {
+    font-weight: bold;
+    text-decoration: none;
+    color: black;
+}
+
+.blogSurtitle {
+    background: #f0f0f0;
+    border: 1px solid #ddd;
+    padding: 3px;
+    margin: 1px 1px 10px 1px;
+}
+
+.blog-post-listing {
+    margin-bottom: 66px;
+}
+
+.blog-post-listing .logo-heading-block {
+    padding-left: 61px;
+}
+
+.blog-post-listing a.blogHeading{
+    margin: 0.05em 0;
+    padding: 0;
+}
+
+.blog-post-listing .blogHeading{
+    display: inline-block;
+    word-wrap: break-word;
+    margin: 0.1em 0;
+}
+.blog-post-listing .logoBlock{
+    display: inline-block;
+    float: left;
+    margin-left: -61px;
+    vertical-align: top;
+}
+
+.blog-post-listing .page-metadata{
+    margin: 0.1em 0 0.1em 0.1em;
+}
+
+.blog-post-listing .page-metadata.not-personal{
+   font-size: 1em;
+}
+
+.blog-post-listing .wiki-content {
+    clear: both;
+}
+
+a.blogHeading {
+    font-size: 20pt;
+    line-height: normal;
+    font-weight: bold;
+    text-decoration: none;
+    word-wrap: break-word;
+}
+
+.blogHeading a:hover {
+   text-decoration: underline;
+}
+
+.blog-pagination{
+    padding-bottom: 1em;
+}
+
+.endsection {
+    color: #666;
+    clear: both;
+    padding: 1em 0 0.5em;
+    font-size: 1em;
+}
+.endsectionleftnav {
+    text-align: right;
+    color: #666;
+    clear: both;
+    padding-top: 10px;
+}
+
+.endsection img{
+    border: 0;
+    vertical-align: middle;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    line-height: normal;
+    font-weight: bold;
+    padding: 2px;
+}
+
+h1 {
+    font-size: 24px;
+    margin: 36px 0 4px 0;
+}
+
+h2 {
+    font-size: 18px;
+    margin: 27px 0 4px 0;
+}
+
+h3 {
+    font-size: 14px;
+    margin: 21px 0 4px 0;
+}
+
+h4 {
+    font-size: 12px;
+    margin: 18px 0 4px 0;
+}
+
+h5 {
+    font-size: 10px;
+    margin: 14px 0 4px 0;
+}
+
+h6 {
+    font-size: 8px;
+    margin: 14px 0 4px 0;
+}
+
+.smallfont {
+    font-size: 10px;
+}
+.descfont {
+    color: #666;
+    font-size: 10px;
+}
+.smallerfont {
+    font-size: 9px;
+}
+.smalltext {
+    color: #666;
+    font-size: 12px;
+}
+.smalltext a {
+    color: #666;
+}
+.greyText
+{
+    color: #666;
+}
+.smalltext-blue {
+    font-size: 8pt;
+    color: #69c;
+}
+.surtitle {
+    margin-left: 1px;
+    margin-bottom: 5px;
+    font-size: 14px;
+    color: #666;
+}
+
+/* css hack found here:  http://www.fo3nix.pwp.blueyonder.co.uk/tutorials/css/hacks/ */
+.navItemOver {
+    font-size: 10px;
+    font-weight: bold;
+    voice-family: "\'}\'";
+    voice-family: inherit;
+    cursor: pointer;
+}
+
+.navItem {
+    font-size: 10px;
+    font-weight: bold;
+    color: #fff;
+}
+
+.navItemOver a,
+.navItemOver a:visited,
+.navItemOver a:hover,
+.navItem a,
+.navItem a:hover,
+.navItem a:visited {
+    text-decoration: none;
+}
+
+div.padded {
+    padding: 4px;
+}
+
+div.thickPadded {
+    padding: 10px;
+}
+
+h3.macrolibrariestitle {
+    margin: 0;
+}
+
+div.centered {
+    text-align: center;
+    margin: 10px;
+}
+
+div.centered table {
+    margin: 0 auto;
+    text-align: left;
+}
+
+.tableview table {
+    margin: 0;
+}
+
+.tableview tr.alternateRow {
+    background: #f0f0f0;
+}
+
+.tableview th {
+    text-align: left;
+    font-size: 12px;
+    padding: 5px 15px 2px 0;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+}
+.tableview td {
+    text-align: left;
+    border-color: #eee;
+    border-width: 0 0 1px 0;
+    border-style: solid;
+    margin: 0;
+    padding: 5px 15px 3px 0;
+}
+
+.grid {
+    margin: 2px 0 5px 0;
+    border-collapse: collapse;
+}
+.grid th  {
+    border: 1px solid #ccc;
+    padding: 2px 4px 2px 4px;
+    background: #f0f0f0;
+    text-align: center;
+}
+.grid td  {
+    border: 1px solid #ccc;
+    padding: 3px 4px 3px 4px;
+}
+.gridHover {
+    background-color: #f9f9f9;
+}
+
+td.infocell {
+    background-color: #f0f0f0;
+}
+.error {
+    background-color: #fcc;
+}
+
+.errorBox {
+    background-color: #fcc;
+    border: 1px solid #c00;
+    padding: 5px;
+    margin: 5px;
+}
+
+.errorMessage, .errorMessage p {
+    color: #c00;
+}
+
+.success {
+    background-color: #dfd;
+}
+
+.successBox {
+    background-color: #dfd;
+    border: 1px solid #090;
+    padding: 5px;
+    margin-top:5px;
+    margin-bottom:5px;
+}
+
+blockquote {
+    font-style: italic;
+    font-size: 10pt;
+    border-left-width: 1px;
+    border-left-style: solid;
+    padding: 0 20px;
+    margin: 10px 20px;
+}
+
+blockquote p {
+    font-size: 10pt;
+}
+
+blockquote em {
+    font-style: normal;
+}
+
+div.small {
+    font-size: 9px;
+}
+
+h1.pagename {
+    margin-top: 0;
+}
+
+/* The text how the "This is a preview" comment should be shown. */
+.previewnote {
+    text-align: center;
+    font-size: 11px;
+    color: red;
+}
+
+/* How the preview content should be shown */
+.previewcontent {
+    background: #e0e0e0;
+}
+
+/* How the system messages should be shown (DisplayMessage.jsp) */
+.messagecontent {
+    background: #e0e0e0;
+}
+
+.createlink,
+a.createlink,
+a.createlink:link,
+a.createlink:visited,
+a.createlink:active,
+a.createlink:hover {
+    color: maroon;
+}
+.templateparameter {
+    font-size: 9px;
+    color: #00008b;
+}
+
+#page-diffs, #conflict-diffs{
+    min-height: 54px;
+}
+
+#page-diffs {
+    margin-bottom: 2em;
+}
+#page-diffs .diff {
+    margin-top: 0;
+}
+#page-diffs .diff div {
+    word-wrap: break-word;
+}
+
+.key-diffs {
+    border: 1px solid #CCCCCC;
+    float: right;
+    padding: 0.5em;
+}
+.key-diffs .diff {
+    margin: 0;
+    padding: 0;
+}
+
+.diff {
+    font: 12px Monaco, Consolas, "Courier New", monospace;
+    padding: 0 0 0 1.5em;
+    margin-top: 1em;
+}
+.diff td {
+    font-size: 0.9em;
+    padding-bottom: 0.3em;
+}
+.diff-added-lines, .diff-added-words, .diff-added-chars {
+    background: #dfd;
+}
+.diff-deleted-lines, .diff-deleted-words, .diff-deleted-chars {
+    color: #999;
+    background: #fdd;
+    text-decoration: line-through;
+}
+.differror {
+    background: #A52A2A;
+}
+
+div.diff-snip-link img.twixie,
+div.diff-snip-text img.twixie {
+    margin: 0 4px -6px -20px; /* Twixie is 16 pixels wide, sum of left and right margins should be -16px */
+}
+
+div.diff-snip-link,
+div.diff-snip-text {
+    margin: 0.85em 0;
+}
+
+.greybackground {
+    background: #f0f0f0
+}
+
+.greybox {
+    border: 1px solid #ddd;
+    padding: 3px;
+    margin: 1px 1px 10px 1px;
+}
+
+.borderedGreyBox {
+    background-color: #F0F0F0;
+    padding: 0.9em;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    margin-bottom: 17px;
+
+}
+
+.space-labels div.borderedGreyBox{
+    float: right;
+    width: 189px;
+}
+
+
+
+.borderedLabelHeading{
+    border-bottom: 1px solid #CCCCCC;
+    color: #333333;
+    font-size: 13px;
+    font-weight: bold;
+    margin-bottom: 0.7em;
+}
+
+.greyboxfilled {
+    border: 1px solid #ddd;
+    background: #f0f0f0;
+    padding: 3px;
+    margin: 1px 1px 10px 1px;
+}
+
+.lightGreyBox {
+    background: #fafafa;
+}
+
+.navBackgroundBox {
+    padding: 5px;
+    font-size: 22px;
+    font-weight: bold;
+    color: white;
+    text-decoration: none;
+}
+
+.previewBoxTop {
+    background-color: #f0f0f0;
+    border-width: 1px 1px 0px 1px;
+    border-style: solid;
+    padding: 5px;
+    margin: 5px 0px 0px 0px;
+    text-align: center;
+}
+.previewContent {
+    background-color: #fff;
+    border-width: 0px 1px 0px 1px;
+    border-style: solid;
+    padding: 10px;
+    margin: 0px;
+}
+.previewBoxBottom {
+    background-color: #f0f0f0;
+    border-width: 0px 1px 1px 1px;
+    border-style: solid;
+    padding: 5px;
+    margin: 0px 0px 5px 0px;
+    text-align: center;
+}
+
+.functionbox {
+    background-color: #f0f0f0;
+    border: 1px solid;
+    padding: 3px;
+    margin: 1px 1px 10px 1px;
+}
+
+.functionbox-greyborder {
+    background-color: #f0f0f0;
+    border: 1px solid #ddd;
+    padding: 3px;
+    margin: 1px 1px 10px 1px;
+}
+
+.rowNormal {
+    background-color: #fff;
+ }
+
+.rowAlternate {
+    background-color: #f7f7f7;
+}
+
+/* used in the list attachments table */
+.rowAlternateNoBottomColor {
+    background-color: #f7f7f7;
+}
+
+.rowAlternateNoBottomColor td,
+.rowAlternateNoBottomNoColor td {
+    border-bottom: 0;
+}
+
+.rowHighlight {
+    background-color: #f0f0f0;
+}
+
+td.greenBar,
+td.greenbar,
+td.graybar,
+td.redbar,
+td.darkredbar {
+    font-size: 1em;
+    border: 1px solid #9c9c9c;
+    padding: 0;
+}
+
+td.greenBar,
+td.greenbar {
+    background: #00df00;
+}
+td.graybar {
+    background: #808080;
+}
+td.redbar {
+    background: #df0000;
+}
+td.darkredbar {
+    background: #af0000;
+}
+
+tr.testpassed {
+    font-size: 2px;
+    background: #dfd;
+    padding: 0;
+}
+tr.testfailed {
+    font-size: 2px;
+    background: #fdd;
+    padding: 0;
+}
+
+.toolbar  {
+    margin: 0;
+    border-collapse: collapse;
+}
+
+.toolbar td  {
+    border: 1px solid #ccc;
+    padding: 2px;
+    color: #ccc;
+}
+
+td.noformatting {
+    border-width: 0;
+    border-style: none;
+    text-align: center;
+    padding: 0;
+}
+
+/*
+ * Divs displaying the license information, if necessary.
+ */
+.license {
+    border-top: 1px solid #bbb;
+    text-align: center;
+    font-size: 10pt;
+    background-color: #ffffe0;
+}
+
+.license-eval, .license-none {
+    background-color: #fcc;
+}
+
+.license-eval b, .license-none b {
+    color: #900;
+}
+
+/*
+ * The shadow at the bottom of the page between the main content and the
+ * "powered by" section.
+ */
+.bottomshadow {
+    height: 12px;
+    background-image: url("../../../images/border/border_bottom.gif");
+    background-repeat: repeat-x;
+}
+
+/*
+ * Styling of the operations box
+ */
+.navmenu .operations li, .navmenu .operations ul {
+    list-style: none;
+    margin-left: 0;
+    padding-left: 0;
+}
+
+.navmenu .operations ul {
+    margin-bottom: 9px;
+}
+
+.navmenu .label {
+    font-weight: inherit;
+}
+
+/*
+ * Styling of ops as a toolbar
+ */
+.toolbar div {
+    display: none;
+}
+
+.toolbar .label {
+    display: none;
+}
+
+.toolbar .operations {
+    display: block;
+}
+
+.toolbar .operations ul {
+    display: inline;
+    list-style: none;
+    margin-left: 10px;
+    padding-left: 0;
+}
+
+.toolbar .operations li {
+    list-style: none;
+    display: inline;
+}
+
+.bold {
+    font-weight: bold;
+}
+
+
+/* space action links */
+.tabnav .spaceActionLinks {
+    float: right;
+    margin: 0;
+    display: block;
+}
+
+.tabnav .spaceActionLinks a span {
+    text-decoration: underline;
+}
+.tabnav .spaceActionLinks a.current {
+    color: black;
+}
+.tabnav .spaceActionLinks a.current span {
+    text-decoration: none;
+}
+
+.tabnav .spaceActionLinks a.current:link {
+    color: black;
+}
+
+.tabnav .spaceActionLinks a.current:visited {
+    color: black;
+}
+
+/* non tabs */
+.tabnav .nontabs {
+    padding: 0;
+    margin: 5px 0 0 3px;
+    display: block;
+    float: left;
+}
+
+/* editor tab customizations of the tabnav */
+#markupTab, #wysiwygTab, #previewTab {
+    font-size: 9pt;
+    padding: 3px 5px 2px; /* tab padding */
+    margin: 8px 0 0 3px; /* margin-top is used to 'push' the tab down to fill in any gaps */
+    font-weight: normal;
+}
+
+/* alphabet list */
+#squaretab {
+    margin-left: 0;
+    padding-left: 0;
+    white-space: nowrap;
+    font-family: Verdana, Helvetica, Arial, sans-serif;
+    font-size: 8pt;
+    line-height: 11pt
+}
+
+#squaretab li {
+    display: inline;
+    list-style-type: none;
+}
+
+#squaretab a {
+    padding: 5px 7px 3px 7px;
+    border-width: 1px;
+    border-style: solid;
+}
+
+#squaretab a:link,
+#squaretab a:visited {
+    color: #fff;
+    text-decoration: none;
+}
+
+#squaretab a:hover {
+    text-decoration: none;
+}
+
+#current {
+    background: #fff;
+    color: #000;
+}
+
+.blogcalendar th,
+.blogcalendar td  {
+    font-size: x-small;
+    font-weight: normal;
+    line-height: 140%;
+    padding: 2px;
+}
+
+table.blogcalendar {
+    border-width: 1px;
+    border-style: solid;
+}
+
+.blogcalendar th.calendarhead,
+a.calendarhead {
+    font-size: x-small;
+    font-weight: bold;
+    padding: 2px;
+    letter-spacing: 0.3em;
+    text-transform: uppercase;
+}
+
+.blogcalendar th.calendarhead,
+.calendarhead,
+.calendarhead:link,
+.calendarhead:visited,
+.calendarhead:active,
+.calendarhead:hover {
+    color: #fff;
+}
+
+.blogcalendar th {
+    font-size: x-small;
+    font-weight: bold;
+    padding: 2px;
+    background-color: #f0f0f0;
+}
+
+.blogcalendar td {
+    font-size: x-small;
+    font-weight: normal;
+}
+
+.sidebar-section #bloglist{
+    margin-top: 5px;
+    display: inline;
+}
+
+
+#bloglist{
+    background-color: #f0f0f0;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    width: 22em;
+    padding-top: 0.1em;
+}
+
+.blogmonthnavigation{
+    border:1px solid #CCCCCC;
+    position:relative;
+    text-decoration:none;
+    display: inline-block;
+    width: 10em;
+    font-size: 0.85em;
+    text-align:center;
+    margin: 0 0.3em 1em 1.1em;
+    padding: 0.2em 0.4em;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+}
+
+div.pagination .blogmonthnavigation{
+    margin: 0 0.5em 0 0;
+    width: 5em;
+    font-size: 1em;
+}
+
+#blog-sidebar .bloglistmultiple{
+    position: absolute;
+}
+
+.bloglistitems li .icon-container {
+    display:block;
+    float:none;
+    padding-left:1.75em;
+}
+
+.bloglistmultiple .bloglistheading h2{
+    padding-top: 0;
+}
+
+.bloglistitems{
+    list-style-type: none;
+    padding-left: 1em;
+    padding-right: 1em;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+}
+
+.bloglistitems li{
+    padding-bottom: 7px;
+    word-wrap: break-word;
+}
+
+.bloglistitems li img{
+    padding-right: 0.5em;
+    vertical-align: middle;
+}
+
+
+.bloglistheading h2{
+    text-align: left;
+    margin: 1em;
+    color: #333333;
+}
+
+.bloglistheading h2 a{
+    text-decoration: none;
+    color: #333333;
+}
+
+.has-personal-sidebar .bloglistheading h2 a,
+.has-personal-sidebar .bloglistheading h2
+{
+    margin-left: -0.1em;
+    margin-right: -0.1em;
+    padding: 0.1em 0.1em 0.2em;
+}
+
+.has-personal-sidebar .bloglistitems
+{
+    margin-left: -0.9em;
+}
+
+.has-personal-sidebar .blogmonthnavigation
+{
+    margin-left: 0;
+    margin-right: 1em;
+
+}
+
+#bloglist .control {
+    position: absolute;
+    top: 8px;
+}
+#bloglist .control.prev {
+    left: 13px;
+}
+
+#bloglist .control.next {
+    right: 13px;
+}
+
+.searchGroup {
+    padding: 0 0 10px 0;
+    background: #f0f0f0;
+}
+
+.searchGroupHeading {
+    font-size: 10px;
+    font-weight: bold;
+    color: #fff;
+    padding: 2px 4px 1px 4px;
+}
+
+.searchItem {
+    padding: 1px 4px;
+}
+
+.searchItemSelected {
+    padding: 1px 4px;
+    font-weight: bold;
+    background: #ddd;
+}
+
+/* permissions page styles */
+.permissionHeading {
+    border-bottom: #bbb;
+    border-width: 0 0 1px 0;
+    border-style: solid;
+    font-size: 16px;
+    text-align: left;
+}
+
+.permissionTab,
+.permissionSuperTab,
+.permissionCell {
+    border-width: 0 0 0 1px;
+    border-style: solid;
+}
+
+.permissionTab {
+    font-size: 10px;
+}
+
+.permissionCell {
+    border-left: #bbb;
+    white-space: nowrap;
+}
+
+/* side menu highlighting (e.g. space content screen) */
+.optionPadded {
+    padding: 2px;
+}
+
+.optionSelected, .optionPadded.selected {
+    background-color: #ffc;
+    padding: 2px;
+    border: 1px solid #ddd;
+    margin: -1px;
+}
+
+.optionSelected a, .optionPadded.selected a {
+    font-weight: bold;
+    text-decoration: none;
+    color: black;
+}
+
+/* styles for extended operations */
+.greyLinks a:link,
+.greyLinks a:visited,
+.greyLinks a:active,
+.greyLinks a:hover {
+    color: #666;
+    text-decoration: underline;
+}
+
+.greyLinks {
+    color: #666;
+    padding: 10px;
+}
+
+.operation-links {
+    color: #666;
+    margin-bottom: 10px;
+}
+.operation-links a:link,
+.operation-links a:visited,
+.operation-links a:active,
+.operation-links a:hover {
+    color: #666;
+    text-decoration: underline;
+}
+
+.separatorLinks a:link,
+.separatorLinks a:visited,
+.separatorLinks a:active {
+    color: white;
+}
+
+.greynavbar {
+    background-color: #f0f0f0;
+    border-top-width: 1px;
+    border-top-style: solid;
+}
+
+div.headerField {
+    float: left;
+    width: auto;
+    height: 100%;
+}
+
+.headerFloat {
+    margin-left: auto;
+    width: 50%;
+}
+
+.headerFloatLeft {
+    float: left;
+    margin-right: 20px;
+    margin-bottom: 10px;
+}
+
+#headerRow {
+    padding: 10px;
+}
+
+.greyFormBox {
+    border: 1px solid #ccc;
+    padding: 5px;
+}
+
+.openPageHighlight {
+    background-color: #ffc;
+    padding: 2px;
+    border: 1px solid #ddd;
+}
+
+.editPageInsertLinks, .editPageInsertLinks a {
+    color: #666;
+    font-weight: bold;
+    font-size: 10px;
+}
+
+/* Style for label heatmap. */
+.top10 a {
+    font-weight: bold;
+    font-size: 2em;
+    color: #036;
+}
+.top25 a {
+    font-weight: bold;
+    font-size: 1.6em;
+    color: #036;
+}
+.top50 a {
+    font-size: 1.4em;
+    color: #036;
+}
+.top100 a {
+    font-size: 1.2em;
+    color: #036;
+}
+
+.heatmap {
+    list-style: none;
+    width: 95%;
+    margin: 0 auto;
+}
+
+.heatmap a {
+    text-decoration: none;
+}
+
+.heatmap a:hover {
+    text-decoration: underline;
+}
+
+.heatmap li {
+    display: inline;
+}
+
+.minitab {
+    padding: 5px;
+    margin: 1px 0 0 0;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    text-decoration: none;
+    float: none;
+}
+
+.minitab a {
+    padding: 5px 5px;
+    margin-left: 3px;
+    margin-top: 1px;
+    border-top: 1px solid;
+    border-right: 1px solid;
+    border-left: 1px solid;
+}
+
+#makeRichTextDefault, #makeMarkupDefault {
+    border: 0;
+    font-weight: normal;
+    text-decoration: none;
+    display: block;
+    height: 2.5em;
+}
+
+.minitab .selected {
+    background: white;
+    border-bottom: 1px solid white;
+    color: #000;
+    text-decoration: none;
+}
+.minitab .unselected {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    color: #fff;
+    text-decoration: none;
+}
+
+.minitab a.unselected:link,
+.minitab a.unselected:visited {
+    color: white;
+}
+.minitab a.selected:link,
+.minitab a.selected:visited {
+    color: black;
+}
+
+.minitabFont {
+    font-size: 9pt;
+    line-height: 9pt;
+}
+
+.linkerror {
+    background-color: #fcc;
+}
+
+a.labelOperationLink:link,
+a.labelOperationLink:active,
+a.labelOperationLink:visited,
+a.labelOperationLink:hover {
+    text-decoration: underline;
+}
+
+a.newLabel:link,
+a.newLabel:active,
+a.newLabel:visited,
+a.newLabel:hover {
+    background-color: #dfd;
+}
+
+ul.square {
+    list-style-type: square;
+}
+
+/* Label auto complete styles needed until we use requireResource properly in labels-include.vm */
+div.auto_complete {
+    width: 350px;
+    background: #fff;
+}
+div.auto_complete ul {
+    border: 1px solid #888;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    list-style-type: none;
+}
+div.auto_complete ul li {
+    margin: 0;
+    padding: 3px;
+}
+div.auto_complete ul li.selected {
+    background-color: #ffb;
+}
+div.auto_complete ul strong.highlight {
+    color: #800;
+    margin: 0;
+    padding: 0;
+}
+
+/******* Edit Page Styles *******/
+.toggleFormDiv{
+    border: 1px solid #a7a6aa;
+    background-color: white;
+    margin-top: 5px;
+}
+
+.toogleInfoDiv{
+    border: 1px solid #a7a6aa;
+    background-color: white;
+    display: none;
+    padding: 5px;
+    margin-top: 10px;
+}
+
+.inputSection{
+    margin-bottom: 20px;
+}
+
+#anonymous-warning {
+    padding: 15px 10px;
+}
+
+#editBox{
+   border: 1px solid #d3d3d3;
+   background-color: #f0f0f0;
+}
+
+.tab-navigation .current a {
+    color: #000;
+    background-color: #fff;
+    border-bottom-color: #fff;
+}
+
+.replaced {
+    background-color: #3c6;
+}
+
+.topPadding {
+    margin-top: 20px;
+}
+
+/* new form style */
+.form-block {
+    padding: 6px;
+}
+.form-error-block {
+    background: #fcc;
+    border-top: #f0f0f0 1px solid;
+    border-bottom: #f0f0f0 1px solid;
+    margin-bottom: 6px;
+    padding: 0 12px;
+}
+.form-element-large {
+    font-size: 16px;
+    font-weight: bold;
+}
+
+.form-element-small {
+    font-size: 12px;
+    font-weight: bold;
+}
+
+.form-header {
+    background: #ffffe0;
+    border-top: #f0f0f0 1px solid;
+    border-bottom: #f0f0f0 1px solid;
+    margin-bottom: 6px;
+    padding: 12px;
+}
+.form-header p, .form-block p, .form-error-block p {
+    line-height: normal;
+    margin: 12px 0;
+}
+.form-example {
+    color: #888;
+    font-size: 11px;
+}
+.form-divider {
+    border-bottom: #ccc 1px solid;
+    margin-bottom: 6px;
+}
+.confluence-button,
+a.confluence-button,
+a.confluence-button:link,
+a.confluence-button:hover,
+a.confluence-button:visited {
+    text-decoration: none;
+    border: 1px solid #aaa;
+    color: #000;
+    padding: 5px 10px;
+    cursor: default;
+    background: #fff url(../../../images/decoration/buttons-bg-white.png) repeat-x 0 100%;
+    -moz-border-radius: 5px; /* Firefox */
+    -webkit-border-radius: 5px; /* Safari */
+}
+
+.confluence-button:active,
+a.confluence-button:active {
+    border-color: #69c;
+    background-color: #eee;
+    background-image: url(../../../images/decoration/buttons-bg.png);
+}
+
+.form-block .error {
+    padding: 6px;
+    margin-bottom: 6px;
+}
+
+form.edit-trust-app fieldset {
+    border: none;
+}
+form.edit-trust-app fieldset div {
+    border: none;
+    border-left: solid 11em #f0f0f0;
+    padding: 0;
+    float: left;
+}
+form.edit-trust-app fieldset label {
+    float: left;
+    width: 10em;
+    padding: 0;
+    margin: 5px 1em 0 -10.5em;
+    text-align: right;
+    clear: left;
+}
+form.edit-trust-app fieldset input,
+form.edit-trust-app fieldset textarea {
+     margin: 5px 0 0 0;
+     float: left;
+}
+form.edit-trust-app fieldset div.buttons {
+     border: none;
+     clear: left;
+     text-align: center;
+     float: none;
+}
+form.edit-trust-app fieldset div.buttons input {
+     float: none;
+}
+
+.status-red {
+    color: #800;
+    font-weight: bold;
+}
+.status-green {
+    color: #080;
+    font-weight: bold;
+}
+
+.person {
+    background-color: white;
+    width: 200px;
+    float: left;
+}
+.person td {
+    white-space: nowrap;
+}
+
+#blogcalendar span.fwdArrow {
+    float: right;
+    display: block;
+    width: 16px;
+    height: 16px;
+    background-repeat: no-repeat;
+    background-image: url(/images/icons/forwd_16.gif);
+}
+#blogcalendar span.fwdArrow span {
+    display: none;
+}
+#blogcalendar span.backArrow {
+    float: left;
+    display: block;
+    width: 16px;
+    height: 16px;
+    background-repeat: no-repeat;
+    background-image: url(/images/icons/back_16.gif);
+}
+#blogcalendar span.backArrow span {
+    display: none;
+}
+.pageInfoTable {
+    padding: 0;
+    margin: 0;
+    border: 0;
+    width: 100%;
+    border-collapse: collapse;
+}
+.pageInfoTable td {
+    padding: 3px;
+}
+.pageInfoTable tr.alternateRow {
+    background: #f0f0f0;
+}
+.pageInfoLayoutTable {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.pageInfoLayoutTable td {
+    padding: 5px 16px 5px 0;
+}
+
+.pageInfoLayoutTable .tableview td {
+    padding-left: 0;
+}
+
+.pageInfoLayoutTable ul {
+    padding-left: 20px;
+    list-style-type: none;
+}
+
+.memoryusagebar {
+    width: 100%;
+}
+.memoryusagebar td {
+    border: none !important;
+    vertical-align: middle !important;
+}
+
+input.alignedCheckbox {
+    margin: 0;
+}
+
+div.spacer {
+    clear: both;
+}
+
+span.left {
+    float: left;
+    text-align: left;
+}
+
+span.right {
+    float: right;
+    text-align: right;
+}
+
+.nobr {
+    white-space: nowrap;
+}
+
+label.normal {
+    font-weight: normal;
+    color: black
+}
+
+div.leftFloatMargined {
+    float: left;
+    margin-right: 2px
+}
+
+#entitySearchResults {
+    border-collapse: collapse;
+    background-color: #fafafa;
+    text-align: left;
+    width: 100%;
+}
+
+#entitySearchResults td {
+    border-top: 1px solid #ccc;
+    padding: 3px;
+    background-color: white;
+    vertical-align: top;
+}
+
+#entitySearchResults th {
+    color: #666;
+    padding: 3px;
+    white-space:nowrap;
+}
+
+#entitySearchResults .firstColumn {
+    width: 2%;
+    text-align: right;
+}
+
+#entitySearchResults .secondColumn {
+    width: 1px;
+    text-align: right;
+}
+
+a.paddedGreyDisabled {
+    background-color: #f0f0f0;
+    padding: 4px;
+    text-decoration: none;
+    color: #666;
+}
+
+a.grey {
+    color: #666;
+}
+
+div.topBottomMargin {
+    margin: 10px 0 10px 0
+}
+
+div.bottomMargin {
+    margin-bottom: 10px
+}
+
+table.spaceList {
+    border-collapse: collapse;
+}
+
+tr.spaceList td {
+    padding: 5px 0 5px 5px;
+    border-bottom: 1px solid #eee;
+    vertical-align: top;
+}
+
+.spaceList .spaceDescription {
+    margin-top: 3px;
+    color: #666;
+}
+
+tr.spaceList .operations {
+    vertical-align: top;
+    padding-right: 5px;
+}
+
+.fontSizeBigger {
+    font-size: 11pt;
+    line-height: 14pt;
+}
+
+.fontSizeDefault {
+    line-height: 1.3em;
+}
+
+.fontSizeSmaller {
+    font-size: 10pt;
+    line-height: 13pt;
+}
+
+/* deprecated. TODO - check for use in themes and remove. */
+.fontSizeTiny {
+    font-family: Verdana, Helvetica, Arial, sans-serif;
+    font-size: 8pt;
+    line-height: 11pt;
+}
+
+table.dashboard td.left {
+    padding-right: 16px;
+}
+
+/* dashboard action buttons */
+.dashboard .dashboard-action-button {
+    overflow: auto;
+    padding: 10px 0 20px 0;
+}
+.dashboard .dashboard-action-button span {
+    clear: both;
+    display: block;
+    margin: 0 0 10px 0;
+}
+.dashboard .dashboard-action-button span a,
+.dashboard .dashboard-action-button span a:focus,
+.dashboard .dashboard-action-button span a:hover {
+    color: #003366;
+    float: left;
+    padding: 0 10px 0 9px;
+    font-weight: bold;
+}
+/* pull the icons out so the link underline doesn't extend under them */
+.dashboard .dashboard-action-button span.icon {
+    float: left;
+    left: -5px;
+    position:relative;
+}
+/* end dashboard action buttons */
+
+#view-attachments .dashboard-action-spacing{
+    padding-top: 6px;
+    padding-bottom: 3px;
+}
+
+#view-attachments a.dashboard-action{
+    color: #000;
+}
+
+.dashboard .dashboard-action:hover, #view-attachments .dashboard-action:hover {
+    color: #4F85BC;
+    background-position: 100% 0;
+}
+
+.clearBoth {
+    clear: both;
+}
+
+#labelInputSpan {
+    margin-top: 1px;
+}
+
+form#quickSearch {
+    margin: 2px;
+    padding: 0;
+}
+
+form#quickSearch input {
+    font-size: 10pt;
+    vertical-align: middle;
+}
+
+table.fullWidthBorderless
+{
+    width: 100%;
+    border: 0;
+    border-collapse: collapse;
+}
+
+/* Hacks for YUI menustuff */
+
+#pageMenusMenuBar {
+   padding: 4px;
+}
+
+#notificationFormat {
+    padding: 0;
+    margin: -9px 15px;
+}
+
+#notificationFormat h4 {
+    font-weight: normal;
+}
+
+#notificationFormat h2 {
+    font-weight: normal;
+}
+
+#rssFormat {
+    padding: 0;
+    margin: 6px 15px;
+}
+
+.notificationGreySide {
+    border-top: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+    margin: 0 0 5px 0;
+    padding: 3px 17px;
+}
+
+.notificationDigest {
+    padding: 0 17px;
+}
+
+.darkBlue {
+    color: #036;
+}
+
+.grey {
+    color: #666;
+}
+
+table.attachments {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+table.attachments th {
+    white-space: nowrap;
+    width: 1%;
+}
+
+table.attachments td {
+    white-space: nowrap;
+    vertical-align: top;
+    width: 1%;
+}
+
+table.attachments td.comment, table.attachments th.comment, table.attachments td.attachedto, table.attachments th.attachedto {
+    white-space: normal;
+    width: auto;
+}
+
+#contentOptions {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+#exportContentTree {
+    list-style-type: none;
+    margin: 5px 0;
+}
+
+#contentOptionAllNote {
+    color: #666;
+    font-weight: normal;
+}
+
+/* hidden: use when we want the content totally unavailable. */
+.hidden,
+li.hidden {
+    display: none !important;
+    visibility: hidden;
+}
+
+/* assistive: use when the hidden content should remain available to screen readers */
+.assistive, legend.assistive span {
+    position: absolute;
+    left: -20000px;
+    width: 4000px;
+    overflow: hidden;
+    top: 0;
+    height: 0;
+}
+
+/* Needed for IE to stop the menu being expanded to 4000px */
+.ajs-menu-bar .ajs-menu-item .assistive {
+    position: absolute;
+    left: -20000px;
+    width: 4000px;
+    display: block;
+    visibility: visible;
+}
+
+.ajs-menu-bar .ajs-menu-item .most-right-menu-item.assistive {
+    left: auto;
+    right: 20000px;
+}
+
+#main {
+    text-align: left;
+    background-color: #fff;
+}
+#header {
+    min-height: 1.8em;
+    line-height: 1.8;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    z-index: 1;
+}
+.quick-search {
+    margin: 0;
+    padding: 0;
+}
+#quick-search fieldset {
+    float: right;
+}
+.quick-search fieldset {
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+.quick-search legend {
+    display: none;
+}
+input.blank-search,
+input.placeholded,
+.quick-search .placeholded {
+    color: #666;
+}
+#quick-search-query {
+    width: 13em;
+}
+/* default user navigation styles for themes using the old markup */
+#user-control-panel, #page-view-panel, #page-prefs-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+#user-control-panel li,
+#page-view-panel li,
+#page-prefs-list li,
+.userNavBar li { /* deprecated styles provided for themes written prior to 2.8 */
+    list-style: none;
+    display: inline;
+    color: #666;
+    font-size: 0.95em;
+    padding: 0 0 0 0.3em;
+}
+#user-control-panel a {
+    color: #666;
+}
+#user-control-panel li.first {
+    border:medium none;
+}
+#user-control-panel li {
+    border-left: 1px solid #666;
+    padding-left: 0.5em;
+}
+#page-view-panel li {
+    float: right;
+}
+
+#breadcrumbs {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    overflow: auto;
+}
+
+#breadcrumbs li {
+    white-space: nowrap;
+    display: inline;
+    float: left;
+    margin: 0 .2em 0 0;
+    padding-left: 15px;
+    background: url(../../../images/decoration/white_breadcrumbs_indicator.png);
+    background-repeat: no-repeat;
+    background-position: 3px center;
+}
+
+#breadcrumbs li.first {
+    padding-left: 0;
+    background-image: none;
+}
+
+#breadcrumbs li a {
+    text-decoration: none;
+}
+
+#breadcrumbs li a:hover {
+    text-decoration: underline;
+}
+
+#breadcrumbs li span {
+    display: block;
+}
+
+#ellipsis strong {
+    cursor: pointer;
+    font-weight: normal;
+}
+
+#breadcrumbs li.hidden-crumb {
+    display: none;
+}
+
+a.twisty-open, a.twisty-closed {
+    background: no-repeat 50% 50%;
+    float: left;
+    margin-right: 0.5em;
+}
+a.twisty-open {
+    background-image: url(../../../images/icons/arrow_down.gif);
+}
+a.twisty-closed {
+    background-image: url(../../../images/icons/arrow_right.gif);
+}
+
+a.print {
+    background: url(../../../images/icons/print_16.gif) no-repeat 50% 50%;
+}
+a.feed {
+    background: url(../../../images/icons/feed-icon-16x16.png) no-repeat 50% 50%;
+}
+a.pdf {
+    background: url(../../../images/icons/attachments/pdf.gif) no-repeat 50% 50%;
+}
+a.help {
+    background: url(../../../images/icons/help_16.gif) no-repeat 50% 50%;
+}
+a.add-user {
+    background: url(../../../images/icons/classic/16/125.png) no-repeat 50% 50%;
+}
+
+a.remove-user {
+    background: url(../../../images/icons/classic/16/123.png) no-repeat 50% 50%;
+}
+
+a.groups {
+    background: url(../../../images/icons/classic/16/127.png) no-repeat 50% 50%;
+}
+
+a.cancel {
+    background: url(../../../images/icons/emoticons/error.gif) no-repeat 50% 50%;
+}
+
+a.search-icon {
+    background: url(../../../images/icons/srch_16.gif) no-repeat 50% 50%;
+}
+
+a img {
+    border: none;
+}
+
+a.texticon {
+    min-height: 16px;
+    text-align: left;
+    padding:0 10px 0 20px;
+    background-position: 0 50%;
+    outline:0 none;
+}
+
+
+/* // Links **/
+#com-atlassian-confluence h1 {
+    line-height: 2;
+    margin: 0 0 10px 0;
+    padding: 0;
+    width: 100%;
+}
+#com-atlassian-confluence h1 img {
+    float: left;
+    margin: 0 .3em 0 0;
+}
+br.clear {
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+}
+#footer, #footer-warning {
+    background: #f0f0f0;
+    text-align: center;
+}
+#footer p.license, #footer p.license a {
+    background: #036;
+    color: #fff;
+    margin: 0;
+}
+#poweredby {
+    border-top: 1px solid #bbb;
+    color: #666;
+    margin: 0;
+    padding: .5em;
+    list-style: none;
+}
+#poweredby a, #footer-warning {
+    color: #666;
+    text-decoration: none;
+}
+#poweredby li {
+    display: inline;
+}
+#poweredby li.print-only {
+    display: none;
+}
+
+#poweredby a:hover.hover-footer-link{
+    text-decoration: underline;
+}
+
+#footer p.warning {
+    margin: 0 40px 10px 40px;
+    text-align: center;
+}
+
+#menu-bar, #navigation .space-browse-links {
+    float: right;
+}
+#navigation .space-browse-links ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+#menu-bar {
+    margin: 0 .5em;
+}
+table {
+    clear: left;
+}
+.space-browse-links a:link,
+.space-browse-links a:active,
+.space-browse-links a:visited {
+    border: 1px solid #69c;
+    color: #000;
+    display: block;
+    font-weight: bold;
+    line-height: 2;
+    margin: 0.35em 0 -1px 0.5em;
+    padding: 0 0.5em 0 24px;
+    position: relative;
+    text-decoration: none;
+}
+.space-browse-links a:hover {
+    background-color: #036;
+    border: 1px solid #036;
+    color: #fff;
+}
+.space-browse-links a img {
+    float: left;
+    left: 4px;
+    margin: -8px 0 0;
+    position: absolute;
+    top: 50%;
+}
+#tree-div {
+    min-height:300px;
+}
+.mailLabel {
+    color: #666;
+    font-weight: bold;
+}
+
+.unparented {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.parented {
+    list-style-image: url(../../../images/icons/link_out_bot.gif);
+}
+
+.mailthread ul {
+    list-style-image: url(../../../images/icons/link_out_bot.gif);
+}
+.selectedMail {
+  background-color: #ffc;
+  padding: 2px;
+  border: 1px solid #ddd;
+}
+
+.excerpt {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.captcha {
+    padding: 10px;
+}
+
+.captcha-image {
+    width: 200px;
+    height: 100px;
+}
+
+#version-info {
+    margin-bottom: 10px;
+    padding:15px;
+    border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+}
+
+.version-info span.page-history-view{
+    display: block;
+    padding-bottom: 5px;
+    padding-top: 5px;
+    margin-left: 24px;
+}
+
+.version-info span.page-history-view, .version-info span.page-history-view a {
+    color: #666666;
+    font-size: 9pt;
+
+}
+
+.version-info a.version-navigation{
+    border:1px solid #EEEEEE;
+    padding:0.2em 0.4em;
+    position:relative;
+    text-decoration:none;
+    top:1px;
+    display: inline-block;
+    min-width: 75px;
+    text-align:center;
+}
+
+.version-info span.current-version-margin{
+    margin: 15px;
+}
+
+.version-info div.navigation-spacing{
+    margin-left: 24px;
+    padding-top: 2px;
+    font-size: 8pt;
+
+}
+
+.version-info strong.version-info-description{
+    margin-left: 4px;
+}
+
+.has-sidebar #version-info{
+    margin-right: 17em;
+}
+
+.has-blog-sidebar #version-info{
+    margin-right: 24em;
+}
+
+/* Fix menu focus when selecting with mouse in Firefox */
+li:active, a:active {
+  outline: none;
+}
+
+/* Confluence global/space message styles */
+#messageContainer {
+    background: #fff;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+#messageContainer li {
+    padding: 5px;
+    display: none;
+}
+
+.message-close-button {
+    height: 16px;
+    width: 16px;
+    border: none;
+    float: right;
+    cursor: pointer;
+}
+
+.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;
+}
+
+.page-metadata ul a.page-metadata-icon {
+    text-decoration: none;
+}
+
+.page-metadata ul a.page-restrictions span,
+.page-metadata ul a.page-tinyurl span,
+.page-metadata ul a.action-view-attachments span.page-metadata-attachments-text {
+    float: left;
+    height: 16px;
+    width: 16px;
+    text-indent: -9999em;
+}
+
+.page-metadata ul a.page-restrictions span {
+    background: url(../../../images/icons/lock_16_grey.png) no-repeat;
+}
+
+.page-metadata ul a.page-tinyurl span {
+    background: url(../../../images/icons/permalink_light_16.png) no-repeat;
+}
+
+.page-metadata ul a.page-tinyurl:hover span {
+    background: url(../../../images/icons/permalink_dark_16.png) no-repeat;
+}
+
+.page-metadata ul a.action-view-attachments span.page-metadata-attachments-text {
+    background: url(../../../images/icons/attach_16.png) no-repeat;
+}
+
+.on-label, .yes-label {
+    color: #090;
+    font-weight: 800;
+}
+
+.off-label, .no-label {
+    color: #900;
+    font-weight: 800;
+}
+
+.progress-fill-color {
+    background: #00df00;
+}
+
+.progress-background-color {
+    background: #fff;
+}
+
+.vertical-center-aligning-container {
+    display: table;
+    height: 400px;
+    /* position : relative; */
+    overflow: hidden;
+}
+
+.vertical-center-div-outer {
+    display: table-cell;
+    vertical-align: middle;
+}
+
+.vertical-center-div-inner {
+    text-align: center;
+}
+
+.in-progress {
+    background-color: #ccc;
+}
+
+h2.subheading,
+#profile-main h2.subheading {
+    border-bottom: 1px solid #ddd;
+    color: #333;
+    font-weight: normal;
+    font-size: 1.1em;
+    margin: 0;
+}
+
+.subheading {
+    color: #222;
+}
+
+/*Columns*/
+div.section.one {
+    float: left;
+    width: 40%;
+}
+div.section.two {
+    float: left;
+    width: 60%;
+}
+div.section.two .section {
+    margin-left: 10px;
+}
+
+.subheading .rss-icon {
+    background: url(../../../images/icons/feed-icon-16x16.png);
+    float: right;
+    height: 16px;
+    text-decoration: none;
+    width: 16px;
+    line-height: 0;
+}
+
+.subheading .email-notification-icon {
+    background: url(../../../images/icons/watch_on_16.png);
+    float: right;
+    height: 16px;
+    text-decoration: none;
+    width: 16px;
+    line-height: 0;
+    margin-right: 5px;
+}
+/* End Confluence master stylesheet */
+
+/** Font Colours */
+em.bad,
+strong.bad {
+    font-style: normal;
+    color: #900;
+}
+em.good,
+strong.good {
+    font-style: normal;
+    color: #090;
+}
+em.disabled,
+strong.disabled {
+    font-style: normal;
+    color: #999;
+}
+/* **/
+
+.blogpost .wiki-content {
+    _height: 1%;
+}
+
+#version-comment.noteMacro {
+    padding: 5px;
+
+}
+
+#space-admin-body {
+    padding: 0 10px;
+}
+
+#ajax-error {
+    background-color: #fcc;
+    border: 1px solid #741311;
+}
+
+#ajax-error span.error{
+    display: block;
+    text-align: center;
+    color: #741311;
+    line-height: 2;
+}
+
+#ajax-error span.error a.close{
+    margin-left: 10px;
+    text-decoration: underline;
+}
+
+#poweredby {
+    background-image: url(../../../images/decoration/footer-shadow.gif);
+    background-repeat: repeat-x;
+}
+
+#footer-warning {
+    display: block;
+    background-color: #ffffce;
+    border-top: 1px solid #f0c000;
+    border-bottom: 1px solid #f0c000;
+    color: #000;
+    padding: 2px 5px;
+}
+
+.welcome-message-heading{
+    font-size: 14pt;
+    color: #3C78B5;
+    font-weight: normal;
+    font: Arial FreeSans Helvetica sans-serif;
+    padding: 3px 0 2px 0;
+    margin: 1em 4px 0 0;
+    border-bottom: 1px solid #ccc;
+}
+.wiki-content,
+.wiki-content p,
+.wiki-content table,
+.wiki-content tr,
+.wiki-content td,
+.wiki-content th,
+.wiki-content ol,
+.wiki-content ul,
+.wiki-content li {
+    font-size: 10pt;
+    line-height: 13pt;
+}
+
+.wiki-content p {
+    margin: 10px 0;
+    padding: 0;
+}
+
+.wiki-content li,
+.wiki-content ul p,
+.wiki-content ol p {
+    margin: 0;
+    padding: 0;
+}
+
+.wiki-content ul {
+    list-style-type: disc;
+}
+
+.wiki-content ol,
+.wiki-content ol ol ol ol,
+.wiki-content ol ol ol ol ol ol ol,
+.wiki-content ol ol ol ol ol ol ol ol ol ol {
+    list-style-type: decimal;
+}
+
+.wiki-content ol ol,
+.wiki-content ol ol ol ol ol,
+.wiki-content ol ol ol ol ol ol ol ol,
+.wiki-content ol ol ol ol ol ol ol ol ol ol ol {
+    list-style-type: lower-alpha;
+}
+
+.wiki-content ol ol ol,
+.wiki-content ol ol ol ol ol ol,
+.wiki-content ol ol ol ol ol ol ol ol ol,
+.wiki-content ol ol ol ol ol ol ol ol ol ol ol ol {
+    list-style-type: lower-roman;
+}
+
+/*Needs the id selector because of the
+'#com-atlassian-confluence h1' entry in master.css*/
+#com-atlassian-confluence .wiki-content h1,
+.wiki-content h1,
+.wiki-content h2,
+.wiki-content h3,
+.wiki-content h4,
+.wiki-content h5,
+.wiki-content h6 {
+    font-weight: bold;
+    line-height: normal;
+    padding: 0;
+}
+
+
+#com-atlassian-confluence .wiki-content h1,
+.wiki-content h1
+{
+    font-size: 21pt;
+    margin-top: 38px;
+}
+
+.wiki-content h2 {
+    font-size: 18pt;
+    margin-top: 32px;
+}
+
+.wiki-content h3 {
+    font-size: 15pt;
+    margin-top: 28px;
+}
+
+.wiki-content h4 {
+    font-size: 13pt;
+    margin-top: 25px;
+}
+
+.wiki-content h5 {
+    font-size: 11pt;
+    margin-top: 22px;
+}
+
+.wiki-content h6 {
+    font-size: 10pt;
+    margin-top: 22px;
+}
+
+.wiki-content .confluenceTable, .grid {
+/*
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 10px;
+    margin-bottom: 10px;
+*/
+    padding: 0;
+    margin: 5px 0;
+}
+
+.wiki-content td.confluenceTd,
+.wiki-content th.confluenceTh {
+    padding: 5px 7px;
+}
+.wiki-content-preview {
+    padding: 5px;
+    border-left: 1px solid;
+    border-right: 1px solid;
+}
+
+.wiki-content .preformattedContent,
+.wiki-content .codeContent{
+    padding: 12px 10px;
+}
+
+.wiki-content .preformattedContent pre,
+.wiki-content .codeContent pre{
+    margin:0;
+    /** matches renderer-macros.css: .preformatted pre */
+    font-family:"Courier New",Courier,monospace;
+    line-height:1.3;
+}
+
+/* Styles for TinyMCE editor content */
+
+.mceContentBody {
+    border: none;
+    padding: 10px;
+    text-align: left;
+    background: #fff;
+}
+
+/* IE makes paragraphs in tables, so remove the default margin */
+.mceContentBody .confluenceTable p {
+    margin: 0;
+}
+
+/* Firefox puts resizing controls on tables. They don't line up with tables unless they have margin 1px.
+(0 breaks the border) */
+body.mceContentBody table.confluenceTable {
+    margin: 1px;
+}
+
+.mceContentBody .wysiwyg-macro-body-preformat {
+    border: #ccc solid 1px; /* stick to neutral colour, or move to colors-css.vm if required */
+    /* horizontal margin matches .panel */
+    margin: 5px 20px;
+}
+
+/* Styles for macros */
+.mceContentBody .wysiwyg-macro-inline {
+    display: inline;
+}
+.mceContentBody .user-new-line,
+.mceContentBody .wysiwyg-macro-body-newline {
+    display: none;
+    line-height: 0;
+}
+
+/* Styles for the RTE Autocomplete component */
+#autocomplete {
+    background-color: #eee;
+    border: solid 1px #ddd;
+}
+#autocomplete-trigger{
+    background-color: #ddd;
+    padding: 0 2px;
+}
+#autocomplete-search-text {
+    padding: 0 4px 0 2px;
+}
+#tab-navigation {
+    border-bottom: 1px solid;
+    margin: 0 -10px;
+    margin-bottom: 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;
+}
+.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 */
+}
+
+/*
+ * Drop down menu stylesheet
+ */
+
+/* Menu bar layout */
+.ajs-menu-bar {
+    float: right;
+    line-height: 1.5;
+    position: relative;
+}
+.ajs-menu-bar,
+.ajs-menu-bar .ajs-button,
+.ajs-menu-bar .ajs-button a,
+.ajs-menu-bar .ajs-button span,
+.ajs-menu-bar .ajs-menu-item .ajs-menu-title,
+.ajs-menu-bar .ajs-menu-item .ajs-menu-title span,
+.ajs-menu-bar .ajs-menu-item .ajs-menu-title span span,
+.ajs-menu-bar .ajs-drop-down a,
+.ajs-menu-bar .ajs-drop-down a span,
+.ajs-menu-bar .ajs-drop-down a span span {
+     /* all containers are block-level with no margin or padding by default */
+    display: block;
+    margin: 0;
+    padding: 0;
+}
+.ajs-menu-bar .ajs-button span,
+.ajs-menu-bar .ajs-menu-item .trigger span span {
+    padding-right: 1em; /* gap after menu label, must be wider than indicator image */
+}
+.ajs-menu-bar .ajs-menu-item,
+.ajs-menu-bar .ajs-button {
+    float: left;
+    list-style: none;
+    position: relative;
+}
+.ajs-menu-bar .ajs-menu-item a,
+.ajs-menu-bar .ajs-button a {
+    line-height: 1.5;
+    text-decoration: none;
+    white-space: nowrap;
+}
+.ajs-menu-bar .ajs-button {
+    float: left;
+    line-height: 2;
+    list-style: none;
+    position: static;
+}
+
+/* Drop-down indicator icon and on-hover colour changing */
+.ajs-menu-bar .ajs-menu-item .trigger span {
+    background-image: url(../../../images/decoration/menu_indicator.gif);
+    position: relative;
+}
+.ajs-menu-bar .ajs-menu-item.opened .trigger span {
+    background-image: url(../../../images/decoration/white_menu_indicator.gif);
+}
+
+.ajs-menu-bar .ajs-menu-item.opened .trigger span span,
+.ajs-menu-bar .ajs-menu-item .trigger span span {
+    background-image: none;
+}
+.ajs-menu-bar .ajs-button a:hover,
+.ajs-menu-bar .ajs-menu-item.opened .trigger span {
+    color: #fff; /* system colour - not derived from colour scheme */
+}
+
+/* Menu bar icons */
+.ajs-menu-bar .ajs-menu-item .trigger span {
+    background-position: 100% 50%;
+    background-repeat: no-repeat;
+}
+.ajs-menu-bar .ajs-button span,
+.ajs-menu-bar .ajs-menu-item .trigger span span {
+    background-position: 0 50%;
+    background-repeat: no-repeat;
+}
+
+/* Drop-down menu layout */
+.ajs-menu-bar .ajs-menu-item .ajs-drop-down a {
+    background: #fff no-repeat 4px 50%;
+    border: none;
+    display: block;
+    line-height: 1.6;
+    margin: 0;
+    padding: 0 0.5em 0 24px;
+    text-decoration: none;
+}
+.ajs-menu-bar .ajs-drop-down {
+    -moz-border-radius-bottomleft: 3px;
+    -moz-border-radius-bottomright: 3px;
+    -webkit-border-bottom-left-radius: 3px;
+    -webkit-border-bottom-right-radius: 3px;
+    background: #fff; /* system colour - not derived from colour scheme */
+    border: solid 1px #c1c1c1;
+    font-weight: normal;
+    min-width: 12em;
+    padding: 0;
+    position: absolute;
+    left: 0;
+    white-space: nowrap;
+    z-index: 1000;
+}
+
+/* CONFDEV-820 - Temporary fix */
+#header-menu-bar .ajs-drop-down {
+    min-width: 15em;
+}
+
+.ajs-menu-bar .ajs-drop-down.above {
+    -moz-border-radius: 0;
+    -moz-border-radius-topleft: 3px;
+    -moz-border-radius-topright: 3px;
+    -webkit-border-radius: 0;
+    -webkit-border-top-left-radius: 3px;
+    -webkit-border-top-right-radius: 3px;
+    bottom: 2em;
+    margin-top: -2px;
+}
+.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-drop-down ul.first,
+.ajs-menu-bar ul.ajs-drop-down.first {
+    border-top: none;
+}
+.ajs-menu-bar .ajs-drop-down li {
+    margin: 0;
+    padding: 0;
+}
+.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 a img {
+    float: left;
+    height: 16px;
+    margin: .3em 0 0 -20px;
+    width: 16px;
+}
+
+/* Drop-down menu icons */
+.ajs-menu-bar .ajs-drop-down a.add-comment {
+    background-image: url(../../../images/icons/comment_16.png);
+}
+.ajs-menu-bar .ajs-drop-down a.add-attachment {
+    background-image: url(../../../images/icons/attach_16.png);
+}
+.ajs-menu-bar .ajs-drop-down a.add-page {
+    background-image: url(../../../images/icons/docs_16.gif);
+}
+.ajs-menu-bar .ajs-drop-down a.add-news {
+    background-image: url(../../../images/icons/blogentry_16.gif);
+}
+.ajs-menu-bar .ajs-drop-down a.action-view-history {
+    background-image: url(../../../images/icons/clock_16.png);
+}
+.ajs-menu-bar .ajs-drop-down a.action-page-permissions {
+    background-image: url(../../../images/icons/lock_16_grey.png);
+}
+.ajs-menu-bar .ajs-drop-down a.action-view-attachments {
+    background-image: url(../../../images/icons/attach_16.png);
+}
+.ajs-menu-bar .ajs-drop-down a.action-page-favourite {
+    background-image: url(../../../images/icons/fav_off_16.png);
+}
+.ajs-menu-bar .ajs-drop-down a.ie-page-favourite-selected { /* using IE style here to make IE7 not duplicate bg */
+    background-image: url(../../../images/icons/fav_on_16.png);
+}
+.ajs-menu-bar .ajs-drop-down a.action-page-watching-space {
+    background-image: url(../../../images/icons/watching_space_16.png);
+}
+.ajs-menu-bar .ajs-drop-down a.action-manage-watchers {
+    background-image: url(../../../images/icons/watch_manage_16.png);
+}
+.ajs-menu-bar .ajs-drop-down a.action-page-watching {
+    background-image: url(../../../images/icons/watch_off_16.png);
+}
+.ajs-menu-bar .ajs-drop-down a.ie-page-watching-selected { /* using IE style here to make IE7 not duplicate bg */
+    background-image: url(../../../images/icons/watch_on_16.png);
+}
+.ajs-menu-bar .ajs-drop-down a.waiting {
+    background-image: url(../../../images/icons/wait.gif);
+}
+
+.ajs-menu-bar .ajs-menu-item .section-secondary li a,
+.ajs-menu-bar .ajs-menu-item .section-modify li a {
+    padding-left: 8px;
+    font-size: .9em;
+}
+
+.ajs-menu-bar .ajs-menu-item .ajs-drop-down li.hidden {
+    display: none;
+}
+
+/* Customisations for header menu bar */
+#header-menu-bar {
+    margin-top: 0;
+    margin-right: 5px;
+}
+#header .ajs-menu-item a {
+    float: left;
+    line-height: 1.5;
+    margin: 0;
+    text-decoration: underline;
+}
+#header-menu-bar li.ajs-menu-item a {
+    line-height: 2;
+}
+#header-menu-bar li.ajs-menu-item .ajs-drop-down a {
+    line-height: 1.5;
+}
+#header .ajs-menu-bar li.ajs-menu-item,
+#header .ajs-menu-bar li.ajs-button {
+    margin: 0;
+    padding: 0;
+}
+#header .ajs-menu-bar li.ajs-menu-item a {
+    padding-left: 0.5em;
+}
+#header .ajs-menu-item .trigger span {
+    background-image: url(../../../images/decoration/white_menu_indicator.gif); /* header menus always use a white indicator */
+}
+#header .ajs-menu-item .trigger span span {
+    background: none;
+}
+#header .ajs-menu-bar li.ajs-menu-item a.trigger:focus {
+    outline: none;
+}
+#header .ajs-menu-bar li.ajs-menu-item a.trigger {
+    float: left;
+    padding: 0 0.5em;
+    text-decoration: none;
+}
+#header .ajs-menu-bar li.ajs-menu-item.opened .ajs-drop-down li,
+#header .ajs-menu-bar li.ajs-menu-item.opened .ajs-drop-down a {
+    background-color: #fff; /* system colour - not derived from colour scheme */
+    background-image: none;
+}
+.ajs-menu-bar .ajs-menu-item.opened,
+.ajs-menu-bar .ajs-button a {
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+}
+.ajs-menu-bar .ajs-menu-item.opened {
+    -moz-border-radius-bottomleft: 0;
+    -moz-border-radius-bottomright: 0;
+    -webkit-border-bottom-left-radius: 0;
+    -webkit-border-bottom-right-radius: 0;
+}
+
+/* Customisations for header menus */
+#header .ajs-menu-bar .ajs-drop-down {
+    -moz-border-radius-bottomleft: 3px;
+    -moz-border-radius-bottomright: 3px;
+    -webkit-border-bottom-left-radius: 3px;
+    -webkit-border-bottom-right-radius: 3px;
+    border-top: none;
+    margin-top: 0;
+    margin-left: -1px;
+    top: 2em;
+    z-index: 9;
+}
+#header .ajs-menu-bar .ajs-drop-down a {
+    float: none;
+    padding: 2px 2em;
+    text-decoration: none;
+}
+#header .ajs-menu-bar .ajs-menu-item .ajs-drop-down ul,
+#header .ajs-menu-bar .ajs-menu-item ul.ajs-drop-down {
+    border-top: 1px solid #cce;
+}
+#header .ajs-menu-bar .ajs-drop-down ul.first,
+#header .ajs-menu-bar ul.ajs-drop-down.first {
+    border: none;
+}
+
+/* Customisations for navigation menu bar */
+#navigation .ajs-menu-bar {
+    margin: 10px 0 0 1em;
+}
+#navigation .ajs-menu-bar .ajs-button span,
+#navigation .ajs-menu-bar .ajs-menu-item .ajs-menu-title span span {
+    padding-left: 25px; /* width of icon + gap before menu label */
+}
+/*#navigation .ajs-menu-bar li.ajs-menu-item,
+#navigation .ajs-menu-bar li.ajs-button {
+    margin-top: -10px;
+}
+*/
+#navigation .ajs-menu-bar li.ajs-menu-item .ajs-menu-title,
+#navigation .ajs-menu-bar li.ajs-button a {
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    color: #535353; /* system colour - not derived from colour scheme */
+    font-size: 1.1em;
+    line-height: 20px;
+    padding: .35em .5em;
+}
+#navigation .ajs-menu-bar li.ajs-menu-item .ajs-menu-title {
+    -moz-border-radius-bottomleft: 0;
+    -moz-border-radius-bottomright: 0;
+    -webkit-border-bottom-left-radius: 0;
+    -webkit-border-bottom-right-radius: 0;
+}
+#navigation .ajs-menu-bar .ajs-button a.edit span {
+    background-image: url(../../../images/icons/edit_20.png);
+}
+#navigation .ajs-menu-bar .ajs-button a.view span {
+    background-image: url(../../../images/icons/view_20.png);
+}
+#navigation .ajs-menu-bar li.ajs-menu-item a.add span span {
+    background-image: url(../../../images/icons/add_20.png);
+}
+#navigation .ajs-menu-bar li.ajs-menu-item a.action span span {
+    background-image: url(../../../images/icons/tools_20.png);
+}
+.ajs-menu-bar .ajs-menu-item .most-right-menu-item {
+    left: auto;
+    margin: 0;
+    right: 0;
+}
+#header .ajs-menu-item a.ajs-menu-title span { /* Not sure why these styles need to be duplicated for IE, but it works. */
+    background-image: url(../../../images/decoration/white_menu_indicator.gif); /* header menus always use a white indicator */
+    background-repeat: no-repeat;
+    background-position: 100% 60%; /* 60% lines up with middle of lowercase letters in IE */
+}
+.ajs-drop-down {
+    clear: both;
+    z-index: 500;
+    zoom: 1;
+}
+* html .ajs-menu-bar .ajs-drop-down li {
+    border-bottom: solid 1px #fff;
+}
+.ajs-menu-bar .ajs-drop-down li {
+    display: block;
+    margin: 0;
+    padding: 0;
+    position: relative;
+}
+
+#navigation .ajs-menu-bar .ajs-drop-down a {
+    display: block;
+    padding: 0.33em 0.67em;
+    cursor: pointer;
+}
+#navigation .ajs-menu-bar div.ajs-drop-down a span {
+    padding: 0 0 0 21px;
+    height: 16px;
+    line-height: 16px;
+}
+.ajs-menu-bar div.ajs-drop-down a span {
+    cursor: pointer;
+    height: 16px;
+    line-height: 16px;
+    zoom: 1;
+}
+#navigation .ajs-menu-bar .section-secondary li a,
+#navigation .ajs-menu-bar .section-modify li a {
+    line-height: 2;
+    padding-left: 0;
+}
+#navigation .ajs-menu-bar .section-secondary li a span,
+#navigation .ajs-menu-bar .section-modify li a span {
+    padding-left: 8px;
+}
+.ajs-menu-bar .ajs-drop-down a img {
+    clear: left;
+    float: none;
+    margin: .3em 0 .3em -20px;
+    vertical-align: middle;
+}
+
+#navigation .ajs-menu-bar .ajs-button a,
+#navigation .ajs-menu-bar .ajs-button a span {
+    display: inline-block; /* makes the edit button have layout, but doesn't give it enormous width*/
+}
+
+.ajs-menu-bar .ajs-drop-down a.add-page,
+.ajs-menu-bar .ajs-drop-down a.add-news {
+    background: none;
+}
+.ajs-menu-bar .ajs-drop-down a.add-page span {
+    background: url(../../../images/icons/docs_16.gif) no-repeat 0 50%;
+}
+.ajs-menu-bar .ajs-drop-down a.add-news span {
+    background: url(../../../images/icons/blogentry_16.gif) no-repeat 0 50%;
+}
+
+* html .ajs-menu-bar .ajs-drop-down a.add-comment {
+    background-image: none;
+}
+* html .ajs-menu-bar .ajs-drop-down a.add-comment span {
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/comment_16.png', sizingMethod='crop')");
+    zoom: 1;
+}
+* html .ajs-menu-bar .ajs-drop-down a.add-attachment,
+* html .ajs-menu-bar .ajs-drop-down a.action-view-attachments,
+* html .page-metadata ul a.action-view-attachments span.page-metadata-attachments-text {
+    background-image: none;
+}
+* html .ajs-menu-bar .ajs-drop-down a.add-attachment span,
+* html .ajs-menu-bar .ajs-drop-down a.action-view-attachments span,
+* html .page-metadata ul a.action-view-attachments span.page-metadata-attachments-text {
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/attach_16.png', sizingMethod='crop')");
+    zoom: 1;
+}
+* html .page-metadata ul a.action-view-attachments span.page-metadata-attachments-count {
+    display: inline-block;  /* IE6 */
+    text-indent: 9999em;
+}
+* html .page-metadata ul a.page-restrictions span,
+* html .ajs-menu-bar .ajs-drop-down a.action-view-history,
+* html .ajs-menu-bar .ajs-drop-down a.action-page-permissions,
+* html .ajs-menu-bar .ajs-drop-down a.action-page-favourite,
+* html .ajs-menu-bar .ajs-drop-down a.ie-page-favourite-selected,
+* html .ajs-menu-bar .ajs-drop-down a.action-manage-watchers,
+* html .ajs-menu-bar .ajs-drop-down a.action-page-watching-space,
+* html .ajs-menu-bar .ajs-drop-down a.action-page-watching,
+* html .ajs-menu-bar .ajs-drop-down a.ie-page-watching-selected {
+    background-image: none;
+}
+* html .ajs-menu-bar .ajs-drop-down a.action-view-history span {
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/clock_16.png', sizingMethod='crop')");
+    zoom: 1;
+}
+* html .page-metadata ul a.page-restrictions span,
+* html .ajs-menu-bar .ajs-drop-down a.action-page-permissions span {
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/lock_16_grey.png', sizingMethod='crop')");
+    zoom: 1;
+}
+* html .ajs-menu-bar .ajs-drop-down a.action-page-favourite span {
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/fav_off_16.png', sizingMethod='crop')");
+    zoom: 1;
+}
+* html .ajs-menu-bar .ajs-drop-down a.ie-page-favourite-selected span {
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/fav_on_16.png', sizingMethod='crop')");
+    zoom: 1;
+}
+* html .ajs-menu-bar .ajs-drop-down a.action-page-watching-space span {
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/watching_space_16.png', sizingMethod='crop')");
+    zoom: 1;
+}
+* html .ajs-menu-bar .ajs-drop-down a.action-manage-watchers span {
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/watch_manage_16.png', sizingMethod='crop')");
+    zoom: 1;
+}
+* html .ajs-menu-bar .ajs-drop-down a.action-page-watching span {
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/watch_off_16.png', sizingMethod='crop')");
+    zoom: 1;
+}
+* html .ajs-menu-bar .ajs-drop-down a.ie-page-watching-selected span {
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/watch_on_16.png', sizingMethod='crop')");
+    zoom: 1;
+}
+* html .ajs-menu-bar .ajs-drop-down a.waiting {
+    background-image: none;
+}
+* html .ajs-menu-bar .ajs-drop-down a.waiting span {
+    background-image: url(../../../images/icons/wait.gif);
+    background-repeat: no-repeat;
+    filter: inherit;
+}
+* html #navigation .ajs-menu-bar .ajs-button a.edit span {
+    background-image: none;
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/edit_20.png', sizingMethod='crop')");
+    width: 1%;
+}
+
+* html #navigation .ajs-menu-bar li.ajs-menu-item a.add span span {
+    background-image: none;
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/add_20.png', sizingMethod='crop')");
+    width: 1%;
+}
+
+* html #navigation .ajs-menu-bar li.ajs-menu-item a.action span span {
+    background-image: none;
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/tools_20.png', sizingMethod='crop')");
+    width: 1%;
+}
+
+* html #navigation .ajs-menu-bar .ajs-button a.view span {
+    background-image: none;
+    filter: expression(runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
+        document.getElementById('confluence-context-path').content +
+        "/images/icons/view_20.png', sizingMethod='crop')");
+    width: 1%;
+}
+
+table.confluenceTable {
+    margin: 5px;
+    border-collapse: collapse;
+}
+
+td.confluenceTd, table.confluenceTable td.confluenceTd {
+    border-width: 1px;
+    border-style: solid;
+    border-color: #ddd;
+    padding: 5px;
+    vertical-align: top;
+    min-width: 0.6em;
+}
+
+th.confluenceTh, table.confluenceTable th.confluenceTh {
+    border-width: 1px;
+    border-style: solid;
+    border-color: #ddd;
+    padding: 5px;
+    background-color: #f0f0f0;
+    text-align: left;
+    vertical-align: top;
+    min-width: 0.6em;
+}
+.panel {
+    color: black;
+    padding: 0;
+    margin: 10px 20px;
+    background: #f0f0f0;
+    border-width: 1px;
+    border-style: solid;
+    overflow: hidden;
+}
+
+.alertPanel {
+    border-color: #c00;
+}
+
+.infoPanel {
+    border-color: #69c;
+}
+
+.alertPanel, .infoPanel {
+    border-style: solid;
+    border-width: 1px;
+    padding: 8px;
+    margin: 10px;
+}
+
+.infopanel-heading {
+    font-weight: bold;
+	padding: 4px 0 2px 0;
+}
+
+/* basic panel (basicpanel.vmd) style */
+.basicPanelContainer {
+    border-width: 1px;
+    border-style: solid;
+    margin-top: 2px;
+    margin-bottom: 8px;
+    width: 100%;
+}
+
+.basicPanelTitle {
+    padding: 5px;
+    margin: 0;
+    background-color: #f0f0f0;
+    color: black;
+    font-weight: bold;
+}
+
+.basicPanelBody {
+    padding: 5px;
+    margin: 0;
+}
+
+.panelHeader {
+    padding: 0 12px;
+    line-height: 2; /* vertical alignment for title */
+    text-align: center;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+}
+
+.codeHeader, .panelHeader, .panelContent {
+    background: #f0f0f0;
+}
+
+.preformattedHeader, .codeContent, .preformattedContent {
+    background: #fff;
+}
+
+.panelContent {
+    color: #000;
+    margin: 0;
+    padding: 0 12px;
+    text-align: left;
+    font-size: .95em;
+}
+
+.panelContent,
+.panelContent p, .panelContent th,
+.panelContent td, .panelContent li {
+    text-align: left;
+}
+
+
+html body { /* HACK: Temporary fix for CONF-15412 */
+    overflow: visible;
+}
+
+/* IE7 fix for CONFDEV-1056 */
+body.dashboard {
+    *min-width: 1000px;
+}
+img {
+    -ms-interpolation-mode: bicubic;
+}
+#header {
+    height: 1%;
+}
+#breadcrumbs {
+    height: 1%; /* IE6 wrapping */
+    overflow: auto;
+    *overflow: visible; /* IE7 and below */
+}
+#breadcrumbs li {
+    white-space: nowrap;
+}
+* html #breadcrumbs li {
+    background-image: url(../../../images/decoration/white_breadcrumbs_indicator.gif); /* IE6 */
+}
+* html .page-metadata {
+    height: 1.2em; /* IE6 */
+}
+#breadcrumbs li {
+    background-position: 3px 10px;
+}
+form {
+    margin: 0;
+    padding: 0;
+}
+.tab-navigation .tab {
+    float: left;
+    display: inline;
+    font-weight: bold;
+    margin: 0 5px 0 0;
+    position: relative;
+}
+.tab-navigation .tab a {
+    display: inline-block; /* anchors were making tabs very wide in Clickr theme in IE */
+}
+a.icon {
+    height: 16px;
+}
+#tree-div {
+    min-height: 300px;
+    height: auto !important;
+    height: 300px;
+}
+h1 #content-title {
+    margin: 0;
+    display: block;
+    width: 90%; /* 93% and upwards breaks at least one of the IEs */
+}
+
+h1 span.title-text {
+    height: 1%;
+}
+#com-atlassian-confluence h1 {
+    width: auto;
+}
+
+#com-atlassian-confluence h1 img.logo {
+    *margin-bottom: 0;
+}
+
+* html #com-atlassian-confluence h1 img.custom {
+   /* sets max-height for IE - roughly equivalent to what real browsers do with 2.5em max-height */
+   height: expression( this.scrollHeight > 59 ? "60px" : "auto" );
+}
+
+#tab-navigation,
+.tab-navigation {
+    zoom: 1;
+}
+.has-sidebar #content .code {
+    _clear: both; 
+    _overflow: auto; 
+}
+.menu-section-list li a:visited,
+.menu-section-list li a:hover {
+    color: #666;
+}
+.menu-section-list li.active a:visited {
+    color: #fff;
+}
+
+/* Don't remove or dropdowns may break in IE6. CONF-17932 */
+* html #header-menu-bar .hidden {
+    width: 12em;
+}
+
+* .bloglistitems{
+    list-style-type: none;
+    padding-left: 1em;
+    padding-right: 1em;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+    margin-left: 0;
+}
+
+* .blogmonthnavigation{
+    border:1px solid #CCCCCC;
+    position:relative;
+    text-decoration:none;
+    display: inline-block;
+    width: 10em;
+    font-size: 0.85em;
+    text-align:center;
+    margin: 0 -0.5em 1em 1em;
+    padding: 0.2em 0.4em;
+}
+
+#conflict-diffs, #page-diffs{
+    min-height: 55px;
+}
+
+#page-diffs .diff {
+    *margin-right: 1em;
+}
+
+/* TODO: remove temp fix after AUI upgrade
+   CONFDEV-918 temp fix, prevents IE7 crash. Don't remove until https://studio.atlassian.com/browse/AJS-509
+   is resolved and the fix version is implemented in Confluence. */
+#com-atlassian-confluence form.dashboard-actions {
+    *min-height: 0;
+}
+/* end CONFDEV-918 temp fix */
+
+/*
+    Styles for macros bundled in Renderer.
+*/
+
+.panelMacro {
+    margin: 10px 20px;
+    overflow: hidden; /* fix width next to floated content */
+}
+
+.panelMacro table {
+    text-align: left;
+    padding: 0 20px;
+    width: 100%;
+}
+
+.panelMacro td, .panelMacro p {
+    font-size: 1em;
+    padding: 14px 0;
+}
+
+.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: dashed;
+    overflow: auto;
+}
+
+.code, .preformatted {
+    background-color: #fff;
+}
+
+.code pre, .preformatted pre { /* needs 'pre' to override TinyMCE style */
+    font-family:"Courier New", Courier, monospace;
+    line-height: 1.3;
+}
+
+.code-keyword {
+  color: #000091;
+  background-color: inherit;
+}
+
+.code-object {
+  color: #910091;
+  background-color: inherit;
+}
+
+.code-quote {
+  color: #009100;
+  background-color: inherit;
+}
+
+.code-comment {
+  color: #808080;
+  background-color: inherit;
+}
+
+.code-xml .code-keyword {
+  color: inherit;
+  font-weight: bold;
+}
+
+.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;
+}
+
+a.content-type-page span, div.content-type-page, span.content-type-page {
+    background-image: url(../../../images/icons/docs_16.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-blogpost span, div.content-type-blogpost, span.content-type-blogpost {
+    background-image: url(../../../images/icons/blogentry_16.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-comment span, div.content-type-comment, span.content-type-comment {
+    background-image: url(../../../images/icons/comment_16.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-space span, div.content-type-space, span.content-type-space,
+a.content-type-spacedesc span, div.content-type-spacedesc, span.content-type-spacedesc {
+    background-image: url(../../../images/icons/web_16.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-personalspacedesc span, div.content-type-personalspacedesc, span.content-type-personalspacedesc {
+    background-image: url(../../../images/icons/personal_space_16.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-mail span, div.content-type-mail, span.content-type-mail {
+    background-image: url(../../../images/icons/mail_content_16.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment span, div.content-type-attachment, span.content-type-attachment {
+    background-image: url(../../../images/icons/attachments/file.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-file span, div.content-type-file, span.content-type-file {
+    background-image: url(../../../images/icons/attachments/file.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-application-pdf span, div.content-type-attachment-application-pdf, span.content-type-attachment-application-pdf {
+    background-image: url(../../../images/icons/attachments/pdf.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-image span, div.content-type-attachment-image, span.content-type-attachment-image {
+    background-image: url(../../../images/icons/attachments/image.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-text-xml span, div.content-type-attachment-text-xml, span.content-type-attachment-text-xml {
+    background-image: url(../../../images/icons/attachments/xml.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-text-html span, div.content-type-attachment-text-html, span.content-type-attachment-text-html {
+    background-image: url(../../../images/icons/attachments/html.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-text span, div.content-type-attachment-text, span.content-type-attachment-text {
+    background-image: url(../../../images/icons/attachments/text.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-application-zip span, div.content-type-attachment-application-zip, span.content-type-attachment-application-zip {
+    background-image: url(../../../images/icons/attachments/zip.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-application-excel span, div.content-type-attachment-application-excel, span.content-type-attachment-application-excel {
+    background-image: url(../../../images/icons/attachments/excel.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-application-powerpoint span, div.content-type-attachment-application-powerpoint, span.content-type-attachment-application-powerpoint {
+    background-image: url(../../../images/icons/attachments/powerpoint.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-application-word span, div.content-type-attachment-application-word, span.content-type-attachment-application-word {
+    background-image: url(../../../images/icons/attachments/word.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-java span, div.content-type-attachment-java, span.content-type-attachment-java {
+    background-image: url(../../../images/icons/attachments/java.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-attachment-file span, div.content-type-attachment-file, span.content-type-attachment-file {
+    background-image: url(../../../images/icons/attachments/file.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-status span, div.content-type-status, span.content-type-status {
+    background-image: url(../../../images/icons/quotes.png);
+    background-repeat: no-repeat;
+}
+
+div.content-type-userinfo, span.content-type-userinfo {
+    background-image: url(../../../images/icons/user_16.gif);
+    background-repeat: no-repeat;
+}
+
+a.content-type-follow span, div.content-type-follow, span.content-type-follow {
+    background-image: url(../../../images/icons/fav_on_16.png);
+    background-repeat: no-repeat;
+}
+
+a.content-type-favourite span, div.content-type-favourite, span.content-type-favourite {
+    background-image: url(../../../images/icons/fav_on_16.png);
+    background-repeat: no-repeat;
+}
+
+body.login,
+body.login #main,
+body.login #full-height-container {
+    background: #fafafa;
+}
+
+* html body.login,
+* html body.login #full-height-container {
+    background: #f0f0f0;
+}
+
+#com-atlassian-confluence.login h1 {
+    width: 560px;
+    margin: 0 auto;
+}
+
+#login-container {
+    margin: 0 auto;
+    width: 500px;
+    padding: 20px 30px;
+    background: #fff;
+}
+
+body.login #header, body.login #websudo {
+    display: none;
+}
+
+/* Gets rid of the break above the footer */
+body.login .clear {
+    display: none;
+}
+
+body.login #main {
+    overflow: hidden;
+    padding: 10% 0 12%;
+}
+
+#login-container .form-error-block{
+    background: none;
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+
+#login-container,
+#login-container form.aui {
+    color: #333;
+}
+
+#login-container,
+#login-container .captcha-image {
+    border: 1px solid #eee;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+}
+
+#login-container div.login-form-container {
+    margin-bottom: 10px;
+    padding: 0 0 5px 20px;
+}
+
+#login-container .login-form-container fieldset {
+    padding-top: 15px;
+}
+
+#login-container .checkbox label {
+    left: 0;
+    margin-right: 0;
+    float: none;
+    display: inline;
+}
+
+/* Overide default label styling */
+#com-atlassian-confluence.login #login-container label {
+    color: #333;
+}
+
+#com-atlassian-confluence.login #login-container .error p {
+    background: #fff;
+    color: #c00;
+}
+
+#login-container .login-form-container .text,
+#login-container .login-form-container .password {
+    width: 95%;
+}
+
+#login-container .message {
+    padding: 0;
+    width: auto;
+}
+
+#login-container p {
+    margin: 0 0 1em;
+    color: #333;
+}
+
+#login-container p.last {
+    margin: 0;
+}
+
+#login-container p.success-message {
+    color: green;
+}
+
+body.signup #main{
+    padding: 5% 0 7%;
+}
+
+#login-container .captcha-image {
+    margin: 10px 0;
+    width: 200px;
+    height: 100px;
+    float: left;
+}
+
+#captcha-error span.errorMessage {
+    font-weight: normal;
+}
+
+#captcha-container .reload {
+    width: 16px;
+    height: 16px;
+    float: left;
+    position: relative;
+    top: 16px;
+    left: 10px;
+}
+
+#captcha-container label#captcha-reponse-label {
+    float: none;
+    left: 0;
+    margin: 0;
+    width: auto;
+}
+
+#captcha-container input {
+    width: 192px;
+}
+
+#coherence-copyright {
+    margin: 0;
+    text-align: center;
+    font-size: 0.8em;
+    padding-bottom: 3px;
+}
+
+#coherence-copyright a {
+    color: #666;
+}
+
+#login-container .userLogoLink {
+    float: left;
+    padding-right: 5px;
+}
+
+#login-container a#login-notyou {
+    padding-left: 5px;
+}
+
+#login-container div.warningPanel {
+    margin: 0 0 10px 0;
+}
+span.icon, a.icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    text-align: left;
+    text-indent: -9999em;
+}
+
+/* used in pagelist.vm */
+.tabletitleops .icon {
+    width: 12px;
+    height: 12px;
+}
+
+.icon-wait {
+    background: transparent url(../../images/icons/wait.gif) no-repeat scroll 0 0;
+}
+.icon-space {
+    background: transparent url(../../images/icons/web_16.gif) no-repeat scroll 0 0;
+}
+.icon-browse-space {
+    background: transparent url(../../images/icons/browse_space.gif) no-repeat scroll 0 0;
+}
+.icon-add-page {
+    background: transparent url(../../images/icons/add_page_16.gif) no-repeat scroll 0 0;
+}
+.icon-add-page-disabled {
+    background: transparent url(../../images/icons/add_page_faded_16.gif) no-repeat scroll 0 0;
+}
+.icon-add-fav {
+    background: transparent url(../../images/icons/star_grey.gif) no-repeat scroll 0 0;
+}
+.icon-remove-fav {
+    background: transparent url(../../images/icons/star_yellow.gif) no-repeat scroll 0 0;
+}
+.icon-home-page {
+    background: transparent url(../../images/icons/home_16.gif) no-repeat scroll 0 0;
+}
+.icon-recently-updated-page {
+    background: transparent url(../../images/icons/new_16.gif) no-repeat scroll 0 0;
+}
+.icon-page {
+    background: transparent url(../../images/icons/docs_16.gif) no-repeat scroll 0 0;
+}
+.icon-comment {
+    background: transparent url(../../images/icons/comment_16.gif) no-repeat scroll 0 0;
+}
+.icon-space {
+    background: transparent url(../../images/icons/web_16.gif) no-repeat scroll 0 0;
+}
+.icon-personal-space {
+    background: transparent url(../../images/icons/personal_space_16.gif) no-repeat scroll 0 0;
+}
+.icon-user {
+    background: transparent url(../../images/icons/user_16.gif) no-repeat scroll 0 0;
+}
+.icon-blog {
+    background: transparent url(../../images/icons/blogentry_16.gif) no-repeat scroll 0 0;
+}
+.icon-trackback {
+    background: transparent url(../../images/icons/document_exchange.gif) no-repeat scroll 0 0;
+}
+.icon-mail {
+    background: transparent url(../../images/icons/mail_content_16.gif) no-repeat scroll 0 0;
+}
+.icon-status {
+    background: transparent url(../../images/icons/quotes.png) no-repeat scroll 0 0;
+}
+.icon-show-more {
+    background: transparent url(../../images/icons/add_12.gif) no-repeat scroll 0 0;
+}
+.icon-show-less {
+    background: transparent url(../../images/icons/subtract_12.gif) no-repeat scroll 0 0;
+}
+.icon-file-pdf {
+    background: transparent url(../../images/icons/attachments/pdf.gif) no-repeat scroll 0 0;
+}
+.icon-file-image {
+    background: transparent url(../../images/icons/attachments/image.gif) no-repeat scroll 0 0;
+}
+.icon-file-xml {
+    background: transparent url(../../images/icons/attachments/xml.gif) no-repeat scroll 0 0;
+}
+.icon-file-html {
+    background: transparent url(../../images/icons/attachments/html.gif) no-repeat scroll 0 0;
+}
+.icon-file-java {
+    background: transparent url(../../images/icons/attachments/java.gif) no-repeat scroll 0 0;
+}
+.icon-file-text {
+    background: transparent url(../../images/icons/attachments/text.gif) no-repeat scroll 0 0;
+}
+.icon-file-zip {
+    background: transparent url(../../images/icons/attachments/zip.gif) no-repeat scroll 0 0;
+}
+.icon-file-excel97-template {
+    background: transparent url(../../images/icons/attachments/excel.gif) no-repeat scroll 0 0;
+}
+.icon-file-powerpoint97-template {
+    background: transparent url(../../images/icons/attachments/powerpoint.gif) no-repeat scroll 0 0;
+}
+.icon-file-word97-template {
+    background: transparent url(../../images/icons/attachments/word.gif) no-repeat scroll 0 0;
+}
+.icon-file-excel97 {
+    background: transparent url(../../images/icons/attachments/excel.gif) no-repeat scroll 0 0;
+}
+.icon-file-powerpoint97 {
+    background: transparent url(../../images/icons/attachments/powerpoint.gif) no-repeat scroll 0 0;
+}
+.icon-file-word97 {
+    background: transparent url(../../images/icons/attachments/word.gif) no-repeat scroll 0 0;
+}
+.icon-file-excel-macro {
+    background: transparent url(../../images/icons/attachments/excel.gif) no-repeat scroll 0 0;
+}
+.icon-file-excel {
+    background: transparent url(../../images/icons/attachments/excel.gif) no-repeat scroll 0 0;
+}
+.icon-file-excel-template {
+    background: transparent url(../../images/icons/attachments/excel.gif) no-repeat scroll 0 0;
+}
+.icon-file-powerpoint-macro {
+    background: transparent url(../../images/icons/attachments/powerpoint.gif) no-repeat scroll 0 0;
+}
+.icon-file-powerpoint {
+    background: transparent url(../../images/icons/attachments/powerpoint.gif) no-repeat scroll 0 0;
+}
+.icon-file-powerpoint-slideshow {
+    background: transparent url(../../images/icons/attachments/powerpoint.gif) no-repeat scroll 0 0;
+}
+.icon-file-powerpoint-template {
+    background: transparent url(../../images/icons/attachments/powerpoint.gif) no-repeat scroll 0 0;
+}
+.icon-file-word {
+    background: transparent url(../../images/icons/attachments/word.gif) no-repeat scroll 0 0;
+}
+.icon-file-word-template {
+    background: transparent url(../../images/icons/attachments/word.gif) no-repeat scroll 0 0;
+}
+.icon-file-unknown {
+    background: transparent url(../../images/icons/attachments/file.gif) no-repeat scroll 0 0;
+}
+
+/*
+ * TODO: BN added in 3.3
+ * https://studio.atlassian.com/browse/PLUG-580: Until this issue is
+ * resolved we can't follow the sprite guideline.
+ */
+.icon-people-directory span.icon {
+    background: transparent url(../../images/icons/people_directory_16.png) no-repeat scroll 0 0;
+}
+
+.icon-rss-feed-small span.icon {
+    background: transparent url(../../images/icons/feed-icon-16x16-small.png) no-repeat scroll 0 0;
+}
+
+.icon-create-space span.icon {
+    background: transparent url(../../images/icons/add_space_16.gif) no-repeat scroll 0 0;
+}
+/* Information plugin styles */
+
+.noteMessage, .warningMessage, .infoMessage, .tipMessage {
+    border-style: solid;
+    border-width: 1px;
+    text-align: center;
+    padding: 5px;
+    overflow: hidden; /* fix width next to floated content */
+}
+
+.noteMessage {
+    border-color: #f0c000;
+    background: #ffffce;
+}
+
+.warningMessage {
+    border-color: #c00;
+    background: #fcc;
+}
+
+.infoMessage {
+    border-color: #69c;
+    background: #d8e4f1;
+}
+
+.tipMessage {
+    border-color: #090;
+    background-color: #dfd;
+}
+
+table.infoMacro td, table.warningMacro td, table.tipMacro td, table.noteMacro td {
+    border: none;
+}
+
+.informationMacroPadding {
+    padding: 5px 0 0 5px;
+}
+
+.noteMacro, .warningPanel {
+    background-color: #ffffce;
+}
+#addition .noteMacro {
+    border-style: solid;
+    border-width: 1px;
+    border-color: #f0c000;
+    background-color: #ffffce;
+    text-align:left;
+    padding: 10px;
+    width: 100%;
+    margin: 5px 20px;
+}
+
+#addition .noteMacro td {
+    font-size: 10pt;
+    padding: 2px;
+    padding-right: 15px;
+}
+
+#addition .noteMacro p {
+    font-size: 10pt;
+}
+
+#addition .noteMacro b {
+    font-size: 10pt;
+}
+
+#addition table.noteMacro td {
+    border: none;
+}
+
+#replying .noteMacro {
+    border-style: solid;
+    border-width: 1px;
+    border-color: #f0c000;
+    background-color: #ffffce;
+    text-align:left;
+    padding: 10px;
+    width: 100%;
+    margin: 5px 20px;
+}
+
+#replying .noteMacro td {
+    font-size: 10pt;
+    padding: 2px;
+    padding-right: 15px;
+}
+
+#replying .noteMacro p {
+    font-size: 10pt;
+}
+
+#replying .noteMacro b {
+    font-size: 10pt;
+}
+
+#replying table.noteMacro td {
+    border: none;
+}
+
+.tipMacro {
+    background-color: #dfd;
+}
+
+.warningMacro {
+    background-color: #fcc;
+}
+
+.infoMacro {
+    background-color: #d8e4f1;
+}
+
+.warningPanel {
+    border-style: solid;
+    border-width: 1px;
+    padding: 8px;
+    margin: 10px;
+}
+
+.warningPanel {
+    border-color: #f0c000;
+}
+
+
+
+
+/* Layout plugin styles */
+
+.sectionMacro,
+.sectionMacro p,
+.sectionMacro ul,
+.sectionMacro ol {
+    font-size: 10pt;
+}
+
+table.sectionMacro td {
+    border: none;
+}
+
+table.sectionMacroWithBorder td.columnMacro {
+    border-style: dashed;
+    border-width: 1px;
+    border-color: #ccc;
+}
+
+
+/*
+    Colors for Confluence (included for all themes by default).
+*/
+h1, h2, h3, h4, h5, h6,
+.wiki-content h1,
+.wiki-content h2,
+.wiki-content h3,
+.wiki-content h4,
+.wiki-content h5,
+.wiki-content h6,
+.pagetitle,
+.steptitle,
+.substeptitle,
+.formtitle,
+a.blogHeading,
+.more-comments a,
+th.confluenceTh,
+table.confluenceTable th.confluenceTh,
+table.admin th,
+.form-element-large,
+.form-element-small,
+#com-atlassian-confluence .mce_h1 span.mceText,
+#com-atlassian-confluence .mce_h2 span.mceText,
+#com-atlassian-confluence .mce_h3 span.mceText,
+#com-atlassian-confluence .mce_h4 span.mceText,
+#com-atlassian-confluence .mce_h5 span.mceText,
+#com-atlassian-confluence .mce_h6 span.mceText {
+    color: #003366;
+}
+
+.wiki-content h1,
+.wiki-content h2 {
+ 	border-bottom-color: #6699cc;
+}
+
+.wiki-content-preview {
+    border-left-color: #6699cc;
+    border-right-color: #6699cc;
+}
+
+.pageSectionHeader {
+    border-bottom-color: #6699cc;
+}
+
+.panel {
+    border-color: #6699cc;
+}
+
+.panelHeader,
+.menuheading,
+.pageheader,
+.sectionbottom {
+    border-bottom-color: #6699cc;
+}
+
+.topRow {
+    border-top-color: #6699cc;
+}
+
+.tabletitle, .pageSectionHeader, .section-header h2 {
+    color: #003366;
+}
+.tabletitle, .pageSectionHeader {
+	border-bottom-color: #6699cc;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover,
+#default-labels-header a.add {
+	color: #003366;
+}
+
+h1 a:hover {
+    border-bottom-color: #003366;
+}
+
+.spacenametitle-printable,
+.spacenametitle-printable a,
+.spacenametitle-printable a:visited {
+    color: #999999;
+}
+
+.navItemOver,
+.navItemOver a,
+.navItemOver a:visited,
+.navItemOver a:hover {
+    color: #ffffff;
+    background-color: #003366;
+}
+
+.navItem {
+    background-color: #6699cc;
+}
+
+.navItem a,
+.navItem a:hover,
+.navItem a:visited {
+    color: #ffffff;
+}
+
+.tableview th {
+    color: #003366;
+    border-bottom-color: #6699cc;
+}
+
+blockquote {
+    border-left-color: #6699cc;
+}
+
+.navBackgroundBox {
+    background: #6699cc;
+}
+
+.previewBoxTop,
+.previewContent,
+.previewBoxBottom,
+.functionbox {
+    border-color: #6699cc;
+}
+
+.smalltext-blue {
+    color: #6699cc;
+}
+
+.tabnav,
+.comment .tabnav,
+ul.tabnav {
+    border-bottom-color: #6699cc;
+}
+
+.tabnav .tabs a {
+    border-color: #6699cc;
+    background: #6699cc;
+}
+
+.tabnav .tabs a:link, .tabnav .tabs a:visited {
+    color: #ffffff;
+}
+.tabnav .tabs a:hover {
+    color: #ffffff;
+    background: #003366;
+    border-color: #003366;
+}
+
+.tabnav .spaceActionLinks a:link,
+.tabnav .spaceActionLinks a:visited {
+    color: #003366;
+}
+
+.foldertab-box {
+	border-left-color: #6699cc;
+	border-right-color: #6699cc;
+	border-bottom-color: #6699cc;
+}
+
+#squaretab a {
+    border-color: #6699cc;
+}
+
+#squaretab a:link, #squaretab a:visited {
+    background-color: #6699cc;
+}
+
+#squaretab a:hover {
+    color: #ffffff;
+    background-color: #003366;
+    border-color: #003366;
+}
+
+table.blogcalendar {
+    border-color: #6699cc;
+}
+
+.blogcalendar th.calendarhead,
+a.calendarhead,
+a.calendarhead:link,
+a.calendarhead:visited,
+a.calendarhead:hover {
+    background-color: #6699cc;
+    color: #ffffff;
+}
+
+.searchGroupHeading {
+    background-color: #6699cc;
+    color: #ffffff;
+}
+
+.permissionTab {
+    background: #6699cc;
+    color: #ffffff;
+}
+
+.permissionSuperTab {
+    background: #003366;
+    color: #ffffff;
+}
+
+/* styles for links in the top bar */
+.topBarDiv a:link,
+.topBarDiv a:visited,
+.topBarDiv a:active,
+.topBarDiv a:hover,
+.topBarDiv {
+    color: #ffffff;
+}
+
+.topBar {
+    background-color: #003366;
+}
+
+.basicPanelContainer {
+    border-color: #6699cc;
+}
+
+.greynavbar {
+    border-top-color: #6699cc
+}
+
+div.license-personal {
+   background-color: #003366;
+   color: #ffffff;
+}
+
+div.license-personal a {
+   color: #ffffff;
+}
+
+.minitab {
+    border-bottom-color: #6699cc;
+}
+
+.minitab a {
+    border-top-color: #6699cc;
+    border-right-color: #6699cc;
+    border-left-color: #6699cc;
+}
+
+.minitab .unselected {
+    border-bottom-color: #6699cc;
+    background: #6699cc;
+}
+
+#header {
+    background-color: #003366;
+}
+#header a,
+#breadcrumbs,
+#header .ajs-menu-bar li.ajs-menu-item a.trigger {
+    color: #ffffff;
+}
+.breadcrumbs {
+ 	border-color: #6699cc;
+}
+
+#navigation, #tab-navigation {
+    border-bottom-color: #6699cc;
+}
+
+#com-atlassian-confluence .aui-dd-parent .aui-dropdown .dropdown-item a,
+.ajs-menu-bar li.ajs-menu-item .ajs-drop-down a {
+    color: #535353;
+}
+#header .ajs-menu-bar li.ajs-menu-item .ajs-drop-down a {
+    color: #003366;
+}
+
+#com-atlassian-confluence .aui-dd-parent a.perms-dropdown-trigger:hover,
+#com-atlassian-confluence .aui-dd-parent a.perms-dropdown-trigger:focus,
+#com-atlassian-confluence .aui-dd-parent .aui-dropdown .dropdown-item.active a,
+.menu-section-list li.active a,
+.menu-section-list li.active a:hover,
+#navigation .ajs-menu-bar .ajs-button a:hover,
+/* .ajs-menu-bar .ajs-menu-item.opened, */
+.ajs-menu-bar .ajs-menu-item li.active a,
+.aui-dd-parent .aui-dropdown li.active,
+.aui-dd-parent .aui-dropdown li:hover span,
+.aui-dd-parent .aui-dropdown a:focus span,
+.ajs-menu-bar .ajs-menu-item.opened .ajs-drop-down li.active a,
+#navigation .ajs-menu-bar li.ajs-button a.active,
+#header .ajs-menu-bar li.ajs-menu-item.opened .ajs-drop-down li.active a,
+.ajs-content-hover .popup-follow a:hover {
+    color: #ffffff;
+    background-color: #6699cc;
+}
+#header .ajs-menu-bar li.ajs-menu-item.opened,
+#header .ajs-menu-bar li.ajs-menu-item.opened a.trigger {
+    background-color: #336699;
+    border-color: #336699;
+}
+.ajs-menu-bar .ajs-menu-item.opened a.trigger {
+    background-color: #6699cc;
+}
+
+#header .ajs-menu-bar .ajs-drop-down {
+    border-color: #003366;
+}
+#header .ajs-menu-bar .ajs-drop-down li.separator {
+    border-top-color: #003366;
+}
+
+.tab-navigation .tab a {
+    background-color: #6699cc;
+    border: 1px solid #6699cc;
+    color: #ffffff;
+}
+.tab-navigation .tab a:hover {
+    color: #ffffff;
+    background-color: #003366;
+    border-bottom-color: #003366;
+}
+
+
+
+/***** Pre 2.8 markup styles for backwards compatability ******/
+#foldertab {
+    border-bottom-color: #6699cc;
+}
+
+#foldertab li a {
+    border-color: #6699cc;
+    background: #6699cc;
+}
+
+#foldertab li a:link,
+#foldertab li a:visited {
+    color: #ffffff;
+}
+#foldertab li a:hover {
+    color: #ffffff;
+    background: #003366;
+    border-color: #003366;
+}
+
+.logoSpaceLink,
+.logoSpaceLink a:link,
+.logoSpaceLink a:visited,
+.logoSpaceLink a:active {
+    color: #999999;
+}
+
+.logoSpaceLink a:hover {
+    color: #003366;
+}
+
+.selectedminitab {
+    border-color: #6699cc
+}
+
+.unselectedminitab {
+	border-color: #6699cc;
+	background: #6699cc;
+}
+
+.tabletitle, .heading-text-color {
+    color: #003366;
+}
+
+a.unselectedminitab:hover {
+	color: #ffffff;
+	background: #003366;
+	border-color: #003366;
+}
+
+ol.autocompleter li.focused {
+	background: #6699cc;
+	color: #ffffff;
+}
+
+/* End colour styles for Confluence */
+
+/*
+    This stylesheet defines styles that only apply to the Default theme. Styles common to all themes should go in
+    master.css
+*/
+html, body {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    font-family: Helvetica, Arial, sans-serif;
+    background-color:#fff;
+}
+
+#full-height-container {
+    min-height: 100%;
+    position: relative;
+    background-color: #fff;    
+}
+
+#header {
+    margin: 0;
+    padding: 0 10px;
+    min-height: 2em;
+    line-height: 2;
+}
+
+#websudo {
+    margin: 0;
+    padding: 0 10px;
+    min-height: 2em;
+    line-height: 2;
+}
+
+.email{
+    /* offset the negative margin set by the header for emails only */
+    margin: 10px;
+}
+
+#page-view-panel {
+    float: right;
+}
+
+#com-atlassian-confluence h1 img {
+    max-height: 2.5em; /* scale logo image with font size */
+    margin-bottom: 0.3em;
+}
+#com-atlassian-confluence h1 img.custom {
+    height: auto;
+}
+
+h1 span.title-text {
+    display: table; /* page title wrapping drops straight down */
+}
+h1 a:hover {
+    color: inherit; /* inherit the colour instead of hard-coding blue */
+}
+.editable-title {
+    margin: 0 10px 0 58px;
+}
+
+#main {
+    padding: 10px 10px 6em 10px;
+}
+.content-preview #main {
+    padding-bottom: 10px;
+}
+
+#content {
+    clear: left;
+}
+#content.space {
+    margin-top: 2.6em;
+}
+
+.quick-search-submit {
+    display: none;
+}
+
+#page-view-panel li, #page-prefs-list li {
+    color: #666;
+    float: left;
+    font-size: .9em;
+    margin: 0 0 0 .3em;
+    padding: 0 0 0 .3em;
+}
+
+#navigation {
+    display: inline;
+}
+
+.page-actions {
+    float: right;
+    border: solid 1px #ccc;
+    padding: 5px;
+    margin-left: 10px;
+}
+
+.remove-control {
+    display: none;
+}
+
+.page-metadata {
+    color: #666;
+    font-size: 0.9em;
+    margin: 10px 0;
+}
+.page-metadata a:link,
+.page-metadata a:active,
+.page-metadata a:hover,
+.page-metadata a:visited {
+    color: #666;
+    font-style: normal;
+}
+
+.section-header {
+    margin-bottom: 5px;
+    padding: 2px 0;    
+}
+
+/* All links are set to action.linkColor but section header links are grey */
+.section-header a:link,
+.section-header a:active,
+.section-header a:hover,
+.section-header a:visited {
+    color: #666;
+}
+
+h2.section-title {
+    font-size: 12pt;
+    font-weight: bold;
+    color: black;
+    margin-top: 20px;
+    padding: 0;
+    display: inline;
+}
+
+.section-title a:link,
+.section-title a:active,
+.section-title a:hover,
+.section-title a:visited {
+    color: black;
+}
+
+#sidebar,
+.sidebar {
+    clear: right;
+    float: right;
+    width: 16em;
+    margin-left: 10px;
+}
+
+#space-blog-search-query{
+    width: 21.5em;
+}
+
+#blog-sidebar{
+    width: 22em;
+    margin-top: 2em;
+}
+
+.has-sidebar #content.space,
+.has-sidebar #content.edit form.markup,
+.has-sidebar .wiki-content,
+.has-sidebar.active-wikimarkup .errorBox{
+    margin-right: 17em;
+}
+
+.has-blog-sidebar #content.space,
+.has-blog-sidebar #content.edit form.markup,
+.has-blog-sidebar .wiki-content
+{
+    margin-right: 24em;
+}
+
+.blog-post-listing .wiki-content,
+.has-blog-sidebar .blogpost-view .wiki-content .wiki-content{
+    margin-right: 0;
+}
+
+.has-sidebar .wiki-content .wiki-content,
+.has-blog-sidebar .wiki-content .wiki-content,
+.has-blog-sidebar .comment-content.wiki-content {
+    margin-right: 0;
+}
+
+.active-richtext #content.create-page,
+.active-preview #content.create-page {
+    margin-right: 0 !important;
+}
+
+.sidebar-content {
+    margin: 10px 0 0 1em;
+}
+.blogcalendar {
+    width: 16em;
+}
+.blogcalendar th a.calendarhead,
+.blogcalendar th.calendarhead {
+    font-size: 1em;
+}
+.blogcalendar td,
+.blogcalendar th {
+    font-size: .85em;
+}
+
+/* folder tab link styles */
+.tabnav .tabs a {
+    padding: 5px 5px 4px;
+    margin: 5px 3px 0 0;
+    border-width: 1px;
+    border-style: solid;
+    border-bottom: none;
+    text-decoration: none;
+    display: block;
+    float: left;
+}
+
+.tabnav .tabs a.current {
+    background: white;
+    border-bottom: 1px solid white;
+    color: black;
+}
+.tabnav .tabs a.current:link, .tabnav .tabs a.current:visited {
+    color: black;
+}
+.tabnav .tabs a.current:hover {
+    background: white;
+    border-bottom: 1px solid white;
+    color: black;
+}
+
+/* list page navigational tabs */
+.tabnav, .comment .tabnav {
+    padding: 0;
+    margin: 0;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    float: left;
+    display: inline;
+    list-style-position: outside;
+    width: 100%;
+    font-weight: bold;
+    font-size: 10pt;
+}
+
+.after-tabnav {
+    clear: both;
+}
+
+.tabnav li.tabs {
+    list-style: none;
+    margin: 0 0 -1px 10px;
+    float: left;
+    display: block;
+}
+
+
+/* dashboard customization */
+#spacesLabel {
+    padding: 4px 6px;
+    float: left;
+    margin-top: 5px;
+}
+
+#footer {
+    position:absolute;
+    bottom:0;
+    width:100%;
+}
+
+#poweredby,
+#poweredby a {
+    font-size: 11px;
+}
+
+/* We can't have a separate IE css file because the default theme
+   hard codes the location of the theme stylesheet */
+
+/* IE6: treated as min-height*/
+* html #full-height-container {
+    height: 100%;
+    background-color:#F0F0F0;
+}
+
+* html #main {
+    padding-bottom: 1em;
+    height: 88%; /* fake ie6 min height - not perfect but better than alternatives */
+}
+
+* html #footer {
+    position: relative;
+}
+
+/* no footer in popups. */
+body.popup-window #footer {
+    display: none;
+}
+
+* html .popup-window #full-height-container {
+    background-color:#fff;
+}
+
+
+
+
+
+