.btn-purple {
  background-color: #79479a;
  color: #fff;
  border: none;
}

.btn-purple:hover,
.btn-purple:focus {
  background-color: #532c6d;
  color: #fff;
  text-decoration: none;
}

.btn-purple:active {
  background-color: #3a1d4a;
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}


.btn-outline-purple:active {
  background-color: #6f42c1;
  border-color: #3a1d4a;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.btn-purple:disabled,
.btn-purple.disabled,
.btn-outline-purple:disabled,
.btn-outline-purple.disabled {
  opacity: 0.65;
  pointer-events: none;
}

.btn-purple.active,
.btn-outline-purple.active {
  background-color: #3a1d4a !important;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.btn-outline-purple {
  color: #6f42c1;
  border-color: #6f42c1;
}

.btn-outline-purple:hover, 
.btn-outline-purple:focus, 
.btn-outline-purple.active, 
.btn-outline-purple:active, 
.show > .btn-outline-purple.dropdown-toggle {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

div.tooltip-inner {
    max-width: 500px;
}


a.thisSymbol { text-decoration:none;}

a.thisSymbol.active {background: #CCC;}

.choiceKeys {
  padding: 10px;
  border: 2px solid
}

a.thisImage { text-decoration:none;}

.choiceKeys { text-decoration:none;	}

a.deleteBtn{ text-decoration:none;}

#score {padding:0;margin:0;text-transform:none;}

#typeOfChord{padding-bottom:20px;}

.clef {margin: 0 0 0 -10px;position:absolute;}

.thisSpace{
	padding: 0;
	margin:0;
	height: 10px;
	width: 730px;
	text-align:left;
	vertical-align:top;
}

.accidentals{float:left;position:absolute;left: -14px;top: -9px;}

#trebleledgerAbove{float:left;margin:0;position:absolute;left:373px;bottom: 36px;}
#trebleledgerAbove1{float:left;margin:0;position:absolute;left:333px;bottom: 28px;}
#trebleledgerAbove2{float:left;margin:0;position:absolute;left:373px;bottom: 28px;}

#trebleledgerBelow{float:left;margin:0;position:absolute;left:92px;bottom: -21px;}

#bassledgerAbove{float:left;margin:0;position:absolute;left:373px;bottom: 37px;}
#bassledgerAbove1{float:left;margin:0;position:absolute;left:333px;bottom: 28px;}
#bassledgerAbove2{float:left;margin:0;position:absolute;left:373px;bottom: 28px;}
#bassledgerBelow{float:left;margin:0;position:absolute;left:92px;bottom: -21px;}


#note1{float:left;margin:0;position:absolute;left:100px;}
#note2{float:left;margin:0;position:absolute;left:140px;bottom:-2px;}
#note3{float:left;margin:0;position:absolute;left:180px;bottom: 6px;}
#note4{float:left;margin:0;position:absolute;left:220px;bottom: 14px;}
#note5{float:left;margin:0;position:absolute;left:260px;bottom: 22px;}
#note6{float:left;margin:0;position:absolute;left:300px;bottom: 30px;}
#note7{float:left;margin:0;position:absolute;left:340px;bottom: 38px;}
#note8{float:left;margin:0;position:absolute;left:380px;bottom: 46px;}

/*.trebleCScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleC.jpg) no-repeat;}*/



.trebleScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/keySignatures/trebleBlankStaff.jpg) no-repeat;height: 135px;}
.bassScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/keySignatures/bassBlankStaff.jpg) no-repeat;height: 135px;}

#musicalNotes {float:left;position:absolute;}

.trebleC{margin: 105px 0 0px 0;}
.trebleD,.trebleDb{margin: 97px 0 0px 0;}
.trebleE,.trebleEb{margin: 89px 0 0px 0;}
.trebleF,.trebleFsharp{margin: 81px 0 0px 0;}
.trebleGb,.trebleG{margin: 73px 0 0px 0;}
.trebleAb,.trebleA{margin: 65px 0 0px 0;}
.trebleBb,.trebleB{margin: 57px 0 0px 0;}

.bassC{margin: 66px 0 0px 0;}
.bassD,.bassDb{margin: 58px 0 0px 0;}
.bassE,.bassEb{margin: 106px 0 0px 0;}
.bassF,.bassFsharp{margin: 98px 0 0px 0;}
.bassGb,.bassG{margin: 89px 0 0px 0;}
.bassAb,.bassA{margin: 82px 0 0px 0;}
.bassBb,.bassB{margin: 73px 0 0px 0;}

.thisScaleImage{
	padding: 0;
	margin:0;
	height:10px;
}
a.thisScaleImage { text-decoration:none;}

/*Harmonic Analysis*/
.trebleBScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleB.jpg) no-repeat;height: 233px;width:100%;}
.trebleBbScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleBb.jpg) no-repeat;height: 233px;width:100%;}
.trebleFScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleF.jpg) no-repeat;height: 233px;width:100%;}
.trebleGScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleG.jpg) no-repeat;height: 233px;width:100%;}
.trebleAScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleA.jpg) no-repeat;height: 233px;width:100%;}
.trebleAbScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleAb.jpg) no-repeat;height: 233px;width:100%;}
.trebleCScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleC.jpg) no-repeat;height: 145px;width:100%;}
.trebleDScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleD.jpg) no-repeat;height: 233px;width:100%;}
.trebleEScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleE.jpg) no-repeat;height: 233px;width:100%;}
.trebleEbScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/trebleEb.jpg) no-repeat;height: 233px;width:100%;}

.bassBScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/bassB.jpg) no-repeat;height: 233px;width:100%;}
.bassBbScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/bassBb.jpg) no-repeat;height: 233px;width:100%;}
.bassFScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/bassF.jpg) no-repeat;height: 233px;width:100%;}
.bassGScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/bassG.jpg) no-repeat;height: 233px;width:100%;}
.bassAScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/bassA.jpg) no-repeat;height: 233px;width:100%;}
.bassAbScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/bassAb.jpg) no-repeat;height: 233px;width:100%;}
.bassCScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/bassC.jpg) no-repeat;height: 233px;width:100%;}
.bassDScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/bassD.jpg) no-repeat;height: 233px;width:100%;}
.bassEScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/bassE.jpg) no-repeat;height: 233px;width:100%;}
.bassEbScore {padding:0;margin:0; background:url(/npwiAccount/courses/assignments/course8/images/staffs/bassEb.jpg) no-repeat;height: 233px;width:100%;}

#trebleMusicalNotesHarmonic {float:left;position:absolute;margin: 90px 0 0px -30px;}
#bassMusicalNotesHarmonic {float:left;position:absolute;margin: 90px 0 0px -30px;}



/*chords*/
#trebleMusicalNotes {float:left;position:absolute;margin: 99px 0 0px -30px;}
#bassMusicalNotes {float:left;position:absolute;margin: 99px 0 0px -30px;}
.thisSpaceChords{
	padding: 0 0 0 50px;
	margin:0;
	height: 10px;
	width: 270px;
	text-align:left;
	vertical-align:top;
}
.accidentalsChords{float:left;position:absolute;left: 33px;top: -12px;}

/*Intervals*/

#trebleMusicalNotesIntervals {float:left;position:absolute;margin: 99px 0 0px -30px;}

#trebleG5{float:left;margin:0;position:absolute;left:190px;bottom: 37px;}
#trebleF5{float:left;margin:0;position:absolute;left:190px;bottom: 29px;}
#trebleE5{float:left;margin:0;position:absolute;left:190px;bottom: 17px;}
#trebleD5{float:left;margin:0;position:absolute;left:190px;bottom: 3px;}
#trebleC5{float:left;margin:0;position:absolute;left:190px;bottom: -9px;}
#trebleB4{float:left;margin:0;position:absolute;left:190px;bottom: -22px;}
#trebleA4{float:left;margin:0;position:absolute;left:190px;bottom: -34px;}
#trebleG4{float:left;margin:0;position:absolute;left:190px;bottom: -47px;}
#trebleF4{float:left;margin:0;position:absolute;left:190px;bottom: -60px;}
#trebleE4{float:left;margin:0;position:absolute;left:190px;bottom: -73px;}
#trebleD4{float:left;margin:0;position:absolute;left:190px;bottom: -83px;}

#bassB3{float:left;margin:0;position:absolute;left:190px;bottom: 33px;}
#bassA3{float:left;margin:0;position:absolute;left:190px;bottom: 23px;}
#bassG3{float:left;margin:0;position:absolute;left:190px;bottom: 13px;}
#bassF3{float:left;margin:0;position:absolute;left:190px;bottom: -2px;}
#bassE3{float:left;margin:0;position:absolute;left:190px;bottom: -13px;}
#bassD3{float:left;margin:0;position:absolute;left:190px;bottom: -27px;}
#bassC3{float:left;margin:0;position:absolute;left:190px;bottom: -38px;}
#bassB2{float:left;margin:0;position:absolute;left:190px;bottom: -52px;}
#bassA2{float:left;margin:0;position:absolute;left:190px;bottom: -65px;}
#bassG2{float:left;margin:0;position:absolute;left:190px;bottom: -77px;}
#bassF2{float:left;margin:0;position:absolute;left:190px;bottom: -87px;}

.thisIntervalSpace{
	padding: 0 0 0 50px;
	margin:0;
	height: 10px;
	width: 270px;
	text-align:left;
	vertical-align:top;
}

.accidentalsIntervals{float:left;position:absolute;left: 33px;top: -12px;}

.redAccidentals{float:left;position:absolute;left: 33px;top: -12px;}

.redNotes{float:left;position:absolute;left: 51px;top: -14px;}

.notesIntervals {position:absolute;float:left;left:50px;top:0px;}

.notes {padding: 0;margin: 0 0 0 0;vertical-align: top:0;}

.trebleScoreInt {padding:0;margin:0; background:url(images/keySignatures/trebleBlankStaffsm.jpg) no-repeat;height: 237px;}
.bassScoreInt {padding:0;margin:0; background:url(images/keySignatures/bassBlankStaffsm.jpg) no-repeat;height: 237px;}



/*Piano*/
#piano {width:740px;
    margin: 0 auto;background:url(/npwiAccount/courses/assignments/course8/images/symbols/piano.png) no-repeat;height: 214px;}

#piano101 {width:873px;
    margin: 0 auto;background:url(/npwiAccount/courses/assignments/course63/images/piano101.png) no-repeat;height: 167px;}

#pianoNotes {float:left;position:relative;padding:0;margin: 91px 0 0px 8px;}
#pianoKeys {float:left;position:relative;padding:0;margin: 91px 0 0px 8px;}

#counter{margin:0;padding:0;}

.highlight {
    margin: 5px;
    padding: 5px;
    border: 1px solid blue;
    background-color:aliceblue;
    font-weight: bold;
}

.thisPitch{
	padding:0px;
	margin:0;
	height: 6px;
	width: 500px;
	vertical-align:top;
}

.pressKey{border: 3px solid green;margin:0;padding:0;}
.correctKey{background:#f8efce; opacity:.7;}
.descScale{background: #a6cfe2; opacity:.7;}

#pianoNotes #pianoAS4{float:left;margin:0;position:absolute;left:664px;top: -91px;padding:119px 0 0 0;width:29px;}
#pianoNotes #pianoGS4{float:left;margin:0;position:absolute;left:612px;top: -91px;padding:119px 0 0 0;width:29px;}
#pianoNotes #pianoFS4{float:left;margin:0;position:absolute;left:559px;top: -91px;padding:119px 0 0 0;width:29px;}
#pianoNotes #pianoDS4{float:left;margin:0;position:absolute;left:447px;top: -91px;padding:119px 0 0 0;width:29px;}
#pianoNotes #pianoCS4{float:left;margin:0;position:absolute;left:399px;top: -91px;padding:119px 0 0 0;width:29px;}
#pianoNotes #pianoAS3{float:left;margin:0;position:absolute;left:294px;top: -91px;padding:119px 0 0 0;width:29px;}
#pianoNotes #pianoGS3{float:left;margin:0;position:absolute;left:241px;top: -91px;padding:119px 0 0 0;width:29px;}
#pianoNotes #pianoFS3{float:left;margin:0;position:absolute;left:188px;top: -91px;padding:119px 0 0 0;width:29px;}
#pianoNotes #pianoDS3{float:left;margin:0;position:absolute;left:83px;top: -91px;padding:119px 0 0 0;width:29px;}
#pianoNotes #pianoCS3{float:left;margin:0;position:absolute;left:29px;top: -91px;padding:119px 0 0 0;width:29px;}

#pianoNotes #pianoB4{float:left;margin:0;position:absolute;left:682px;top: 44px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoA4{float:left;margin:0;position:absolute;left:629px;top: 44px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoG4{float:left;margin:0;position:absolute;left:576px;top: 44px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoF4{float:left;margin:0;position:absolute;left:524px;top: 44px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoE4{float:left;margin:0;position:absolute;left:471px;top: 44px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoD4{float:left;margin:0;position:absolute;left:418px;top: 44px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoC4{float:left;margin:0;position:absolute;left:365px;top: 44px;padding:70px 0 0 0;width:46px;}

#pianoNotes #pianoB3{float:left;margin:0;position:absolute;left:313px;top: 44px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoA3{float:left;margin:0;position:absolute;left:259px;top: 44px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoG3{float:left;margin:0;position:absolute;left:206px;top: 44px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoF3{float:left;margin:0;position:absolute;left:154px;top: 44px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoE3{float:left;margin:0;position:absolute;left:101px;top: 43px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoD3{float:left;margin:0;position:absolute;left:48px;top: 43px;padding:70px 0 0 0;width:46px;}
#pianoNotes #pianoC3{float:left;margin:0;position:absolute;left:-5px;top: 43px;padding:70px 0 0 0;width:46px;}

/* PIANO KEYS */
#pianoKeys #pianoAS5{float:left;margin:0;position:absolute;left:770px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoGS5{float:left;margin:0;position:absolute;left:732px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoFS5{float:left;margin:0;position:absolute;left:692px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoDS5{float:left;margin:0;position:absolute;left:613px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoCS5{float:left;margin:0;position:absolute;left:574px;top: -90px;padding:95px 0 0 0;width:25px;}

#pianoKeys #pianoAS4{float:left;margin:0;position:absolute;left:495px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoGS4{float:left;margin:0;position:absolute;left:457px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoFS4{float:left;margin:0;position:absolute;left:417px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoDS4{float:left;margin:0;position:absolute;left:337px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoCS4{float:left;margin:0;position:absolute;left:297px;top: -90px;padding:95px 0 0 0;width:25px;}

#pianoKeys #pianoAS3{float:left;margin:0;position:absolute;left:218px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoGS3{float:left;margin:0;position:absolute;left:179px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoFS3{float:left;margin:0;position:absolute;left:139px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoDS3{float:left;margin:0;position:absolute;left:60px;top: -90px;padding:95px 0 0 0;width:25px;}
#pianoKeys #pianoCS3{float:left;margin:0;position:absolute;left:20px;top: -90px;padding:95px 0 0 0;width:25px;}

#pianoKeys #pianoC6{float:left;margin:0;position:absolute;left:826px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoB5{float:left;margin:0;position:absolute;left:786px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoA5{float:left;margin:0;position:absolute;left:747px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoG5{float:left;margin:0;position:absolute;left:707px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoF5{float:left;margin:0;position:absolute;left:668px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoE5{float:left;margin:0;position:absolute;left:628px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoD5{float:left;margin:0;position:absolute;left:588px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoC5{float:left;margin:0;position:absolute;left:549px;top: 7px;padding:60px 0 0 0;width:36px;}    

#pianoKeys #pianoB4{float:left;margin:0;position:absolute;left:509px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoA4{float:left;margin:0;position:absolute;left:470px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoG4{float:left;margin:0;position:absolute;left:430px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoF4{float:left;margin:0;position:absolute;left:390px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoE4{float:left;margin:0;position:absolute;left:351px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoD4{float:left;margin:0;position:absolute;left:311px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoC4{float:left;margin:0;position:absolute;left:271px;top: 7px;padding:60px 0 0 0;width:36px;}

#pianoKeys #pianoB3{float:left;margin:0;position:absolute;left:232px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoA3{float:left;margin:0;position:absolute;left:192px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoG3{float:left;margin:0;position:absolute;left:152px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoF3{float:left;margin:0;position:absolute;left:113px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoE3{float:left;margin:0;position:absolute;left:73px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoD3{float:left;margin:0;position:absolute;left:33px;top: 7px;padding:60px 0 0 0;width:36px;}
#pianoKeys #pianoC3{float:left;margin:0;position:absolute;left:-6px;top: 7px;padding:60px 0 0 0;width:36px;}