/* tooltip styling. uses a background image (a black box with an arrow) */
div.tooltip {
	background:transparent url(../images/tooltip/black_arrow_big.png) no-repeat scroll 0 0;
	font-size:1.273em;
	height:153px;
	padding:10px;
	width:310px;
	font-size:1.273em;
	display:none;
	color:#fff;
	position:relative;
	z-index:5000;
}



/* tooltip title element (h3) */
div.tooltip h3 {
	margin:0;
	font-size:1.091em;
	color:#fff;
}


div.tooltip {
	font-size:1.091em;		
}





#trigger {
	color:#333;
	display:block;
	font-size:1.091em;
	height:auto;
	text-decoration:none;
	width:auto!important;
	position:relative;
	float: right;
}



/* simple mouseover effect for the trigger */
#trigger:hover {
	color:#000;
}



#tooltip-wrap {
	color:#333;
	display:block;
	font-size:1.091em;
	text-decoration:none;
	width:300px!important;
	overflow:hidden;
	position:relative;
	height: 35px;
	padding:0 0 0 5px;
}

#tooltip-wrap a {
	width:auto; position: absolute;
}