/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; }
#gallery .jspContainer{height: 119px !important; padding-top: 21px;}
.jspPane { position: absolute; bottom:50px; }
#gallery .jspPane { position: absolute; bottom:36px; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: none; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: #000; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background:url(images/scroll_track.png) repeat-x; position: relative; }
.jspDrag { background: url(images/track_handle.png) repeat;background: gray; position: relative; top: 0; left: 0; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspArrowLeft.jspDisabled { cursor: default; background: #80808d url(images/scroll_left.png) no-repeat left bottom; }
.jspArrow.jspArrowLeft { cursor: default; background: #80808d url(images/scroll_left.png) no-repeat left top; }
.jspArrow.jspArrowRight.jspDisabled { cursor: default; background: #80808d url(images/scroll_right.png) no-repeat right bottom; }
.jspArrow.jspArrowRight { cursor: default; background: #80808d url(images/scroll_right.png) no-repeat right top; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }
.scroll-pane.horizontal-only{height: auto; max-height:480px; outline:none;}

#video_home .scroll-pane.horizontal-only {height: 140px;}
#video_home .jspTrack { background:#222326; position: relative; }
#video_home .jspDrag { background: #919298; position: relative; top: 0; left: 0; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }

#video_home .jspPane { position: absolute; bottom:31px; }

.scrolling-box .scroll-pane.horizontal-only{height:340px;}



#home .scroll-pane { width: 100%; height: 76px; overflow: auto; }
#home .jspTrack { background:#222326; position: relative; }
#home .jspDrag { background: #919298; position: relative; top: 0; left: 0; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }

#new_home .scroll-pane { width: 100%; height: 308px; overflow: auto; }
#new_home .jspTrack { background:#222326; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }
#new_home .jspDrag { background: #919298; position: relative; top: 0; left: 0; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }



#new_inner .scroll-pane { width: 100%; height: 50px; overflow: auto; }
#new_inner .jspTrack { background:#222326; position: relative; }
#new_inner .jspDrag { background: #919298; position: relative; top: 0; left: 0; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }
#home .jspTrack { background:#222326; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }
.jspTrack { background:#222326; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }
.no{border-bottom:1px solid #5d5d5d; padding:6px 0; width:345px;}
.news-imags{float:left; width:90px;}
.news-txt {
    /* color: #EFEFEF;*/
    color: #bcbfbf;
    float: left;
    font-size: 12px;
    width: 245px;
}
.new-txt-small {
     color: #bcbfbf;
    float: left;
    font-size: 12px;
    width: 132px;
       
}
.new-txt-small_event {
     color: #bcbfbf;
    float: left;
    font-size: 12px;
    width: 250px;
       
}
.news-txt h2{padding-bottom:5px; font-size:14px; color:#FFFFFF;}
/* Albim Page */
#album-scroll .scroll-pane { width: 100%; height: 165px; overflow: auto; }
#album-scroll .jspTrack { background:#222326; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }
#album-scroll .jspDrag { background: #919298; position: relative; top: 0; left: 0; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }
/* Albim Page */
#album-content .scroll-pane { width: 100%; height: 135px; overflow: auto; }
#album-content .jspTrack { background:#222326; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }
#album-content .jspDrag { background: #919298; position: relative; top: 0; left: 0; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius:20px; border-radius:20px; }

<!--video page css-->