#scroller {
	/*LEFT: 995px;
	TOP: 242px;
	POSITION: absolute;*/
	OVERFLOW: hidden;
	WIDTH: 359px;
	CLIP: rect(0px,359px,350px,0px);
	position:relative;
	HEIGHT: 350px;
}
#scroller #container {
	OVERFLOW: hidden; WIDTH: 573px; CLIP: rect(0px 573px 320px 0px); POSITION: absolute; TOP: 22px; HEIGHT: 320px;
}
#scroller #content {
	WIDTH: 573px; POSITION: absolute
}

/* the 'left' position needs to be the same for 'scrollUp' 'scrollDn' */
#scroller #scrollUp {
	LEFT: 272px;
	POSITION: absolute;
	TOP: 8px;
}
#scroller #scrollDn {
	LEFT: 272px;
	POSITION: absolute;
	TOP: 318px; /* position of the bottom arrow */
}

/* width needs to be the actual width of the scrollbar image */
#scroller #scrollbar {
	LEFT: 270px;
	WIDTH: 17px;
	CLIP: rect(0px 17px 294px 0px);
	POSITION: absolute;
	TOP: 21px;
	HEIGHT: 294px; /* this is the height of the scrollbar and may need the same pixel amount as that in the 'clip' attribute */
}
#scroller #thumb {
	LEFT: 0px; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #cccccc; layer-background-color: #CCCCCC;
}
#scroller #thumbArrowUp {
	LEFT: 2px; VISIBILITY: hidden; POSITION: absolute;
}
#scroller #thumbArrowDn {
	LEFT: 2px; VISIBILITY: hidden; POSITION: absolute;
}
#scroller #marker {
	LEFT: 1px; VISIBILITY: hidden; WIDTH: 8px; CLIP: rect(0px 10px 1px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 1px; BACKGROUND-COLOR: #cccccc; layer-background-color: #CCCCCC;
}
#scroller #scrollerMo5Shim {
	LEFT: 0px; WIDTH: 1px; POSITION: absolute; TOP: 5px; HEIGHT: 1px;
}

/* elevUp and elevDn originally had a width of 10px and left attribute of 0px */
#scroller #elevUp {
	LEFT: 5px;
	OVERFLOW: hidden;
	WIDTH: 6px;
	CLIP: rect(0px 10px 290px 0px);
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 290px;
}

#scroller #elevDn {
	LEFT: 5px;
	OVERFLOW: hidden;
	WIDTH: 6px;
	CLIP: rect(0px 10px 299px 0px);
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 299px;
}

p.smallVideoInfo {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #93a276;
	vertical-align:top;
	margin: 0px 0px 0px 8px;
	font-weight:bold;
	width:130px; /* sets the width of the video name text */
}

a.smallVideoInfoLink {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align:top;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
}

a.smallVideoInfoLink:hover {
	font-size: 11px;
	color: #FFFFFF;
}

.videoThumbnails {
	margin: 0px 0px 8px 8px;
	padding:0px;
}
.loadedVideoTitle {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	padding:0px;
	margin:6px 0px 0px 0px;
}

p.loadedVideoTitle a {
	font-size:12px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
}

p.loadedVideoTitle a:hover {
	font-size:12px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:underline;
}
