/* - ploneCustom.css - */
@media all {
/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */
 
/*  (do not remove this :) */
/*  (not this either :) */


/* DELETE THIS LINE AND PUT YOUR CUSTOM STUFF HERE */




/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */

body
{
margin-top:25px;
background-color:#567baf;
background-image:url(http://archive.saeon.ac.za/MainBG);
background-position:left top;
background-repeat:repeat-x;
font-family:arial;
}

#portal-siteactions
{
 float:left;
 padding-top:12px;
 padding-left:30px;
}

.searchSection
{
display:none;
}

#visual-portal-wrapper
{
position:relative;
width:983px;
margin-left: auto;
margin-right: auto;
}

#portal-searchbox
{
padding-top:8px;
margin:0px;
float:right;
}


#portal-top
{
background-image:url(http://archive.saeon.ac.za/TopNavBG);
background-position:left top;
background-repeat:no-repeat;
width:991px;
}

#portal-siteactions LI A
{
 border:none;
 color:white;
 border-right:1px solid white;
 padding:2px;
 padding-right:10px;
}

#portal-siteactions LI A:hover
{
 border:none;
 color:white;
 border-right:1px solid white;
 padding:2px;
 padding-right:10px;
 color:black;
}

#portal-siteactions LI:hover
{
}

Input.searchButton,Input.context,.documentEditable * .context,
#login-form input.context,.documentEditable * .standalone,.standalone,
FORM.searchPage Input.searchButton
{
 background-image:url(http://archive.saeon.ac.za/SearchButton);
 background-position:left top;
 background-repeat:no-repeat;
 width:82px;
 height:25px;
 padding:0px;
 color:white;
}

#portal-breadcrumbs
{
 background-color:#97B5DC;
 color:white;
 border-bottom:none;
}

#portal-breadcrumbs A
{
 color:white;
}

#portal-globalnav
{
 margin-top:25px;
 background-color:#FFFFFF;
 margin-left:8px;
 margin-right:8px;
}


#portal-globalnav li a
{
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    display: -moz-inline-box;
    display: inline-block;
    overflow: visible;
    background-color:#dee7ec;
}

#portal-globalnav li.selected a
{
 border:none;
}

#portal-logo
{
 margin-top:56px;
 margin-left:10px;
 display:block;
}

#portal-columns
{
background-image:url(http://archive.saeon.ac.za/NavBG);
background-position:left top;
background-repeat:repeat-y;
}

#portal-footer
{
 margin:0px;
 border:none;
 background-image:url(http://archive.saeon.ac.za/BottomBG);
 background-position:left bottom;
 background-repeat:no-repeat;
}

#portal-personaltools-wrapper,#portal-breadcrumbs
{
 margin-left:7px;
 margin-right:8px;
}

a
{
 color:#E53D3E
}

.documentFirstHeading,h2,.documentDescription
{
 color:#5989C7
}

.portletWrapper 
{
  background-image:url(http://archive.saeon.ac.za/PortletTop);
  background-position:left top;
  background-repeat:no-repeat;
  padding-top:15px;
}


.portlet,.portletStaticText
{
  background-image:url(http://archive.saeon.ac.za/PortletBottom);
  background-position: 0px bottom;
  background-repeat:no-repeat;
  background-color:transparent;
  border:none;
}

.portletItem
{
 background-color:transparent;
 border:none;
 padding-top:0px;
 padding-left:12px;
}

.portletHeader
{
 background-image:url(http://archive.saeon.ac.za/PortletHeader);
 background-position:12px 0px;
 background-repeat:no-repeat;
 background-color:transparent;
 border:none;
 height:25px;
 width:170px;
 padding-left:20px;
 padding-top:4px;
}

.portletTopLeft
{
 padding-left:18px;
}

.portletHeader
{
 font-weight:bold;
}

.ploneCalendar .weekdays TH
{ 
 background-color:transparent;
}

.portletCalendar DT
{
 background-color:transparent;
}

.ploneCalendar
{
 width:98%;
}

.navTreeCurrentItem
{
 background-image:none;
 border-left-color: #ffffff;
}

.navTreeCurrentNode span
{
 color:#ffffff;
}

LI.navTreeCurrentNode,A.navTreeCurrentNode
{
 border: #ffffff 1px solid; 
}


.navTreeCurrentItem img
{
 display:none;
}

.navTreeFolderish
{
  border:none;
  color:#000000;
}

.navTreeItem div a img
{
 display:none;
}

.navTreeItem a
{
 padding-left:15px;
 border:solid 1px #ffffff;
 color:#000000;
}

.navTreeItem a, dd.portletItem .navTreeItem a
{
 border-bottom: solid 1px #e4edf6;
}

.navTreeItem span
{
  color:#000000;
}

.portlet A.tile
{ 
 display:inline;
}

#portal-column-one 
{
 width:228px;
}


#portal-column-one .visualPadding
{
 padding-top:0px;
 padding-left:15px;
 width:210px;
}

#portal-column-two .visualPadding
{
  padding-top:0px;
  padding-left:0px;
  width:208px;
}

#portal-column-content
{
 background-position:16px top;
 background-repeat:no-repeat;
 padding-right:10px;
 height:16px;
 padding-left:10px;
 padding-top: 0.5em;

}

.documentContent
{
 background-position:-4px bottom;
 background-repeat:no-repeat;
 padding-left:12px;
 padding-right:0px;
 margin-top:5px;
 margin-left:0px;
 margin-bottom:20px;
 padding-top:5px !important;
 border-radius: 7px;
 webkit-box-shadow: 0px 0px 2px 2px #c2d2e9;
 box-shadow: 0px 0px 2px 2px #c2d2e9;
}

.documentEditable .documentContent
{
 border:0px;
}

.contentViews
{
 padding-right:10px;
}

h1, h2
{
 border-bottom:none;
}

h3,h2
{
 font-size-adjust:none; 
 font-style:normal;
 font-variant:normal;
 font-weight:bold;
 font-size:100%;
}


h1, h2, h3, h4, h5, h6 {
color:Black;
font-family:Arial;
margin:0.75em 0 0.25em;
}

#content
{
 padding-right:10px;
}

#content h1
{
 background-color:#5989c7;
 color:#ffffff;
 padding:5px;
}

.link-presentation
{
 display:none;
}

#portal-colophon ul li A
{
 color:#ffffff;
}

.postTitle
{
 font-weight:bold;
}

.description
{
 margin-bottom:0px;
}

.entry
{
 margin-bottom:10px; 
 border:solid 1px #97b5dc;
 padding:5px;
}

.FancyHeading
{
 background-color:#e5ecf6;
 padding: 5px; 
 font-style: italic; 
 display: block; 
 font-family: arial; 
 color: #567baf; 
 font-size: 14pt; 
}

input.searchPage {
    font-size: 100% !important;
}

#login-form input
{
 font-size:100%;
}

#content span.link-external a {
    background-image:none;
    padding: 1px 0px 1px 0px;
}


/* ADDED BY W HUGO 25 AUG 2010 NODE PAGE CUSTOMISATIONS */


.banner_heading_1
{	
	height: 80px;
	font-family: Calibri; font-size: 12pt; font-weight: normal; 
	color: #808080; 
	vertical-align:top; text-align: left; 
	background-image: url("http://196.213.187.51/PAGE/WDCBHH/images_support/banner_mid.png"); 
	background-repeat: repeat-x; 
}

.banner_heading_2
{	
	height: 40px;
	/*width: 24px;*/
	font-family: Calibri; font-size: 12pt; font-weight: normal; 
	color: #808080; 
	vertical-align: middle; text-align:justify; 
	background-image: url("http://196.213.187.51/PAGE/WDCBHH/images_support/banner_rnd_top_mid.png"); 
	background-repeat: repeat-x;
}

.banner_heading_3
{
    padding: 15px;
    font-family: Calibri;
    font-size: 12pt;
    font-weight: normal;
    color: #808080;
    vertical-align: top;
    text-align: justify;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #336600;
}

.banner_heading_4
{
    font-family: Calibri;
    font-size: 10pt;
    font-weight: normal;
    color: #808080;
    vertical-align: top;
    text-align: justify;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #336600;
}

.banner_heading_5
{

    font-family: Calibri;
    font-size: 12pt;
    font-weight: normal;
    color: #808080;
    vertical-align:middle;
    text-align: center;
	background-image: url("http://196.213.187.51/PAGE/WDCBHH/images/button_fade.png"); 
	background-repeat: no-repeat;
	background-position: right;
	/*width: 25%;*/
	height: 70px;

}

.banner_links
{	
	height: 80px;
	width: 120px;
	font-family: Calibri; font-size: 12pt; font-weight: normal; 
	color: #808080; 
	vertical-align: top; text-align:right; 
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #336600;
}

.banner_content
{	
	font-family: Calibri; font-size: 10pt; font-weight: normal; 
	color: #808080; 
	vertical-align: top; text-align:justify; 
}

.documentContent a:visited {
color: #6b8094;
background-color: transparent;
}
.documentContent a {
color: #34485e;
background-color: transparent;
}

}