/*--------------------
	CHORD SPELLING
----------------------*/
#spelling { position:relative; float:left; width:315px; height:100px;
			background:url(/img/share/chords/spelling/bg.png) no-repeat 0 0;
}
#spelling b { position:absolute; display:block; z-index:2; width:20px; height:20px; background-repeat:no-repeat; text-indent:-9000px;
			  background-image:url(/img/share/chords/spelling/notes.png);
}

/* Extra Lines */
.spLine { position:absolute; display:block; z-index:1; left:180px; width:135px; height:1px; line-height:0; font-size:0; border-top:1px solid #aaa; }
.exLn1  { top:78px; left:44px; width:25px; }
.exLn2  { top:16px; }
.exLn3  { top:9px;  }
.exLn4  { top:2px;  }
.exLn5  { top:-5px; }

/* Bottom Notes: nb = note bottom */
#spelling .bNote { top:85px; width:35px; height:25px; background:none; text-indent:0; text-align:center; line-height:.9em; font-size:11px; color:#333; }
.nb1 { left:40px;  }
.nb2 { left:85px;  }
.nb3 { left:130px; }
.nb4 { left:175px; }
.nb5 { left:220px; }
.nb6 { left:265px; }

/* Top Notes: nt = note top || ns = note symbol */
.ns0 { background-position:0 20px;  } /*Nothing - Chord Creator Page*/
.ns1 { background-position:0 0;     } /*Whole*/
.ns2 { background-position:0 -20px; } /*Flat*/
.ns3 { background-position:0 -40px; } /*Flat Double*/
.ns4 { background-position:0 -60px; } /*Sharp*/
.ns5 { background-position:0 -80px; } /*Sharp Double*/

.nt1 { left:47px; }
.nt2 { left:92px; }
.nt3 { left:136px; }
.nt4 { left:180px; }
.nt5 { left:224px; }
.nt6 { left:268px; }

/* Subtract by 12 Full or 6 Half, After 13px Add by 4 if not on line add by 3 on line */
.G13th, .Gsh13th { top:-14px; }
.F13th, .Fsh13th { top:-11px; }
.E11th, .Eb11th, .Esh11th, .Eshsh11th, .E13th { top:-7px; }
.D11th, .Db11th, .Dsh11th, .Dshsh11th, .D13th, .Dsh13th { top:-4px; }
.C9th, .Cb9th, .Cbb9th, .Csh9th, .Cshsh9th, .Cxsh9th, .C11th, .Cshsh11th, .C13th, .Csh13th { top:0; }
.B9th, .Bsh9th, .Bb9th, .Bbb9th, .Bbbb9th, .Bshsh9th, .B11th, .Bsh11th, .Bshsh11th, .Bb11th, .B13th { top:3px;  }
.A7th, .Ab7th, .Abb7th, .Abbb7th, .Abbbb7th, .Ash7th, .A9th, .Abb9th, .Ashsh9th, .A11th, .Ab11th, .Ash11th, .Ashsh11th, .A13th, .Ash13th { top:7px;  }
.G6th, .Gb6th, .Gbb6th, .Gsh6th, .G7th, .Gb7th, .Gbb7th, .Gbbb7th, .Gbbbb7th, .Gsh7th, .G9th, .Gb9th, .Gbb9th, .Gsh9th, .Gshsh9th, .Gxsh9th, .G11th, .Gshsh11th { top:10px; }
.F5th, .Fb5th, .Fbb5th, .Fsh5th, .Fshsh5th, .Fxsh5th, .F6th, .Fb6th, .Fbb6th, .Fsh6th, .Fb7th, .Fbbb7th, .Fsh7th, .F9th, .Fb9th, .Fbb9th, .Fsh9th, .Fshsh9th, .Fxsh9th, .F11th, .Fsh11th, .Fshsh11th, .Fxsh11th { top:13px; }
.E4th, .Eb4th, .E5th, .Eb5th, .Ebbb5th, .Ebb5th, .Esh5th, .Eshsh5th, .E6th, .Ebb6th, .E7th, .Eb7th, .Ebb7th, .Ebbb7th, .Ebbbb7th, .Esh7th, .E9th, .Ebb9th, .Eshsh9th { top:19px; }
.D3rd, .Db3rd, .Dbb3rd, .Dsh3rd, .D4th, .Db4th, .D5th, .Dbb5th, .Dshsh5th, .D6th, .Db6th, .Dbb6th, .Dsh6th, .D7th, .Db7th, .Dbb7th, .Dbbb7th, .Dbbbb7th, .Dsh7th, .D9th, .Db9th, .Dbb9th, .Dsh9th, .Dshsh9th, .Dxsh9th { top:25px; }
.C2nd, .Csh2nd, .C3rd, .Cb3rd, .Cbb3rd, .Csh3rd, .C4th, .C5th, .Cb5th, .Cbb5th, .Csh5th, .Cshsh5th, .Cxsh5th, .C6th, .Cb6th, .Cbb6th, .Csh6th, .Cb7th, .Cbbb7th, .Csh7th { top:31px; }
.Broot, .Bbroot, .B2nd, .Bb2nd, .B3rd, .Bbb3rd, .B4th, .Bb4th, .B5th, .Bsh5th, .Bb5th, .Bbb5th, .Bbbb5th, .Bshsh5th, .B6th, .Bbb6th, .B7th, .Bb7th, .Bbb7th, .Bbbb7th, .Bbbbb7th, .Bsh7th { top:37px; }
.Aroot, .Abroot, .A2nd, .A3rd, .Ab3rd, .Abb3rd, .Ash3rd, .A4th, .Ab4th, .A5th, .Abb5th, .Ashsh5th, .A6th, .Ab6th, .Abb6th, .Ash6th { top:43px; }
.Groot, .G2nd, .Gsh2nd, .G3rd, .Gb3rd, .Gbb3rd, .Gsh3rd, .G4th, .G5th, .Gb5th, .Gbb5th, .Gsh5th, .Gshsh5th, .Gxsh5th { top:49px; }
.Froot, .Fshroot, .F2nd, .Fsh2nd, .Fb3rd, .Fsh3rd, .F4th, .Fsh4th { top:55px; }
.Eroot, .Ebroot, .E2nd, .E3rd, .Eb3rd, .Ebb3rd, .Esh3rd { top:61px; }
.Droot, .D2nd, .Dsh2nd { top:65px; }
.Croot, .Cshroot { top:68px; }