source: main/waeup.plonetheme.ngren2/trunk/waeup/plonetheme/ngren2/static/scss/parts/_viewlets.scss @ 10074

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