/* ========================================================================== Viewlets ========================================================================== */ /* * Portal Globalnav */ #theme-globalnav { font-size: 1.31em; line-height: 1.18em; margin: 0 0 85px; padding: 0; text-transform: lowercase; } #theme-globalnav li { display: inline-block; position: relative; z-index: 3; } #theme-globalnav > li > a { margin-right: 70px; padding: 0 0 9px; position: relative; z-index: 3; } #theme-globalnav > li:hover > .hasChildrens { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAACCAYAAADirOGHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNpi4d+x+j/DKBgFo2AU4AGMQPwfjc+AJkZLwMzMtIOZlSWE5fvHr6OxMQpGwSgYlOA/sERkZmVewiPIkwOkvwEEGABZeQy6KWtVDwAAAABJRU5ErkJggg==) no-repeat 100% 100%; } #theme-globalnav a:visited { color: $mainColor; } #theme-globalnav .selected a, #theme-globalnav a:hover { color: #018781; text-shadow: 0 0 2px rgba(29,244,211,0.6); } #theme-globalnav ul { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); border-bottom: 1px solid #26afa9; border-radius: 0 10px 0 0; box-shadow: -3px 0 10px 0 rgba(3, 85, 67, 0.28); display: none; margin: 7px 0 0; padding: 14px 18px; position: absolute; width: 144px; } .globalSectionsLevel1 { font-size: 0.88em; line-height: 1.14em; } #theme-globalnav li:hover > ul { display: block; } #theme-globalnav ul li { display: block; margin: 0 0 15px } #theme-globalnav ul .last { margin: 0; } #theme-globalnav ul a, #theme-globalnav .selected ul a, #theme-globalnav ul a:visited { color: $mainColor; display: block; text-shadow: none; } #theme-globalnav ul a:hover, #theme-globalnav .selected ul a:hover { color: #393939; text-decoration: underline; text-shadow: none; } #theme-globalnav ul ul { margin: 0; top: -14px; left: 100%; } /* * Portal Search Box */ #portal-searchbox { clear: right; float: right; } .LSBox { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.4); border-color: #8cc8be; border-color: rgba(4, 129, 98, 0.25); border-radius: 19px; border-style: solid; border-width: 1px 0 0 1px; padding: 0 0 0 10px; } #portal-searchbox .searchField { background-color: transparent; border: 0; color: #3fb7b2; font-size: 1.08em; text-transform: lowercase; width: 190px; } #portal-searchbox .searchField:focus { outline: none; } #portal-searchbox .searchField::-webkit-input-placeholder { color: #3fb7b2; } .searchButton[type="submit"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAM1BMVEUAoZoAoZoAoZoAoZoAoZoAoZoAoZoAoZoAoZoAn5gAoZoAoZoAoZoAoZoAoZoAnZYAAAApaNnIAAAAEXRSTlNDOGQte0+RFp2rWiKGcAu4AKQZVyQAAAB4SURBVHjaxdLNDsQgCEZR2+lYf5DL+z/tmJAuSuO2w8aYE4F8MdmqXpdWoO76lANEKlmjNPJppgcjSmHCpILeRRG/7nzu0q8uLYpR/BR6kOGPEmJBzoqkbUCPYj0zq8at3VrbTBiL3DQ7RfGB30XWfSl2xfP/f/ADH/olQ0jObf8AAAAASUVORK5CYII=); border: 0; height: 25px; padding: 0; width: 25px; @include hide-text; } .LSResult { position: relative; z-index: 3; } .livesearchContainer { background-color: #fff; border: 1px solid rgb(4, 129, 98); border: 1px solid rgba(4, 129, 98, 0.25); border-radius: 0 19px 19px 19px; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 325px; } #livesearchLegend { background-color: #fff; border-color: rgb(4, 129, 98); border-color: rgba(4, 129, 98, 0.25); border-radius: 19px 19px 0 0; border-style: solid; border-width: 1px 1px 0; line-height: 1.18em; margin-left: -1px; padding: 7px 12px 3px; position: absolute; top: -2em; } .LSIEFix { padding:4px 8px 10px; } .LSTable { list-style: none; padding: 0; } .LSDescr { margin-left:7px; } /* * Portal Logo */ #portal-logo { display: inline-block; margin: 0 75px 0 0; vertical-align: top; } #portal-logo img { vertical-align: top; } /* * Slogan */ #slogan { color: $mainColor; display: inline-block; font: 2.23em/1em yorkvilleregular,sans-serif; max-width: 50%; vertical-align: top; } /* * Bread Crumbs & Language Selecto */ #portal-path { clear: both; margin: 0 auto 1.4em; width: 960px; } #portal-breadcrumbs { color: #818181; font-size: 10px; line-height: 14px; } #breadcrumbs-you-are-here { text-transform: lowercase; } #portal-languageselector { float: right; font-size: 10px; line-height: 14px; margin: 0; padding: 0; } #portal-languageselector li { display: inline; margin-left: 15px; } #portal-languageselector a { color: #5c5f5f; } #portal-languageselector .currentLanguage a { color: #3b9d9a; } /* * Personal Tools */ #portal-personaltools { font-size: 0.85em; line-height: 1.27em; list-style: none; } #portal-personaltools dt a, #portal-personaltools li a { color: $mainColor; font-weight: normal; margin: 0; padding: 5px 11px; } #portal-personaltools dd { background-color: #fff; margin: 0; padding: 0 0 5px; right: 0; top: 100%; } #portal-personaltools.activated .actionMenuContent { display: block; } #portal-personaltools li a:hover { background-color: transparent; } /* * Footer and Colophon */ #portal-bottom { clear: both; margin: auto; width: 960px; } #portal-footer { color: $mainColor; font-size: 0.77em; padding-right: 135px; } #portal-colophon { color: $mainColor; font-size: 0.77em; padding-right: 135px; overflow: hidden; } #portal-colophon:after { border: 7px solid rgb(0, 161, 154); border: 7px solid rgba(0, 161, 154, 0.75); border-radius: 7px 7px 0 0; box-shadow: 0 -1px rgba(0, 161, 154, 0.9); content: ""; display: block; margin: 0 -135px -9px 0; } #portal-footer-wrapper p { margin: 0; } .colophonWrapper ul { list-style: none; margin: 0; padding: 0; } /* * Social Links */ .slinks { bottom: 10px; margin: 0; padding: 0; position: absolute; right: 0; } .slinks li { display: inline-block; vertical-align: top; } .slink { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAASCAMAAADhY0l2AAADAFBMVEVYWFhFRUU8PDxaWlpubm5xcXFPT096enpra2scHBwbGxscHBxdXV1UVFRHR0dwcHB+fn5jY2NiYmJzc3M1NTU8PDx5eXk0NDQkJCQqKiotLS1/f38tLS0xMTFycnJWVlY2NjY1NTV2dnZtbW0+Pj42NjZiYmJtbW1kZGRPT088PDxlZWU+Pj44ODguLi5FRUU7OztWVlZgYGBJSUl6enpZWVlnZ2d9fX1KSkojIyNSUlI2NjZoaGhlZWVKSkpERERXV1cwMDAvLy9CQkImJiaEhIRiYmJAQEBoaGhGRkZvb29XV1dFRUVQUFBjY2NgYGBzc3NHR0dZWVk7OztMTEwvLy9fX183NzdlZWVWVlZtbW1KSkpcXFxubm4rKytzc3NbW1tHR0d5eXlUVFRCQkItLS1KSkpmZmZaWlpYWFhGRkZqamo/Pz8mJiY5OTlDQ0NPT0+CgoIuLi5oaGhoaGgcHBxQUFBKSkpmZmZvb29tbW1vb280NDRxcXFNTU09PT0+Pj5oaGgoKCheXl5GRkY7OztHR0dFRUV2dnY+Pj5WVlZra2tubm4rKytvb29eXl5WVlZJSUlKSkpLS0uLi4tnZ2dLS0s2NjY+Pj4dHR1zc3NWVlY9PT1ra2tlZWV5eXlVVVVra2tGRkYkJCQ3NzdbW1tHR0dfX19KSkp0dHRbW1spKSk+Pj48PDxOTk5kZGRvb29LS0taWlpUVFRlZWVVVVVNTU0pKSlOTk5mZmYjIyNFRUU0NDQ/Pz9bW1toaGhMTEyBgYF0dHRhYWFLS0tMTExCQkI6OjpJSUkyMjJBQUFaWlp6enpERERISEhcXFxSUlJ9fX10dHSSkpJlZWVubm5oaGg9PT2AgIBAQEBXV1c0NDSBgYE8PDxubm4vLy+Dg4NQUFBMTEwsLCw5OTlaWlpGRkZVVVVzc3NSUlJlZWV+fn5UVFRkZGSGhoZgYGBXV1c3Nzc0NDSOjo5ra2t6enpoaGh2dnZVVVViYmJtbW1zc3NTU1NdXV06OjoAAADVhkfsAAABAHRSTlMtPTc/CCw2CRMjHSwYIiY2Njw2HkA/PEAaByYaLjMgKzYqJTMOQCw7MjcdHTU4MD8oMzcHOTA9PD0QMzg2JTMhCykkFTJAMCUaMyglLxQuPRwoFhk7HiMhPTk4QBoxQD4dPD0TPhsYBjo6MikzJz0GPSVAGCIEOSQ5Ki9ADREtIiwQCw8tGwkrOzkKGwMTPiEhLA4dQCEiIzAJOjsHChcXPjg5QC5ANDg1FTwlQDIxIA0RLS0/HikIPkAGGxUKED8yPkBAQD9AEkAECD4gDBlAPkAhQAcENwRAPBEFQBEhFEBAQAJAQEA/QEBAQEBAQEBADwNAQEBAQEBAQAICQAEACREf4AAAA5tJREFUeNqN1HdYE2ccB/BU62jr1tY+zlprq7VDWxfu1uKodSsK2LoFxQluEfcA9wIVtEzZFGUXhMoeAqKCSQBJQjZ35ELGJZe7/MypebgLfYLfP+6P33P3ed7n+77vcWBvI9hN0KYBsds/b4H2ciI2dlNRGgvjfPzJR2lgJ/+Gi8Xi/oNq28UvevYTfxp/VF3CwMPCwrab7XzzbaFUKo0Lbx9vEMdJi/PzJ52tb8X/8vT8wV4xZ0VCRcKS0/9TS8nFBuZUHR+1y4BhBsXyGTut+OAR32fZW7kPJnHns4u6DXTMc3i+asa4sbR8w9qFvY0UJjz16B1eq34EdmJOooyR2eyd++1XGt2sEBbMKwJ23I575KCVyP3yt/iyiopr5mvXr1eUeh8dE9AA7MxKiEH1yT+N3V/LWOIv4tDUmeRsFKUMUa0r8+7RvdtdgOpoFyWFTC99g29Mf3qFvFJWtiVpVEHxj7wANp5pyNMTWlSSymx3pRRRTT14B5cTKOZfm/au1KIC2aKQg4kAicMzKORqC43nGyqdyJt6fYaRkmCIiJfFwisCk4nDRHKZP3NbyierCLxJ4FinI1SKW/VgxTFUK//siQnuDldSikwaF1LoTdMrea78ksc/fShMdIyF/8wfSRz+ZjT/DHPY8jAH5zZrNDfq8IzgP6z4Vwnuqwhcx919AY64KCP2nbHgMqP2lemZrqrqSzN0XUUhW20O3dda7YGTwM7JQ7pmzfPnGkdcP58Ea0g/r0NrdFzBbhP01Rqx/TSuJJ6ZnjTVPY4GqA5Bsf9esqGHSv0BPuP07KWfRya+wQV4jR/77fPnLNJAqP5TT3UOsuJcweO/AdxclJI2uCovkok7NJSSbl7jHG9oNM1Vl1azji0JEL2+idurCyzOUQVvbuTIUMJSSxOXxl+EoG3wJEmE8wPmFVpxy2f8hFzLfgqq7pxnvlmfOvQewBBcp1sMH4aoDEuCOLI8Pd25bj2N16ja1OKDIPuYOLScvo+otHIcP/f7cdbd+s4VicmGFz1z5Z2qYaHlDqg56ZVvT8uaexY8MkK41QY/lS8KrWePgh6kOE3bMzfxAvvHFScVGtaCeY+WqJkJTh2Focs4xUjlZfqc59C4s8J1WwlbOlZY6GuD0+2SpO3Me0pcsWgDwNI84yI+rJaJeCs5vEnpKWRKWYz7UoCdUes2htvgw3bs+MIB3iPmrPhtmSRAdmBw4AJYsPyDDiteA/vxjLXWZ7m3AAAAAElFTkSuQmCC); background-repeat: no-repeat; display: block; height: 18px; width: 20px; @include hide-text; } .linked-in-link { background-position: 0 0; } .facebook-link { background-position: -25px 0; } .twitter-link { background-position: -47px 0; } .rss-link { background-position: -72px 0; } /* * Top Carousel */ #top-carousel { position: absolute; width: 100%; } #top-carousel .carousel-banners { margin: auto; } .carousel-text { background-color: transparent; background-color: rgba(0, 0, 0, 0.5); bottom: 0; color: #fff; font: 2.23em/1em yorkvilleregular,sans-serif; left: 0; padding: 0.5em 0.5em 0.75em; right: 0; width: auto; } .carousel-text a, .carousel-text a:visited { color: #fff; } #top-carousel .carousel-text { background-color: transparent; color: $mainColor; left: 50%; padding: 0 1em 0 0; top: 110px; z-index: 1; } #top-carousel .carousel-text a { color: $mainColor; } .carousel-text * { margin: 0; line-height: 1em; } .carousel-pager { bottom: 0; left: 0; margin: 0; padding: 0 1em; position: absolute; right: 0; } #top-carousel .carousel-pager { left: 50%; margin: 0 0 0 -4px; padding: 0; right: auto; text-align: right; z-index: 2; } .carousel-pager-button-prev { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAWlBMVEUBcGsAi4UAlpAAlY4AlY4CAgIAgn0CJCMCAgIAfHcCAgIAlY8CAgIBd3IAkYsCAgIAlY4BOjgCAgICAgICAgICAgICAgIBV1MBYV0CAgICAgIAAAAAnZYAoZoyVQ7kAAAAHHRSTlM9acXZ6wdZHBFOEvsLRX8BjyIJDAUKDS0yAwIA4DwEcgAAAE9JREFUeNqNzskOgCAMRVEERRxwAHEo9P9/UxNB6Y67O2nyUuZpxZ4d5HbtdMDnRskazyt5Zxzx99aFh/ldC2Jv+mpIfhvXJe7HwELZv7QbY0wWNC0cRm8AAAAASUVORK5CYII=); float: left; height: 15px; margin: 0 5px 0 0; padding: 0; width: 15px; @include hide-text; } .carousel-pager-button-prev:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAWlBMVEXt7e3b29sCAgICAgLOzs7u7u7r6+uxsbE5OTnExMTs7Oy9vb0CAgICAgLl5eUCAgLr6+tbW1sCAgICAgICAgICAgICAgKJiYmampoCAgICAgIAAAD5+fn///8AGJvsAAAAHHRSTlPZaQcRWcXrPRxO+0USC38BjyIJDAUKDS0yAwIAucAK4AAAAE9JREFUeNqNzskOgCAMRVEERRxwAHEo9P9/UxNB6Y67O2nyUuZpxZ4d5HZqOuAzF7XE80re2wbx99aFh/l9YMTejFWf/KbXJe7HwELZv7QbYxsWNE5yiGYAAAAASUVORK5CYII=); } .carousel-pager-button-next { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAWlBMVEUCJCMAi4UAlpAAlY4AlY4AhX8BOjgAlY8AlY4Bd3ICAgICAgICAgIAkYsBcGsCAgICAgICAgICAgIAfHcCAgIBV1MCAgICAgIBYV0CAgICAgIAAAAAn5gAoZrtX2djAAAAHHRSTlMcacXZ9Fsi7Y9FEgsRfz0BDAkHTgUtCg0yAwIA1NCk4AAAAElJREFUeNqNzksSgCAMA1AUUVQU+YhS7P2v6Tbdkd2bzLRRTabLdBGabjvv4PryNGwBzazXR5i/lNHjif1iXIT7hyrif/H9e2V+ZxQWNNuqwOcAAAAASUVORK5CYII=); float: left; height: 15px; margin: 0 5px; padding: 0; width: 15px; @include hide-text; } .carousel-pager-button-next:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAWlBMVEXt7e1bW1vb29vs7Ozu7u7S0tLt7e05OTnr6+u9vb0CAgICAgICAgLl5eWxsbECAgICAgICAgICAgLExMQCAgKJiYkCAgICAgKampoCAgICAgIAAAD8/Pz////e13uvAAAAHHRSTlPZImn0xVvtHI9FEgsRfz0BDAkHTgUtCg0yAwIACz0KjwAAAElJREFUeNqNzksSgCAMA1AUUVQU+YhS7P2v6Tbdkd2bzLRRTabLdBGabjvs4PqyHreAZlbrI8xfyujpxH42LsL9Yynif/H9e2V+ZKUWNE4JOqQAAAAASUVORK5CYII=); } .carousel-pager-item { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAMAAAB8rpxtAAAAZlBMVEUI/9kAm5MI/9kApJoI/9kI/9kCva0Cu6wI/9kE1b0Bt6kI/9kI/9kApJkI/9kDxLEI/9kF1r4I/9kI/9kI/9kI/9kF4MQH8tAI/9kI/9kCvq4I/9kAmpII/9kAAAAAnZYAoJgAoZqN6Yt7AAAAH3RSTlNB9EnTNRaWmkNxpQ8a1g6KF29LNgUiZFUEH5Qj+S0Ah9hAnwAAAFNJREFUeNpNzUcOgDAMRNHQeyc9AXz/SyKPQMpf+W084koCzGjnH14vbosnsKpARH0Ejom4bmDsD9BIRhsAZxm+5jtog2/RZXeh/LcjRV5W2El6AeTiDbaxPYTfAAAAAElFTkSuQmCC) no-repeat 50% 50%; display: inline-block; height: 11px; padding: 0; vertical-align: top; width: 7px; @include hide-text; } .carousel-pager-item:hover, .carousel-pager-item-active { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAMAAAB8rpxtAAAAWlBMVEXs7OxHR0fu7u7k5ORHR0ft7e3l5eXc3NzAwMBHR0fq6urCwsJHR0dHR0dHR0esrKxHR0dHR0d8fHxHR0dHR0dHR0fr6+tHR0fi4uJHR0cAAADz8/P5+fn///9sWy2HAAAAG3RSTlPsGsF7G8WBa0kLi0wCHhY8CQ0qAQwG8g55EgCaYbRJAAAAUUlEQVR42k3NRw6AMAxE0dBregd8/2sij0DKX/ltPOJqAvwW4o/slrLWEzA6EdFeATURd0SGfIDZMsYElMDIA9/JeXyrRdy9zt+O7aQy2Gl6AVqrC+o7xVXfAAAAAElFTkSuQmCC); } .carousel-pager-item-active { cursor: default; }