#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.96;
	font-size: 9px;
	font-family: Verdana;
	line-height: 15px;
}
#tooltip h3, #tooltip div { margin: 0; font-family: verdana, arial, helvetica; font-size: 11px; }

#tooltip.loggel_tooltip {
	font-family: verdana, arial, helvetica;
	border: none;
	padding:10px;
	border: 1px solid #009ee0;
	background-color: #feffa9;
	color: #009ee0;
	font-size: 9px;
	width: 300px;
	opacity: 0.9;
	
}

#tooltip.lvl_title_tooltip {
	font-family: verdana, arial, helvetica;
	border: none;
	padding:5px;
	border: 3px solid #fff;
	color: #fff;
	font-size: 9px;
	padding-right: 10px;
	padding-left: 10px;
	opacity: 0.9;
	filter: Alpha(opacity=95);
}


.onclick_loggel_tooltip_left {
    position: absolute;
    z-index: 3000;
    font-family: verdana, arial, helvetica;
    border: none;
    padding:8px;
	border: 3px solid #fff;
	color: #fff;
	opacity: 0.9;
	filter: Alpha(opacity=95);
    font-size: 11x;
    font-weight: bold;
    display: none;
	top: 95px;
    left: 15px;
    height: 15px;      
}


.onclick_loggel_tooltip_right {
    position: absolute;
    z-index: 3000;
    font-family: verdana, arial, helvetica;
    border: none;
    padding:8px;
    padding:10px;
	border: 3px solid #fff;
	opacity: 0.9;
	filter: Alpha(opacity=95);
	color: #fff;
    font-size: 11x;
    font-weight: bold;
    display: none;
	top: 95px;     
    right: 25px;
    height: 15px;      
}


.onclick_loggel_tooltip a{
   text-decoration: none;
   color: white;
}

html > body .onclick_loggel_tooltip {
     *left: 20px;
}

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 225px;
	opacity: 0.9;
	border: 1px solid #000;
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	width: 220px;
	text-align: left;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	
	padding-top: 5em;
	height: 210px;
}
#tooltip.fancy.viewport-right {
	background: url('http://localhost/projects/aditx-web/webservice/modules/sys/img/shadow2-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }