/* mh370-connect-track.css > mh370-connect-track.html */

html {font-family:arial,sans-serif;font-size:1rem}
body {background:#bbb;}
#content {
	position:relative;
	width:1500px;
	height:1400px;
	background-image: 
		url('images/mh370-connect-2a.png'),
		url('images/mh370-connect-2b.png');
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		0 0,
		0 670px;
	margin: 0 auto;	
}
#content i {position:absolute;display:block;height:15px;border:solid 3px #b4b; border-radius:12px; background:#fefcfe;	
	font-size:92%; font-style:normal; text-align:center; overflow-y:hidden; padding:0px 10px 3px 5px}
#content i:nth-of-type(1) {left:456px;top:630px;}
#content i:nth-of-type(2) {left:441px;top:714px;transform:rotate(90deg);}
#content i:nth-of-type(3) {left:598px;top:341px;transform:rotate(-63deg);}
#content i:nth-of-type(4) {left:627px;top:98px;transform:rotate(90deg);}
#content i:nth-of-type(5) {left:986px;top:210px;transform:rotate(26deg);}
#content span {font-size:80%;position:absolute;right:5px;bottom:5px;}
#content u {text-decoration:none;display:inline-block;position:absolute;width:50px;height:3px;background:#c00;}
#content u:nth-of-type(1) {left:1182px;top:303px;transform:rotate(-64deg);}
#content u:nth-of-type(2) {width:102px;height:8px;position:absolute;left:1109px;top:273px;background:rgba(255,0,255,0.5);transform:rotate(26deg);}
#content s {text-decoration:none;display:inline-block;position:absolute;font-weight:bold;}
#content s:nth-of-type(1) {left:625px;top:35px;}
#content s:nth-of-type(2) {left:625px;top:288px;}
#content s:nth-of-type(3) {left:518px;top:630px;}
#content s:nth-of-type(4) {left:1224px;top:262px;color:#c00}
#content s:nth-of-type(5) {left:494px;top:1022px;color:#c00}
#content s:nth-of-type(5) b {color:#fff;font-size:175%}
#content s:nth-of-type(6) {left:518px;top:1360px;}
#content s:nth-of-type(7) {left:1000px;top:120px;transform:rotate(80.5deg);color:green;text-shadow: -2px -2px 3px #fff, 2px 2px 3px #fff;}
#content s:nth-of-type(8) {left:373px;top:315px;transform:rotate(82deg);color:rgba(10,114,235,1);text-shadow: -2px -2px 3px #fff, 2px 2px 3px #fff;}
#n571 {width:330px;height:20px;position:absolute;left:850px;top:180px;transform:rotate(26deg);font-size:1em;font-weight:bold;padding-left:20px;}
#n571 span {all:revert;font-size:1em;float:right;}
#n571 span:nth-of-type(1) {float:none;margin-left:205px;}
#sp180 {width:330px;height:20px;position:absolute;left:352px;top:1030px;transform:rotate(90deg);font-size:1em;font-weight:bold;}
#sp180 span {all:revert;font-size:1em;float:right;}
#arc1941 {position:absolute;z-index:0;left:299px;top:0;stroke:rgba(255,255,255,0.8);stroke-width:4px;fill:none;}
#dash1941 {stroke:rgba(10,114,235,0.8);stroke-dasharray:20;}
#arc1828 {position:absolute;z-index:0;left:1022px;top:1;stroke:rgba(255,255,255,0.8);stroke-width:4px;fill:none;}
#dash1828 {stroke:rgba(0,128,0,0.8);stroke-dasharray:20;}
#satrad {position:absolute;z-index:1;left:898px;top:478px;font-size:1em;color:#00c;}
#satrad a {all:revert;z-index:1;position:relative;left:-90px;top:-3px;color:#00c;font-weight:normal;text-decoration:underline;}
#satrad b {all:revert;position:relative;z-index:-1;left:-12px;top:-1px;color:#fff;font-size:0.9em;font-weight:normal}
#satrad:hover, #satrad a:hover {color:#f00;}