.container {
	margin-top  : 5px;
	float		: left;
	overflow	: hidden;
	border		: 0px solid #000000;
}

/*
	Setting the height for container and scrollArea styles
	sets the height of of the scrolling text box and the
	vertical area available to the scroll lozenge, respectively
	NOTE: This doesn't set the size of the scroller background image.
	      The scroller background image must be the same height as
		  the height of the container. 
	NOTE: If there are scroll buttons, the heights of the container
		  and the scrollArea need to be the same. If there are no scroll
		  buttons, the height of the scrollArea must be greater to
		  accomodate for the extra length the lozenge has to travel
		  now that the buttons aren't there. Try adding 33 to the
		  height of the container to get the height of the scrollArea.
*/
.container {
	height		: 235px;
}

.scrollArea {
	height		: 235px;
}

.container, .scrollContent {
	width		: 598px;
}

.scrollContent {
	position	: relative;
}

.scrollArea {	
	/* background-image:url(../images/scroll_bgd.png); */
	background-repeat:no-repeat;
	position	: relative;
	width		: 16px;
	float		: left;
	margin-top	: 15px;
	margin-left	: 24px;
	display		: inline;
	overflow	: hidden;
}

.scroller {
	position	: absolute;
	top			: -1px;
	margin-left	: 1px;
	width		: 14px;
}