body{border:0px solid red;width:100%;margin:0px auto;padding:0px;color:#000000;font-size:20px;font-family:Roboto;background:#ffffff;}

html{overflow-y:scroll;}*{box-sizing:border-box;}




h1{font-size:24px;color:purple; text-align:center;vertical-align:baseline;font-family:Roboto;

}

.spin{animation:spin 3s 1 linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}

.animate-bottom{position:relative;animation:animatetop 3s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}



b{font-size:24px;color:purple; }


.col-fret.none{color:#545454;font-size:28px;}



.col-fret.laquo{color:#000; font-size: 60%; text-align:left;vertical-align:baseline;}



.col-1{width:6.25%;}.col-2{width:12.50%;}.col-3{width:18.75%;}.col-4{width:25%;}.col-5{width:31.25%;}.col-6{width:37.5%;}.col-7{width:43.75%;}.col-8{width:50%;}.col-9{width:56.25%;}.col-10{width:62.5%;}.col-11{width:68.75%;}.col-12{width:75%;}.col-13{width:81.25%;}.col-14{width:87.5%;}.col-15{width:93.75%;}.col-16{width:100%;}[class*="col-"]{border:0px solid red;padding:0px;margin:0px;font-size:100%;font-weight:normal;font-style:normal;text-align:center;float:left;}.I{background:#2eb68b;color:#ffffff;}.IV{background:#000000;color:#ffffff;}.V{background:#ff0000;color:#ffffff;}.vi{background:#a8dcff;color:#0000ff;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;}.ii{background:#a8dcff;color:#0000ff;}.iii{background:#a8dcff;color:#0000ff;}.vii{font-weight:normal;font-style:italic;background:#f0f0ff;}.col-16.topnav{width:100%;}#compozing_top_home{border:0px solid red;width:100%;padding:0px;margin:0px;font-family:arial, sans, sans-serif;font-size:70%;font-weight:normal;font-style:normal;color:#545454;line-height:1.5;display:block;float:left;}#charttop1{border:0px solid red;width:100%;display:block;float:left;margin:0px 0px 0px 0px;}#charttop2{border:0px solid red;width:80%;display:block;float:left;margin:10px 10% 05px 10%;}#charttop3{border:0px solid red;width:90%;display:block;float:left;margin:0px 0px 0px 5%;}input.KEYbuttonKEYindexb{background:#2eb68b;color:#ffffff;font-size:48px;font-family:serif;font-weight:bold;padding:0px 10px;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;line-height:1.0;cursor:pointer;}input.KEYbuttonKEYindexb_minor{background:#a8dcff;color:#0000ff;font-size:48px;font-family:serif;font-weight:bold;padding:0px 10px;line-height:1.0;cursor:pointer;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;line-height:1.0;cursor:pointer;}input.KEYbuttonKEYindex.Major{background:#2eb68b;color:#ffffff;font-size:100%;font-family:serif;font-weight:bold;padding:0px 10px;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;line-height:1.0;}span.KEYbuttonKEYindex.Major{background:#2eb68b;color:#ffffff;font-size:100%;font-family:serif;font-weight:bold;padding:0px 10px;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;line-height:1.0;}span.KEYbuttonKEYindex.minor{font-size:100%;font-family:serif;font-weight:bold;padding:0px 10px;background:#a8dcff;color:#0000ff;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;line-height:1.0;}input.KEYbuttonKEY{border:0px solid blue;padding:0px 10px;font-family:arial;font-size:60%;font-weight:normal;font-style:normal;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;background:#ffffff;line-height:1.0;}input.KEYbuttonKEY:hover{border:0px solid red;padding:0px 10px;font-family:serif;font-size:80%;font-weight:bold;font-style:normal;color:#ffffff;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;cursor:pointer;background:#2eb68b;line-height:1.0;}input.KEYbuttonKEY.minor:hover{font-size:90%;font-family:serif;font-weight:bold;background:#a8dcff;color:#0000ff;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;}.KEYbutton{font-family:arial;cursor:pointer;width:20%;text-align:center;float:left;}.col-16.KEYbutton{width:100%;font-family:serif;}#charttop3 .KEYbutton{font-family:arial;cursor:pointer;width:14.25%;text-align:center;float:left;}span.KEYbuttonKEY, span.KEYbuttonKEY.I{border:0px solid blue;padding:0px 10px;font-family:arial;font-size:60%;font-weight:normal;font-style:normal;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;}span.KEYbuttonKEY.Major{font-size:90%;font-family:serif;font-weight:bold;}span.KEYbuttonKEY.minor{font-size:90%;font-family:serif;font-weight:bold;}span.KEYbuttonKEY:hover{font-size:90%;font-family:serif;font-weight:bold;background:#2eb68b;color:#ffffff;}span.flat{font-size:90%;}

.closex{cursor:pointer;}

.col-16.Progression{font-size:50%;margin:20px 0% 10px 0%;}
.topnav#compoZer{padding:0px;background:#ff0000;}.topnav#Modes{padding:0px;background:#a8dcff;}.topnav#Patterns{padding:0px;background:#000000;}.topnav#compoZer input.KEYbutton.V{text-decoration:underline;}.topnav#Modes .col-16.KEYbutton.ii{text-decoration:underline;}.topnav#Patterns .col-16.KEYbutton.IV{text-decoration:underline;}


.col-5#guitar_fretboardtop-l{width:33.33%;border-right:0px solid black;padding:0px;margin:0px; }

.col-5#guitar_fretboardtop{width:33.33%;border-right:0px solid black;padding:0px;margin:0px;font-size:180%;}

.col-5#guitar_fretboardtop-r{width:33.33%;border-right:0px solid black;padding:0px;margin:0px; }




.col-1.top{width:3.846153846153846%;border-right:0px solid black;padding:0px;margin:0px;}#guitar_fretboardtop .col-1.top{width:3.846153846153846%;border-right:0px solid black;padding:0px;margin:0px;background:#fff;text-align:left;}.col-16.guitar,.col-16.guitar2,.col-16.guitar3,.col-16.guitar4{width:100%;border:1px solid #545454;border-right:0px solid #545454;padding:0px 0px 0px 0px;float:left;background:#ffffff;position:relative;position:absolute;z-index:99 }.col-16.guitar.under,.col-16.guitar2.under,.col-16.guitar3.under,.col-16.guitar4.under{width:100%;border:1px solid #545454;border-right:0px solid #545454;padding:0px 0px 0px 0px;background:#2eb68b;float:left;background:#ffffff;position:absolute;position:relative;z-index:98 }.col-1.top{width:5.75%;border-right:0px solid black;padding:0px;margin:0px;}.col-fret.smalltext-top{font-size:18px;line-height:18px;border:0px solid black;padding:10px 0px 10px 0px;}.col-1.strname{font-size:24px;border-right:0px solid black;border-bottom:0px solid red;text-align:left;padding:10px 0px 0px 10px;}.col-1.strname_guitar{font-size:100%;color:white;border-right:0px solid black;border-bottom:1px solid white;text-align:center;padding:0px;background:silver;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;-khtml-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;}.col-1.strname_guitar.I{font-size:100%;color:white;border-right:0px solid black;border-bottom:1px solid white;text-align:center;padding:0px;background:silver;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;-khtml-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;background:#2eb68b;}.col-1.strname_guitar.IV{font-size:100%;color:white;border-right:0px solid black;border-bottom:1px solid white;text-align:center;padding:0px;background:silver;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;-khtml-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;background:#000;}.col-1.strname_guitar.V{font-size:100%;color:white;border-right:0px solid black;border-bottom:1px solid white;text-align:center;padding:0px;background:silver;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;-khtml-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;background:#f00;}.col-1.strname_guitar.ii,.col-1.strname_guitar.iii{font-size:100%;color:blue;border-right:0px solid black;border-bottom:1px solid white;text-align:center;padding:0px;background:silver;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;-khtml-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;background:skyblue;}.col-1.strname_guitar.vi{font-size:100%;color:blue;border-right:0px solid black;border-bottom:1px solid white;text-align:center;padding:0px;background:silver;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;background:skyblue;}.col-1.strname_guitar.vii{font-size:100%;color:gray;border-right:0px solid black;border-bottom:1px solid white;text-align:center;padding:0px;background:silver;-webkit-border-radius:05px 05px 05px 05px;-moz-border-radius:05px 05px 05px 05px;-khtml-border-radius:05px 05px 05px 05px;border-radius:05px 05px 05px 05px;background:#f0f0f8;}


#guitar_fretboard{border-top:01px solid #000;border-left:2px solid #fff;border-bottom:0px solid #000;border-right:0px solid #000;background:#fff;xwidth:80.5%;}



#guitar_fretboard .col-1{width:3.846153846153846%;}

#guitar_fretboard .col-fret{font-size:100%;border:6px solid white;background:#f0f0f8;}#guitar_fretboard .col-fret.I{font-size:100%;border:6px solid white;background:#2eb68b;}#guitar_fretboard .col-fret.IV{font-size:100%;border:6px solid white;background:#000;}#guitar_fretboard .col-fret.V{font-size:100%;border:6px solid white;background:#f00;}#guitar_fretboard .col-fret.vi{font-size:100%;border:6px solid white;background:skyblue;}#guitar_fretboard .col-fret.ii{font-size:100%;border:6px solid white;background:skyblue;}#guitar_fretboard .col-fret.iii{font-size:100%;border:6px solid white;background:skyblue;}#guitar_fretboard .col-fret.vii{font-size:100%;border:6px solid white;}

#guitar_fretboard .col-fret.blank{border:6px solid white;color:#f0f0f8;background:#f0f0f8;}
 
#guitar_fretboard .col-fret.blank:hover {border:6px solid white;color:#bababa;background:#f0f0f8;}
 


#guitar_fretboardtoplink{position:fixed; bottom: 0px;z-index:9999999999999;font-size:60%;border:0px solid white;}


#nut{font-size:100%;border-right:5px solid black;line-height:1.0;}div.col-1#nut div.col-fret#nut{background:transparent;border:6px solid transparent;line-height:1.0;}.col-1.smalltext{font-size:14px;}


.col-16.bottomrow .col-1{width:5.75%;border-right:0px solid black;padding:0px;margin-top:0px;}

.col-16.bottomrow .col-fret{width:100%;border:6px solid white;padding:0px;margin:0px auto;line-height:18px;font-size:14px;}

.col-16.bottomrow.index{width:100%;border:1px solid purple;padding:0px 5%;margin:2px auto;line-height:28px;font-family:monospace;font-size:22px;color:#545454;background:#2eb68b;background:#f0f0ff;}









.col-1{width:5.75%;border-right:1px solid #545454;padding:0px;margin:0px;background:transparent;}.col-fret{width:100%;border:6px solid transparent;border:6px solid white;padding:0px;margin:0px auto;line-height:49px;}.col-1.blank{width:5.75%;border-right:1px solid #545454;padding:0px;padding-left:0px;padding-right:0px;margin:0px;background:#ffffff;}.col-fret.blank{width:100%;border:6px solid transparent;border:0px solid white;border-top:6px solid white;border-bottom:6px solid white;padding-left:0px;padding-right:0px;margin:0px auto;line-height:49px;background:#ffffff;background:transparent;}





hr{border:0px solid red;border-bottom:1px dotted black;}


span.smalltextboard{border:1px dotted blue;display:block;float:right;font-size:18px;margin-top:-0px;padding:0px;vertical-align:top;text-align:top;line-height:18px;}.selector-td-label{}table#tableComposeTop{font-size:28px;color:#545454;}.col-16.info{padding:0px;border:0px solid #545454;border-right:0px solid #545454;border-left:0px solid #545454;background:#2eb68b;background:#ffffff;margin:0px auto;color:#545454;font-size:24px;line-height:1.5;text-align:center;}.middot{BORDER:2px solid transparent;margin:0px 8px 0px 8px;padding:0px 8px 0px 8px;cursor:pointer;color:#000;FONT-SIZE:24px;line-height:1.0;background:#000;}.middot.blank{BORDER:2px solid transparent;background:transparent;}.middot.I{BORDER:2px solid #2eb68b;background:#2eb68b;}.middot.IV{BORDER:2px solid #000000;background:#ffffff;}.middot.V{BORDER:2px solid #ff0000;background:#ff0000;}.middot.vi{color:#0000ff;background:#a8dcff;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;}.middot.ii{BORDER:2px solid #a8dcff;color:#0000ff;background:#a8dcff;}.middot.iii{BORDER:2px solid #a8dcff;color:#0000ff;background:#a8dcff;}.col-16.text{border:0px solid #000000;border-bottom:1px solid #000000;width:100%;margin:0px auto 60px auto;background:#f0f0ff;line-height:28px;FONT-SIZE:18px;font-family:sans-serif;color:#000000;z-index:9999999;}.col-16.quadrant{border:0px solid #f00;width:50%;}.col-16.quadrant.text{border:10px solid #000000;border-bottom:0px solid #000000;width:50%;margin:10px auto 10px auto;background:#f0f0ff;line-height:28px;FONT-SIZE:18px;font-family:sans-serif;color:#000000;z-index:9999999;}span.relative-minor{BORDER:0px solid #898989;FONT-SIZE:32px;cursor:pointer;background:#fff;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;color:#0000ff;background:#a8dcff;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;}


#rowbottom{width:100%;padding:0px;margin:10px 0px 0px 0px;font-size:18px;display:block;float:left;border:0px solid red;BACKGROUND:skyblue;BACKGROUND:#000000;BACKGROUND:#2eb68b; position:fixed;z-index:99999999999999;left:0;bottom:0px;}

#rowbottom-Ms{padding:0px;margin:10px 0px 0px 0px;font-size:18px;display:block;float:right;border:0px solid red;BACKGROUND:#ffffff; z-index:999999999999999;}

#rowbottom #minor{width:100%;padding:0px;font-size:18px;display:block; border:0px solid red; BACKGROUND:#000000;BACKGROUND:#2eb68b;BACKGROUND:skyblue; position:fixed;z-index:99999999999999;left:0;bottom:0px;}















p#title{color:#2eb68b;margin: 10px; padding: 0px;font-family: arial, sans;text-align:center; font-weight: bold; 

background:white; -webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;

}

p#title:hover{color:white;margin: 10px; padding: 0px;font-family: arial, sans;font-weight: bold; 

background:#2eb68b; -webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;

}




















#datebar{border:0px solid red;display:block;width:94%;text-align:right;margin:0px auto;}#datetimer{border:0px solid green;font-family:sans-serif;font-size:14px;color:#000000;text-align:center;font-weight:normal;font-style:italic;margin:0px auto;margin-top:6px;text-align:right;float:right;cursor:pointer;}#daterandom{border:0px solid blue;font-family:sans-serif;font-size:14px;color:#000000;text-align:center;font-weight:normal;font-style:italic;margin:0px auto;margin-top:6px;text-align:right;float:right;cursor:pointer;}#tipsPopup{width:100%;margin-left:0%;height:200%;display:block;border:0px dotted green;position:absolute;left:0;top:0;BACKGROUND:#f0f0ff;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;}.spaceBar{BACKGROUND:#ffffff;width:1px;text-align:center;font-size:48px;font-style:normal;vertical-align:top;color:#989898;height:100%;}

#PrintWidth{border:0px solid #000000;padding:0px;margin:0px auto;margin-top:0px;width:94%;display:block;}

#transposekey{border:0px dashed green;background:#ffffff;}

#jamscale{border:0px dashed green;background:#ffffff;color:#000000;font-size:18px;font-family:arial;font-weight:normal;}

input{background:#ffffff;}td#selector{border:0px solid red;}

[class*="selector-div-"]{border:01px solid #545454;margin-top:-0px;position:absolute;z-index:9999999999;background:#fff;width:6%;}

ul.selector{font-family:serif;font-weight:bold;font-style:normal;text-align:center;float:left;padding:0px;margin:0px;border:0px solid red;width:100%;list-style:none;font-size:26px;}li.selector{width:100%;cursor:pointer;font-family:serif;font-weight:bold;font-style:normal;text-align:center;padding:0px;margin:0px;border:0px solid red;display:block;float:left;}ul.selector:hover{border:0px solid blue;}div.selector-div#selector-div{border:4px solid blue;width:6%;}input#mySongTitle{border:0px solid blue;width:100%;font-size:36px;font-family:serif;color:#545454;text-align:center;margin-bottom:4px;margin-top:-6px;top:0px;display:block;}input#myComposer{border:0px solid blue;width:100%;font-size:18px;font-style:italic;text-align:center;margin-bottom:4px;margin-top:-1px;top:0px;display:block;}div#label{border:0px solid red;margin-right:4px;display:block;width:100px;text-align:right;float:left;}div#number{border:0px solid blue;display:block;width:100px;text-align:left;float:left;}div#page{border:0px solid blue;margin-right:4px;display:block;width:100px;text-align:right;float:right;}div#of{border:0px solid blue;display:block;width:100px;text-align:left;float:right;}#rowbottom-top{width:100%;margin:-0px 0px 5px 0px;display:block;border:0px solid red;position:fixed;left:0;top:0px;}#fullPage{border:0px solid red;width:100%;margin:0px auto;background:#ffffff;}#fretboard{width:100%;margin-left:0%;height:100%;display:block;position:absolute;left:0;top:0;BACKGROUND:#ffffff;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;}#infoTable{margin-top:80px;color:#000000;font-size:80%;font-family:arial;font-weight:normal;}#lyricstable{border:0px dotted green;width:100%;margin-top:8px;display:block;}div#mySongTitle{width:100%;font-family:serif;font-size:90%;line-height:1.0;text-align:center;font-weight:normal;}div#myComposer{width:100%;margin:8px auto;font-family:sans-serif;font-size:14px;font-style:italic;line-height:1.0;text-align:center;border:0px solid blue;width:34%;font-size:18px;text-align:center;display:block;float:left;}#POSTlabel{margin:8px auto;font-family:serif;font-weight:normal;line-height:1.0;border:0px solid red;width:33%;font-size:18px;text-align:left;display:block;float:left;}#POSTpage{margin:8px auto;font-family:serif;font-weight:normal;line-height:1.0;border:0px solid green;width:33%;font-size:18px;text-align:right;display:block;float:right;}div#labelnumber{border:0px dotted green;width:10%;margin:8px auto;font-family:sans-serif;font-size:12px;line-height:1.0;text-align:right;float:left;}div#pageof{border:0px dotted green;width:10%;margin:8px auto;font-family:sans-serif;font-size:12px;line-height:1.0;text-align:left;float:right;}TD.rowbottom2{background:#2eb68b;font-family:serif;font-size:36px;color:#ffffff;text-align:center;font-weight:bold;font-style:normal;}TD.FRET_{font-family:serif;font-size:30px;color:#000000;font-weight:bold;font-style:normal;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;}TD.pageHeading,DIV.pageHeading{font-family:Verdana,Arial,sans-serif;font-size:32px;font-weight:bold;color:#04c4d9;}


span#x{color:white;}