@charset "UTF-8";
@media screen { /* - member.css - */
  /* workflow state colors */
  .state-private { color: red !important; }
  .state-visible { color: #74ae0b !important; }
  .state-published { color: #436976 !important; }
  .state-pending { color: orange !important; }
  .state-expired { color: red !important; }
  .syndicated { color: green !important; }
  /* Pulldown menu state indicators */
  #plone-contentmenu-workflow .state-private { padding: 0 0.5em; background-color: red; border: 0.1em solid red; color: white !important; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
  #plone-contentmenu-workflow .state-visible { padding: 0 0.5em; background-color: #74ae0b; border: 0.1em solid #74ae0b; color: white !important; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
  #plone-contentmenu-workflow .state-published { padding: 0 0.5em; background-color: #436976; border: 0.1em solid #436976; color: white !important; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
  #plone-contentmenu-workflow .state-pending { padding: 0 0.5em; background-color: orange; border: 0.1em solid orange; color: white !important; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
  /* @override http://localhost:8080/4/portal_css/Sunburst%20Theme/public.css http://localhost:8080/sprites/portal_css/Sunburst%20Theme/public.css */
  /* @group CSS Reset */
  /* Remove implicit browser styles to have a neutral starting point: - No elements should have implicit margin/padding - No underline by default on links (we add it explicitly in the body text) - When we want markers on lists, we will be explicit about it, and they render inline by default - Browsers are inconsistent about hX/pre/code, reset - Linked images should not have borders */
  * { margin: 0; padding: 0; }
  * :link { text-decoration: none; }
  :visited { text-decoration: none; }
  * ul, ol { list-style: none; }
  * li { display: inline; }
  h2, h3, h4, h5, h6, pre, code { font-size: 1em; margin: 0.75em 0 0.25em; }
  h2, h3, h4, h5, h6 { font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; }
  * a img, :link img, :visited img { border: none; }
  a { outline: none; }
  table { border-spacing: 0; }
  img { vertical-align: text-bottom; }
  iframe { border-width: 0; border-style: none; }
  /* @end */
  /* @group Basics */
  body { font: 74% Arial, Helvetica, sans-serif; background: url(../img/bodybg.jpg) repeat-x #5d8787; color: black; margin: 0px; padding: 0px; padding-bottom: 20px; line-height: 1.25em; /* width: 58em; margin: 1em auto; */ }
  h1, h2, h3, h4, h5, h6 { font-weight: bold; color: black; line-height: 1.5em; }
  h1 { color: #c65252; font-size: 160%; font-weight: normal; }
  h2 { font-size: 110%; }
  h3, h4 { font-size: 110%; }
  h5 { font-size: 1em; }
  h6 { font-size: 0.8em; }
  h2 a, h3 a, h4 a { border-bottom: none !important; }
  a:link, a:visited { color: #c65252; }
  a:focus img { outline: thin dotted; }
  dt { font-weight: bold; }
  input { font-family: "Lucida Grande", Arial, FreeSans; }
  q { quotes: "“" "”" "‘" "’"; }
  /* @end */
  /* @group Navigation/search */
  div#visual-portal-wrapper { width: 1001px; margin: 0 auto; background: url("../img/portal_wrapper_bg.png") top left repeat-y white; }
  div#portal-wrapper-clear { clear: both; height: 1px; }
  #portal-top > div { width: 100%; margin-left: -100%; }
  #portal-header { position: relative; height: 226px; background: url("/++theme++mpi-web/img/header.png") no-repeat scroll right top transparent; }
  #portal-logo { height: 120px; left: 30px; overflow: hidden; position: absolute; top: 50px; width: 120px; }
  #portal-logo a { display: block; padding-top: 120px; }
  #portal-logo a span { visibility: hidden; }
  #portal-columns { background: white; margin-top: -55px; }
  #portal-columns.portlets-both { background: white url("/++theme++mpi-web/img/bg_both_portlets.png") repeat-y top left; }
  #portal-columns.portlets-left { background: white url("/++theme++mpi-web/img/bg_one_portlet.png") repeat-y top left; }
  #portal-columns.portlets-right { background: white url("/++theme++mpi-web/img/bg_one_portlet.png") repeat-y top right; }
  /* removes extra space above logo in IE6 and IE7 */
  /* .ie6 and .ie7 is set on <html> by Modernizr library */
  .ie6 #portal-logo, .ie7 #portal-logo { margin-top: 0; }
  #portal-globalnav { clear: both; font-size: 70%; margin: 0 0 0 239px; background: transparent; }
  #portal-globalnav li a { display: inline-block; padding: 3px 5px; white-space: normal; }
  #portal-personaltools { float: right; background: #e3e3e3; position: relative; z-index: 3; /* personaltools should be above #portal-header (with z-index: 2) */ top: 0; right: 0; padding: 0.25em 0.5em; font-size: 80%; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em; -webkit-border-bottom-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; }
  #portal-personaltools #anon-personalbar a { float: left; margin: 0 0.5em; }
  #portal-languageselector { float: right; background: #e3e3e3; position: relative; top: 0; right: 1px; z-index: 3; /* portal-header has 2 and we need to be above to be clickable */ padding: 0.25em 0.5em; font-size: 80%; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em; -webkit-border-bottom-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; max-width: 50%; }
  #portal-searchbox { float: right; text-align: left; clear: right; margin: 15px 0px 14px; font-size: 80%; width: 181px; }
  #portal-searchbox form { white-space: nowrap; }
  #portal-searchbox label { font-weight: normal; }
  #portal-searchbox .searchSection { display: none; }
  #portal-searchbox input { border: medium none; height: 16px; padding-left: 3px; width: 149px; color: #76797c; display: inline-block; }
  #portal-searchbox input.searchButton { background: url("../img/search_icon.gif") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; margin-left: -4px; margin-top: 1px; width: 15px; text-indent: -999em; overflow: hidden; }
  #portal-searchbox input#searchGadget { height: 17px; }
  #searchGadget { width: 13em; }
  .LSBox { position: relative; }
  #content input.searchField { margin-bottom: 1em; }
  /* Collapsible elements in search_form */
  .collapsible .collapser.collapsed { padding-right: 14px; background: url("../img/arrowRight.png") center right no-repeat; }
  .collapsible .collapser.expanded { padding-right: 14px; background: url("../img/arrowDown.png") center right no-repeat; }
  /* @end */
  /* @group LiveSearch */
  #LSResult { position: absolute; margin: 0; z-index: 15; }
  #LSResult fieldset { padding: 1em 0 0; border: 0.1em solid #cccccc; background: white; }
  #livesearchLegend { background-color: #cccccc; padding: 0.3em; }
  #LSResult .LSDescr { font-size: 85%; color: #666666; }
  .LSRow, #LSNothingFound { display: block; padding: 0.5em 1em; white-space: normal; width: 28em; }
  .LSHighlight { background: #dddddd; }
  /* @end */
  /* @group Path indicator (breadcrumbs) */
  #portal-breadcrumbs { line-height: 1.4em; margin-top: -30px; margin-bottom: 22px; width: 530px; color: #8c8c8c; }
  #portal-breadcrumbs a { border-bottom: none; display: inline-block; color: #8c8c8c; }
  #portal-breadcrumbs .breadcrumbSeparator { color: #666666; }
  /* @end */
  .revision-uptodate-info { margin: 5px 0px 10px; border: 1px solid #999966; background-color: #999966; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; }
  .revision-uptodate-info form { display: inline; }
  .revision-uptodate-info dl dt, .revision-uptodate-info dl dd { padding: 3px 5px; }
  .revision-uptodate-info dl dt { color: white; }
  .revision-uptodate-info dl dd { background-color: #ffffe3; }
  .revision-uptodate-info dl input { background: transparent; border: none; color: #c65252; font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin-bottom: 2px; }
  /* @group Site actions */
  #portal-siteactions { font-size: 85%; padding-bottom: 2em; text-align: center; clear: left; }
  #portal-siteactions li { margin-right: 0.5em; }
  #portal-siteactions li a:hover { color: #75ad0a; }
  /* @end */
  /* @group Listings */
  a.link-anchor { border: none !important; color: black !important; cursor: default !important; }
  #content a.link-overlay { border-bottom: 1px dotted #c65252 !important; }
  dl dt .documentByLine { font-weight: normal; }
  dl dt span.summary a { border: none !important; }
  dl.portlet { margin: 0 0 1em; }
  dl.portletError { background-color: orange; }
  dl.portlet dt { padding: 0.42em 1em; line-height: normal; }
  dl.portlet dt.portletHeader { font-weight: bold; padding: 0 1em; }
  /* @end */
  /* @group Portlets */
  div.portletAssignments div.portletHeader { padding: 0.42em 1em; background: #dddddd; line-height: normal; }
  dl.portlet dt.hiddenStructure { padding: 0; }
  div.portletAssignments { font-size: 0.8em; line-height: 2em; }
  div.portletAssignments .managedPortletActions { float: right; }
  div.portletAssignments .managedPortletActions a, div.portletAssignments .managedPortletActions button { margin: 0 0.25em; border: none; cursor: pointer; background-color: transparent; color: #c65252; }
  div.portletAssignments .managedPortletActions form { display: inline; }
  dl.portlet dt a:link, dl.portlet dt a:visited, dl.portlet dt a:hover { color: black; display: block; border: none; }
  dl.portlet dd.portletItem, dl.portlet dd.portletFooter { padding: 1em; }
  dl.portletError dd { padding: 1em; }
  div.managePortletsLink { text-align: center; padding: 0.25em 0.5em; font-size: 80%; margin: 0 auto 1em; background: #dddddd; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
  a.managePortletsFallback { text-align: center; padding: 0.25em 0.5em; font-size: 80%; margin: 0 auto 1em; background: #dddddd; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; display: inline-block; /* in order for our vertical margins to work on inline element */ }
  #content a.managePortletsFallback { display: block; border-bottom: none !important; }
  #portlet-prefs a { border: none; line-height: 2em; }
  #visual-portal-wrapper dl.portletCalendar dd { padding: 0; }
  #dashboard-portlets1, #dashboard-portlets2, #dashboard-portlets3, #dashboard-portlets4 { display: inline-block; }
  /* @end */
  /* @group Navigation portlet */
  dl.portlet ul.navTree li a { border: none; display: block; }
  dl.portletNavigationTree dd.portletItem { padding: 0; }
  dl.portlet ul.navTreeLevel0 > .navTreeItem { padding: 0.25em 1em; border-bottom: 0.1em dotted #dddddd; line-height: 2em; }
  dl.portlet ul.navTreeLevel1 .navTreeItem { padding-left: 0.5em; line-height: 2em; }
  dl.portlet ul.navTree .navTreeCurrentItem { background-color: #dddddd; border-left: 1em solid #dddddd; margin-left: -1em; margin-right: -1em; }
  /* @end */
  /* @group Content Area */
  #content { clear: both; font-size: 110%; padding: 0.5em 50px 0px; margin-left: 2px; }
  /* Special case of #content - TinyMCE */
  body#content { margin: 1em; }
  #content.mceContentBody { padding: 0; font-size: 76%; }
  #content { line-height: 1.25em; }
  #content h1 { margin-top: 0.5em; }
  #content h1.documentFirstHeading { margin-top: 0; font-weight: normal; color: #c65252; font-size: 160%; line-height: 1em; margin-bottom: 9px; width: 472px; }
  #content table, #content dl { margin-bottom: 1em; }
  #content p { margin: 0 0 0.75em; }
  dl.portlet { margin-bottom: 1em; }
  dl.portlet p { margin-bottom: 1em; }
  #content a:link { color: #c65252 !important; }
  #content a:link:hover { text-decoration: underline; }
  #content a:link:visited { color: #c65252; }
  #content a:link[href^="mailto:"], #content a:link.link_mailto { background: url("../img/mail_icon.png") no-repeat scroll 0 1px transparent; padding: 1px 0 1px 18px; }
  dl.portlet a:link { color: #c65252; }
  #content a:target { background-color: #ffffbb; }
  #content span.link-external a { background: transparent url("../img/link_icon.png") 0px 1px no-repeat; padding: 1px 0px 1px 16px; }
  #category { font-size: 75%; margin-bottom: 1em; color: #666666; text-align: right; }
  #category a.link-category { color: black; padding: 0.25em 0.5em; background: #dddddd; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
  span.selectedTag { color: black; padding: 0.25em 0.5em; background: #dddddd; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
  #category a.link-category:hover { background: #c65252; color: white; border-color: #c65252; }
  #category .separator { display: none; }
  #content ul { list-style-type: disc; margin-left: 2em; line-height: 1.4em; }
  #content ol { list-style-type: decimal; margin-left: 2em; }
  dl.portlet ol, div.portletStaticText ol { list-style-type: decimal; margin-left: 2em; }
  #content li, dl.portlet li, div.portletStaticText li { margin-bottom: 0.25em; line-height: 1.5em; display: list-item; }
  #content ul { margin: 0.5em 0 0 1.5em; }
  #content li { margin-bottom: 8px; line-height: 1.4em; }
  #content dt { font-weight: bold; margin-bottom: 0; margin-right: 0; margin-top: 2em; }
  #content dd { margin: 0.5em 0 1.5em; line-height: 1.5em; }
  #content pre { background-color: #222222; color: white; font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; padding: 1em; overflow-x: auto; font-size: 90%; margin-bottom: 1em; line-height: 1.25em; }
  #content pre.python { background-color: white; }
  #content code { font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; }
  #content .discreet { color: #666666; font-size: 85%; font-weight: normal; }
  div#viewlet-above-content, div#viewlet-below-content { margin-left: 50px; margin-right: 50px; }
  div.documentByLine { color: #76797c; font-size: 95%; font-weight: normal; margin-bottom: 8px; }
  #sidebar .discreet { color: #666666; font-size: 85%; font-weight: normal; }
  #content .visualHighlight { background-color: #ffffbb; }
  #content .pullquote { margin: 0 1em 0.5em 0.5em; font-weight: bold; line-height: 1.25em; float: right; width: 35%; clear: right; color: #444444; font-size: 1.6em; letter-spacing: -0.08em !important; }
  #content .callout { background: #eeeeee; padding: 1em; border-left: 1em solid #cccccc; clear: both; }
  #content table { text-align: left; border-collapse: collapse; border-spacing: 0px; }
  #content .documentDescription, #content #description { font-weight: bold; margin: 0 0 0.5em; }
  #content img.tileImage { float: right; margin: 0 1em 0.5em 1em; }
  #content div.newsImageContainer { float: right; margin: 0.5em 0 0.5em 1em; }
  #content div.newsImageContainer a { border-bottom: none; }
  #content div.newsImageContainer p.discreet { margin: 0; padding: 5px; background-color: rgba(40, 40, 40, 0.7); color: white; font-weight: bold; position: relative; width: 190px; top: -2.4em; }
  .eventDetails { float: right; clear: right; margin: 0 0 0.5em 1em; }
  /* For event view template, changed headerless table to headings and divs, for better accessibility. */
  #content .eventDetails { border-color: #cccccc; border-style: solid; border-width: 0.08em; width: 22em; margin-top: 1em; }
  #content .eventDetails h2 { background-color: #dddddd; font-size: 100%; letter-spacing: 0; padding: 0.5em; padding-left: 1em; }
  #content .eventDetails .eventDetail { clear: both; }
  #content .eventDetails .eventDetail h3, #content .eventDetails .eventDetail div { padding: 2%; }
  #content .eventDetails .eventDetail h3 { float: left; font-size: 100%; text-align: right; width: 37%; }
  #content .eventDetails .eventDetail div { float: left; width: 55%; }
  /* @end */
  /* @group Data tables */
  table.listing, table.plain { border-spacing: 0; border-collapse: collapse; }
  table.invisible td, table.invisible th { padding: 0.5em 1em; vertical-align: top; }
  table.plain td, table.plain th { padding: 0.5em 1em; vertical-align: top; }
  table.listing td, table.listing th { padding: 0.5em 1em; vertical-align: top; }
  table.plain th, table.plain td { border: 1px solid #dddddd; }
  table.listing { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
  table.listing td.listingCheckbox, table.listing th.listingCheckbox { text-align: center; }
  table.listing .top { border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; }
  table.listing th { text-align: left; color: #666666; border: 0.1em solid #e7e7e7; border-style: solid solid none; background: #dddddd; }
  table.listing tr.odd th { border: 0.1em solid white; border-style: solid solid none none; }
  table.listing tbody th { font-weight: bold; }
  table.listing tbody tr { text-align: left; }
  table.listing tbody tr.odd { background: #eeeeee; }
  table.listing tbody tr td { background: transparent; }
  table.listing tbody tr.odd td { background: #eeeeee; }
  table.listing td { border-right: 1px solid #dddddd; }
  .icons-on table.listing td { line-height: 2em; }
  table.listing a { border: none; display: inline-block; border-bottom: none !important; }
  table.listing td.draggable { text-shadow: white 1px 1px 1px; background: #dddddd !important; border-bottom: 1px solid white; padding: 0.4em 0.4em 0 0.5em; }
  table.vertical th { text-align: right; }
  table.vertical td { border-top: 0.1em solid #e7e7e7; padding: 0.5em; }
  table.grid td, table.grid th { border: 1px solid #e7e7e7; padding: 0.5em; }
  /* Vertical table data listings */
  /* Grid table listings */
  .dragindicator { outline: 2px solid gold; }
  #foldercontents-order-column { padding: 0; }
  div.listingBar { font-size: 80%; margin: 1em 0; }
  div.listingBar .next { display: inline-block; float: right; }
  div.listingBar .previous { display: inline-block; }
  div.listingBar a { display: inline-block; padding: 0.25em 0.5em; border: 0.1em solid #cccccc; }
  div.listingBar a:hover { color: white; background-color: #329fd7; border-color: #329fd7; }
  /* @end */
  /* @group Status messages */
  dl.portalMessage { margin: 1em; font-size: 100%; border: 1px solid #999966; background-color: #ffffe3; clear: both; }
  dl.portalMessage a { color: black; border-bottom: 1px solid #888888; }
  .documentEditable dl.portalMessage { margin: 1em 50px; }
  .documentEditable #content dl.portalMessage { margin: 1em 0px; }
  #content dl.portalMessage a { color: black; border-bottom: 1px solid #888888; }
  dl.portalMessage dt { background-color: #999966; font-weight: bold; float: left; margin: 0 0.5em 0 0; padding: 0.5em 0.75em; color: white; line-height: 1.25em; }
  dl.portalMessage dd { padding: 0.5em 0.5em; margin: 0; line-height: 1.25em; }
  dl.warning { border-color: #dd8800; }
  dl.warning dt { background-color: #dd8800; }
  dl.error { border-color: #dd0000; }
  dl.error dt { background-color: #dd0000; }
  dl.warning { border-color: #dd8800; }
  dl.warning dd { background-color: #ffdd77; }
  dl.error { border-color: red; }
  dl.error dd { background-color: #ffddcc; }
  /* Additional specificity for when status is shown inside #content */
  #content dl.portalMessage { font-size: 100%; }
  #content dl.portalMessage dt { margin: 0 0.5em 0 0; padding: 0.5em 0.75em; }
  #content dl.portalMessage dd { margin: 0; }
  #content ul.formTabs { background-color: #dddddd; border: 0.3em solid #dddddd; }
  /* @end */
  /* @group Editing */
  /* @group Tabs */
  /* Color differences between the two tab types */
  #edit-bar { background-color: #75ad0a; border: 0.25em solid #75ad0a; font-size: 90%; min-height: 2em; margin: 0 50px 1.5em 50px !important; padding-top: 0.05em; }
  #content-views { float: left; background-color: #75ad0a; }
  /* fix shift on content views list under ie6 */
  /* .ie6 is set on <html> by Modernizr library */
  .ie6 ul#content-views { margin: -2px -3px 0px -3px; }
  #content-views a { color: white; }
  /* Shared CSS between the two tab types */
  #edit-bar, #content ul.formTabs, #content-core ul.formTabs { display: block; border-style: solid solid none solid; margin-left: 0; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; }
  #content li.formTab, #content-core li.formTab { display: inline; margin-right: 0.25em; }
  #content-views a, #content li.formTab a, #content-core li.formTab a { /* this isn't supported by all browsers, so we keep it in a separate rule */ display: inline-block; }
  #content-views a, #content li.formTab a, #content-core li.formTab a { line-height: 2em; padding: 0 0.75em; text-decoration: none; border: none; margin: 0; }
  #content-views li.selected a, #content li.formTab a.selected, #content-core li.formTab a.selected { font-weight: bold; }
  #content-views li.selected a, #content-views li a:hover { background: white; color: black; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; }
  #content li.formTab a.selected, #content li.formTab a:hover { background: white; color: black; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; }
  #content-core li.formTab a.selected, #content-core li.formTab a:hover { background: white; color: black; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; }
  #content li.formTab a.notify, #content-core li.formTab a.notify { background-color: red; color: white; }
  #content li.formTab a.required span:after, #content-core li.formTab a.required span:after, div.field span.required:after { content: "■"; color: red; padding-left: 0.2em; }
  #content fieldset.formPanel, #content-core fieldset.formPanel { border: none; }
  #content fieldset.formPanel.hidden, #content-core fieldset.formPanel.hidden, #content div.formControls input.hidden, #content-core div.formControls input.hidden { display: none; }
  /* @end */
  /* @group Pulldown menus */
  /* @group Personal tools pulldown */
  #portal-personaltools dt { font-weight: normal; }
  #portal-personaltools dt.actionMenuHeader a:after { content: " ▼"; }
  #portal-personaltools dd { right: 0; padding-top: 0.5em; background: #e3e3e3; padding-bottom: 0.5em; }
  #portal-personaltools dd a { line-height: 2em; padding: 0 0.75em; }
  #portal-personaltools dd a:hover { background: #c65252; color: white; }
  /* @end */
  /* @group Content pulldowns */
  #contentActionMenus dl.actionMenu { line-height: 2em; }
  #contentActionMenus dl.actionMenu a { background-color: #75ad0a; color: white; z-index: 5; }
  #contentActionMenus dl.actionMenu.activated dd { background-color: #75ad0a; color: white; z-index: 5; border-bottom: 0.5em solid #75ad0a; right: -3px; }
  #contentActionMenus dl.actionMenu.activated dd a:hover, #contentActionMenus dl.actionMenu.activated dd .actionMenuSelected { background-color: white !important; color: #666666; }
  #folderHeader { border-bottom: 2px solid white; }
  #contextHeader { border-bottom: 2px solid white; margin-top: 5px; }
  /* @end */
  #contentActionMenus { float: right; background: #75ad0a; margin: 0; position: relative; top: -0.23em; right: -0.24em; padding: 0.1em 0.24em 0 0; border-radius: 0.5em; border-top-left-radius: 0; -webkit-border-radius: 0.5em; -webkit-border-top-left-radius: 0; -moz-border-radius: 0.5em; -moz-border-radius-topleft: 0; }
  .actionMenuContent { padding: 0 0.25em; }
  dl.actionMenu { float: right; white-space: nowrap; position: relative; margin-left: 0.5em; }
  dl.actionMenu a, dl.actionMenu div { display: block !important; white-space: nowrap; }
  dl.actionMenu dt { font-weight: normal; }
  span.arrowDownAlternative { font-size: 80%; }
  dl.actionMenu.deactivated dt { margin: 0 0.25em; }
  dl.actionMenu.deactivated dd { display: none; }
  dl.actionMenu.activated dd { position: absolute; width: auto; min-width: 100%; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em; -webkit-border-bottom-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; }
  dl.actionMenu.activated dt a { margin: 0 0.25em; }
  dl.actionMenu.activated dd a, dl.actionMenu.activated dd div { margin: 0 0.25em; }
  /* @end */
  /* @group Control panel */
  #setup-link { font-size: 90%; }
  #content ul.configlets { margin: 1em 0; list-style-image: none; list-style: none; }
  #content ul.configlets li { margin-bottom: 1em; list-style: none; display: block; }
  #content ul.configlets li a { text-decoration: none; border: none; }
  #content ul.configlets li a:visited, #content ul.configlets li a:active { color: #436976; background-color: transparent; }
  #content ul.configlets li label { font-weight: bold; }
  #content ul.configletDetails { margin: 0em 1em 1em 4em; list-style-image: none; list-style: none; }
  #content ul.configletDetails li { margin-bottom: 1em; display: inline; }
  #content ul.configletDetails li a { text-decoration: none; }
  #content ul.configletDetails li label { font-weight: bold; }
  #content ul.configletDetails li.configletDescription { display: block; color: #76797c; margin: 0; }
  .inlineDisplay { display: inline; }
  table.controlpanel-listing { width: 100%; }
  table.controlpanel-listing td, table.controlpanel-listing th { font-size: 120%; }
  table.controlpanel-listing dl { margin-top: 0; }
  table.controlpanel-listing dd { margin-left: 1em; }
  table.controlpanel-listing dl dt a .trigger { font-weight: normal; }
  table .controlpanel-listing td { vertical-align: top; }
  table.controlpanel-listing td.checker { text-align: center; }
  table.controlpanel-listing th.smallcolumn { width: 1.5em; }
  .chooser-right { float: right; margin-right: 0; margin-bottom: 0; }
  .rule-element { background-color: #eef3f5; margin: 0.5em 0pt 0.5em; padding: 0.3em 1em 0.3em 1em; width: auto; }
  .rule-element dl dd { margin-left: 1em; }
  .rule-updown, .rule-operations { float: right; padding-top: 0.8em; }
  /* @end */
  /* @group Collapsible */
  dl.collapsible { border: 0.1em solid #8cacbb; margin: 1em 0; padding: 0; }
  dl.collapsible dt.collapsibleHeader { display: block; float: left; background: white; line-height: 1.2em; vertical-align: middle; font-size: 90%; position: relative; top: -0.6em; width: auto; margin: 0 0 -0.6em 1em; padding: 0 0.5em; }
  dl.collapsible dd.collapsibleContent { margin: 0; padding: 0 1em 0.4em; clear: left; }
  dl.collapsible dd.collapsibleContent > dl { margin: 0; padding: 0; }
  dl.expandedInlineCollapsible dt.collapsibleHeader, dl.expandedBlockCollapsible dt.collapsibleHeader { padding: 0 0.5em 0 2em; background: white url("../img/treeExpanded.png") no-repeat 0.5em 50%; cursor: pointer; }
  dl.collapsedBlockCollapsible { border: none; height: 1em; width: auto; }
  dl.collapsedInlineCollapsible dt.collapsibleHeader, dl.collapsedBlockCollapsible dt.collapsibleHeader { float: none; position: relative; margin: 0 0 0 1em; padding: 0 0.5em 0 2em; line-height: 1.2em; cursor: pointer; background: white url("../img/treeCollapsed.png") no-repeat 0.5em 50%; }
  dl.collapsedInlineCollapsible dd.collapsibleContent, dl.collapsedBlockCollapsible dd.collapsibleContent { display: none; }
  dl.collapsedInlineCollapsible { border: none; height: 1em; width: auto; display: inline; }
  dl.collapsedInlineCollapsible dt.collapsibleHeader { position: static; float: none; margin: 0; padding: 0 0 0 2em; line-height: 1em; cursor: pointer; display: inline; }
  /* for IE the following isn't needed, that's why the css2 selector is used */
  /* @end */
  /* @group Comments */
  .comment { margin-top: 1.5em; font-size: 80%; }
  .comment .documentByLine { margin-left: 1em; }
  .comment .formControls { margin-left: 0; }
  .commentTime { color: #666666; }
  .commentBody { padding: 1em; margin: 0.5em 0; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; box-shadow: 0 0 1em 0 #888888; -moz-box-shadow: 0 0 0.5em 0 #888888; -webkit-box-shadow: 0 0 0.5em #888888; }
  .comment h1, .comment h2, .comment h3, .comment h4, .comment h5, .comment h6 { font-weight: normal; }
  /* @end */
  .reviewHistory, .contentHistory { display: inline; color: black; }
  .spacer { margin: 1em; }
  .label { font-weight: bold; display: inline; }
  .optionsToggle { border: 0.1em solid #8cacbb; color: black; background-color: #dee7ec; font-weight: normal; font-size: 90%; }
  /* for highlighting of search terms */
  .highlightedSearchTerm { background-color: #ffffaa; }
  dl.searchResults .highlightedSearchTerm { background-color: transparent; font-weight: bold; }
  /* for greying out inherited roles */
  .noInheritedRoles { color: #a0a0a0; }
  /* for highlighting current items, like the language or today in the calendar */
  .currentItem { border-collapse: collapse; border: 0.2em solid orange; padding: 0.1em; }
  /* @end */
  /* @group Search results page */
  fieldset#search-field { border: none !important; text-align: center; }
  input.searchPage { font-size: 200% !important; }
  #rss-subscription { float: left; line-height: 3em; }
  #search-results-bar .actionMenuContent { margin-top: 1em; padding: 0; }
  #search-filter { background: #dddddd; margin: 0; padding: 0; }
  #content #search-filter fieldset { border: none !important; position: relative; padding: 0; margin: 0; }
  #content #search-filter legend { background: transparent; font-size: 1.1em; padding: 0.5em 0.9em; font-weight: bold; }
  #search-filter .field { background: #eeeeee; padding: 1em 1.5em; margin: 0; }
  #search-filter .field label { font-weight: normal; }
  #search-filter .formControls { text-align: center; }
  #search-results-wrapper { margin-top: 1em; }
  form.searchPage h1.documentFirstHeading { font-weight: normal; letter-spacing: 0; float: left; margin-right: 0.8em; }
  form.searchPage h1.documentFirstHeading .highlightedSearchTerm { background: transparent !important; }
  #search-results-bar > * { float: left; }
  #searchResultsSort { float: right; }
  #search-results-bar { position: relative; z-index: 1; float: left; width: 100%; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 1em 0; }
  #search-results-bar dl.actionMenu { margin-bottom: 0; }
  #search-results-bar dd.actionMenuContent { margin-left: 0; padding-left: 0; }
  #search-results-bar dt.actionMenuHeader a { border-bottom: none; }
  #search-results-bar dt.actionMenuHeader a::after { content: " ▼"; }
  #search-results { padding: 1em; }
  .searchResults { margin-top: 0; }
  #ajax-search-res { display: none; }
  /* @end */
  /* @group Image alignment classes */
  .image-left { float: left; margin: 0.5em 1em 0.5em 0; }
  .image-right { float: right; margin: 0.5em; }
  .image-inline { float: none; }
  /*note: the tricky thing here is that image-inline|image-left|image-right can both be on an image and a wrapper element e.g. a dl tag */
  img.image-left, img.image-right { border: 1px solid #dddddd; }
  .captioned img { border: 1px solid #dddddd; }
  dd.image-caption { text-align: left; padding: 0 0 0 3px; /*image padding+border with */ margin: 0; color: #666666; font-size: 85%; }
  /* @end */
  /* @group Dashboard */
  #dashboard-actions ul { list-style: none; margin-left: 0; }
  #dashboard-actions ul li { list-style: none; }
  #dashboard { font-size: 125%; line-height: 1em; }
  #dashboard dd { margin: 0; }
  #dashboard dl.portlet a:link { border-bottom: none; }
  #dashboard-portlets1, #dashboard-portlets2, #dashboard-portlets3 { float: left; width: 23%; padding: 0.7em 1.3em 0 0; }
  #dashboard-portlets4 { float: left; width: 23%; padding-top: 0.7em; }
  #dashboard-portlets1 dl.portlet, #dashboard-portlets2 dl.portlet, #dashboard-portlets3 dl.portlet, #dashboard-portlets4 dl.portlet { margin-bottom: 1.5em; }
  /* @end */
  /* @group Forms */
  fieldset, .editionComment { line-height: 1.5em; margin: 1em 0; padding: 0 1em 1em; width: auto; }
  /* Emulates the styling from the h1 tag */
  #content .field input[type="text"][name$=".title"], #archetypes-fieldname-title input { font-family: "Helvetica Neue", Arial, FreeSans, sans-serif; line-height: 125%; color: black; margin: inherit; font-size: 2em; /* 26px equiv */ font-weight: bold; }
  /* Emulates styling from the description's view */
  #content .field textarea[name$=".description"], #archetypes-fieldname-description textarea#description { font-family: Arial, FreeSans, sans-serif; color: #666666; font-size: 1.25em; font-weight: bold; }
  div.formControls { margin: 1em; }
  input { background: white url("../img/input_background.png") repeat-x 0 0; border-color: #666666 #dddddd #dddddd #666666; border-image: none; border-style: solid; border-width: 1px; }
  input[type="text"]:focus, input[type="password"]:focus { background-color: lightyellow; border-color: orange; }
  input[type="radio"], input[type="checkbox"] { margin-right: 5px; }
  input.context, input.destructive, input.standalone, input.submit-widget { padding: 0px 16px 0px 0px; background-position: right; margin-bottom: 1em; text-align: left; border: 1px solid #a6987c; font-size: 80%; font-weight: bold; color: #a6987c; margin-left: 10px; }
  textarea:focus { background-color: lightyellow; }
  #content textarea { font: 100% Monaco, "Courier New", Courier, monospace; width: 100%; }
  #content select { vertical-align: top; }
  #content fieldset { border: 0.1em solid #329fd7; border-style: solid none none none; }
  #content legend { padding: 0.5em; font-size: 85%; }
  label { font-weight: bold; }
  #content optgroup { font-style: normal; font-weight: bold; color: #999999; padding-left: 0.25em; }
  #content option { color: black; }
  #content optgroup > option { padding: 0 0.25em 0 1em; }
  dl.enableFormTabbing dd { margin-left: 0; padding-top: 2em; }
  .searchSection { color: #76797c; margin-top: 0.25em; }
  .searchSection label:hover { color: black; }
  .field { clear: both; margin-bottom: 1em; }
  .field input[type="text"] { width: 20em; }
  .field input[type="text"][size] { width: auto; }
  .field input[type="text"][name$=".title"] { width: 100%; }
  input#title { width: 100%; }
  .field.error input[type="text"][name$=".title"], .error input#title { width: 99%; }
  .fieldRequired { background: url("../img/required.png") center left no-repeat; padding: 0 0 0 1em; color: white; }
  .fieldUploadFile { text-align: right; margin-right: 0.75em; display: none; }
  .fieldTextFormat { text-align: right; margin-right: 0.75em; }
  .formHelp { color: #555555; margin: 0 0 0.2em 0; display: block; font-weight: normal; }
  div.field.error { background-color: #ffddcc; border: 1px solid red; padding: 0.5em; margin: 1em 0; }
  .error .fieldRequired { color: #dd0000; }
  div.error.warning { background-color: transparent; border: none; margin-top: 0; padding: 0; }
  div.error.warning input { border: 2px solid red; }
  input.inputLabelActive { color: #76797c; }
  textarea#form\.description { height: 6em; width: 99%; }
  table.listing tbody tr.odd.selected td, table.listing tbody tr.odd.dragging td { background-color: #ffffaa; }
  tr.dragging, tr.selected { background-color: #ffffaa; }
  table.listing tbody tr.odd.error td, tr.error { background-color: #ffddcc; }
  .multi-widget-field { padding-left: 0.5em; border-left: 1.5em solid #dddddd; }
  .multi-widget-checkbox { margin-left: -2em; margin-right: 0.5em; width: 1.5em; display: inline-block; }
  /* @group Login form */
  .pb-ajax #login-form { text-align: center; }
  #login-form { margin: 0px; padding: 0px; }
  body.template-register #content input, body.template-new-user #content input { font-size: 150%; width: inherit; }
  #fieldset-openid-login label, #login-form label { margin-right: 0.5em; padding-top: 0.2em; text-align: left; width: 10em; display: inline-block; }
  #fieldset-openid-login .formControls input, #login-form .formControls input { margin-left: 0.25em; }
  /* @end */
  /* @end */
  /* @group Table of Contents */
  /*Table of Contents styling - essentially a portlet with smaller fonts and aligned right + limited in width */
  dl.toc { float: right; width: 35%; font-size: 100%; margin: 1em 0 0.5em 1.5em; }
  dl.toc dt { margin-left: 1em; font-weight: normal; text-transform: uppercase; }
  dl.toc dd { margin-bottom: 0; padding-left: 2em; }
  dl.toc dd ol { margin-left: 1.5em; }
  /* @end */
  /* @group Footer */
  #portal-footer { background: url("../img/footerbg.gif") no-repeat; font-size: 75%; margin-top: 1em; padding-top: 4px; padding-bottom: 2px; color: #96896f; }
  #portal-footer ul { margin: 0 0 0 8px; padding: 0 0 0 2px; }
  #portal-footer ul a { color: #96896f; }
  #portal-footer ul a:hover { color: #c65252; }
  #portal-colophon, #portal-siteactions { display: none; }
  /* @end */
  /* @group Album view classes */
  .photoAlbumEntry { float: left; position: relative; overflow: hidden; height: 185px; width: 143px; margin: 0em; padding: 0px 6px 0px 9px; text-align: center; background-image: url("../img/polaroid-single.png"); background-repeat: no-repeat; }
  .photoAlbumEntry img { border: 1px solid #cccccc; display: block; margin: 0 auto; }
  .photoAlbumEntryWrapper { height: 130px; width: 128px; margin-bottom: 7px; }
  .photoAlbumEntry a { display: block; text-decoration: none; font-size: 90%; height: 169px; width: 130px; margin: 16px auto 0px; }
  .photoAlbumFolder { background-image: url("../img/polaroid-multi.png"); background-repeat: no-repeat; }
  .photoAlbumEntryTitle { color: #76797c; display: block; width: 128px; height: 3.6em; }
  /* @end */
  /* @group Invisibles */
  .hiddenStructure { display: block; background: transparent; background-image: none; /* safari bug */ border: none; height: 0.1em; overflow: hidden; padding: 0; margin: -0.1em 0 0 -0.1em; width: 1px; }
  /* ensures hidden elements don't take up space */
  /* .ie6 is set on <html> by Modernizr library */
  .ie6 .hiddenStructure, .ie7 .hiddenStructure { position: absolute; }
  #content .visualNoMarker { list-style: none; margin-left: 0; }
  .visualClear { clear: both; }
  /* @end */
  /* @group Accessibility elements, applied by JS */
  body.largeText { font-size: 125%; }
  body.smallText { font-size: 85%; }
  /* @end */
  /* @group Overlay windows */
  /* styling for overlays (popups) */
  div.overlay { width: auto; height: auto; /* initially overlay is hidden */ display: none; /* some padding to layout nested elements nicely */ margin: 1em; font-size: 80%; }
  div.overlay-iframe, div.overlay-ajax { width: 60%; min-height: 100px; z-index: 99; /* overlays should be above everything */ }
  div.overlay-iframe { height: 60%; }
  div.overlaybg div.close, div.overlay div.close { background-image: url("../img/pb_close.png"); position: absolute; left: -14px; top: -14px; cursor: pointer; height: 30px; width: 30px; }
  /* default close button positioned on upper-left corner */
  .pb-ajax { overflow-y: auto; background-color: white; border: 1px solid #999999; white-space: normal; box-shadow: 0 0 3em 0.5em #666666; -moz-box-shadow: 0 0 3em 0.5em #666666; -webkit-box-shadow: 0 0 3em #666666; }
  .pb-image, .overlay iframe { background-color: white; border: 1px solid #999999; white-space: normal; box-shadow: 0 0 3em 0.5em #666666; -moz-box-shadow: 0 0 3em 0.5em #666666; -webkit-box-shadow: 0 0 3em #666666; }
  .pb-ajax > div { width: 92%; padding: 1em; }
  .pb-ajax .documentActions { display: none; }
  div.overlay div.close span { display: block; height: 1px; margin: -1px 0 0 -1px; overflow: hidden; padding: 0; width: 1px; }
  div.overlay textarea { width: 100%; }
  div.overlay .link-parent { display: none; }
  div.overlay #createGroup legend { display: none; }
  div.overlay #createGroup fieldset { border: none; }
  div.overlay p { margin-bottom: 1em; }
  div.overlay label { margin-bottom: 0.25em; }
  div.overlay a:hover { color: #75ad0a; }
  div.overlay a:hover label { cursor: pointer; }
  div.overlay a.selected { color: black; }
  div.overlay .formTab { margin-right: 1em; font-weight: bold; }
  div.overlay .formTab.lastFormTab { margin-right: 0em; }
  div.overlay .formControls a { display: block; margin: 0.75em; }
  /* Hide form elements that don't make sense within an overlay. */
  /* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
  /* @end */
  /* @group Content History */
  div.historyRecord { margin-bottom: 1em; }
  div.historyTools ul { float: right; margin: 2px 1em; }
  div.historyTools ul li { display: inline; padding: 0 0.015em; }
  div.historyTools ul li a { border-bottom: none; }
  div.historyTools form { display: inline; }
  .historyByLine { background: #dddddd; padding: 0.5em; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; }
  div.historyLinks { float: right; clear: right; margin: 0.5em 1em 0 0; }
  div.historyComment { padding: 0.5em 1em; border: 1px solid #dddddd; }
  div.historyComment p { margin: 0; padding-top: 1px; }
  a.historyComparePrevious { border-top: 1px dotted #cccccc; display: block; margin-top: 1.5em; margin-bottom: -0.5em; text-align: center; }
  a.historyComparePrevious span { background-color: white; position: relative; top: -0.75em; padding: 0 0.5em; }
  /* @end */
  /* @group Core content type sprites */
  /* Generated using http://spritegen.website-performance.org, with the following parameters: - Build direction: Vertical - Horizontal offset: (doesn't matter, but can't be 0) - Vertical offset: 200px - Compress image with OptiPNG: yes - Class prefix: contenttype- - Display width and height: no Then, add 4 px to the background-position to line up the icons to text.  .contenttype-document_icon { background-position: 0 0;  } .contenttype-event_icon { background-position: 0 -216px;  } .contenttype-file_icon { background-position: 0 -432px;  } .contenttype-folder_icon { background-position: 0 -648px;  } .contenttype-image_icon { background-position: 0 -864px;  } .contenttype-link_icon { background-position: 0 -1080px;  } .contenttype-newsitem_icon { background-position: 0 -1296px;  } .contenttype-site_icon { background-position: 0 -1512px;  } .contenttype-topic_icon { background-position: 0 -1728px;  } */
  .icons-on .contenttype-document, .icons-on .contenttype-expandedselectioncriterion, .icons-on .contenttype-mediapage, .icons-on .contenttype-presentation, .icons-on .contenttype-publication, .icons-on .contenttype-rawpage { background: no-repeat transparent 0px 4px url("../img/contenttypes-sprite.png"); }
  .icons-on .contenttype-event, .icons-on .contenttype-folderishevent { background: no-repeat transparent 0px -212px url("../img/contenttypes-sprite.png"); }
  .icons-on .contenttype-folder { background: no-repeat transparent 0px -644px url("../img/contenttypes-sprite.png"); }
  .icons-on .contenttype-link { background: no-repeat transparent 0px -1076px url("../img/contenttypes-sprite.png"); }
  .icons-on .contenttype-news-item { background: no-repeat transparent 0px -1292px url("../img/contenttypes-sprite.png"); }
  .icons-on .contenttype-plone-site { background: no-repeat transparent 0px -1508px url("../img/contenttypes-sprite.png"); }
  .icons-on .contenttype-collection, .icons-on .contenttype-topic, .icons-on .contenttype-presentationlist, .icons-on .contenttype-publicationlist { background: no-repeat transparent 0px -1724px url("../img/contenttypes-sprite.png"); }
  .icons-on .contenttype-group { background: no-repeat transparent 0px 0px url("../img/group.png"); }
  .icons-on .contenttype-person { background: no-repeat transparent 0px 0px url("../img/person.gif"); }
  .icons-on .contenttype-project { background: no-repeat transparent 0px 0px url("../img/project.gif"); }
  .icons-on #plone-contentmenu-factories .contenttype-file { background: no-repeat transparent 0px -428px url("../img/contenttypes-sprite.png"); }
  .icons-on #plone-contentmenu-factories .contenttype-image { background: no-repeat transparent 0px -860px url("../img/contenttypes-sprite.png"); }
  .icons-on .contenttype-document, .icons-on .contenttype-event, .icons-on .contenttype-folder, .icons-on .contenttype-link, .icons-on .contenttype-news-item, .icons-on .contenttype-plone-site, .icons-on .contenttype-collection, .icons-on .contenttype-topic, .icons-on .contenttype-expandedselectioncriterion, .icons-on .contenttype-mediapage, .icons-on .contenttype-presentation, .icons-on .contenttype-publication, .icons-on .contenttype-rawpage, .icons-on .contenttype-presentationlist, .icons-on .contenttype-publicationlist, .icons-on .contenttype-folderishevent, .icons-on .contenttype-group, .icons-on .contenttype-person, .icons-on .contenttype-project { line-height: 2em; display: inline-block; padding-left: 20px !important; }
  .icons-on #plone-contentmenu-factories .contenttype-file, .icons-on #plone-contentmenu-factories .contenttype-image { line-height: 2em; display: inline-block; padding-left: 20px !important; }
  /* These should only appear in the add menu */
  /* @end */
  /* @group jQuery Tag multiple selector */
  .optionsBox { overflow-y: auto; border: solid 1px #999999; background: white; height: 14em; width: 100%; }
  /* IE7: fixes super-wide div for JavaScript Tag selector */
  /* .ie7 is set on <html> by Modernizr library */
  .ie7 div.optionsBox { width: 50%; }
  .optionsBox LABEL { padding: 2px 0 0 0; display: block; line-height: 1em; font-weight: normal; }
  .optionsBox input { vertical-align: middle; margin: 1px 4px 4px 6px; }
  /* IE7: fixes super-wide div for JavaScript Tag selector */
  /* .ie7 is set on <html> by Modernizr library */
  .ie7 .optionsBox input { margin: 0px; }
  .optionsBox LABEL.checked { background-color: #eeeeee; }
  .optionsBox LABEL.hover { background-color: #777777; color: white; }
  #archetypes-fieldname-subject .formHelp { font-weight: normal; }
  #existingTagsSection { position: relative; margin-left: 3em; }
  #existingTags { float: left; width: 50%; }
  #content #existingTags dd { margin-bottom: 1px; margin-left: 0; }
  #content #selectedTags, #content #newTags { margin-bottom: 0; margin-left: 0; }
  #content #selectedTagsSection { margin-left: 3em; float: left; width: 43%; margin-bottom: 0; }
  #newTagsSection { width: 48%; margin-left: 3em; }
  #content p.selectedTag { margin-bottom: 0.4em; }
  #existingTagsTitle, #newTagsTitle { float: left; }
  #existingTagsHelp, #newTagsHelp { float: right; }
  #noTagsSelected, #oneOrMoreTagsSelected { display: none; }
  /* @end */
  #mpi-top { height: 90px; left: 5px; overflow: hidden; position: absolute; top: 5px; width: 500px; }
  #mpi-top a { display: block; padding-top: 120px; }
  #mpi-top a span { visibility: hidden; }
  div#pyproxy_spinner { display: none; }
  #globalnav-wrapper { position: absolute; top: 94px; left: 196px; z-index: 10; }
  #portal-globalnav { position: relative; z-index: 3; margin-top: 93px; }
  #portal-globalnav a.noClick { cursor: default; }
  #portal-globalnav li { float: left; margin: 0; padding: 0; }
  #portal-globalnav li > a { display: block; position: relative; color: white; font-size: 11px; line-height: normal; padding: 5px; text-decoration: none; }
  #portal-globalnav li.selected > a, #portal-globalnav li.selected > a:hover { background: url("../img/menu-selectedbg.jpg") repeat-x; }
  #portal-globalnav li.plain > a:hover { background: url("../img/menu-hoverbg.jpg") repeat-x; }
  #portal-globalnav li.selected ul.submenu, #portal-globalnav li.plain ul.submenu { width: 150px; background: #f2eee6; border: none; }
  #portal-globalnav li.selected ul.submenu li, #portal-globalnav li.plain ul.submenu li { border-bottom: 1px solid white; }
  #portal-globalnav li.selected ul.submenu li a, #portal-globalnav li.plain ul.submenu li a { background: #f2eee6 url("../img/submenubg.jpg") repeat-x scroll center bottom; color: black !important; border: none; }
  #portal-globalnav li.selected ul.submenu li a:hover, #portal-globalnav li.plain ul.submenu li a:hover { background-color: black; background-image: none; color: white !important; border: none; }
  #portal-globalnav li.selected ul.submenu li a img, #portal-globalnav li.plain ul.submenu li a img { display: none; }
  #mpi-extramenu ul { margin-right: 10px; padding: 0; font-size: 10px; color: white; position: absolute; right: 0px; z-index: 5; }
  #mpi-extramenu ul a { color: white; }
  #mpi-extramenu ul a:hover { text-decoration: underline; }
  #mpi-fullname { position: absolute; z-index: 15; top: 117px; right: 10px; }
  #mpi-fullname li a { color: black; }
  #mpi-fullname li a:hover { text-decoration: underline; }
  html #portal-globalnav { height: 1%; }
  .left-column-image { margin: 0 5px 0px 12px; }
  #content .collage-item { padding-top: 0.3em; margin-bottom: 0.6em; }
  #content .collage-item .collage_title { color: #c65252; font-weight: bold; margin-top: 2px; }
  #content .collage-item .date { color: #76797c; font-size: 85%; font-weight: normal; }
  #content .collage-item a { color: #c65252; border-bottom: none; }
  #content .collage-item a.collage_title { font-weight: bold; margin-top: 2px; }
  #content .collage-divider { background: url("../img/horizontaldots.gif") repeat-x center bottom; padding-bottom: 0.6em; }
  #content a.printicon, #content a.rssicon { background-image: url("../img/printicon.gif"); display: block; float: right; height: 14px; margin-right: -29px; margin-top: 2px; padding: 0; vertical-align: top; width: 14px; border-bottom: none; text-decoration: none; }
  #content a.rssicon { background-image: url("../img/rss.png"); margin-top: 20px; width: 16px; }
  .portlet-static-max-planck-institute-for-psycholinguistics { padding-left: 3px; }
  .portlet-static-max-planck-institute-for-psycholinguistics p { margin-bottom: 0.75em; }
  .portlet-static-max-planck-institute-for-psycholinguistics p a:hover { text-decoration: underline; }
  dl.portlet-static-about-mpi p { margin-bottom: 0.75em; line-height: 1.5em; }
  dl.portlet-static-about-mpi dd.portletItem { padding-top: 12px; padding-left: 14px; }
  dl.portlet-static-image-right { margin-top: 13px; margin-left: -16px; }
  dl.portlet-static-image-right dt { display: none; }
  #content .tileItem { border-top: 1px solid #8cacbb; margin-top: 0.5em; padding-top: 0.5em; }
  #content .tileItem .tileBody { margin-bottom: 0.5em; }
  div#portal-column-one dt { display: none; }
  div#portal-column-one ul.portletMpiNavigationPortlet { font-size: 105%; line-height: 1.5em; margin: 11px 0 10px 14px; }
  div#portal-column-one ul.portletMpiNavigationPortlet li { display: block; margin: 2px 0; }
  div#portal-column-one ul.portletMpiNavigationPortlet li a:link, div#portal-column-one ul.portletMpiNavigationPortlet li a:visited { color: black; }
  div#portal-column-one ul.portletMpiNavigationPortlet li a:link:hover, div#portal-column-one ul.portletMpiNavigationPortlet li a:visited:hover { color: #c65252; }
  div#portal-column-one ul.portletMpiNavigationPortlet li.menuSelected a { background-color: white; color: #a6987c; display: block; width: 181px; font-weight: bold; }
  table.event-listing { border-collapse: collapse; width: 100%; }
  table.event-listing td { border-top: 1px dotted #cccccc; margin: 0; padding: 0.5em 0; vertical-align: top; }
  table.event-listing td.event-date { padding-right: 0.25em; width: 90px; }
  table.event-listing td.event-details { padding: 0.5em 0.25em; }
  table.event-listing td.event-category { padding-left: 5px; width: 97px; }
  table.event-listing td .event-title { display: block; font-weight: bold; }
  #mpi-parent-title { color: #c65252; margin-bottom: 0; padding-right: 5px; }
  /* @group Sitemap */
  #portal-sitemap { font-size: 90%; margin-left: 0; }
  #portal-sitemap li { margin-left: 1.5em; }
  #portal-sitemap ul li.visualNoMarker { list-style: circle; padding-top: 0px; margin-top: 0px; }
  #portal-sitemap a { border-bottom: none; display: block; color: #c65252 !important; }
  #portal-sitemap a > img { display: none; }
  #portal-sitemap > li { border-bottom: 0.1em dotted #dddddd; line-height: 1.8em; margin-bottom: 0; margin-left: 0px; }
  #portal-sitemap .navTreeLevel2 { font-weight: normal; margin-bottom: 0; }
  #portal-sitemap .navTreeLevel2 ul { font-weight: normal; margin-bottom: 0; }
  #portal-sitemap .navTreeLevel2 ul .visualNoMarker { list-style-type: square; }
  /* @end */
  /* Zest table */
  table.pretty_table2 thead { border-bottom: 1px solid #5d8787; }
  table.pretty_table2 thead td { font-size: 120%; font-weight: bold; padding: 20px 10px; }
  table.pretty_table2 tbody:before { content: "-"; display: block; line-height: 20px; color: transparent; }
  table.pretty_table2 tbody tr td { padding: 5px 10px; }
  table.pretty_table2 tbody tr td:first-child { vertical-align: top; }
  table.pretty_table2 tbody tr.green { background: #bfcfcf; }
  table.pretty_table2 tbody tr.green td { padding: 10px 10px; }
  table.pretty_table2 tbody tr.gray { background: #dddddd; }
  table.pretty_table2 tbody tr.gray td { padding: 10px 10px; }
  /* The 16-column Deco Grid System. For the 12-column variant, see decogrids-12.css.  Cells are 4% width, 1.125% left/right margin.  If page width is fixed to 960px width: Cell will be equivalent to 40px, left/right margin will be 10px. */
  div.row { float: left; width: 100%; display: block; position: relative; }
  div.cell { position: relative; float: left; left: 100%; }
  /* IE8: keeps livesearch from falling behind content area, and display menu from falling behind footer Keeping float for IE7, so the portlets don't fall */
  .ie6 div.cell { float: none; }
  /* Width classes. For a given cell width, the calculation is: width: (6.25*n - 2.25)% */
  div.width-1 { width: 4%; }
  div.width-2 { width: 10.25%; }
  div.width-3 { width: 16.5%; }
  div.width-4 { width: 22.75%; }
  div.width-5 { width: 29%; }
  div.width-6 { width: 35.25%; }
  div.width-7 { width: 41.5%; }
  div.width-8 { width: 47.75%; }
  div.width-9 { width: 54%; }
  div.width-10 { width: 60.25%; }
  div.width-11 { width: 66.5%; }
  div.width-12 { width: 72.75%; }
  div.width-13 { width: 79%; }
  div.width-14 { width: 85.25%; }
  div.width-15 { width: 91.5%; }
  div.width-16 { width: 97.75%; }
  div.position-0 { margin-left: -100%; }
  div.position-1 { margin-left: -92.625%; }
  div.position-2 { margin-left: -86.375%; }
  div.position-3 { margin-left: -80.125%; }
  div.position-4 { margin-left: -73.875%; }
  div.position-5 { margin-left: -67.625%; }
  div.position-6 { margin-left: -61.375%; }
  div.position-7 { margin-left: -55.125%; }
  div.position-8 { margin-left: -48.875%; }
  div.position-9 { margin-left: -42.625%; }
  div.position-10 { margin-left: -36.375%; }
  div.position-11 { margin-left: -30.125%; }
  div.position-12 { margin-left: -23.875%; }
  div.position-13 { margin-left: -17.625%; }
  div.position-14 { margin-left: -11.375%; }
  div.position-15 { margin-left: -5.125%; }
  div.width-1\3a 2  { width: 47.75%; }
  div.width-1\3a 4  { width: 22.75%; }
  div.width-3\3a 4 { width: 72.75%; }
  div.width-full { width: 100%; }
  div.position-1\3a 4  { margin-left: -73.875%; }
  div.position-1\3a 2  { margin-left: -48.875%; }
  div.position-3\3a 4 { margin-left: -23.875%; }
  div.width-1\3a 3 { width: 31.08%; }
  div.width-2\3a 3 { width: 64.42%; }
  div.position-1\3a 3 { margin-left: -65.545%; }
  div.position-2\3a 3 { margin-left: -32.205%; }
  div#visual-portal-wrapper { background-color: white; margin: 0 auto; padding: 0; position: relative; width: 970px; }
  div#portal-column-one { width: 194px; margin-left: -970px; color: #96896f; }
  div#portal-column-one a { color: #c65252; text-decoration: none; border-bottom: none; }
  div#portal-column-one a:hover { color: #c65252; }
  div#portal-column-two { width: 189px; margin-left: -194px; padding-left: 5px; padding-top: 15px; }
  div#portal-column-content.width-1\3a 2 { width: 581px; margin-left: -776px; }
  div#portal-column-content.width-full { width: 970px; margin-left: -970px; }
  div#portal-column-content.width-3\3a 4 { width: 775px; }
  div#portal-column-content.width-3\3a 4.position-1\3a 4 { margin-left: -776px; }
  div#portal-column-content.width-3\3a 4.position-0 { margin-left: -970px; }
  /* Positioning classes, these are subtracting from a rightmost position, which is why they seem the wrong way around */
  /* For a given position, the calculation is margin-left: -100 + (6.25*n) + 1.125 */
  /* End of the core Deco Grid System */
  /* Convenience classes — ¼, ½, ¾ widths and ¼, ½, ¾ positions. Not strictly necessary. */
  .width-1\3a 2 { width: 47.75%; }
  .width-1\3a 4 { width: 22.75%; }
  .width-3\3a 4 { width: 72.75%; }
  .width-full { width: 97.75%; }
  .position-1\3a 4 { margin-left: -73.875%; }
  .position-1\3a 2 { margin-left: -48.875%; }
  .position-3\3a 4 { margin-left: -23.875%; }
  /* Special classes for ⅓, ⅔ widths and ⅓, ⅔ positions. These do not strictly conform to the grid, but are useful for certain layouts. */
  .width-1\3a 3 { width: 31.08%; }
  .width-2\3a 3 { width: 64.42%; }
  .position-1\3a 3 { margin-left: -65.545%; }
  .position-2\3a 3 { margin-left: -32.205%; }
  .managedPortlet { margin: 0.8em 0; }
  .blockedPortlet .portletHeader { border: 1px dashed #dddddd; margin: -1px; background: none !important; }
  .blockedPortlet .portletHeader a { color: #666666; }
  .blockedPortlet .portletBlockedMessage { color: white; display: inline; }
  .portletCalendar { width: 100%; margin: 1px 0 1em 0; }
  .portletCalendar dt { background-color: #eeeeee; font-weight: bold; text-align: center; line-height: 1.6em; border-bottom: none; }
  .portletCalendar dd { margin: 0; padding: 0; }
  .portletCalendar dt a#calendar-previous { float: left; padding: 0 1em; margin: 0 -0.5em; }
  .portletCalendar dt a#calendar-next { float: right; padding: 0 1em; margin: 0 -0.5em; }
  .portletCalendar a { text-decoration: none; }
  .portletCalendar a:focus, .portletCalendar a:hover { text-decoration: none; }
  .ploneCalendar { border-spacing: 0; width: 100%; }
  .ploneCalendar a { text-decoration: none; border-bottom: none !important; }
  .ploneCalendar td { background-color: transparent; width: 14%; text-align: center; padding: 2px; }
  .ploneCalendar .weekdays th { background-color: #eeeeee; text-align: center; padding: 2px; font-weight: normal; }
  .ploneCalendar .event { background-color: #eeeeee; font-weight: bold; }
  .ploneCalendar .todayevent { background-color: #eeeeee; border: 2px solid #205c90; font-weight: bold; }
  .ploneCalendar .todaynoevent { border: 2px solid #205c90; }
  .portletItemDetails { font-size: 85%; padding-top: 0.5em; line-height: 1.5em; margin-left: 1em; display: block; }
  html.ie6 ul#content-views { margin: -2px -3px 0px -3px; }
  html.ie6 #portal-logo, html.ie7 #portal-logo { margin-top: 0; }
  html.ie6 .hiddenStructure, html.ie7 .hiddenStructure { position: absolute; }
  html.ie6 div.optionsBox, html.ie7 div.optionsBox { width: 50%; }
  html.ie6 .optionsBox input, html.ie7 .optionsBox input { margin: 0px; }
  html.ie6 #portal-columns, html.ie7 #portal-columns { z-index: 1; }
  html.ie6 #portal-top, html.ie7 #portal-top { z-index: 2; }
  html.ie6 #contentActionMenus #plone-contentmenu-workflow, html.ie7 #contentActionMenus #plone-contentmenu-workflow { z-index: 6; }
  html.ie6 div.cell, html.ie7 div.cell { float: none; }
  html.ie6 h2.tileHeadline, html.ie7 h2.tileHeadline { display: block; }
  /* ** Login form customization */
  #login_form { margin-bottom: 30px; text-align: left; margin: 0; padding: 0; line-height: normal; border: none !important; }
  #login_form h3 { margin-top: 0; }
  #login_form .field { clear: none; }
  #login_form legend { display: none; }
  #login_form label { float: left; width: 100px; }
  #login_form input { width: 120px; }
  #login_form input.context { width: 60px; position: absolute; left: 156px; }
  #forgotten-password { float: right; width: 45%; font-size: 100%; text-align: left; margin-bottom: 35px; }
  #forgotten-password p.discreet { color: black; font-size: 95%; }
  #content #login-form { border: none; }
  #imagebox { text-align: center; margin-bottom: 10px; }
  #imagebox ul#all-images li { display: inline; }
  #imagebox ul#all-images a { text-decoration: none; }
  #imagebox ul#all-images img { border: 0px; margin-bottom: 5px; }
  #imagebox ul#all-images li.image-selected img { border: 5px solid #c65252; margin-bottom: 0px; }
  #imagebox .image-mini { opacity: 0.5; }
  #imagebox #current-image { padding: 5px; }
  .publication-popup { font-size: 100% !important; margin: 0; background-image: none; background-color: white; height: 100%; position: relative; }
  .publication-popup div.close { z-index: 12; }
  .publication-popup .pb-ajax > div { padding: 0px; width: 100%; }
  .publication-popup #request-email legend { padding-top: 0; }
  .publication-popup .supplements h3 { font-size: 100%; }
  .publication-popup .publication-base .supplements ul { margin: 0px; list-style-type: none; }
  .publication-popup .supplements { margin-bottom: 0.75em; }
  .publication-popup .printicon { float: none; border: none; }
  .publication-popup .publication-base { margin-top: 3em; }
  .publication-popup .publication-base .citation { margin-bottom: 1em; font-weight: bold; }
  .publication-popup .publication-base .abstract, .publication-popup .publication-base .popup-toc, .publication-popup .publication-base .full-text-links { margin-bottom: 1.5em; }
  .publication-popup #toc-open legend { font-weight: normal; padding-top: 0; }
  .publication-popup #request-email { margin-top: 0; }
  .publication-popup #toc-open { margin-top: 0; display: none; }
  .publication-popup #toc-open-link, .publication-popup #toc-close-link { color: #3a5a5a; cursor: pointer; }
  #popup-body { font-family: Arial, ​Helvetica, sans-serif; min-height: 100%; line-height: 1.25em; }
  #popup-body a { color: #c65252; text-decoration: none; }
  #popup-body a:hover { text-decoration: underline; }
  #popup-body li { display: block; }
  * html #popup-body { height: 100%; }
  #popup-header { height: 52px; font-weight: bold; background-color: #5d8787; position: relative; }
  #popup-label { padding: 16px 0 0 2em; font-size: larger; color: white; }
  #popup-header-image { float: right; height: 84px; width: 200px; background: url("../img/popupheader.jpg") no-repeat top right; position: absolute; right: 1px; }
  #popup-content { margin: 1em 2em; padding-bottom: 1em; }
  #email-trigger { color: #3a5a5a; cursor: pointer; }
  #popup-footer { color: white; font-weight: bold; padding: 5px 0.5em; background-color: #5d8787; text-align: right; height: 20px; margin: -30px auto 0 auto; }
  #popup-footer a { color: white; font-variant: none; text-decoration: none; }
  table.person-bottom-info td { padding-right: 5px; }
  .documentEditable #content .multipleSelectionWidget dt { margin-top: 0; }
  dl.portletTwitterPortlet dt.portletHeader, dl.portletTwitterPortlet dd.portletItem { padding-left: 3px; }
  /* Avoid a clear:both in PloneFormGen quick edit fields, otherwise the fields get hidden. */
  #pfg-qetable .field { clear: none; }
  #content-core .summary img { margin-right: 4px; }
  /* Handling for FAQ */
  #content .faq_entries a.question-title:link { color: black; }
  /* Handling for faceted navigation */
  #content #faceted-form li, #portal-column-two #top-area li { display: block; }
  #content #faceted-form .faceted-zero-count-hidden li.faceted-checkbox-item-zerocount, #portal-column-two #top-area .faceted-zero-count-hidden li.faceted-checkbox-item-zerocount { display: none; }
  #portal-column-two #top-area fieldset { border: none; }
  form#faceted-edit-widgets #left-area, form#faceted-edit-widgets #right-area { width: 16em; }
  form#faceted-edit-widgets #center-content-area { margin: 0px 16em; } }
@media print { /* Removes certain elements when printing, and apply basic font styles for the remaining content. */
  body { font-family: "Helvetica Neue", Arial, FreeSans, sans-serif; }
  h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Arial, FreeSans, sans-serif; font-weight: bold; line-height: 125%; page-break-inside: avoid; page-break-after: avoid; }
  h1, h2 { letter-spacing: -0.05em; }
  a { text-decoration: none; border-bottom: 0.1em solid gray; color: black; }
  #portal-column-content { width: 95%; }
  .documentDescription { font-weight: bold; }
  pre { border: 1pt dotted black; white-space: pre; font-size: 8pt; overflow: auto; padding: 1em; }
  table.listing { border: 1pt solid black; border-collapse: collapse; }
  table.listing td { border: 1pt solid black; border-collapse: collapse; padding: 6px; }
  table.listing th { padding: 6px; }
  /* Page break class for use when printing */
  div.pageBreak { page-break-before: always; }
  /* Basic styles for listing and document views */
  #content dt { margin: 1em 0 0.625em; }
  #content p, #content table { margin-bottom: 0.625em; margin-top: 0.625em; }
  #content .documentDescription, #content #description { margin: 0.5em 0 1.31em; }
  /* Uncomment these if you want link addresses inserted along with the link text when you print. #content a:link:after, #content a:visited:after { content: " [" attr(href) "] "; } */
  /* Hide all the elements that are irrelevant for printing */
  div.top, #portal-logo, #portal-siteactions, .hiddenStructure, #portal-searchbox, #portal-globalnav, #portal-personaltools, #portal-breadcrumbs, #edit-bar, #portal-column-one, #portal-column-two, #portal-languageselector, .contentViews, .contentActions, .help, .legend, .portalMessage, .documentActions, .netscape4 { display: none; }
  #viewlet-below-content .reply, #viewlet-below-content .discussion { display: none; }
  #kss-spinner, #review-history, #content-history, .listingBar, #portal-footer, #portal-colophon, .skipnav, #kss-spinner, #review-history, #content-history, .listingBar, .link-presentation, input.standalone, .overlay, .managePortletsFallback, .close, .link-parent, .draggingHook, #foldercontents-order-column, input.context, .visualNoPrint { display: none; }
  /* Image alignment classes */
  .image-left { float: left; clear: both; margin: 0.5em 1em 0.5em 0; border: 0.4pt solid black; }
  .image-inline { float: none; }
  .image-right { float: right; clear: both; margin: 0.5em; border: 0.4pt solid black; }
  dd.image-caption { text-align: left; padding: 0; margin: 0; }
  dl.captioned { padding: 0.8em; }
  .newsImageContainer { float: right; margin: 0.5em 0 0.5em 1em; width: 16em; } }