body
{
    /* Styling the body element */
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-size: 1.5em;
    line-height: normal;
    background-color: white; /*background-color:#e2ebed;*/
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}	
	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: #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;
    background-color: white;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
}
	
	#dhtmlgoodies_leftPanel #leftPanelContent
{
    padding: 0px;
    text-align: left;
    overflow: auto;
    position: static;
    width: 800px;
    height: 500px;

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