content/css/default.css

body, p, td, table, tr, .bodytext, .stepfield {
  font-family: Verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #000000;
  font-weight: normal;
}

#PageContent {
  text-align: left;
  background-color: #fff;
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
}

/*
** when this stylesheet is used for the Tiny MCE Wysiwyg editor's edit area, we can't
** use an id=PageContent or class=wiki-content, so we must
** set the body style to that used for PageContent, and p to that used for wiki-content.
*/

body {
  margin: 0;
  padding: 0;
  background-color: #f0f0f0;
}

@media print {

  body {
    background-color: #fff;
  }

}

.monospaceInput {
  font: 12px monospace
}

.wiki-content p, .commentblock p {
  margin: 16px 0 16px 0;
  padding: 0;
}

.wiki-content-preview {
  padding: 5px;
  border-left: 1px solid #3c78b5;
  border-right: 1px solid #3c78b5;
}

ul, ol {
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 0;
  padding-bottom: 0;
}

pre {
  padding: 0;
  margin-top: 5px;
  margin-left: 15px;
  margin-bottom: 5px;
  margin-right: 5px;
  text-align: left;
}

.helpheading {
  font-weight: bold;
  background-color: #D0D9BD;
  border-bottom: 1px solid #3c78b5;
  padding: 4px 4px 4px 4px;
  margin: 0;
  margin-top: 10px;
}

.helpcontent {
  padding: 4px 4px 20px 4px;
  background-color: #f5f7f1;
}

/*
Commented out temporarly
.code {
 	border: 1px dashed #3c78b5;
    font-size: 11px;
	font-family: Courier;
    margin: 10px;
	line-height: 13px;
}

.codeHeader {
    background-color: #f0f0f0;
 	border-bottom: 1px dashed #3c78b5;
    padding: 3px;
	text-align: center;
}

.codeContent {
    text-align: left;
    background-color: #f0f0f0;
    padding: 3px;
}

*/

.focusedComment {
  background: #ffffce;
}

.commentBox, .focusedComment {
  padding: 10px;
  margin: 5px 0 5px 0;
  border: 1px #bbb solid;
}

.preformatted {
  border: 1px dashed #3c78b5;
  font-size: 11px;
  font-family: Courier;
  margin: 10px;
  line-height: 13px;
}

.preformattedHeader {
  background-color: #f0f0f0;
  border-bottom: 1px dashed #3c78b5;
  padding: 3px;
  text-align: center;
}

.preformattedContent {
  background-color: #f0f0f0;
  padding: 3px;
}

.panel {
  border: 1px dashed #3c78b5;
  margin: 10px;
  margin-top: 0;
}

.panelHeader {
  background-color: #f0f0f0;
  border-bottom: 1px dashed #3c78b5;
  padding: 3px;
  text-align: center;
}

.panelContent {
  background-color: #f0f0f0;
  padding: 5px;
}

.anonymousAlert {
  background-color: #f0f0f0;
  border: 1px dashed red;
  font-size: 11px;
  padding: 10px 5px 10px 5px;
  margin: 4px;
  line-height: 13px;
}

.lockAlert {
  background-color: #f0f0f0;
  width: 50%;
  border: 1px dashed red;
  font-size: 11px;
  padding: 10px 5px 10px 5px;
  margin: 4px;
  line-height: 13px;
}

.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;
}

.breadcrumbs {
  background-color: #f0f0f0;
  border-color: #3c78b5;
  border-width: 1px 0 1px 0;
  border-style: solid;
  font-size: 11px;
  padding: 3px 0 3px 0;
}

.navmenu {
  border: 1px solid #ccc;
}

.menuheading {
  font-weight: bold;
  background-color: #f0f0f0;
  border-bottom: 1px solid #3c78b5;
  padding: 4px 4px 2px 4px;
}

.menuitems {
  padding: 4px 4px 20px 4px;
}

.rightpanel {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#helpheading {
  text-align: left;
  font-weight: bold;
  background-color: #D0D9BD;
  border-bottom: 1px solid #3c78b5;
  padding: 4px 4px 4px 4px;
  margin: 0;
}

#helpcontent {
  padding: 4px 4px 4px 4px;
  background-color: #f5f7f1;
}

.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;
}

.infopanel-heading {
  font-weight: bold;
  padding: 4px 0 2px 0;
}

.pagebody {
}

.pageheader {
  padding: 5px 5px 5px 0;
  border-bottom: 1px solid #3c78b5;
}

.pagetitle {
  font-size: 22px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  color: #003366;
}

.newpagetitle {
  color: #ccc !important;
}

.steptitle {
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  color: #003366;
  margin-bottom: 7px;
}

.substeptitle {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  color: #003366;
  margin: 2px 4px 4px 4px;
  padding: 2px 4px 1px 4px;
}

.stepdesc {
  font-family: Verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  color: #666666;
  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;
  font-family: Arial, sans-serif;
  color: #003366;
}

.sectionbottom {
  border-bottom: 1px solid #3c78b5;
}

.topRow {
  border-top: 2px solid #3c78b5;
}

.tabletitle {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  padding: 3px 0 2px 0;
  margin: 8px 4px 2px 0;
  color: #003366;
  border-bottom: 2px solid #3c78b5;
}

.pagesubheading {
  color: #666666;
  font-size: 10px;
  padding: 0 0 5px 0;
}

HR {
  color: #3c78b5;
  height: 1px;
}

A:link, A:visited, A:active, A:hover {
  color: #003366;
}

h1 A:link, h1 A:visited, h1 A:active {
  text-decoration: none;
}

h1 A:hover {
  border-bottom: 1px dotted #003366;
}

.wiki-content > :first-child, .commentblock > :first-child {
  margin-top: 3px;
}

.logocell {
  padding: 10px;
}

input {
  font-family: verdana, geneva, arial, sans-serif;
  font-size: 11px;
  color: #000000;
}

textarea, textarea.editor {
  font-family: verdana, geneva, arial, sans-serif;
  font-size: 11px;
  color: #333333;
}

/* use logoSpaceLink instead.
.spacenametitle {
	font: 21px/31px Impact, Arial, Helvetica;
    font-weight: 100;
    color: #999999;
	margin: 0;
}
.spacenametitle img {
  margin: 0 0 -4px 0;
}
.spacenametitle a {
    text-decoration: none;
    color: #999999;
}
.spacenametitle a:visited {
    text-decoration: none;
    color: #999999;
}*/

.spacenametitle-printable {
  font: 20px/25px Impact, Arial, Helvetica;
  font-weight: 100;
  color: #999999;
  margin: 0;
}

.spacenametitle-printable a {
  text-decoration: none;
  color: #999999;
}

.spacenametitle-printable a:visited {
  text-decoration: none;
  color: #999999;
}

.blogDate {
  font-weight: bold;
  text-decoration: none;
  color: black;
}

.blogSurtitle {
  background: #f0f0f0;
  border: 1px solid #ddd;
  padding: 3px;
  margin: 1px 1px 10px 1px;
}

.blogHeading {
  font-size: 20px;
  line-height: normal;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.blogHeading a {
  text-decoration: none;
  color: black;
}

.endsection {
  align: right;
  color: #666666;
  margin-top: 10px;
}

.endsectionleftnav {
  align: right;
  color: #666666;
  margin-top: 10px;
}

h1 {
  font-size: 24px;
  line-height: normal;
  font-weight: bold;
  background-color: #f0f0f0;
  color: #003366;
  border-bottom: 1px solid #3c78b5;
  padding: 2px;
  margin: 36px 0 4px 0;
}

h2 {
  font-size: 18px;
  line-height: normal;
  font-weight: bold;
  background-color: #f0f0f0;
  border-bottom: 1px solid #3c78b5;
  padding: 2px;
  margin: 27px 0 4px 0;
}

h3 {
  font-size: 14px;
  line-height: normal;
  font-weight: bold;
  background-color: #f0f0f0;
  padding: 2px;
  margin: 21px 0 4px 0;
}

h4 {
  font-size: 12px;
  line-height: normal;
  font-weight: bold;
  background-color: #f0f0f0;
  padding: 2px;
  margin: 18px 0 4px 0;
}

h4.search {
  font-size: 12px;
  line-height: normal;
  font-weight: normal;
  background-color: #f0f0f0;
  padding: 4px;
  margin: 18px 0 4px 0;
}

h5 {
  font-size: 10px;
  line-height: normal;
  font-weight: bold;
  background-color: #f0f0f0;
  padding: 2px;
  margin: 14px 0 4px 0;
}

h6 {
  font-size: 8px;
  line-height: normal;
  font-weight: bold;
  background-color: #f0f0f0;
  padding: 2px;
  margin: 14px 0 4px 0;
}

.smallfont {
  font-size: 10px;
}

.descfont {
  font-size: 10px;
  color: #666666;
}

.smallerfont {
  font-size: 9px;
}

.smalltext {
  color: #666666;
  font-size: 10px;
}

.smalltext a {
  color: #666666;
}

.smalltext-blue {
  color: #3c78b5;
  font-size: 10px;
}

.surtitle {
  margin-left: 1px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #666666;
}

/* css hack found here:  http://www.fo3nix.pwp.blueyonder.co.uk/tutorials/css/hacks/ */
.navItemOver {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  background-color: #003366;
  cursor: hand;
  voice-family: '\'}\'';
  voice-family: inherit;
  cursor: pointer;
}

.navItemOver a {
  color: #ffffff;
  background-color: #003366;
  text-decoration: none;
}

.navItemOver a:visited {
  color: #ffffff;
  background-color: #003366;
  text-decoration: none;
}

.navItemOver a:hover {
  color: #ffffff;
  background-color: #003366;
  text-decoration: none;
}

.navItem {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  background-color: #3c78b5;
}

.navItem a {
  color: #ffffff;
  text-decoration: none;
}

.navItem a:hover {
  color: #ffffff;
  text-decoration: none;
}

.navItem a:visited {
  color: #ffffff;
  text-decoration: none;
}

div.padded {
  padding: 4px;
}

div.thickPadded {
  padding: 10px;
}

h3.macrolibrariestitle {
  margin: 0 0 0 0;
}

div.centered {
  text-align: center;
  margin: 10px;
}

div.centered table {
  margin: 0 auto;
  text-align: left;
}

.tableview table {
  margin: 0;
}

.tableview th {
  text-align: left;
  color: #003366;
  font-size: 12px;
  padding: 5px 0 0 5px;
  border-bottom: 2px solid #3c78b5;
}

.tableview td {
  text-align: left;
  border-color: #ccc;
  border-width: 0 0 1px 0;
  border-style: solid;
  margin: 0;
  padding: 4px 10px 4px 5px;
}

.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;
}

.label {
  font-weight: bold;
  color: #003366;
}

label {
  font-weight: bold;
  color: #003366;
}

.error {
  background-color: #fcc;
}

.errorBox {
  background-color: #fcc;
  border: 1px solid #c00;
  padding: 5px;
  margin: 5px;
}

.errorMessage {
  color: #c00;
}

.success {
  background-color: #dfd;
}

.successBox {
  background-color: #dfd;
  border: 1px solid #090;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

blockquote {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  margin-right: 0;
  border-left: 1px solid #3c78b5;
}

table.confluenceTable {
  margin: 5px;
  border-collapse: collapse;
}

/* Added as a temporary fix for CONF-4223. The table elements appear to be inheriting the border: none attribute from the sectionMacro class */
table.confluenceTable td.confluenceTd {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 3px 4px 3px 4px;
}

/* Added as a temporary fix for CONF-4223. The table elements appear to be inheriting the border: none attribute from the sectionMacro class */
table.confluenceTable th.confluenceTh {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 3px 4px 3px 4px;
  background-color: #f0f0f0;
  text-align: center;
}

td.confluenceTd {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 3px 4px 3px 4px;
}

th.confluenceTh {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 3px 4px 3px 4px;
  background-color: #f0f0f0;
  text-align: center;
}

DIV.small {
  font-size: 9px;
}

H1.pagename {
  margin-top: 0;
}

IMG.inline {
}

.loginform {
  margin: 5px;
  border: 1px solid #ccc;
}

/* 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;
}

/* How the "This page has been modified..." -comment should be shown. */
.conflictnote {
}

.createlink {
  color: maroon;
}

a.createlink {
  color: maroon;
}

.templateparameter {
  font-size: 9px;
  color: darkblue;
}

.diffadded {
  background: #ddffdd;
  padding: 1px 1px 1px 4px;
  border-left: 4px solid darkgreen;
}

.diffdeleted {
  color: #999;
  background: #ffdddd;
  padding: 1px 1px 1px 4px;
  border-left: 4px solid darkred;
}

.diffnochange {
  padding: 1px 1px 1px 4px;
  border-left: 4px solid lightgrey;
}

.differror {
  background: brown;
}

.diff {
  font-family: lucida console, courier new, fixed-width;
  font-size: 12px;
  line-height: 14px;
}

.diffaddedchars {
  background-color: #99ff99;
  font-weight: bolder;
}

.diffremovedchars {
  background-color: #ff9999;
  text-decoration: line-through;
  font-weight: bolder;
}

.greybackground {
  background: #f0f0f0
}

.greybox {
  border: 1px solid #ddd;
  padding: 3px;
  margin: 1px 1px 10px 1px;
}

.borderedGreyBox {
  border: 1px solid #cccccc;
  background-color: #f0f0f0;
  padding: 10px;
}

.greyboxfilled {
  border: 1px solid #ddd;
  background: #f0f0f0;
  padding: 3px;
  margin: 1px 1px 10px 1px;
}

.navBackgroundBox {
  padding: 5px 5px 5px 5px;
  font-size: 22px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  color: white;
  background: #3c78b5;
  text-decoration: none;
}

.previewBoxTop {
  background-color: #f0f0f0;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #3c78b5;
  padding: 5px;
  margin: 5px 0 0 0;
  text-align: center;
}

.previewContent {
  background-color: #fff;
  border-color: #3c78b5;
  border-width: 0 1px 0 1px;
  border-style: solid;
  padding: 10px;
  margin: 0;
}

.previewBoxBottom {
  background-color: #f0f0f0;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #3c78b5;
  padding: 5px;
  margin: 0 0 5px 0;
  text-align: center;
}

.functionbox {
  background-color: #f0f0f0;
  border: 1px solid #3c78b5;
  padding: 3px;
  margin: 1px 1px 10px 1px;
}

.functionbox-greyborder {
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  padding: 3px;
  margin: 1px 1px 10px 1px;
}

.search-highlight {
  background-color: #ffffcc;
}

/* normal (white) background */
.rowNormal {
  background-color: #ffffff;
}

/* alternate (pale yellow) background */
.rowAlternate {
  background-color: #f7f7f7;
}

/* used in the list attachments table */
.rowAlternateNoBottomColor {
  background-color: #f7f7f7;
}

.rowAlternateNoBottomNoColor {
}

.rowAlternateNoBottomColor td {
  border-bottom: 0;
}

.rowAlternateNoBottomNoColor td {
  border-bottom: 0;
}

/* row highlight (grey) background */
.rowHighlight {
  background-color: #f0f0f0;

}

TD.greenbar {
  FONT-SIZE: 2px;
  BACKGROUND: #00df00;
  BORDER: 1px solid #9c9c9c;
  PADDING: 0;
}

TD.redbar {
  FONT-SIZE: 2px;
  BACKGROUND: #df0000;
  BORDER: 1px solid #9c9c9c;
  PADDING: 0;
}

TD.darkredbar {
  FONT-SIZE: 2px;
  BACKGROUND: #af0000;
  BORDER: 1px solid #9c9c9c;
  PADDING: 0;
}

TR.testpassed {
  FONT-SIZE: 2px;
  BACKGROUND: #ddffdd;
  PADDING: 0;
}

TR.testfailed {
  FONT-SIZE: 2px;
  BACKGROUND: #ffdddd;
  PADDING: 0;
}

.toolbar {
  margin: 0;
  border-collapse: collapse;
}

.toolbar td {
  border: 1px solid #ccc;
  padding: 2px 2px 2px 2px;
  color: #ccc;
}

td.noformatting {
  border-width: 0;
  border-style: none;
  text-align: center;
  padding: 0;
}

.commentblock {
  margin: 12px 0 12px 0;
}

/*
 * Divs displaying the license information, if necessary.
 */
.license-eval, .license-none, .license-nonprofit {
  border-top: 1px solid #bbbbbb;
  text-align: center;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.license-eval, .license-none {
  background-color: #ffcccc;
}

.license-eval b, .license-none b {
  color: #990000
}

.license-nonprofit {
  background-color: #ffffff;
}

/*
 * 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;
}

/* list page navigational tabs */
#foldertab {
  padding: 3px 0 3px 8px;
  margin-left: 0;
  border-bottom: 1px solid #3c78b5;
  font: bold 11px Verdana, sans-serif;
}

#foldertab li {
  list-style: none;
  margin: 0;
  display: inline;
}

#foldertab li a {
  padding: 3px 0.5em;
  margin-left: 3px;
  border: 1px solid #3c78b5;
  border-bottom: none;
  background: #3c78b5;
  text-decoration: none;
}

#foldertab li a:link {
  color: #ffffff;
}

#foldertab li a:visited {
  color: #ffffff;
}

#foldertab li a:hover {
  color: #ffffff;
  background: #003366;
  border-color: #003366;
}

#foldertab li a.current {
  background: white;
  border-bottom: 1px solid white;
  color: black;
}

#foldertab li a.current:link {
  color: black;
}

#foldertab li a.current:visited {
  color: black;
}

#foldertab li a.current:hover {
  background: white;
  border-bottom: 1px solid white;
  color: black;
}

/* alphabet list */
ul#squaretab {
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
  font: bold 8px Verdana, sans-serif;
}

#squaretab li {
  display: inline;
  list-style-type: none;
}

#squaretab a {
  padding: 2px 6px;
  border: 1px solid #3c78b5;
}

#squaretab a:link, #squaretab a:visited {
  color: #fff;
  background-color: #3c78b5;
  text-decoration: none;
}

#squaretab a:hover {
  color: #ffffff;
  background-color: #003366;
  border-color: #003366;
  text-decoration: none;
}

#squaretab li a#current {
  background: white;
  color: black;
}

.blogcalendar * {
  font-family: verdana, arial, sans-serif;
  font-size: x-small;
  font-weight: normal;
  line-height: 140%;
  padding: 2px;
}

table.blogcalendar {
  border: 1px solid #3c78b5;
}

.blogcalendar th.calendarhead, a.calendarhead {
  font-size: x-small;
  font-weight: bold;
  padding: 2px;
  text-transform: uppercase;
  background-color: #3c78b5;
  color: #ffffff;
  letter-spacing: .3em;
  text-transform: uppercase;
}

.calendarhead:visited {
  color: white;
}

.calendarhead:active {
  color: white;
}

.calendarhead:hover {
  color: white;
}

.blogcalendar th {
  font-size: x-small;
  font-weight: bold;
  padding: 2px;
  background-color: #f0f0f0;
}

.blogcalendar td {
  font-size: x-small;
  font-weight: normal;
}

.searchGroup {
  padding: 0 0 10px 0;
  background: #f0f0f0;
}

.searchGroupHeading {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  background-color: #3c78b5;
  padding: 2px 4px 1px 4px;
}

.searchItem {
  padding: 1px 4px 1px 4px;
}

.searchItemSelected {
  padding: 1px 4px 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 {
  border-width: 0 0 0 1px;
  border-style: solid;
  background: #3c78b5;
  color: #ffffff;
  font-size: 10px;
}

.permissionSuperTab {
  border-width: 0 0 0 1px;
  border-style: solid;
  background: #003366;
  color: #ffffff;
}

.permissionCell {
  border-left: #bbb;
  border-width: 0 0 0 1px;
  border-style: solid;
}

/* warning panel */
.warningPanel {
  background: #FFFFCE;
  border: #F0C000 1px solid;
  padding: 8px;
  margin: 10px;
}

/* alert panel */
.alertPanel {
  background: #FFCCCC;
  border: #C00 1px solid;
  padding: 8px;
  margin: 10px;
}

/* info panel */
.infoPanel {
  background: #D8E4F1;
  border: #3c78b5 1px solid;
  padding: 8px;
  margin: 10px;
}

/* side menu highlighting (e.g. space content screen) */
.optionPadded {
  padding: 2px;
}

.optionSelected {
  background-color: #ffffcc;
  padding: 2px;
  border: 1px solid #ddd;
  margin: -1px;
}

.optionSelected a {
  font-weight: bold;
  text-decoration: none;
  color: black;
}

/* information macros */
.panelMacro {
  margin: 10px 20px
}

.noteMacro {
  border-style: solid;
  border-width: 1px;
  border-color: #F0C000;
  background-color: #FFFFCE;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px
}

.warningMacro {
  border-style: solid;
  border-width: 1px;
  border-color: #c00;
  background-color: #fcc;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px
}

.infoMacro {
  border-style: solid;
  border-width: 1px;
  border-color: #3c78b5;
  background-color: #D8E4F1;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px
}

.tipMacro {
  border-style: solid;
  border-width: 1px;
  border-color: #090;
  background-color: #dfd;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px
}

.informationMacroPadding {
  padding: 5px 0 0 5px;
}

.noteMacro, .warningMacro, .infoMacro, .tipMacro {
  padding: 10px;
  width: 100%;
  text-align: left;
}

table.infoMacro td, table.warningMacro td, table.tipMacro td, table.noteMacro td, table.sectionMacro td {
  border: none;
}

table.sectionMacroWithBorder td.columnMacro {
  border-style: dashed;
  border-width: 1px;
  border-color: #cccccc;
}

.pagecontent {
  padding: 10px;
  text-align: left;
}

/* styles for links in the top bar */
.topBarDiv a:link {
  color: #ffffff;
}

.topBarDiv a:visited {
  color: #ffffff;
}

.topBarDiv a:active {
  color: #ffffff;
}

.topBarDiv a:hover {
  color: #ffffff;
}

.topBarDiv {
  color: #ffffff;
}

.topBar {
  background-color: #003366;
}

/* styles for extended operations */
.greyLinks a:link {
  color: #666666;
  text-decoration: underline;
}

.greyLinks a:visited {
  color: #666666;
  text-decoration: underline;
}

.greyLinks a:active {
  color: #666666;
  text-decoration: underline;
}

.greyLinks a:hover {
  color: #666666;
  text-decoration: underline;
}

.greyLinks {
  color: #666666;
  display: block;
  padding: 10px
}

.logoSpaceLink {
  color: #999999;
  text-decoration: none
}

.logoSpaceLink a:link {
  color: #999999;
  text-decoration: none
}

.logoSpaceLink a:visited {
  color: #999999;
  text-decoration: none
}

.logoSpaceLink a:active {
  color: #999999;
  text-decoration: none
}

.logoSpaceLink a:hover {
  color: #003366;
  text-decoration: none
}

/* basic panel (basicpanel.vmd) style */
.basicPanelContainer {
  border: 1px solid #3c78b5;
  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
}

.separatorLinks a:link {
  color: white
}

.separatorLinks a:visited {
  color: white
}

.separatorLinks a:active {
  color: white
}

.greynavbar {
  background-color: #f0f0f0;
  border-top: 1px solid #3c78b5;
  margin-top: 2px
}

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;
}

div.license-personal {
  background-color: #003366;
  color: #ffffff;
}

div.license-personal a {
  color: #ffffff;
}

.greyFormBox {
  border: 1px solid #cccccc;
  padding: 5px;
}

/* IE automatically adds a margin before and after form tags. Use this style to remove that */
.marginlessForm {
  margin: 0;
}

.openPageHighlight {
  background-color: #ffffcc;
  padding: 2px;
  border: 1px solid #ddd;
}

.editPageInsertLinks, .editPageInsertLinks a {
  color: #666666;
  font-weight: bold;
  font-size: 10px;
}

/* Style for label heatmap. */
.top10 a {
  font-weight: bold;
  font-size: 2em;
  color: #003366;
}

.top25 a {
  font-weight: bold;
  font-size: 1.6em;
  color: #003366;
}

.top50 a {
  font-size: 1.4em;
  color: #003366;
}

.top100 a {
  font-size: 1.2em;
  color: #003366;
}

.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: 3px 0 3px 8px;
  margin-left: 0;
  margin-top: 1px;
  margin-bottom: 0;
  border-bottom: 1px solid #3c78b5;
  font: bold 9px Verdana, sans-serif;
  text-decoration: none;
  float: none;
}

.selectedminitab {
  padding: 3px 0.5em;
  margin-left: 3px;
  margin-top: 1px;
  border: 1px solid #3c78b5;
  background: white;
  border-bottom: 1px solid white;
  color: #000000;
  text-decoration: none;
}

.unselectedminitab {
  padding: 3px 0.5em;
  margin-left: 3px;
  margin-top: 1px;
  border: 1px solid #3c78b5;
  border-bottom: none;
  background: #3c78b5;
  color: #ffffff;
  text-decoration: none;
}

a.unselectedminitab:hover {
  color: #ffffff;
  background: #003366;
  border-color: #003366;
}

a.unselectedminitab:link {
  color: white;
}

a.unselectedminitab:visited {
  color: white;
}

a.selectedminitab:link {
  color: black;
}

a.selectedminitab:visited {
  color: black;
}

.linkerror {
  background-color: #fcc;
}

a.labelOperationLink:link {
  text-decoration: underline
}

a.labelOperationLink:active {
  text-decoration: underline
}

a.labelOperationLink:visited {
  text-decoration: underline
}

a.labelOperationLink:hover {
  text-decoration: underline
}

a.newLabel:link {
  background-color: #ddffdd
}

a.newLabel:active {
  background-color: #ddffdd
}

a.newLabel:visited {
  background-color: #ddffdd
}

a.newLabel:hover {
  background-color: #ddffdd
}

ul.square {
  list-style-type: square
}

.inline-control-link {
  background: #ffc;
  font-size: 9px;
  color: #666;
  padding: 2px;
  text-transform: uppercase;
  text-decoration: none;
}

.inline-control-link a:link {
  text-decoration: none
}

.inline-control-link a:active {
  text-decoration: none
}

.inline-control-link a:visited {
  text-decoration: none
}

.inline-control-link a:hover {
  text-decoration: none
}

.inline-control-link {
  background: #ffc;
  font-size: 9px;
  color: #666;
  padding: 2px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

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 *******/
.toogleFormDiv {
  border: 1px solid #A7A6AA;
  background-color: white;
  padding: 5px;
  margin-top: 5px;
}

.toogleInfoDiv {
  border: 1px solid #A7A6AA;
  background-color: white;
  display: none;
  padding: 5px;
  margin-top: 10px;
}

.inputSection {
  margin-bottom: 20px;
}

#editBox {
  border: 1px solid lightgray;
  background-color: #F0F0F0;
}

/******* Left Navigation Theme Styles ********/
.leftnav li a {
  text-decoration: none;
  color: white;
  margin: 0;
  display: block;
  padding: 2px;
  padding-left: 5px;
  background-color: #3c78b5;
  border-top: 1px solid #3c78b5;
}

.leftnav li a:active {
  color: white;
}

.leftnav li a:visited {
  color: white;
}

.leftnav li a:hover {
  background-color: #003366;
  color: white;
}

/* Added by Shaun during i18n */
.replaced {
  background-color: #33CC66;
}

.topPadding {
  margin-top: 20px;
}

/* new form style */
.form-block {
  padding: 6px;
}

.form-error-block {
  padding: 6px;
  background: #fcc;
  border-top: #f0f0f0 1px solid;
  border-bottom: #f0f0f0 1px solid;
  margin-bottom: 6px;
  padding: 0 12px 0 12px;
}

.form-element-large {
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  color: #003366;
}

.form-element-small {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  color: #003366;
}

.form-header {
  background: lightyellow;
  border-top: #f0f0f0 1px solid;
  border-bottom: #f0f0f0 1px solid;
  margin-bottom: 6px;
  padding: 0 12px 0 12px;
}

.form-header p, .form-block p, .form-error-block p {
  line-height: normal;
  margin: 12px 0 12px 0;
}

.form-example {
  color: #888;
  font-size: 11px;
}

.form-divider {
  border-bottom: #ccc 1px solid;
  margin-bottom: 6px;
}

.form-buttons {
  margin-top: 6px;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  background: #f0f0f0;
  padding: 10px;
  text-align: center;
}

.form-buttons input {
  width: 100px;
}

.form-block .error {
  padding: 6px;
  margin-bottom: 6px;
}

/*****  Warning/Icon things ********/
.aui-message {
  background: #fcfcfc;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #333;
  margin: 10px 0 0 0;
  padding: 10px 10px 10px 36px;
  position: relative;
}

.aui-message.shadowed {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.aui-popup .aui-message.closeable, .aui-dialog .aui-message.closeable {
  z-index: 4000;
}

.aui-message.error {
  background: #d04437;
  border-color: #d04437;
  color: #fff;
}

.aui-message.warning {
  background: #fffdf6;
  border-color: #ffeaae;
}

.aui-message.info {
  background: #fcfcfc;
  border-color: #8c9fb2;
}

.aui-message.success {
  background: #f3f9f4;
  border-color: #91c89c;
}

.aui-message.hint {
  background: #fcfcfc;
  border-color: #aab8c6;
}

.aui-message.error a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

.aui-message p.title {
  font-weight: bold;
}

.aui-message p.title strong {
  font-weight: inherit;
}

.aui-message .aui-icon {
  left: 10px;
  position: absolute;
  top: 12px;
}

.aui-message.closeable {
  padding-right: 36px;
}

.aui-message.closeable .icon-close {
  cursor: pointer;
  left: auto;
  right: 10px;
  top: 10px;
}

.aui-message .svg-icon {
  left: 10px;
  position: absolute;
  top: 10px;
}

.aui-message.closeable .svg-icon.close {
  cursor: pointer;
  left: auto;
  position: absolute;
  right: 10px;
  top: 10px;
}

#header .aui-message {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-width: 2px;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#footer .aui-message {
  margin-left: 20px;
  margin-right: 20px;
  text-align: left;
}

.aui-message p {
  margin-bottom: 0;
}

.aui-icon {
  background-repeat: no-repeat;
  background-position: 0 0;
  border: none;
  display: inline-block;
  height: 16px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-indent: -999em;
  vertical-align: text-bottom;
  width: 16px;
}

.icon-move, .icon-move-d, .icon-dropdown, .icon-dropdown-d, .icon-dropdown-active, .icon-dropdown-active-d, .icon-minimize, .icon-minimize-d, .icon-maximize, .icon-maximize-d {
  background-repeat: no-repeat;
}

.aui-icon.icon-move, .aui-icon.icon-move-d, .aui-icon.icon-dropdown, .aui-icon.icon-dropdown-d, .aui-icon.icon-dropdown-active, .aui-icon.icon-dropdown-active-d, .aui-icon.icon-minimize, .aui-icon.icon-minimize-d, .aui-icon.icon-maximize, .aui-icon.icon-maximize-d {
  background-position: 0 0 !important;
  height: 13px;
  vertical-align: baseline;
  width: 13px;
}

.icon-move {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAPUlEQVR42rWRMQoAMAjE+v9P29syBeFKs50YVDzGBKmbACKZACIV69G0ZqQJqwQJBcWk8iYD6eufTHha7wLFyOcZBIC2HgAAAABJRU5ErkJggg==);
  cursor: move;
}

.icon-move-d {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANAQMAAABIJXY/AAAABlBMVEUAAABtbW0GOOmzAAAAAXRSTlMAQObYZgAAACZJREFUCFtjYGJgYGdg4G9gADKUFBiSDBj+/wCRQDYTWBwoy8QAAF4LBNTKhGdbAAAAAElFTkSuQmCC);
  cursor: move;
}

.icon-dropdown {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAANUlEQVQoz2NgIBH8//8fziAKwDX9h2slypb/A6gJn1/w2oRLA0HnYdMwCAKCaE1kpQhy0h4AvZXuEh7/K88AAAAASUVORK5CYII=);
}

.icon-dropdown-d {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAOElEQVQoz2NgIBH8//8fwsjNzf1PDIZrgnGIASC1A6gJn1/w2oRLA0HnYdMwCAKCaE1kpQhy0h4AVz6Yhl8Qyr8AAAAASUVORK5CYII=);
}

.icon-dropdown-active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAMElEQVQoz2NgIBH8//8fziAKwDX9Jx0MlCY8nsdvEwENuJ2HR8P/oRB6ZKUIctIeACdj9RnXT1HMAAAAAElFTkSuQmCC);
}

.icon-dropdown-active-d {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAANklEQVQokWNgIBH8//8fwsjNzf1PDIZrIlYDDA+gJlyeJ2gTPg14nYdLwwAHBNGayEoR5KQ9AH2/LqGCzCmZAAAAAElFTkSuQmCC);
}

.icon-minimize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAJ0lEQVQoz2NgIBH8//8fziAKwDX9Jx3QWxMJgTCqCUUTWSmCnLQHAMrBNdnApUZIAAAAAElFTkSuQmCC);
}

.icon-minimize-d {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAALElEQVQoz2NgIBH8//8fwsjNzf1PDIZrIlYDDA+AJmIDYVQTuiayUgQ5aQ8AKzrBcoqP7AUAAAAASUVORK5CYII=);
}

.icon-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAMklEQVR42r3LMQoAAAhCUe9/aVulIZSivyk8pJFsh9EdwtAO0egOYUhxhHR/I6OO7BQVFiAd8RJdftsAAAAASUVORK5CYII=);
}

.icon-maximize-d {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAOElEQVQokWNgIBH8//8fVSA3N/c/IUw9TficRpkmYpxEPU2EnIQREMRoQuYPgCZiAwKuiVQA0gQAtaqzzogsN8sAAAAASUVORK5CYII=);
}

form.aui .icon-date, .aui-icon-date {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAElBMVEVwcHA7c6/e297////d3d3QRDeta2PvAAAANElEQVR42o3NMQoAMAgDwFrj/7+sNB2EOHhkCgaPMrqkxcAdLVOBLwrQLuJFCp3sv9BqIhIVkgJPMGXvIwAAAABJRU5ErkJggg==);
}

form.aui .icon-range, .aui-icon-range {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAD1BMVEVwcHA7c6/d3d3////QRDegIdLtAAAANUlEQVR42oWOsQkAMBAC8/r7zxyIjaCQw+pQ8CQjIFIUSFiaANZ4jbU0saJOQIbwiZ7+jwUX+3ECESZGRrwAAAAASUVORK5CYII=);
}

form.aui .icon-required, .aui-icon-required {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXklEQVR42u3MsQ2AIBSEYZnHAVjACZzkNUxA6yCOY2HhNnoXn6EggVxjRfHnQh75pmOJX/e7JTPrxo8JRQK+SQUyugj4ZhUIaCPgG1RgRida0c63ClQpQOs4gAH8Bzy5KFqGk8PBaQAAAABJRU5ErkJggg==);
}

form.aui .icon-users, .aui-icon-users {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAtUlEQVR42t2RMQrCQBBF9xparK138ATJaRYEPVWwj0o6m1zAJl1IOgvXJtX4ix9YZsKK2Fk8kn18HmHjQgg/sSh3+5MHNYh8+m8DZyAJTS5QgIEUDEQVmOAXt44HIUP+C+xWy5EBz8iLzw283TJQ8tDz3YmIAd5sc5e4BlcwgQtYffoLWzIHKnUHFbzdMnAAQo4MPFUgwtstA2MiHwyIBt5uGRBFLiCKfwncE9Ex0KrAjQGzfQN6A+Z5DlYHhgAAAABJRU5ErkJggg==);
}

form.aui .icon-help, .aui-icon-help, form.aui .icon-inline-help, .aui-icon-inline-help {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABOklEQVR42mXTv0rDUBTH8atDqYPi4mDRya3pAziIz+ETCDpoVt9BbKFRlFqfQGfBCukkODgIpREcddeiiCbR+A38ApfT4RNy/tzDzU3iwjC0mjjCGN8yVq5p+/1gDifIkWGIrgyVyxXX7IAaBihwgQac0UBfPTeo+QO6Kux7zZeYIMU11lTbVW9UDQiQa7qTe7xjG1t4wTNmVe9pTVAGbWRYVnEJBQ7g5FC5FTj1pmg7nXAM51lHXfcbeMNDtQOJkTi9pjMlrU184dEerNb8uPLiDbAGeMWiYjvgo7xJvEew7nBl8xJjNHWIxqrdujnEThm0kKNnmuYxkYUqb15jq0pEKLAHJ3UkUoeTHfzh2H7KtxrSN9uegVPuXD0DrZn6mU7xiwwxuhIjUy2yP5MVoIMnpPjESLnA9v8DHHysLnlPp3QAAAAASUVORK5CYII=);
}

.aui-message .icon-generic, .aui-icon-generic {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA00lEQVR42qWTUQqCQBCGe9KCuoiKPqj38iTpg4KeJbqFZHSNesgw6l/4F4ZBlrSFD5z/3xlmd8eNXkVRBOAIBvAkF2qB3KsTPVCDN/jMQa8Fu7nkk9jYgRxsSU7N+mfgyQINjRtIrG4TRByCK/VaihPF2Gi6gNIS6hMIjVDatjc/LnGc0gQDg4y+swPqGb3BBCMDf0EBn964tsCB3n3tEVJ6veMSnQU6epUJooXPGItnjFyDpJcepMY1yi1Iqe/53epR/vNncrdZsdUXeICeWqT3fwEp0i7HcWSJEgAAAABJRU5ErkJggg==);
}

.aui-message .icon-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAzUlEQVR42q2T3QqCQBBGvcqCehETvVBfM71QsGeJ3kIyeo260DC2b+CThoVdsFo44JzdGfZnDIwxNhE4gB4M5EIX2et1sAI1eBnH4FwLNnOeTj6phUdQgDUp6OZxlhxdoOHEDaSAnuMT78GVrhY3y4kyEekqQFK6SXJFlGrbgbcAUccpJegZ5AsK5PS9BCODcEGBkH78tsCO/u4+gp+MOd2vl1hJEC98xkQ9Y+xvJOJopMbXyi3I6Lf8bu1W/uvPZG+z4laf4AE6uthe/wbkrGRlM25n9wAAAABJRU5ErkJggg==);
}

.aui-icon-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA00lEQVR42qWTXQqCUBCFe+oHaiMm+qDSBlpf+qBga4n20INktI16yDDqDJwLwyAXzIEPnDM/zL13nFm77HcBOIAWvMiVWqBzbeEclOADvkMwVoPVUPFJJR5BBpYko+biZ6nRDSoG7iB2uitQ/hbcqJda7ClGotkGRoup91IrQu7GlgRvA5o6Ti5OSycd0SBlrBWno7MY0WDBWPdvgw1jD98RfDuTsKaZeomFOOHIZ4zUM4a+RbJmF6nyrXINEuprftd2lSf+TP4xC476Bk/QUAtt/g8cmyvPgMzXPwAAAABJRU5ErkJggg==);
}

.aui-message .icon-hint, .aui-icon-hint, .aui-message .icon-info, .aui-icon-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1klEQVR42qWTUQqCQBCGfdKCuogu+qBeoot0kl7TBwU9S3QLyega9ZBh1L/wLyyDLGkLHzj/vzPM7o6eXLv9IQRH0IMnuVAL7b0y0QcVeIPPFPQasJ5KPlkbW5CDFcmpGf8MfLtATeMGEqObBCuOwJV6ZYsjxVhrsoDQEuojiLRQmLa9H5d1nEIHPYOMvrMD6hm9XgcDg2BGgYDesLTAlt596RFSep3jEp0FWnqlDtTMZ4ytZ1SuQZJLDlLtGuUGpNQ3/G7kKP/5M7nbLNnqCzxAR03J/V+HSh9XtOsatQAAAABJRU5ErkJggg==);
}

.aui-message .icon-success, .aui-icon-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA9klEQVR42qWTPQrCQBSErfwBhRQewDoGFYyHtDEWCSSVR8gBRDxCGjFi4xEstFBR4jyYYnmuK5LAB/vmzexuNpuGfvrzwAcLUIIb2VPzTa8ONkEMXqCywV4KOrbw2jBmYAbaZEatIhvJmBMkbBzB2LHLITjQG5vik+Ko8eORBeh9SlaEiELmCHmgACvWGTORFCWL8Et4IGF6TtRC1qUUdxYtNiOB4wk4s18Aj3qL2v1jAiOQ28L09Khf1CuoVS1heqbs7ayHyEm2INdhdYhLKYI/P+PI+IxBnYuUuK5yCqbUuxyn+irX/Jnc21xyqw9wBTtqgfa/Af067eG0xhemAAAAAElFTkSuQmCC);
}

.aui-message .icon-warning, .aui-icon-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVR42p2QP0tCURiH7zdQRA3u4OJUiyDY4CDtTuEXuXs0JEQ4uDk5C0EuKoEu+SWcg5baLCS7tNTx98IzyMWjXoeHe95/z3vODdzi2kdTvIo30fL1+YbLIhYOfsV5GsFAOL59zsNjBRfij60lEXKbf1E5RvDExl4URYGwXJfc6JCgwqZYhBp2hs5n4odadZ9gzKYu2x1YrUPt2SeosWEtijsEBfGN5HKXYErxweKkAMk9PbOkoE5hJXI+AbUVvfVtwZzkHTECAGptel8cgisSnyJDk+8GRlZ8MdOwxITghoa9ArhlZmzB+/abDjwh+c8+LBgRnMLEBHnxKJYpBpfMFDbGjWcGPFD11gAAAABJRU5ErkJggg==);
}

.aui-message .icon-close, .aui-icon-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAUElEQVR42sWTQQoAIAgEe2ef6smW1wb0MEHBXtp1QLMREUpvAefMFIKFf5srBUjhI4AQPAJKCO/YQgdhMQGE9MUe4FvwQ/TP6BfJr/L/37gBAXQVT6UvFQUAAAAASUVORK5CYII=);
}

.aui-message .icon-close-inverted, .aui-message.error .icon-close, .aui-icon-close-inverted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAUklEQVR42sWTQQoAIAgE/f8r+qkl0WlwLyu0IB1WR0qLzLRiDnBU56oICj4A13wCBL4AEEKPgDaxAwMguqFYAQhhsQ8Yu4L/iP4Y/UXyV/n/b9xWqa6H7L0OrwAAAABJRU5ErkJggg==);
}

.aui-icon-dropdown {
  border: 4px solid transparent;
  border-top-color: #333;
  content: "";
  display: inline-block;
  height: 0;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  position: relative;
  vertical-align: baseline;
  width: 0;
}

.aui-icon-wait {
  background-image: url(data:image/gif;base64,R0lGODlhEAAQAPMPALu7u5mZmTMzM93d3REREQAAAHd3d1VVVWZmZqqqqoiIiO7u7kRERCIiIgARAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAPACwAAAAAEAAQAEAEcPDJtyg6dUrFetDTIopMoSyFcxxD1krD8AwCkASDIlPaUDQLR6G1Cy0SgqIkE1IQGMrFAKCcGWSBzwPAnAwarcKQ15MpTMJYd1ZyUDXSDGelBY0qIoBh/ZoYGgELCjoxCRRvIQcGD1kzgSAgAACQDxEAIfkEBQcADwAsAAAAAA8AEAAABF3wyfkMkotOJpscRKJJwtI4Q1MAoxQ0RFBw0xEvhGAVRZZJh4JgMAEQW7TWI4EwGFjKR+CAQECjn8DoN0kwDtvBT8FILAKJgfoo1iAGAPNVY9DGJXNMIHN/HJVqIxEAIfkEBQcADwAsAAAAABAADwAABFrwyfmColgiydpaQiY5x9Ith7hURdIl0wBIhpCAjKIIxaAUPQ0hFQsAC7MJALFSFi4SgC4wyHyuCYNWxH3AuhSEotkNGAALAPqqkigG8MWAjAnM4A8594vPUyIAIfkEBQcADwAsAAAAABAAEAAABF3wySkDvdKsddg+APYIWrcg2DIRQAcU6DJICjIsjBEETLEEBYLqYSDdJoCGiHgZwG4LQCCRECEIBAdoF5hdEIWwgBJqDs7DgcKyRHZl3uUwuhm2AbNNW+LV7yd+FxEAIfkEBQcACAAsAAAAABAADgAABEYQyYmMoVgeWQrP3NYhBCgZBdAFRUkdBIAUguVVo1ZsWFcEGB5GMBkEjiCBL2a5ZAi+m2SAURExwKqPiuCafBkvBSCcmiYRACH5BAUHAA4ALAAAAAAQABAAAARs0MnpAKDYrbSWMp0xZIvBKYrXjNmADOhAKBiQDF5gGcICNAyJTwFYTBaDQ0HAkgwSmAUj0OkMrkZM4HBgKK7YTKDRICAo2clAEIheKc9CISjEVTuEQrJASGcSBQcSUFEUDQUXJBgDBW0Zj34RACH5BAUHAA8ALAAAAAAQABAAAARf8Mn5xqBYgrVC4EEmBcOSfAEjSopJMglmcQlgBYjE5NJgZwjCAbO4YBAJjpIjSiAQh5ayyRAIDKvJIbnIagoFRFdkQDQKC0RBsCIUFAWsT7RwG410R8HiiK0WBwJjFBEAIfkEBQcADgAsAQABAA8ADwAABFrQybEWADXJLUHHAMJxIDAgnrOo2+AOibEMh1LN62gIxphzitRoCDAYNcNN6FBLShao4WzwHDQKvVGhoFAwGgtFgQHENhoB7nCwHRAIC0EyUcC8Zw1ha3NIRgAAIfkEBQcADwAsAAAAABAAEAAABGDwyfnWoljaNYYFV+Zx3hCEGEcuypBtMJBISpClAWLfWODymIFiCJwMDMiZBNAAYFqUAaNQ2E0YBIXGURAMCo1AAsFYBBoIScBJEwgSVcmP0li4FwcHz+FpCCQMPCFINxEAIfkEBQcADgAsAAABABAADwAABFzQyemWXYNqaSXY2vVtw3UNmROM4JQowKKlFOsgRI6ASQ8IhSADFAjAMIMAgSYJtByxyQIhcEoaBcSiwegpDgvAwSBJ0AIHBoCQqIAEi/TCIAABGhLG8MbcKBQgEQAh+QQFBwAPACwAAAEAEAAPAAAEXfDJSd+qeK5RB8fDRRWFspyotAAfQBbfNLCVUSSdKDV89gDAwcFBIBgywMRnkWBgcJUDKSZRIKAPQcGwYByAAYTEEJAAJIGbATEQ+B4ExmK9CDhBd8ThdHw/AmUYEQAh+QQFBwAPACwAAAEADwAPAAAEXvBJQIa8+ILSspdHkXxS9wxF4Q3L2aTBeC0sFjhAtuyLIjAMhYc2GBgaSKGuyNoBDp7czFAgeBIKwC6kWCAMxUSAFjtNCAAFGGF5tCQLAaJnWCTqHoREvQuQJAkyGBEAOw==);
}

.aui-dropdown2 .active .aui-icon-wait, .aui-button-primary .aui-icon-wait {
  background-image: url(data:image/gif;base64,R0lGODlhEAAQAPQAADtzr////0V6s5Sy01KDuMjX6KC72P///7rN4uLq8nmfyGyWwu7z94aozfr7/NTg7a7F3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==);
}

.aui-button-primary[aria-disabled="true"] .aui-icon-wait {
  background-image: url(data:image/gif;base64,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);
}