/* ----------------------------------------------------------------------------------------------------------
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: -25px;
			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: -25px;
			position: relative;

			}			
			
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    padding:15px 0px 10px 15px;
text-align:left;

    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;
}

p.first { 
        margin:10px 0 10px 30px; 
        width: 515px;
        text-align:left;
        color:#000; 
        z-index: 200;	
        font: normal normal 12px/1.5em Verdana, Helvetica, Arial;
	}
	
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.tooltip ul li	{
					text-align: left;
					list-style: none;
					background: url("/mrcjava/image/CBhelp/bullet.png") 0 5px no-repeat;
					font: normal normal 12px/2em "Verdana", "Arial", "Helvetica";
					margin-left: 75px;
					padding-left: 20px;
					z-index: 200;
					display: block;
					float: none;
					border-style: none;
					padding-top:0px;
					padding-bottom: 0px;
					}	
					
	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;
	height:auto;
	width:auto;
}						
/* tooltip title element (h4) */ 
div.tooltip h4 { 
	width: 150px;
}

div.tooltipbig h4 { 
	width: 150px;
}			
		
	.InnerButtons	{
				position: relative;
				margin: 10px auto;
				z-index: 5;		
				overflow: hidden;				
				}
						
	#Vertical	{
				width: 200px;
				//height: 300px;
				float: left;
				margin: 10px 0 0 30px;
				}
	
	#Horizontal	{
				width: 600px;
				height: 60px;
				float: left;
				}
				
		.InnerButtons a	{
					width: 200px;
					height: 60px;
					float: left;
					z-index: 6;
					margin-bottom: 25px;
					background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat 0 0;
					}
		
	
		.InnerButtons a.OnlineLab:link	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat 0 0;}
		.InnerButtons a.OnlineLab:visited	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat 0 0;}
		.InnerButtons a.OnlineLab:hover	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat 0 -60px;}
		.InnerButtons a.OnlineLab:active	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat 0 -60px;}
		
		.InnerButtons a.Challenge:link		{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -200px 0px;}
		.InnerButtons a.Challenge:visited	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -200px 0px;}
		.InnerButtons a.Challenge:hover		{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -200px -60px;}
		.InnerButtons a.Challenge:active		{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -200px -60px;}
		
		.InnerButtons a.Download:link	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -400px 0px;}
		.InnerButtons a.Download:visited	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -400px 0px;}
		.InnerButtons a.Download:hover	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -400px -60px;}
		.InnerButtons a.Download:active	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -400px -60px;}
		
		.InnerButtons a.MoreInformation:link		{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -600px 0px;}
		.InnerButtons a.MoreInformation:visited	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -600px 0px;}
		.InnerButtons a.MoreInformation:hover		{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -600px -60px;}
		.InnerButtons a.MoreInformation:active	{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -600px -60px;}
		
		.InnerButtons a.LiveDemo:link			{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -800px 0px;}
		.InnerButtons a.LiveDemo:visited		{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -800px 0px;}
		.InnerButtons a.LiveDemo:hover		{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -800px -60px;}
		.InnerButtons a.LiveDemo:active		{background: url(http://www.crazybikes.com/mrcjava/CBB2E/images/ButtonSpriteCB.png) no-repeat -800px -60px;}
	
#ButtonBox	{
			width: 350px;
			//height: 300px;
			float: left;
			margin: 10px 0 0 0;
			font: normal normal 12px/1.5em Verdana, Helvetica, Arial;
			}
	
.ButtonText	{
			width: 300px;
			height: 60px;
			float: left;
			margin-bottom: 25px;
                            text-align:left;
			}