/* ---------- basic theme: these are the most necessary styles --------------------------------- */


.css-scrollbar{
	width:310px;
	height:320px;
	margin:0px;
	overflow:hidden;
	float:left;
	background:#FFF;
	border:0 solid #B2B2B2;
}
.css-scrollbar p{margin:0;padding:8px;line-height:1.4;}

.scrollbar-pane {
    margin-right: 20px;
}

.scrollbar-handle-container {
    background: #EEE;
    width: 5px;
}

.scrollbar-handle {
    width: 5px;
    background: #999;
}

.scrollbar-handle:hover {
    background: #666;
}

.scrollbar-handle.move {
    background: #111;
}

.scrollbar-handle-up {
    width: 5px;
    height: 20px;
    background: #DDD;
}

.scrollbar-handle-up:hover {
    background: #666;
}

.scrollbar-handle-down {
    width: 5px;
    height: 20px;
    background: #DDD;
}

.scrollbar-handle-down:hover {
    background: #666;
}



/* ---------- culture scrollbar --------------------------------------------------------------------- */

.css-scrollbar2{
	width:310px;
	height:270px;
	margin:0px;
	overflow:hidden;
	float:left;
	background:#FFF;
	border:0 solid #B2B2B2;
}
.css-scrollbar2 p{margin:0;padding:8px;line-height:1.4;}

.scrollbar-pane2 {
    margin-right: 20px;
}

.scrollbar-handle-container2 {
    background: #EEE;
    width: 5px;
}

.scrollbar-handle2 {
    width: 5px;
    background: #999;
}

.scrollbar-handle2:hover {
    background: #666;
}

.scrollbar-handle2.move {
    background: #111;
}

.scrollbar-handle-up2 {
    width: 5px;
    height: 20px;
    background: #DDD;
}

.scrollbar-handle-up2:hover {
    background: #666;
}

.scrollbar-handle-down2 {
    width: 5px;
    height: 20px;
    background: #DDD;
}

.scrollbar-handle-down2:hover {
    background: #666;
}