.jScrollPaneContainer {	position: relative;	overflow: hidden;	z-index: 1;}
.jScrollPaneTrack { 	position: absolute; cursor: pointer; right: 0; top: 0; height: 10%;	background: transparent ; }
.jScrollPaneDrag {	position: absolute;	background: transparent; }	
.jScrollPaneDragTop { position: absolute;	top: 0;	left: 0;	overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 385px; right: 0; text-indent: -2000px; overflow: hidden;	background:transparent url(../../images/scroll-arrow-up.gif) no-repeat 0 -15px;height: 15px;	width:18px;}
a.jScrollArrowUp:hover {background-position:  0 0px}
	
a.jScrollArrowUp.disabled, a.jScrollArrowUp.jScrollActiveArrowButton.disabled {background:transparent url(../../images/scroll-arrow-up.gif) no-repeat 0 -30px;}
/*a.jScrollArrowUp:active {background-position:white url(../../images/scroll-arrow-up.gif) no-repeat 0 0px;}*/
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px;	overflow: hidden; background:transparent url(../../images/scroll-arrow-down.gif) no-repeat 0 -15px;height: 15px;	width:18px;}
a.jScrollArrowDown:hover { background-position: 0 -30px}

a.jScrollArrowDown.disabled, a.jScrollArrowDown.jScrollActiveArrowButton.disabled {background:transparent url(../../images/scroll-arrow-down.gif) no-repeat 0 0px;}
/*a.jScrollArrowDown:active { background:white url(../../images/scroll-arrow-down.gif) no-repeat 0 -30px;}*/
a.jScrollArrowUp.jScrollActiveArrowButton { background:transparent url(../../images/scroll-arrow-up.gif) no-repeat 0 -0px;}
a.jScrollArrowDown.jScrollActiveArrowButton  { background:transparent url(../../images/scroll-arrow-down.gif) no-repeat 0 -30px;}

/*-- area specific classes --*/

#mediaPlayerWrapper .jScrollPaneContainer {background:white; margin:30px 0}
#mediaPlayerWrapper .jScrollPaneContainer a.jScrollArrowUp {display:none;bottom:0; left:30px; position:absolute; top:325px;}
#mediaPlayerWrapper .jScrollPaneContainer a.jScrollArrowDown {display:none;position:absolute;bottom:0px;left:30px;}

.reels .jScrollPaneContainer, .blogStory .jScrollPaneContainer{float:left;margin:0px 5px 0px -24px;}/*margin:-6px*/
.reels .jScrollPaneContainer #bodyCopy, .blogStory .jScrollPaneContainer #bodyCopy {margin-top:0px;}
.reels a.jScrollArrowUp, .blogStory a.jScrollArrowUp {position:absolute;top:370px;left:0}
.reels a.jScrollArrowDown, .blogStory a.jScrollArrowDown {position:absolute;left:0}
.reels .jScrollPaneTrack, .blogStory .jScrollPaneTrack {position:absolute;left:0;background:white}
/* .jScrollPaneContainer #mediaPlayerReel {padding-bottom:30px} */
ul#scrollable{height:409px;overflow:auto; }
.about #bodyCopy{height:399px}
.bgGradient{background:transparent url(../../images/bodyCopy_bg.png) repeat-x scroll 0 0;bottom:0;height:20px;position:absolute;right:0;width:229px;z-index:10}