/*
=================================
CSS File for Tooltips  on product pages (ie: LexisAdvance, LMO)
Creation Date = August 2012
By = Ricardo Zea

This file is a separate asset for easier and faster maintanibility. 
Any changes required can be done here without touching the main global file (lexisnexis-base-ph3.css).

*/

/* TOOLTIPS
=================================*/	
#prodAdvance { width:574px; margin:auto; }
#prodAdvance img { margin:5px 0; border:#fff 1px solid; border-radius:3px; box-shadow:0 0 4px rgba(0,0,0,.5); }

/*Tooltip container*/
.tooltip { width:300px; position:absolute; }
#prodAdvance.no-js .tooltip { width:auto; margin:0 0 10px; position:relative; }

/*Tooltip trigger*/
.tooltip span.tipTrigger { font-size:1px; text-indent:-9999em; overflow:hidden; width:29px; height:29px; position:absolute; float:left; background:url(../images/toolTip-trigger.png) no-repeat; }

	.tooltip span.tipTrigger.no-js { display:none; }
	.tooltip span.tipTrigger.visible { display:block; z-index:10; }

	/*Active tooltip (minus sign)*/
	.tooltip span.tipTrigger.active { background-position:0 -40px !important; } 

/*Tooltip content/box*/
	.tooltip .tipText { padding:15px 20px 5px; position:absolute; left:-9999px; margin:14px 14px 0 14px; background:#ef3239; xbackground:rgba(237,28,36,.9); border-radius:2px; box-shadow:0 2px 6px rgba(0,0,0,.5); }
	.tooltip .tipText h3 { margin-bottom:8px; color:#fff; font:bold 15px Calibri, Arial, Helvetica, sans-serif; text-shadow:1px 1px 0 rgba(0,0,0,.5); }
	.tooltip .tipText p { color:#fff; font:14px Calibri, Arial, Helvetica, sans-serif; text-shadow:1px 1px 0 rgba(0,0,0,.2); }
	
	.tooltip .tipText.no-js { position:relative; left:auto; margin:0; padding:0; background:none; box-shadow:none; border-bottom:#999 1px dotted; }
	.tooltip .tipText.no-js h3,
	.tooltip .tipText.no-js p { color:#000; text-shadow:none; }
	
	.tooltip .tipText.visible { left:auto; z-index:10; }
	#tip-3.tooltip .tipText.visible{z-index:0; }
	
	/*Tooltips to the right*/
	.tooltip span.trigRight { float:right; position:relative; -position:absolute; }

/*Tooltip positioning*/
	.prod-panel { width:564px; margin:0 auto 40px; border:#000 1px solid; }

	/*LexisAdvance*/
	#tip-1 { margin:118px 0 0 74px; z-index:5; width:370px; -margin-left:415px; }
	#tip-2 { margin:68px 0 0 148px; z-index:10; width:375px; -margin-left:493px; }
	#tip-3 { margin:137px 0 0 160px; width:360px; }
	#tip-4 { margin:50px 0 0 50px; width:370px; #width:330px; }
	
	/*Microsfot Outlook*/
	#prodOutlook #tip-1 { margin:10px 0 0 50px; }
	#prodOutlook #tip-2 { margin:10px 0 0 130px; }
	#prodOutlook #tip-3 { margin:10px 0 0 170px; }
	#prodOutlook #tip-4 { margin:10px 0 0 200px; }
	#prodOutlook #tip-5 { margin:10px 0 0 230px; }
	
	/*Microsfot Word*/
	#prodWord #tip-1 { margin:10px 0 0 35px; }
	#prodWord #tip-2 { margin:10px 0 0 135px; }
	#prodWord #tip-3 { margin:10px 0 0 180px; }
	#prodWord #tip-4 { margin:10px 0 0 210px; }
	#prodWord #tip-5 { margin:10px 0 0 240px; }
	#prodWord #tip-6 { margin:10px 0 0 270px; }
	#prodWord #tip-7 { margin:10px 0 0 340px; }
	#prodWord #tip-8 { margin:10px 0 0 410px; }
	#prodWord #tip-9 { margin:10px 0 0 440px; }
	#prodWord #tip-10 { margin:10px 0 0 470px; }
	#prodWord #tip-11 { margin:10px 0 0 500px; }