
#sidebar-box 
  {
    border-left           : 1px solid threedshadow;
    border-top            : 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("resource:/res/rdf/loading.gif"); 
  }

.sidebarheader-main 
  {
    border-left           : 1px solid threedhighlight;
    border-top            : 1px solid threedhighlight;
    border-right          : 1px solid threedshadow;
    border-bottom         : 1px solid threedshadow;
    background-color      : threedface;
    padding               : 3px 5px 3px 6px;
    background-image      : url("chrome://communicator/skin/smallheader-bg.gif");
  }

.sidebar-header-text  
  {
    font-weight           : bold;
  }
  
/**
 * texttab folder lookalike e.g. for sidebar panel headers
 */
  .box-texttab
    {
      behavior            : url("chrome://communicator/skin/sidebar/sidebarSplitterBindings.xml#panelheader");
      background-color    : threedface;
      border-left         : 1px solid threedhighlight;
      border-top          : 1px solid threedhighlight;
      border-right        : 1px solid threedshadow;
      border-bottom       : 1px solid threedshadow;
    }
    
  .box-texttab[last-panel="true"], .box-texttab[selected="true"]
    {
      margin-bottom       : 0px;
    }
      
  .panelheader-box-1
    {
      border              : 1px solid threedface;
      padding             : 3px 5px 3px 6px;
    }

  .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-left         : 1px solid threeddarkshadow;
      border-top          : 1px solid threeddarkshadow;
      border-right        : 1px solid threedhighlight;
      border-bottom       : 1px solid threedhighlight;
    }

  .box-texttab:hover:active > .panelheader-box-1
    {
      border-left         : 1px solid threedshadow;
      border-top          : 1px solid threedshadow;
      border-right        : 1px solid threedface;
      border-bottom       : 1px solid threedface;
    }
    
.sidebar-iframe-no-panels, .loadarea
  {
    background-color      : #FFFFFF;
  }
  
.iframe-panel
  {
    border-left           : 1px solid threedhighlight;
    border-bottom         : 1px solid threedshadow;
  }  