﻿<style>
	#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:530px;
		height:300px;	/* The height of the scrolling div */
	}
	#scrolldiv_parentContainer{
	width: 500px; /* Width of the scrolling text */;
	height: 300px;
	overflow: hidden;
	border: 0px solid #BC8FBD;
	float: left;
	position: relative;
}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		padding: 5px;
		position:relative;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size: 0.9em;
		line-height:130%;
	}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:25px;
		margin-left:2px;
		height:300px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
	border: 0px solid #BC8FBD;
	visibility: hidden;
}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
	margin: 1px;
	width: 13px;
	height: 13px;
	top: 0px;
	left: 0px;
	cursor: pointer;
	visibility: hidden;
}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:20px;
		height:20px;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:hand;
	}
	#scrolldiv_scrollUp{
		margin-top:15px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}
