/*---------------------------------------------------------------------*/
/* AUTEUR      : Chanh T.Do [ www.thoransoft.com ]                     */
/* DATE        : 2009.01.09                                            */
/* DESCRIPTION : Feuille de style pour les customs scroll bar.         */
/*---------------------------------------------------------------------*/
.jScrollPaneContainer {position:relative;
                       overflow:hidden;
                       z-index:1;}

.jScrollPaneTrack {position:absolute;
                   cursor:pointer;
                   right:0px;
                   top:0px;
                   height:100%;
                   background-color:#eeeeee;
                   /*background-image:url(../images/scroll_centre.gif);*/
                   width:11px;}

.jScrollPaneDrag {position:absolute;
                  background-color:#dddddd;
                  cursor:pointer;
                  overflow:hidden;
                  width:11px;}

.jScrollPaneDragTop {position:absolute;
                     top:0px;
                     left:0px;
                     overflow:hidden;}

.jScrollPaneDragBottom {position: absolute;
                        bottom:0px;
                        left:0px;
                        overflow: hidden;}

a.jScrollArrowUp {display: block;
                  position: absolute;
                  z-index: 1;
                  top: 0;
                  right: 0;
                  text-indent: -2000px;
                  overflow: hidden;
                  height: 9px;}

a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown {display: block;
                    position: absolute;
                    z-index: 1;
                    bottom: 0;
                    right: 0;
                    text-indent: -2000px;
                    overflow: hidden;
                    height:9px;} 

a.jScrollArrowDown:hover {/*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

div#pane {text-align:left;
		  width:563px;
		  height:335px;
		  margin:0px;}

a.jScrollArrowUp { background: url(../images/basic_arrow_up.gif) repeat-x 0 0; }
a.jScrollArrowDown { background: url(../images/basic_arrow_down.gif) repeat-x 0 0; }

a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }