@charset "utf-8";
/* CSS Document */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.scroll-div{text-align:left; width:100%; outline:none}
.jcarousel-container {position: relative;}
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,
.jcarousel-item {float: left;list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */width: 75px;height: 75px;}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
div.scroll-div div.scrollpane{ height:100%; }
div.scroll-div .jScrollPaneContainer {outline:none;	position: relative;	overflow: hidden;z-index: 1;}
div.scroll-div .jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 1px;top: 0px;height: 100%;background:url(../images/track.gif) repeat-y;margin-bottom:1px}
div.scroll-div .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer;	overflow: hidden; background:url(../images/drag.gif) no-repeat}
div.scroll-div .jScrollPaneDragTop {position: absolute;top: 0;left: 0;	overflow: hidden; height:17px; background:url(../images/scrolltop.jpg) no-repeat center top ; }
div.scroll-div .jScrollPaneDragBottom {position: absolute;	bottom: 0;left: 0;overflow: hidden;height:22px; background:url(../images/scrollbottom.jpg) no-repeat center top ; }
div.scroll-div a.jScrollArrowUp {display: block;position: absolute;z-index: 1;	top: 0;	right: 1px;text-indent: -2000px;overflow: hidden;height:7px;}
div.scroll-div a.jScrollArrowUp:hover {/*background-color: #f60;*/}
div.scroll-div a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;height:7px;}
div.scroll-div a.jScrollArrowDown:hover {/*background-color: #f60;*/}
div.scroll-div a.jScrollActiveArrowButton,
div.scroll-div a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
div.scroll-div a.jScrollArrowUp,
div.scroll-div a.jScrollArrowUp:hover {background:url(../images/scrollup.jpg) repeat-y ;}
div.scroll-div a.jScrollArrowDown {background:url(../images/scroolldown.jpg) repeat-y ;}
div.scroll-div a.jScrollArrowDown:hover {}
div.scroll-div a.jScrollActiveArrowButton,
div.scroll-div a.jScrollActiveArrowButton:hover {background-position: 0 0px;}
div.scroll-div .scroll-pane {width:889px;height:380px;overflow: auto;float: left;}