/* START CSS only needed for this demo page */

	a{
		color:#D60808;
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
	}
	
	
	#dhtmlgoodies_leftPanel ul{
		padding-left:20px;
		margin-left:0px;
	}
	#dhtmlgoodies_leftPanel div{
		padding:3px;
	}
	#mainContent{
		margin-left:40px;
		padding-right:5px;
		/*
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		*/
		padding:16px;
	}

	/* END CSS ONLY NEEDED FOR THIS DEMO PAGE */
	
	#dhtmlgoodies_leftPanel, #dhtmlgoodies_leftPanel2, #dhtmlgoodies_leftPanel3{	/* Styling the help panel */
		/*margin-top:112px;*/ /*NOTE- adjust this for your page  - will probably be 0px for full height*/
		
		background-color:#3c94c8;	/* Blue background color */
		color:#FFF;	/* White text color */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Which font to use */
		/* You shouldn't change these 5 options unless you need to */		
		height:100%;		
		left:0px;
		z-index:10;
		position:absolute;
		display:none;
	}
	
	#dhtmlgoodies_leftPanel2{
		background-color:red;	
	}
	#dhtmlgoodies_leftPanel3{
		background-color:#99cc33;	
		border-top:1px solid #999;
	}
	#leftPanelContent p{
		padding:10px;
		
	}
	.closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background-color:#FFF;
		/*position:absolute;*/
		top:2px;
		right:2px;
		border:1px solid #000;
		color:#000;
		font-size:0.8em;				
	}
	.closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background-color:#000;
	}