/*---------------------------------------------------------------------*/
/* 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:#dddddd;
                   /*background-image:url(../images/scroll_centre.gif);*/
                   }

.jScrollPaneDrag {position:absolute;
                  background-color:#999999;
                  cursor:pointer;
                  overflow:hidden;}

.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 {margin:0px;
          height:450px;
          text-align:left;}
div#pane + div {margin:0px;}

a.jScrollArrowUp { background: url(../images/basic_arrow_up.gif) repeat-x 0 0; }
/*a.jScrollArrowUp:hover { background-position: 0 -15px; }*/
a.jScrollArrowDown { background: url(../images/basic_arrow_down.gif) repeat-x 0 0; }
/*a.jScrollArrowDown:hover { background-position: 0 -15px; }*/
/*a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }*/

div#panel_no_scroll {margin:20px 0px;
                     height:450px;
                     text-align:left;
                     overflow-y:auto;}