@charset "UTF-8";
/*/////////////////////////////////////////////
 
	TOOLTIP
	$Id: //depot/projects/dylan/releases/rc_12_11/ubi/template/identity/adobe/ToolTip/screen.css#1 $
	
/////////////////////////////////////////////*/

.tooltip {
	position: absolute;
	top: 0;
	left:0;
	width: 307px;
	background:  transparent url(tooltip_dropshadow.png) bottom right no-repeat;
	_background-image: url(tooltip_dropshadowB.png);
	z-index: 5;
	padding-bottom: 1px;
}

.tooltip-left { background-position: bottom left  }

.pointer {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 22px;
	z-index:2;
}

.tooltip-right .tooltipBody {
	left: 10px;
	_left: 11px;
}

.tooltip-right .pointer {
	left: 1px;
	width: 11px;
	height: 22px;
	background-image: url(arrowR.png);
	_background-image: url(arrowR.png);
	background-repeat: no-repeat;
}

.tooltip-left .pointer {
	left: 100%;
	margin-left: -13px;
	_margin-left: -12px;
	background-image: url(arrowL.png);
	_background-image: url(arrowL.png);
	background-repeat: no-repeat;
}

.tooltipBody {
	position:relative;
	line-height: 1.35em;
	padding: 0 2px 0 0;
	_padding-right: 10px;
	z-index: 1;
	color: #333;
	background: url(tooltipBody_dropshadow.png) top left no-repeat;
	_background-image: url(tooltipBody_dropshadowR.png);
	width: 295px;
}	

.tooltip-left .tooltipBody { right: 0; }

.tooltipBody .tooltip-content {
	display: block;
}

.tooltipBody .tooltip-content { padding: 10px }