
/* class teachers/subjects/rooms */
#stt td.Ch_ div,
#stt td.Ch2 div,
#stt td.Ch3 div,
#stt td.Ch4 div {background-color:#F4E6E6	}
#stt td.Ch_ div div:first-child,
#stt td.Ch2 div div:first-child,
#stt td.Ch3 div div:first-child,
#stt td.Ch4 div div:first-child {background-color:#CE4040}
#stt td.Ch_ div div:nth-child(2):after,
#stt td.Ch2 div div:nth-child(2):after {content:'Mrs L Masterson'}
#stt td.Ch3 div div:nth-child(2):after,
#stt td.Ch4 div div:nth-child(2):after {content:'Mrs E Cox'}
#stt td.Ch_ div div:nth-child(3):after,
#stt td.Ch2 div div:nth-child(3):after,
#stt td.Ch3 div div:nth-child(3):after,
#stt td.Ch4 div div:nth-child(3):after {content:'Chemistry'}
#stt td.Ch_ div div:nth-child(4):after,
#stt td.Ch4 div div:nth-child(4):after {content:'Franklin Lab'}
#stt td.Ch2 div div:nth-child(4):after {content:'Room 31'}
#stt td.Ch3 div div:nth-child(4):after {content:'Gospel Lab'}
#stt td.FM_ div,
#stt td.FM2 div {background-color:#EAF8EF}
#stt td.FM_ div div:first-child,
#stt td.FM2 div div:first-child {background-color:#60C060}
#stt td.FM_ div div:nth-child(2):after {content:'Mr M Turner'}
#stt td.FM2 div div:nth-child(2):after {content:'Ms K Outhwaite'}
#stt td.FM_ div div:nth-child(3):after,
#stt td.FM2 div div:nth-child(3):after {content:'Further\a Maths';white-space:pre}
#stt td.FM_ div div:nth-child(4):after {content:'Room 26'}
#stt td.FM2 div div:nth-child(4):after {content:'Room 22'}
#stt td.Ma_ div,
#stt td.Ma2 div,
#stt td.Ma3 div {background-color:#E5E1E3}  /* solid colour but equiv to 32/255 alpha (over white) of the first-child div bg */
#stt td.Ma_ div div:first-child,
#stt td.Ma2 div div:first-child,
#stt td.Ma3 div div:first-child {background-color:#361225}
#stt td.Ma_ div div:nth-child(2):after {content:'Mr M Turner'}
#stt td.Ma2 div div:nth-child(2):after,
#stt td.Ma3 div div:nth-child(2):after {content:'Mrs E Constable'}
#stt td.Ma_ div div:nth-child(3):after,
#stt td.Ma2 div div:nth-child(3):after,
#stt td.Ma3 div div:nth-child(3):after {content:'Maths'}
#stt td.Ma_ div div:nth-child(4):after {content:'Room 26'}
#stt td.Ma2 div div:nth-child(4):after {content:'Room 5'}
#stt td.Ma3 div div:nth-child(4):after {content:'Room 8'}
#stt td.Ph_ div,
#stt td.Ph2 div,
#stt td.Ph3 div,
#stt td.Ph4 div {background-color:#E8E8F8}
#stt td.Ph_ div div:first-child,
#stt td.Ph2 div div:first-child,
#stt td.Ph3 div div:first-child,
#stt td.Ph4 div div:first-child {background-color:#6060C0}
#stt td.Ph_ div div:nth-child(2):after,
#stt td.Ph2 div div:nth-child(2):after {content:'Dr J Fletcher'}
#stt td.Ph3 div div:nth-child(2):after,
#stt td.Ph4 div div:nth-child(2):after {content:'Mrs S Mighall'}
#stt td.Ph_ div div:nth-child(3):after,
#stt td.Ph2 div div:nth-child(3):after,
#stt td.Ph3 div div:nth-child(3):after,
#stt td.Ph4 div div:nth-child(3):after {content:'Physics'}
#stt td.Ph_ div div:nth-child(4):after,
#stt td.Ph4 div div:nth-child(4):after {content:'Huygens Lab'}
#stt td.Ph2 div div:nth-child(4):after,
#stt td.Ph3 div div:nth-child(4):after {content:'Franklin Lab'}
#stt td.PSE div {background-color:#F8F0E8}
#stt td.PSE div div:first-child {background-color:#FFC060}
#stt td.PSE div div:nth-child(2):after {content:'Mrs Grady'}
#stt td.PSE div div:nth-child(3):after {content:'PSE'}
#stt td.PSE div div:nth-child(4):after {content:'Room 3'}

/* screens <= 410px */
@media only screen AND (max-width:410px){
  #stt td.Ch_ div div:nth-child(3):after,
  #stt td.Ch2 div div:nth-child(3):after,
  #stt td.Ch3 div div:nth-child(3):after,
  #stt td.Ch4 div div:nth-child(3):after {content:'Chem'}
  #stt td.Ph_ div div:nth-child(3):after,
  #stt td.Ph2 div div:nth-child(3):after,
  #stt td.Ph3 div div:nth-child(3):after,
  #stt td.Ph4 div div:nth-child(3):after {content:'Phy'}
}

/* screens <= 350px */
@media only screen AND (max-width:350px){
  #stt td.Ch_ div div:first-child,
  #stt td.Ch2 div div:first-child,
  #stt td.Ch3 div div:first-child,
  #stt td.Ch4 div div:first-child {display:none}
  #stt td.Ch_ div div:nth-child(2),
  #stt td.Ch2 div div:nth-child(2),
  #stt td.Ch3 div div:nth-child(2),
  #stt td.Ch4 div div:nth-child(2) {display:none}
  #stt td.Ch_ div div:nth-child(3):after,
  #stt td.Ch2 div div:nth-child(3):after,
  #stt td.Ch3 div div:nth-child(3):after,
  #stt td.Ch4 div div:nth-child(3):after {content:'Chem'}
  #stt td.Ch_ div div:nth-child(4):after,
  #stt td.Ch4 div div:nth-child(4):after {content:'Franklin'}
  #stt td.Ch2 div div:nth-child(4):after {content:'31'}
  #stt td.Ch3 div div:nth-child(4):after {content:'Gospel'}
  #stt td.FM_ div div:first-child,
  #stt td.FM2 div div:first-child {display:none}
  #stt td.FM_ div div:nth-child(2),
  #stt td.FM2 div div:nth-child(2) {display:none}
  #stt td.FM_ div div:nth-child(3):after,
  #stt td.FM2 div div:nth-child(3):after {content:'F.Maths'}
  #stt td.FM_ div div:nth-child(4):after {content:'26'}
  #stt td.FM2 div div:nth-child(4):after {content:'22'}
  #stt td.Ma_ div div:first-child,
  #stt td.Ma2 div div:first-child,
  #stt td.Ma3 div div:first-child {display:none}
  #stt td.Ma_ div div:nth-child(2),
  #stt td.Ma2 div div:nth-child(2),
  #stt td.Ma3 div div:nth-child(2) {display:none}
  #stt td.Ma_ div div:nth-child(4):after {content:'26'}
  #stt td.Ma2 div div:nth-child(4):after {content:'5'}
  #stt td.Ma3 div div:nth-child(4):after {content:'8'}
  #stt td.Ph_ div div:first-child,
  #stt td.Ph2 div div:first-child,
  #stt td.Ph3 div div:first-child,
  #stt td.Ph4 div div:first-child {display:none}
  #stt td.Ph_ div div:nth-child(2),
  #stt td.Ph2 div div:nth-child(2),
  #stt td.Ph3 div div:nth-child(2),
  #stt td.Ph4 div div:nth-child(2) {display:none}
  #stt td.Ph_ div div:nth-child(3):after,
  #stt td.Ph2 div div:nth-child(3):after,
  #stt td.Ph3 div div:nth-child(3):after,
  #stt td.Ph4 div div:nth-child(3):after {content:'Phy'}
  #stt td.Ph_ div div:nth-child(4):after,
  #stt td.Ph4 div div:nth-child(4):after {content:'Huygens'}
  #stt td.Ph2 div div:nth-child(4):after,
  #stt td.Ph3 div div:nth-child(4):after {content:'Franklin'}
  #stt td.PSE div div:first-child {display:none}
  #stt td.PSE div div:nth-child(2) {display:none}
  #stt td.PSE div div:nth-child(4):after {content:'3'}
}