.x-tooltip{
	position: absolute;
	z-index: 100;
	width: 200px;
	font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	
}

.x-tooltip.loading{
	background: url(img/loading.gif) no-repeat center;
	border: 1px solid black;
	height: 200px;
}
.x-tooltip .background{
	background: url(img/bg.png);

}
.x-tooltip .content{
	padding: 5px;
	
}
.x-tooltip .arrow{
	position: absolute;
	width: 5px;
	height: 5px;
	font-size: 0;
}

.x-tooltip.bottom .arrow{
	top: -4px;
	background: url(img/arrows.gif) no-repeat;
}
.x-tooltip.right .arrow{
	left: 11px;
}

.x-tooltip.left .arrow{
	right: 11px;
}
.x-tooltip.top .arrow{
	bottom: -4px;
	background: url(img/arrows.gif) no-repeat -10px;
}


.x-tooltip.error{
	color: red;
}