/*  =Activity Stream
  @author     Tobias Krogh
=========================================================================== */

/**
 * @author Jochen Preusche
 * @issue  SP-1561
 * @description: some _very generic_ stlyes are moved to comm.css as those
 * are used across several components, mimicking the look of a single
 * unornamented news feed entry or similar.
 */

#news-feed-container,
#news-feed-home {
  position: relative;
}

#news-feed-filter {
  text-align: right;
}

.news-feed .activity-preview {
  padding: 2px 0 5px;
  overflow: hidden;
}

.news-feed .activity-preview .controls .split-button {
  margin: 0;
}

.news-feed .activity-preview .inline-success-message-reverse-recos {
  position: static;
  width: auto;
}

.news-feed .activity-preview .inline-success-message {
  display: inline-block;
  position: static;
}

.news-feed .controls .loading-indicator {
  margin-right: 8px;
  margin-top: 5px;
}

.news-feed [data-show-more] li {
  margin-bottom: 10px;
}

.news-feed [data-show-more] li:last-child {
  margin-bottom: 0;
}

.news-feed .activity-text {
  margin-bottom: 5px;
  overflow-x: hidden;
}

.news-feed .actions {
  margin: 0 0 5px;
}

.news-feed .actions li {
  margin-right: 11px;
}

.news-feed .action-like a {
  margin-top: 7px;
  width: 20px;
  height: 15px;
}

.news-feed .common-contacts,
.news-feed .date,
.poll .author {
  font-size: 11px;
  color: #808080;
}

/**
 * #SP-1009
 */
.news-feed .common-contacts {
  display: block;
}

.news-feed .date {
  width: auto;
}

.news-feed .likes,
.news-feed .action-content,
.news-feed .news-feed-comment {
  background: #f0f0f0;
  font-size: 11px;
}

.news-feed .likes {
  margin: 6px 0 3px;
  padding: 5px 9px;
}

.news-feed .action-content {
  padding: 0 10px;
  overflow: hidden;
}

.news-feed .news-feed-comment {
  margin-top: 0;
  padding: 10px;
  overflow: hidden;
}

.news-feed .comments {
  margin-top: 10px;
}

.news-feed .show-list {
  display: inline-block;
  padding-top: 5px;
}

.news-feed .comments li {
  border-bottom: 1px solid #C9C9C9;
  line-height: 1.5em;
  margin-bottom: 7px;
  padding: 0 20px 7px 37px;
  overflow-x: hidden;
}

.news-feed .comments li:last-child {
  margin-bottom: 0;
}

.news-feed .profile-preview dd,
.news-feed .profile-preview dt {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.news-feed .profile-preview-web dd,
.news-feed .profile-preview-web dt {
  display: inline-block;
  width: 115px;
}

.news-feed .profile-preview-web dd {
  width: 330px
}

.news-feed .project-image {
  margin-right: 8px;
  min-height: 74px;
  outline: none;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 80px;
  text-decoration: none;
}

.news-feed .project-data {
  margin: 0 0 10px;
  padding-left: 90px;
  vertical-align: top;
}

.news-feed .project-data-first {
  margin: 0 0 10px;
  max-width: 360px;
  vertical-align: top;
}

/* = SHARE ICON

  @issue    GROWTH-2481
  @author   Jenny Lemmnitz
  @hacks    ie_6.css
  @template apps/newsfeed/templates/obc_de/activity_actions_inc.html
=========================================================================== */
.text-share {
  float: left;
  font-size: 11px;
  padding-top: 6px;
}

a.icn-share {
  background: url(/img/s/share-icons-sprite_r2.png) no-repeat 5px 5px;
  margin-left: 10px;
  padding: 3px 5px 4px;

  border-radius: 3px;

  width: 75px;
}

.icn-share:hover,
.icn-share:focus {
  box-shadow: 0 0 5px #333;
}

a.share-on-xing {
  width: 15px;
}

.share-on-xing:hover,
.share-on-xing:focus {
  box-shadow: none;
}

/*  GRO-2328 - FACEBOOK: share to (fan-)page wall
    @author   Sascha Cacqueux
    @template /apps/profile/templates/obc_de/edit/share_message_edit.html
======================================================================== */
#communication-box #fb-fanpage-trigger {
  position: relative;
  top: -3px;
}

/*  GROWTH-3160 - new position of post date
    @author <malte.surmann@xing.com>
    @template post.html
======================================================================== */
.group-headline .date {
  line-height: 14px;
}

/*  SP-1286 - Implement iteration #2 of "Add Contact" button design in the stream
    SP-1448 - Rollout the winner version of #SP-1286
    @author <pawel.krol@xing.com>
    @author <jochen.preusche@xing.com>
    @template apps/newsfeed/templates/obc_de/preview/member.html
======================================================================== */

.user-img-s3 {
  height: 75px;
  margin-bottom: 5px;
  min-height: 75px;
  padding: 0 145px 0 67px;
  position: relative;
}

.user-img-s3 .member,
.user-img-s3 .user-img {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}

/* ======================================================================== */

/* [#SP-1147] Link statistics overview on link share stories in the stream: */

.show-stats {
  font-size:11px;
}

.link-statistics-layer {
  margin: 0;
}

.hovercard .clicks-icon,
.site-statistics-list-view .clicks-icon {
  background: url(/img/sections/share/icn_clicks_v2.png) no-repeat;
}

.hovercard .comments-icon,
.site-statistics-list-view .comments-icon {
  background: url(/img/sections/share/icn_comments_v2.png) no-repeat;
}

.hovercard .reach-icon,
.site-statistics-list-view .reach-icon {
  background: url(/img/sections/share/icn_reach_v2.png) no-repeat;
}

.shares-icon {
  background: url(/img/sections/share/icn_shares_v2.png) no-repeat 5px 5px;
}

.hovercard .clicks-icon {
  background-position: 7px 15px;
}

.hovercard .comments-icon {
  background-position: 0 14px;
}

.hovercard .reach-icon {
  background-position: 2px 15px;
}

.hovercard .shares-icon {
  background-position: 5px 13px;
}

.site-statistics-layer div {
  color: #808080;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  margin: 0 10px 8px 0;
  min-width: 100px;
  padding: 0 0 27px 30px;
  position: relative;
}

.site-statistics-layer strong {
  color: #333;
  font-size: 21px;
  line-height: 24px;
  left: 30px;
  position: absolute;
  top: 20px;
}


/**
 * SP-1561 - as the news_feed script is lazy loaded, the following style
 * -- in order to be applied when everything above is applied --
 * MUST remain at the bottom of this file!
 */
.news-feed,
#news-feed-filter {
  display: block !important;
}

/**
 * SP 1229
 */
.newsfeed-portfolio-tiles {
  height: 153px;
}
.newsfeed-img-tile,
.newsfeed-pdf-tile {
  border: 1px solid #fff;
  float: left;
  font-size: 13px;
  height: 153px;
  margin-right: 11px;
  overflow: hidden;
  position: relative;
  width: 153px;
}
.newsfeed-img-tile:last-child,
.newsfeed-pdf-tile:last-child {
  margin: 0;
}
.newsfeed-img-tile img,
.newsfeed-pdf-tile p {
  height: 153px;
  width: 153px;
}
.newsfeed-img-tile .tile-description {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #fff;
  height: 0;
  position: absolute;
  width: 153px;
}
.newsfeed-img-tile .tile-description .description-wrapper {
  bottom: 0;
  margin: 0 5px 8px 5px;
  max-height: 0;
  position: absolute;
}
a.description-wrapper {
  color: #fff;
  display: block;
  text-decoration: none;
}
.newsfeed-img-tile .tile-description strong {
  border: 0;
  color: #fff;
  overflow: hidden;
  padding: 17px 0 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 143px;
}
.newsfeed-img-tile span {
  margin-bottom: 0;
  max-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newsfeed-pdf-tile,
.newsfeed-pdf-tile .pdf-download-link {
 background: #EBEBEB url(/img/sections/startpage/portfolio-icons.png) no-repeat 54px -94px;
 font-weight: bold;
}
.newsfeed-pdf-tile p {
  bottom: 0;
  left: 5px;
  max-height: 35px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 143px;
}
.newsfeed-pdf-tile .pdf-download-link {
  background-color: rgba(0, 0, 0, 0.5);
  background-position: 48px 55px;
  bottom: 0;
  color: #fff;
  display: block;
  height: 0;
  position: absolute;
  text-decoration: none;
  width: 153px;
}
.newsfeed-pdf-tile .pdf-download-link span {
  display: block;
  max-height: 75px;
  overflow: hidden;
  padding: 105px 0;
  text-align: center;
}
.newsfeed-pdf-tile:hover .pdf-download-link,
.newsfeed-pdf-tile.hover .pdf-download-link {
  height: 153px;
}
.newsfeed-pdf-tile:hover .pdf-download-link span {
  max-height: 153px;
}
.newsfeed-img-tile:hover .tile-description,
.newsfeed-img-tile.hover .tile-description {
  height: 75px;
}
.newsfeed-img-tile:hover .tile-description .description-wrapper,
.newsfeed-pdf-tile:hover .pdf-download-link span {
  max-height: 75px;
}

/* SP-1851: community post stories */
.group-img.community-group-img {
  padding-left: 78px;
}
.group-img.community-group-join {
  min-height: 70px;
}
.community-posts {
  min-height: 70px;
}