/* CONTENT */
#chords .pContent .wrapper { width:68.5em; font-size:.9em; `padding-bottom:40px; }

/*--------------
	COLUMN 1
----------------*/
#col1 { float:left; width:50em; padding-left:30px; }

/* NAME */
#name { float:left; margin: 1em 0; }
#name h2, #name h3 { margin:0 0 10px; }
#name h2 em { font-size:.6em; font-style:normal; font-weight:bold; line-height:0.4em; }
#name h3 { font-size:15px; font-weight:normal; color:#888; }

/* VOICINGS */
#voices { float:left; clear:left; width:100%; }
#voices:after { content:"."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#voices .col1 { float:left; width:48%; margin-top:1.3em; padding:20px 10px 0 0; }
#voices .col2 { float:right; width:48%; margin-top:-11.2em; padding:20px 0 0 0; }
#voices .voice { position:relative; float:left; margin:0 0 3em; }
#voices .voice img { float:left; border:1px solid #000; }

.pgChordFinder .pContent .wrapper { width:64.5em !important; }
.pgChordFinder h5 { margin:0 0 1em 5px; }
.pgChordFinder #voices { padding:20px 15px 10px 70px; width:auto; background:#f9f9f9 url(/img/share/backgrounds/case-shadow.png) repeat-x 0 0; border:1px solid #d4d4d4; -moz-border-radius:10px; -webkit-border-radius:10px; }
.pgChordFinder #voices .col1 { width:112px; margin-top:0; padding-top:0; }
.pgChordFinder #voices h4 { padding-bottom:20px; }
.pgChordFinder #voices h4 em { font-size:.7em; }
.pgChordFinder #voices .col2 { float:left; width:212px; margin:0; padding:0 20px 0 0; }
.pgChordFinder #voices .col3 { position:relative; float:right; width:248px; margin-top:0; overflow: visible; }
.pgChordFinder #voices li { margin:0 0 1em 1em; list-style:disc; font-size:12px; }
.pgChordFinder #chordPhoto { position:relative; padding:5px; border:1px solid #d4d4d4; background-color:#fff; height:150px; }
.pgChordFinder #chordPhoto span { position:absolute; top:35%; left:25%; width:50%; color:#d4d4d4; text-align:center; }
.pgChordFinder .chordFinderResults { padding:10px; min-height:260px; }

#listDiagrams { padding-top:25px; padding-left:30px; width:635px; }
#listDiagrams .dia { position:relative; float:left; margin-right:30px; padding-bottom:60px; }
#listDiagrams .diaL b,#listDiagrams .diaM b,#listDiagrams .diaS b { cursor:default; }
#listDiagrams .matched { background: url(/img/share/chords/finder/chordFinderMatchArrows.png) no-repeat 35px 100%; margin-top:-25px; padding-bottom:75px; }
#listDiagrams .msg { width:200px; }

#chordFinder { margin-bottom:10px !important; }
.msgChordFinder { margin:0 auto; text-align:center; }
.matchedPhoto { position:absolute; top:-225px; right:-12px; padding:12px 15px 35px; background:url(/img/share/chords/finder/photoBalloon.png) no-repeat 0 0; z-index:50; }
.matchedPhoto .iClose { position:absolute; top:0; right:0; }
.matchedImg { position:absolute; top:-32px; right:45%; }
.matchedButton { position:absolute; bottom:10px; left:25%; background: url(/img/share/chords/finder/chordFinderMatchArrows.png) no-repeat -563px 50%; }

#chordFound { padding-left:30px; padding-bottom:20px; }
#chordFound strong { font-weight: bold; }
#chordFound a { text-decoration: none; }
.clearFretboard { position:relative; top:7px; clear:left; display:block; margin:10px 0; padding:5px; text-align:center; font-size:14px; }

/* Placeholder for printing diagrams, don't display in screen view. */
#voices .voice img.print { position:absolute; top:0; left:0; float:none; border:none; }

/*----------------
	COLUMN 2
------------------*/
#col2 { float:right; width:14.2em; padding-right:26px; }

/* CHORDS */
.chordsMenu	{ margin:5px;}
.chordsMenuCase	{ position:relative; height:452px; width:217px; background:url(/img/share/chords/diagrams/chords-case.png) no-repeat 0 0;  }

/* MAYJORS  */
#majors { position:absolute; top:12px; left:5px; margin:0 2px 0 0; _margin-top:.55em; z-index:100;}
#majors li { margin:0 0 2px; height:60px; }
#majors li a { display:block; padding:20px; color:#888; font-size:40px; 
	background: url(/img/share/chords/diagrams/chords-select.png) no-repeat -100px 0; }
#majors li a:hover { color:#fff; background-position:3px -63px;}
#majors li a.sel   { color:#fff !important; background-position:3px 0; }

/* CHORD TYPES */
#types,#typeA,#typeB,#typeC,#typeD,#typeE,#typeF,#typeG { position:absolute; top:9px; right:5px; width:140px; height:435px; margin-top:0; overflow:auto; overflow-x:hidden; overflow-y:scroll; z-index:90; }
#types li a,.types li a { display:block; width:90%; padding:5px; text-decoration:none; color:#444;
	                      border-bottom:1px solid #111; border-top:1px solid #222; font-size:1em; } 
#types li a:hover,.types li a:hover { background-color:#333; color:#fff; }
#types li a.sel,.types li a.sel     { background-color:#463620 !important;
	                                  background-image:url(/img/site/backgrounds/menu_sel.png);
	                                  background-position:-40px 50%; color:#fff !important; }
.types { display:none; }


/*------------------------------------
	ADDING CHORDS - (song edit)
--------------------------------------*/
#addChordsModule { position:relative; margin:0 0 22px; padding:0; background-color:#1f1818;
	               border:1px solid #888; -moz-border-radius:3px; -webkit-border-radius:3px; }

#addChordsModule small.saveIndicator { position:absolute; bottom:-17px; left:-1px; display:none; width:100%; text-align:center; font-size:10px; color:#af0000; }

#addChordsModule #majors { left:0; top:1px; margin:0; width:33px; height:181px; overflow:hidden; border-top:none; }
#addChordsModule #majors li { height:25px; margin:0 0 1px; }
#addChordsModule #majors li:first-child a { border-top:none; border-bottom:none; }
#addChordsModule #majors li a { padding:6px 12px; font-size:12px; line-height:12px; color:#bbb;
	                            background-color:#2d2626;
								border:none;
							  }
#addChordsModule #majors li a:hover { background-color:#000; color:#fff;
	 						          background-image:none;
	          					      border:none;
									 }
#addChordsModule #majors li a.sel { background-position:-40px 50%;
									background-image:url(/img/site/backgrounds/menu_sel.png);
	                                border:none; }

#addChordsModule #types { left:34px; top:1px; width:86px; height:181px; overflow-y:visible; }
#addChordsModule #types ul { right:0; top:0; display:none; height:auto; width:100%; overflow-y:visible; }
#addChordsModule #types ul#typeA { display:block; }
#addChordsModule #types li { }
#addChordsModule #types li:first-child a { border-top:none; }
#addChordsModule #types li a       { font-size:10px; line-height:7px; color:#999; padding:9px 5px 8px; }
#addChordsModule #types li a:hover { color:#fff; background-color:#000; }

#addChordsModule #diagrams { float:right; overflow:hidden; width:127px; height:182px; background-color:#fff; }
#addChordsModule #diagrams h6 { margin:0; padding:5px 0 5px 7px; color:#eee; font-size:12px; font-weight:bold; border-bottom:1px dotted #888;
	 						    background-color:#2d2626; }
#addChordsModule #diagrams div.wrap { clear:right; overflow:auto; overflow-x:hidden; height:155px; }

#addChordsModule #diagrams div.chord 			 { float:left; clear:left; position:relative; padding:15px 0 25px 24px; }
#addChordsModule #diagrams div.chord:first-child { padding-top:15px; }
#addChordsModule #diagrams div.chord:last-child  { padding-bottom:33px; }

#addChordsModule #diagrams strong.chordSymbol { position:relative; left:-11px; display:block; width:80px; margin:0 0 14px; font-size:14px; font-weight:bold; text-align:center; }
#addChordsModule #diagrams a.action 					  { position:absolute; top:27px; right:3px; }
#addChordsModule #diagrams div.chord:first-child a.action { top:27px; }

#addChordsModule #formulas { position:absolute; bottom:0; right:0; }