/* --------------------------- msyms.css --------------------------------*/
   /*  All of these tasks can be done with <tag style= (lots of stuff ) >.  */
   /*  This is mainly a way to keep the sources from being filled with      */
   /*  bulky tags.  It is still in the experimental stage, and changes of   */
   /*  all kinds are likely to occur.                                       */                                                                    
   /*-----------------------------------------------------------------------*/


/* tags and id's */

   #bma {top:.3em}
   #bmb {top:2.1em}

   img {vertical-align:top;position:relative}  /* make IE like Mz (bug) */

   #msm {font-family:musicalsymbols;font-size:30px;
         line-height:100%;white-space:nowrap}

   /* some "good" font-sizes for msm are 30px, 35px and 40px */

   #csm {font-family:comic sans ms;font-size:18px;line-height:133%}
   #csi {font-family:comic sans ms;font-size:18px;
         line-height:133%;font-style:italic}
   body {font-family:comic sans ms;font-size:18px;line-height:133%;
         background-color:#FFF;padding:5%}

   pre, xmp, #fix {font-family:fixedsys;line-height:133%}

   s    {position:absolute;top:0}                  /* for IE6 bug */
   u, b {position:relative}                        /* <a>s don't nest */
   u, s {text-decoration:none}                     /* these do */
   b    {visibility:hidden;font-weight:normal}     /* these do */

   em   {font-weight:bold}                         /* replaces <b> */
   #cln {text-decoration:line-through}             /* replaces <s> */
   #uln {text-decoration:underline}                /* replaces <u> */
   #oln {text-decoration:overline}                 /* not on NN4 */

   #hid {visibility:hidden}
   #abs {position:absolute}             /* use this to anchor pos:abs */
   #rel {position:relative}

/* stave, bars, braces, ledger line */

   #stv {letter-spacing:-.06em}                      /* = (stave) */
 
   #bar {left:-.025em}                               /* l [ Ò Ó ] } { */
   #lbr {font-size:150%;top:.35em;left:-.025em}      /* l (stretch below) */
   #hbr {font-size:150%;left:-.025em}                /* l (stretch above) */

   #tbr {font-size:75%;top:-.333em}                  /* § (top of brace) */
   #bbr {font-size:75%;top:-1em}                     /* ê (bot of brace) */

   #llw {margin-left:-.75em}                    /* --<a id=llw>< w ></a> */
   #llh {margin-left:-.65em}                    /*  _<a id=llh>< h ></a> */

/* NS-moves and UD-moves - with <u>, <b> and <s> */
 
   #n15, #u19 {top:-2.375em}     #s15, #d11 {top:1.375em} 
   #n14, #u18 {top:-2.25em}      #s14, #d10 {top:1.25em} 
   #n13, #u17 {top:-2.125em}     #s13, #d9 {top:1.125em} 
   #n12, #u16 {top:-2em}         #s12, #d8 {top:1em} 
   #n11, #u15 {top:-1.875em}     #s11, #d7 {top:.875em}
   #n10, #u14 {top:-1.75em}      #s10, #d6 {top:.750em}
   #n9,  #u13 {top:-1.625em}     #s9,  #d5 {top:.625em} 
   #n8,  #u12 {top:-1.5em}       #s8,  #d4 {top:.50em}
   #n7,  #u11 {top:-1.375em}     #s7,  #d3 {top:.375em}
   #n6,  #u10 {top:-1.25em}      #s6,  #d2 {top:.25em}
   #n5,  #u9  {top:-1.125em}     #s5,  #d1 {top:.125em} 
   #n4,  #u8  {top:-1em}         #s4,  #u0, #d0 {top:0em}    
   #n3,  #u7  {top:-.875em}      #s3,  #u1 {top:-.125em}     
   #n2,  #u6  {top:-.75em}       #s2,  #u2 {top:-.25em} 
   #n1,  #u5  {top:-.625em}      #s1,  #u3 {top:-.375em}        
   #n0, #s0, #u4 {top:-.5em}

/* EW-moves and FB-moves - with <u>, <a>, <b>, <s> and others */

   #w0,  #b0  {margin-left:-.03em}   #e0,  #f0  {margin-left:.03em}     /* ! */
   #w1,  #b1  {margin-left:-.1em}    #e1,  #f1  {margin-left:.1em}  
   #w2,  #b2  {margin-left:-.2em}    #e2,  #f2  {margin-left:.2em}  
   #w3,  #b3  {margin-left:-.3em}    #e3,  #f3  {margin-left:.3em}  
   #w4,  #b4  {margin-left:-.4em}    #e4,  #f4  {margin-left:.4em}  
   #w5,  #b5  {margin-left:-.5em}    #e5,  #f5  {margin-left:.5em}  
   #w6,  #b6  {margin-left:-.6em}    #e6,  #f6  {margin-left:.6em}  
   #w7,  #b7  {margin-left:-.7em}    #e7,  #f7  {margin-left:.7em}  
   #w8,  #b8  {margin-left:-.8em}    #e8,  #f8  {margin-left:.8em}  
   #w9,  #b9  {margin-left:-.9em}    #e9,  #f9  {margin-left:.9em}  
   #w10, #b10 {margin-left:-1em}     #e10, #f10 {margin-left:1em}  
   #w11, #b11 {margin-left:-1.1em}   #e11, #f11 {margin-left:1.1em}  
   #w12, #b12 {margin-left:-1.2em}   #e12, #f12 {margin-left:1.2em}  
   #w13, #b13 {margin-left:-1.3em}   #e13, #f13 {margin-left:1.3em}  
   #w14, #b14 {margin-left:-1.4em}   #e14, #f14 {margin-left:1.4em}  
   #w15, #b15 {margin-left:-1.5em}   #e15, #f15 {margin-left:1.5em}  
   #w16, #b16 {margin-left:-1.6em}   #e16, #f16 {margin-left:1.6em}  
   #w17, #b17 {margin-left:-1.7em}   #e17, #f17 {margin-left:1.7em}  
   #w18, #b18 {margin-left:-1.8em}   #e18, #f18 {margin-left:1.8em}  
   #w19, #b19 {margin-left:-1.9em}   #e19, #f19 {margin-left:1.9em}  
   #w20, #b20 {margin-left:-2em}     #e20, #f20 {margin-left:2em}