*{	color: black;}

.generalText
{
	font-family: serif;
}

/*input[type="text"]
{
	width: 90%;
    text-align: center;
}*/

/*input[type="text"] {width: 90%; font-family: serif;}*/

.shortCell{width: 5.5%;}
.longCell{width: 5.5%;}
.tg  {border-collapse:collapse;border-spacing:0; width: 99%;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;width: 10.8125%}
.tg .tg-266k{background-color:#9b9b9b;border-color:inherit;text-align:left;vertical-align:top; width: 10.8125%}
.tg .tg-xldj{border-color:inherit;text-align:left}
.tg .tg-0pky{border-color:red;text-align:left;vertical-align:top}

#staffInfo{width: 12.5% }

#score
{
  position: absolute;
  top: 50px;
  width: 1000px;
  max-width: none;
}

.RNbox
{
  position: absolute;
  width: 30px;
  height: 15px;
  top: 275px;	
}

.RNbox>input[type="text"], .LSbox>input[type="text"], .VLboxTenor>input[type="text"], .VLboxAlto>input[type="text"]
{
  width: 35px;
  height: 12px;
  text-align: center;
  font-family: serif;
}

.LSbox
{
  position: absolute;
  width: 30px;
  height: 12px;
  top: 34px;	
}

.VLboxTenor, .VLboxAlto
{
  position: absolute;
  width: 30px;
  height: 12px;
}

.VLboxTenor
{
  top: 138px;
}

.VLboxAlto
{
  top: 159px;
}

#questionSpace1
{
  position: relative;
  width: 1000px;
  height: 340px;
}

#givenRNInfo1, #givenRNInfo2, #givenRNInfo3
{
  position: absolute;
  width: 50px;
  height: 30px;
  top: 275px;
  font-family: serif;
}

#givenLSInfo1, #givenLSInfo2, #givenLSInfo3, #givenLSInfo4
{
  position: absolute;
  width: 50px;
  height: 30px;
  top: 34px;
  font-family: serif;
}

#givenVLInfo1, #givenVLInfo2
{
  position: absolute;
  width: 50px;
  height: 30px;
  font-family: serif;
}

#givenVLInfo1{left: 185px; top: 139px;}
#givenVLInfo2{left: 185px; top: 160px;}

#givenRNInfo1{left: 120px;}
#givenRNInfo2{left: 475px;}
#givenRNInfo3{left: 570px;}

#givenLSInfo1{left: 57px; width: 90px; top: 14px;}
#givenLSInfo2{left: 132px;}
#givenLSInfo3{left: 472px;}
#givenLSInfo4{left: 561px;}



#RNbox1, #LSbox1 {left: 168px;}
#RNbox2, #LSbox2 {left: 234px;}
#RNbox3, #LSbox3 {left: 290px;}
#RNbox4, #LSbox4 {left: 348px;}
#RNbox5, #LSbox5 {left: 396px;}
#RNbox6, #LSbox6 {left: 604px;}
#RNbox7, #LSbox7 {left: 667px;}
#RNbox8, #LSbox8 {left: 720px;}
#RNbox9, #LSbox9 {left: 776px;}
#RNbox10, #LSbox10 {left: 824px;}
#RNbox11, #LSbox11 {left: 892px;}


#VLbox1, #VLbox2 {left: 234px;}
#VLbox3, #VLbox4 {left: 290px;}
#VLbox5, #VLbox6 {left: 348px;}
#VLbox7, #VLbox8 {left: 396px;}
#VLbox9, #VLbox10 {left: 461px;}
#VLbox11, #VLbox12 {left: 604px;}
#VLbox13, #VLbox14 {left: 667px;}
#VLbox15, #VLbox16 {left: 720px;}
#VLbox17, #VLbox18 {left: 776px;}
#VLbox19, #VLbox20 {left: 824px;}
#VLbox21, #VLbox22 {left: 892px;}

#VLbox21 {top: 142px;}
#VLbox22 {top: 163px;}


.HarmonicDictation3
{
  position: absolute;
  width: 30px;
  height: 15px;
}

.Harm3Mel
{
    top: 94px;	
}

.HarmonicDictation3>input[type="text"]
{
  width: 35px;
  height: 12px;
  text-align: center;
  font-family: serif;
}

#HMD3_01,#HBD3_01{left: 285px;}
#HMD3_02,#HBD3_02{left: 427px;}
#HMD3_03,#HBD3_03{left: 518px;}
#HMD3_04,#HBD3_04{left: 641px;}
#HMD3_05,#HBD3_05{left: 719px;}
#HMD3_06,#HBD3_06{left: 825px;}

.Harm3Bass
{
	top: 179px;
}


@font-face
{
    font-family: csTimes;
    src: url("https://www.brianedwardjarvis.com/fonts/CSTIMES.TTF");
}

@font-face
{
    font-family: scaleDegreeTimes;
    src: url("https://www.brianedwardjarvis.com/fonts/ScaleDegreesTimes.ttf");
}

@font-face
{
    font-family: figurato;
    src: url("https://www.brianedwardjarvis.com/fonts/Figurato.otf");
}

@font-face
{
    font-family: figuratoMac;
    src: url("https://www.brianedwardjarvis.com/fonts/FiguratoMac.otf");
}


.csTimes
{
  color: red;
  font-family: csTimes;
}

.scaleDegreeTimes
{
  color: blue;
  font-family: scaleDegreeTimes;
}


.figurato
{
  color: black;
  font-family: figurato;
}

.figuratoMac
{
  color: orange;
  font-family: figuratoMac;
}