seh.css

body { font: normal normal 14px/1.3 Arial, Helvetica, sans-serif; margin:0; padding:0; }
canvas { position:absolute; z-index:100; top:0; }
a img { border:0 none; }
sup { line-height:1px; vertical-align:4px; }
span[title]:hover { }
#canvas-wrap { position:absolute;  overflow:hidden; top:0; width:100%; height:4000px;  background-color:#000; } 
.infoBox { font:inherit; border: 5px double #000; border-radius: 4px; background:#f7f7f7; background: -moz-linear-gradient(135deg, #f7f7f7 0%, #fcfcfc 10%, #fff 100%); background: -webkit-linear-gradient(135deg, #f7f7f7 0%, #fcfcfc 10%, #fff 100%); background:  linear-gradient(-45deg, #f7f7f7 0%, #fcfcfc 10%, #fff 100%); margin:0; padding: 4px; position: absolute; width:400px; height:auto; overflow:visible; z-index:121; opacity:0; transition:.6s ease-in opacity; }
.infoBox > .detail { display:block; position:absolute; z-index:1000; background: rgba(247,247,252,0.98); padding:0 4px; border:1px solid #000; border-radius:3px; max-height:0; overflow:hidden; }
.detail { line-height:1.3; padding-top:6px; }
.infoBox .header {  }
.infoBox .header:hover .symDetail { vertical-align:-5px!important; margin-top:13px; }
.symbol { float:left; vertical-align:0px; margin:0 4px 0 0; padding:0; height:24px; width:24px; }
.symDetail { margin:11px 10px 0 -26px; vertical-align:-3px!important; width:16px; height:7px; display:inline-block; }
.symLnk { width:18px; height:14px; display:inline-block; margin-left:2px; vertical-align:0px; }
.symPict { width:18px; height:18px; display:inline-block; margin-left:2px; vertical-align:0px; }
.symFlag { width:24px; height:13px; display:inline-block; }
.symIcon { width:16px; height:16px; display:inline-block; vertical-align:0px; margin-right:0px; }
.symGeo { width:16px; height:17px; display:inline-block; vertical-align:0px; margin:0 4px 0 0; }
.symLegend { width:16px; height:16px; display:inline-block; vertical-align:middle; margin:0 4px 0 0; }
.symFulscr { position:absolute; top:8px; left:8px; width:24px; height:24px; }
.infoTable { font:inherit; margin:6px auto 0; table-layout:fixed; border-spacing: 0px; width:100%; }
.infoTable tr:first-child td { border-bottom: 1px solid #000;}
.infoTable tr:last-child td { border-top: 1px dashed #000; }
.infoTable td { width: 80px; vertical-align: bottom; margin:0; text-align:center; }
.infoTable td:last-child { width: 72px; }
.infoTable td span { display:inline-block; text-align:right; width: 58px; color:#000!important;  }
.infoTable tr.tblHead td span { color:#663!important; }
.infoTable td:first-child { width: 148px; text-align:left; }
.infoTable td:first-child span, .infoTable tr:first-child td span { display:inline; }
.infoTable tr:first-child td:last-child span { display:inline-block; }
.infoTable tr:first-child td { text-align:center; clear:both; }
.infoTableAuto { margin:16px auto 0; font:inherit; table-layout:fixed; border-collapse:collapse; border-spacing: 0px; width:100%; }
.infoTableAuto tbody { display: block; overflow:auto; max-height:240px; }
.infoTableAuto thead tr { display: block; }
.infoTableAuto tbody tr { cursor:pointer; display:inline-block; }
.infoTableAuto tbody tr.row:hover { background:rgb(255, 255, 204)!important; }
.infoTableAuto td { text-align:right; }
.infoTableAuto td:nth-child(1) { text-align:left; }
.infoTableAuto td { vertical-align:bottom; margin:0; }
.infoTableAuto .detPanel { display:inline-block; max-height:0; cursor:text; background:#f7f7fc; overflow:hidden; }
.infoTableAuto tr.detPanel td { width:570px; padding:0 4px; border:1px solid #000; border-radius:3px; display:none; }
.infoPanel { position:relative; margin:0; padding:0; top:18px; height:200px; width:100%; background-color:#000; }
.infoPanel img { position:absolute; margin:0; padding:0; }
.infoPanel .infoImg, .infoTableAuto .detPanel, .detail { transition-property: width, height, top, left, max-height; transition-duration: .6s; transition-timing-function: ease-in-out; }
.infoPanel canvas { position:absolute; z-index:200; }
.infoPanel div { position:absolute; color:#fff; font-size:small; font-weight:bold; }
.infoMap { position:relative; margin:0; padding:0; top:38px; height:auto; width:100%; z-index:100; }
.infoMap img { position:absolute; top:0; left:0; width:100%; height:auto; }
.infoArea { width:100%; height:100%; left:0; top:0; z-index:202; border:0px none; }
.infoPane { position:absolute; display:none; margin:0; padding:0; top:24px; height:500px; width:100%; background-color:#000; overflow-y:auto; overflow-x:hidden; }
.infoTab, .infoTabA { position:relative; float:left; display:inline-block; width:80px; height:16px; top:2px; font:bold 14px/16px  Arial, Helvetica, sans-serif; text-align:center; cursor:pointer; margin: 0 1px; }
.infoTab { border:1px solid transparent; background:rgba(224,224,224,0.8); }
.infoTabA { border:1px solid #000; border-bottom:0 none; background:transparent; }
.infoTab:hover { border:1px dotted #000;  background:rgba(224,224,224,0.4); }
.infoPopup { font:inherit; position:absolute; border:1px solid #000; background:rgba(245,245,245,1); margin:0; padding:4px; height:auto; overflow:visible; z-index:122; opacity:0; transition:.6s ease-in opacity;  }
.infoPopup .lvIcon { position:absolute; bottom:4px; right:10px; margin-right:10px; }
.infoPopup .lcIcon { position:absolute; top:23px; border:1px solid #000; }
.infoPopup .missionFlag { margin:0 0 0 4px; }
.mapMark { position:absolute; height:11px; z-index:121; background:rgba(0,0,0,0); cursor:help; }
.mapPopup { position:absolute; background:rgba(224,224,224,0.8); padding:0; border:2px solid #000; border-radius:3px; opacity:0; z-index:122; overflow:hidden; height:0; width:0px; top:0; transition:.6s ease-in opacity; }
.mapPopup .title { font-weight:bold; }
.mapMark:hover .mapPopup { opacity:1; height:auto; width:160px; top:16px; padding:2px 4px; }
.waitMsg { position:absolute; width:198px; background:rgba(224,224,224,0.9); padding:2px 4px; border:2px solid #000; border-radius:3px; display:none; z-index:122; overflow:visible; font-size:18px; text-align:center; }
.col { float:left; margin:0; padding:0; min-height: 1em; }
.rcol { float:right; text-align:right; margin:0; padding:0; }
.tblRow { margin: 0 }
.tblHead { color:#663; font-variant:small-caps; border-bottom: 1px solid #000; margin: 6px 0 0 }
.missionTitle { font-size: 17px; font-weight:bold; line-height:1; }
a.missionTitle, .bodyName { color:#000; text-decoration:none;  }
a.missionTitle:hover, .bodyName:hover { text-decoration:underline;  }
.missionType, .missionResult { font-weight:bold;  }
.missionStatus { float:right; font-weight:bold; vertical-align:top;  }
.missionIcon { max-height:220px; max-width:220px; vertical-align:top; }
.missionFlag { border: 1px solid #999; margin:0 6px 0 0; vertical-align:top; width:24px; height:13px; display:inline-block; }
.missionAgency { float:right; vertical-align:top; border:0px none; width:24px; height:24px; display:inline-block; }
.missionAgencyW { float:right; text-decoration:none; font-weight:bold; vertical-align:top; border:0px none; margin:0 0 0 3px;  }
span.missionAgency, img.missionAgency  { margin:0 0 3px 3px; }
.missionLnk:hover, .infoLnk:hover {  text-decoration:none; border-bottom:1px dotted #000; cursor:pointer; }
.category, .tblcategory, .lstcategory { color:#663; font-variant:small-caps; }
.lstcategory { display:inline-block; width:86px; white-space:nowrap; }
.category:after, .lstcategory:after { content: ": " }
.eventDate { font-style:italic; }
.eventRpDate { font-size:x-small; }
.eventLoc { font-weight:bold; color:#333;  }
.timeline, .hilight,  .hilightW { position:absolute; font: 14px/1 Arial; color: #eee; background: rgba(0,0,0,0); z-index:104; cursor:pointer; }
.statusOngoing, .statusPlanned, .statusFailure, .statusPartial, .statusSuccess { padding:0 6px 0 0; vertical-align:top; }
.timeline:hover, .timeline:hover .statusFailure, .timeline:hover .statusPartial { color:#fff; }
.timeline:hover .hilight, .hilight:hover { border: 1px solid rgba(255,255,255,0.6); background: rgba(255,255,255,0.3); }
.hilightW:hover {  border: 1px solid rgba(0,0,0,0.4); background: rgba(0,0,0,0.2); }
.imgHilight { position:absolute; top:-9999px; opacity:0; transition:.6s ease-in opacity; }
.timeline:hover .imgHilight { opacity:1; }
.statusOngoing { font-weight:bold; }
.statusPlanned { font-style:italic; }
.statusFailure { color:#999; }
.statusPartial { color:#ccc; }
.legBox { position:absolute; font:inherit; line-height:1.15; background-color:transparent; border-top:1px dashed #eee; color:#fff;  z-index:120;  }
.legBox canvas { position:absolute; }
.legCol { position:absolute; color:#eee; }
.legColW { position:absolute; color:#000; background-color:#fff; }
.legCol span { line-height:1.3; padding:0 0 0 3px; margin:0; }
.legCol span.indent { padding-left:21px; }
.legTitle { font-size: 17px; font-weight:bold; line-height:1; color:#fff; margin:6px 0 2px; }
.legColW .legTitle { color:#000; }
.legColC, .legColCat { position:relative; float:left; display:inline-block; text-align:center; border-top:1px solid #000; margin-bottom:2px; padding-top:12px; line-height:1.2; }
.legColCat { text-align:left; }
/*#legColLV > div:nth-child(-n+8) { border-top:0 none;  }*/
.legColC:nth-child(-n+7) { border-top:0 none;  }
.legColC img { position:relative;  display:inline-block;  }
.lvYr { font:bold 15px/1 Arial; margin-right:3px; }
.lvid { display:inline-block; line-height:1; height:28px; width:76px; font-weight:bold; }
.lvFlag { border: 1px solid #999; margin:0; vertical-align:top; width:24px; height:13px; display:inline-block; }
.legStatus { }
.legLnk { display:inline-block; padding:1px 4px; margin:0px; color:#99f; text-decoration:underline; cursor:pointer;  }
.legImg { padding: 2px 6px 0 0; width:20px; height:auto; margin: 6px 0; vertical-align:-8px; }
.legImgW, .legImgWS { margin: 0px 4px 4px; background-color:#fff; display:inline-block; }
.legImgW{ width:24px; height:24px; vertical-align:-10px; }
.legImgWS{ width:16px; height:16px; vertical-align:-6px; }
.legS {  width:16px; height:7px; margin-top:8px; }
.legSmall { font-size: x-small; }
.histTitle { position:absolute; font-weight:bold; text-align:right; color:#fff; width:99%; z-index:101; }
.histTitle img { vertical-align:-2px; }
.bold { font-weight:bold; }
.uline { text-decoration:underline; }
.loadImg { position:absolute; width:100%; height:auto; left:0; }
.cImg { position:absolute; z-index:101; }
.info { position:absolute; z-index:103; top:0; left:0; height:40px; background:transparent; }
.info span { position:absolute; margin:6px 0 0; cursor:pointer; color: #fff; _border: 2px solid #00c; _border-radius: 22px; _background: #00c; font: bold 26px/0px Consolas, 'Courier New', monospace; display: inline-block; padding: 13px 5px 11px; text-decoration:none; }
a.close{ position:absolute; margin:-21px 0 0; cursor:pointer; color: #fff; border: 2px solid #c00; border-radius: 18px; background: #c00; font: bold 22px/0px Consolas, monospace; display: inline-block; padding: 8px 4px 13px; text-decoration:none; }
a.close:hover { background: #e00; border-color:#e00;  }