/* AGENT_SHEET */
#defaultFontSize
{
    width:45px !important;
}

scrollbar
{
    -moz-appearance: none !important;
    -moz-transition: opacity .2s !important;
    background: transparent !important;
    opacity: 0.5 !important;
}
    scrollbar[orient="vertical"]
    {
        width: 10px !important;
        border-width: 0 0 4px 0 !important;
    }
    
    scrollbar[orient="horizontal"]
    {
        height: 10px !important;
        border-width: 0 0 0 4px !important;
    }

    scrollbar:hover
    {
        background-color: rgba(0,0,0,.05) !important;
        opacity: 1 !important;
    }

    scrollbar[orient="vertical"]:hover
    {
        box-shadow: inset 1px 0 0 rgba(0,0,0,.1) !important;
    }
    
    scrollbar[orient="horizontal"]:hover
    {
        box-shadow: inset 0 1px 0 rgba(0,0,0,.1) !important;
    }

    scrollbar:active
    {
        background-color: rgba(0,0,0,.05) !important;
    }

    scrollbar[orient="vertical"]:active
    {
        box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07) !important;
    }
    
    scrollbar[orient="horizontal"]:active
    {
        box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07) !important;
    }

scrollbarbutton[sbattr="scrollbar-up-top"],
scrollbarbutton[sbattr="scrollbar-down-top"],
scrollbarbutton[sbattr="scrollbar-up-bottom"],
scrollbarbutton[sbattr="scrollbar-down-bottom"]
{
    -moz-appearance: none !important;
    display: none !important;
}

scrollbar thumb
{
    -moz-appearance: none !important;
    -moz-transition: background-color .2s !important;
    background-color: rgba(0,0,0,.2) !important;
    border: none !important;
}
    scrollbar thumb[orient="horizontal"]
    {
        min-width: 28px !important;
        box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07) !important;
    }

    scrollbar thumb[orient="vertical"]
    {
        min-height: 28px !important;
        box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07) !important;
    }
    
    scrollbar thumb:hover
    {
        background-color: rgba(0,0,0,.4) !important;
        box-shadow: inset 1px 1px 1px rgba(0,0,0,.25) !important;
    }

    scrollbar thumb:active
    {
        background-color: rgba(0,0,0,0.5) !important;
        box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35) !important;
    }