/*
** Plone style sheet - Base Elements
**
** 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.
**
*/

body {
    font: 69% Arial, Helvetica, sans-serif;
    background-color: White;
    color: #161E24;
    margin: 0;
    padding: 0;
}
table {
    font-size: 100%;
}
a {
    color: #435A6E;
    background-color: transparent;
}
img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0 0 0.75em 0;
    line-height: 1.5em;
}
p img {
    border: none;
    margin: 0;
}
hr {
    border: 0;
    height: 1px;
    color: #D0DAE2;
    background-color: #D0DAE2;
    margin: 0.5em 0 1em 0;
}
h1, h2, h3, h4, h5, h6 {
    color: #476075;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0.75em 0 0.25em 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
}
h1 {
    margin-top: 0;
    font-size: 15px;
    font-weight: bold;
    color: #476075 ! important;
    padding: 6px 0;
    border-top: 1px solid #D0DAE2;
    border-bottom : 1px solid #D0DAE2;
}
h1 a {
   color: #476075 ! important;
}


h2 {
    font-size: 14px;
    font-weight: bold;
    color: #2F818D ! important;
}
h2 a {
    color: #2F818D ! important;
}

h3 {
    font-size: 13px;
    font-weight: bold;
    color: #2F818D ! important;
}
h3 a {
    color: #2F818D ! important;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    color: #476075 ! important;
}
h4 a {
    color: #476075 ! important;
}

h5 {
    font-size: 11px;
    font-weight: bold;
    color: #476075 ! important;
}
h5 a {
    color: #476075 ! important;
}

h6 {
    font-size: 11px;
    font-weight: bold;
    color: #2F818D ! important;
}
h6 a {
    color: #2F818D ! important;
}

ul {
    line-height: 1.5em;
    padding: 0;
}
ol {
    line-height: 1.5em;
    padding: 0;
}
li {
    margin-bottom: 0.5em;
}
dt {
    font-weight: bold;
}
dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}
abbr, acronym, .explain {
    border-bottom: 1px dotted #161E24;
    color: #161E24;
    background-color: transparent;
    cursor: help;
}
abbr .explain {
    border-bottom: none;
}
q {
    font-family: Baskerville, Georgia, serif;
    font-style: italic;
    font-size: 120%;
}
blockquote {
    padding-left: 0.5em;
    margin-left: 0;
    border-left: 4px solid #D0DAE2;
    color: #76797c;
}
code, tt {
    font-family: Monaco, "Courier New", Courier, monospace;
    font-size: 120%;
    color: #161E24;
    background-color: #ECF0F3;
    padding: 0 0.1em;
}
pre {
    font-family: Monaco, "Courier New", Courier, monospace;
    font-size: 100%;
    padding: 1em;
    border: 1px solid #D0DAE2;
    color: #161E24;
    background-color: #ECF0F3;
    overflow: auto;
}
ins {
    color: green;
    text-decoration: none;
}
del {
    color: red;
    text-decoration: line-through;
}

fieldset {
    border: none;
}


/*
** Plone style sheet - Public-facing Elements
**
** 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.
**
*/

.hiddenStructure {
    display: none;
}

/* Accessibility elements, applied by JS */
body.largeText { font-size: 95%; }
body.smallText { font-size: 60%; }

/* Padding for the columns */

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

/* Content area */

/* moche image dans les titres css correction (bad but ...) */

#region-content h1 img {
    display:block;
    float:right;
    margin-top:-17px;
}

.documentFirstHeading {
    margin-top: 0;
}

.documentContent {
    font-size: 110%;
    padding: 1em 1em 2em 1em !important;
    background: White;
}
.documentContent ul {
    list-style-image: url(/bullet.gif);
    list-style-type: square;
    margin: 0.5em 0 0 1.5em;
}
.documentContent ol {
    margin: 0.5em 0 0 2.5em;
}


/* End links */

/* End edit form elements */


.breadcrumbSeparator {
    font-size: 120%;
}
.addFavorite {
    vertical-align: bottom;
}
.documentEditable {
    padding: 0em 1em 1em 1em !important;
    margin: 0 -1em;
}
#content-news h1 {
    margin-bottom: 1em;
}


.newsItem {
    margin-bottom: 1em;
    border-bottom: 1px solid #D0DAE2;
}
.newsImage {
    border: 1px solid #ccc;
}
.newsImageContainer {
    float:right;
    margin: 0 0 0.5em 1em;
    width: 202px;
}
.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: 90%;
    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;
}
.documentActions {
    margin:-38px 0 20px;
    padding: 0;
    text-align: right;
}
.documentActions ul {
    margin: 0;
    padding: 0 0.5em;
    display: block;
    margin: 1em 0;
    list-style-type: none;
    list-style-image: none;
}
.documentActions li {
    display: inline;
    font-size: 90%;
    margin: 0 0.5em;
    padding: 0 0.25em;
    background-color: White;
}
.documentActions a {
    border: none !important;
    text-decoration: none;
}

/* Status messages */

dl.portalMessage {
    font-size: 90%;
    background-color: #ffffe3; 
    border: 1px solid #996;    
}
dl.portalMessage a {
    color: black;
    border: none;
    text-decoration: underline;
}
dl.portalMessage dt {
    background-color: #996; 
    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: #d80;
}
dl.warning dt {
    background-color: #d80;
}
dl.error {
    border-color: #d00;    
}
dl.error dt {
    background-color: #d00; 
}
dl.warning {
    border-color: #d80;    
}
dl.warning dd {
    background-color: #fd7; 
}
dl.error {
    border-color: #d80;    
}
dl.error dd {
    background-color: #fd7; 
}

.documentDescription {
    font-size: 13px;
    color: #42596D;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.documentByLine {
    font-size: 90%;
    font-weight: normal;
    color: #76797c;
    margin-bottom: 0.5em;
}
dl.searchResults span.documentByLine {
    display: block;
}
.discussion {
    margin-top: 1em;
}
.even {
    background-color: #F4F4F4;
}
.odd {
    background-color: transparent;
}
.visualHighlight {
    background-color: #ffc;
}
.discreet {
    color: #76797c;
    font-size: 90%;
    font-weight: normal;
}
.pullquote {
    padding: 0 1em 0 1em;
    margin: 0 0 1em 1em;
    font-weight: bold;
    color: #CC9933;
    float: right;
    width: 35%;
    clear: right;
    background-color: White;
    border-left: 4px solid #D0DAE2;
}
.callout {
    font-weight: bold;
    color: #CC9933;
    padding: 0px 1em;
}

.notify,
.documentEditable * .notify {
    border: 1px solid #F17B00;
}
.card {
    background-color: #ECF0F3;
    border-color: #D0DAE2;
    border-width: 1px;
    border-style: solid;
    float: left;
    margin: 1em;
    text-align: center;
    width: 110px;
    padding: 1em 0;
}
.card a {
    text-decoration: none;
}
.portrait {
    background-color: #ECF0F3;
    border-color: #D0DAE2;
    border-width: 1px;
    border-style: solid;
    font-size: 90%;
    margin: 0.5em;
    padding: 1em 0 0.5em 0;
    text-align: center;
    width: 100px;
}
.portraitPhoto {
    border: 1px solid black;
}

/* The table used for listings - horizontal and vertical variants */
table.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-spacing: 0;    
    border-left: 1px solid #D0DAE2;
    border-bottom: 1px solid #D0DAE2;
    font-size: 90%;
    margin: 1em 0em 1em 0em;
    clear: both;
}
table.listing th,
.stx table th {
    background: #ECF0F3;
    border-top: 1px solid #D0DAE2;
    border-bottom: 1px solid #D0DAE2;
    border-right: 1px solid #D0DAE2;
    font-weight: normal;
    padding: 0.25em 0.5em;
    text-transform: none;
}
table.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;
}
table.listing .listingCheckbox {
    text-align: center;
}
table.listing td,
.stx table td {
    border-right: 1px solid #D0DAE2;
    padding: 0.25em 0.5em;
}
table.listing a {
    text-decoration: none;
}
table.listing a:hover {
    text-decoration: underline;
}
table.listing img {
    vertical-align: middle;
}
table.listing td a label,
.stx table td a label {
    cursor: pointer;
}

table.listing img {
    margin-right: 2px;
}

/* Vertical addition class */
table.vertical {
    background-color: White;	
}
table.vertical th {
    padding: 0.5em;
}
table.vertical td {
    border-top: 1px solid #D0DAE2;
    padding: 0.5em;
}

/* grid addition class */

table.grid td {
    border: 1px solid #D0DAE2;
    padding: 0.5em;
}

/* plain table class with light gray borders */

table.plain,
table.plain td,
table.plain th {
    border: 1px solid #ccc;
    padding: 0.5em;
    border-collapse: collapse;
}

/* Batch selector */
.listingBar {
    clear:both;
    float:right;
    font-size:94%;
    margin:1em 0;
    padding:0;
    text-align:left;
    text-transform:none;
    vertical-align:top;
    font-family: Verdana, Lucida, Tahoma, Arial, Helvetica;
}

.listingBar span.previous, 
.listingPrevious {
    float:right;
    margin-left: 1em;
    text-align:left;
    margin-right: 0;
}

.listingBar span.next, 
.listingNext {
    float:right;
    margin-left: 2px;
    text-align:right;
}
.listingBar img {
    vertical-align: middle;
}
.listingBar a {
    text-decoration: none;
}

.listingBar .next a,
.listingBar .previous a {
    display: block;
    height: 13px;
    width: 13px;
    padding: 0;
}

.tileItem {
    border-top: 1px solid #D0DAE2;
    padding-top: 0.5em;
    margin-top: 0.5em;
}
.tileHeadline {
    border: none;
    font-size: 110%;
    font-weight: bold;
}
.tileHeadline a {
    text-decoration: none;
}
.tileBody {
    margin-bottom: 0.5em;
}
.tileImage {
    float: right;
    margin: 0 0 0.5em 0.5em;
    border: 1px solid black;
}
.eventDetails {
    float: right;
    width: 20em;
    clear: right;
    margin: 0 0 0.5em 1em;
}

/* Useful deviations from regular style on elements */

/* List classes without markers */
ul.visualNoMarker,
ol.visualNoMarker {
    list-style-type: none;
    list-style-image: none;
    margin: 0.5em 0 0 0;
    line-height: 1em;
}

ul.discreet {
    list-style-image: none;    
    list-style-type: disc;
}

textarea.proportional {
    font: 100% Arial, Helvetica, sans-serif;
}
.productCredits {
    text-align: right;
    font-size: 90%;
    clear: both;
    font-weight: normal;
    color: #76797c;
}
#portal-footer {
    background-color: #ECF0F3;
    border-top: 1px solid #D0DAE2;
    border-bottom: 1px solid #D0DAE2;
    float: none;
    line-height: 1.2em;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}
#portal-footer p {
    margin: 0.25em 0;
}
#portal-footer a {
    text-decoration: none;
    color: #435A6E;
    border: none;
}
#portal-footer a:visited {
    color: #435A6E;
}
#portal-footer a:hover {
    text-decoration: underline;
}
#portal-colophon {
    float: none;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    text-align: center;
    color: #666;
}
#portal-colophon ul {
    list-style-image: none;
    list-style-type: none;
}
#portal-colophon ul li {
    display: inline !important;
    font-size: 90%;
    padding: 0 0.75em;
}
#portal-colophon ul li a {
    text-decoration: none;
    border-bottom: 1px #ccc solid;
    color: #666;
}

.feedButton {
    display: block; 
    float: right; 
    margin-top: 1px;
}
.poweredBy {
    display: block;
    clear: both;
    font-size: 90%;
    font-weight: normal;
    color: #76797c;
    text-align: right;
}

/* Sitemap styles */
#portal-sitemap {
    list-style: none;
    list-style-image: none;
    margin: 0;
    font-size: 90%;
    border: none;
}
#portal-sitemap a {
    border: 1px solid White;
}
#portal-sitemap a:hover {
    border: 1px solid #D0DAE2;
}
#portal-sitemap .navTreeLevel1 {
    padding-left: 1em;
    border-left: 0.5em solid #D0DAE2;
    margin: 0 0 0 0.5em;
}
#portal-sitemap .navTreeLevel2 {
    padding-left: 1em;
    border-left: 0.5em solid #ECF0F3;
    margin: 0 0 0 0.6em;
}

/* 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('/polaroid-single.png');
    background-repeat: no-repeat;
}
.photoAlbumEntry img {
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
}
.photoAlbumEntryWrapper {
    /*display: block;*/
    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('/polaroid-multi.png');
    background-repeat: no-repeat;
}
.photoAlbumEntryTitle {
    color: #76797c;
    display: block;
    width: 128px;
    height: 3.6em;
}

/* Link types */
a.link-parent {
    display: block;
    background: transparent url(/arrowUp.gif) 4px 5px no-repeat;
    padding: 1px 0px 10px 16px;
    font-size: 90%;
    text-decoration: none;
}
#content .link-category {
    color: #74ae0b !important;
}
#content .link-user {
    background: transparent url(/user.gif) 0 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
#content .link-comment {
    background: transparent url(/discussionitem_icon.gif) center left no-repeat;
    padding: 1px 0px 1px 16px !important; /* value:  */
}
#content .link-anchor {
    color: #76797c;
    text-decoration: none;
    font-weight: normal;
}
#content .link-presentation {
    font-size: 90%;
    text-align: center;
}

#content .link-wiki-add {
    color: red;
}



/* For ghosted elements */
.visualGhosted {
    opacity: 0.2;
}

/* Fullscreen
**
** Fullscreen mode is disabled by default. The styles below are used only in case you have it
** enabled.
*/

body.fullscreen #portal-logo,
body.fullscreen #portal-siteactions {
    display: none;
}
body.fullscreen #portal-globalnav {
    margin-top: 4em;
}
body.fullscreen #portal-searchbox {
    margin: 0.5em 2em 0 0.5em;
    padding: 0;
    position: relative;
    z-index: 3;
}


/* Kupu image alignment classes */
.image-left {
   float: left;
   clear: both;
   margin: 0 10px 5px 0;
}
.image-inline {
   float: none;
}
.image-right {
   float: right;
   clear: both;
   margin: 0 0 5px 10px;
}

.image-right-inline {
    margin:0 0 5px 10px !important;
}

dd.image-caption {
   text-align:left;
   padding: 0; margin:0;
}
dl.captioned {
   padding: 10px;
}

/* Dashboard */
#dashboard-info-message {
    padding-top: 0.5em;
}

#dashboard {
    width: 68em;
}

#dashboard-portlets1,
#dashboard-portlets2,
#dashboard-portlets3
{
    float:left;
    width:16em;
    padding:0.7em 1.3em 0 0;
}

#dashboard-portlets4 {
    float:left;
    width:16em;
    padding-top:0.7em;
}

#dashboard-portlets1 a,
#dashboard-portlets2 a,
#dashboard-portlets3 a,
#dashboard-portlets4 a {
    border-bottom:medium none;
}

#dashboard-portlets1 dl.portlet,
#dashboard-portlets2 dl.portlet,
#dashboard-portlets3 dl.portlet,
#dashboard-portlets4 dl.portlet {
    margin-bottom:1.5em;
}

div.managedPortlet.portlet {
    border-bottom:none;
}
#dashboard select {
    width:100%;
}

.portletAssignments {
    margin-top:1.5em;
}

#dashboard-portlets1 div.managedPortlet a,
#dashboard-portlets2 div.managedPortlet a,
#dashboard-portlets3 div.managedPortlet a,
#dashboard-portlets4 div.managedPortlet a {
    text-decoration: none;
    color: #58818D;
    border-bottom:1px solid #58818D;
}

#dashboard-portlets1 div.managedPortlet span a,
#dashboard-portlets2 div.managedPortlet span a,
#dashboard-portlets3 div.managedPortlet span a,
#dashboard-portlets4 div.managedPortlet span a{
    border-bottom:none;
}

#dashboard-actions {
    float:right;
}

#dashboard-actions ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;    
    margin-top:0;
}

#dashboard-actions ul li {
    display:inline;
    padding-left:0.7em;
}

#dashboard-actions ul li.portalUser {
    background:transparent url(/user.gif) no-repeat scroll left center;
    padding-left:18px;
}

/* manage portlets */

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






/*
** Plone style sheet - Portlets
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** You should preferrably use ploneCustom.css to add your own CSS classes and to
** customize your portal, as these are the base fundaments of Plone, and will
** change and be refined in newer versions. Keeping your changes in
** ploneCustom.css will make it easier to upgrade.
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/

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

/* Main portlet elements */
.portlet {
    margin: 1px 0 1em 0;
}

.portlet h5 {
    text-transform: uppercase;
}

.portlet a {
    text-decoration: none;
}

.portlet a:hover {
    color: #161E24;
    border-bottom: 1px dotted #D0DAE2;
}

.portlet a.tile {
    display: block;
}

.portletItem ul {
    list-style-type: none
}

/* XXX: The two below rules should really be in the rule above, but that makes the items grow/shrink on :hover (navtree) - need to investigate how to make it not do that. ~limi, Dec 2005 */
.portletItem a,
.portletFooter a {
    border-bottom: none;
}

.portletItem a:visited,
.portletFooter a:visited {
    color: #435A6E;
}
.portletHeader, .managedPortlet .portletHeader {
    background-color: #ECF0F3;
    border: 1px solid #D0DAE2;
    padding: 0em 1em;
    text-transform: none;
    font-weight: normal;
    line-height: 1.6em;
}
.portletHeader a, .managedPortlet .portletHeader a {
    color: #161E24;
}
.portletItem {
    margin: 0;
    padding: 1em;
    border-left: 1px solid #D0DAE2;
    border-right: 1px solid #D0DAE2;
}
.portletItem ol {
    margin: 0 0 0 1em;
}
.portletItemDetails {
    text-align: right;
    display: block;
    color: #161E24;
}
.portletFooter {
    background-color: #F4F4F4;
    margin: 0;
    padding: 0.25em 1em;
    border: 1px solid #D0DAE2;
    border-style: dotted solid none solid;
    text-align: right;
}

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

/*
** 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;
}
.portletCalendar {
    width: 100%;
    margin: 1px 0 1em 0;
    width: 100%;
}
.portletCalendar dt {
    background-color: #ECF0F3;
    font-weight: normal;
    text-align: center;
    line-height: 1.6em;
    border-bottom: none;
}
.portletCalendar dd {
    margin: 0;
    padding: 0;
}
.portletCalendar a {
    text-decoration: none;
}
.portletCalendar a:hover {
    text-decoration: none;
}
.ploneCalendar {
    border-collapse: collapse;
    border-spacing:0;
    width: 100%;
}
.ploneCalendar td {
    background-color: transparent;
    width: 14%;
    text-align: center;
    padding: 2px;
}
.ploneCalendar .weekdays th {
    background-color: #ECF0F3;
    border: 1px solid #D0DAE2;
    border-style: solid none;
    text-align: center;
    padding: 2px;
    font-weight: normal;
}
.ploneCalendar .event {
    background-color: #ECF0F3;
    font-weight: bold;
}
.ploneCalendar .todayevent {
    background-color: #ECF0F3;
    border: 2px solid #F17B00;
    font-weight: bold;
}
.ploneCalendar .todaynoevent {
    border-collapse: collapse;
    border: 2px solid #F17B00;
}

.managePortletsLink {
    text-align: center;
}

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

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

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

.managedPortlet a {
    text-decoration: underline;
}

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

.managedPortletActions a {
    text-decoration: none;
}

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

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

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

.toc .TOC1Digit {
    margin-left: 1em;
}

.toc .TOC2Digit {
    margin-left: 2em;
}

.toc .TOC3Digit {
    margin-left: 3em;
}

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

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

/* LiveSearch portlet tweaks, since positioning changes */
#portal-column-one fieldset.livesearchContainer {
    right: inherit !important;
    top: 1.5em !important;
}











/*
** Plone style sheet - Invisible and accessibility-related elements.
**
** 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.
**
*/


/* New navtree styles */

.portletNavigationTree {
    padding: 0; 
    list-style: none !important;
    list-style-image: none !important; 
    line-height: 1em;
}
.navTree {
    list-style: none; 
    list-style-image: none; 
    margin-top: 1px;
}
.navTree li {
    margin-bottom: 1px;
}
.navTreeItem {
    display: block;
    padding: 0;
    margin: 0;
}
.navTreeItem a,
dd.portletItem .navTreeItem a {
    border: 1px solid White;
    display: block;
    text-decoration: none;
    padding-top: 0.2em;
    padding-bottom: 0.25em;
}
.navTreeItem a:hover,
dd.portletItem .navTreeItem a:hover {
    background-color: #ECF0F3;
    color: #58818D;
    border: 1px solid #D0DAE2;
}
.navTreeCurrentItem {
    background-color: #ECF0F3;
    color: #58818D;
    border: 1px solid #D0DAE2 !important;
}
li.navTreeCurrentItem {
    display: block;
    padding: 0 0 0 1px;
    margin: 0 0 2px -1px;
}
li.navTreeCurrentItem a,
li.navTreeCurrentItem a:hover {
    display: block;
    border: 1px solid #ECF0F3;
    min-height: 1.6em;
    line-height: 1.6em;
    height: auto;
}

/* Another workaround for broken Internet Explorer */
* html li.navTreeCurrentItem a,
* html li.navTreeCurrentItem a:hover {
    height: 1.6em;
}

.navTreeLevel0 { margin: 0; }
.navTreeLevel1 { margin-left: 1em;}
.navTreeLevel2 { margin-left: 0.75em; }
.navTreeLevel3 { margin-left: 0.75em; }
.navTreeLevel4 { margin-left: 0.75em; }
.navTreeLevel5 { margin-left: 0.75em; }















/*
** Plone style sheet - Authoring Elements
**
** 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.
**
*/

/* Editable border */

.contentViews {
background-color: transparent;
padding-left: 1em;
line-height: normal;
margin-top: 2.1em;
margin-left: 0;
margin-bottom: 0;
list-style: none;
border: 1px solid #868686;
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 #868686;
border-style: solid;
color: #555;
height: auto;
margin-right: 0.5em;
padding: 0em 1.5em;
line-height: normal;
text-decoration: none;
text-transform: none;
z-index: 1;
}
.contentViews .selected a {
background-color: #F4F4F4;
border-bottom: #F4F4F4 1px solid;
color: #555;
}
.contentViews li a:hover {
background-color: #F4F4F4;
color: #555;
}

.contentViews li a {
  background-color: transparent;
  border: 1px solid #868686;
  border-style: solid;
  color: #161E24;
  height: auto;
  margin-right: 0.5em;
  padding: 0em 1.5em;
  line-height: normal;
  text-decoration: none;
  text-transform: none;
  z-index: 1;
}




/*
** begin ECMAScript Content Action Menus
*/

.contentActions {
background-color: #F4F4F4;
border-left: 1px solid #868686;
border-right: 1px solid #868686;
color: #555;
text-align: right;
text-transform: none;
padding: 0 0 0 1em;
z-index: 2;
height: 16px;
}

.contentActions ul,
.contentActions li {
margin: 0;
list-style: none;
list-style-image: none;
display: inline;
color: #161E24;
text-align: left;
}

.contentActions ul {
line-height: 1.2em;
height: 1.2em;
padding: 0;
margin: 0;
}
.contentActions li {
float: right;
background-image: url(/arrowDownAlternative.gif);
background-repeat: no-repeat;
background-position: center right;
z-index: 4;
border-left: 1px solid #868686;
padding: 0 ;
margin: 0 10px 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;
right: -10px;
}

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

.actionItems li {
background-image: none;
}

.contentActions a {
text-decoration: none;
color: #555;
padding: 2px 15px 2px 2px;
display: block;
margin-right: 10px;
}

.contentActions .actionMenu {
visibility: hidden;
z-index: 5;
position: absolute;
top: 16px;
right: -1px;
background: #F4F4F4;
overflow: hidden;
height: auto;
padding: 0;
margin: 0;
border: 1px #868686;
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: 2px 11px;
margin: 2px 0 0;
}

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

.actionMenu .actionSeperator a {
margin-top: 0.2em;
padding-top: 0.2em;
border-top: 1px solid #868686;
}
/*
** end ECMAScript Content Action Menus
*/

ul.configlets {
    margin: 1em 0;
    list-style-image: none;
    list-style: none;
}
ul.configlets li {
    margin-bottom: 1em;
}
ul.configlets li a {
    text-decoration: none;
    border: none;
}
ul.configlets li a:visited {
    color: #435A6E;
    background-color: transparent;
}
ul.configlets li a:active {
    color: #435A6E;
    background-color: transparent;
}
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;
}
ul.configletDetails li.configletDescription {
    display: block;
    color: #76797c;
    font-size: 90%;
    margin: 0;
}
/* Additional STX workaround classes */
.stx table p {
    margin: 0;
    padding: 0;
}
.stx table {
    border: 1px solid #D0DAE2 ! important;
}
.stx table td {
    border-bottom: 1px solid #D0DAE2;
}

.reviewHistory,
.contentHistory {
    display: inline;
    font-size: 110% !important; 
    color: Black;
}
.comment {
    background: #F4F4F4; 
    border: 1px solid #D0DAE2; 
    padding: 0.25em 1em 0.5em 1em;
    margin-bottom: 1em;
}
.comment h1,
.comment h2,
.comment h3,
.comment h4, 
.comment h5,
.comment h6 {
    border-bottom: 1px solid #76797c;
    font-weight: normal;
}
.comment h3 a {
    background-image: url(/discussionitem_icon.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    margin-left: -1px;
    margin-bottom: 1px;
    min-height: 1.6em;
    height: auto;
    line-height: 1.6em;	
}
.commentBody {
    margin: 0 1em 1em 1em;
}
.spacer {
    margin: 1em;
}

/* Collapsible elements */
dl.collapsible {
    border: 1px solid #D0DAE2 !important;
    margin: 1em 0 0 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;
    clear: left;
}

/* for IE the following isn't needed, that's why the css2 selector is used */
dl.collapsible dd.collapsibleContent > dl {
    margin: 0;
    padding: 0;
}

dl.expandedInlineCollapsible dt.collapsibleHeader,
dl.expandedBlockCollapsible dt.collapsibleHeader {
    padding: 0 6px 0 22px;
    background: White url(treeExpanded.gif) no-repeat 6px 50%;
    cursor: pointer;
}

dl.collapsedBlockCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
}
dl.collapsedBlockCollapsible dt.collapsibleHeader {
    float: none;
    position: static;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: 1em;
    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
    cursor: pointer;
}
dl.collapsedInlineCollapsible dd.collapsibleContent,
dl.collapsedBlockCollapsible dd.collapsibleContent {
    display: none;
}
dl.collapsedInlineCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
    display: inline;
}
dl.collapsedInlineCollapsible dt.collapsibleHeader {
    position: static;
    float: none;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: 1em;
    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
    cursor: pointer;
    display: inline;
}

.configlet .documentEditable {
    padding: 0em !important;
}
.documentEditable .documentContent {
    border: 1px solid #868686;
    padding: 0;
}
.label {
    font-weight: bold;
    display: inline;
    padding-right: 0.5em;
}
.optionsToggle {
    border: 1px solid #D0DAE2;
    color: #161E24;
    background-color: #ECF0F3;
    font-weight: normal !important;
    font-size: 90%;
}
/* Used on all descriptions relevant to those not logged in */
.portalNotLoggedIn {} 

#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
    border-color: #F17B00;
    border-width: 1px;
}

/* for highlighting of search terms */
.highlightedSearchTerm {
   background-color: #ffa;
}

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: 2px solid #F17B00;
    padding: 1px;
}
.managePortletsLink {
    display:  block;
    color: #76797c;
    font-size: 90%;
    font-weight: normal;
}
ul.formTabs {
    position: relative;
    display: block;
    margin: 0 0 -2em 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
li.formTab {
    display: inline;
    margin: 0;
    padding: 0;
}
li.formTab a {
    /* this isn't supported by all browsers, so we keep it in a separate rule */
    display: inline-block;
}
li.formTab a {
    border-top: 1px solid #D0DAE2;
    border-bottom: 1px solid #D0DAE2;
    border-left: 1px dotted #D0DAE2;
    background: White;
    margin: 0;
    padding: 0.125em 0.75em;
    text-decoration: none;
}
li.formTab a:visited {
    color: #435A6E;    
}
li.firstFormTab a {
    border-left: 1px solid #D0DAE2;
}
li.lastFormTab a {
    border-right: 1px solid #D0DAE2;
}
li.formTab a.selected {
    background: #ECF0F3;
}
li.formTab a:hover {
    background: #ECF0F3;
}
li.formTab a.notify {
    background-color: #ffce7b;
    color: #161E24;
}
li.formTab a.required span {
    background-image: url(/required.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 8px;
}
li.formTab a.notify:hover {
    background-color: #F17B00;
}
.formPanel {
    padding: 1em 1em 1em 1em; 
    border: 1px solid #D0DAE2;
}
.formPanel.hidden {
    display: none;
}
div.formControls input.hidden {
    display: none;
}


/* forms plone 2.0 */

input {
  font-family: <dtml-var fontFamily>;
  visibility: visible;
  border: 1px solid #D0DAE2;
  color: Black;
  background-color: white;
  vertical-align: middle;
}

.context,
.documentEditable * .context {
background: transparent url(/linkTransparent.gif) 9px 1px no-repeat;
cursor: pointer;
font-size: 90%;
margin-bottom: 1em;
padding: 1px 1px 1px 15px;
text-transform: none;
}

.destructive,
.documentEditable * .destructive {
background: #ffce7b url(/linkTransparent.gif) 9px 1px no-repeat;
border: 1px solid #F17B00;
cursor: pointer;
font-size: 90%;
margin-bottom: 1em;
padding: 1px 1px 1px 15px;
text-transform: none;
}


/* forum styles */

div.preview {
background-color: #ECF0F3;
border:1px solid #D0DAE2;
padding: 0em 1em 1em 1em;
}

div.preview h4 {
border-bottom:1px solid #D0DAE2;
}

table.ftable {
clear: both;
border-left: 1px solid #D0DAE2;
}

table.ftable th {
font-size: 90%;
padding: 0.3em 0.8em 0.3em 0.8em;
color: #161E24;
background: #ECF0F3;
border-top: 1px solid #D0DAE2;
border-bottom: 1px solid #D0DAE2;
}

table.ftable td {
margin: 0.3em 0.6em 0.3em 0.6em;
padding: 0.3em 0.6em 0.3em 0.6em;
border-right: 1px solid #D0DAE2;
border-bottom: 1px solid #D0DAE2;
text-align: center;
font-size: 90%;
}

.forumIcon {
float: left;
clear: left;
}

table.ftable td.forumIcon {
font-size: 100%;
vertical-align: middle;
padding: 0.2em 0.2em 0.2em 0.2em;
text-align: left;
float: none;
}

table.ftable td.forumTitle{
font-size: 100%;
vertical-align: middle;
padding: 0.5em 0.6em 0.3em 0.6em;
text-align: left;
}

table.ftable #forum {
text-align:left;
width: 80%;
}

table.ftable #lastpost {
width: auto;
white-space: nowrap;
border-right: 1px solid #D0DAE2;
}

table.ftable #topic {
text-align: left;
}

.forumParent {
background: transparent url(/arrowUp.gif) 4px 5px no-repeat;
padding: 1px 0px 1px 16px;
font-size: 90%;
clear: left;
display: block;
margin: -10px 0 10px 5px;
text-decoration: none;
}

.forumParent:hover {
text-decoration: underline;
}

.forumDescription {
clear: both;
float: left;
width: 100%;
font-size: 90%;
font-weight: bold;
margin-bottom: 1em;
}

.forumDescription img {
float: left;
margin-right: 0.5em;
}

.subFolder {
margin-bottom: 1em;
}
/*
** Wizards
border: #D0DAE2 solid 1px;
*/


.forumMessageIcons {
text-transform: none;
vertical-align: top;
margin: 0em 1em 1em 0em;
padding-bottom: 1em;
}

.forumEmoticons {
padding: 0.2em;
border: #D0DAE2 solid 1px;
text-align: center;
}

.forumEmoticons a {
cursor: pointer;
}

.forumWizards {
text-align: center;
border: #D0DAE2 solid 1px;

}
.forumWizards span {
white-space: nowrap;
}
.forumWizards .bold {
font-weight: bold;
}
.forumWizards .italic {
font-style: italic;
}


/*
** CMFBoard Message
*/
.forumMessage {
background-color: transparent;
margin: 0 0 2em 0;
clear: both; /* Clear left float of menu*/
}

.forumMessage .messageTitle {
margin:0 0 8px;
padding:5px 0;
border-top: 1px solid #D0DAE2;
border-bottom: 1px solid #D0DAE2;
}


.forumMessage .messageUserDetails,
.messageContent .messageUserDetails {
font-size: 90%;
padding: 0.2em 1.5em 0.2em 0.5em;
height: auto;
clear: both;
float: right;
}

.forumMessage .messageTable {
border: none;
padding: 0;
margin: 0;
width: 100%;
}

.forumMessage .messageTable td.messageContent {
width: 100%;
}

.forumMessage .messageTable tr {
vertical-align: top;
}

.forumMessage .messageContent {
border: 1px solid #D0DAE2;
background-color: #F4F4F4;
padding: 1em 0.8em 0.5em 0.8em;
}

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

.messageContent .messageByLine {
text-align: right;
font-size: 90%;
font-weight: normal;
color: #76797c;
float: right;
}

.messageContent .messageByLine a {
text-decoration: underline;
}

.messageContent .messageByLine .postDate {
color: #161E24;
font-weight: bold;
}

.messageContent .messageBody {
margin: 0;
padding-top: 0.5em;
clear: both;
}
.messageContent .messageBodyWithThumbnails {
margin-right: 130px;
clear: none;
}

.messageContent .signature {
font-size: 90%;
font-weight: normal;
color: #76797c;
vertical-align: bottom;
margin-top: 0.5em;
}
.messageContent .signature a {
text-decoration: underline;
color: #76797c;
}

.messageContent .messageBody p {
margin: 0;
}

.messageContent .messageThumbnails {
clear: both;
float: right;
margin-top: 0.5em;
padding: 0.2em;
}

.messageContent .messageLinks {
margin-top: 1em;
}

.messageContent .messageLinks label {
color: #76797c;
text-transform: lowercase;
}

.messageContent .messageLinks .link {
margin-left: 1em;
}

.messageContent .messageAttachments {
margin-top: 1.5em;
}

.messageContent .messageAttachments span {
color: #76797c;
font-size: 90%;
}


/* [] special codes styles */
.messageBody .cquote {
font-family: <dtml-var headingFontFamily>;
font-style: normal;
color: #161E24;
margin: 0.5em 2em 1em 2em;
font-size: 100%;
}
.messageBody .codeHeader {
color: #161E24;
font-weight: bold;
}
.messageBody .cquote blockquote {
border: 1px solid #D0DAE2;
background: #ECF0F3;
margin: 0.2em 0 0 0;
padding: 0.5em;
font-size: 100%;
}
.messageBody blockquote { /* old blockquote code */
font-family: <dtml-var headingFontFamily>;
font-style: normal;
color: #161E24;
border: 1px solid #D0DAE2;
background: #ECF0F3;
margin: 0.5em 2em 1em 2em;
padding: 0.5em;
font-size: 100%;
}
.messageBody .code {
font-style: normal;
color: #161E24;
margin: 0.5em 2em 1em 2em;
font-size: 100%;
}
.messageBody .code .codeBody {
border: 1px solid #D0DAE2;
background: #ECF0F3;
margin-top: 0.2em;
padding: 0.5em;
font-size: 100%;
}
.messageBody .code .codeBody code {
margin: 0;
padding: 0;
border: none;
}
.messageBody .underline {
text-decoration: underline;
}
/*
** end of CMFBoard message
*/

/*
** CMFBoard Topic view
*/

.topicNavigation {
clear: both;
float: right;
margin: 0 0 2em 0;
}

.forumTopic .topicInfo {
font-size: 90%;
text-transform: none;
white-space: nowrap;
text-align: right;
}

.forumTopic .messageLastReply {
padding-top: 0.5em;
position: relative;
}

.forumTopic .messageLastReply .messageBody {
padding: 1.5em 0.5em 0.5em 0.5em;
border: 1px solid #D0DAE2;
background: white;
}


.forumTopic .messageLastReply .messageByLine {
position: absolute;
display: block;
top: 2em;
left: -0.5em;
width: 100%;
}


.forumTopic .messageLastReply .messageHeader span {
font-weight: bold;
font-size: 90%;
text-transform: none;
}

/*
** Profile
*/
.cbProfile {
margin: 1em 0 2em 2em;
}

.cbProfile td {
padding: 0.5em 0 0 0.5em;
border-bottom: 1px solid #D0DAE2;
}

.cbProfile td.header {
color: #76797c;
font-size: 90%;
padding: 0.5em 0.5em 0 0;
text-align: right;
border-right: 1px solid #D0DAE2;
border-bottom: 1px solid #D0DAE2;
}


/*
** Misc
*/
.messageTree {
margin-top: 0.5em;
}

.messageTree li {
list-style: none;
list-style-image: none;
}

.messageTree h4 {
color: #76797c;
}

.messageTree {
font-size: 90%;
}

.messageTree .messageByLine {
width: 100%;
float: none;
}

.nestedTree li {
list-style: none;
list-style-image: none;
}

.pages {
margin-top: 5px;
}

.pages span {
border-top: 1px solid #D0DAE2;
font-size: 90%;
white-space: nowrap;
line-height: 1.5em;
}

#comments {
height: 180px;
width: 100%;
}

#quickreply {
width: 80%;
margin-left:auto;
margin-right:auto;
}

.small {
font-size: 90%;
}

.nobr {
white-space: nowrap;
}

.forumStatistics {
font-size: 90%;
float: right;
clear: right;
margin-bottom: 1em;
}


/*
** begin of CMFBoard Menu
*/

.forumMenu {
clear: left;
margin: 0 0 2em 0;
white-space: nowrap;
}


.forumMessage .forumMenu {
margin: 0;
}

.forumMenu .menuActionsList {
text-transform: none;
padding: 0;
margin: 0;
color: #58818D;
background-color: transparent;
margin-left: -8px;
display: block;
}


.menuActionsList li>ul {
top: auto;
left: auto;
}

.menuActionsList ul,
.menuActionsList li {
margin: 0;
padding: 0;
color: #161E24;
list-style-type: none;
}

.menuActionsList ul {
line-height: 1.2em;
height: 1.2em;
}

.menuActionsList li {
position: static;
display: inline;
float: left;
}

.menuActionsList a {
background-color: transparent;
color: #58818D;
text-align: left;
text-decoration: none;
text-transform: none;
cursor: pointer;
background: url(/linkOpaque.gif) 10px 2px no-repeat;
padding: 1px 4px 1px 20px;
vertical-align: top;
display: block;
}

.menuActionsList a:hover {
background-color: #ECF0F3;
color: #58818D;
}

.dropdownMenu a span {
background-image: url(/arrowDown.gif);
background-repeat: no-repeat;
background-position: center right;
padding-right: 10px;
}

.dropdownMenu .menuAction {
position: absolute;
display: none;
background: #ECF0F3;
border: 1px solid #D0DAE2;
color: #58818D;
text-transform: none;
height: auto;
z-index: 10000;
}

.menuAction li {
float: none;
background: none;
padding: 0;
margin: 0;
border: 0;
}

.menuAction li a {
display: block;
white-space: nowrap;
color: #161E24;
background-image: none ! important;
text-transform: none ! important;
text-decoration: none;
padding: 0.2em 0.2em;
margin: 0;
background-color: #ECF0F3;
}

.menuAction li a:hover {
color: White;
background-color: #58818D;
}

.menuAction .actionSeperator a {
margin-top: 0.2em;
padding-top: 0.2em;
}

.messageMenu {
text-transform: none;
font-size: 90%;
padding: 2px 0 2px 0;
}

/* custom */

img.collapsed {
  display : block;
  margin : 3px 5px 0 0;
  float : left;
}

img.expanded {
  display : none;
  margin : 3px 5px 0 0;
  float : left;
}


div.topic_text {
  display : none;
  padding : 5px;
}


/*
** end of forum styles
*/








/* afpy skin */

#visual-site-wrapper {
    margin: 0;
    padding: 0px 10px;
    min-width: 970px;
}

#site-header {
    height: 135px;
    background: transparent url('./images/header-bg.gif') top left repeat-x;
    position: relative;
}

#site-searchbox {
    position: absolute;
    top: 40px;
    right: 7px;
    text-align: right;
    width: 220px;
    height: 34px;
    font-size: 14px;
}

#site-searchbox form {
    padding: 0;
}

#site-searchbox .searchButton {
    background:transparent url(./images/seachButton-bg.gif) no-repeat scroll left top;
    border:medium none;
    color:#326B9A;
    display:block;
    float:left;
    height:22px;
    overflow:hidden;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    width:34px;
}

#site-searchbox #searchGadget {
    background:transparent url(./images/searcGadget-bg.gif) no-repeat scroll left top;
    border:medium none;
    color:#326B9A;
    display:block;
    float:left;
    height:16px;
    margin:0 5px 0 0;
    overflow:hidden;
    padding:4px 6px;
    text-align:left;
    text-transform:uppercase;
    width:167px;
}

#header-wrapper {
    height:62px;
    padding:15px 50px 15px 30px;
    position:absolute;
    right:225px;
    text-align:right;
    top:0;
   
}

#header-wrapper a {
    margin-left: 10px;
}

#site-globalnav {
    background-color:transparent;
    color: transparent;
    font-size:12px;
    font-weight:bold;
    height:auto;
    left:0;
    line-height:normal;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:5px 20px 5px 143px;
    position:absolute;
    top:99px;
    white-space:nowrap;
}
#site-globalnav li {
    display: inline;
}
#site-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background: none;
    color: #D5DEE5;
    height: auto;
    margin-right: 25px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
}
#site-globalnav li.selected a,
#site-globalnav li a:hover {
    color: white;
}

#site-logo {
    display: block;
    cursor: pointer;
    text-decoration: none;
    border: none;
    position: absolute;
    left: 10px;
    top: 8px;
}

#site-footer-actions {
    border-top: 1px solid #D0DAE2;
    border-bottom: 2px solid #BAC9D5;
    text-align: center;
    padding : 6px;
    line-height:normal;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    font-size: 11px;
}

#site-footer-actions li {
    display: inline;
}

#site-footer-actions li a {
    /* The normal, unselected tabs. They are all links */
    background: transparent;
    color: #58818D;
    padding: 0 8px 0 7px;
    text-decoration: none;
    text-transform: none;
    border-right: 1px solid #D0DAE2;
}

#site-footer-actions li.last-tab a {
    border-right: none !important;
}

#site-footer-actions li a:hover {
    color: #3A4E5F;
}

.relativizer {
    position: relative;
    height: 0;
}

#logo-python{
    position:absolute;
    right:0;
    top: -75px;
    display: block;
    cursor: pointer;
    border: none;
    text-decoration: none;
}

#site-colophon {
    clear: both;
    background: transparent url(./images/colophon-bg.gif) top left repeat-x;
    height: 88px;
    position: relative;
    top: 2px;
    left: 0;
    padding: 20px 0 0;
}

#site-colophon .portlet_list_elem {
    background:transparent url(./images/bullet.gif) no-repeat scroll 18px 8px;
    float:left;
    margin-bottom:5px;
    padding:3px 10px 3px 28px;
    width:40%;
}

#site-colophon .portlet_list_elem a {
    color: #161E24;
    text-decoration: none;
    font-weight: bold;
}

#site-colophon .portlet_list_elem a:hover {
    color: #435A6E;
    text-decoration: underline;
}


#site-copyright {
    position: absolute;
    right: 70px;
    top: 40px;
    text-transform: uppercase;
    width: auto;
    font-size: 11px;
    font-weight: bold;
}

#site-bread-crumbs {
    text-transform: none;
    line-height: 1.6em;
    padding: 10px 5px;
    text-align: right;
    font-style: italic;
}

#site-bread-crumbs a {
    text-decoration: none;
}

#site-bread-crumbs a:hover {
    text-decoration: underline;
}

/* columns */

#site-columns {
    width: 99% !important;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px;
}
#site-column-one {
    vertical-align: top;
    width: 200px;
    border-collapse: collapse;
    padding: 0;
}
#site-column-content {
    vertical-align: top;
    border-collapse: collapse;
    padding: 0 20px 0 0;
    margin: 0em 0em 2em 0em;
}
#site-column-two {
    vertical-align: top;
    width: 200px;
    border-collapse: collapse;
    padding: 0;    
}

#site-column-two .visualPadding {
    padding-bottom: 40px;
}

/* fullscreen */
body.fullscreen #site-column-one,
body.fullscreen #site-column-two {
    display: none;
}
body.fullscreen #site-column-content { 
    width: 100%; 
    margin: 0; 
    padding: 0; 
}


/* portlet specific */

.portlet-important h5 {
    background:transparent url(./images/portlet-important-bg.gif) repeat-x scroll left top;
    padding: 5px 8px 6px;
    color: white !important;
    text-transform: none;
    margin-top: 0;
}

.portlet-important .portletBody {
   border-left: 1px solid #D0DAE2;
   border-right: 1px solid #D0DAE2;
   border-bottom: 1px solid #D0DAE2;
   padding: 0 5px 5px;
}

.portlet-important a,
.portlet-important a:hover {
    color: #0000C2;
    border-bottom: 1px dotted #D0DAE2;
}

#portlet-don2 .portletContent {
    text-align: center;
    padding: 10px 0;
}

#portlet-login label {
    font-weight: bold;
    line-height: 1.5em;
}

#portlet-login .field {
    margin: 0 0 7px
}

#portlet-login .field input {
    font-size: 11px;
    padding: 0 2px;
    width: 120px;
}

#portlet-login .formControls {
    margin: 0 0 7px
}

#portlet-login .formControls input {
    background-color: #161E24;
    color: white;
    font-size: 11px;
    cursor: pointer;
}

#portlet-plone-navigation {
    font-size: 12px;
}

.rss-link {
    background: transparent url(./images/rss-icon.gif) top left no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}


/* home specific */

#home-page #site-columns {
    margin-top: 38px;
}

.content-column {
    width: 49.7%;
}

#content-column-one {
    float: left;
}

#content-column-two {
    float: right;
}

.content-column-header {
    height: 60px;
    overflow: hidden;
    margin-bottom: 1px;
    background-color: #ECF0F3;
}

#content-column-two .content-column-header {
    background-color: #e6f5f7;
}

.content-column-header .header-inner {
    width: 50%;
    float: left;
}

.content-column-header .header-visual-padding {
    padding: 3px 6px;
}

.content-column-body {
    border-top: 5px solid #3A4E5F;
    padding: 0;
}

.content-column-header-title {
   color: #476075;
   font-weight: bold;
   text-decoration: none;
   display: block;
   font-size: 14px;
   cursor: pointer;
   margin-bottom: 2px;
}

.content-column-header-title:hover {
   text-decoration: underline;
}

.content-column-header-text {
    font-size: 12px;
}

.content-column-header-text a {
    color: black;
    text-decoration: none;    
}

.content-column-header-text a:hover {
    color: #3A4E5F;
    text-decoration: underline;
}

.content-column-header .moving-block {
   display: none;
}

.content-column-header .block-active {
   display: block;
}

.content-column-header-buttons {
    padding: 15px 3px 0 2px;
    float: right;
    width : auto;
    clear: right;
}

.previous {
   background:transparent url(./images/prev-bg.gif) top left no-repeat;
   width: 13px;
   height: 13px;
   cursor: pointer;
   overflow: hidden;
   display: block;
   float: left;
   margin-right: 2px;
}

.previous-off {
   background:transparent url(./images/prev-off-bg.gif) top left no-repeat;
}

.next {
   background:transparent url(./images/next-bg.gif) top left no-repeat;
   width: 13px;
   height: 13px;
   cursor: pointer;
   overflow: hidden;
   display: block;
   float: left;
   margin-right: 2px;
}

.next-off {
   background:transparent url(./images/next-off-bg.gif) top left no-repeat;
}

.content-column-header .header-more {
    float:right;
    margin: 15px -15px 0 5px;
    padding-top:0;
    text-align:right;
}

.content-column-header .rss-link {
    float: right;
    margin: 5px 5px 0 0;
}

#last-news-date {
    color: #476075;
    font-style: italic;
    font-weight: bold;
}

#last-news-description {
    color: #476075;
}

#content-column-two .content-column-body h1,
#content-column-two .content-column-body h1 a,
#content-column-two .content-column-body a {
    color: #2F818D ! important;
}

#content-column-two .content-column-body a:hover {
    color: #476075 ! important;
}

#content-column-two .content-column-body-text {
    margin-bottom:10px;
    line-height: 1.5em;
}

#content-column-two .content-column-body-text a {
    text-decoration: none;
    border-bottom: 1px solid #D0DAE2;
}

#content-column-two .content-column-body-text a:hover {
    border-bottom-color: #476075;
}

#content-column-two .content-column-body h1 a.content-offres-emploi-title {
    color:  #476075 ! important;
}

.header-text {
    font-size: 13px;
    color: #42596D;
    line-height: 1.5em;
}

.header-text a {
    color: #435A6E;
    text-decoration: none;
    border-bottom: 1px solid #D0DAE2;
}

.header-text a:hover {
    color: #3A4E5F;
    text-decoration: none;
    border-bottom-color: #3A4E5F;
}

#content-home-blocks {
    width: 100%;
    margin: 20px 0;
}

#content-home-blocks td {
    border: none;
    padding: 5px;
    vertical-align: top;
}

.content-home-block {
    padding: 12px 0 12px 57px;
    min-height: 50px;
    line-height: 1.3em;
}

.content-home-block a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #476075 ! important;
    padding-bottom: 3px;
    font-size: 12px;
}

.content-home-block a:hover {
    color: #3A4E5F ! important;
    text-decoration: underline;
}

#content-home-block-1 {
    background: transparent url(./images/block1-icon.gif) top left no-repeat;
}

#content-home-block-1:hover,
#content-home-block-1.selected {
    background: transparent url(./images/block1-icon-hover.gif) top left no-repeat;
}

#content-home-block-2 {
    background: transparent url(./images/block2-icon.gif) top left no-repeat;
}

#content-home-block-2:hover,
#content-home-block-2.selected {
    background: transparent url(./images/block2-icon-hover.gif) top left no-repeat;
}

#content-home-block-3 {
    background: transparent url(./images/block3-icon.gif) top left no-repeat;
}

#content-home-block-3:hover,
#content-home-block-3.selected {
    background: transparent url(./images/block3-icon-hover.gif) top left no-repeat;
}

#content-home-block-4 {
    background: transparent url(./images/block4-icon.gif) top left no-repeat;
}

#content-home-block-4:hover,
#content-home-block-4.selected {
    background: transparent url(./images/block4-icon-hover.gif) top left no-repeat;
}

/* 
**
** other pages global afpy styles 
**
**
*/

.nav1_current, 
.nav2_current, 
.nav3_current {
    font-weight: bold;
}

.nav2, 
.nav2_current {
    margin-left: 8px;
}

.nav3, 
.nav3_current {
    margin-left: 16px;
}

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

.rss-link {
    background: transparent url(./images/rss-icon.gif) top left no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

/*  WIKI & OTHER Gael stuff */

#gael-destroy-portlet ul,
#wsgi_menu ul,
.sphinxsidebarwrapper ul {
    list-style-image: none;
    list-style: none;
    margin: 0;
    padding: 0;    
}

#gael-destroy-portlet ul li,
#wsgi_menu ul li,
.sphinxsidebarwrapper ul li {
    line-height: auto;
    margin: 0;
    padding: 0;    
}

.headerlink {
    color: white !important;
}

.sphinxsidebarwrapper {
    margin-bottom: 2em;
}

.sphinxsidebarwrapper h3 {
    margin: 0.25em 0 0;
}

.sphinxsidebarwrapper p {
    margin:0;
}

.sphinxsidebarwrapper input {
    font-size: 10px;
}

.portalMessage, .system-message, #error-handling {
    background-color:#FFCE7B;
    background-position:5px 50%;
    background-repeat:no-repeat;
    border:1px solid #FFA500;
    color:#2F2F2F;
    font-size:85%;
    font-weight:bold;
    margin:1em 0 0;
    padding:0.5em 1em 0.5em 3em;
    vertical-align:middle;
}