
/* class teachers/subjects/rooms */
#stt td.Ar_ div {background-color:#E8F6E2}  /* solid colour but equiv to 32/255 alpha (over white) of the first-child div bg */
#stt td.Ar_ div div:first-child {background-color:#4CBC19}
#stt td.Ar_ div div:nth-child(2):after {content:'Mrs U Westwood'}
#stt td.Ar_ div div:nth-child(3):after {content:'Art'}
#stt td.Ar_ div div:nth-child(4):after {content:'Art - upstairs'}
#stt td.CS_ div {background-color:#EAF6F7}
#stt td.CS_ div div:first-child {background-color:#58BDC6}
#stt td.CS_ div div:nth-child(2):after {content:'Mr M Sexton'}
#stt td.CS_ div div:nth-child(3):after {content:'Computer\a Studies';white-space:pre}
#stt td.CS_ div div:nth-child(4):after {content:'IT room 27\a - top floor';white-space:pre}
#stt td.Dr_ div {background-color:#E7E6F3}
#stt td.Dr_ div div:first-child {background-color:#403AA7}
#stt td.Dr_ div div:nth-child(2):after {content:'Miss A Brady'}
#stt td.Dr_ div div:nth-child(3):after {content:'Drama'}
#stt td.Dr_ div div:nth-child(4):after {content:'Drama studio 1'}
#stt td.En_ div {background-color:#E5E1E3}
#stt td.En_ div div:first-child {background-color:#361225}
#stt td.En_ div div:nth-child(2):after {content:'Mr C Bond'}
#stt td.En_ div div:nth-child(3):after {content:'English'}
#stt td.En_ div div:nth-child(4):after {content:'A2 - Acorn block'}
#stt td.FT_ div {background-color:#EAF6F7}
#stt td.FT_ div div:first-child {background-color:#58BDC6}
#stt td.FT_ div div:nth-child(2):after {content:'Miss R Holland'}
#stt td.FT_ div div:nth-child(3):after {content:'Food Tech'}
#stt td.FT_ div div:nth-child(4):after {content:'Food'}
#stt td.Ge_ div,
#stt td.Ge2 div {background-color:#F7FAF1}
#stt td.Ge_ div div:first-child,
#stt td.Ge2 div div:first-child {background-color:#C3DC93}
#stt td.Ge_ div div:nth-child(2):after,
#stt td.Ge2 div div:nth-child(2):after {content:'Mrs R Ellis'}
#stt td.Ge_ div div:nth-child(3):after,
#stt td.Ge2 div div:nth-child(3):after {content:'Geography'}
#stt td.Ge_ div div:nth-child(4):after {content:'Room 21'}
#stt td.Ge2 div div:nth-child(4):after {content:'Room 28'}
#stt td.Hi_ div {background-color:#F1EDEE}
#stt td.Hi_ div div:first-child {background-color:#95777B}
#stt td.Hi_ div div:nth-child(2):after {content:'Mr S Phillips'}
#stt td.Hi_ div div:nth-child(3):after {content:'History'}
#stt td.Hi_ div div:nth-child(4):after {content:'A5 - Acorn block'}
#stt td.La_ div {background-color:#EBF8E1}
#stt td.La_ div div:first-child {background-color:#65CD15}
#stt td.La_ div div:nth-child(2):after {content:'Mr T Paterson'}
#stt td.La_ div div:nth-child(3):after {content:'Latin'}
#stt td.La_ div div:nth-child(4):after {content:'Upstairs\a diningroom';white-space:pre}
#stt td.Ma_ div {background-color:#EAF4F3}
#stt td.Ma_ div div:first-child {background-color:#5EAFA4}
#stt td.Ma_ div div:nth-child(2):after {content:'Miss S Cranmer'}
#stt td.Ma_ div div:nth-child(3):after {content:'Maths'}
#stt td.Ma_ div div:nth-child(4):after {content:'Room 21'}
#stt td.Mu_ div {background-color:#E8E7FC}
#stt td.Mu_ div div:first-child {background-color:#4B43E9}
#stt td.Mu_ div div:nth-child(2):after {content:'Mrs Z Hogan'}
#stt td.Mu_ div div:nth-child(3):after {content:'Music'}
#stt td.Mu_ div div:nth-child(4):after {content:'Music Centre'}
#stt td.PE_ div,
#stt td.PE2 div {background-color:#E6F2E8}
#stt td.PE_ div div:first-child,
#stt td.PE2 div div:first-child {background-color:#3C9F4B}
#stt td.PE_ div div:nth-child(2):after {content:'Ms N Wallace'}
#stt td.PE2 div div:nth-child(2):after {content:'Mrs C Das Gupta'}
#stt td.PE_ div div:nth-child(3):after,
#stt td.PE2 div div:nth-child(3):after {content:'PE'}
#stt td.PE_ div div:nth-child(4):after {content:'Sports Hall'}
#stt td.PE2 div div:nth-child(4):after {content:'Gymnasium'}
#stt td.PR_ div {background-color:#EAF8EF}
#stt td.PR_ div div:first-child {background-color:#5FC980}
#stt td.PR_ div div:nth-child(2):after {content:'Miss T Lynch'}
#stt td.PR_ div div:nth-child(3):after {content:'Philosophy\a & Religion';white-space:pre}
#stt td.PR_ div div:nth-child(4):after {content:'Room 30'}
#stt td.Sc_ div,
#stt td.Sc2 div,
#stt td.Sc3 div,
#stt td.Sc4 div {background-color:#EDFBDF}
#stt td.Sc_ div div:first-child,
#stt td.Sc2 div div:first-child,
#stt td.Sc3 div div:first-child,
#stt td.Sc4 div div:first-child {background-color:#71E300}
#stt td.Sc_ div div:nth-child(2):after,
#stt td.Sc2 div div:nth-child(2):after {content:'Mr S Broadbent'}
#stt td.Sc3 div div:nth-child(2):after,
#stt td.Sc4 div div:nth-child(2):after {content:'Mrs A Newlands'}
#stt td.Sc_ div div:nth-child(3):after,
#stt td.Sc3 div div:nth-child(3):after,
#stt td.Sc2 div div:nth-child(3):after,
#stt td.Sc4 div div:nth-child(3):after {content:'Science'}
#stt td.Sc_ div div:nth-child(4):after {content:'Curie Lab'}
#stt td.Sc2 div div:nth-child(4):after {content:'Huygens Lab'}
#stt td.Sc3 div div:nth-child(4):after {content:'Darwin Lab'}
#stt td.Sc4 div div:nth-child(4):after {content:'Room 28'}
#stt td.Sp_ div {background-color:#FAE7EE}
#stt td.Sp_ div div:first-child {background-color:#DD477C}
#stt td.Sp_ div div:nth-child(2):after {content:'Mrs I Munoz\a Martinez';white-space:pre}
#stt td.Sp_ div div:nth-child(3):after {content:'Spanish'}
#stt td.Sp_ div div:nth-child(4):after {content:'L5 Lang block'}

/* screens <= 410px */
@media only screen AND (max-width:410px){
  #stt td.Bi_ div div:nth-child(3):after,
  #stt td.Bi2 div div:nth-child(3):after {content:'Bio'}
  #stt td.Ch_ div div:nth-child(3):after,
  #stt td.Ch2 div div:nth-child(3):after {content:'Chem'}
  #stt td.CS_ div div:nth-child(3):after {content:'Comp.\a Studies';white-space:pre}
  #stt td.CS_ div div:nth-child(4):after {content:'IT room 27'}
  #stt td.En_ div div:nth-child(4):after {content:'A2 - Acorn'}
  #stt td.Ge_ div div:nth-child(3):after,
  #stt td.Ge2 div div:nth-child(3):after {content:'Geog'}
  #stt td.Hi_ div div:nth-child(4):after {content:'A5 - Acorn'}
  #stt td.La_ div div:nth-child(4):after {content:'Upstairs\a d’room';white-space:pre}
  #stt td.PE2 div div:nth-child(4):after {content:'Gym'}
  #stt td.Ph_ div div:nth-child(3):after,
  #stt td.Ph2 div div:nth-child(3):after {content:'Phy'}
  #stt td.PR_ div div:nth-child(3):after {content:'PRS'}
  #stt td.Sp_ div div:nth-child(2):after {content:'Mrs Munoz'}
}

/* screens <= 350px */
@media only screen AND (max-width:350px){
  #stt td.Ar_ div div:first-child {display:none}
  #stt td.Ar_ div div:nth-child(2) {display:none}
  #stt td.Ar_ div div:nth-child(3):after {content:'Art'}
  #stt td.Ar_ div div:nth-child(4):after {content:'upstairs'}
  #stt td.CS_ div div:first-child {display:none}
  #stt td.CS_ div div:nth-child(2) {display:none}
  #stt td.CS_ div div:nth-child(3):after {content:'Comp.'}
  #stt td.CS_ div div:nth-child(4):after {content:'IT 27'}
  #stt td.Dr_ div div:first-child {display:none}
  #stt td.Dr_ div div:nth-child(2) {display:none}
  #stt td.Dr_ div div:nth-child(3):after {content:'Drama'}
  #stt td.Dr_ div div:nth-child(4):after {content:'studio 1'}
  #stt td.En_ div div:first-child {display:none}
  #stt td.En_ div div:nth-child(2) {display:none}
  #stt td.En_ div div:nth-child(3):after {content:'English'}
  #stt td.En_ div div:nth-child(4):after {content:'A2'}
  #stt td.FT_ div div:first-child {display:none}
  #stt td.FT_ div div:nth-child(2) {display:none}
  #stt td.FT_ div div:nth-child(3):after {content:'Food\a Tech';white-space:pre}
  #stt td.FT_ div div:nth-child(4):after {content:'Food'}
  #stt td.Ge_ div div:first-child,
  #stt td.Ge2 div div:first-child {display:none}
  #stt td.Ge_ div div:nth-child(2),
  #stt td.Ge2 div div:nth-child(2) {display:none}
  #stt td.Ge_ div div:nth-child(3):after,
  #stt td.Ge2 div div:nth-child(3):after {content:'Geog'}
  #stt td.Ge_ div div:nth-child(4):after {content:'21'}
  #stt td.Ge2 div div:nth-child(4):after {content:'28'}
  #stt td.Hi_ div div:first-child {display:none}
  #stt td.Hi_ div div:nth-child(2) {display:none}
  #stt td.Hi_ div div:nth-child(3):after {content:'History'}
  #stt td.Hi_ div div:nth-child(4):after {content:'A5'}
  #stt td.La_ div div:first-child {display:none}
  #stt td.La_ div div:nth-child(2) {display:none}
  #stt td.La_ div div:nth-child(3):after {content:'Latin'}
  #stt td.La_ div div:nth-child(4):after {content:'U. d’room'}
  #stt td.Ma_ div div:first-child {display:none}
  #stt td.Ma_ div div:nth-child(2) {display:none}
  #stt td.Ma_ div div:nth-child(3):after {content:'Maths'}
  #stt td.Ma_ div div:nth-child(4):after {content:'21'}
  #stt td.Mu_ div div:first-child {display:none}
  #stt td.Mu_ div div:nth-child(2) {display:none}
  #stt td.Mu_ div div:nth-child(3):after {content:'Music'}
  #stt td.Mu_ div div:nth-child(4):after {content:'Music'}
  #stt td.PE_ div div:first-child,
  #stt td.PE2 div div:first-child {display:none}
  #stt td.PE_ div div:nth-child(2),
  #stt td.PE2 div div:nth-child(2) {display:none}
  #stt td.PE_ div div:nth-child(3):after,
  #stt td.PE2 div div:nth-child(3):after {content:'PE'}
  #stt td.PE_ div div:nth-child(4):after {content:'Sp. Hall'}
  #stt td.PE2 div div:nth-child(4):after {content:'Gym'}
  #stt td.PR_ div div:first-child {display:none}
  #stt td.PR_ div div:nth-child(2) {display:none}
  #stt td.PR_ div div:nth-child(3):after {content:'PRS'}
  #stt td.PR_ div div:nth-child(4):after {content:'30'}
  #stt td.Sc_ div div:first-child,
  #stt td.Sc2 div div:first-child,
  #stt td.Sc3 div div:first-child,
  #stt td.Sc4 div div:first-child {display:none}
  #stt td.Sc_ div div:nth-child(2),
  #stt td.Sc2 div div:nth-child(2),
  #stt td.Sc3 div div:nth-child(2),
  #stt td.Sc4 div div:nth-child(2) {display:none}
  #stt td.Sc_ div div:nth-child(3):after,
  #stt td.Sc3 div div:nth-child(3):after,
  #stt td.Sc2 div div:nth-child(3):after,
  #stt td.Sc4 div div:nth-child(3):after {content:'Science'}
  #stt td.Sc_ div div:nth-child(4):after {content:'Curie'}
  #stt td.Sc2 div div:nth-child(4):after {content:'Huygens'}
  #stt td.Sc3 div div:nth-child(4):after {content:'Darwin'}
  #stt td.Sc4 div div:nth-child(4):after {content:'28'}
  #stt td.Sp_ div div:first-child {display:none}
  #stt td.Sp_ div div:nth-child(2) {display:none}
  #stt td.Sp_ div div:nth-child(3):after {content:'Spanish'}
  #stt td.Sp_ div div:nth-child(4):after {content:'L5'}
}