.l1 {background: #F77} .l1:hover a, .l1:hover a:visited, .l1:hover { color: #F77; background: #000} .l2 {background: #FC6} .l2:hover a, .l2:hover a:visited, .l2:hover { color: #FC6; background: #000} .l3 {background: #FF6} .l3:hover a, .l3:hover a:visited, .l3:hover { color: #FF6; background: #000} .l4 {background: #CF8} .l4:hover a, .l4:hover a:visited, .l4:hover { color: #CF8; background: #000} .l5 {background: #8F8} .l5:hover a, .l5:hover a:visited, .l5:hover { color: #8F8; background: #000} .l0:hover a, .l0:hover a:visited, .l0:hover { color: #888; background: #000} .ex { color: #D00} .legend .ex:hover { background: #000} #browser .mapped tr:hover > td:first-of-type { background: #FFF } .p:hover::after {color: #F00} .Co, .Xi.Co {background: #DBB} /* private */ .c-sa, .g1 {background: #8FD} .c-na, .g2 {background: #8F8} .g3 {background: #BF6} .c-af, .g4 {background: #FF6} .g5 {background: #FC6} .c-eu {background: #FB6} .g6 {background: #F96} .c-as, .g7 {background: #F77} .c-an, .g8 {background: #E8E} .c-oc, .g9 {background: #9AF} .Co:hover {background: #000; color: #DBB} /* private */ .c-sa:hover, .g1 a:hover, .g1[onclick]:hover {background: #000; color: #8FD} .c-na:hover, .g2 a:hover, .g2[onclick]:hover {background: #000; color: #7E7} .g3 a:hover, .g3[onclick]:hover {background: #000; color: #CE6} .c-af:hover, .g4 a:hover, .g4[onclick]:hover {background: #000; color: #FF7} .g5 a:hover, .g5[onclick]:hover {background: #000; color: #FA6} .c-eu:hover {background: #000; color: #FB6} .g6 a:hover, .g6[onclick]:hover {background: #000; color: #FFA070} .c-as:hover, .g7 a:hover, .g7[onclick]:hover {background: #000; color: #F77} .c-an:hover, .g8 a:hover, .g8[onclick]:hover {background: #000; color: #E8E} .c-oc:hover, .g9 a:hover, .g9[onclick]:hover {background: #000; color: #99F} dl.legend dt.ext, .keys td.ext { border: 1px solid #F00; }