ploneui.css

ploneui.css

@charset "utf-8";
/* CSS Document */
/* Selected portions of plonetheme.sunburst public.css
 *
 * Note: In some cases, it will be better to copy CSS from Plone using a Diazo
 * rule like <before css:content="html head link" css:theme="html head link" />.
 *
 * This will allow additional CSS resources that are enabled in portal_css to
 * be provided, including those from add-ons. You will also benefit from
 * resource merging and cache header management.
 *
 * The downside is that some of Plone's CSS may 'interfere' with the theme, so
 * it may become necessary to disable selected stylesheets.
 */

 /* @group Content */

.hiddenStructure {
    display: none;
}
.documentDescription {
line-height: normal;
font-size: 120%;
color: #5C402D;
}
.academic-staff .description {
line-height: normal;
margin-right: 100px;
font-size:16px;
display:block;}

#relatedItems li {
margin-top: 10px;
list-style: none;
}

.academic-staff .tileImage {
position: absolute;
right: 2px;
}
.academic-staff .tileItem {
width: 100%;
display: block;
position: relative;
height: 130px;
}

#relatedItemBox dd a {
color: rgb(145, 83, 83);
}

#relatedItemBox dt {
color: #444;
font-size: 24px;
}
#relatedItemBox dd {
padding: 5px;
border-bottom: 1px solid #eee;
background: rgb(231, 225, 225);
}
.relatedItems {
background: rgb(207, 125, 125);
padding: 1px 3px 1px 9px;
}
.pullquote {
width: 40%;
float: right;
font-size: 22px;
color: #444;
margin: 10px 5px 15px 15px;
}

#maincontent .documentDescription,#content .documentDescription,
#maincontent #description {
    margin-left: 0;
    padding: 0.1em .1em;
    font-weight: lighter;
    font-size: 1.4em;
    line-height:normal;
}

/* @end */


/* @group Listings */

a.link-parent {
}

a.link-anchor {
    border: none !important;
    color: Black !important;
    cursor: default !important;
}
#content a.link-overlay {
    border-bottom: 1px dotted #205c90 !important;
}

dl dt .documentByLine {
    font-weight: normal;
}

dl dt span.summary a {
    border: none !important;
}

/* @end */

/* @group Portlets */

dl.portlet {
    margin: 0 0 1em;
}
dl.portletError {
    background-color: #FFA500;
}

dl.portlet dt.hiddenStructure {
    padding: 0;
}
dl.portlet dd {
    margin-left: 0;
}

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,
dl.portletError dd {
    padding: 0.2em;
}

dl.portlet .portletItemDetails {
    display: block;
    margin-left: 1em;
}

div.managePortletsLink,
a.managePortletsFallback {
    text-align: center;
    font-size: 80%;
    margin: 0 auto 1em;
}
a.managePortletsFallback {
    display:inline-block;
}
#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;
}

body.template-atct_edit.section-front-page #sidebar
{
  width:95%;
}
#dashboard-portlets1,
#dashboard-portlets2,
#dashboard-portlets3,
#dashboard-portlets4 {
    display: inline-block;
}

.configlets {
    margin-left: 0;
}

.configlets li {
    list-style: none;
    line-height: 30px;
}
.configlets label {
    display: inline;
}
form .label {
text-align: left;
}

/* @end */

/* @group Navigation portlet */

dl.portlet ul.navTree li a {
    border: none;
    display: block;
    zoom: 1;
}

dl.portlet ul.navTree li a:hover {

}

dl.portletNavigationTree dd.portletItem {
    padding: 0;
}

dl.portlet ul.navTreeLevel0 > .navTreeItem {
    padding: 0.25em 1em;
    border-bottom: 0.1em dotted #ddd;
    line-height: 2em;
}

dl.portlet ul.navTreeLevel1 .navTreeItem {
    padding-left: 0.5em;
    line-height: 2em;
}

dl.portlet ul.navTree .navTreeCurrentItem {
    background-color: #ddd;
    border-left: 1em solid #ddd;
    margin-left: -1em;
    margin-right: -1em;
}

/* @end */

/* @group Status messages */

dl.portalMessage {
    margin: 1em 0;
    font-size: 80%;
    border: 1px solid #996;
    background-color: #ffffe3;
    clear:both;
}
dl.portalMessage a,
#content dl.portalMessage a {
    color: black;
    border-bottom: 1px solid #888;
}
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: red;
}
dl.error dd {
    background-color: #fdc;
}

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

/* @end */

/* @group Editing */

/* @group Tabs */

/* Color differences between the two tab types */
#content ul.formTabs {
    background-color: #ddd;
    border: 0.3em solid #ddd;
}
#edit-bar {
    background-color: rgb(11, 133, 0);
    border: 0.25em solid rgb(11, 133, 0);
    font-size: 80%;
    min-height: 34px;
    margin-bottom: 1em;
    padding-top: 0.05em;
}
#content-views {
    float: left;
    background-color: rgb(11, 133, 0);
}
#content-views a {
    color: White;
}

/* Shared CSS between the two tab types */
#edit-bar,
#content 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 {
    display: inline;
    margin-right:0.25em;
}
#content-views a,
#content 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 {
    line-height: 2em;
    padding: 0 0.75em;
    text-decoration: none;
    border: none;
    margin: 0 ;
}
#content-views li.selected a,
#content li.formTab a.selected {
    font-weight: bold;
}
#content-views li.selected a,
#content-views li a:hover,
#content li.formTab a.selected,
#content li.formTab a:hover {
    background: White;
    color: Black;
}
#content-views li.selected a,
#content-views li a:hover,
#content li.formTab a.selected,
#content li.formTab a:hover {
    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 {
    background-color: red;
    color: White;
}
#content li.formTab a.required span {
    background-image: url(required.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 1em;
}
#content fieldset.formPanel {
    border: none;
}
#content fieldset.formPanel.hidden {
    display: none;
}
#content div.formControls input.hidden {
    display: none;
}

/* @end */

/* @group Pulldown menus */

/* @group Content pulldowns */

#contentActionMenus dl.actionMenu a,
#contentActionMenus dl.actionMenu.activated dd {
    background-color: rgb(11, 133, 0);
    color: White;
    z-index: 5;
}
#contentActionMenus dl.actionMenu.activated dd {
    border-bottom: 0.5em solid rgb(11, 133, 0);
        left: -3px;
}
#contentActionMenus dl.actionMenu.activated dd a:hover,
#contentActionMenus dl.actionMenu.activated dd .actionMenuSelected {
    background-color: White !important;
    color: #666;
}
#contentActionMenus dl.actionMenu {
    line-height: 2em;
}
.contentActions {
position: relative;
}
.contentActionsMenu {
position: absolute;
}

#folderHeader, #contextHeader {
        border-bottom: 2px solid white;
}

#contextHeader { margin-top: 5px; }


/* @end */

#contentActionMenus {
    background: rgb(11, 133, 0);
    margin: 0;
    position: absolute;
    top: 22.88px;
    right: -3px;
    padding: 0.1em 0.24em .6em .8em;
    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 ul {
  margin-top:3px;
}
.actionMenuContent li {
line-height: normal;
padding: 3px 2px 3px 2px;
}
Matched CSS Rules

.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,
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 {
    color: #436976;
    background-color: transparent;
}
#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 {
}
.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;
}

/* 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 0.5em 0 2em;
    background: White url(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(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;
}

/* @end */

/* @group Comments */

.comment {
    margin-top: 1.5em;
    font-size: 80%;
}

.comment .documentByLine {
    margin-left: 1em;
}

.comment .formControls {
    margin-left: 0;
}

.commentTime {
    color: #666;
}

.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 #888;
    -moz-box-shadow: 0 0 0.5em 0 #888;
    -webkit-box-shadow: 0 0 0.5em #888;
}

.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;
    padding-right: 0.5em;
}
.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: #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: 0.2em solid #ffa500;
    padding: 0.1em;
}


/* @end */

fieldset,
.editionComment {
    line-height:1.5em;
    margin:1em 0;
    padding:18px 1em 1em;
    width:auto;clear:left;
}

/* 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;
    letter-spacing: -0.05em;
    margin: inherit -0.05em;
    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[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    background-color: #ffffe0;
}

#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 label {
}

#content optgroup {
    font-style: normal;
    font-weight: bold;
    color: #999;
    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"],
input#title {
    width: 100%;
}
.field.error input[type="text"][name$=".title"],
.error input#title {
    width: 99%;
}

.fieldRequired {
    background: url(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: #555;
    margin: 0 0 0.2em 0;
}
div.field.error {
    background-color: #fdc;
    border:  1px solid red;
    padding: 0.5em;
    margin:  1em 0;
}
.error .fieldRequired {
    color: #d00;
}
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,
tr.dragging,
tr.selected {
    background-color: #ffa;
}
table.listing tbody tr.odd.error td,
tr.error {
    background-color: #fdc;
}
.multi-widget-field {
    padding-left: 0.5em;
    border-left: 1.5em solid #DDD;
}

.multi-widget-checkbox {
    margin-left: -2em;
    margin-right: 0.5em;
    width: 1.5em;
    display: inline-block;
}

/* @group Login form */

body.template-logged_out #content,
body.template-login_form #content,
.pb-ajax #login-form {
    text-align: center;
}

#fieldset-openid-login input, #login-form input {
    font-size: 150%;
}


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:right;
    width: 10em;
    display: inline-block;
}

#fieldset-openid-login .formControls input, #login-form .formControls input {
margin-left: 0.25em;
}

/* @end */

/* @end */

/* @group Overlays */

div.overlay {
    width: auto;
    height: auto;
    /* initially overlay is hidden */
    display: none;
    /* some padding to layout nested elements nicely  */
    margin: 1em;
}

div.overlay-iframe,
div.overlay-ajax {
    width: 60%;
    min-height: 100px;
    z-index: 99; /* overlays should be above everything */
}

div.overlay-iframe {
    height: 60%;
}

/* default close button positioned on upper-left corner */
div.overlaybg div.close,
div.overlay div.close {
    background-image: url(++resource++plone.app.jquerytools.pb_close.png);
    position: absolute;
    left: -14px;
    top: -14px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.pb-ajax {
    overflow-y: auto;
}

.pb-ajax, .pb-image {
    background-color: #fff;
    border: 1px solid #999;
    white-space: normal;
    box-shadow: 0 0 3em 0.5em #666;
    -moz-box-shadow: 0 0 3em 0.5em #666;
    -webkit-box-shadow: 0 0 3em #666;
}

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

/* Hide form elements that don't make sense within an overlay. */
div.overlay .link-parent { display: none; }
div.overlay #createGroup legend { display: none; }
div.overlay #createGroup fieldset { border: none; }

/* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
div.overlay p {
    margin-bottom: 1em;
}
div.overlay label {
    margin-bottom: 0.25em;
}
div.overlay a:hover {
    color: #75ad0a;
}
div.overlay a.selected {
    color: #000000;
}
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;
}

/* @end */

/* @group Fixes for Bootstrap */

#edit-bar li {
    list-style: none;
}

#edit-bar a {
    text-decoration: none;
}

#edit-bar .contentViews > li,
#contentActionMenus > li {
    display: inline-block;
}

#contentActionMenus > li {
    float: right;
    padding-left: 0.8em;
}

#contentActionMenus dl.actionMenu {
    margin: 0;
    padding: 0;
}

#edit-bar .actionMenuContent ul {
    margin-left: 0;
}


.portletNavigationTree li {
    list-style: none;
}
dl.portlet ul.navTree .navTreeCurrentItem {
    background-color: transparent;
    border-left-color: transparent;
    font-weight: bold;
}

.formControls input {
    margin-right: 0.5em;
}

#content li.formTab a.selected {
    border-bottom: solid white 1px;
}

#content label {
    display: inline-block;
}

#content input {
    margin-right: 0.5em;
}

#content .field input[type="text"][name$=".title"],
#archetypes-fieldname-title input {
    height: 1.5em;
}



/* @end */

/* @group Personal tools */

#portal-personaltools {
    margin-bottom: 0;
    position: relative;
}

#portal-personaltools li {
    list-style: none;
}

#portal-personaltools dt a {
color: #999;
border: 1px solid #ccc;
background: white;
border-radius: 8px;
padding: 2px 4px;
}
#portal-personaltools dt a:hover {
    color: #fff;
    text-decoration: none;
}

#portal-personaltools dt.actionMenuHeader a:after {
    content: "<<";
}

#portal-personaltools dd {
background-color: #2C2C2C;
position: absolute;
top: 28px;
margin-left: -1em;
right: -2px;
}

#portal-personaltools dd ul {
    margin-left: 0;
}


#portal-personaltools dd a {
    color: #999;
}
#portal-personaltools dd a:hover {
    color: #fff;
    text-decoration: none;
    margin-left:5px;
}
#hcard {

    overflow: visible;
    padding-left: 16px;
}
.vcard .vcard a {
    display: inline;
    border: 1px solid #eee;
    margin-top: 5px;
    padding: 5px;
    position: relative;
    float: left;
    clear: left;
    width: 60%;
}
/* @end */

/* customizations */
.formTabs {
display: block;
width: 100%;
float: left;
}
.formTab {
float: left;
list-style: none;
margin-right: 9px;
} 
.plone_jscalendar select {
width: 44px;
border: 1px solid #DDD;
padding: 2px;
}
.fieldTextFormat select {
width: 20%;
padding: 2px;
border: 1px solid #DDD;
}
#headersearchbox input {
height: 20px;
}

#genlinks ul {
clear: both;
margin-left: 0px;
}
#portal-breadcrumbs a{color:white;text-transform:uppercase;font-weight:bold;}
.breadcrumbSeparator{color:white;padding:2px}
#breadcrumbs-current{color:#eaeaea;text-transform:uppercase;}
#portal-personaltools-wrapper {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index:1100;
}
.template-atct_edit .slider{display:none;}
.image-left {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.image-right {
float: right;
margin: 0.5em;
}
.image-inline {
float: none;
}
img.image-left,
img.image-right,
.captioned img {
border: 1px solid #ddd;
}
dd.image-caption {
text-align: left;
padding: 0 0 0 3px; /**/
margin: 0;
color: #666;
font-size: 85%;
}
.classificationList {
margin: 10px;
position: absolute;
top: -20px;
padding: 0px 2px 5px 14px;
right: 4px;
border: 1px solid rgb(213, 208, 208);
}
.classificationList li {
list-style: none;
float: left;
display: block;
margin-right: 20px;
}
.classificationListing img {
float: right;
border: 1px solid rgb(221, 214, 214);
padding: 10px 12px 61px;
}
.personName {
font-size: 24px;
}
#maincontent ul.jobTitle {
margin-left: 0px;
}

.newsImageContainer{width:30%;float:left;margin:10px 15px 15px 0px;border-right:1px dotted #777;padding-right:8px}
.newsImage{width:95%;margin:0 auto;}
.discreet{font-size:80%;}

/* gallery */

/* - gallery.css - */
#gallerythumbs,
#galleryphoto{
/*    background-color:#000000;*/
}
#gallerythumbs ul.thumbs{
  display:block;
  height:80px; /* thumb_max_size + 8 */
  margin:0px 1em;
}
#gallerythumbs ul.thumbs li {
  float: left;
  list-style: none outside none;
  margin: 5px 0 5px 0;
  padding: 0;
}
#gallerythumbs a,
#gallerythumbs a:visited
{font-weight:bold;text-decoration:none;border:0;line-height:80px;}
#gallerypageprev{float:left;}
#gallerypagenext{float:right;}

#galleryphoto {
  height:420px; /* photo_max_size + 20 */
}
#gallerycontrol,
#galleryphoto,
#gallerythumbs{
  width: 420px; /* photo_max_size + 20 */
}
#gallerycontrol #galleryprev{
    float:left;
}
#gallerycontrol
{
    text-align:center;
}
#gallerycontrol #gallerynext{
    float:right;
}
/*force thumb sizes*/
.thumb img{width:72px; height:72px;}

/* Faculty Staff Directory */

.field label {
display: inline;
}
.jobTitle li {
list-style: none;
}
.listing a img {
margin-left: 20px;
margin-top: 16px;
}
.classificationListing .listing.row {
border-bottom: 1px solid #ededed;
padding-bottom: 23px;
border-top: 1px solid #eee;
}


/* caption styling */
#gallerycaption {
    display:none;
    background:url('gallery_tooltip.png');
    height:143px;
    width:240px;
    padding:40px 30px 10px 30px;
    font-size:11px;
}
#__ac_name {
width: 100%;
}
#press-clips dt, #press-releases dt{
margin-top:15px;
}

#press-clips dt a, #press-releases dt a {
font-size: 16px;
}
dt .itemDate {
font-size: 14px;
font-weight: lighter;
}
.maincontent dt span {
font-size: 17px;
}
.maincontent dd {
margin-bottom: 25px;
}
.pressroomSubhead, .itemPublication {
color: #222;
}
#press-releases, #press-clips {
width: 45%;
float: left;
margin-right: 5%;
}

.portletItemDetails{display:block;margin-bottom:12px;}
.footer-list.portletItemDetails{color:white;}
.footer .portlet-static-about-us .portletHeader, .footer .portlet-collection-whats-on-at-carimac .portletHeader{
font-size: 14px;
margin-top: 15px;
}
.footer-list.twitter .portletHeader a {
display: none;
}
.footer .portlet-static-about-us .portletHeader span,.footer .portlet-collection-whats-on-at-carimac .portletHeader span {
color: white;
}
.headshot {
background: rgb(51, 48, 48);
text-align: center;
padding: 10px;
}
.footer .portletItem.odd {
margin-top: 5px;
}
.personView .title {
display: block;
font-size: 18px;
font-weight: lighter;
margin-right: 18px;
color: #333;
margin-bottom: 4px;
}
#plone-document-byline {
position: absolute;
right: 15px;
font-size: 10px;
top: -35px;
background: rgba(236, 211, 211,.4);
padding: 4px 10px;
border: 1px solid rgb(131, 112, 112);
}
.actionMenu dt span {
font-size: 12px;
}
.actionSeparator .subMenuTitle {
color: rgb(171, 173, 168);
font-weight: bold;
}
#quickAdd label {
display: inline;
}
#default_page_form label {
display: inline;
}
.portaltype-topic .tileImage {
float: right;
}

/* search */
#search-results-wrapper {
margin-top: 35px;
}
.searchResults dt {
    font-size: 18px;
    margin-top: 10px;
}
.searchResults dd div {
    font-size: 16px;
  line-height:1.5;
}
#search-results-bar dl.actionMenu.activated dd {
position: relative;
}
#sorting-options {
    display: block;
}
.formTabs {
border-bottom: 1px solid rgb(224, 214, 214);
top: 18px;
position: relative;
width: 75%;
}
.formTabs li a{
border: 1px solid rgb(202, 193, 193);
padding: 2px 5px;
border-bottom: 0px;
}
.formTabs li a:hover,.formTabs li a.selected{
    background: rgb(224, 207, 207);
}

/* PHOTO ALBUM */
.photoAlbumEntry {
float: left;
position:relative;
overflow: hidden;
height: 185px;
width: 157px;
margin: 0em;
padding: 0px 6px 0px 9px;
text-align: center;
background-image: url('../images/polaroid-single.png');
background-repeat: no-repeat;
}
.photoAlbumEntry img {
border: 1px solid #ccc;
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('polaroid-multi.png');
background-repeat: no-repeat;
}
.photoAlbumEntryTitle {
color: #76797c;
display: block;
width: 128px;
height: 3.6em;
}
/* */