/* ----------------------------------------------------------------------------------------------------------
Tootip
---------------------------------------------------------------------------------------------------------- */	
 /* tooltip styling. uses a background image (the yellow arrow) */

div.tooltip 	{ 
			background:transparent url(/mrcjava/image/CBhelp/hoverbox.png) no-repeat bottom left;
			font-size:12px; 
			height:400px; 
			width:600px; 
			font-size:14px; 			
			display:none; 
			color:#000; 
			z-index: 200;
			margin-left: 305px;
			margin-top: 5px;
			position: relative;

			} 

div.tooltipbig 	{ 
			background:transparent url(/mrcjava/image/CBhelp/hoverbox2.png) no-repeat bottom left;
			font-size:12px; 
			height:450px; 
			width:600px; 
			font-size:14px; 			
			display:none; 
			color:#000; 
			z-index: 200;
			margin-left: 305px;
			margin-top: 5px;
			position: relative;

			} 
			
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:30px 0 0 30px; 
	width: 515px;
    font-size:18px; 
    color:#416483; 
		z-index: 200;
}
div.tooltipbig h3 { 
    margin:30px 0 0 30px; 
	width: 515px;
    font-size:18px; 
    color:#416483; 
		z-index: 200;
}
div.tooltip h4 { 
    margin:0px 0 0 30px; 
	width: 100px;
    font-size:14px; 
    color:#416483; 
		z-index: 200;
}
div.tooltipbig h4 { 
    margin:0px 0 0 30px; 
	width: 100px;
    font-size:14px; 
    color:#416483; 
		z-index: 200;
}

div.tooltip p.first { 
    margin:10px 0 10px 30px; 
	width: 515px;
    color:#000; 
	z-index: 200;	
	}
div.tooltipbig p.first { 
    margin:10px 0 10px 30px; 
	width: 515px;
    color:#000; 
	z-index: 200;	
	}	
div.tooltip p.second { 
    margin:10px 0 10px 30px; 
	width: 300px;
    color:#000; 
	z-index: 200;	
	}
div.tooltipbig p.second { 
    margin:10px 0 10px 30px; 
	width: 300px;
    color:#000; 
	z-index: 200;	
	}	
	div.tooltip ul	{
				position: relative;
				margin: 5px 0 0 -20px;
				z-index: 200;
				}
	div.tooltipbig ul	{
				position: relative;
				margin: 5px 0 0 -20px;
				z-index: 200;
				}				
	div.tooltip ul li	{
					text-align: left;
					list-style: none;
					background: url("bullet.png") 0 5px no-repeat;
					font: normal normal 12px/2em "Verdana", "Arial", "Helvetica";
					margin-left: 45px;
					padding-left: 25px;
					z-index: 200;
					}	
	div.tooltipbig ul li	{
					text-align: left;
					list-style: none;
					background: url("bullet.png") 0 5px no-repeat;
					font: normal normal 12px/2em "Verdana", "Arial", "Helvetica";
					margin-left: 45px;
					padding-left: 25px;
					z-index: 200;
					}					
	div.tooltip a.ImageLinks	{
							position: relative; 
							padding: 0 0 0 40px;
							z-index: 200;
							bottom: 0;
							right: 0;
							float: left; 
							margin: -25px 25px 0 0;
							}
	div.tooltipbig a.ImageLinks	{
							position: relative; 
							padding: 0 0 0 40px;
							z-index: 200;
							bottom: 0;
							right: 0;
							float: left; 
							margin: -25px 25px 0 0;
							}
		div.tooltip a img	{
						position: relative; 
						padding: 25px 0 0 40px;
						z-index: 200;
						bottom: 0;
						right: 0;
						}
		div.tooltipbig a img	{
						position: relative; 
						padding: 25px 0 0 40px;
						z-index: 200;
						bottom: 0;
						right: 0;
						}
.cbhover {
			vertical-align:top;
			text-align:left;
			width:260px;
			color:black;
			font: normal normal 12px/1.6em "Verdana", "Arial", "Helvetica";
}	
.cbsmallimage {
	margin-right:10px;
	margin-top:5px;
	float:left;
	border-style:solid;
	border-width:1px;
}						
/* tooltip title element (h4) */ 
div.tooltip h4 { 
	width: 150px;
}
div.tooltipbig h4 { 
	width: 150px;
}