
/* ---------------------------------------------------------------------------------------------------------------------
 * Bang2Joom Social Plugin for Joomla! 2.5+
 * ---------------------------------------------------------------------------------------------------------------------
 * Copyright (C) 2011-2012 Bang2Joom. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: Bang2Joom
 * Website: http://www.bang2joom.com
  ----------------------------------------------------------------------------------------------------------------------
 */

.b2j-left{
	text-align: left;
}

.b2j-center{
	text-align: center;
}

.b2j-right{
	text-align: right;
}

div.b2jsocial_parent {
}

ul.b2jsocial{
	list-style:none !important;
	margin:0;
	padding:0 !important;
	display:inline-block;
}
ul.b2jsocial li{
	display:inline-block;
	position:relative;
	width:70px;
	height:30px;
	text-align:left;
}
ul.b2jsocial.b2j-btn-both.b2j-icon-size-16 li,
ul.b2jsocial.b2j-btn-both.b2j-icon-size-16 li a{
	width: 81px; /* ($icon_size+65).'px;'; */
    height: 26px; /* ($icon_size+10).'px;'; */
}
ul.b2jsocial.b2j-btn-both.b2j-icon-size-32 li,
ul.b2jsocial.b2j-btn-both.b2j-icon-size-32 li a{
	width: 97px;
    height: 42px;
}
ul.b2jsocial.b2j-btn-both.b2j-icon-size-64 li,
ul.b2jsocial.b2j-btn-both.b2j-icon-size-64 li a{
	width: 129px;
    height: 74px;
}

ul.b2jsocial li a{
	text-decoration: none;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	width:70px;
	height:30px;
}
ul.b2jsocial li a.preset1{
    color:#666;
}
ul.b2jsocial li a.preset2{
    color:#fff !important;
}
ul.b2jsocial li a.preset3{
    color:#3b639a;
}
ul.b2jsocial li a.preset4{
    color:#666;
}
ul.b2jsocial li a.preset5{
    color:#111;
}
ul.b2jsocial li a.preset6{
    color:#393939;
}
ul.b2jsocial li a.preset8{
    color:#908977;
}
ul.b2jsocial li:hover{
	opacity:0.9;
}
ul.b2jsocial li.preset5:hover{
	opacity:1;
}
ul.b2jsocial li.f.preset2 {
	background:#607dc2;
}
ul.b2jsocial li.t.preset2 {
	background:#81c6e6;
}
ul.b2jsocial li.g.preset2 {
	background:#e06b5f;
}
ul.b2jsocial li.l.preset2 {
	background:#3b639a;
}
ul.b2jsocial li.e.preset2 {
	background:#f78861;
}
ul.b2jsocial li.p.preset2 {
	background:#d83a3a;
}
ul.b2jsocial li.preset10 a:after{
	font-family:FontAwesome;
}
ul.b2jsocial li.f.preset10 a:after {
	content:'\f09a';
}
ul.b2jsocial li.t.preset10 a:after {
	content:'\f099';
}
ul.b2jsocial li.g.preset10 a:after {
	content:'\f0d5';
}
ul.b2jsocial li.l.preset10 a:after {
	content:'\f0e1';
}
ul.b2jsocial li.e.preset10 a:after {
	content:'\f003';
}
ul.b2jsocial li.p.preset10 a:after {
	content:'\f0d2';
}
ul.b2jsocial li span.text {
	display:none;
}
ul.b2jsocial.b2j-btn-both li span.text{
    display:inline;
    margin-left:15px !important;
}

ul.b2jsocial li span.social_count {
	line-height:17px;
	display:none;
	position:absolute;
	top:50%;
	border:1px solid #908977;
	height:17px;
	padding:0 4px;
	margin-top:-9px;
}
ul.b2jsocial li span.social_count:before{
	position:absolute;
	content:'';
	display:block;
	top:4px;
	left:-6px;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
ul.b2jsocial li span.social_count.hide{
	visibility:hidden;
}
ul.b2jsocial li span.background {
	position:absolute;
	right:5px;
	top:5px;
}
ul.b2jsocial li.preset7 a{
	display:inline-block;
	vertical-align:baseline;
}
ul.b2jsocial li.l.preset7 a{
	vertical-align: inherit;
}
ul.b2jsocial li.preset7 { 
	margin-right: 5px !important;  
	width: auto;
}
ul.b2jsocial li.t.preset7 { 
	width: auto;
}
ul.b2jsocial li.l.preset7 a{
	width: auto;
}
ul.b2jsocial li.e.preset7 a{ 
	width: 79px;
	top:5px;
}
ul.b2jsocial li.f.preset7 a{ 
	width: auto;
	top:5px;
}
.fb-like.fb_iframe_widget span{
  vertical-align: baseline !important;
}
ul.b2jsocial li.f.preset7 iframe{ 
	max-width: none !important;
}
ul.b2jsocial li.f.preset7:hover{
	opacity: 1 !important;
} 


ul.b2jsocial li span.background .b2j-icon {
	vertical-align: middle;
}

ul.b2jsocial li span.background{
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	border-radius: 50%;  
	text-align: center;
}
ul.b2jsocial.b2j-icon-size-16 li span.background {
    width: 16px;
    height: 16px;
    font-size: 10px;
}
ul.b2jsocial.b2j-icon-size-32 li span.background {
    width: 32px;
    height: 32px;
    font-size: 20px;
}
ul.b2jsocial.b2j-icon-size-64 li span.background {
    width: 64px;
    height: 64px;
    font-size: 40px;
}

/* Preset 1*/
ul.b2jsocial li.preset1 span.background {
	background-color: #8D8D8D;
	color: #FFFFFF;
}

/* Preset 2*/
ul.b2jsocial li.preset2 span.background{
	background-color: #FFFFFF;
}
ul.b2jsocial li.preset2.f span.background,
ul.b2jsocial li.preset9.f span.background{
	color: #607dc2;
}
ul.b2jsocial li.preset2.t span.background,
ul.b2jsocial li.preset9.t span.background{
	color: #81c6e6;
}
ul.b2jsocial li.preset2.g span.background,
ul.b2jsocial li.preset9.g span.background{
	color: #e06b5f;
}
ul.b2jsocial li.preset2.l span.background,
ul.b2jsocial li.preset9.l span.background{
	color: #3b639a;
}
ul.b2jsocial li.preset2.p span.background,
ul.b2jsocial li.preset9.p span.background{
	color: #d83a3a;
}
ul.b2jsocial li.preset2.e span.background,
ul.b2jsocial li.preset9.e span.background{
	color: #f78861;
}

/* Preset 3*/
ul.b2jsocial li.preset3 span.background{
	color: #FFFFFF;
}
ul.b2jsocial li.preset3.f span.background{
	background-color: #607dc2;
}
ul.b2jsocial li.preset3.t span.background{
	background-color: #81c6e6;
}
ul.b2jsocial li.preset3.g span.background{
	background-color: #e06b5f;
}
ul.b2jsocial li.preset3.l span.background{
	background-color: #3b639a;
}
ul.b2jsocial li.preset3.p span.background{
	background-color: #d83a3a;
}
ul.b2jsocial li.preset3.e span.background{
	background-color: #f78861;
}

/* Preset 5*/
ul.b2jsocial li.preset5 span.background{
	color: #FFFFFF;
	background-color: #363636;
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-radius: 0;  	
}
/* Preset 6*/
ul.b2jsocial li.preset6 span.background{
	color: #F7C234;
	background-color: #363636;
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-radius: 0;  	
}
/* Preset 8*/
ul.b2jsocial.b2j-icon-size-16 li.preset8 span.background{
	font-size: 8px;
    border: 2px solid;
}
ul.b2jsocial.b2j-icon-size-32 li.preset8 span.background{
	font-size: 18.25px;
    border: 3px solid;
}
ul.b2jsocial.b2j-icon-size-64 li.preset8 span.background{
	font-size: 36px;
    border: 3px solid;
}


/* Text Only */
ul.b2jsocial.b2j-btn-text li span.text{
    display:inline;
}				
ul.b2jsocial.b2j-btn-text li a{
    text-align:center;
}
ul.b2jsocial.b2j-btn-text li span.background{
    display:none;
}

ul.b2jsocial li.preset7.e span.background {
	width:74px;
	height:20px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	background:url("../images/email_icon.png") no-repeat;
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-radius: 0;  
}

ul.b2jsocial.b2j-btn-icons.b2j-icon-size-64.b2j-share-count li,
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-64.b2j-share-count li a{
	width: 114px;
    height: 74px;
}
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-32.b2j-share-count li,
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-32.b2j-share-count li a{
	width: 74px;
    height: 42px;
}
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-16.b2j-share-count li,
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-16.b2j-share-count li a{
	width: 52px;
    height: 26px;
}
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-64 li,
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-64 li a{
	width: 74px;
    height: 74px;
}
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-32 li,
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-32 li a{
	width: 42px;
    height: 42px;
}
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-16 li,
ul.b2jsocial.b2j-btn-icons.b2j-icon-size-16 li a{
	width: 26px;
    height: 26px;
}
ul.b2jsocial.b2j-btn-icons.b2j-share-count li span.social_count {
	display:block;	
}
ul.b2jsocial.b2j-btn-icons.b2j-share-count.b2j-icon-size-64 li span.social_count {
	left: 72px;
}
ul.b2jsocial.b2j-btn-icons.b2j-share-count.b2j-icon-size-32 li span.social_count {
	left: 46px;
}
ul.b2jsocial.b2j-btn-icons.b2j-share-count.b2j-icon-size-16 li span.social_count {
	left: 27px;
}
ul.b2jsocial.b2j-btn-icons.b2j-share-count li span.background {
	left: 0;
	box-sizing: border-box;
}

ul.b2jsocial.b2j-btn-icons.b2j-share-count.b2j-icon-size-64 li span.background {
	padding: 5px 0px;
}

ul.b2jsocial.b2j-btn-icons.b2j-share-count.b2j-icon-size-64 li span.background {
	padding: 3px 0px;
}

ul.b2jsocial.b2j-btn-icons.b2j-share-count.b2j-icon-size-16 li span.background {
	padding: 1px 0px;
}

ul.b2jsocial li,
ul.b2jsocial li{
	line-height: initial;
}