/*
 *  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.
 */
 
/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */


/* Reset some of the formating that we don't need in the tab menus. */

#portal-globalnav * {
    margin: 0;
    padding: 0;
    border: none !important;
}
#portal-tabs-only div span,
#portal-tabs-only div,
#portal-full-sitemap div a,
#portal-full-sitemap div {
    display: block;
    text-transform: uppercase; /* Put 'lowercase' here instead of 'none' if you want the same */
}                         /* text styling that is used in the regular Plone tabs. */
* html #portal-tabs-only div span,
* html #portal-tabs-only div,
* html #portal-full-sitemap div a,
* html #portal-full-sitemap div {
    width: 0.1%; /* IE 5-6 set blocks to 100% width by default. */
}

/* Basic positioning and sizing of the several layers of containers.*/
#portal-globalnav {
    position: relative;
    z-index: 3;           /* Make the tab menus appear over the action menus. */
    margin-bottom: 1.7em; /* Make room on the page for the tabs. */

}
* html #portal-globalnav {
    margin-bottom: 0; /* Internet Explorer 5-6 need no margin. */
    width: 100%;       /* And both need the tab area to be wide enough. */
}
*+html #portal-globalnav {
    margin-bottom: 0; /* Internet Explorer 7 also needs no margin. */
    width: 100%;       /* And it too needs the tab area to be wide enough. */
} 
#LSResult {
    z-index: 4;       /* Keep Livesearch over the tabs. */
}

#portal-tabs-only {
    position: absolute;
}
#portal-full-sitemap {
    position: relative; /* Positioning it absolutely affects Opera sometimes when hovering */
                        /* the tabs. IE is not the only browser with issues ;-) */
}                       /* Since we will be floating the contents, relative positioning works
                        /* almost like absolute positioning, and Opera will be happy too. */
#portal-tabs-only div {
    position: relative; /* We don't need to see the contents of the background tabs, we use */
    left: -999em;       /* the background tabs just to highlight the selected tab. */
}
#portal-tabs-only li,
#portal-full-sitemap li {
    float: left;        /* Without floating the li it would be smaller than its contents. */
    position: relative; /* Make menus align with their tabs. */
}
#portal-full-sitemap li ul {
    position: absolute;
    left: -999em; /* Hide all the drop-down menus in an accessible manner. */
    width: 15em;  /* Set the width of all the menus. */
}
/* IE5-6 issue: These browsers need the width of the anchor of each item in a menu
   to be set to the whole width of the menu, so that the whole area is clickable
   and not just the area where the text of the anchor is. */
* html #portal-full-sitemap li li div a {
    width: 20em;        /* IE5.5 does not consider the 3.5em padding defined further down. */
    width:/**/ 16.5em;  /* IE6 considers that 3.5em padding that is defined further down. */
}


/* Basic styling for submenus and their items */
#portal-tabs-only li,
#portal-full-sitemap li {
    margin: 0 9px 0 0;
    padding: 0;
    border-width: &dtml-borderWidth; &dtml-borderWidth; 0 &dtml-borderWidth; !important;
    border-style: &dtml-borderStyle; !important;
    border-color: &dtml-globalBorderColor; !important;
}
#portal-tabs-only li.navTreeCurrentItem {
    border-bottom-width: &dtml-borderWidth; !important;
    border-bottom-color: &dtml-globalBackgroundColor; !important;
 /*   background-color: &dtml-globalBackgroundColor;;*/
    background-color: #dee7ec;
}
#portal-full-sitemap li.sfhover,
#portal-full-sitemap li:hover {
    background-color: &dtml-evenRowBackgroundColor;;
}
#portal-full-sitemap li ul {
    border-color: &dtml-globalBorderColor; !important;
    border-width: &dtml-borderWidth; !important;
    border-style: &dtml-borderStyle; !important;
}
#portal-full-sitemap li li {
    background-color: #dee7ec;
    border: none !important;
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    position: static; /* To keep any submenu on top of all items of its parent menu. */
}


/* Formating for the icon and text boxes of each item. */
#portal-tabs-only li div,
#portal-full-sitemap li div {
    padding: 0;
    background-position: 8px 35% !important;
}
#portal-tabs-only li div span,
#portal-full-sitemap li div a,
#portal-full-sitemap li div a:hover,
#portal-full-sitemap li div a.navTreeCurrentItem,
#portal-full-sitemap li div a:hover.navTreeCurrentItem {
    line-height: 1.6em;
    padding: 0 1em 0 2.5em; /* This increases actual width by 3.5em (except on IE5.5). */
    background-color: transparent;
    margin: 0;
}

#portal-full-sitemap li li a {
    white-space: normal; /* To support multi-line menu items. */
    display: block;
}
#portal-full-sitemap li li div {
    display: block; /* We had undone this for the tab divs, but we need divs to display as */
}                   /* blocks again on the submenus otherwise most browsers won't show them. */
#portal-full-sitemap li li div a,
#portal-full-sitemap li li div a:hover,
#portal-full-sitemap li li div a.navTreeCurrentItem,
#portal-full-sitemap li li div a:hover.navTreeCurrentItem {
    padding-top: 3px;    /* Arrange the menu items in a less tightly packed manner */
    padding-bottom: 3px; /* giving the mouse pointer more room to manouver. */
}


/* Menu and submenu hiding and displaying. */
#portal-full-sitemap li.sfhover ul,
#portal-full-sitemap li.sfhover ul ul,
#portal-full-sitemap li.sfhover ul ul ul,
#portal-full-sitemap li:hover ul,
#portal-full-sitemap li:hover ul ul,
#portal-full-sitemap li:hover ul ul ul {
    left: -999em; /* Hide when leaving menu, in an accessible way */
}
#portal-full-sitemap li.sfhover ul,
#portal-full-sitemap li:hover ul {
    top: 1.6em; /* The menus must appear below the tabs. */
    left: -1px; /* Display again in the proper position when hovering. */
}
#portal-full-sitemap li li.sfhover ul,
#portal-full-sitemap li li:hover ul {
    top: auto;
    margin-top: -1.8em; /* The submenus must appear higher than the bottom. */
    left: 19em;         /* Display again in the proper position when hovering. */
}


/* Bonus (a couple of IE7 fixes that I thought I'd just through in.) */
*+html .ploneCalendar {
    border-collapse: collapse; /* Work around IE7's strange default cellspacing. */
}
*+html .actionMenu .actionMenuContent ul {
    position: relative;
    margin-top: -8px; /* Place the Action menus close to the top. */
}



/* </dtml-with> */

/* 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: 10px 0 0 0; padding: 0;
  font-family: "Bitstream Charter", verdana, "Lucida Grande", arial, helvetica, sans-serif;
  color: #333;
  background: #cedfe9 url(header_top) no-repeat;
  
}

#portal-globalnav li a:hover{
font-weight: bold;

}
#portal-globalnav li.selected a{
font-weight: bold;
}

/*-------------------------------------------------------------------------------------------*/

/* Global Bavigator with buttons */

#portal-globalnav{
list-style-type: none;
height: auto;
margin: 0;
over-flow: hidden;
border-top: 1px solid #df3;
border-bottom: 1px solid #890;
/*background: url(bar1.gif) no-repeat;*/
text-decoration: none;
width: 100%;
clear: both;

}
#portal-globalnav:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/* for IE */
/*\*/
* html #portal-globalnav {
height: 1em;
overflow: hidden;
}
/**/
#portal-globalnav li{
display: block;
float: left;
margin: 0;
padding: 0;
/*border-right: 1px solid #df3;*/
border-right: 1px solid #450;
}
#portal-globalnav li a{
display: block;
float: left;
padding: 0.25em 1.25em;
border-top: 0px solid #df3;
border-right: 1px solid #890;
border-bottom: 0px solid #890;
border-left: 0px solid #df3;
background: #CCCCFF;
color: #000033;
letter-spacing: 1px;
	text-decoration: none;
/*background: url(button.gif) no-repeat center center;  */
}
#portal-globalnav li a:hover{
background: #CCCCFF;
font-weight: bold;
	text-decoration: none;
}
#portal-globalnav li.selected a{
background: #fff;
border-top: 1px solid #450;
font-weight: bold;
	text-decoration: none;
}



/*  #breadcrumbs-you-are-here { display: none; } */

#portal-breadcrumbs {
  display : none;
}