/*******************************************************************************
File: menu-v37.css
Date: Oct 17 2009
Author: Thayer Fox
Description: Replaces toolbar page load throbber with custom rotor image.  Also 
             replaces throbber on tabs with FF3.7 progress style tab images.
Revision History: rev1.11.24.08 - added FF3.7 style tab loading images.
********************************************************************************/
@import url("chrome://global/skin/");

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

toolbar #navigator-throbber { list-style-image: url("static16.png") !important; }
toolbar #navigator-throbber[busy="true"] { list-style-image: url("throbber16.png") !important; opacity: 1 !important}
toolbar #navigator-throbber { min-width: 16px !important; min-height: 16px !important; }

toolbar[iconsize="small"] #navigator-throbber { list-style-image: url("static20.png") !important; }
toolbar[iconsize="small"] #navigator-throbber[busy="true"] { list-style-image: url("throbber20.png") !important; opacity: 1 !important }
toolbar[iconsize="small"] #navigator-throbber { min-width: 20px !important; min-height: 20px !important; }

toolbar[iconsize="large"] #navigator-throbber { list-style-image: url("static24.png") !important; }
toolbar[iconsize="large"] #navigator-throbber[busy="true"] { list-style-image: url("throbber24.png") !important; opacity: 1 !important}
toolbar[iconsize="large"] #navigator-throbber { min-width: 24px !important; min-height: 24px !important; }

/* Tab throbber FF3.7 */
#content tab[busy] .tab-icon-image { 
  list-style-image: url("progress.png") !important;
  /*-moz-image-region: rect(0, 16px, 16px, 0);*/
}      

#content tab[busy][stalled] .tab-icon-image {
  list-style-image: url("progress-pulsing.png") !important;
}

#content tab[busy][progress="1"] .tab-icon-image {
  -moz-image-region: rect(0, 32px, 16px, 16px);
}
#content tab[busy][progress="2"] .tab-icon-image {
  -moz-image-region: rect(0, 48px, 16px, 32px);
}
#content tab[busy][progress="3"] .tab-icon-image {
  -moz-image-region: rect(0, 64px, 16px, 48px);
}
#content tab[busy][progress="4"] .tab-icon-image {
  -moz-image-region: rect(0, 80px, 16px, 64px);
}
#content tab[busy][progress="5"] .tab-icon-image {
  -moz-image-region: rect(0, 96px, 16px, 80px);
}
#content tab[busy][progress="6"] .tab-icon-image {
  -moz-image-region: rect(0, 112px, 16px, 96px);
}
#content tab[busy][progress="7"] .tab-icon-image {
  -moz-image-region: rect(0, 128px, 16px, 112px);
}
#content tab[busy][progress="8"] .tab-icon-image {
  -moz-image-region: rect(0, 144px, 16px, 128px);
}
#content tab[busy][progress="9"] .tab-icon-image {
  -moz-image-region: rect(0, 48px, 16px, 32px);
}