/*  social_media_buttons.css  2014-12-11 12:00:00  Mathias Hopf <info@hyperjoint.com> */

.social_media_buttons li{
    background: transparent none;
    box-sizing: content-box;
    cursor: default;
    float: left;
    list-style: outside none none;
    margin: 0;
    overflow: visible;
    padding: 0 13px 0 0;
    position: relative;
}

.social_media_buttons span.counter_b {
    background-color: whitesmoke;
    border: 1px solid silver;
    border-radius: 4px;
    color: #666666 !important;
    display: block;
    font-family: arial,sans-serif;
    height: 16px;
    line-height: 16px;
    margin: 4px 0 0 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    visibility: hidden;
}
.social_media_buttons span.counter_b_after {
    background: transparent url(system/images/pf.gif) no-repeat 50% 0;
    display: block;
    height: 5px;
    margin: -1px 0 0;
    position: relative;
    visibility: hidden;
}


.social_media_buttons li.has_likes span.counter_b,
.social_media_buttons li.has_likes span.counter_b_after {
    visibility: visible;
}



.social_media_buttons a{
    display: block;
    /*float: left;*/
    overflow: visible !important;
    position: relative;
}

.social_media_buttons span.icon{
  border-radius: 4px;
  display: block;
  height: 32px;
  margin: 0 !important;
  padding: 0;
  position: relative;
  width: 32px;
  }
.social_media_buttons span.text{display:none}

.social_media_buttons span.like_icon{
  display: block;
  height: 16px;
  margin: 26px 0 0;
  padding: 0;
  position: relative;
  width: 32px;
  }
.social_media_buttons .has_likes span.like_icon{margin-top:0}
.social_media_buttons span.like_text{display:none}


.social_media_buttons span.icon{background: #003464 url(system/images/blank.png) no-repeat scroll 0 0}
.social_media_buttons span.like_icon{background: #003464 url(system/images/blank.png) no-repeat scroll 0 0}

/** button icons könnten in styles.css überschrieben werden **/
.social_media_buttons span.icon.facebook{background-image: url(system/images/social_media/fb_button-32.png)}
.social_media_buttons span.icon.twitter{background-image: url(system/images/social_media/twitter_button-32.png)}
.social_media_buttons span.icon.xing{background-image: url(system/images/social_media/xing_button-32.png)}
.social_media_buttons span.icon.newsletter{background-image: url(system/images/social_media/news_button-32.png)}

.social_media_buttons span.like_icon.facebook{background-image: url(system/images/social_media/fb_share_button-32.png)}
.social_media_buttons span.like_icon.twitter{background-image: url(system/images/social_media/twitter_follow_button-32.png)}
.social_media_buttons span.like_icon.xing{background-image: url(system/images/social_media/xing_share_button-32.png)}
.social_media_buttons span.like_icon.newsletter{background-image: url(system/images/social_media/news_subscribe_button-32.png)}