@charset "UTF-8";
/* CSS Document */

		/* prevent text-selecting */

		body {-webkit-user-select: none; /* Safari */
  				-ms-user-select: none; /* IE 10 and IE 11 */
  					user-select: none; /* Standard syntax */ 
					margin:0; font-size:12px; font-family: Arial, Helvetica, sans-serif; 
			
			}
		

		button { -webkit-appearance: none; color:black; background-color:rgba(231,231,231,1.00); transition-duration: 0.3s; border: 1px solid gray}

		/* biggest div to autot-center everything */

		.center_everything {max-width: 1260px; margin-left: auto; margin-right: auto;}

		/* big div to scooch everything left 50px*/

		.scooch_everything {position:relative; left: -50px;}


		
		/* blue top bar */

		.top-bar {width:1260px; position:relative; left: 50px; height: 60px; color:white; background-color:rgba(85,95,120,1.00);}
		
		
		/* Music Staff graphic */

		#Grandstaff {
  		position: absolute; left: 330px;top: 168px; border: 0px; padding: 0px; z-index: "-10";}
		
		
		/* buttons */

		.checkbutton{
			position:absolute; left:340px; top:610px; font-size: 16pt; cursor:pointer;
			padding: 10px 14px; width: 90px; border-radius: 0px; text-align: center;
			}
		
			button:hover { background-color:rgba(85,95,120,1.00);
  			color: white; }
		
		select {
  				
  				border: 1px solid;
				border-color: black;
  				box-shadow: none;
  				color: black;
  				background-color: white;
  				cursor: pointer;
				height: 35px;
				
				font-family: "Times New Roman", "serif"; font-size: 19px;	
				width: 110px;
				}
		
		.new_key_button { visibility:visible;
		position:absolute; left: 340px; top: 545px; font-size: 20px; padding-left: 6px; padding-top: 4px; padding-bottom: 4px; font-family: sans-serif; border-radius: 0px; width: 90px; text-align: center;}
			
		

		/* Big Roman numerals below staff */
		
	#key_name{
	position:absolute; left:460px; top:535px; font-family: /*"Hoefler Text",*/ "Times New Roman", "serif"; font-size: 27px;	
		}
		
	#key_name_manual{
	position:absolute; left:445px; top:545px;		
		}
		
	
		
	#roman_chord_name1{
	position:absolute; left:572px; top:540px; width:110px; vertical-align: baseline; height:50px; font-family: /*  "Hoefler Text",*/ "Times New Roman", "serif"; font-size: 25px;
		}
		
		/*#fig_bass_name1 {position:absolute; left:260px; top:540px; }*/
		
	#roman_chord_name2{
	position:absolute; left:722px; top:540px;  height:50px; vertical-align: baseline; font-family: /*  "Hoefler Text",*/ "Times New Roman", "serif"; font-size: 25px;
		}	
		
		/*#fig_bass_name2 {position:absolute; left:410px; top:540px; }*/
		
	#roman_chord_name3{
	position:absolute; left:872px; top:540px;  height:50px; vertical-align: baseline; font-family: /*  "Hoefler Text",*/ "Times New Roman", "serif"; font-size: 25px;
		}
		
		/*#fig_bass_name3 {position:absolute; left:560px; top:540px; }*/
		
	
		
	
		
		/* Input boxes for Roman Numerals in MANUAL MODE */
		
		#key_input{
	position:absolute; left:455px; top:545px; font-family: "Hoefler Text", "Times New Roman", "serif"; font-size: 32px;		
		}
	#roman_chord_input1{
	position:absolute; left:570px; top:545px; font-family: "Hoefler Text", "Times New Roman", "serif"; font-size: 32px;
		}
	#roman_chord_input2{
	position:absolute; left:720px; top:545px; font-family:  "Hoefler Text", "Times New Roman", "serif"; font-size: 32px;
		}	
	#roman_chord_input3{
	position:absolute; left:870px; top:545px; font-family:  "Hoefler Text", "Times New Roman", "serif"; font-size: 32px;
		}
	
		
		
		
		/* Text lines for error messages */
		
	
		
	#chord_error1 {
  	position: absolute; left: 560px; top: 620px; border: 0px; padding: 0px; color: red; width:150px;
		}		
	
		
	#chord_error2 {
  	position: absolute; left: 710px; top: 620px; border: 0px; padding: 0px; color: red; width:150px;
		}		
	
		
	#chord_error3 {
  	position: absolute; left: 860px; top: 620px; border: 0px; padding: 0px; color: red; width:150px;
		}		
	
		
	
		
		
		
		/* ledger-lines */
		
	#soprano_line1{
  	position: absolute; left: 557px;top: 191px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#soprano_line1a{
  	position: absolute; left: 557px;top: 311px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#alto_line1 {
  	position: absolute; left: 557px;top: 311px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#alto_line1a {
  	position: absolute; left: 557px;top: 331px; border: 0px; padding: 0px; visibility: hidden;
		}
	#tenor_line1 {
	position: absolute; left: 557px; top: 310px; border: 0px; padding: 0px; visibility: hidden;
		}
	#tenor_line1a {
	position: absolute; left: 557px; top: 290px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#tenor_line1b {
	position: absolute; left: 557px; top: 270px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#bass_line1 {
	position: absolute; left: 557px; top: 502px; border: 0px; padding: 0px; visibility: hidden;
		}	
		
		
	#soprano_line2{
  	position: absolute; left: 707px;top: 191px; border: 0px; padding: 0px; visibility: hidden;
		}		
	#soprano_line2a{
  	position: absolute; left: 707px;top: 311px; border: 0px; padding: 0px; visibility: hidden;
		}		
	#alto_line2 {
  	position: absolute; left: 707px;top: 311px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#alto_line2a {
  	position: absolute; left: 707px;top: 331px; border: 0px; padding: 0px; visibility: hidden;
		}
	#tenor_line2 {
	position: absolute; left: 707px; top: 310px; border: 0px; padding: 0px; visibility: hidden;
		}
	#tenor_line2a {
	position: absolute; left: 707px; top: 290px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#tenor_line2b {
	position: absolute; left: 707px; top: 270px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#bass_line2 {
	position: absolute; left: 707px; top: 502px; border: 0px; padding: 0px; visibility: hidden;
		}	
	
		
	#soprano_line3{
  	position: absolute; left: 857px;top: 191px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#soprano_line3a{
  	position: absolute; left: 857px;top: 311px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#alto_line3 {
  	position: absolute; left: 857px;top: 311px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#alto_line3a {
  	position: absolute; left: 857px;top: 331px; border: 0px; padding: 0px; visibility: hidden;
		}
	#tenor_line3 {
	position: absolute; left: 857px; top: 310px; border: 0px; padding: 0px; visibility: hidden;
		}
	#tenor_line3a {
	position: absolute; left: 857px; top: 290px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#tenor_line3b {
	position: absolute; left: 857px; top: 270px; border: 0px; padding: 0px; visibility: hidden;
		}	
	#bass_line3 {
	position: absolute; left: 857px; top: 502px; border: 0px; padding: 0px; visibility: hidden;
		}	
		
		
	
		
		/* IDs for each notehead, and their associated accidental*/
		
	#Sopranonotehead1 {
  position: absolute;left: 555px;top: 170px;z-index: "1";border: 0px;padding: 0px;cursor:move;
}		
	#acc_sop1 {position:absolute; left:525px; top:170px; visibility:hidden}


	#Altonotehead1 {
  position: absolute;left: 555px;top: 290px; z-index: "1";border: 0px;padding: 0px;cursor:move; 
}	
	#acc_alto1 {position:absolute; left:525px; top:290px; visibility:hidden}

	

	#Tenornotehead1 {
  position: absolute;left: 555px;top: 320px; z-index: "1";border: 0px;padding: 0px;cursor:move;  
}	
	#acc_ten1 {position:absolute; left:525px; top:320px; visibility:hidden}

		

	#Bassnotehead1 {
  position: absolute;left: 555px;top: 440px;z-index: "1";border: 0px;padding: 0px;cursor:move; 
}
		
	#acc_bass1 {position:absolute; left:525px; top:440px; visibility:hidden}



	#Sopranonotehead2 {
  position: absolute;left: 705px;top: 170px;z-index: "1";border: 0px;padding: 0px;cursor:move; 
}		
	#acc_sop2 {position:absolute; left:675px; top:170px; visibility:hidden}


	#Altonotehead2 {
  position: absolute;left: 705px;top: 290px;z-index: "1";border: 0px;padding: 0px;cursor:move; 
}	
	#acc_alto2 {position:absolute; left:675px; top:290px; visibility:hidden}

	
	#Tenornotehead2 {
  position: absolute;left: 705px;top: 320px;z-index: "1";border: 0px;padding: 0px;cursor:move; 
}	
	#acc_ten2 {position:absolute; left:675px; top:320px; visibility:hidden}


	#Bassnotehead2 {
  position: absolute;left: 705px;top: 440px;z-index: "1";border: 0px;padding: 0px;cursor:move; 
}
	#acc_bass2 {position:absolute; left:675px; top:440px; visibility:hidden}



		
	#Sopranonotehead3 {
  position: absolute;left: 855px;top: 170px;z-index: "1";border: 0px;padding: 0px;cursor:move;  
}		
	#acc_sop3 {position:absolute; left:825px; top:170px; visibility:hidden}



	#Altonotehead3 {
  position: absolute;left: 855px;top: 290px;z-index: "1";border: 0px;padding: 0px;cursor:move; 
}	
	#acc_alto3 {position:absolute; left:825px; top:290px; visibility:hidden}

	
		
	#Tenornotehead3 {
  position: absolute;left: 855px;top: 320px;z-index: "1";border: 0px;padding: 0px;cursor:move; 
}	
	#acc_ten3 {position:absolute; left:825px; top:320px; visibility:hidden}


	#Bassnotehead3 {
  position: absolute;left: 855px;top: 440px;z-index: "1";border: 0px;padding: 0px;cursor:move; 
}	
	#acc_bass3 {position:absolute; left:825px; top:440px; visibility:hidden}