/* 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;
}