/* Tiny Scrollbar */

#scrollbarTwitter {

width: 190px;

margin: 10px 0 10px 20px;

}



#scrollbarTwitter .viewport {

width: 160px;

height: 380px;

overflow: hidden;

position: relative;

}



#scrollbarTwitter .overview {

list-style: none;

position: absolute;

left: 0;

top: 0;

padding: 0;

margin: 0;

}



#scrollbarInformation {

width: 270px;

margin: 10px 0 10px 20px;

}



#scrollbarInformation .viewport {

width: 240px;

height: 100px;

overflow: hidden;

position: relative;

}



#scrollbarInformation .overview {

list-style: none;

position: absolute;

left: 0;

top: 0;

padding: 0;

margin: 0;

}



#scrollbarTwitter .scrollbar,

#scrollbarInformation .scrollbar {

background: transparent url(../image/common_scroll_track.png) no-repeat 10px 0;

position: relative;

background-position: 0 0;

float: right;

width: 15px;

}



#scrollbarTwitter .track,

#scrollbarInformation .track {

background: transparent url(../image/common_scroll_track.png) no-repeat 0 100%;

height: 100%;

width: 13px;

position: relative;

padding: 0 1px;

}



#scrollbarTwitter .thumb,

#scrollbarInformation .thumb {

background: transparent url(../image/common_scroll_knob.png) no-repeat 50% 100%;

height: 20px;

width: 12px;

cursor: pointer;

overflow: hidden;

position: absolute;

top: 0;

left: -5px;

}



#scrollbarTwitter .thumb .end,

#scrollbarInformation .thumb .end {

background: transparent url(../images/common_scroll_knob.png) no-repeat 50% 0;

overflow: hidden;

height: 5px;

width: 12px;

}



#scrollbarTwitter .disable,

#scrollbarInformation .disable {

display: none;

}