/* ---------- basic theme: these are the most necessary styles --------------------------------- */
.css-scrollbar.simple{
	width:286px;
	height:460px;
	margin:0px;
	overflow:hidden;
	float:left;
	-moz-box-shadow:none;
	border:none;
}

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

.scrollbar-handle-container {
    width: 20px;
}

.scrollbar-handle {
    width: 20px;
    background: #039;
}

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

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

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

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

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

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



/* ---------- simple theme --------------------------------------------------------------------- */

.simple .scrollbar-pane {
    margin-right: 16px;
}

.simple .scrollbar-handle-container {
    background:  #999;
    width: 15px;
}

.simple .scrollbar-handle-container.hover,
.simple .scrollbar-handle-container.move {
    background: #999;
}

.simple .scrollbar-handle, 
.simple .scrollbar-handle-up, 
.simple .scrollbar-handle-down {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAHCAYAAACcLcTKAAAAMklEQVR42mP4TwRgIBJQwwyGQWkZrR0+GDxPUO9gC2Gi3UNpqFArpIdFUh3UGZqY0gwAQe422HjkstgAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
}


/* handle */
.simple .scrollbar-handle {
    width: 13px;
    border: 1px solid #D4AE31;
	background-color: #D4AE31;
	background-position: -16px 50%;
}

.simple .scrollbar-handle:hover {
    border: 1px solid #D4AE31;
}

.simple .scrollbar-handle.move {
    border: 1px solid #D4AE31;
    background-color: #D4AE31;
}


/* arrow up */
.simple .scrollbar-handle-up {
    width: 13px;
    height: 13px;
    border: 1px solid #D4AE31;
    background-color: #D4AE31;
	background-position: -34px 2px;
	margin-bottom: 1px;
}

.simple .scrollbar-handle-up.hover,
.simple .scrollbar-handle-up:hover {
    border: 1px solid #D4AE31;
}

.simple .scrollbar-handle-up.move {
    background-color: #D4AE31;
}


/* arrow down */
.simple .scrollbar-handle-down {
    width: 13px;
    height: 13px;
    border: 1px solid #D4AE31;
    background-color: #D4AE31;
	background-position: 2px 4px;
	margin-top: 1px;
}

.simple .scrollbar-handle-down.hover,
.simple .scrollbar-handle-down:hover {
    border: 1px solid #D4AE31;
}

.simple .scrollbar-handle-down.move {
    background-color: #D4AE31;
}



/* ---------- 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-up {
    width: 12px;
    height: 18px;
}

.fff .scrollbar-handle-down {
    width: 12px;
    height: 18px;
}

/*here*/

/* ---------- basic theme: these are the most necessary styles --------------------------------- */
	.css-scrollbar.simple2{
	width:286px;
	height:270px;
	margin:0px;
	overflow:hidden;
	float:left;
	-moz-box-shadow:none;
	border:1px solid #000046;
}


/* ---------- simple theme --------------------------------------------------------------------- */

.simple2 .scrollbar-pane {
    margin-right: 16px;
}

.simple2 .scrollbar-handle-container {
    background:  #999;
    width: 15px;
}

.simple2 .scrollbar-handle-container.hover,
.simple2 .scrollbar-handle-container.move {
    background: #999;
}

.simple2 .scrollbar-handle, 
.simple2 .scrollbar-handle-up, 
.simple2 .scrollbar-handle-down {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAHCAYAAACcLcTKAAAAMklEQVR42mP4TwRgIBJQwwyGQWkZrR0+GDxPUO9gC2Gi3UNpqFArpIdFUh3UGZqY0gwAQe422HjkstgAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
}


/* handle */
.simple2 .scrollbar-handle {
    width: 13px;
    border: 1px solid #000066;
	background-color: #000066;
	background-position: -16px 50%;
}

.simple2 .scrollbar-handle:hover {
    border: 1px solid #000066;
}

.simple2 .scrollbar-handle.move {
    border: 1px solid #000066;
    background-color: #000066;
}


/* arrow up */
.simple2 .scrollbar-handle-up {
    width: 13px;
    height: 13px;
    border: 1px solid #000066;
    background-color: #000066;
	background-position: -34px 2px;
	margin-bottom: 1px;
}

.simple2 .scrollbar-handle-up.hover,
.simple2 .scrollbar-handle-up:hover {
    border: 1px solid #000066;
}

.simple2 .scrollbar-handle-up.move {
    background-color: #000066;
}


/* arrow down */
.simple2 .scrollbar-handle-down {
    width: 13px;
    height: 13px;
    border: 1px solid #000066;
    background-color: #000066;
	background-position: 2px 4px;
	margin-top: 1px;
}

.simple2 .scrollbar-handle-down.hover,
.simple2 .scrollbar-handle-down:hover {
    border: 1px solid #000066;
}

.simple2 .scrollbar-handle-down.move {
    background-color: #000066;
}

/*here 2*/

/* ---------- basic theme: these are the most necessary styles --------------------------------- */
	.css-scrollbar.simple3{
	width:284px;
	height:260px;
	margin:0px;
	overflow:hidden;
	float:left;
	-moz-box-shadow:none;
	border:1px solid #000046;
	font-style: normal;
}


/* ---------- simple theme --------------------------------------------------------------------- */

.simple3 .scrollbar-pane {
    margin-right: 16px;
}

.simple3 .scrollbar-handle-container {
    background:  #999;
    width: 15px;
}

.simple3 .scrollbar-handle-container.hover,
.simple3 .scrollbar-handle-container.move {
    background: #999;
}

.simple3 .scrollbar-handle, 
.simple3 .scrollbar-handle-up, 
.simple3 .scrollbar-handle-down {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAHCAYAAACcLcTKAAAAMklEQVR42mP4TwRgIBJQwwyGQWkZrR0+GDxPUO9gC2Gi3UNpqFArpIdFUh3UGZqY0gwAQe422HjkstgAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
}


/* handle */
.simple3 .scrollbar-handle {
    width: 13px;
    border: 1px solid #000074;
	background-color: #000074;
	background-position: -16px 50%;
}

.simple3 .scrollbar-handle:hover {
    border: 1px solid #000074;
}

.simple3 .scrollbar-handle.move {
    border: 1px solid #000074;
    background-color: #000074;
}


/* arrow up */
.simple3 .scrollbar-handle-up {
    width: 13px;
    height: 13px;
    border: 1px solid #000074;
    background-color: #000074;
	background-position: -34px 2px;
	margin-bottom: 1px;
}

.simple3 .scrollbar-handle-up.hover,
.simple3 .scrollbar-handle-up:hover {
    border: 1px solid #000074;
}

.simple3 .scrollbar-handle-up.move {
    background-color: #000074;
}


/* arrow down */
.simple3 .scrollbar-handle-down {
    width: 13px;
    height: 13px;
    border: 1px solid #000074;
    background-color: #000074;
	background-position: 2px 4px;
	margin-top: 1px;
}

.simple3 .scrollbar-handle-down.hover,
.simple3 .scrollbar-handle-down:hover {
    border: 1px solid #000074;
}

.simple3 .scrollbar-handle-down.move {
    background-color: #000074;
}

/*here 3*/

/* ---------- basic theme: these are the most necessary styles --------------------------------- */
	.css-scrollbar.simple4{
	width:388px;
	height:820px;
	margin:0px;
	overflow:hidden;
	float:left;
	-moz-box-shadow:none;
	border:1px solid #000046;
	background-color: #fafcff;
}


/* ---------- simple theme --------------------------------------------------------------------- */

.simple4 .scrollbar-pane {
    margin-right: 16px;
}

.simple4 .scrollbar-handle-container {
    background:  #999;
    width: 15px;
}

.simple4 .scrollbar-handle-container.hover,
.simple4 .scrollbar-handle-container.move {
    background: #999;
}

.simple4 .scrollbar-handle, 
.simple4 .scrollbar-handle-up, 
.simple4 .scrollbar-handle-down {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAHCAYAAACcLcTKAAAAMklEQVR42mP4TwRgIBJQwwyGQWkZrR0+GDxPUO9gC2Gi3UNpqFArpIdFUh3UGZqY0gwAQe422HjkstgAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
}


/* handle */
.simple4 .scrollbar-handle {
    width: 13px;
    border: 1px solid #000074;
	background-color: #000074;
	background-position: -16px 50%;
}

.simple4 .scrollbar-handle:hover {
    border: 1px solid #000074;
}

.simple4 .scrollbar-handle.move {
    border: 1px solid #000074;
    background-color: #000074;
}


/* arrow up */
.simple4 .scrollbar-handle-up {
    width: 13px;
    height: 13px;
    border: 1px solid #000074;
    background-color: #000074;
	background-position: -34px 2px;
	margin-bottom: 1px;
}

.simple4 .scrollbar-handle-up.hover,
.simple4 .scrollbar-handle-up:hover {
    border: 1px solid #000074;
}

.simple4 .scrollbar-handle-up.move {
    background-color: #000074;
}


/* arrow down */
.simple4 .scrollbar-handle-down {
    width: 13px;
    height: 13px;
    border: 1px solid #000074;
    background-color: #000074;
	background-position: 2px 4px;
	margin-top: 1px;
}

.simple4 .scrollbar-handle-down.hover,
.simple4 .scrollbar-handle-down:hover {
    border: 1px solid #000074;
}

.simple4 .scrollbar-handle-down.move {
    background-color: #000074;
}