#scrollbar1 { width: 390px; /* margin: 0 0 0 11px;  */}
#scrollbar1 .viewport { width: 369px; height: 550px; overflow: hidden; position: relative;}
#scrollbar1 .overview { list-style: none; position: absolute; left: 2px; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/scroll-bar1.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/scroll-bar-bottom.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/scrollbar-inner.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/scrollbar-inner.png) no-repeat 50% 0; overflow: hidden; height: 0; width: 25px; }
#scrollbar1 .disable { display: none; }

/* ------------------------For Job Application Page---------------------------------------- */
#scrollbar2{width:591px;} 
#scrollbar2 .viewport { width: 558px; height: 550px; overflow: hidden; position: relative;}
#scrollbar2 .overview { list-style: none; position: absolute; left: 10px; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{ background: transparent url(../images/scroll-bar1.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar2 .track { background: transparent url(../images/scroll-bar-bottom.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { background: transparent url(../images/scrollbar-inner.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar2 .thumb .end { background: transparent url(../images/scrollbar-inner.png) no-repeat 50% 0; overflow: hidden; height: 0; width: 25px; }
#scrollbar2 .disable { display: none; }