.holder {
        float: left;
        margin: 0 10px 10px 10px;
        }
.scroll-pane {
        width: 480px;
        height: 345px;
        overflow: auto;
        /*background: #fff;*/
        float: left;
        }
        
.tabs-holder {
        float: left;
        margin:0;
        }
        
.tabs-scroll-pane {
        width: 366px;
        height: 433px;
        overflow: auto;
        /*background: #fff;*/
        float: left;
        /*margin-top:5px*/
        }

.hide-scroll-pane {
        width: 0;
        height: 0;
        }
        
/*#aboutText{*/
/*        height: 250px;*/
/*}*/

.osX .jScrollPaneTrack {
        background: url(../images/osx_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
        background: url(../images/osx_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
        background: url(../images/osx_drag_top.gif) no-repeat;
        height: 6px;
}
.osX .jScrollPaneDragBottom {
        background: url(../images/osx_drag_bottom.gif) no-repeat;
        height: 7px;
}
.osX a.jScrollArrowUp {
        height: 24px;
        background: url(../images/osx_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
        background-position: 0 0;
}
.osX a.jScrollArrowDown {
        height: 24px;
        background: url(../images/osx_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
        background-position: 0 0;
}

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;
}

.jScrollPaneDrag {
	background: #666 url(../images/drag_grab.gif) no-repeat 50% 50%;
}