
}

}
/* ---------- basic theme: these are the most necessary styles --------------------------------- */



/* ---------- simple theme --------------------------------------------------------------------- */

.simple .scrollbar-pane {
    margin-right: 16px;
}

.simple .scrollbar-handle-container {
    background: #111111;
    width: 15px;
}

.simple .scrollbar-handle-container.hover,
.simple .scrollbar-handle-container.move {
    background: #111;
}


	background-image: url(../images/scrolarrows.png);
	background-repeat: no-repeat;
}


/* handle */
.simple .scrollbar-handle {
    width: 13px;
    border: 1px solid #292929;
	background-color: #1a1a1a;
	background-position: -16px 50%;
}

.simple .scrollbar-handle:hover {
    border: 1px solid #292929;
}

.simple .scrollbar-handle.move {
    border: 1px solid #292929;
    background-color: #222222;
}


/* arrow up */


handle-up



/* arrow down */
.simple .scrollbar-handle-down {
    width: 13px;
    height: 13px;
    border: 1px solid #111111;
    background-color: #111111;
	background-position: 2px 4px;
}

.simple .scrollbar-handle-down.hover,
.simple .scrollbar-handle-down:hover {
    border: 1px solid #111111;
}

.simple .scrollbar-handle-down.move {
    background-color: #111111;
}



/* ---------- fff theme ----------------------------------------------------------------- */

ul.fff {
    padding: 0;
}

.fff .scrollbar-pane {
    margin-right: 12px;
}

.fff .scrollbar-handle-container {
    background: #EEE;
    width: 12px;
}

.fff .scrollbar-handle {
    width: 12px;
	background-color: #CCC;
}

.fff .scrollbar-handle:hover {
    background-color: #999;
}

.fff .scrollbar-handle.move {
    background-color: #666;
}



.fff .scrollbar-handle-down {
    width: 12px;
    height: 18px;
}

