#trigger {
	padding-left: 3px; 
	padding-top: 2px;
	float: left; 
	position: absolute;
}
/* simple mouseover effect for the trigger */
#trigger:hover {
	color:#000;
}
div.tooltip {
	font-size:12px;		
}
div.tooltip {
background:transparent url(../template_images/tool_tip_box.png) no-repeat scroll left top; height:94px;
float:left; position: absolute; margin:0; top:0px; left: 0px;  display:none
}
div.tooltip1 {
background:transparent url(../template_images/tool_tip_box.png) no-repeat scroll left top; height:94px;
 float:left; position: absolute; margin:150px 0 0 295px; top:0px; left: 0px;  display:none
}
.tool_tip
{
color:#fff;
 width:140px;
 padding:20px 20px 20px 25px;
 line-height:15px;
 font-size:12px;
 margin:0;
}
.tool_tip1
{
color:#fff;
 width:140px;
 padding:20px;
 line-height:15px;
 font-size:12px;
 margin:0;
}
/* tooltip title element (h3) */
div.tooltip h3 {
	margin:0;
	font-size:12px;
	color:#fff;
}
/* simple mouseover effect for the trigger */
#trigger:hover {
	color:#000;
}
#dhtmltooltip{
position: absolute;
float:right;
border: 2px solid #ffffcc;
padding: 2px;
background-color: #ffffcc;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
*/}