/* tables */
#tjh   {width:100%;font-size:.9em}
#tjh th {out_line:dotted 1px #00A000}
#tjh th:nth-child(1),
#tjh th:nth-child(3) {width:50%}
#tjh th div {margin:0 33% 10px;border-bottom:solid 1px #A0A0A0}
#tjh th:nth-child(2) span {display:block;width:24px}

#tj   {wid_th:100%;font-size:.9em}
#tj tr th {height:1px}
@-moz-document url-prefix() { /* specific to Firefox! */
  #tj tr,#tj tr th {height:100%}
}
#tj td {out_line:dotted 1px #FF0000}
#tj th div:nth-child(1) {width:0;height:0;border-right:12px solid transparent;border-bottom:12px solid #F39DD1;border-left:12px solid transparent}
#tj th div:nth-child(2) {display:flex;height:calc(100% - 20px);align-items:center;font-weight:bold;background-color:#F39DD1}
#tj th div:nth-child(2) span {display:flex;width:24px;align-items:center;col_or:#FFFFFF;writing-mode:vertical-rl;bac_kground-color:#F39DD1}
#tj th div:nth-child(3) {width:0;height:0;border-right:12px solid #F39DD1;border-bottom:12px solid transparent;border-left:12px solid #F39DD1}
#tj th:nth-child(3) div {height:10px;border:none}  /* spacer at the top of each year */
#tj td {width:50%;vertical-align:top}  /* every cell */
#tj td div:nth-child(even) {margin-bottom:8px}
#tj td:first-child div:nth-child(odd) {margin-right:10px}
#tj td:last-child  div:nth-child(odd) {margin-left:10px}
#tj td div:nth-child(odd) {position:relative;margin:0 4px;font-size:.9em;font-weight:bold;border-bottom:dashed 1px #A0A0A0}
#tj td div:nth-child(even) {margin-right:28px;margin-left:28px;font-size:.85em}
#tj div.tr,
#tj td:last-child  div:nth-child(odd) {text-align:right}
#tj td:first-child div:nth-child(odd):after,  /* ring */
#tj td:last-child  div:nth-child(odd):after {position:absolute;bottom:-4px;display:inline-block;content:'';width:7px;height:7px;background-image:url('imgs/ring.png');background-size:7px 7px}
#tj td:first-child div:nth-child(odd):after {right:-6px}
#tj td:last-child  div:nth-child(odd):after {left:-6px}
#tj td div.tt {margin-top:24px}  /* add space above a date in the same row */
#tj td div.tx {margin-top:48px}  /* add bigger space above a date in the same row */
#tj td div.tb {margin-bottom:0}  /* remove space below text for next entry in next row on other side */
#tj td div.tp {margin-bottom:24px}  /* add bigger space below */
#tj td i {opacity:.5}
#tj div.cr {background-color:RGBA(255,0,0,0.07);box-shadow: 0px 2px 2px 2px RGBA(255,0,0,0.07)}
#tj div.cg {background-color:RGBA(0,255,0,0.07);box-shadow: 0px 2px 2px 2px RGBA(0,255,0,0.07)}
#tj div.cb {background-color:RGBA(0,0,255,0.07);box-shadow: 0px 2px 2px 2px RGBA(0,0,255,0.07)}
#tj div.cp {background-color:RGBA(54,9,73,0.07);box-shadow: 0px 2px 2px 2px RGBA(54,9,73,0.07)}
#tj .c2 th div:nth-child(1) {border-bottom-color:#D49EFE}
#tj .c2 th div:nth-child(2) {background-color:#D49EFE}
#tj .c2 th div:nth-child(3) {border-right-color:#D49EFE;border-left-color:#D49EFE}
#tj .c3 th div:nth-child(1) {border-bottom-color:#9CB5FE}
#tj .c3 th div:nth-child(2) {background-color:#9CB5FE}
#tj .c3 th div:nth-child(3) {border-right-color:#9CB5FE;border-left-color:#9CB5FE}
#tj .c4 th div:nth-child(1) {border-bottom-color:#9FE3FE}
#tj .c4 th div:nth-child(2) {background-color:#9FE3FE}
#tj .c4 th div:nth-child(3) {border-right-color:#9FE3FE;border-left-color:#9FE3FE}
#tj .c5 th div:nth-child(1) {border-bottom-color:#B2FEDB}
#tj .c5 th div:nth-child(2) {background-color:#B2FEDB}
#tj .c5 th div:nth-child(3) {border-right-color:#B2FEDB;border-left-color:#B2FEDB}
#tj .c6 th div:nth-child(1) {border-bottom-color:#D3FFA3}
#tj .c6 th div:nth-child(2) {background-color:#D3FFA3}
#tj .c6 th div:nth-child(3) {border-right-color:#D3FFA3;border-left-color:#D3FFA3}
#tj .c7 th div:nth-child(1) {border-bottom-color:#FCEAA5}
#tj .c7 th div:nth-child(2) {background-color:#FCEAA5}
#tj .c7 th div:nth-child(3) {border-right-color:#FCEAA5;border-left-color:#FCEAA5}
#tj .c8 th div:nth-child(1) {border-bottom-color:#F7CDA2}
#tj .c8 th div:nth-child(2) {background-color:#F7CDA2}
#tj .c8 th div:nth-child(3) {border-right-color:#F7CDA2;border-left-color:#F7CDA2}
#tj .c9 th div:nth-child(1) {border-bottom-color:#FFB3A6}
#tj .c9 th div:nth-child(2) {background-color:#FFB3A6}
#tj .c9 th div:nth-child(3) {border-right-color:#FFB3A6;border-left-color:#FFB3A6}

/* screens <= 635px */
@media only screen AND (max-width:635px){
  #tm td {font-size:.8em;fon_t-size:.8rem}
  #tm td.ma label input + div {min_-width:90px}
  #tm td.ma img {display:inline;width:auto;height:1.2em;margin-bottom:-.2em}
}

/* screens <= 401px */
@media only screen AND (max-width:401px){
  #tm td {font-size:.7em;fon_t-size:.7rem}
  #tm td.ar {white-space:normal}
  #tm td.ma label input + div {min_-width:60px}
  #tm td.ma img {display:inline;width:auto;height:1.1em;margin-bottom:-.15em}
}