/* trigger button */
.tip {
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	color:#000;
	width:159px;
	cursor:pointer;
}

/* mouseover state */
.tip:hover {
	background-position:0 -44px ;		
}

/* clicked state */
.tip:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url(../img/tooltips/black_arrow_big.png);
	height:163px;
	width:310px;
	padding:40px 30px 10px 30px;
	font-size:11px;
	color:#000;
}

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

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}