/* zrt-cssregistry: base_properties */
    /*
** 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.
**
*/

/* <dtml-with base_properties (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())" (not this either :) */

/* Fallback for edit screen if both columns are hidden */
.managePortletsFallback {
margin: 0 0 0 1em;
}

/* Main portlet elements */
.portlet {
margin: 0 0 1em;
border: borderWidth borderStyle globalBorderColor;
background-color: backgroundColor;
background-color:White;
border:1px solid #CCCCCC;
}
.portlet a {
text-decoration: none;
}
.portlet a.tile {
display: block;
}

.portletItem ul {
list-style-type: 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 */
.portletItem a,
.portletFooter a {
border-bottom: none;
}

.portletItem a:visited,
.portletFooter a:visited {
color: linkColor;
}
.portletHeader {
background-color: globalBackgroundColor;
border: borderWidth borderStyle globalBorderColor;
padding: 0;
text-transform: textTransform;
font-weight: normal;
line-height: 1.6em;
}
.portletHeader a {
color: fontColor;
color: black;
}
.portletItem {
margin: 0;
padding: 1em;
border-left: borderWidth borderStyle globalBorderColor;
border-right: borderWidth borderStyle globalBorderColor;
}
.portletItem ol {
margin: 0 0 0 1em;
}
.portletItemDetails {
text-align: right;
display: block;
color: fontColor;
}
.portletFooter {
background-color: evenRowBackgroundColor;
margin: 0;
padding: 0.25em 1em;
border: borderWidth borderStyle globalBorderColor;
border-style: dotted borderStyle none borderStyle;
text-align: right;
}

/* Elements that enable layout with rounded corners */
.portletTopLeft {}
.portletTopRight {}
.portletBottomLeft {}
.portletBottomRight {}

/*
** Calendar elements - used in the calendar rendering
*/
.dayPopup {
background-color: helpBackgroundColor;
border: borderWidth borderStyle Black;
padding: 0.2em;
position: absolute;
visibility: hidden;
width: 12em;
z-index: 2;
}
.date {
font-weight: bold;
}
.portletCalendar {
width: 100%;
margin: 1px 0 1em 0;
width: 100%;
}
.portletCalendar dt {
background-color: globalBackgroundColor;
font-weight: normal;
text-align: center;
line-height: 1.6em;
border-bottom: none;
}
.portletCalendar dd {
margin: 0;
padding: 0;
}
.portletCalendar a {
text-decoration: none;
}
.portletCalendar a:hover {
text-decoration: none;
}
.ploneCalendar {
border-collapse: collapse;
border-spacing:0;
width: 100%;
}
.ploneCalendar td {
background-color: transparent;
width: 14%;
text-align: center;
padding: 2px;
}
.ploneCalendar .weekdays th {
background-color: globalBackgroundColor;
border: borderWidth borderStyle globalBorderColor;
border-style: borderStyle none;
text-align: center;
padding: 2px;
font-weight: normal;
}
.ploneCalendar .event {
background-color: globalBackgroundColor;
font-weight: bold;
}
.ploneCalendar .todayevent {
background-color: globalBackgroundColor;
border: 2px borderStyle notifyBorderColor;
font-weight: bold;
}
.ploneCalendar .todaynoevent {
border-collapse: collapse;
border: 2px borderStyle notifyBorderColor;
}

.managePortletsLink {
text-align: center;
}

div.portlets-manager div.section {
padding-top: 1em !important;
}

div.managedPortlet {
padding-top:0.5em;
padding-bottom:0.5em;
}

.managedPortlet .portletHeader {
min-height: 3em !important;
}

.managedPortlet a {
text-decoration: underline;
}

.managedPortletActions {
display:block;
float:right;
}

.managedPortletActions a {
text-decoration: none;
}

.managedPortletActions a.up,
.managedPortletActions a.down {
color:blue !important;
}

.managedPortletActions a.delete {
color:red !important;
}

/* Table of Contents styling - essentially a portlet with smaller fonts and aligned right + limited in width */
.toc {
float: right;
width: 30%;
font-size: 90%;
margin: 0 0 0.5em 0.5em;
}

/* Static text portlet */
.portletStaticText ul {
list-style-image:url(../img/bullet.gif);
list-style-type: square;
margin: 0.5em 0 0 1.5em;
}

.portletStaticText ol {
margin: 0.5em 0 0 2em;
}


<dtml-comment
/* Commented out for now, since the calendar markup has changed slightly ~limi */


.calendarPrevious {
background-image: url(../img/arrowLeft.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
float: left;
}
.calendarNext {
background-image: url(../img/arrowRight.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
float: right;
}
.calendarPrevious,
.calendarNext {
display: block;
text-decoration: none;
overflow: hidden;
border: 0;
margin: 0;
padding: 0;
padding-top: "_['arrowLeft.gif'].height"px;
height: 0px !important;
height /**/: "_['arrowLeft.gif'].height"px;
cursor: pointer;
}
.calendarNext {
padding-top: "_['arrowRight.gif'].height"px;
height: 0px !important;
height /**/: "_['arrowRight.gif'].height"px;
}

</dtml-comment

/* </dtml-with */