/* this is used for the toolbar at the top of the page */
.atx_gradient_neutral_soft {
    background: #EEEEEE; /* Old browsers */
    background: -moz-linear-gradient(top, #EEEEEE 0%, #EFEFEF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#EFEFEF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #EEEEEE 0%,#EFEFEF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #EEEEEE 0%,#EFEFEF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #EEEEEE 0%,#EFEFEF 100%); /* IE10+ */
    background: linear-gradient(to bottom, #EEEEEE 0%,#EFEFEF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
}

/* this is used for the dropdown menus that "hook on" to the bottom of the top toolbar */
.atx_gradient_toolbar_dropdown {
    background: -moz-linear-gradient(top, #E2E2E2 1%, #CCCCCC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#E2E2E2), color-stop(100%,#CCCCCC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E2E2E2 1%,#CCCCCC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E2E2E2 1%,#CCCCCC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E2E2E2 1%,#CCCCCC 100%); /* IE10+ */
    background: linear-gradient(to bottom, #E2E2E2 1%,#CCCCCC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2E2E2', endColorstr='#CCCCCC',GradientType=0 ); /* IE6-9 */
}

/* this is used for the toolbar that appears on the top of many pages */
.atx_gradient_toolbar_background {
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 1%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fafafa), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #fafafa 1%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #fafafa 1%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #fafafa 1%,#e2e2e2 100%);
    background: linear-gradient(to bottom, #fafafa 1%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e2e2e2',GradientType=0 );

}

/*this is the primary gradient background color of button elements; this shoudl be overridden 
for specific vendors; vendor-specific */
.atx_user_notifications .qtip-titlebar,
.atx_gradient_vendor_dark,
.atx_gradient_vendor_dark.ui-state-active.ui-state-default {
    background: #648bb7; /* Old browsers */
    background: -moz-linear-gradient(top, #648bb7 1%, #144984 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#648bb7), color-stop(100%,#144984)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #648bb7 1%,#144984 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #648bb7 1%,#144984 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #648bb7 1%,#144984 100%); /* IE10+ */
    background: linear-gradient(to bottom, #648bb7 1%,#144984 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648bb7', endColorstr='#144984',GradientType=0 ); /* IE6-9 */
    border-radius: 0;
}



    /*when a user hovers over a button, make it a little bit lighter to cue them in the fact that 
    the element is interactive*/
    .atx_gradient_vendor_dark:hover,
    .atx_toolbar_buttonset label.atx_gradient_vendor_dark:hover {
        background: #77a6d8; /* Old browsers */
        background: -moz-linear-gradient(top, #77a6d8 1%, #1a5fa8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#77a6d8), color-stop(100%,#1a5fa8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #77a6d8 1%,#1a5fa8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #77a6d8 1%,#1a5fa8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #77a6d8 1%,#1a5fa8 100%); /* IE10+ */
        background: linear-gradient(to bottom, #77a6d8 1%,#1a5fa8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77a6d8', endColorstr='#1a5fa8',GradientType=0 ); /* IE6-9 */
    }


    /*this is the background that shows up for disabled button elements; instaed of showing the primary 
        vendor color, we'll instead show a grey */
    .atx_gradient_vendor_dark.disabled,
    .atx_gradient_vendor_dark.disabled:hover,
    .atx_gradient_vendor_dark.disabled:focus,
    .atx_gradient_vendor_dark.ui-state-default.disabled {
        background: #9b9b9b; /* Old browsers */
        background: -moz-linear-gradient(top, #9b9b9b 0%, #666666 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b9b9b), color-stop(100%,#666666)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #9b9b9b 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #9b9b9b 0%,#666666 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #9b9b9b 0%,#666666 100%); /* IE10+ */
        background: linear-gradient(to bottom, #9b9b9b 0%,#666666 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b9b', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
    }

        /* this targets primarily the folder selection tool */
    .atx_toolbar_buttonset label.atx_gradient_vendor_dark {
        background: #EEEEEE; /* Old browsers */
        background: -moz-linear-gradient(top, #EEEEEE 1%, #BBBBBB 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#EEEEEE), color-stop(100%,#BBBBBB)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #EEEEEE 1%,#BBBBBB 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #EEEEEE 1%,#BBBBBB 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #EEEEEE 1%,#BBBBBB 100%); /* IE10+ */
        background: linear-gradient(to bottom, #EEEEEE 1%,#BBBBBB 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#BBBBBB',GradientType=0 ); /* IE6-9 */
    }