/* =====================================
 * :: Select Text to Share CSS
 * 
 * @ Author: Hadrien Boyer
 * @ Website: http://hadrien-boyer.fr
 * @ v.0.1 - Last update : 2014/06/29
 * ===================================== */

/*--------------------------------
 :: Tooltip Style
----------------------------------*/

.shareTooltip {
	display:none;
	height:22px;
	top:0;
	position:absolute;
    background: #333;
    color: #f16786;
    width:40px;
	height:32px;
    position: absolute;
	margin-left:-20px;
	opacity:0;
	filter: alpha(opacity=0);
    z-index: 99;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out;
}

.shareTooltip span {
	position: absolute;
	content: " ";
	border: solid rgba(0, 0, 0, 0);
	border-width: 7px;
	height: 0;
	width: 0;
	margin: 0;
	top: auto;
	left: auto;
	top: 100%;
	border-top-color: #333;
	margin-left: -7px;
	left: 50%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out;
}

.shareTooltip a { color: #f16786; }

.shareTooltip:hover { background:#3D566E; }
.shareTooltip:hover span { border-top-color: #3D566E; }

.tooltipContainer {
  	position:relative;
    display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.tooltipContainer a { 
	width: 100%;
	background:transparent url(../images/sprites.png) 0px 0px no-repeat;
	padding:0;
	left:0;
	top:0;
	height: 100%;
	text-decoration: none;
	display: block;
}

.sharingLink {
	display: block;
	position: absolute;
	text-indent:-9999px;
}