/*----------------------------------------------------------------------------*\
 * STYLESHEET:  SpinCalc.css
 * PURPOSE:     SpinCalc style sheet.
 * TYPE:        text/css
 * DATE:        2000/01/26  T.W.H.
 *              2002/08/08  T.W.H.  better conformance in newer browsers
\*----------------------------------------------------------------------------*/

/*
 * General stuff.
 *
 * I've tried to get the IMG.led element to align with the INPUT and SELECT
 * elements, but it seems hopeless in Netscape 4, even though I designed the
 * image with the same height as the INPUT element.  Netscape 4 doesn't fully
 * support the vertical-align attribute.
 */
   BODY        { quotes:           "\201C" "\201D" "\2018" "\2019";
                 color:            black;
                 background-color: white; }

   EM          { font-style:       italic; }

   STRONG      { font-weight:      bold; }

   HR          { margin-top:       1em;
                 margin-bottom:    0em; }

   FORM        { color:            black;
                 background-color: silver;
                 margin-left:      0em;
                 margin-right:     0em;
                 padding-left:     1em;
                 padding-right:    1em;
                 padding-top:      0em;
                 padding-bottom:   0em; }

   HR.fieldsep { margin-top:       0em;
                 margin-bottom:    0em; }

   DIV.banner  { text-align:       center;
                 margin:           auto;   }

   INPUT       { color:            black;
                 background-color: white;
                 display:          inline;
                 vertical-align:   middle; }

   SELECT      { color:            black;
                 background-color: white;
                 display:          inline;
                 vertical-align:   middle; }

   TABLE       { margin-top:       1em;
                 margin-bottom:    0em; }
/*
 * The IMG color and background-color specifications are to hide image borders
 * in anchors, where Netscape ignores border-width and border-style.
 */
   IMG         { border-width:     0px;
                 border-style:     none;
                 display:          inline; }

   IMG.anchor  { color:            #fefefe;
                 background-color: #ffffff;     }

   IMG.math    { text-align:       left;
                 vertical-align:   text-bottom; }
   IMG.text    { text-align:       left;
                 vertical-align:   baseline; }
   IMG.led     { text-align:       left;
                 vertical-align:   middle; }
/*
 * Other stuff.
 */
   H1 { text-align:          center;
        margin-left:         auto;
        margin-right:        auto;
        margin-top:          0em;
        margin-bottom:       0em; }

   H2 { text-align:          left;
        margin-left:         0em;
        margin-right:        auto;
        margin-top:          1em;
        margin-bottom:       0em; }

   H3 { text-align:          left;
        margin-left:         0;
        margin-right:        auto;
        margin-top:          1em;
        margin-bottom:       0em; }

   P            { text-align:      left;
                  text-indent:     0em;
                  margin-left:     0em;
                  margin-right:    auto;
                  margin-top:      1em;
                  margin-bottom:   0em; }

   P.banner     { text-align:      center;
                  margin-left:     auto;
                  margin-right:    auto;
                  margin-top:      0em;
                  margin-bottom:   2em; }

   P.copyright  { margin-left:     2em;
                  margin-right:    2em;
                  margin-top:      2em;
                  margin-bottom:   0em; }

   P.led-def    { text-indent:    -2em;
                  padding-left:    3em;
                  padding-right:   0em;
                  padding-top:     0em;
                  padding-bottom:  0em; }

   P.tbl-name   { text-align:      left;
                  text-indent:     0em;
                  margin-left:     1em;
                  margin-right:    0.5em;
                  margin-top:      0em;
                  margin-bottom:   0em; }

   P.tbl-year   { text-align:      center;
                  text-indent:     0em;
                  margin-left:     0.5em;
                  margin-right:    0.5em;
                  margin-top:      0em;
                  margin-bottom:   0em; }

   P.tbl-number { text-align:      center;
                  text-indent:     0em;
                  margin-left:     0.5em;
                  margin-right:    0.5em;
                  margin-top:      0em;
                  margin-bottom:   0em; }

   P.note-num    { width:          3em;
                   text-indent:    0em;
                   text-align:     right;
                   margin-left:    auto;
                   margin-right:   0em; }

   P.note-text   { text-indent:    0em;
                   margin-left:    1em;
                   margin-right:   auto; }

   P.biblio      { text-indent:   -2em;
                   padding-left:   2em;
                   padding-right:  0em;
                   padding-top:    0em;
                   padding-bottom: 0em;
                   margin-left:    0em;
                   margin-right:   0em;
                   margin-top:     1em;
                   margin-bottom:  0em; }

   TH            { vertical-align: top; }
   TD            { vertical-align: top; }

   SPAN.title-book           { font-style: italic; }
   SPAN.title-journal        { font-style: italic; }
   SPAN.title-periodical     { font-style: italic; }
   SPAN.title-proceedings    { font-style: italic; }
   SPAN.title-film           { font-style: italic; }
   SPAN.title-article:before { content: open-quote;  }
   SPAN.title-article:after  { content: close-quote; }

   VAR.vector { font-style:  normal;
                font-weight: bold; }

   VAR.scalar { font-style:  italic;
                font-weight: normal; }

   A:link    { color:            blue;
               background-color: white;
               text-decoration:  none;
               text-transform:   inherit; }

   A:visited { color:            purple;
               background-color: white;
               text-decoration:  none;
               text-transform:   inherit; }

   A:hover   { color:            blue;
               background-color: yellow;
               text-decoration:  none;
               text-transform:   inherit; }

   A:active  { color:            blue;
               background-color: yellow;
               text-decoration:  underline;
               text-transform:   inherit; }

   A.textbtn:link    { color:            blue;
                       background-color: silver;
                       font-weight:      bold;
                       text-decoration:  none;
                       text-transform:   none; }
   A.textbtn:visited { color:            purple;
                       background-color: silver;
                       font-weight:      bold;
                       text-decoration:  none;
                       text-transform:   none; }
   A.textbtn:hover   { color:            blue;
                       background-color: yellow;
                       font-weight:      bold;
                       text-decoration:  none;
                       text-transform:   none; }
   A.textbtn:active  { color:            black;
                       background-color: lime;
                       font-weight:      bold;
                       text-decoration:  none;
                       text-transform:   none; }