/**************
 * Scrollbars *
 **************/

.scrollbar {
   -GtkRange-trough-border: 0;
    -GtkRange-arrow-scaling: 0.444;
    -GtkRange-slider-width: 14;
    -GtkRange-stepper-size: 0;

    -GtkScrollbar-min-slider-length: 30;
}

.scrollbar.trough {
     background-image: -gtk-gradient (linear,
				     left top, right top,
				     from (#E8E6E5),
				     to (#F1F1F1);
    background-color: shade (@base_color, 1.0);
    border: 0 solid #AAAAAA;
    border-radius: 7;
}

.scrollbar.slider,
.scrollbar.button {
    background-image: -gtk-gradient (linear,
                                     left top, right top,
                                     from (@button_gradient_color_a),
                                     to (@button_gradient_color_b);
    background-color: #999999;
    border-color: #AAAAAA;
    border-radius: 5;
    border-width: 1;
    -unico-inner-stroke-color: alpha(#fff,0.8);
    
}
.scrollbar.slider.horizontal,
.scrollbar.button.horizontal {
    background-image: -gtk-gradient (linear,
                                     left top, left bottom,
                                     from (@button_gradient_color_a),
                                     color-stop (0.30, shade (@button_gradient_color_a, 1.10)),
                                     to (@button_gradient_color_b);
}
.scrollbar.trough.horizontal {
    background-image: -gtk-gradient (linear,
				     left top, left bottom,
				     from (#E8E6E5),
				     to (#F1F1F1);
}
.scrollbar.slider.horizontal:prelight {
    background-image: -gtk-gradient (linear,
                                     left top, left bottom,
                                     from (@button_hover_gradient_color_a),
				     color-stop (0.40, shade(@button_hover_gradient_color_b, 1.10)),
                                     to (@button_hover_gradient_color_b));
}

.scrollbar.slider.horizontal:prelight:active {
    background-image: -gtk-gradient (linear,
                                     left top, left bottom,
                                     from (shade (@button_gradient_color_a, 0.96)),
                                     to (shade (@button_gradient_color_b,0.96));
}
.scrollbar.button {
   display: none;
}

.scrollbar.slider:prelight {
    background-image: -gtk-gradient (linear,
                                     left top, right top,
                                     from (@button_hover_gradient_color_a),
				     color-stop (0.40, shade(@button_hover_gradient_color_b, 1.10)),
                                     to (@button_hover_gradient_color_b));

    border-color:#AAAAAA;
    border-width: 1;
}

.scrollbar.slider:prelight:active {
    background-image: -gtk-gradient (linear,
                                     left top, right top,
                                     from (shade (@button_gradient_color_a, 0.96)),
                                     to (shade (@button_gradient_color_b,0.96));
    border-color: #AAAAAA;
}

.scrollbar.button {
    color: @internal_element_color;
}

.scrollbar.button:prelight {
    background-image: none;
    background-color: @theme_base_color;
    border-color: shade (@highlighted_border, 0.964)
}

.scrollbar.button:prelight:active {
    background-image: none;
    background-color: @theme_base_color;
    border-color: shade (@highlighted_border, 0.964)
}

.scrollbar.button:insensitive {
    color: lighter (@internal_element_color);
    background-color: @theme_base_color;
}

.scrollbar.slider:insensitive {
    background-color: @theme_base_color;
}

.scrollbar.trough:insensitive {
    background-color: shade (@theme_bg_color, 0.882);
}


