/* - ploneCustom.css - */
@media all {
body {
    background-image: url("portal_skins/custom/tread-softly-background-slimmer.jpg");
    background-repeat: no-repeat;
    background-color: transparent;
    margin: auto;
    margin-top: 0px;
}

#portal-personaltools {
    box-shadow: 0.1em 0.1em 0.2em 0em #666666;
}

#portal-personaltools dd {
    box-shadow: 0.1em 0.1em 0.2em 0em #666666;
}

#portal-languageselector {
    box-shadow: 0.1em 0.1em 0.2em 0em #666666;
    padding: 0 0.5em 0 0.5em;
   max-width:60%;
}


#content p, #content table, #content dl, dl.portlet p, dl.portlet {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#portal-searchbox {
    clear: none;
    float: right;
    font-size: 80%;
    margin-bottom: 0em;
    margin-left: 0em;
    margin-right: 1em;
    margin-top: 0em;
    text-align: left;
}

#content .pullquote {
    background-color: White;
    padding: 1em 1em 1.5em 1em;
    margin: 1em 0em 1em 1em;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.0em !important;
    line-height: 1.1em;
}

#content .aim {
    float: right;
    width: 35%;
    clear: right;
    color: #444;
    background-color: PaleGoldenRod;
    padding: 1em 1em 1.5em 1em;
    margin: 2em 0em 0em 2em;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.0em !important;
    line-height: 1.1em;
}
#content .reflection {
    float: right;
    width: 35%;
    clear: right;
    color: #444;
    background-color: PowderBlue;
    padding: 1em 1em 1.5em 1em;
    margin: 2em 0em 0em 2em;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.0em !important;
    line-height: 1.1em;
}

#content .contribution {
    float: right;
    width: 35%;
    clear: right;
    color: #444;
    background-color: LavenderBlush;
    padding: 1em 1em 1.5em 1em;
    margin: 1em 0em 1em 1em;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.0em !important;
    line-height: 1.1em;
}

#content .originality {
    float: right;
    width: 35%;
    clear: right;
    color: #444;
    background-color: AquaMarine;
    padding: 1em 1em 1.5em 1em;
    margin: 1em 0em 1em 1em;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.0em !important;
    line-height: 1.1em;
}

#content .evidence {
    float: right;
    width: 35%;
    clear: right;
    color: #444;
    background-color: NavajoWhite;
    padding: 1em 1em 1.5em 1em;
    margin: 1em 0em 1em 1em;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.0em !important;
    line-height: 1.1em;
}

#content .quotation {
margin: 0em 6em 0em 6em;
}

#content .quotationByLine {
margin: 0em 6em 0em 6em;
text-align:right;
}

h2.tileHeadline {
    float: left;
    width: 20em;
    text-align: right;
    margin-top: 8px;
    margin-right: 8px;
    padding: 4px;
    background-color: #F0F0F0;
    font-size: 1.2em;
}

p.tileBody {
    padding: 8px;
    overflow: auto;
}

p.tileFooter {
    display: none;
}

#portal-logo {
    display:none;
}

#portal-globalnav {
    background-color: transparent;
    min-height: 92px;
}

#portal-globalnav li a {
    color: DarkSlateBlue;
    font-weight: bold;
    font-size: 1.2em;
    min-width: 2em;
    max-width: 6em;
    text-align: center;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    margin-right: 8px;
    margin-top: 8px;
    border: 0px;
    border-radius: 8px;
    box-shadow: 0.1em 0.1em 0.2em 0em #666666;
}

#portal-globalnav .selected a { 
    background-color: DarkSlateBlue;
}

#portal-globalnav .selected a:hover { 
    background-color: grey;
    color: white;
}
#portal-globalnav a:hover { 
    background-color: grey;
    color: white;
}

.portletStaticText {
    display: block;
    font-size: 80%;
    line-height: 1.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.5em;
    padding-left: 1em;
}

.portlet-static-quotation {
    display: block;
    font-size: 80%;
    line-height: 1.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.5em;
    padding-left: 1em;
    background-color: DarkSlateBlue ;
    color: white;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;

}

.portlet-static-quotation p {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.portlet-static-seventies-image, .portlet-static-eighties-image, .portlet-static-nineties-image, .portlet-static-noughties-image, .portlet-static-next-image {
background-image: url("portal_skins/cork.jpg");
    padding: 1em;
    border: 1px;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
    text-align: center;
}

.portlet-static-seventies-image img, .portlet-static-eighties-image img, .portlet-static-nineties-image img, .portlet-static-noughties-image img, .portlet-static-next-image img {
    border: 1px;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
}


.portletCollection {
    display: block;
    font-size: 80%;
    line-height: 1.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.5em;
    padding-left: 1em;
    background-color: white ;
    color: black;
    border: 1px;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
}

.portlet-static-timeline {
    background-color: LightGrey;
}

.timeline-event-bubble-time {display: none;}
.employment { color: Green;}
.professional { color: Black;}
.education { color: Green;}
.teaching {color: Purple;}
.publication {color: DarkGoldenRod;}
.conference {color: Blue;}
.project {color: Red;}
.claim.timeline-event-label {font-weight: bold; background:white; padding: 0em 0.5em 0em 0.5em;}
.timeline-event-icon { line-height:8px;}
.employment.timeline-event-tape, .timeline-small-event-icon.small-employment { background-color: Green;height:10px; width:2px;}
.professional.timeline-event-tape, .timeline-small-event-icon.small-professional { background-color: Black;height:10px; width:2px;}
.education.timeline-event-tape, .timeline-small-event-icon.small-education { background-color: Green;height:10px; width:2px;}
.teaching.timeline-event-tape, .timeline-small-event-icon.small-teaching {background-color: Purple;height:10px; width:2px;}
.publication.timeline-event-tape, .timeline-small-event-icon.small-publication {background-color: DarkGoldenRod;height:10px; width:2px;}
.conference.timeline-event-tape, .timeline-small-event-icon.small-conference {background-color: Blue;height:10px; width:2px;}
.project.timeline-event-tape, .timeline-small-event-icon.small-project {background-color: Red;height:10px; width:2px;}
.timeline-small-event-icon.claim {outline:2px; outline-style: solid; outline-color:White;height:12px; width:2px;}

.corkboard {
    padding: 1em;
    background-image: url("portal_skins/cork.jpg");
    background-size: 25%;
    border: 1px;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
    text-align: "center";
}

.corkboard img {
    margin: 0.25em;
    border: 1px;
    box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
}

.highlightedGlossaryTerm {
border-bottom: 1px dotted black;
background: none;
}

#content .eventDetails {
width: 20%;
padding: 0em;
border: 0px;
margin:1em 0em 1em 1em;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
}

#content .eventDetails table {
width: 100%;
padding: 0.5em;
margin:0em;
border: 0px;
}

#content .eventDetails tr.odd th {
line-height: inherit;
padding: 0.5em;
border: 0px;
margin:0em;
color: white;
background-color: #427597;
}

#content .eventDetails tr.even th {
line-height: inherit;
padding: 0.5em;
border: 0px;
margin:0em;
color: white;
background-color: #427597;
}

#content .eventDetails tr.odd td {
line-height: inherit;
padding: 0.5em;
border: 0px;
margin:0em;
background-color: whitesmoke;
}

#content .eventDetails tr.even td {
line-height: inherit;
padding: 0.5em;
border: 0px;
margin:0em;
background-color: whitesmoke;
}

div.description {
font-weight: bold;
}

h2.tileHeadline {
float: left;
width: 20em;
height: 100%;
text-align: right;
margin-top: 0em;
margin-right: 1em;
margin-bottom: 0.5em;
padding: 0.5em;
background-color: #F0F0F0;
font-size: 1.2em;
}

#content div.documentByLine {
float: right;
clear:right;
margin: 0em 1em 0em 1em ;
width: 16em;
font-size: 85%;
display: block;
color: #666;
}

p.tileBody {
padding: 0em;
overflow: auto;
}

#content .documentDescription {
padding-bottom: 1.5em;
margin-bottom:0.5em;
border-bottom: 1px solid black;
}

table.listing a {
display: inherit;
}

dl#relatedItemBox {
text-align: right;
}

p.body {
margin-left: 4em;
text-indent: -4em;
}

tr {
vertical-align: top;
}

#content ol, dl.portlet ol {
list-style-type:circle;
font-weight:normal;
}

#content ol.TOC1Digit, ol.TOC2Digit {
list-style-type:square;
font-weight:bold;
}

#document-toc {
background-color: aliceblue;
}
}