/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */
/* TCB*/
.scrollPane {
    width: 760px;
    height: 330px;
    overflow: auto;
    float: left;

}

/* Articles*/
.scrollPane2 {
    width: 770px;
    height: 522px;
    overflow: auto;
    float: left;

}

/* JSP modal*/
.scrollPane3 {
    width: 770px;
    margin: 0px;
    height: 334px;
    overflow: auto;
    float: left;

}

.scrollContainer {
    padding-top: 10px;
}

.scrollContainer .jScrollPaneTrack {
    background: url(images/osx_track.gif) repeat-y;
}

.scrollContainer .jScrollPaneDrag {
    background: url(images/osx_drag_middle.gif) repeat-y;
}

.scrollContainer .jScrollPaneDragTop {
    background: url(images/osx_drag_top.gif) no-repeat;
    height: 6px;
}

.scrollContainer .jScrollPaneDragBottom {
    background: url(images/osx_drag_bottom.gif) no-repeat;
    height: 7px;
}

.scrollContainer a.jScrollArrowUp {
    height: 24px;
    background: url(images/osx_arrow_up.png) no-repeat 0 -30px;
}

.scrollContainer a.jScrollArrowUp:hover {
    background-position: 0 0;
}

.scrollContainer a.jScrollArrowDown {
    height: 24px;
    background: url(images/osx_arrow_down.png) no-repeat 0 -30px;
}

.disco a.jScrollArrowDown:hover {
    background-position: 0 0;
}

/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
    bottom: -1px;
}

.scrollContainer2 {
    padding-left: 0px;
    margin: 0px;
}

.scrollContainer2 .jScrollPaneTrack {
    background: url(images/osx_track.gif) repeat-y;
}

.scrollContainer2 .jScrollPaneDrag {
    background: url(images/osx_drag_middle.gif) repeat-y;
}

.scrollContainer2 .jScrollPaneDragTop {
    background: url(images/osx_drag_top.gif) no-repeat;
    height: 6px;
}

.scrollContainer2 .jScrollPaneDragBottom {
    background: url(images/osx_drag_bottom.gif) no-repeat;
    height: 7px;
}

.scrollContainer2 a.jScrollArrowUp {
    height: 24px;
    background: url(images/osx_arrow_up.png) no-repeat 0 -30px;
}

.scrollContainer2 a.jScrollArrowUp:hover {
    background-position: 0 0;
}

.scrollContainer2 a.jScrollArrowDown {
    height: 24px;
    background: url(images/osx_arrow_down.png) no-repeat 0 -30px;
}