/* Tiny Scrollbar */
.scrollbarcontainer { width: 465px; margin:0; }
.scrollbarcontainer .viewport { width:455px; overflow: hidden; position: relative; }
.scrollbarcontainer .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbarcontainer .scrollbar{ background-color:#f0f0f0;position: relative; float: right; width: 10px; }
.scrollbarcontainer .track { height: 100%; width:10px; position: relative; }
.scrollbarcontainer .thumb { background-color:#999;height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.scrollbarcontainer .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scrollbarcontainer .disable { display: none; }

.scrollbarcontainerfullpost { width: 550px; margin:0; }
.scrollbarcontainerfullpost .viewport { width:540px; height:600px;overflow: hidden; position: relative; }
.scrollbarcontainerfullpost .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbarcontainerfullpost .scrollbar{ background-color:#f0f0f0;position: relative; float: right; width: 10px; }
.scrollbarcontainerfullpost .track { height: 100%; width:10px; position: relative; }
.scrollbarcontainerfullpost .thumb { background-color:#999;height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.scrollbarcontainerfullpost .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scrollbarcontainerfullpost .disable { display: none; }

.scrollbarcommentfullpost { width: 348px; margin:0; }
.scrollbarcommentfullpost .viewport { width:338px; height:483px;overflow: hidden; position: relative; }
.scrollbarcommentfullpost .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbarcommentfullpost .scrollbar{ background-color:#f0f0f0;position: relative; float: right; width: 10px; }
.scrollbarcommentfullpost .track { height: 100%; width:10px; position: relative; }
.scrollbarcommentfullpost .thumb { background-color:#999;height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.scrollbarcommentfullpost .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scrollbarcommentfullpost .disable { display: none; }

.scrollbarchatcontent { width: 300px; margin:0; }
.scrollbarchatcontent .viewport { width:280px; height:400px;overflow: hidden; position: relative; }
.scrollbarchatcontent .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbarchatcontent .scrollbar{ background-color:#f0f0f0;position: relative; float: right; width: 10px; }
.scrollbarchatcontent .track { height: 100%; width:10px; position: relative; }
.scrollbarchatcontent .thumb { background-color:#999;height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.scrollbarchatcontent .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scrollbarchatcontent .disable { display: none; }

.scrollbarchatfriendlist { width: 200px; margin:0; }
.scrollbarchatfriendlist .viewport { width:190px; height:200px;overflow: hidden; position: relative; }/*height:200px;*/
.scrollbarchatfriendlist .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbarchatfriendlist .scrollbar{ background-color:#f0f0f0;position: relative; float: right; width: 10px; }
.scrollbarchatfriendlist .track { height: 100%; width:10px; position: relative; }
.scrollbarchatfriendlist .thumb { background-color:#999;height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.scrollbarchatfriendlist .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scrollbarchatfriendlist .disable { display: none; }


.scrollbarcontainertextfullpost { width: 400px; margin:0; }
.scrollbarcontainertextfullpost .viewport { width:390px; height:400px;overflow: hidden; position: relative; }
.scrollbarcontainertextfullpost .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbarcontainertextfullpost .scrollbar{ background-color:#f0f0f0;position: relative; float: right; width: 10px; }
.scrollbarcontainertextfullpost .track { height: 100%; width:10px; position: relative; }
.scrollbarcontainertextfullpost .thumb { background-color:#999;height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.scrollbarcontainertextfullpost .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scrollbarcontainertextfullpost .disable { display: none; }

#noti_others_scrollbar1 { width: 365px; margin: 10px 0 10px; }
#noti_others_scrollbar1 .viewport { width: 345px;  overflow: hidden; position: relative; }
#noti_others_scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#noti_others_scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#noti_others_scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#noti_others_scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#noti_others_scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#noti_others_scrollbar1 .disable { display: none; }

#noti_pm_scrollbar1 { width: 365px; margin: 10px 0 10px; }
#noti_pm_scrollbar1 .viewport { width: 345px;  overflow: hidden; position: relative; }
#noti_pm_scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#noti_pm_scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#noti_pm_scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#noti_pm_scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#noti_pm_scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#noti_pm_scrollbar1 .disable { display: none; }

#noti_friend_scrollbar1 { width: 365px; margin: 10px 0 10px; }
#noti_friend_scrollbar1 .viewport { width: 345px;  overflow: hidden; position: relative; }
#noti_friend_scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#noti_friend_scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#noti_friend_scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#noti_friend_scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#noti_friend_scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#noti_friend_scrollbar1 .disable { display: none; }

#terms_and_conditions_scrollbar { width: 980px; height:400px; margin: 10px 0 10px; }
#terms_and_conditions_scrollbar .viewport { width: 940px; height:400px;  overflow: hidden; position: relative; }
#terms_and_conditions_scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#terms_and_conditions_scrollbar .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#terms_and_conditions_scrollbar .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#terms_and_conditions_scrollbar .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#terms_and_conditions_scrollbar .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#terms_and_conditions_scrollbar .disable { display: none; }

#wallet_tac_scrollbar { width: 780px; height:200px; margin: 10px 0 10px; border:1px solid #333 }
#wallet_tac_scrollbar .viewport { width: 740px; height:200px;  overflow: hidden; position: relative; }
#wallet_tac_scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#wallet_tac_scrollbar .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#wallet_tac_scrollbar .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#wallet_tac_scrollbar .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#wallet_tac_scrollbar .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#wallet_tac_scrollbar .disable { display: none; }

.scrollbarfullpostcontent { width: 300px; margin:0; }
.scrollbarfullpostcontent .viewport { width:280px; height:400px;overflow: hidden; position: relative; }
.scrollbarfullpostcontent .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbarfullpostcontent .scrollbar{ background-color:#f0f0f0;position: relative; float: right; width: 10px; }
.scrollbarfullpostcontent .track { height: 100%; width:10px; position: relative; }
.scrollbarfullpostcontent .thumb { background-color:#999;height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.scrollbarfullpostcontent .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scrollbarfullpostcontent .disable { display: none; }