/* tooltip */
#dhtmltooltip {
	position: absolute;
	left: -1000px;
	width: 100px;
	border: 1px solid #e2e2e2;
	padding: 2px;
	background-color: white;
	text-align:center;
	visibility: hidden;
	color:#000000;
	z-index: 200;/*Remove below line to remove shadow. Below line should always appear last within this CSS*//*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmlpointer {
	position:absolute;
	left: -1000px;
	z-index: 201;
	visibility: hidden;
}

#dhtmltooltip2 {
	position: absolute;
	left: -1000px;
	width: 100px;
	border: 1px solid #2C70AF;
	padding: 5px;
	background-color: white;
	text-align:left;
	visibility: hidden;
	z-index: 200;/*Remove below line to remove shadow. Below line should always appear last within this CSS*//*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

/* tooltip will display on :hover event */
 span.tool:hover span.tip {
	display: block;
	z-index: 100;
	position: absolute;
	top: 2.5em;
	left: 0;
	width: auto;
	line-height: 1.2em;
	padding: 3px 7px 4px 6px;
	border: 1px solid #336;
	background-color: #f7f7ee;
	font-family:arial;
	font-weight: normal;
	color: #000;
	text-align: left;
}

