/* ----- base.css ----- */
@media screen {
/*
** Plone style sheet - Base Elements
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** You should preferrably use ploneCustom.css to add your own CSS classes and to
** customize your portal, as these are the base fundaments of Plone, and will
** change and be refined in newer versions. Keeping your changes in
** ploneCustom.css will make it easier to upgrade.
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/

/*  (do not remove this :) */
/*  (not this either :) */


body {
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    color: Black;
    margin: 0;
    padding: 0;
}

table {
    font-size: 100%;
}

a {
    color: #666633;
    background-color: transparent;
}
img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0 0 0.75em 0;
    line-height: 1.5em;
}

p img {
    border: none;
    margin: 0;
}

hr {
    border: 0;
    height: 1px;
    color: #555522;
    background-color: #555522;
    margin: 0.5em 0 1em 0;
}


h1, h2, h3, h4, h5, h6 {
    color: Black;
    background-color: transparent;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0 0 0.25em 0;
    border-bottom: 1px solid #555522;
}

h1 a,
h2 a,
h4 a,
h5 a,
h6 a {
    color: Black ! important;
    text-decoration: none;
}

h1 {
    font-size: 160%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 125%;
    border-bottom: none;
    font-weight: bold;
    color: #666633 ! important;
}

h3 a {
    color: #666633 ! important;
    text-decoration: none;
}

h4 {
    font-size: 110%;
    border-bottom: none;
    font-weight: bold;
}

h5 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}

h6 {
    font-size: 85%;
    border-bottom: none;
    font-weight: bold;
}

ul {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    list-style-image: url(images/bullet.gif);
    list-style-type: square;
}

ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 2.5em;
    padding: 0;
    list-style-image: none;
}

li {
    margin-bottom: 0.5em;
}

dt {
    font-weight: bold;
}

dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}

fieldset {
    border: 1px solid #555522;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
    line-height: 1.5em;
    width: auto;
}
legend {
    background: #ffffff;
    padding: 0.5em;
    font-size: 90%;
}

form {
    border: none;
    margin: 0;
}

label {
    font-weight: bold;
}

textarea {
    font: 100% Monaco, "Courier New", Courier, monospace;
    border: 1px solid #555522;
    color: Black;
    background: White url(images/input_background.gif) repeat-x;
    width: 100%;
}

input {
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    visibility: visible;
    border: 1px solid #555522;
    color: Black;
    vertical-align: middle;
    background: White url(images/input_background.gif) repeat-x;
}
select {
    border: 1px solid #555522;
    color: Black;
    background-color: White;
    vertical-align: top;
}
abbr, acronym, .explain {
    border-bottom: 1px dotted Black;
    color: Black;
    background-color: transparent;
    cursor: help;
}
q {
    font-family: Baskerville, Georgia, serif;
    font-style: italic;
    font-size: 120%;
}
blockquote {
    padding-left: 0.5em;
    margin-left: 0;
    border-left: 4px solid #555522;
    color: #76797c;
}
code {
    font-family: Monaco, "Courier New", Courier, monospace;
    font-size: 120%;
    color: Black;
    background-color: #a6c2a5;
    padding: 0 0.1em;
}
/** remove for metacat use, BRL 20071206	
pre {
    font-family: Monaco, "Courier New", Courier, monospace;
    font-size: 100%;
    padding: 1em;
    border: 1px solid #555522;
    color: Black;
    background-color: #a6c2a5;
    overflow: auto;
}
*/

ins {
    color: green;
    text-decoration: none;
}

del {
    color: red;
    text-decoration: line-through;
}

/* Helper element to work with CSS floats */

.visualClear {
    display: block;
    clear: both;
}

/* Hiding helper elements for old browsers */

.netscape4 {
    display: none;
}


/*  */

}


/* ----- public.css ----- */
@media screen {
/*
** Plone style sheet - Public-facing Elements
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** You should preferrably use ploneCustom.css to add your own CSS classes and to
** customize your portal, as these are the base fundaments of Plone, and will
** change and be refined in newer versions. Keeping your changes in
** ploneCustom.css will make it easier to upgrade.
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/

/*  (do not remove this :) */
/*  (not this either :) */

.documentContent {
    font-size: 110%;
    padding: 1em 1em 2em 1em !important;
    background: #ffffff;
}


/* Links with differently colored link underlines - only for content */

.documentContent p a {
    text-decoration: none;
    border-bottom: 1px #cccccc solid;
}

.documentContent p a:visited {
    color: #666633;
    background-color: transparent;
}

.documentContent p a:active {
    color: #666633;
    background-color: transparent;
}

.documentContent li a {
    text-decoration: none;
    border-bottom: 1px #cccccc solid;
}

.documentContent li a:visited {
    color: #666633;
    background-color: transparent;
}

.documentContent li a:active {
    color: #666633;
    background-color: transparent;
}

.documentContent dd a {
    text-decoration: none;
    border-bottom: 1px #cccccc solid;
}

.documentContent dd a:visited {
    color: #666633;
    background-color: transparent;
}

.documentContent dd a:active {
    color: #666633;
    background-color: transparent;
}

/* End links */

/* The edit form elements */

.field {
    top: 0;
    left: 0;
    margin: 0 1em 1em 0;
}

.field .field {
    margin: 1em 0 0 0;
}

.fieldRequired {
    background: url(images/required.gif) center left no-repeat;
    padding: 0 0 0 8px;
    color: #ffffff;
}

.formHelp {
    font-size: 90%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}

.formHelp:hover {
    color: Black;
    cursor: default;
}

.formControls {
   margin: 1em 0;
}

.error {
    /* Class for error indication in forms */
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 95% !important;
}

.error .fieldRequired {
   color: #ffce7b;
}

/* End edit form elements */

#visual-portal-wrapper {
    margin: 0;
    padding: 0;
}

/* Logo properties */

#portal-logo {
    background: url(logo.jpg) no-repeat;
    border: 0;
    margin: 0.75em 0em 0.75em 1.5em;
    padding: 0;
}

#portal-logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 256px;
    height: 0px !important;
    height /**/: 256px;
    width: 760px;
    cursor: pointer;
}

/* The skin switcher at the top, only shows up if you have multiple skins available */

#portal-skinswitcher {
}

#portal-skinswitcher a {
    display: block;
    float: left;
}

#portal-top {
    /* Top section */
    margin: 0;
    padding: 0;
    background-color: transparent;
}

/* Site-wide action menu - font size, contact, index, sitemap etc */

.portal-siteactions {
    background-color: transparent;
    white-space: nowrap;
    list-style-image: none;
    list-style-type: none;
    margin: 1px 0 0 0;
    height: auto;
    line-height: normal;
    float: right;
    padding: 3px 2em 3px 0;
}

.portal-siteactions li {
    display: inline;
}

.portal-siteactions li a {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #76797c;
    height: auto;
    padding: 0.2em;
    margin-right: 0.2em;
    text-decoration: none;
    text-transform: lowercase;
}

.portal-siteactions li.selected a {
    background-color: #a6c2a5;
    color: #666633;
    border: 1px solid #555522;
}

.portal-siteactions li a:hover {
    background-color: #a6c2a5;
    color: #666633;
    border: 1px solid #555522;
}

/* Searchbox style and positioning */

#portal-searchbox {
    float: right;
    clear: right;
    background-color: transparent;
    margin: 1.5em 0 0 0;
    padding: 0 2em 0 0;
    text-align: right;
    text-transform: lowercase;
    white-space: nowrap;
    z-index: 2;
}

#portal-advanced-search {
    margin-top: 0.2em;
    clear: both;
}

#portal-advanced-search a {
    color: #76797c;
    text-decoration: none;
    text-transform: lowercase;
}

/* LiveSearch styles */

.LSRes {
    font-family:  "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    visibility: visible;
    color: #666633;
    background-color: #ffffff;
    vertical-align: middle;
    display:block;
    list-style-image: none;
    list-style-type: none;
    text-align: left;
    min-width: 16.5em;
    text-transform: none;
    margin-left: 0;
    line-height: 1.1em;
}

#LSHighlight {
    background-color: #a6c2a5;
    border: 1px solid #555522;
    color: #666633;
}

.LSRow {
    border: 1px solid #ffffff;
    white-space: normal;
    padding:0;
    margin: 0;
    list-style-image: none;
    list-style-type: none;
}

.LSRow a {
    text-decoration: none;
    font-weight:bold;
    white-space:nowrap
}

.LSDescr {
    color: #76797c;
    text-transform: lowercase;
    padding-left:2.1em;
    margin-top:-0.1em;
}

.LSResult {
    position:relative;
    display: block;
    text-align:right;
    padding-top: 5px;
    margin: 0;
    left: 3px;
    z-index: 3;
}

.LSShadow {
    position:relative;
    text-align:right;
}

.livesearchContainer {
    background-color: #ffffff;
    margin-top: 0;
    padding: 0 !important;
    position: absolute;
    right:0px;
    /* Currently exposes a rendering bug in Mozilla */
    top: -17px;
    white-space: normal;
    font-family:  "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    visibility: visible;
    text-align:left;
    color: #666633;
    background-color: transparent;
    border: 1px solid #555522;
    width:300px;
    text-transform: none;
}

/* Workaround for Internet Explorer's broken z-index implementation */
.LSIEFix {
    background-color: #ffffff;
    padding: 0.5em !important;
    z-index: 20;
}

.LSBox {
    clear: left;
    float: left;
    text-align: right;
    padding-right: 1px;
    display:block;
}

#LSNothingFound {
    text-align: center;
    padding: 2px;
}

/* The global section tabs. */

#portal-globalnav {
    background-color: transparent;
    padding: 0em 0em 0em 2em;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
}

#portal-globalnav li {
    display: inline;
}

#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
    border-color: #555522;
    border-width: 1px;
    border-style: solid solid none solid;
    color: #666633;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1.25em;
    text-decoration: none;
    text-transform: lowercase;
}

#portal-globalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #a6c2a5;
    border: 1px solid #555522;
    border-bottom: #a6c2a5 1px solid;
    color: #666633;
}

#portal-globalnav li a:hover {
    background-color: #a6c2a5;
    border-color: #555522;
    border-bottom-color: #a6c2a5;
    color: #666633;
}

#portal-personaltools {
    /* Bar with personalized menu (user preferences, favorites etc) */
    background-color: #a6c2a5;
    border-top-color: #555522;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #555522;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 1.6em;
    color: Black;
    padding: 0em 3em 0em 3em;
    margin: 0;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
}

#portal-personaltools .portalUser {
    background: transparent url(images/user.gif) center left no-repeat;
    padding-left: 15px;
}

#portal-personaltools .portalNotLoggedIn {
    /* Used on all descriptions relevant to those not logged in */
    color: Black;
    padding: 0;
    background: transparent;
    background-image: none;
}

#portal-personaltools li {
    color: #666633;
    margin-left: 1em;
    display: inline;
}

#portal-personaltools li a {
    text-decoration: none;
    color: #666633;
}

#portal-personaltools .visualIconPadding {
    padding-left: 10px;
}

.visualCaseSensitive {
    text-transform: none;
}

#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border-bottom-color: #555522;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 2em;
    padding-right: 2em;
    text-transform: lowercase;
    line-height: 1.6em;
}

#portal-breadcrumbs a {
    text-decoration: none;
}

.breadcrumbSeparator {
    font-size: 120%;
}

.addFavorite {
    vertical-align: bottom;
}


#content-news h1 {
    margin-bottom: 1em;
}

/* Only h5/h6 headlines in the content area should have the discreet color */

#content h5,
#content h6 {
    color: #76797c;
}

.newsItem {
    margin-bottom: 1em;
    border-bottom: 1px solid #555522;
}

.newsImage {
    border: 1px solid black;
}

.newsImageContainer {
    float:right;
    margin: 0 0 0.5em 1em;
    width: 202px;
}

.newsContent {
    padding: 0 1em 1em 1em;
}

.newsContent ul,
.newsContent li {
    display: block;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.newsAbout {
    display: block;
    color: #76797c;
    font-size: 85%;
    padding: 0;
    margin-top: 0;
    list-style: none;
    list-style-image: none;
    float: right;
    text-align: right;
}

.newsAbout li {
    display: inline;
}

.newsFooter {

}

.newsFooter li {
    display: inline;
    margin: 0 1em 0 0;
}

.documentActions {
    float: right;
    margin: 0.4em 0 0 0.5em;
    padding: 0;
    text-align: right;
}

.documentActions ul {
    margin: 1px 0 2px 0;
    padding: 0;
    display: block;
}

.documentActions li {
    display: inline;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.documentActions a {
    border: none !important;
    text-decoration: none;
}

/* .system-message and #error-handling are reST error indicators */

.portalMessage,
.system-message,
#error-handling {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: Black;
    font-size: 85%;
    font-weight: bold;
    margin: 1em 0em;
    padding: 0.5em 1em 0.5em 3em;
    vertical-align: middle;
    background-image: url(images/info_icon.gif);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

.portalMessage a {
    color: Black;
}

.documentDescription {
    /* The summary text describing the document */
    font-weight: bold;
    display: block;
    margin: 0em 0em 0.5em 0em;
    line-height: 1.5em;
}

.documentByLine {
    font-size: 85%;
    font-weight: normal;
    color: #76797c;
    margin: 0em 0em 0.5em 0em;
}

.discussion {
    margin-top: 1em;
}

.even {
    background-color: #eef3f5;
}

.odd {
    background-color: transparent;
}

.visualHighlight {
    background-color: #eef3f5;
}

.discreet {
    color: #76797c;
    font-size: 85%;
    font-weight: normal;
}

/* Batch selector */

.listingBar {
    background-color: #a6c2a5;
    border-color: #555522;
    border-style: solid;
    border-width: 1px;
    padding: 0em 1em;
    text-align: center;
    text-transform: lowercase;
    vertical-align: top;
    margin: 1em 0em;
    font-size: 94%;
    clear: both;
}

.listingBar span.previous,
.listingPrevious {
    text-align: left;
    float: left;
    margin-right: 1em;
}

.listingBar span.next,
.listingNext {
    text-align: right;
    float: right;
    margin-left: 1em;
}

.listingBar img {
    vertical-align: middle;
}

.listingBar a {
    text-decoration: none;
}

.tileItem {
    border-top: 1px solid #555522;
    padding-top: 0.5em;
    margin-top: 0.5em;
}

.tileHeadline {
    border: none;
    font-size: 110%;
    font-weight: bold;
}

.tileHeadline a {
    text-decoration: none;
}

.tileBody {
    margin-bottom: 0.5em;
}

.tileImage {
    float: right;
    margin: 0 0 0.5em 0.5em;
    border: 1px solid black;
}

.eventDetails {
    float: right;
    width: 20em;
    clear: right;
}

/* Useful deviations from regular style on elements */

/* List classes without markers */

ul.visualNoMarker,
ol.visualNoMarker {
    list-style-type: none;
    list-style-image: none;
    margin: 0.5em 0 0 0;
    line-height: 1em;
}

textarea.proportional {
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
}

.productCredits {
    text-align: right;
    font-size: 85%;
    clear: both;
    font-weight: normal;
    color: #76797c;
}

#portal-footer {
    background-color: #a6c2a5;
    border-top: 1px solid #555522;
    border-bottom: 1px solid #555522;
    float: none;
    line-height: 1.2em;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}

#portal-footer p {
    margin: 0.25em 0;
}

#portal-footer a {
    text-decoration: none;
    color: #666633;
    border: none;
}

#portal-footer a:visited {
    color: #666633;
}

#portal-footer a:hover {
    text-decoration: underline;
}

#portal-colophon {
    float: none;
    margin: 0em 0em 2em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}

#portal-colophon ul,
#portal-colophon ul li,
#portal-colophon ul li a {
    list-style-image: none;
    list-style-type: none;
    display: inline;
    text-decoration: none;
    color: Black;
}

#portal-colophon ul {
    display: table-row;
    list-style-type: none;
}

#portal-colophon ul li {
    display: table-cell;
    font-size: 85%;
    margin: 0 0.25em;
    padding: 0.1em 0.2em;
}

#portal-colophon .colophonWrapper {
    display: table;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}

#portal-colophon .colophonIcon {
    display: block; /* This is for Mozilla, as it doesn't support
                       inline-block. The colophon icons aren't in
                       one line though. */
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0 auto;
    padding: 0;
    padding-top: 15px;
    height: 0px !important;
    height /**/: 15px;
    width: 80px;
}

#portal-colophon a.colophonIcon {
    cursor: pointer;
}

.feedButton {
    display: block; 
    float: right; 
    margin-top: 1px;
}

.poweredBy {
    display: block;
    clear: both;
    font-size: 85%;
    font-weight: normal;
    color: #76797c;
    text-align: right;
}

/* Sitemap styles */

#portal-sitemap {
    list-style: none;
    list-style-image: none;
    margin: 0;
    font-size: 90%;
    border: none;
}

#portal-sitemap a {
    border: 1px solid #ffffff;
}

#portal-sitemap a:hover {
    border: 1px solid #555522;
}

#portal-sitemap .navTreeLevel1 {
    padding-left: 1em;
    border-left: 0.5em solid #555522;
    margin: 0 0 0 0.5em;
}

#portal-sitemap .navTreeLevel2 {
    padding-left: 1em;
    border-left: 0.5em solid #a6c2a5;
    margin: 0 0 0 0.6em;
}

/* Accessibility and visual enhancement elements */

.hiddenStructure {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}

.contentViews .hiddenStructure,
.contentActions .hiddenStructure {
    position: absolute;
    top: -200px;
    left: -200px;
}

.hiddenLabel {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}

/* Link types */

.link-plain {
    background-image: none;
    padding: 0;
}

.link-parent {
    display: block;
    /*background: transparent url(http://www.saeon.ac.za/arrowUp.gif) 4px 5px no-repeat;*/
    padding: 1px 0px 10px 16px;
    font-size: 85%;
    text-decoration: none;
}

.link-user {
    background: transparent url(images/user.gif) 0 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-external {
    /*background: transparent url(http://www.saeon.ac.za/link_icon.gif) 0px 1px no-repeat;*/
    padding: 1px 0px 1px 16px;
}

.link-https {
    /*background: transparent url(http://www.saeon.ac.za/lock_icon.gif) 0px 1px no-repeat;*/
    padding: 1px 0px 1px 16px;
}

.link-mailto {
    /*background: transparent url(http://www.saeon.ac.za/mail_icon.gif) 0px 1px no-repeat;*/
    padding: 1px 0px 1px 16px;
}

.link-news {
    /*background: transparent url(http://www.saeon.ac.za/topic_icon.gif) 0px 1px no-repeat;*/
    padding: 1px 0px 1px 16px;
}

.link-ftp {
    /*background: transparent url(http://www.saeon.ac.za/file_icon.gif) 0px 1px no-repeat;*/
    padding: 1px 0px 1px 16px;
}

.link-irc {
    /*background: transparent url(http://www.saeon.ac.za/discussionitem_icon.gif) 0px 1px no-repeat;*/
    padding: 1px 0px 1px 16px;
}

.link-callto {
    /*background: transparent url(http://www.saeon.ac.za/phone_icon.gif) 0px 1px no-repeat;*/
    padding: 1px 0px 1px 16px;
}

.link-webcal {
    /*background: transparent url(http://www.saeon.ac.za/event_icon.gif) 0px 1px no-repeat;*/
    padding: 1px 0px 1px 16px;
}

.link-feed {
    /*background: transparent url(http://www.saeon.ac.za/rss.gif) 0px 1px no-repeat;*/
    padding: 1px 0px 1px 18px;
}

.link-comment {
    /*background: transparent url(http://www.saeon.ac.za/discussionitem_icon.gif) center left no-repeat;*/
    padding: 1px 0px 1px 16px !important; /* value:  */
}

.link-anchor {
    color: #76797c;
    text-decoration: none;
    font-weight: normal;
}

/* For ghosted elements */
.visualGhosted {
    opacity: 0.2;
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
}

/* Fullscreen */

body.fullscreen #portal-logo,
body.fullscreen #portal-siteactions {
    display: none;
}

body.fullscreen #portal-globalnav {
    margin-top: 4em;
}

body.fullscreen #portal-searchbox {
    margin: 0.5em 2em 0 0.5em;
    padding: 0;
    position: relative;
}

/* Kupu image alignment classes */

.image-left {
   float: left;
   clear: both;
   margin: 0.5em 1em 0.5em 0;
   border: 1px solid Black;
}

.image-inline {
   float: none;
}

.image-right {
   float: right;
   clear: both;
   margin: 0.5em;
   border: 1px solid Black;
}

.vm_small {
    font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    color: Black;
}

/*  */
}


/* ----- columns.css ----- */
@media screen {
/*
** Table-based column layout for all browsers.
**
** There's a table-less column layout alternative in the plone_tableless
** skin layer, if you prefer layouts without tables.
*/

/*  */

#portal-columns {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
}

#portal-column-one {
    vertical-align: top;
    width: 16em;
}

#portal-column-content {
    vertical-align: top;
    margin: 0;
    padding: 0;
}

#portal-column-two {
    vertical-align: top;
    width: 16em;
}

/* Padding for the columns */

#portal-column-one .visualPadding {
    padding: 2em 0em 1em 2em;
}

#portal-column-two .visualPadding {
    padding: 2em 2em 1em 0em;
}

/* fullscreen */

body.fullscreen #portal-column-one,
body.fullscreen #portal-column-two {
    display: none;
}

body.fullscreen #portal-column-content { 
    width: 100%; 
    margin: 0; 
    padding: 0; 
}

/*  */

}


/* ----- authoring.css ----- */
@media screen {
/*
** Plone style sheet - Authoring Elements
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** You should preferrably use ploneCustom.css to add your own CSS classes and to
** customize your portal, as these are the base fundaments of Plone, and will
** change and be refined in newer versions. Keeping your changes in
** ploneCustom.css will make it easier to upgrade.
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/

/*  (do not remove this :) */
/*  (not this either :) */

.standalone,
.documentEditable * .standalone {
    /*background: #a6c2a5 url(http://www.saeon.ac.za/linkOpaque.gif) 9px 1px no-repeat;*/
    cursor: pointer;
    font-size: 85%;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}
.context,
.documentEditable * .context {
    /*background: transparent url(http://www.saeon.ac.za/linkTransparent.gif) 9px 1px no-repeat;*/
    cursor: pointer;
    font-size: 85%;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}
.destructive,
.documentEditable * .destructive {
    /*background: #ffce7b url(http://www.saeon.ac.za/linkTransparent.gif) 9px 1px no-repeat;*/
    border: 1px solid #ffa500;
    cursor: pointer;
    font-size: 85%;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}
input.searchButton {
    margin-bottom: 1px ! important;
    font-size: 85%;
    background: #ffffff url(images/search_icon.gif) 2px 1px no-repeat;
    cursor: pointer;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;

}
.noborder,
.documentEditable * .noborder {
    border: none;
    margin: 0;
    background-color: transparent;
}
.add,
.documentEditable * .add {
}
.quickSearch {
}
.notify,
.documentEditable * .notify {
    border: 1px solid #ffa500;
}

.card {
    background-color: #a6c2a5;
    border-color: #555522;
    border-width: 1px;
    border-style: solid;
    float: left;
    margin: 1em;
    text-align: center;
    width: 110px;
    padding: 1em 0;
}

.card a {
    text-decoration: none;
}

.portrait {
    background-color: #a6c2a5;
    border-color: #555522;
    border-width: 1px;
    border-style: solid;
    font-size: 85%;
    margin: 0.5em;
    padding: 1em 0 0.5em 0;
    text-align: center;
    width: 100px;
}

.portraitPhoto {
    border: 1px solid black;
}

.listing,
.stx table {
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
    border-collapse: collapse;
    border-left: 1px solid #555522;
    border-bottom: 1px solid #555522;
    font-size: 85%;
    margin: 1em 0em 1em 0em;
}
.listing th,
.stx table th {
    background: #a6c2a5;
    border-top: 1px solid #555522;
    border-bottom: 1px solid #555522;
    border-right: 1px solid #555522;
    font-weight: normal;
    padding: 0.25em 1em;
    text-transform: lowercase;
}
.listing .top {
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff ! important;
    border-right: 1px solid #ffffff ! important;
    text-align: right ! important;
    padding: 0em 0em 1em 0em;
}
.listing .listingCheckbox {
    text-align: center;
}
.listing td,
.stx table td {
    border-right: 1px solid #555522;
    padding: 0.25em 1em;
}

.listing a {
    text-decoration: none;
}

.listing a:hover {
    text-decoration: underline;
}
.listing img {
    vertical-align: middle;
}

/* Vertical addition class */

.vertical {
    background-color: #ffffff;	
}
.vertical th {
    padding: 0.5em;
}

.vertical td {
    border-top: 1px solid #555522;
    padding: 0.5em;
}



ul.configlets {
    margin: 1em 0;
    list-style-image: none;
    list-style: none;
}

ul.configlets li {
    margin-bottom: 1em;
}

ul.configlets li a {
    text-decoration: none;
    border: none;
}

ul.configlets li a:visited {
    color: #666633;
    background-color: transparent;
}

ul.configlets li a:active {
    color: #666633;
    background-color: transparent;
}

ul.configlets li label {
    font-weight: bold;
}

ul.configletDetails {
    margin: 0em 1em 1em 4em;
    list-style-image: none;
    list-style: none;
}

ul.configletDetails li {
    margin-bottom: 1em;
    display: inline;
}

ul.configletDetails li a {
	text-decoration: none;
}

ul.configletDetails li label {
    font-weight: bold;
}

/* List classes without markers */

ul.visualNoMarker,
ol.visualNoMarker {
    list-style-type: none;
    list-style-image: none;
    margin: 0.5em 0 0 0;
}



/* Additional STX workaround classes */
.stx table p /* stupid STX table workaround */
{
    margin: 0;
    padding: 0;
}
.stx table  /* stupid STX table workaround */
{
    border: 1px solid #555522 ! important;
}
.stx table td {
    border-bottom: 1px solid #555522;
}

.reviewHistory {
    display: inline;
    font-size: 110% !important; 
    color: Black;
}

.comment {
    background: #eef3f5; 
    border: 1px solid #555522; 
    padding: 0.25em 1em 0.5em 1em;
    margin-bottom: 1em;
}

.comment h1,
.comment h2,
.comment h3,
.comment h4, 
.comment h5,
.comment h6 {
    border-bottom: 1px solid #76797c;
    font-weight: normal;
}

.commentBody {
    margin: 0 1em 1em 1em;
}

.spacer {
    margin: 1em;
}

.contentViews {
    background-color: transparent;
    padding-left: 1em;
    line-height: normal;
    margin: 0;
    list-style: none;
    border: 1px solid #74ae0b;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}
.contentViews li {
    display: inline;
    padding-top: 0.5em;
}
.contentViews li a {
    background-color: transparent;
    border: 1px solid #74ae0b;
    border-style: solid;
    color: #578308;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1em;
    line-height: normal;
    text-decoration: none;
    text-transform: lowercase;
    z-index: 1;
}
.contentViews .selected a {
    background-color: #cde2a7;
    border-bottom: #cde2a7 1px solid;
    color: #578308;
}
.contentViews li a:hover {
    background-color: #cde2a7;
    color: #578308;
}


.configlet .contentViews {
    font-size: 90%;
}

/*
** begin ECMAScript Content Action Menus
*/

.contentActions {
    background-color: #cde2a7;
    border-left: 1px solid #74ae0b;
    border-right: 1px solid #74ae0b;
    color: #578308;
    text-align: right;
    text-transform: lowercase;
    padding: 0 0 0 1em;
    z-index: 2;
    height: 1.6em;
}

.contentActions ul,
.contentActions li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    display: inline;
    color: Black;
    text-align: left;
}

.contentActions ul {
    line-height: 1.6em;
    padding: 0;
    margin: 0;
}
.contentActions li {
    float: right;
    z-index: 4;
    border-left: 1px solid #74ae0b;
    line-height: 1.6em;
}

.actionItems li {
    background-image: none;
}

.contentActions a {
    text-decoration: none;
    color: #578308;
    padding: 0 0.5em;
}

.actionMenu {
    /*  The spec says we can't put this on an element with a float (although
        Opera is the only one that cares) and we need it in order to catch
        the position:absolute bubbling up */

    position: relative;
    margin: 0;
    padding: 0;
}

.actionMenu .actionMenuHeader {
    margin: 0;
    padding: 0;
    font-weight: normal;
    cursor: pointer;
}

.actionMenu.activated .actionMenuHeader {
    position: relative;
    z-index: 10;
}

.actionMenu .actionMenuHeader a {
    display: block;
}

.actionMenu.activated .actionMenuHeader a,
.actionMenu.deactivated .actionMenuHeader a {
    /*/*background-image: url(http://www.saeon.ac.za/arrowDownAlternative.gif);*/
    background-repeat: no-repeat;
    background-position: 95% 60%;
    padding: 0 1.6em 0 0.5em !important;
    cursor: pointer;
}

.actionMenuDisabled {
    padding: 0 0.5em 0 0.5em !important;
    cursor: pointer;
}

.actionMenu .actionMenuContent {
    display: none;
    z-index: 5;
    position: absolute;
    top: 1.6em;
    right: -1px;
    height: auto;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.actionMenu .actionMenuContent ul {
    display: block;
    background: #cde2a7;
    border: 1px #74ae0b;
    border-style: none solid solid solid;
    margin: -2px 0 0 0;
    padding: 0;
    cursor: pointer;
}

.actionMenu.activated .actionMenuContent {
    display: block !important;
}
.actionMenu.activated .actionMenuContent {
    /* this one will be ignored by IE, it is here to fix the cut-off error in
       Firefox */
    display: table !important;
    border-collapse: collapse;
    border-spacing: 0;
}

.actionMenu.deactivated .actionMenuContent {
    display: none !important;
}

.actionMenu .actionMenuContent li {
    float: none;
    background-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
}

.actionMenu .actionMenuContent li a {
    display: block;
    white-space: nowrap;
    padding: 0 0.5em;
    margin: 0.2em 0;
}

.actionMenu .actionMenuContent .selected {
    display: block;
    white-space: nowrap;
    padding: 0 0.5em;
    margin: 0.2em 0;
}

.actionMenu .actionMenuContent li a:hover {
    background-color: #74ae0b;
    color: White;
}

.actionMenu .actionMenuContent .actionSeparator a {
    margin-top: 0.2em;
    padding-top: 0.2em;
    border-top: 1px solid #74ae0b;
}

.actionMenu .actionMenuContent .actionSeparator div.currentDefaultPage {
    margin-top: 0.2em;
    padding: 0.2em 0.5em 0em 0.5em;
    white-space: nowrap;
    border-top: 1px solid #74ae0b;
}

.actionMenu .actionMenuContent .actionSeparator div.actionLabel {
    margin-top: 0.2em;
    padding: 0.2em 0.5em 0em 0.5em;
    white-space: nowrap;
    border-top: 1px solid #74ae0b;
    background-color: #74ae0b;
    color: #cde2a7;
    cursor: default;
}


.contentBatchAction {
    float: left !important;
    padding: 0 0.5em;
    border-top: 1px solid #74ae0b;
    border-right: 1px solid #74ae0b;
    border-left: none !important;
    border-collapse: collapse;
    position: relative;
    top: -1px;
    margin-left: -0.5em !important;
}

#objectMenu.actionMenu .actionMenuContent li {
    display: block;
}

#objectMenu.actionMenu .actionMenuContent li,
#objectMenu.actionMenu .actionMenuContent li a:hover {
    background-position: 3px 50%;
    margin-left: 0;
}

#objectMenu.actionMenu .actionMenuContent li a {
    padding-left: 22px;
}

.actionMenuSelected {
    display: block;
    cursor: default;
    background-image: url(images/bullet_icon.gif);
    background-repeat: no-repeat;
    background-position: 0% 3px;
    padding-left: 16px !important;
}

#templateMenu li a {
    padding-left: 16px;
}


/*
** end ECMAScript Content Action Menus
*/


/* Collapsible elements */

dl.collapsible {
    border: 1px solid #555522 !important;
    margin: 1em 0 0 0;
    padding: 0;
}

dl.collapsible dt.collapsibleHeader {
    display: block;
    float: left;
    background: #ffffff;
    line-height: 1.2em;
    vertical-align: middle;
    font-size: 90%;
    position: relative;
    top: -0.6em;
    width: auto;
    margin: 0 0 -0.6em 1em;
    padding: 0 0.5em;
}

dl.collapsible dd.collapsibleContent {
    margin: 0;
    padding: 0 1em;
    clear: left;
}

/* for IE the following isn't needed, that's why the css2 selector is used */
dl.collapsible dd.collapsibleContent > dl {
    margin: 0;
    padding: 0;
}

dl.expandedInlineCollapsible dt.collapsibleHeader,
dl.expandedBlockCollapsible dt.collapsibleHeader {
    padding: 0 6px 0 22px;
    background: #ffffff url(treeExpanded.gif) no-repeat 6px 50%;
    cursor: pointer;
}

dl.collapsedBlockCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
}

dl.collapsedBlockCollapsible dt.collapsibleHeader {
    float: none;
    position: static;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: 1em;
    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
    cursor: pointer;
}

dl.collapsedInlineCollapsible dd.collapsibleContent,
dl.collapsedBlockCollapsible dd.collapsibleContent {
    display: none;
}

dl.collapsedInlineCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
    display: inline;
}

dl.collapsedInlineCollapsible dt.collapsibleHeader {
    position: static;
    float: none;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: 1em;
    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
    cursor: pointer;
    display: inline;
}

.documentEditable {
    padding: 0em 2em 1em 2em !important;
}

.configlet .documentEditable {
    padding: 0em !important;
}

.documentEditable .documentContent {
    border: 1px solid #74ae0b;
    padding: 0;
}

.label {
    font-weight: bold;
    display: inline;
    padding-right: 0.5em;
}

.optionsToggle {
    border: 1px solid #555522;
    color: Black;
    background-color: #a6c2a5;
    font-weight: normal !important;
    font-size: 85%;
}

.portalNotLoggedIn {} /* Used on all descriptions relevant to those not logged in */

#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
    border-color: #ffa500;
    border-width: 1px;
}

.visualOverflow {
    overflow: auto;
    margin: 0 0 1em 0;
}

.visualOverflow pre,
.visualOverflow table,
.visualOverflow img {
    margin: 0;
}

.visualFontSizeCorrection { /* Correction for WYSIWYG editors */
    font-size: 75%;
    background: transparent;
    background-image: none;
}


/* for highlighting of search terms */

.highlightedSearchTerm {
   background-color: #feff82;
}

/* for greying out inherited roles */

.noInheritedRoles {
    color: #a0a0a0;
}

/* for highlighting current items, like the language or today in the calendar */

.currentItem {
    border-collapse: collapse;
    border: 2px solid #ffa500;
    padding: 1px;
}

/* Styles to make the editing widgets look more like their view counterparts */

#archetypes-fieldname-title input {
    font-size: 160%;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight: normal;
    width: 99%;
}

#archetypes-fieldname-description textarea {
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight: bold;
}


/*  */
}


/* ----- portlets.css ----- */
@media screen {
/*
** Plone style sheet - Portlets
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** You should preferrably use ploneCustom.css to add your own CSS classes and to
** customize your portal, as these are the base fundaments of Plone, and will
** change and be refined in newer versions. Keeping your changes in
** ploneCustom.css will make it easier to upgrade.
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/

/*  (do not remove this :) */
/*  (not this either :) */

/* The new portlet CSS - these will be switched to non-qualified classes
   (ie. .portlet, not dl.portlet) once the old portlet layout is removed in
   Plone 2.5. ~limi */

/* Main portlet elements */

dl.portlet {
    margin: 1px 0 1em 0;
    border-bottom: 1px solid #555522;
}

dl.portlet a {
    text-decoration: none;
}

/* XXX: The two below rules should really be in the rule above, but that makes the items grow/shrink on :hover (navtree) - need to investigate how to make it not do that. ~limi, Dec 2005 */
dd.portletItem a,
dd.portletFooter a {
    border-bottom: none;
}
dd.portletItem a:visited,
dd.portletFooter a:visited {
    color: #666633;
}

.portletHeader {
    background-color: #a6c2a5;
    border: 1px solid #555522;
    padding: 0em 1em;
    text-transform: lowercase;
    font-weight: normal;
    line-height: 1.6em;
}

.portletHeader a {
    color: Black;
}

.portletItem {
    margin: 0;
    padding: 1em;
    border-left: 1px solid #555522;
    border-right: 1px solid #555522;
}

.portletItem a {
    display: block;
}

.portletItemDetails {
    text-align: right;
    display: block;
    color: Black;
}

dd.portletFooter {
    background-color: #eef3f5;
    margin: 0;
    padding: 0.25em 1em;
    border: 1px solid #555522;
    border-style: dotted solid none solid;
    text-align: right;
}


/* Elements that enable layout with rounded corners */

.portletTopLeft {}
.portletTopRight {}
.portletBottomLeft {}
.portletBottomRight {}



/* New navtree styles */

.portletNavigationTree {
    margin: 0 0 0 0.75em; 
    padding: 0; 
    list-style: none; 
    list-style-image: none; 
    line-height: 1em;
}



.navTree {
    list-style: none; 
    list-style-image: none; 
    margin-top: 1px;
}

.navTree li {
    margin-bottom: 1px;
}

.navTreeItem {
    display: block;
    padding: 0;
    margin: 0;
}

.navTreeItem a,
dd.portletItem .navTreeItem a {
    border: 1px solid #ffffff;
    display: block;
    text-decoration: none;
    padding-top: 0.2em;
    padding-bottom: 0.25em;
}

.navTreeItem a:hover,
dd.portletItem .navTreeItem a:hover {
    background-color: #a6c2a5;
    color: #666633;
    border: 1px solid #555522;
}

.navTreeCurrentItem {
    background-color: #a6c2a5;
    color: #666633;
    border: 1px solid #555522 !important;
}

li.navTreeCurrentItem {
    display: block;
    padding: 0 0 0 1px;
    margin: 0 0 2px -1px;
}

li.navTreeCurrentItem a,
li.navTreeCurrentItem a:hover {
    display: block;
    border: 1px solid #a6c2a5;
    min-height: 1.6em;
    line-height: 1.6em;
    height: auto;
}

/* Another workaround for broken Internet Explorer */

* html li.navTreeCurrentItem a,
* html li.navTreeCurrentItem a:hover {
    height: 1.6em;
}


.navTreeLevel0 { margin: 0; }
.navTreeLevel1 { margin-left: 1em;}
.navTreeLevel2 { margin-left: 0.75em; }
.navTreeLevel3 { margin-left: 0.75em; }
.navTreeLevel4 { margin-left: 0.75em; }
.navTreeLevel5 { margin-left: 0.75em; }


/*
** Calendar elements - used in the calendar rendering
*/

.dayPopup {
    background-color: #ffffe1;
    border: 1px solid Black;
    padding: 0.2em;
    position: absolute;
    visibility: hidden;
    width: 12em;
    z-index: 2;
}
.date {
    font-weight: bold;
}

.ploneCalendar {
    border: 1px solid #555522;
    margin: 1px 0 1em 0;
    border-collapse: collapse;
    width: 100%;
}
.ploneCalendar a {
    text-decoration: none;
}
.ploneCalendar a:hover {
    text-decoration: none;
}
.ploneCalendar th {
    background-color: #a6c2a5;
    font-weight: normal;
    text-align: center;
    line-height: 1.6em;
}
.ploneCalendar td {
    background-color: transparent;
    width: 1.5em;
    text-align: right;
    padding: 2px;
}
.ploneCalendar .weekdays td {
    background-color: #a6c2a5;
    border: 1px solid #555522;
    border-style: solid none;
    text-align: center;
    padding: 2px;
}
.ploneCalendar .event {
    background-color: #a6c2a5;
    font-weight: bold;
}
.ploneCalendar .todayevent {
    background-color: #a6c2a5;
    border: 2px solid #ffa500;
    font-weight: bold;
}
.ploneCalendar .todaynoevent {
    border-collapse: collapse;
    border: 2px solid #ffa500;
}
.ploneCalendar #calendar-previous {
    /*background-image: url(http://www.saeon.ac.za/arrowLeft.gif);*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.ploneCalendar #calendar-next {
    /*background-image: url(http://www.saeon.ac.za/arrowRight.gif);*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.ploneCalendar #calendar-previous a,
.ploneCalendar #calendar-next a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 9px;
    height: 0px !important;
    height /**/: 9px;
    cursor: pointer;
}
.ploneCalendar #calendar-next a {
    padding-top: 9px;
    height: 0px !important;
    height /**/: 9px;
}


/*  */
}


/* ----- presentation.css ----- */
@media projection {
/*
** Plone Presentation style sheet for CSS2-capable browsers.
** Copyright Plone Foundation, et al.
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** You should preferrably use ploneCustom.css to add your own CSS classes and to
** customize your portal, as these are the base fundaments of Plone, and will 
** change and be refined in newer versions. Keeping your changes in
** ploneCustom.css will make it easier to upgrade. 
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/

/*  (do not remove this :) */
/*  (not this either :) */

body {
    background: White url(logo.jpg) no-repeat fixed 95% 95%;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size: 50px !important;
    color: Black;
    margin: 0;
    padding: 0;
    min-width: 0px !important;
}

#visual-portal-wrapper {
    width: 100% !important;
    min-width: 0 !important;
}

#portal-column-content {
    margin: 0 !important;
}

#portal-column-content #content {
    padding: 1em;
    margin: 0 !important;
}

h1, h2 {
    font-size: 50px !important;
    background-color: #a6c2a5;
    border-color: #555522;
    border-style: solid;
    border-width: 1px;
    padding-top: 0em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin: 1em 0 0 0;
    page-break-before: always;
    font-weight: normal;
}

h1.documentFirstHeading { 
    /* Trick to avoid getting an initial blank page */
    page-break-before: avoid; 
} 

dl, ol, ul {
    font-size: 40px !important;
    text-align: left;
    margin-top: 0.5em;
}

dt {
    background-color: #a6c2a5;
    border-color: #555522;
    border-style: solid;
    border-width: 1px;
    display: inline;
    padding-right: 0.5em;
}

dd {
    margin-bottom: 0.25em;
}

li {
    margin: 0 0 0.5em 0;
}

p {
    /* This hides evertything that is a normal paragraph, so you can write 
    presentations with additional notes that only show up in print/web.
    If you want normal paragraphs to show up, remove this selector. */
    display: none;
}

.documentDescription {
    font-size: 40px !important;
    font-weight: normal;
    margin-top: 4em;
    text-align: center !important;
}

ul { 
    list-style-image: url(images/bulletBig.gif); 
}

pre { 
    font-size: 25px;
    padding: 0.5em;
    font-weight: bold;
    background-color: #a6c2a5;
    border: 1px solid #555522;
}

code {
    background-color: #a6c2a5;
    border-color: #555522;
    border-style: solid;
    border-width: 1px;
    padding: 0.1em 0.25em;
}

a {
    color: #666633 !important;
}

div.top,
#portal-logo,
.hiddenStructure,
#portal-searchbox,
#portal-siteactions,
#portal-globalnav,
#portal-personaltools,
#portal-breadcrumbs,
#portal-column-one,
#portal-column-two,
.contentViews,
.contentActions,
.help,
.legend,
div.portalMessage,
div.documentActions,
.documentByLine,
.netscape4,
#portal-footer,
#portal-colophon,
input,
.skipnav {
    /* Hides all the elements irrelevant for presentations */
    display: none;
}

div#portal-columns div#visual-column-wrapper,
div#portal-columns div#visual-column-wrapper div#portal-column-content {
    width: 100%;
}

div#portal-columns div#visual-column-wrapper div#portal-column-content {
    padding: 0;
    margin: 0;
}

div#portal-columns div#visual-column-wrapper div#portal-column-content * {
    text-align: left;
}

#content,
.group {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

#content {
    margin: 0 1em;
}

table.listing,
table.listing td {
    border: 1pt solid black;
    border-collapse: collapse;
}

a, a:link, a:visited {
    color: #520;
    background: transparent;
}

/*  */

}


/* ----- print.css ----- */
@media print {
/*
** Plone Print style sheet for CSS2-capable browsers.
** Copyright Plone Foundation, et al
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** You should preferrably use ploneCustom.css to add your own CSS classes and to
** customize your portal, as these are the base fundaments of Plone, and will 
** change and be refined in newer versions. Keeping your changes in
** ploneCustom.css will make it easier to upgrade. 
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/

div.top,
#portal-logo,
#portal-siteactions,
.hiddenStructure,
#portal-searchbox,
#portal-globalnav,
#portal-personaltools,
#portal-breadcrumbs,
#portal-column-one,
#portal-column-two,
.contentViews,
.contentActions,
.help,
.legend,
div.portalMessage,
div.documentActions,
.documentByLine,
.netscape4,
#portal-footer,
#portal-colophon,
input,
.skipnav,
.visualNoPrint {
    /* Hides all the elements irrelevant for presentations */
    display: none;
}

body {
    font-family: Baskerville, Georgia, Garamond, Times, serif;
    font-size: 11pt !important;
}

h1, h2, h3, h4, h5, h6
{
    border: none;
    font-family: Baskerville, Georgia, Garamond, Times, serif;
}

div, p, ul, dl, ol {
    width: auto !important;
}

ul, ol, dl {
    padding-right: 0.5em;	
}

ul { 
    list-style-type: square;
}


.documentDescription {
    font-weight: bold;
}

pre {
    border: 1pt dotted black;
    white-space: pre;
    font-size: 8pt;
    overflow: auto;
    padding: 1em 0;
}

table.listing,
table.listing td {
    border: 1pt solid black;
    border-collapse: collapse;
}

a {
    color: Black !important;
    padding: 0 !important;
    text-decoration: none !important;
}

a:link, a:visited {
    color: #520;
    background: transparent;
}

/* Uncomment this to get link addresses inserted along with the link text
   when you print.

#content a:link:after, 
#content a:visited:after {
   content: " [" attr(href) "] ";
}
*/
}


/* ----- mobile.css ----- */
@media handheld {
/*
** Plone style sheet for mobile/handheld browsers. Mainly tested on Opera
** for mobile devices, feedback/donations to help support other platforms
** are welcome.
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/

/*  (do not remove this :) */
/*  (not this either :) */

body {
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    color: Black;
    margin: 0;
    padding: 0;
}

table {
    font-size: 100%;
}


a {
    color: #666633;
    background-color: transparent;
}
img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0.5em 0em 1em 0em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    border-bottom: 1px solid #555522;
}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: Black ! important; 
}

h1 {
    font-size: 160%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 140%;
    border-bottom: none;
    font-weight: bold;
}

h4 {
    font-size: 120%;
    border-bottom: none;
    font-weight: bold;
}

h5 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}

h6 {
    font-size: 85%;
    border-bottom: none;
    font-weight: bold;
}

label {
    font-weight: bold;
}

/* searchbox style and positioning */
#portal-searchbox {
    font-size: 10px;
}


#portal-globalnav {
    /* Navigational Plone Tabs(tm), implemented by customizing the a and li tags */
    background-color: transparent;
    border-collapse: collapse;
    padding: 0;
    padding-left: 0.2em;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
}
#portal-globalnav li {
    display: inline;
}
#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
    border-color: #555522;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #666633;
    height: auto;
    margin-right: 0.1em;
    padding: 0em 0.2em;
    text-decoration: none;
    text-transform: lowercase;
}
#portal-globalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #a6c2a5;
    border: 1px solid #555522;
    border-bottom: #a6c2a5 1px solid;
    color: #666633;
}

#portal-personaltools {
    /* Bar with personalized menu (user preferences, favorites etc) */
    background-color: #a6c2a5;
    border-top-color: #555522;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #555522;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: Black;
    margin: 0;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
}

#portal-personaltools li {
    margin-left: 0.2em;
    display: inline;
}
#portal-personaltools li a {
    text-decoration: none;
    color: #666633;
}
.visualCaseSensitive {
    text-transform: none;
}
#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border-bottom-color: #555522;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 0.2em;
    padding-right: 0.2em;
    text-transform: lowercase;
}

.contentViews {
    background-color: transparent;
    border-collapse: collapse;
    padding-left: 0.1em;
    line-height: normal;
    margin: 0.2em 0 0 0;
    /* white-space: nowrap; */
    list-style: none;
    border: 1px solid #74ae0b;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}
.contentViews li {
    display: inline;
}
.contentViews li a {
    background-color: transparent;
    border: 1px solid #74ae0b;
    border-style: solid;
    color: #578308;
    height: auto;
    margin-right: 0.2em;
    padding: 0;
    line-height: normal;
    text-decoration: none;
    text-transform: lowercase;
    z-index: 1;
}
.contentViews .selected a {
    background-color: #cde2a7;
    border-bottom: #cde2a7 1px solid;
    color: #578308;
}

/*
** begin ECMAScript Content Action Menus
*/

.contentActions {
    border-collapse: collapse;
    background-color: #cde2a7;
    border-left: 1px solid #74ae0b;
    border-right: 1px solid #74ae0b;
    color: #578308;
    text-align: right;
    text-transform: lowercase;
    padding: 0 0 0 0.2em;
    z-index: 2;
    height: 1.2em;
}

.contentActions ul,
.contentActions li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    display: inline;
    color: Black;
    text-align: left;
}

.contentActions ul {
    padding: 0;
    margin: 0;
}
.contentActions li {
    float: right;
    /*background-image: url(http://www.saeon.ac.za/arrowDownAlternative.gif);*/
    background-repeat: no-repeat;
    background-position: center right;
    z-index: 4;
    border-left: 1px solid #74ae0b;
    padding: 0 0 0 0.2em;
    margin: 0 0.2em 0 0;
}

.actionItems li {
    background-image: none;
}

.contentActions a {
    text-decoration: none;
    color: #578308;
    padding: 0 0.6em 0 0;
}

.contentActions .actionMenu .actionMenuContent {
    display: none;
    z-index: 5;
    position: absolute;
    top: 0;
    right: -1px;
    height: auto;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.contentActions .actionMenu .actionMenuContent ul {
    display: block;
    background: #cde2a7;
    border: 1px #74ae0b;
    border-style: none solid solid solid;
    margin: 0.2em 0 0 0;
    padding: 0;
    cursor: pointer;
}

.actionMenu .actionMenuContent li {
    font-size: 10px !important;
    float: none;
    background: transparent;
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
}

.actionMenu .actionMenuContent li a {
    display: block;
    white-space: nowrap;
    padding: 0 0.2em;
    margin: 0.2em 0;
}

.actionMenu .actionMenuContent .actionSeparator a {
    margin-top: 0.2em;
    padding-top: 0.2em;
    border-top: 1px solid #74ae0b;
}

/*
** end ECMAScript Content Action Menus
*/

.documentEditable .documentContent {
    border: 1px solid #74ae0b;
    padding: 0.5em;
}

/* .system-message and #error-handling are reST error indicators */
.portalMessage,
.system-message,
#error-handling {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: Black;
    font-size: 85%;
    font-weight: bold;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle;
}
.portalMessage a {
    color: Black;
}
.documentDescription {
    /* The summary text describing the document */
    font-weight: bold;
    display: block;
    margin: 0.5em 0em;
}
.documentByLine {
    text-align: right;
    font-size: 85%;
    clear: both;
    font-weight: normal;
    color: #76797c;
}

#portal-footer {
    background-color: #a6c2a5;
    border-top: 1px solid #555522;
    border-bottom: 1px solid #555522;
    float: none;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}

.hiddenStructure,
#portal-logo,
#portal-searchbox,
#portal-siteactions,
#portal-column-one,
#portal-column-two,
.addFavorite,
.documentActions,
#portal-colophon,
.netscape4
 {
    display: none;
}


/*  */

}


/* ----- deprecated.css ----- */
@media screen {
/* Deprecated CSS elements - do not depend on these, they will disappear in
   the next version of Plone. They are here for backwards compatibility only. */

/*  (do not remove this :) */
/*  (not this either :) */

/* Classes that were introduced erroneously in Plone 2.1. Will disappear in 2.5. */

.portletItemSingle {
    margin: 0;
    padding: 1em;
    border: 1px solid #555522;
    border-top: none;
}

dd.portletItemLast {
    margin: 0;
    padding: 0.25em 1em;
    border: 1px solid #555522;
    border-style: none solid;
}

/* Old div-based portlet syntax - this is deprecated and will be removed in plone 2.5, please use the new
   definition list-based portlets above in your products. */

div.portlet {
    border: none;
    margin-bottom: 1em;
    padding: 0;
}

div.portlet a {
    text-decoration: none;
}

/* Compensation when rendering portlets in the content area */
#region-content .portlet {
    font-size: 94%;
}

div.portlet h4 { /* The new base portlet header, h5 and h6 will be for use inside
                 the portlet in the upcoming versions. */
    background-color: #a6c2a5;
    border: 1px solid #555522;
    padding: 0em 0.3em 0em 1em;
    text-transform: lowercase;
    display: block;
    font-size: 1em;
    font-weight: normal;
}
div.portlet h5 {
    background-color: #a6c2a5;
    border: 1px solid #555522;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    display: inline;
    font-size: 1em;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    top: -1px;
}
div.portlet h6 {
    background-color: #a6c2a5;
    border: 1px solid #555522;
    padding: 0em 0.3em 0em 1em;
    text-transform: lowercase;
    display: block;
    font-size: 1em;
    font-weight: normal;
}

div.portletBody {
    position: relative;
    top: -1px;
    background: transparent;
    border: 1px solid #555522;
}
div.portletDetails {
    text-align: right;
}

div.portletContent {
    padding: 1em;
}
div.portletAction {
    float: right;
    width: 0.8em;
    text-align: center;
    display: block;
    text-transform: none;
    border-left: 1px solid #555522;
    padding-left: 0.3em;
}

div.portlet h1,
div.portlet h2,
div.portlet h3,
div.portlet h4 {
    margin: 0;
    padding: 0;
}

div.portlet input {
    font-size: 100%;
}

div.portletSyndication {
    display: block;
    float: left; 
    border: 1px solid #8cacbb; 
    background-color: #dee7ec;
    font-size: 85%;
}

a.portletMore {
    display: block;
    text-align: right;
}

div.portletFooter {
    padding: 0.5em 1em 1em 1em;
}

/* Old navigation tree styling */

.navIcon,
.navIconRoot {
    position: relative;
    right: 20px;
}

.navItemText {
    margin-left: -20px;
}

.navRootItem,
.navItem {
    margin: 0 0 0.2em 0;
    border: 1px solid #ffffff;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding: 0.1em 0.25em 0.2em 20px;
    margin: 1px 0;
}

.currentNavItem {
    background-color: #a6c2a5;
    color: #666633;
    border: 1px solid #555522;
}

.portletNavigationTreeItem {
    margin: 0;
}

.portletNavigationTreeItem a {
    display: block;
    text-decoration: none;
    padding: 0.5em 0 0.5em 1.75em;
    background-repeat: no-repeat;
    background-position: 0 3px;
    border: 1px solid #ffffff;
}

.portletNavigationTreeItem a:hover,
.currentNavItem {
    background-color: #a6c2a5;
    color: #666633;
    border: 1px solid #555522 !important;
}

/* The new navtree level structure. */

.portletNavigationLevel0 {
    margin: 0;
}


/* The old navtree levels. */

.navLevel1 { margin-left: 0em; }
.navLevel2 { margin-left: 1em; }
.navLevel3 { margin-left: 2em; }
.navLevel4 { margin-left: 3em; }
.navLevel5 { margin-left: 4em; }
.navLevel6 { margin-left: 4.5em; }
.navLevel7 { margin-left: 5em;   }
.navLevel8 { margin-left: 5.5em; }


/*  */

}


/* ----- generated.css ----- */
@media screen {
/*
** Plone style sheet - styles for programmatically generated elements
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** You should preferrably use ploneCustom.css to add your own CSS classes and to
** customize your portal, as these are the base fundaments of Plone, and will
** change and be refined in newer versions. Keeping your changes in
** ploneCustom.css will make it easier to upgrade.
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/

/*  (do not remove this :) */
/*  (not this either :) */

/* generated icon classes for content types should be applied to wrapper spans
   instead of on the link class itself because of bugs in Internet Explorer's
   rendering engine. It will flicker on hover if not.
   Full explanation can be found at 
   http://plone.org/documentation/how-to/flickering-background-images-internet-explorer */

      .contenttype-discussion-item,
    .actionMenu .contenttype-discussion-item a:hover { 
        /*background-image: url(http://www.saeon.ac.za/discussionitem_icon.gif);*/ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-discussion-item { 
        height: 1%;
    }
    #portal-sitemap .contenttype-discussion-item a:hover,
    #portlet-navigation-tree .contenttype-discussion-item a:hover,
    #portlet-navigation-tree .contenttype-discussion-item a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/discussionitem_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-discussion-item,
    #portlet-navigation-tree .contenttype-discussion-item {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-discussion-item a:hover,
    * html #portlet-navigation-tree .contenttype-discussion-item a:hover,
    * html #portlet-navigation-tree .contenttype-discussion-item a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-discussion-item { 
        display: block; 
    }
        .contenttype-document,
    .actionMenu .contenttype-document a:hover { 
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-document { 
        height: 1%;
    }
    #portal-sitemap .contenttype-document a:hover,
    #portlet-navigation-tree .contenttype-document a:hover,
    #portlet-navigation-tree .contenttype-document a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-document,
    #portlet-navigation-tree .contenttype-document {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-document a:hover,
    * html #portlet-navigation-tree .contenttype-document a:hover,
    * html #portlet-navigation-tree .contenttype-document a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-document { 
        display: block; 
    }
        .contenttype-easyblog,
    .actionMenu .contenttype-easyblog a:hover { 
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblog { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblog a:hover,
    #portlet-navigation-tree .contenttype-easyblog a:hover,
    #portlet-navigation-tree .contenttype-easyblog a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblog,
    #portlet-navigation-tree .contenttype-easyblog {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblog a:hover,
    * html #portlet-navigation-tree .contenttype-easyblog a:hover,
    * html #portlet-navigation-tree .contenttype-easyblog a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblog { 
        display: block; 
    }
        .contenttype-easyblogarchive,
    .actionMenu .contenttype-easyblogarchive a:hover { 
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblogarchive { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblogarchive a:hover,
    #portlet-navigation-tree .contenttype-easyblogarchive a:hover,
    #portlet-navigation-tree .contenttype-easyblogarchive a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblogarchive,
    #portlet-navigation-tree .contenttype-easyblogarchive {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblogarchive a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogarchive a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogarchive a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblogarchive { 
        display: block; 
    }
        .contenttype-easyblogarchivefolder,
    .actionMenu .contenttype-easyblogarchivefolder a:hover { 
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblogarchivefolder { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblogarchivefolder a:hover,
    #portlet-navigation-tree .contenttype-easyblogarchivefolder a:hover,
    #portlet-navigation-tree .contenttype-easyblogarchivefolder a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblogarchivefolder,
    #portlet-navigation-tree .contenttype-easyblogarchivefolder {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblogarchivefolder a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogarchivefolder a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogarchivefolder a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblogarchivefolder { 
        display: block; 
    }
        .contenttype-easyblogcategories,
    .actionMenu .contenttype-easyblogcategories a:hover { 
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblogcategories { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblogcategories a:hover,
    #portlet-navigation-tree .contenttype-easyblogcategories a:hover,
    #portlet-navigation-tree .contenttype-easyblogcategories a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblogcategories,
    #portlet-navigation-tree .contenttype-easyblogcategories {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblogcategories a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogcategories a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogcategories a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblogcategories { 
        display: block; 
    }
        .contenttype-easyblogcategory,
    .actionMenu .contenttype-easyblogcategory a:hover { 
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblogcategory { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblogcategory a:hover,
    #portlet-navigation-tree .contenttype-easyblogcategory a:hover,
    #portlet-navigation-tree .contenttype-easyblogcategory a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblogcategory,
    #portlet-navigation-tree .contenttype-easyblogcategory {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblogcategory a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogcategory a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogcategory a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblogcategory { 
        display: block; 
    }
        .contenttype-easyblogcomment,
    .actionMenu .contenttype-easyblogcomment a:hover { 
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblogcomment { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblogcomment a:hover,
    #portlet-navigation-tree .contenttype-easyblogcomment a:hover,
    #portlet-navigation-tree .contenttype-easyblogcomment a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblogcomment,
    #portlet-navigation-tree .contenttype-easyblogcomment {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblogcomment a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogcomment a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogcomment a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblogcomment { 
        display: block; 
    }
        .contenttype-easyblogcomments,
    .actionMenu .contenttype-easyblogcomments a:hover { 
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblogcomments { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblogcomments a:hover,
    #portlet-navigation-tree .contenttype-easyblogcomments a:hover,
    #portlet-navigation-tree .contenttype-easyblogcomments a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblogcomments,
    #portlet-navigation-tree .contenttype-easyblogcomments {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblogcomments a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogcomments a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogcomments a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblogcomments { 
        display: block; 
    }
        .contenttype-easyblogdrafts,
    .actionMenu .contenttype-easyblogdrafts a:hover { 
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblogdrafts { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblogdrafts a:hover,
    #portlet-navigation-tree .contenttype-easyblogdrafts a:hover,
    #portlet-navigation-tree .contenttype-easyblogdrafts a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblogdrafts,
    #portlet-navigation-tree .contenttype-easyblogdrafts {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblogdrafts a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogdrafts a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogdrafts a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblogdrafts { 
        display: block; 
    }
        .contenttype-easyblogentry,
    .actionMenu .contenttype-easyblogentry a:hover { 
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblogentry { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblogentry a:hover,
    #portlet-navigation-tree .contenttype-easyblogentry a:hover,
    #portlet-navigation-tree .contenttype-easyblogentry a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblogentry,
    #portlet-navigation-tree .contenttype-easyblogentry {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblogentry a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogentry a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogentry a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblogentry { 
        display: block; 
    }
        .contenttype-easyblogtrackback,
    .actionMenu .contenttype-easyblogtrackback a:hover { 
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblogtrackback { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblogtrackback a:hover,
    #portlet-navigation-tree .contenttype-easyblogtrackback a:hover,
    #portlet-navigation-tree .contenttype-easyblogtrackback a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblogtrackback,
    #portlet-navigation-tree .contenttype-easyblogtrackback {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblogtrackback a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogtrackback a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogtrackback a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblogtrackback { 
        display: block; 
    }
        .contenttype-easyblogtrackbacks,
    .actionMenu .contenttype-easyblogtrackbacks a:hover { 
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-easyblogtrackbacks { 
        height: 1%;
    }
    #portal-sitemap .contenttype-easyblogtrackbacks a:hover,
    #portlet-navigation-tree .contenttype-easyblogtrackbacks a:hover,
    #portlet-navigation-tree .contenttype-easyblogtrackbacks a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-easyblogtrackbacks,
    #portlet-navigation-tree .contenttype-easyblogtrackbacks {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-easyblogtrackbacks a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogtrackbacks a:hover,
    * html #portlet-navigation-tree .contenttype-easyblogtrackbacks a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-easyblogtrackbacks { 
        display: block; 
    }
        .contenttype-event,
    .actionMenu .contenttype-event a:hover { 
        /*background-image: url(http://www.saeon.ac.za/event_icon.gif); */ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-event { 
        height: 1%;
    }
    #portal-sitemap .contenttype-event a:hover,
    #portlet-navigation-tree .contenttype-event a:hover,
    #portlet-navigation-tree .contenttype-event a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/event_icon.gif); */
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-event,
    #portlet-navigation-tree .contenttype-event {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-event a:hover,
    * html #portlet-navigation-tree .contenttype-event a:hover,
    * html #portlet-navigation-tree .contenttype-event a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-event { 
        display: block; 
    }
        .contenttype-favorite,
    .actionMenu .contenttype-favorite a:hover { 
        /*background-image: url(http://www.saeon.ac.za/favorite_icon.gif); */ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-favorite { 
        height: 1%;
    }
    #portal-sitemap .contenttype-favorite a:hover,
    #portlet-navigation-tree .contenttype-favorite a:hover,
    #portlet-navigation-tree .contenttype-favorite a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/favorite_icon.gif); */
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-favorite,
    #portlet-navigation-tree .contenttype-favorite {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-favorite a:hover,
    * html #portlet-navigation-tree .contenttype-favorite a:hover,
    * html #portlet-navigation-tree .contenttype-favorite a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-favorite { 
        display: block; 
    }
        .contenttype-file,
    .actionMenu .contenttype-file a:hover { 
        /*background-image: url(http://www.saeon.ac.za/file_icon.gif); */ 
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-file { 
        height: 1%;
    }
    #portal-sitemap .contenttype-file a:hover,
    #portlet-navigation-tree .contenttype-file a:hover,
    #portlet-navigation-tree .contenttype-file a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/file_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-file,
    #portlet-navigation-tree .contenttype-file {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-file a:hover,
    * html #portlet-navigation-tree .contenttype-file a:hover,
    * html #portlet-navigation-tree .contenttype-file a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-file { 
        display: block; 
    }
        .contenttype-folder,
    .actionMenu .contenttype-folder a:hover { 
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-folder { 
        height: 1%;
    }
    #portal-sitemap .contenttype-folder a:hover,
    #portlet-navigation-tree .contenttype-folder a:hover,
    #portlet-navigation-tree .contenttype-folder a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-folder,
    #portlet-navigation-tree .contenttype-folder {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-folder a:hover,
    * html #portlet-navigation-tree .contenttype-folder a:hover,
    * html #portlet-navigation-tree .contenttype-folder a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-folder { 
        display: block; 
    }
        .contenttype-image,
    .actionMenu .contenttype-image a:hover { 
        /*background-image: url(http://www.saeon.ac.za/image_icon.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-image { 
        height: 1%;
    }
    #portal-sitemap .contenttype-image a:hover,
    #portlet-navigation-tree .contenttype-image a:hover,
    #portlet-navigation-tree .contenttype-image a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/image_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-image,
    #portlet-navigation-tree .contenttype-image {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-image a:hover,
    * html #portlet-navigation-tree .contenttype-image a:hover,
    * html #portlet-navigation-tree .contenttype-image a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-image { 
        display: block; 
    }
        .contenttype-large-plone-folder,
    .actionMenu .contenttype-large-plone-folder a:hover { 
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-large-plone-folder { 
        height: 1%;
    }
    #portal-sitemap .contenttype-large-plone-folder a:hover,
    #portlet-navigation-tree .contenttype-large-plone-folder a:hover,
    #portlet-navigation-tree .contenttype-large-plone-folder a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-large-plone-folder,
    #portlet-navigation-tree .contenttype-large-plone-folder {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-large-plone-folder a:hover,
    * html #portlet-navigation-tree .contenttype-large-plone-folder a:hover,
    * html #portlet-navigation-tree .contenttype-large-plone-folder a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-large-plone-folder { 
        display: block; 
    }
        .contenttype-link,
    .actionMenu .contenttype-link a:hover { 
        /*background-image: url(http://www.saeon.ac.za/link_icon.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-link { 
        height: 1%;
    }
    #portal-sitemap .contenttype-link a:hover,
    #portlet-navigation-tree .contenttype-link a:hover,
    #portlet-navigation-tree .contenttype-link a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/link_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-link,
    #portlet-navigation-tree .contenttype-link {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-link a:hover,
    * html #portlet-navigation-tree .contenttype-link a:hover,
    * html #portlet-navigation-tree .contenttype-link a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-link { 
        display: block; 
    }
        .contenttype-news-item,
    .actionMenu .contenttype-news-item a:hover { 
        /*background-image: url(http://www.saeon.ac.za/newsitem_icon.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-news-item { 
        height: 1%;
    }
    #portal-sitemap .contenttype-news-item a:hover,
    #portlet-navigation-tree .contenttype-news-item a:hover,
    #portlet-navigation-tree .contenttype-news-item a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/newsitem_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-news-item,
    #portlet-navigation-tree .contenttype-news-item {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-news-item a:hover,
    * html #portlet-navigation-tree .contenttype-news-item a:hover,
    * html #portlet-navigation-tree .contenttype-news-item a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-news-item { 
        display: block; 
    }
        .contenttype-newsletter,
    .actionMenu .contenttype-newsletter a:hover { 
        /*background-image: url(http://www.saeon.ac.za/Newsletter.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-newsletter { 
        height: 1%;
    }
    #portal-sitemap .contenttype-newsletter a:hover,
    #portlet-navigation-tree .contenttype-newsletter a:hover,
    #portlet-navigation-tree .contenttype-newsletter a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/Newsletter.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-newsletter,
    #portlet-navigation-tree .contenttype-newsletter {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-newsletter a:hover,
    * html #portlet-navigation-tree .contenttype-newsletter a:hover,
    * html #portlet-navigation-tree .contenttype-newsletter a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-newsletter { 
        display: block; 
    }
        .contenttype-newsletterbtree,
    .actionMenu .contenttype-newsletterbtree a:hover { 
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-newsletterbtree { 
        height: 1%;
    }
    #portal-sitemap .contenttype-newsletterbtree a:hover,
    #portlet-navigation-tree .contenttype-newsletterbtree a:hover,
    #portlet-navigation-tree .contenttype-newsletterbtree a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-newsletterbtree,
    #portlet-navigation-tree .contenttype-newsletterbtree {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-newsletterbtree a:hover,
    * html #portlet-navigation-tree .contenttype-newsletterbtree a:hover,
    * html #portlet-navigation-tree .contenttype-newsletterbtree a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-newsletterbtree { 
        display: block; 
    }
        .contenttype-newsletterreference,
    .actionMenu .contenttype-newsletterreference a:hover { 
        /*background-image: url(http://www.saeon.ac.za/NewsletterReference.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-newsletterreference { 
        height: 1%;
    }
    #portal-sitemap .contenttype-newsletterreference a:hover,
    #portlet-navigation-tree .contenttype-newsletterreference a:hover,
    #portlet-navigation-tree .contenttype-newsletterreference a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/NewsletterReference.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-newsletterreference,
    #portlet-navigation-tree .contenttype-newsletterreference {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-newsletterreference a:hover,
    * html #portlet-navigation-tree .contenttype-newsletterreference a:hover,
    * html #portlet-navigation-tree .contenttype-newsletterreference a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-newsletterreference { 
        display: block; 
    }
        .contenttype-newslettertheme,
    .actionMenu .contenttype-newslettertheme a:hover { 
        /*background-image: url(http://www.saeon.ac.za/NewsletterTheme.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-newslettertheme { 
        height: 1%;
    }
    #portal-sitemap .contenttype-newslettertheme a:hover,
    #portlet-navigation-tree .contenttype-newslettertheme a:hover,
    #portlet-navigation-tree .contenttype-newslettertheme a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/NewsletterTheme.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-newslettertheme,
    #portlet-navigation-tree .contenttype-newslettertheme {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-newslettertheme a:hover,
    * html #portlet-navigation-tree .contenttype-newslettertheme a:hover,
    * html #portlet-navigation-tree .contenttype-newslettertheme a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-newslettertheme { 
        display: block; 
    }
        .contenttype-newslettertopic,
    .actionMenu .contenttype-newslettertopic a:hover { 
        /*background-image: url(http://www.saeon.ac.za/NewsletterTopic.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-newslettertopic { 
        height: 1%;
    }
    #portal-sitemap .contenttype-newslettertopic a:hover,
    #portlet-navigation-tree .contenttype-newslettertopic a:hover,
    #portlet-navigation-tree .contenttype-newslettertopic a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/NewsletterTopic.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-newslettertopic,
    #portlet-navigation-tree .contenttype-newslettertopic {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-newslettertopic a:hover,
    * html #portlet-navigation-tree .contenttype-newslettertopic a:hover,
    * html #portlet-navigation-tree .contenttype-newslettertopic a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-newslettertopic { 
        display: block; 
    }
        .contenttype-plone-site,
    .actionMenu .contenttype-plone-site a:hover { 
        /*background-image: url(http://www.saeon.ac.za/site_icon.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-plone-site { 
        height: 1%;
    }
    #portal-sitemap .contenttype-plone-site a:hover,
    #portlet-navigation-tree .contenttype-plone-site a:hover,
    #portlet-navigation-tree .contenttype-plone-site a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/site_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-plone-site,
    #portlet-navigation-tree .contenttype-plone-site {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-plone-site a:hover,
    * html #portlet-navigation-tree .contenttype-plone-site a:hover,
    * html #portlet-navigation-tree .contenttype-plone-site a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-plone-site { 
        display: block; 
    }
        .contenttype-questionnaire,
    .actionMenu .contenttype-questionnaire a:hover { 
        /*background-image: url(http://www.saeon.ac.za/icon_cmfquestions_small.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-questionnaire { 
        height: 1%;
    }
    #portal-sitemap .contenttype-questionnaire a:hover,
    #portlet-navigation-tree .contenttype-questionnaire a:hover,
    #portlet-navigation-tree .contenttype-questionnaire a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/icon_cmfquestions_small.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-questionnaire,
    #portlet-navigation-tree .contenttype-questionnaire {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-questionnaire a:hover,
    * html #portlet-navigation-tree .contenttype-questionnaire a:hover,
    * html #portlet-navigation-tree .contenttype-questionnaire a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-questionnaire { 
        display: block; 
    }
        .contenttype-section,
    .actionMenu .contenttype-section a:hover { 
        /*background-image: url(http://www.saeon.ac.za/Section.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-section { 
        height: 1%;
    }
    #portal-sitemap .contenttype-section a:hover,
    #portlet-navigation-tree .contenttype-section a:hover,
    #portlet-navigation-tree .contenttype-section a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/Section.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-section,
    #portlet-navigation-tree .contenttype-section {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-section a:hover,
    * html #portlet-navigation-tree .contenttype-section a:hover,
    * html #portlet-navigation-tree .contenttype-section a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-section { 
        display: block; 
    }
        .contenttype-subscriber,
    .actionMenu .contenttype-subscriber a:hover { 
        /*background-image: url(http://www.saeon.ac.za/Subscriber.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-subscriber { 
        height: 1%;
    }
    #portal-sitemap .contenttype-subscriber a:hover,
    #portlet-navigation-tree .contenttype-subscriber a:hover,
    #portlet-navigation-tree .contenttype-subscriber a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/Subscriber.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-subscriber,
    #portlet-navigation-tree .contenttype-subscriber {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-subscriber a:hover,
    * html #portlet-navigation-tree .contenttype-subscriber a:hover,
    * html #portlet-navigation-tree .contenttype-subscriber a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-subscriber { 
        display: block; 
    }
        .contenttype-topic,
    .actionMenu .contenttype-topic a:hover { 
        /*background-image: url(http://www.saeon.ac.za/topic_icon.gif); */
        background-repeat: no-repeat; 
        background-position: 0% 0%;
    }
    /* Holly hack to prevent items from shifting to the left in IE*/
    * html .contenttype-topic { 
        height: 1%;
    }
    #portal-sitemap .contenttype-topic a:hover,
    #portlet-navigation-tree .contenttype-topic a:hover,
    #portlet-navigation-tree .contenttype-topic a.navTreeCurrentItem {
        /*background-image: url(http://www.saeon.ac.za/topic_icon.gif);*/
        background-repeat: no-repeat;
        background-position: 0% 3px;
    }
    #portal-sitemap .contenttype-topic,
    #portlet-navigation-tree .contenttype-topic {
        background-position: 0% 4px;
    }
    * html #portal-sitemap .contenttype-topic a:hover,
    * html #portlet-navigation-tree .contenttype-topic a:hover,
    * html #portlet-navigation-tree .contenttype-topic a.navTreeCurrentItem {
        position: relative;
    }
    .listing .contenttype-topic { 
        display: block; 
    }
  
    .actionicon-plone-sendto { 
        /*background-image: url(http://www.saeon.ac.za/mail_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-print { 
        /*background-image: url(http://www.saeon.ac.za/print_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-rss { 
        /*background-image: url(http://www.saeon.ac.za/rss.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-extedit { 
        /*background-image: url(http://www.saeon.ac.za/extedit_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-addtofavorites { 
        /*background-image: url(http://www.saeon.ac.za/favorite_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-QuickInstaller { 
        /*background-image: url(http://www.saeon.ac.za/product_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-PloneReconfig { 
        /*background-image: url(http://www.saeon.ac.za/logoIcon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-UsersGroups { 
        /*background-image: url(http://www.saeon.ac.za/group.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-UsersGroups2 { 
        /*background-image: url(http://www.saeon.ac.za/group.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-MemberPrefs { 
        background-image: url(images/user.gif) !important; 
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-MemberPassword { 
        /*background-image: url(http://www.saeon.ac.za/lock_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-MailHost { 
        /*background-image: url(http://www.saeon.ac.za/mail_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-PortalSkin { 
        /*background-image: url(http://www.saeon.ac.za/skins_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-errorLog { 
        /*background-image: url(http://www.saeon.ac.za/error_log_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-ZMI { 
        /*background-image: url(http://www.saeon.ac.za/zope_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-SearchSettings { 
        /*background-image: url(http://www.saeon.ac.za/search_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-NavigationSettings { 
        /*background-image: url(http://www.saeon.ac.za/navigation_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-full_screen { 
        /*background-image: url(http://www.saeon.ac.za/fullscreenexpand_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-kupu { 
        /*background-image: url(http://www.saeon.ac.za/kupuimages/kupu_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-controlpanel-portal_atct { 
        /*background-image: url(http://www.saeon.ac.za/topic_icon.gif) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-ics { 
        /*background-image: url(http://www.saeon.ac.za/icon_export_ical.png) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-vcs { 
        /*background-image: url(http://www.saeon.ac.za/icon_export_vcal.png) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-rotate_clockwise { 
        /*background-image: url(http://www.saeon.ac.za/icon_rotate_clockwise.png) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-rotate_counter_clockwise { 
        /*background-image: url(http://www.saeon.ac.za/icon_rotate_counter_clockwise.png) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-rotate_180 { 
        /*background-image: url(http://www.saeon.ac.za/icon_rotate_180.png) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-flip_horizontal { 
        /*background-image: url(http://www.saeon.ac.za/icon_flip_horizontal.png) !important; */
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }
    .actionicon-plone-flip_vertical { 
        /*background-image: url(http://www.saeon.ac.za/icon_flip_vertical.png) !important;*/ 
        background-repeat: no-repeat; 
        background-position: 0% 50%;
    }

/* Extra padding class for the generated icons - we have to do it
   this way because of the IE flicker bug on hovering. */

.visualIconPadding {
    padding-left: 18px;
    margin-left: -1px;
    margin-bottom: 1px;
    min-height: 1.6em;
    height: auto;
    line-height: 1.6em;
}

/* And another IE workaround */

* html .visualIconPadding {
    height: 1.6em;
}

.visualIconReplace {
    background: transparent;
    display: block !important;
    border: 0;
    margin: 0;
    padding: 0 0 0 18px !important;
    overflow: hidden;
    width: 0px !important;
    width /**/: 18px;
}

/*  */

}