@charset "UTF-8";
/* CSS Document */

#tooltip {
	display:none;
	background:transparent url(../img/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	z-index:9999;
}

/* style the trigger elements */
#tool img {
	padding-top:5px;
	cursor:pointer;
	margin:0;

}
#tool  {
	float:left;
	overflow:visible;
}

/* trigger button */
#tt2 {
	background:transparent url(../img/download.png) no-repeat scroll 0 0;
	display:block;
	/*height:44px;
	margin-bottom:30px;
	overflow:hidden;*/
	text-indent:-999em;
	/*width:159px;*/
	cursor:pointer;
	float:left;
	/*padding-top:5px;*/
	margin:0px;
	padding:0px;
}

/* mouseover state */
#tt2:hover {
	background-position:0 -44px ;		
}

/* clicked state */
#tt2:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tt2p {
	display:none;
	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	margin-left:49px;
	width:310px;
	font-size:11px;
	/*float:left;*/
	text-align:left;

	font-size:12px;
	font-weight:bold;
	color:#fff;

}

/* a .label element inside tooltip */
.tt2p .label {
	/*color:yellow;
	width:35px;*/
}

.tt2p a {
/*	color:#ad4;*/
}