/* 
** Plone style sheet for CSS2-capable browsers. 
** 
** Copyright Alexander Limi - http://www.plonesolutions.com 
** 
** Additional Plone 2 work: 
** Joe Geldart & Tom Croucher - http://www.netalleynetworks.com 
** Michael Zeltner - http://niij.org 
** Geir Bækholt - http://www.plonesolutions.com 
** 
** All you guys rock :) 
** 
** 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. 
** 
*/ 

/* <!-- compression status: 1 --> (this is for http compression) */ 
/* (do not remove this :) */ 
/* (not this either :) */ 

/* The basic elements: */ 
body { 
font: 69% "Arial", Verdana, Lucida, Helvetica, Lucida Grande, sans-serif; 
background-color: White; 
color: Black; 
margin: 0; 
padding: 0; 
} 

table { 
font-size: 100%; 
} 

a { 
text-decoration: none; 
color: #436976; 
background-color: transparent; 
} 
img { 
border: none; 
vertical-align: middle; 
} 
p { 
margin: 0.5em 0em 1em 0em; 
line-height: 1.5em; 
} 
p a { 
text-decoration: underline; 
} 
p a:visited { 
color: Purple; 
background-color: transparent; 
} 
p a:active { 
color: Red; 
background-color: transparent; 
} 
p img { 
border: 0; 
margin: 0; 
} 

hr { 
height: 1px; 
color: #454E27; 
background-color: transparent; 
} 


h1, h2, h3, h4, h5, h6 { 
color: Black; 
background-color: transparent; 
font-family: "Arial", Verdana, Lucida, Helvetica, Lucida Grande, sans-serif; 
font-size: 100%; 
font-weight: normal; 
margin: 0; 
padding-top: 0.5em; 
border-bottom: 1px solid #454E27; 
} 

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

h1 { 
font-size: 160%; 
padding-right: 4em; 
} 

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; 
} 


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

ol { 
line-height: 1.5em; 
margin: 0.5em 0 0 1.5em; 
padding: 0; 
} 
ul a, ol a { 
text-decoration: underline; 
} 
li { 
margin-bottom: 1em; 
} 
dt { 
font-weight: bold; 
} 
dt a { 
text-decoration: underline; 
} 

dd { 
line-height: 1.5em; 
margin-bottom: 1em; 
} 
dd a { 
text-decoration: underline; 
} 

dd.link a { 
text-decoration: none; 
color: Black; 
} 

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

form { 
border: none; 
margin: 0; 
} 
textarea { 
font: 110% "Courier New", Courier, monospace; 
border: 1px solid #454E27; 
color: Black; 
background-color: white; 
width: 100%; 
} 
input { 
font-family: "Arial", Verdana, Lucida, Helvetica, Lucida Grande, sans-serif; 
visibility: visible; 
border: 1px solid #454E27; 
color: Black; 
background-color: white; 
vertical-align: middle; 
} 
select { 
border: 1px solid #454E27; 
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: Times, "Times New Roman", serif; 
font-style: italic; 
font-size: 120%; 
} 
blockquote { 
font-family: Times, "Times New Roman", serif; 
font-style: italic; 
font-size: 120%; 
} 
code { 
font-family: "Courier New", Courier, monospace; 
font-size: 120%; 
color: Black; 
background-color: #99CC00; 
border: 1px dashed #454E27; 
padding: 0 0.1em; 
} 
pre { 
font-family: "Courier New", Courier, monospace; 
font-size: 120%; 
padding: 1em; 
border: 1px dashed #454E27; 
color: Black; 
background-color: #99CC00; 
overflow: auto; 
} 
.pre a { 
text-decoration: underline; 
} 

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

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

.netscape4 { 
display: none; 
} 





/* 
** Structural Elements 
*/ 

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


/* Logo properties */ 

#portal-logo { 
background: url(/images/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: 57px; 
height: 0px !important; 
height /**/: 57px; 
width: 219px; 
cursor: pointer; 
} 

#portal-skinswitcher { 
/* The skin switcher at the top, only shows up if you have multiple skins available */ 

} 

#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: 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 White; 
color: #76797c; 
height: auto; 
padding: 0.2em; 
margin-right: 0.2em; 
text-decoration: none; 
text-transform: lowercase; 
} 
#portal-siteactions li.selected a { 
background-color: #99CC00; 
color: #436976; 
border: 1px solid #454E27; 
} 
#portal-siteactions li a:hover { 
background-color: #99CC00; 
color: #436976; 
border: 1px solid #454E27; 
} 



/* 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-globalnav { 
/* Navigational Plone Tabs(tm). The power of CSS runs strong in these :) */ 
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: #454E27; 
border-width: 1px; 
border-style: solid solid none solid; 
color: #436976; 
height: auto; 
margin-right: 0.5em; 
padding: 0em 1.5em; 
text-decoration: none; 
text-transform: lowercase; 
} 
#portal-globalnav li.selected a { 
/* The selected tab. There's only one of this */ 
background-color: #99CC00; 
border: 1px solid #454E27; 
border-bottom: #99CC00 1px solid; 
color: #436976; 
} 
#portal-globalnav li a:hover { 
background-color: #99CC00; 
border-color: #454E27; 
border-bottom-color: #99CC00; 
color: #436976; 
} 
#portal-personaltools { 
/* Bar with personalized menu (user preferences, favorites etc) */ 
background-color: #99CC00; 
border-top-color: #454E27; 
border-top-style: solid; 
border-top-width: 1px; 
border-bottom-color: #454E27; 
border-bottom-style: solid; 
border-bottom-width: 1px; 
line-height: 1.3em; 
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 { 
color: Black; 
padding: 0; 
background: transparent; 
background-image: none; 
} /* Used on all descriptions relevant to those not logged in */ 

#portal-personaltools li { 
background: transparent url(/images/linkOpaque.gif) center left no-repeat; 
padding-left: 8px; 
color: #436976; 
margin-left: 1em; 
display: inline; 
} 
#portal-personaltools li a { 
text-decoration: none; 
color: #436976; 
} 
.visualCaseSensitive { 
text-transform: none; 
} 
#portal-breadcrumbs { 
/* The path bar, including breadcrumbs and add to favorites */ 
border-bottom-color: #454E27; 
border-bottom-style: solid; 
border-bottom-width: 1px; 
padding-left: 2em; 
padding-right: 2em; 
text-transform: lowercase; 
} 
.addFavorite { 
vertical-align: bottom; 
} 
.contentViews { 
background-color: transparent; 
padding-left: 1em; 
line-height: normal; 
margin-top: 2.1em; 
margin-left: 0; 
list-style: none; 
border: 1px solid #454E27; 
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 #454E27; 
border-style: solid; 
color: #454E27; 
height: auto; 
margin-right: 0.5em; 
padding: 0em 1.5em; 
line-height: normal; 
text-decoration: none; 
text-transform: lowercase; 
z-index: 1; 
} 
.contentViews .selected a { 
background-color: #eee; 
border-bottom: #eee 1px solid; 
color: #454E27; 
} 
.contentViews li a:hover { 
background-color: #eee; 
color: #454E27; 
} 

/* 
** begin ECMAScript Content Action Menus 
*/ 

.contentActions { 
background-color: #eee; 
border-left: 1px solid #454E27; 
border-right: 1px solid #454E27; 
color: #454E27; 
text-align: right; 
text-transform: lowercase; 
padding: 0 0 0 1em; 
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 { 
line-height: 1.2em; 
height: 1.2em; 
padding: 0; 
margin: 0; 
} 
.contentActions li { 
float: right; 
background-image: url(/images/arrowDownAlternative.gif); 
background-repeat: no-repeat; 
background-position: center right; 
z-index: 4; 
border-left: 1px solid #454E27; 
padding: 0 0 0 1em; 
margin: 0 1em 0 0; 
} 

.menuPosition { 
/* 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; 
} 

.actionSingular { 
background-image: none !important; 
} 

.actionItems li { 
background-image: none; 
} 

.contentActions a { 
text-decoration: none; 
color: #454E27; 
padding: 0 1em 0 0; 
} 

.contentActions .actionMenu { 
visibility: hidden; 
z-index: 5; 
position: absolute; 
top: 0; 
right: -1px; 
background: #eee; 
overflow: hidden; 
height: auto; 
padding: 0; 
margin: 1.2em 0 0 0; 
border: 1px #454E27; 
border-style: none solid solid solid; 
} 

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

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

.actionMenu li a:hover { 
background-color: #454E27; 
color: White; 
} 

.actionMenu .actionSeperator a { 
margin-top: 0.2em; 
padding-top: 0.2em; 
border-top: 1px solid #454E27; 
} 

/* 
** end ECMAScript Content Action Menus 
*/ 

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

#content { 
padding: 0.139em 1em 0 1em; 
margin: 0em 0em 2em 0em; 
} 

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

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

.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; 
} 

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

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

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

.documentEditable .documentContent { 
border: 1px solid #454E27; 
padding: 0; 
} 



.documentActions { 
margin: -1.5em 0 2em 0; 
} 

.documentActions ul { 
margin: 0 0 0.3em 0; 
float: right; 
clear: right; 
} 


.documentActions ul, 
.documentActions li { 
display: inline; 
list-style: none; 
list-style-image: none; 
} 
.documentActions a { 
border: 0; 
text-decoration: none; 
} 

.portalMessage, 
.system-message, /* These two last ones are reST error indicators */ 
#error-handling { 
background-color: #C6FA28; 
border: 1px solid #99CC00; 
color: Black; 
font-size: 85%; 
font-weight: bold; 
margin: 1em 0em 0em 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; 
text-decoration: underline; 
} 
.documentDescription { 
/* The summary text describing the document */ 
font-weight: bold; 
display: block; 
margin: 1em 0em; 
line-height: 1.5em; 
} 
.documentByLine { 
text-align: right; 
font-size: 85%; 
clear: both; 
font-weight: normal; 
color: #76797c; 
} 
.documentByLine a { 
text-decoration: underline; 
} 

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

.productCredits a { 
text-decoration: underline; 
} 

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

#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: none; 
display: inline; 
text-decoration: none; 
color: Black; 
} 

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


/* 
** Widgets 
*/ 

.standalone, 
.documentEditable * .standalone { 
background: #99CC00 url(/images/linkOpaque.gif) 9px 1px no-repeat; 
cursor: pointer; 
font-size: 85%; 
margin-bottom: 1em; 
padding: 1px 1px 1px 15px; 
text-transform: lowercase; 
} 
.context, 
.documentEditable * .context { 
background: transparent url(/images/linkTransparent.gif) 9px 1px no-repeat; 
cursor: pointer; 
font-size: 85%; 
margin-bottom: 1em; 
padding: 1px 1px 1px 15px; 
text-transform: lowercase; 
} 
.destructive, 
.documentEditable * .destructive { 
background: #C6FA28 url(/images/linkTransparent.gif) 9px 1px no-repeat; 
border: 1px solid #99CC00; 
cursor: pointer; 
font-size: 85%; 
margin-bottom: 1em; 
padding: 1px 1px 1px 15px; 
text-transform: lowercase; 
} 
input.searchButton { 
font-size: 100%; 
margin-bottom: 1px ! important; 
background: White 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 #99CC00; 
} 

/* The new form elements */ 

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

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

.field label { 
font-size: 100%; 
font-weight: bold; 
} 

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

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

.formHelp a { 
text-decoration: underline; 
} 

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

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

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

.error .fieldRequired { 
color: #C6FA28; 
} 

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

.portrait { 
background-color: #99CC00; 
border-color: #454E27; 
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 #454E27; 
border-bottom: 1px solid #454E27; 
font-size: 85%; 
margin: 1em 0em 1em 0em; 
} 
.listing th, 
.stx table th { 
background: #99CC00; 
border-top: 1px solid #454E27; 
border-bottom: 1px solid #454E27; 
border-right: 1px solid #454E27; 
font-weight: normal; 
padding: 0em 1em 0em 1em; 
text-transform: lowercase; 
} 
.listing .top { 
border-left: 1px solid White; 
border-top: 1px solid White ! important; 
border-right: 1px solid White ! important; 
text-align: right ! important; 
padding: 0em 0em 1em 0em; 
} 
.listing .odd { 
/*every second line should be shaded */ 
background-color: transparent; 
} 
.listing .even { 
background-color: #f7f9fa; 
} 
.listing .listingCheckbox { 
text-align: center; 
} 
.listing td, 
.stx table td { 
border-right: 1px solid #454E27; 
padding: 0em 1em; 
text-align: left; 
} 
.listing a:hover { 
text-decoration: underline; 
} 
.listing img { 
vertical-align: middle; 
} 

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

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

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

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 #454E27 ! important; 
} 
.stx table td { 
border-bottom: 1px solid #454E27; 
} 

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

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

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

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

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

.portlet .even { 
background-color: #f7f9fa; 
} 
.portlet .odd { 
background-color: transparent; 
} 
.portlet input { 
font-size: 100%; 
} 

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

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

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


/* Navigation tree styling */ 

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

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

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

.currentNavItem, 
#portlet-navigation-tree a:hover { 
background-color: #99CC00; 
color: #436976; 
border: 1px solid #454E27; 
} 

/* The deprecated navtree levels. These will go away once we ship with new 
navtree in 2.1 */ 

.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; } 


/* New-style navigation tree */ 

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

.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 White; 
} 

.portletNavigationTreeItem a:hover, 
.currentNavItem { 
background-color: #99CC00; 
color: #436976; 
border: 1px solid #454E27 !important; 
} 

/* The new navtree level structure. */ 

.portletNavigationLevel0 { 
margin: 0; 
} 



.comment { 
background: #f7f9fa; 
border: 1px dashed #454E27; 
padding: 0 1em 0.5em 1em; 
margin-bottom: 1em; 
} 

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

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

.spacer { 
margin: 1em; 
} 

/* workflow state colors */ 

.state-private { 
color: Red; 
} 
.state-visible { 
color: #74AE0B; 
} 
.state-published { 
color: #436976; 
} 
.state-pending { 
color: #99CC00; 
} 
.state-expired { 
color: Red; 
} 
.syndicated { 
color: #008000; 
} 

/* Sitemap styling */ 

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

.portal-sitemap .portletNavigationLevel1 { 
padding-left: 1em; 
border-left: 0.5em solid #454E27; 
margin: 0 0 0 0.7em; 
} 

.portal-sitemap .portletNavigationLevel2 { 
padding-left: 1em; 
border-left: 0.5em solid #99CC00; 
} 

.role-Member { 

} 
.role-Reviewer { 

} 
.role-Manager { 

} 
.role-Translator { 

} 
.location-frontpage { 

} 
.location-news { 

} 
.location-members { 

} 
.even { 
background-color: #f7f9fa; 
} 
.odd { 
background-color: transparent; 
} 
.visualHighlight { 
background-color: #f7f9fa; 
} 

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

.listingBar { 
background-color: #99CC00; 
border-color: #454E27; 
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; 
} 

/* 
** Accessibility and visual enhancement elements 
*/ 

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

.link-parent { 
display: block; 
background: transparent url(/images/arrowUp.gif) 4px 5px no-repeat; 
padding: 1px 0px 1px 16px; 
font-size: 85%; 
} 

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

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

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

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

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

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

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

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

.link-comment { 
background: transparent url(/images/discussionitem_icon.gif) center left no-repeat; 
padding: 1px 0px 1px 16px !important; 
} 

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

.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; 
} 

.visualClear { 
display: block; 
clear: both; 
} 
.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; 
} 
.label { 
font-weight: bold; 
display: inline; 
padding-right: 0.5em; 
} 

.optionsToggle { 
border: 1px solid #454E27; 
color: Black; 
background-color: #99CC00; 
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: #99CC00; 
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%; 
} 

/* 
** 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 #454E27; 
margin: 1em 0em; 
} 
.ploneCalendar a { 
text-decoration: none; 
} 
.ploneCalendar a:hover { 
text-decoration: none; 
} 
.ploneCalendar th { 
background-color: #99CC00; 
font-weight: bold; 
text-align: center; 
padding: 2px; 
} 
.ploneCalendar td { 
background-color: transparent; 
width: 1.5em; 
text-align: right; 
padding: 2px; 
} 
.ploneCalendar .weekdays td { 
background-color: #99CC00; 
border: 1px solid #454E27; 
border-style: solid none; 
text-align: center; 
padding: 2px; 
} 
.ploneCalendar .event { 
background-color: #99CC00; 
font-weight: bold; 
} 
.ploneCalendar .todayevent { 
background-color: #99CC00; 
border: 2px solid #99CC00; 
font-weight: bold; 
} 
.ploneCalendar .todaynoevent { 
border-collapse: collapse; 
border: 2px solid #99CC00; 
} 

/* for highlighting of search terms */ 

.highlightedSearchTerm { 
background-color: #feff82; 
} 

/* for highlighting current items, like the language or today in the calendar */ 
.currentItem { 
border-collapse: collapse; 
border: 2px solid #99CC00; 
padding: 1px; 
} 

/* */