.scrollable{position:relative}

.scrollable:focus{outline:0}

.scrollable .viewport{overflow:hidden;position:relative}

.scrollable .viewport .overview{position:absolute}

.scrollable .scroll-bar{display:none}

.scrollable .scroll-bar.vertical{position:absolute;right:0;height:100%}

.scrollable .scroll-bar.horizontal{position:relative;width:100%}

.scrollable .scroll-bar .thumb{position:absolute}

.scrollable .scroll-bar.vertical .thumb{width:100%;min-height:10px}

.scrollable .scroll-bar.horizontal .thumb{left:0;min-width:10px;height:100%}

.not-selectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

/* Default skin */
.scrollable.default-skin{padding-right:10px;padding-bottom:6px}

.scrollable.default-skin .scroll-bar.vertical{width:6px}

.scrollable.default-skin .scroll-bar.horizontal{height:6px}

.scrollable.default-skin .scroll-bar .thumb{border-radius:3px;background-color:#000;opacity:0.4;-moz-border-radius:4px;-webkit-border-radius:4px}

.scrollable.default-skin .scroll-bar:hover .thumb{opacity:0.6}

/* Gray skin */
.scrollable.gray-skin{padding-right:17px}

.scrollable.gray-skin .scroll-bar{border:1px solid gray;background-color:#d3d3d3}

.scrollable.gray-skin .scroll-bar .thumb{background-color:gray}

.scrollable.gray-skin .scroll-bar:hover .thumb{background-color:#000}

.scrollable.gray-skin .scroll-bar.vertical{width:10px}

.scrollable.gray-skin .scroll-bar.horizontal{height:10px;margin-top:2px}

/* Modern skin */
.scrollable.modern-skin{padding-right:17px}

.scrollable.modern-skin .scroll-bar{border:1px solid gray;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-box-shadow:inset 0 0 5px #888;-webkit-box-shadow:inset 0 0 5px #888;box-shadow:inset 0 0 5px #888}

.scrollable.modern-skin .scroll-bar .thumb{border-radius:4px;border:1px solid #536984;background-color:#95aabf;-moz-border-radius:4px;-webkit-border-radius:4px}

.scrollable.modern-skin .scroll-bar.vertical .thumb{width:8px;background:-moz-linear-gradient(left, #95aabf 0%, #547092 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));background:-webkit-linear-gradient(left, #95aabf 0%, #547092 100%);background:-o-linear-gradient(left, #95aabf 0%, #547092 100%);background:-ms-linear-gradient(left, #95aabf 0%, #547092 100%);background:linear-gradient(to right, #95aabf 0%, #547092 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf',endColorstr='#547092',GradientType=1 )&quot}

.scrollable.modern-skin .scroll-bar.horizontal .thumb{height:8px;background-image:linear-gradient(#95aabf, #547092);background-image:-o-linear-gradient(#95aabf, #547092);background-image:-moz-linear-gradient(#95aabf, #547092);background-image:-webkit-linear-gradient(#95aabf, #547092);background-image:-ms-linear-gradient(#95aabf, #547092);-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf',endColorstr='#547092',GradientType=0 )&quot}

.scrollable.modern-skin .scroll-bar.vertical{width:10px}

.scrollable.modern-skin .scroll-bar.horizontal{height:10px;margin-top:2px}
.notice_bubble_box{position:absolute;top:100px;left:100px;width:384px;height:236px;border:1px solid #afafaf;background:#fff}
.notice_bubble_box h4{height:25px;padding-left:7px;border-bottom:2px solid #afafaf;font-weight:bold;line-height:25px;color:#506d98}
.notice_bubble_box h4 .arrow{display:block;position:absolute;top:-9px;right:27px;width:10px;height:10px;background:url(arrow_tagging.png) no-repeat 0 0}
.notice_bubble_box .list_box li:first-child a{border-top:0 none}
.notice_bubble_box .list_box a{display:block;position:relative;height:26px;padding-left:7px;border-top:1px solid #afafaf;line-height:26px;font-size:11px;color:#333}
.notice_bubble_box .list_box a strong{padding-right:6px}
.notice_bubble_box .list_box .unchecked{background:#eaf2f9}
.notice_bubble_box .list_box a .date{position:absolute;top:0;right:6px}

.notice_bubble_box .list_box a:hover,.notice_bubble_box .list_box a:hover strong{color:#333;text-decoration:underline}
.notice_bubble_box .list_box a:hover .date{text-decoration:normal}
.notice_bubble_box .btn_go{display:block;height:20px;border-top:1px solid #afafaf;background:#f2f2f2;font-size:11px;line-height:20px;text-align:center}
.notice_bubble_box #vertical-scrollbar-demo{width:376px;height:188px}
.notice_bubble_box .scrollable.gray-skin{padding-right:8px}
.notice_bubble_box .overview{width:100%}
.notice_bubble_box .scrollable.gray-skin .scroll-bar.vertical{width:8px}
.notice_bubble_box .scrollable.gray-skin .scroll-bar{border:0 none;background:#f2f2f2}
.notice_bubble_box .scrollable.gray-skin .scroll-bar .thumb{background-color:#9a9a9a}
.notice_bubble_box .scrollable.gray-skin .scroll-bar:hover .thumb{background-color:#9a9a9a}