
#sidebar-splitter 
  {
    border-top            : 1px solid ThreeDHighlight;
  }

#sidebar-box 
  {
    border-left           : 1px solid ThreeDShadow;
    border-right          : 1px solid ThreeDHighlight;
    border-bottom         : 1px solid ThreeDHighlight;
    background-color      : AppWorkspace;
  }

.text-panel-loading 
  {
    margin                : 5px 0px;
  }

.image-panel-loading 
  {
    margin                : 5px;
    list-style-image      : url("chrome://global/skin/loading.gif"); 
  }

.sidebarheader-main 
  {
    border                : 1px outset InactiveCaption;
    background-color      : InactiveCaption;
    color                 : InactiveCaptionText;
    padding               : 1px 2px 1px 6px;
  }
  
#sidebar-panel-picker
  {
    color                 : InactiveCaptionText !important;
  }
  
#sidebar-panel-picker:hover
  {
    color                 : InactiveCaptionText !important;
  }

.sidebar-header-text  
  {
    font-weight           : bold;
  }

.sidebar-header-grippy
  { 
    /* This image still has to be added to the tree (8/8/00).  I'll do it after german's approval */
    list-style-image	    : url("chrome://global/skin/grippy-short-vert-after.gif");
  	background-color	    : ThreeDFace;
  	max-width			        : 32px;
  	height				        : 4px;
  }

#sidebar-title-box[state="collapsed"] > .sidebar-header-grippy 
  {
    /* This image still has to be added to the tree (8/8/00).  I'll do it after german's approval */
    list-style-image	    : url("chrome://global/skin/grippy-short-vert-before.gif"); 
  }
  
.menubutton-toolbar-single-dropmarker[menubuttontype="sidebar-panels"]
  {
    list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");  
    margin-left           : 2px;
  }

/**
 * texttab folder lookalike e.g. for sidebar panel headers
 */
  .box-texttab
    {
      -moz-binding        : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#panelheader");
      background-color    : ThreeDFace;
      color               : ButtonText;
      cursor              : pointer;
    }

  .box-texttab,
  .box-texttab[selected="true"],
  .box-texttab[selected="true"]:hover,
  .box-texttab[selected="true"]:hover:active
    {
      border-left         : 1px solid ThreeDHighlight;
      border-top          : 1px solid ThreeDHighlight;
      border-right        : 1px solid ThreeDShadow;
      border-bottom       : 1px solid ThreeDShadow;
    }
    
  .panelheader-box-1,
  .box-texttab[selected="true"]:hover > .panelheader-box-1
    {
      border              : 1px solid transparent;
      padding             : 2px 1px 2px 0px;
    }
    
  .panelheader-grippy-icon
    {
      margin              : 2px 7px 0px 7px;
      list-style-image    : url("chrome://global/skin/tbg-twisty-collapsed.gif");
    }

  .panelheader-texture
    {
      margin              : 1px 0px 1px 0px;
      background-image    : url("chrome://global/skin/toolbargrippy-texture.gif");
      background-position : 50% 0%;
      background-repeat   : repeat-y; 
      width               : 12px;
    }

  .box-texttab:hover
    {
      border-right          : 1px solid ThreeDDarkShadow;
      border-bottom         : 1px solid ThreeDDarkShadow;
    }
    
  .box-texttab:hover > .panelheader-box-1
    {
      border-right          : 1px solid ThreeDShadow;
      border-bottom         : 1px solid ThreeDShadow;
    }

  .box-texttab:hover:active
    {
      border                : 1px solid ThreeDShadow;
    }
    
  .box-texttab:hover:active > .panelheader-box-1
    {
      border                : 1px solid transparent;
    }

  .box-texttab[selected="true"],
  .box-texttab[selected="true"]:hover
    {
      font-weight           : bold;
      cursor                : default;
    }

  .box-texttab[last-panel="true"], 
  .box-texttab[selected="true"]
    {
      margin-bottom       : 0px;
    }

  .panelheader-grippy-icon[selected="true"]
    {
      margin              : 2px 5px 0px 5px;
      list-style-image    : url("chrome://global/skin/toolbargrippy-twisty.gif");
    }

  .sidebar-iframe-no-panels, .loadarea
    {
      background-color      : -moz-field;
    }
    
  .iframe-panel
    {
      border-left           : 1px solid ThreeDHighlight;
      border-bottom         : 1px solid ThreeDShadow;
      border-right          : 1px solid ThreeDShadow;
    }  

    
