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

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

div.tooltip p {
}

/* simple css-based tooltip */
div.tooltip {
	text-align: left !important;
	z-index: 11;
    background-color:#628ebb;
    outline:1px solid #669;
    border:2px solid #fff;
    width:185px;
    display:none;
    color:#fff;
	margin:13px !important;
	padding: 10px !important;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    outline-radius:4px;
    -moz-outline-radius:4px;
    -webkit-outline-radius:4px;
}

/* simple css-based tooltip */
div.tooltip_graphs {
	text-align: left !important;
	z-index: 11;
    background-color:#628ebb;
    outline:1px solid #669;
    border:2px solid #fff;
    width:210px;
    display:none;
    color:#fff;
	margin:13px !important;
	padding: 10px !important;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    outline-radius:4px;
    -moz-outline-radius:4px;
    -webkit-outline-radius:4px;
}