/* CSS Document */

/* START CSS only needed for this demo page 	/* Styling the body element 
body{	
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	margin:0px;
	padding:0px;
	height:100%;
	font-size:0.9em;
	line-height:130%;
	background-color:#E2EBED;
}	
a{
	color:#D60808;
	text-decoration:none;
}
a:hover{
	text-decoration:underlin;
}

#dhtmlgoodies_leftPanel ul{
	padding-left:20px;
	margin-left:0px;
}
#dhtmlgoodies_leftPanel div{
	padding:3px;
}
#mainContent{
	width:660px;
	margin-left:150px;
	background-color:#FFF;
	padding-right:5px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	
}
*/
/* END CSS ONLY NEEDED FOR THIS DEMO PAGE */

#dhtmlgoodies_leftPanel{	/* Styling the help panel */
	
	background-color:#000000;	/* Blue background color 	background-color:#3c94c8;*/
	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:200px;		
	*/
	height:100%;		
	left:0px;
	z-index:10;
	position:absolute;
	display:none;
}

#dhtmlgoodies_leftPanel #leftPanelContent{
	padding:0px;
}
#dhtmlgoodies_leftPanel .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;				
}
#dhtmlgoodies_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
	color:#FFF;
	background-color:#000;
}