/* 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:14px;
	height:153px;
	padding:30px;
	width:310px;
	font-size:14px;
	display:none;
	color:#fff;
}
*/

div.tooltip { 
    background-color:#000; 
    outline:1px solid #669; 
    border:2px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
}
/* tooltip title element (h3) */
div.tooltip h3 {
	margin:0;
	font-size:18px;
	color:#fff;
}


#trigger {
	color:#333;
	display:block;
	font-size:14px;
	height:125px;
	padding:18px 80px 20px 15px;
	text-decoration:none;
	width:218px !important;
	
	position:relative;
	top:100px;
	
}

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



div.tooltip {
	font-size:12px;		
}