Home LIS public.css

public.css

CSS stylesheet icon public.css — CSS stylesheet, 29 kB (29856 bytes)

File contents

/* <dtml-with base_properties>
   <dtml-with plonebasic_properties> */

/* CSS Reset */

/* Remove implicit browser styles to have a neutral starting point:
   - No elements should have implicit margin/padding
   - No underline by default on links (we add it explicitly in the body text)
   - When we want markers on lists, we will be explicit about it, and they render inline by default
   - Browsers are inconsistent about hX/pre/code, reset
   - Linked images should not have borders
   */

* { margin: 0; padding: 0; }
* :link,:visited { text-decoration:none }
* ul,ol { list-style:none; }
* li { display: inline; }
* h1,h2,h3,h4,h5,h6,pre,code { font-size: &dtml-fontBaseSize;; }
* a img,:link img,:visited img { border:none }
a { outline: none; }
table { border-spacing: 0; }
img { vertical-align: text-bottom; }


/* BASICS 

                                                              */
html>body { overflow:scroll; overflow-x:hidden }
body {
    font: &dtml-fontBaseSize; Arial;
    color: &dtml-fontColor;;
    background-color: #FFF;
    background-image:url('bg_fade.gif');
}
body.largeText {
    font-size: 125%;
}
body.smallText {
    font-size: 85%;
}

.internal-link: {padding: 0; margin: 0;}

.section-students .documentFirstHeading {color: #0c9eaf;}
.section-students .h1 {color: #0c9eaf;}
.section-courses .documentFirstHeading {color: #ff6600;}
/*
.section-home .documentFirstHeading {color: #000;}



.section-courses #portal-globalnav .selected a, #portal-globalnav a:hover

{
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #f6861f;
} 

.section-campuses #portal-globalnav .selected a, #portal-globalnav a:hover

{
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #81063d;
} 





.section-studying-at-uhi #portal-globalnav .selected a, #portal-globalnav a:hover

{
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #0c9dae;
}



.section-students #portal-globalnav .selected a, #portal-globalnav a:hover

{
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #0c9eaf;
}

.portaltab.home {color: #000;}




*/

.section-campuses .documentFirstHeading {
    color: #81063d;
}

h1, h2, h3, h4, h5, h6 {
    font-family: &dtml-headingFontFamily;;
    font-weight: bold;
    color: #661967;
    line-height: 1.5em;
}

h1 {
    font-size: 22px;
}
h2 {
    font-size: 18px;
    padding:5px 0px 10px 0px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10px;
}
a,
a:visited {
    color: #661967;
}
a:active {
    color: &dtml-linkActiveColor;;
}
a:hover {
    color: #666;
}
a:focus img {
    outline: none;
}
dt {
    font-weight: bold;
}
input {
    font-family: &dtml-fontFamily;;
}
td {
    vertical-align: top;
}

/* Invisibles */
.hiddenStructure {
    display: none;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 0.1em;
    overflow: hidden;
    padding: 0;
    margin: -0.1em 0 0 -0.1em;
    width: 1px;
}
.visualNoMarker {
    list-style:none;
    margin-left: 0;
}
.visualClear {
    clear: both;
}

/* Plone elements 
#visual-portal-wrapper {
    padding: 0;
}
*/
#visual-portal-wrapper {
/*padding: 1em 0 0 0;*/
padding: 0px;
background-color: #FFF;
    margin:20px auto;
    width: 1000px;
}


#portal-header {
    position: relative;
  /*  z-index: 22; */
    width: 960px;
    margin:0 auto 1em auto;
    background-color: #FFF;
    border-collapse: collapse;
    padding: 20px 0 0 0;
}

#portal-columns {
    width: 960px;
    border-collapse: collapse;
    margin:0 auto;
    background-color: #FFF;
}
#portal-column-one{
    width: 225px;

    /*background-color:#ECE9E4;*/

}
#portal-column-one .visualPadding {
   /* padding-right: 20px; */
    margin-right: 20px;

}
#portal-column-two {
    width: 225px;
}
#portal-column-two .visualPadding {
    padding:0;
}

/* VIEWLETS                                                             */

/* logo */
#portal-logo {
    margin: 0;
    float: left;
}

/* global nav */
#portal-globalnav {
    border-bottom: solid #666 1px;
    clear: both;
    background: #FFF;
    margin: 0 0 .5em 0;
    font-size: 180%;
    font-weight: 900;
}
#portal-globalnav a {
    display: inline-block;
    padding: 10px 20px 5px 0;
    background: #FFF;
    white-space: normal;
    border-right: &dtml-borderWidth; &dtml-borderStyle; white;
}


#portal-globalnav #portaltab-welcome-to-uhi a{
    color: #572163;
}

#portal-globalnav #portaltab-welcome-to-uhi a:hover{
    color: #666;
}



#portal-globalnav #portaltab-courses a{
    color: #e26e30;
}

#portal-globalnav #portaltab-courses a:hover{
    color: #666;
}



#portal-globalnav #portaltab-students a{
    color: #0c9eaf;
}

#portal-globalnav #portaltab-students a:hover{
    color: #666;
}

#portal-globalnav #portaltab-campuses a{
    color: #81063d;
}

#portal-globalnav #portaltab-campuses a:hover{
    color: #666;
}


#portal-globalnav #portaltab-studying-at-uhi a{
    color: #00828c;
}

#portal-globalnav #portaltab-studying-at-uhi a:hover{
    color: #666;
}

#portal-globalnav #portaltab-research-enterprise a{
    color: #5f963b;
}

#portal-globalnav #portaltab-research-enterprise a:hover{
    color: #666;
}



/* for webcouturier.dropdownmenu */
#portal-globalnav .selected .submenu a {
    background-color: &dtml-neutralColor;;
    color: &dtml-linkColor;;
}

/* personal tools */
#portal-personaltools {
    float: right;
    background: #eeeeee;
    position: relative;
    z-index: 23; /* personaltools should be above #portal-header (with z-index: 22) */
    top: 0;
    right: 0;
}
#portal-personaltools .actionMenuHeader,
#anon-personalbar a {
    font-weight: normal;
    padding: 0.25em 0.5em;
}
#portal-personaltools .actionMenuHeader a:after {
    content: " ?";
}
#portal-personaltools .actionMenuContent {
    right: 0;
    padding-top: 0.5em;
}
#portal-personaltools .actionMenuContent {
    background: #eeeeee;
    padding-bottom: 0.5em;
    line-height: 2em;
}
#portal-personaltools .actionMenuContent a {
    padding: 0 0.75em;
}
#portal-personaltools .actionMenuContent a:hover {
    background: &dtml-primaryColor;;
    color: #ffffff;
}

/* language selector */
#portal-languageselector {
    float: right;
    position: relative;
    top: 0;
    right: 0px;
    z-index: 23; /* portal-header has 22 and we need to be above to be clickable */
    padding: 0.25em 0em 0.25em 0.5em;
    font-size: 95%;
    max-width: 50%;
    text-transform:uppercase;
    color: #4a4c4e;
}

#portal-languageselector a{
    color: #4a4c4e;
}



li.currentLanguage {font-weight: bold;}

#portal-languageselector .selected a{
    font-weight: bold;
}

/* searchbox */
#portal-searchbox {
    text-align: right;
    clear: right;
    margin: 1.2em 0;
    font-size: &dtml-fontBaseSize;;
    padding-right: 0px;
}
#portal-searchbox label {
    font-weight: normal;
    display: none;
}
#searchGadget {
    width: 22.4em;
    height: 25px;
    background: url('search.gif') center right no-repeat;
    border-color: #666;
    border-width:1px;
    border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
#content .searchField {
    margin-bottom: 1em;
}
.searchSection {
    display: none;
}

input.searchbutton {display: none;}
.searchSection label:hover {
    color: #000000;
}
/* Collapsible elements in search_form */
.collapsible .collapser.collapsed {
    padding-right: 14px;
    background: url('arrowRight.png') center right no-repeat;
}
.collapsible .collapser.expanded {
    padding-right: 14px;
    background: url('arrowDown.png') center right no-repeat;
}
.LSResult {
    position: absolute;
    right: 0;
    margin: -1.5em 0 0 -7em;
    z-index: 25;
}
.livesearchContainer {
    padding: 1em 0 0;
    border: &dtml-borderWidth; &dtml-borderStyle; #ccc;
    background: #ffffff;
}
#livesearchLegend {
    background-color:#ccc;
    padding:0.3em;
    *margin-top: -24px;
}
.LSResult .LSDescr {
    font-size: 85%;
    color: #666;
}
.LSRow,
#LSNothingFound {
    display: block;
    padding: 0.5em 1em;
    white-space: normal;
    width:28em;
}
.LSHighlight {
    background: &dtml-neutralColor;;
}

/* breadcrumbs */
#portal-breadcrumbs {
    margin-bottom: 1em;
    margin-left: 0;
    padding-top: .5em;
    text-transform:lowercase;
    float:left;
    width: 700px;
}
#portal-breadcrumbs a {
    display: inline-block;
    color: #666;
}

/* site actions */
#portal-siteactions {
    font-size: 95%;
    font-weight: bold;
    padding: 0.25em 0em 0.25em 0.5em;
    text-align: right;
    text-transform:uppercase;
}

#portal-siteactions a {
    color: #572163;
}

#portal-siteactions a:hover {
    color: #666;
}

#portal-siteactions .selected a{
    font-weight: bold;
}



#portal-siteactions li {
    margin-right: 0em;
}

/* sub actions */
#portal-subactions {
    font-size: 120%;
    font-weight: bold;
    padding: 0.25em 0em 0.25em 0em;
    text-align: right;
    text-transform:uppercase;
}

#portal-subactions a {
    color: #572163;
    padding: 0em .5em 0.25em 0.25em;
    vertical-align: top;
}

#portal-subactions li {
    margin-right: 0em;
}

#portal-subactions .selected a{
    font-weight: bold;
}

#portal-subactions a:hover {
    color: #666;
}

#portal-subactions #siteaction-STUDENTS {
    border-right: 2px solid #572163;
}

#portal-subactions #siteaction-Oileanaich {
    border-right: 2px solid #572163;
}



#portal-subactions #siteaction-ALUMNI {
    border-right: 2px solid #572163;
}


#portal-footactions #siteaction-About {
    border-right: 1px solid #572163;
}

#portal-footactions #siteaction-dheidhinn {
    border-right: 1px solid #572163;
}

#portal-footactions #siteaction-Media {
    border-right: 1px solid #572163;
}

#portal-footactions #siteaction-ionad {
    border-right: 1px solid #572163;
}

#portal-footactions #siteaction-Vacancies {
    border-right: 1px solid #572163;
}

#portal-footactions #siteaction-cothroman {
    border-right: 1px solid #572163;
}


#portal-footactions #siteaction-give {
    border-right: 1px solid #572163;
}

#portal-footactions #siteaction-givegd {
    border-right: 1px solid #572163;
}


#portal-footactions #siteaction-FOI {
    border-right: 1px solid #572163;
}


/* foot actions */
#portal-footactions {
    font-size: 100%;
    font-weight: normal;
    padding: 2em 0em 1em 0em;
    text-align: left;
    border-top:solid 1px grey;
    width: 970px;
    margin:0 auto;
    background: #ffffff;
}

#portal-footactions a {
    color: #572163;
    padding: 0em 1em 0.25em 0.25em;
}

#portal-footactions a:hover {
    color: #666;
}



#portal-footactions li {
    margin-right: 0.5em;
}

/* footer */
#portal-footer {
    line-height: 1.5em;
    width: 960px;
    margin:0 auto;
    background: #ffffff;
    color: #666;
    padding: 0 0 1em 0;
}

#portal-colophon {
    font-size: 90%;
    text-align: left;
    margin-bottom: 1em;
    width: 960px;
    margin:0 auto;
    background-color: #e7e7e8;
    padding: 2em;
}
#portal-colophon li {
    padding: 0 0.75em;
}

/* CONTENT AREA                                                             */
#content {
    line-height: 1.5em;
    clear: both;
    margin: 0em 1.5em 2em 0em;
}
body#content {
    margin: 1em;
}

#Apply p li{
margin-left:20px;
}

#content ul, ol #content ul a, ol a{
list-style:outside disc;
margin-left:0px;
margin-bottom:0px;

}
.documentFirstHeading {
    display: none;
}
.documentDescription,
#description {
    color: #666;
    font: bold 1.25em &dtml-fontFamily;;
}
.documentByLine {
    font-size: &dtml-fontSmallSize;;
    color: #666;
}
.tileImage,
.newsImageContainer {
    float: right;
    margin: 0 1em 0.5em 1em;
}
.newsImageContainer .discreet {
    margin: 0;
    padding: 0.5em;
    background-color: #666;
    color: #ffffff;
    font-weight: bold;
    width: 190px;
}

/* DATA TABLES                                                               */

.listing,
table.plain {
    border-spacing: 0;
    border-collapse: collapse;
}

.invisible td,
.invisible th,
.plain td,
.plain th,
.listing td,
.listing th {
    padding: 0.5em 1em;
    vertical-align: top;
}
.plain th,
.plain td {
    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-neutralColor;;
}

.listing .listingCheckbox {
    text-align: center;
}

.listing th {
    text-align: left;
    color: #666;
    border: &dtml-borderWidth; &dtml-borderStyle; #e7e7e7;
    border-style: &dtml-borderStyle; none none;
}
.listing .odd th {
    border: &dtml-borderWidth; &dtml-borderStyle; #fff;
    border-style: &dtml-borderStyle; &dtml-borderStyle; none none;
}
.listing th {
    font-weight: bold;
}
.listing tr {
    text-align:left;
}
.listing .odd {
    background: &dtml-oddRowBackgroundColor;;
}
.listing td {
    background: transparent;
}
.listing .odd td {
    background: &dtml-oddRowBackgroundColor;;
}
.listing a {
    line-height: 2em;
    display: inline-block;
}
.listing td.draggable,
.listing .odd td.draggable {
    text-shadow: #ffffff 1px 1px 1px;
    background: &dtml-neutralColor;;
    border-bottom: &dtml-borderWidth; &dtml-borderStyle; #ffffff;
    padding: 0.4em 0.4em 0 0.5em;
}
.listing .odd.selected td,
tr.selected {
    background-color: #ffa;
}
/* Vertical table data listings */
.vertical {
}
.vertical th {
    text-align: right;
}
.vertical td {
    border-top: &dtml-borderWidth; &dtml-borderStyle; #e7e7e7;
    padding: 0.5em;
}
/* Grid table listings */
.grid td,
.grid th {
    border: &dtml-borderWidth; &dtml-borderStyle; #e7e7e7;
    padding: 0.5em;
}
.dragindicator {
    outline: 2px &dtml-borderStyle; #FFD700;
}

#foldercontents-order-column {
    padding: 0;
}

/* MISC ELEMENTS                                                             */

/* navigation */
.listingBar {
    font-size: 80%;
    margin: 1em 0;
}
.listingBar .next {
    display: inline-block;
    float: right;
}
.listingBar .previous {
    display: inline-block;
}
.listingBar a {
    display: inline-block;
    padding: 0.25em 0.5em;
    border: &dtml-borderWidth; &dtml-borderStyle; #ccc;
}
.listingBar a:hover {
    color: #ffffff;
    background-color: #329fd7;
    border-color: #329fd7;
}

/* Status messages */
.portalMessage {
    margin: 1em 0;
    font-size: &dtml-fontSmallSize;;
    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-notifyBorderColor;;
    background-color: &dtml-notifyBackgroundColor;;
    clear: both;
}
.portalMessage dt {
    background-color: &dtml-notifyBorderColor;;
    font-weight: bold;
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.5em 0.75em;
    color: #ffffff;
    line-height: 1.25em;
}
.portalMessage dd {
    padding: 0.5em 0.5em;
    margin: 0;
    line-height: 1.25em;
}
.warning {
    border-color: #d80;
}
.warning dt {
    background-color: #d80;
}
.warning dd {
    background-color: #fd7;
}
.error {
    border-color: #d00;
}
.error dt {
    background-color: #d00;
}
.error dd {
    background-color: #fdc;
}
#content .portalMessage dt {
    margin: 0 0.5em 0 0;
    padding: 0.5em 0.75em;
}
#content .portalMessage dd {
    margin: 0;
}

.spacer {
    margin: 1em;
}
.label {
    font-weight: bold;
    display: inline;
    padding-right: 0.5em;
}
.optionsToggle {
    border: &dtml-borderWidth; &dtml-borderStyle; #8cacbb;
    color: #000000;
    background-color: #dee7ec;
    font-weight: normal;
    font-size: 90%;
}

/* Table of Contents */
.toc {
    float: right;
    width: 35%;
    margin: 1em 0 0.5em 1.5em;
}
.toc dt {
    margin-left: 1em;
    font-weight: normal;
}
.toc dd {
    margin-bottom: 0;
    padding-left: 2em;
}
.toc dd ol {
    margin-left: 1.5em;
}

/* keywords/categories */
#category {
    font-size: &dtml-fontSmallSize;;
    margin-bottom: 1em;
    color: #666;
    text-align: right;
}
#category .link-category {
    color: #000000;
    padding: 0.25em 0.5em;
    background: &dtml-neutralColor;;
}
#category .link-category:hover {
    background: &dtml-primaryColor;;
    color: #ffffff;
}
#category .separator {
    display: none;
}

/* highlighting */
.highlightedSearchTerm {
   background-color: &dtml-highlightColor;;
}
.searchResults .highlightedSearchTerm {
    background-color: transparent;
    font-weight: bold;
}
.noInheritedRoles {
    color: #a0a0a0;
}
.currentItem {
    border-collapse: collapse;
    border: 0.2em &dtml-borderStyle; #ffa500;
    padding: 0.1em;
}

/* Image alignment classes */
.image-left {
   float: left;
   clear: both;
   margin: 0.5em 1em 0.5em 0;
}
.image-right {
   float: right;
   clear: both;
   margin: 0.5em;
}
.image-inline {
   float: none;
}
/*note: the tricky thing here is that image-inline|image-left|image-right
can both be on an image and a wrapper element e.g. a dl tag*/
img.image-left,
img.image-right,
.captioned img {
    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-neutralColor;;
}
.image-caption {
    text-align: left;
    padding: 0 0 0 3px; /*image padding+border with*/
    margin: 0;
    color: #666;
    font-size: 85%;
}

/* styles for when icons are visible.  Setting can be changed in @@skins-controlpanel */
.icons-on .contenttype-document {
    background: no-repeat transparent 0px 4px url(contenttypes-sprite.png);
}
.icons-on .contenttype-event {
    background: no-repeat transparent 0px -212px url(contenttypes-sprite.png);
}
.icons-on .contenttype-folder {
    background: no-repeat transparent 0px -644px url(contenttypes-sprite.png);
}
.icons-on .contenttype-link {
    background: no-repeat transparent 0px -1076px url(contenttypes-sprite.png);
}
.icons-on .contenttype-news-item {
    background: no-repeat transparent 0px -1292px url(contenttypes-sprite.png);
}
.icons-on .contenttype-plone-site {
    background: no-repeat transparent 0px -1508px url(contenttypes-sprite.png);
}
.icons-on .contenttype-topic {
    background: no-repeat transparent 0px -1724px url(contenttypes-sprite.png);
}
.icons-on #plone-contentmenu-factories .contenttype-file {
    background: no-repeat transparent 0px -428px url(contenttypes-sprite.png);
}
.icons-on #plone-contentmenu-factories .contenttype-image {
    background: no-repeat transparent 0px -860px url(contenttypes-sprite.png);
}
.icons-on .contenttype-document,
.icons-on .contenttype-event,
.icons-on .contenttype-folder,
.icons-on .contenttype-link,
.icons-on .contenttype-news-item,
.icons-on .contenttype-plone-site,
.icons-on .contenttype-topic {
    line-height: 2em;
    padding-left: 20px !important;
    display: inline-block;
}
.icons-on #plone-contentmenu-factories .contenttype-file,
.icons-on #plone-contentmenu-factories .contenttype-image {
    line-height: 2em;
    padding-left: 20px !important;
    display: block;
}

/* Forms                                                                      */
fieldset,
.editionComment {
    line-height:1.5em;
    margin:1em 0;
    padding:0 1em 1em;
    width:auto;
}
#archetypes-fieldname-title input {
    font-family: &dtml-headingFontFamily;;
    line-height: 125%;
    color: &dtml-inputFontColor;;
    letter-spacing: -0.05em;
    margin: inherit -0.05em;
    font-size: 2em;
    font-weight: bold;
}
#archetypes-fieldname-description #description {
    font-family: &dtml-fontFamily;;
    color:#666666;
    font-size:1.25em;
    font-weight: bold;
}
.formControls {
    margin: 1em;
}
#content textarea {
    font-family: "Courier New", Courier, monospace;
    width: 100%;
}
#content select {
    vertical-align: top;
}
#content fieldset {
    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-primaryColor;;
    border-style: &dtml-borderStyle; none none none;
}
#content legend {
    padding: 0.5em;
    font-size: &dtml-fontSmallSize;;
}
label {
    font-weight: bold;
}
#content optgroup {
    font-style: normal;
    font-weight: bold;
    color: #999;
    padding-left: 0.25em;
}
#content option {
    color: #000000;
}
#content optgroup > option {
    padding: 0 0.25em 0 1em;
}
.enableFormTabbing dd {
    margin-left: 0;
    padding-top: 2em;
}
.field {
    clear: both;
    margin-bottom: 1em;
}
#title {
    width: 100%;
}
.error #title {
    width: 99%;
}
#subject {
    width: 100%;
}
.fieldRequired {
    background: url(required.png) center left no-repeat;
    padding: 0 0 0 1em;
    color: #ffffff;
}
.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.error {
    background-color: #fdc;
    border:  &dtml-borderWidth; &dtml-borderStyle; red;
    padding: 0.5em;
    margin:  1em 0;
}
.error .fieldRequired {
    color: #d00;
}
.error.warning {
    background-color: transparent;
    border: none;
    margin-top: 0;
    padding: 0;
}
.error.warning input {
    border: 2px solid red;
}
.inputLabelActive {
    color: #76797c;
}

/* Login Form */
.template-logged_out #content,
.template-login_form #content,
.pb-ajax #login-form {
    text-align: center;
}
#fieldset-openid-login input,
#login-form input {
    font-size: 150%;
}
.template-register #content input,
.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;
}

/* TEMPLATES                                                                 */

/* folder listings */
#content .link-overlay {
    border-bottom: 1px dotted &dtml-primaryColor;;
}
dt .documentByLine {
    font-weight: normal;
}

/* search results page */
form.searchPage {
    text-align: center;
}
input.searchPage {
    font-size: 200%;
}

/* Sitemap */
#portal-sitemap {
    list-style: none;
    margin-left: 0;
    font-size: 130%;
    font-weight: bold;
}
#portal-sitemap li {
    list-style: none;
    margin-left: 0;
}
#portal-sitemap a {
    border-bottom: none;
    display: block;
}
#portal-sitemap > li {
    border-bottom: &dtml-borderWidth; dotted &dtml-neutralColor;;
    line-height: 1.8em;
    padding: 0.25em 1em;
    margin-bottom: 0;
}
#portal-sitemap .navTreeLevel2,
#portal-sitemap .navTreeLevel2 ul {
    font-size: 85%;
    font-weight: normal;
    margin-bottom: 0;
    padding: 0.25em 0;
}

/* Events */
.eventDetails {
    float: right;
    clear: right;
    margin: 0 0 0.5em 1em;
}

/* 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: &dtml-borderWidth; &dtml-borderStyle; #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;
}

/* Overlays                                                                  */

/* styling for overlays (popups) */
.overlay {
    width: auto;
    height: auto;
    display: none;
    margin: 1em;
    font-size: 80%;
}
.overlay-iframe,
.overlay-ajax {
    width: 60%;
    min-height: 100px;
    z-index: 99;
}
.overlay-iframe {
    height: 60%;
}
.overlaybg .close,
.overlay .close {
    background-image: url(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: &dtml-borderWidth; &dtml-borderStyle; #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;
}
.overlay .close span {
    display: block;
    height: 1px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}
.overlay textarea {
    width: 100%;
}
.overlay .link-parent,
.overlay #createGroup legend {
    display: none;
}
.overlay #createGroup fieldset {
    border: none;
}

/* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
.overlay p {
    margin-bottom: 1em;
}
.overlay label {
    margin-bottom: 0.25em;
}
.overlay a:hover {
    color: &dtml-linkHoverColor;;
}
.overlay a.selected {
    color: #000000;
}
.overlay .formTab {
    margin-right:1em;
    font-weight: bold;
}
.overlay .formTab.lastFormTab {
    margin-right:0em;
}
.overlay .formControls a {
    display: block;
    margin: 0.75em;
}

/*footer tabs*/
#uhi-footer-tabs {
	position: relative;
	width:731px;
	background-color:#FFFFFF;
	height:39px;
}

#uhi-footer-bg-tabs{position:absolute; left:0px; top:0px; width:731px; }
#uhi-footer-bg-tabs img { width:731px; }

#uhi-footer-list-tabs {
	position: absolute;
	top: 0px;
	left: 0px;
	width:731px;
	height:39px;
}
#uhi-footer-list-tabs a:hover { border: none; } /* Helps hovers disappear in IE 6 */
#uhi-footer-list-tabs img { display: block; width: 100%; height: 100%; }
#argyll_ {
	position:absolute;
	left:0px;
	top:0px;
	width:46px;
	height:39px;
}
a#argyll_:hover img {background: url(What_do/1.jpg) no-repeat top left; }	

#htc_ {
	position:absolute;
	left:46px;
	top:0px;
	width:63px;
	height:39px;
}
a#htc_:hover img {background: url(What_do/2.jpg) no-repeat top left; }	

#ic_ {
	position:absolute;
	left:109px;
	top:0px;
	width:55px;
	height:39px;
}
a#ic_:hover img {background: url(What_do/3.jpg) no-repeat top left; }	

#lews_ {
	position:absolute;
	left:163px;
	top:0px;
	width:57px;
	height:39px;
}
a#lews_:hover img {background: url(What_do/4.jpg) no-repeat top left; }	

#moray_ {
	position:absolute;
	left:219px;
	top:0px;
	width:59px;
	height:39px;
}
a#moray_:hover img {background: url(What_do/5.jpg) no-repeat top left; }	

#nafc_ {
	position:absolute;
	left:283px;
	top:0px;
	width:50px;
	height:39px;
}
a#nafc_:hover img {background: url(What_do/6.jpg) no-repeat top left; }	

#nhc_ {
	position:absolute;
	left:334px;
	top:0px;
	width:60px;
	height:39px;
}
a#nhc_:hover img {background: url(What_do/7.jpg) no-repeat top left; }

#oc_ {
	position:absolute;
	left:395px;
	top:0px;
	width:55px;
	height:39px;
}	
a#oc_:hover img {background: url(What_do/8.jpg) no-repeat top left; }	
	
#perth_ {
	position:absolute;
	left:449px;
	top:0px;
	width:61px;
	height:39px;
}
a#perth_:hover img {background: url(What_do/9.jpg) no-repeat top left; }	

#smo_ {
	position:absolute;
	left:509px;
	top:0px;
	width:57px;
	height:175px;
}
a#smo_:hover img {background: url(What_do/10.jpg) no-repeat top left; }	



#sams_ {
	position:absolute;
	left:566px;
	top:0px;
	width:57px;
	height:39px;
}
a#sams_:hover img {background: url(What_do/11.jpg) no-repeat top left; }	



#sc_ {
	position:absolute;
	left:620px;
	top:0px;
	width:59px;
	height:39px;
}
a#sc_:hover img {background: url(What_do/12.jpg) no-repeat top left; }	

#whc_ {
	position:absolute;
	left:685px;
	top:0px;
	width:46px;
	height:39px;
}
a#whc_:hover img {background: url(What_do/13.jpg) no-repeat top left; }	

/* single image rollover for right portlet */

#ssaHolder{width:225px; top:0; left:0; height:260px;display:block; position:relative;}

#ssalist{position:relative; margin:0px !important;}
#ssalist li{margin:0;padding:0;list-style:none;position:absolute;}
#ssalist li, #ssalist a{height:110px;display:block;}

#ssa1a{left:0px;width:225px;}
#ssa1a{background:url('images/study_sub_1.jpg') 0 0;}
#ssa1a a:hover{background: url('images/study_sub_1.jpg')  0 -110px;}

#ssa2a{left:0px; top:130px; width:225px;}
#ssa2a{background:url('images/study_sub_1.jpg') -490px 0px;}
#ssa2a a:hover{background: url('images/study_sub_1.jpg') -490px -110px;}


/* </dtml-with> </dtml-with> */