/* tooltip styling. uses a background image (a black box with an arrow) */
div.tooltip {
	background:transparent url(http://www.failiem.lv/2/img/tooltip_black_arrow.png) no-repeat scroll 0 0;
	height:122px;
	padding:5px 25px 5px 5px;
	width:200px;
	font-size:14px;
	display:none;
	color:#fff;
}

/* tooltip title element (h3) */
div.tooltip h3 {
	margin:10px;
	font-size:12px;
	color:#fff;
}

div.tooltip p {
	margin:10px;
	font-size:12px;
	color:#fff;
}

/* simple css-based tooltip */ 
div.tooltip1 { 
    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; 
 
    /* outline radius for mozilla/firefox only */ 
    outline-radius:4px; 
    -moz-outline-radius:4px; 
    -webkit-outline-radius:4px; 
}