/*
  This file is based on the ploneCustom.css.dtml shipped with Plone.

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

/* base css */
body {
     background: #e5e3df;
     font-size: 70%;
}

h1 {
    border-bottom:12px solid #DDD;
    font-family: arial,sans-serif;
    font-size:1.6em;
    padding-bottom: 0.2em;
    color: #536C71;
}

h2, h3, h4, h5, h6 {
    font-size: 1.2em;
    color: #353E47;
    border-bottom: none;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 0.9em;
}

h4 {
    font-size: 0.85em;
}

h5 {
    font-size: 0.8em;
}

li {
    margin-bottom:0em;
}

/* wrapper */
#visual-portal-wrapper {
    width: 960px;
    margin: 0 auto;
    background-color: White;
    border: none;
}

/* portal top area */
#portal-logo img {
    border:0 none;
    margin:5px 0 1em 2em;
    padding:0;
    position:absolute;
    top:0px;
}
#portal-header {
    background:#e5e3df url('http://www.saspen.com/portal_header.png') no-repeat 0px 34px;
}
#portal-siteactions {
    text-align: right;
    margin: 10px 0 0 0;
    padding: 0;
   
}

ul#portal-siteactions li {
    padding: 10px 0 0 0;
}

#portal-siteactions li a {
    color: #5e5e5e;
    border: none;
    border-right: 1px solid #4D5760;
    font-family:arial,sans-serif;
    font-size:1em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    letter-spacing:0.1em;
    line-height:0.8em !important;
    padding:0 1em;
}

#portal-siteactions li a:hover {
    border: none;
    border-right: 1px solid #4D5760;
    
}
li#siteaction-contact a, li#siteaction-plone_setup a, li#siteaction-contact a:hover, li#siteaction-plone_setup a:hover {
    border: none;
}


/* Global Navigation */
#portal-globalnav {
    margin-top: 158px; 
    background-color: #e5e3df;
    background-image: url('http://www.saspen.com/menu.gif');
    background-repeat: repeat-x;
    height: 45px; 
    border-bottom: none;
    border-top:7px solid #e5e3df;
}

#portal-globalnav li a {
    height: 4em;
    color: white;
    font-size: 1em;
    margin:  0px;
    line-height: 4em;
    padding: 1.3em;
    border: none;
}

#portal-globalnav li a:hover, #portal-globalnav li.selected a { 
    background-color: #597d9f; 
    color: white;
    border-top: 1px solid #597d9f;
    border-bottom: 1px solid #597d9f;
    border-right: none;
    border-left: none;
    }


/* personaltools */
#portal-personaltools {
    background-color: #597d9f;
    border-top: none;
}

#portal-personaltools li a {
    color: white;
}

/* breadcrumbs */
#portal-breadcrumbs {
    border: none;
}



/* columns */

#portal-column-one {
    background-color: white;
} 

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

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



/* portlets */
.portlet { 
    background-color: #efefef;
    border: 0;
}

.portletItem {
    border: 0;
}

.portletHeader {
    border: 0;
    background-color: #e3e3e3;
    font-size: 1.3em;
    color: #3b3b3b;
    font-weight: 300;
}

.portletFooter {
    border: none;
}

/* portlet Navigation */
.navTreeItem a, dd.portletItem .navTreeItem a, .navTreeItem a:hover, dd.portletItem .navTreeItem a:hover {
    border: none;
}
/* content area */

.documentContent {
    padding:0em 0em 2em 0em !important
}

/* portal footer */
#portal-footer {
    background:#6287A0;
    border: none;
    color: white;
    font-size: 0.8em;
}

#portal-footer a {
    color: #ffc;
}

#portal-colophon {
    margin: 0;
}

.red {
    color: red;
}

/*  */

/* Latest version of the documentation on pre-defined properties from Plone 
   can be found in CMFPlone/skins/plone_styles/ploneCustom.css.dtml */