#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:450px;
		height:425px;	/* The height of the scrolling div */
	}
	#scrolldiv_parentContainer{
		width: 400px;	/* Width of the scrolling text */
		height:100%;
		overflow:hidden;
		float:left;
		position:relative;
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		float: left;
		padding-left: 25px;
		padding-right: 35px;
		padding-top: 10px;
		padding-bottom: 10px;
		position:relative;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size: 0.9em;
		background-color: transparant;
		}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		padding-top: 20px;
		width: 5px;
		margin-left: 2px;
		height: 520px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width: 15px;
		height:480px;	/* Total height - 40 pixels */
		position:relative;
		background: url(../images/scrollbar.png) repeat-y;
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin: 0px;
		width:15px;
		height:30px;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
		background: url(../images/scroll.png) no-repeat;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:10px;
		height:6px;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
		background-color: transparant;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		background-color: transparant;
		font-family: Symbol;
	}