/* Stylesheet for chaos2 toolbars. */
/* Copyright(c) 2001, Justin David Smith. */
/* ALL RIGHTS RESERVED */
/* See chaos2.org/style/toolbar.css */
/* Used with permission */


/* NOTE:
   MSIE 5.5 does not appear to support absolute positioning
   and really screws up with the float boxes, as well. However,
   the toolbar is still readable so the bugs are noncritical
   (unlike the Netscape fiasco).

   Validated to work correctly on:
      Konqueror 2.2.1
      Mozilla 0.9.5 
      Opera (5.05tp1) - buggy but tolerable

   Guaranteed not to work on Netscape 4.x.
 */



/***  Adjustment for spacing at top  ***/


/* For toolbars, we need to adjust the body margins a bit
   so that a space will be left at the top of the page (so
   the toolbar doesn't end up masking relevant text). */
BODY {
   margin-left:   0.5em;
   margin-right:  0.5em;
   margin-bottom: 0.5em;
   margin-top:    0em;
}
DIV.spacer-primary {
   height:        1.2em;
}
DIV.spacer-secondary {
   height:        2.5em;
}



/***  Toolbar Formatting  ***/


DIV.toolbar {
   /* Anchor the toolbar to the top of the page */
   position:         fixed; 
   left:             0em; 
   top:              0em; 
   right:            auto; 
   bottom:           auto; 
   width:            100%;
   
   /* Margins and left/right paddings at this level seem 
      to cause problems in both konqueror and also mozilla, 
      so for now we require that if the child wants padding,
      the child has to deal with it themselves. */
   margin:           0em;
   padding:          0em;

   /* Toolbars are not transparent */
   color:            inherit;
   background:       inherit;    /* #000000; */
   border-bottom:    thin solid; /* #8080FF; */
   
   /* Setup default font for the toolbar */
   font-family:      helvetica, arial, sans-serif;
   font-size:        0.75em;
}


/* Formatting for all contained boxes */
DIV.toolbar DIV {
   margin:           0em;
   padding-top:      0em;
   padding-bottom:   0em;
   padding-left:     0.5em;
   padding-right:    0.5em;
   clear:            both;
}

/* Formatting for primary row */
DIV.toolbar DIV.toolprimary {
   text-align:       right;
}

DIV.toolbar DIV.toolprimary SPAN.toolleft {
   /* This formats the LEFT span */
   float:            left;
   text-align:       left;
}

DIV.toolbar DIV.toolprimary SPAN.toolright {
   /* This formats the RIGHT span */
   float:            right; 
   text-align:       right;
}

/* Formatting for secondary row (if applicable) */
DIV.toolbar DIV.toolsecondary {
   /* Formatting for a secondary toolbar (if applicable) */
   /*padding-top:      0.5em;*/
   padding-bottom:   1pt;
   text-align:       center;
}   

