
<!--
  p { width: 95%; }
  div { width: 95%; }
  blockquote { width: 90%; }
-->

.tn {
cursor: help;
font-family: HELVETICA,VERDANA,ARIAL;
font-size: 4;
color: #007000;
}

.smap {
position: static;
display: inline-block;
cursor: help;
}

.smap .pum {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  align: left;
  width: 400px;
  color: black;
  background-color: #E0FFF0;
  border: 2px solid green;
}

.smap .show {
visibility: visible;
}

.ts {
position: relative;
display: inline-block;
cursor: help;
}

.ts .tf {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  align: left;
  top: 22px;
  left: -3px;
  width: 450px;
  color: black;
  background-color: #FFFFE0;
  border: 2px solid green;
}

.ts .tf::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background-color: green;
  padding: 5px;
  z-index: 1;
  top: -5px;
  left: 5%;
  border-color: #00FF00
}

.ts .show {
visibility: visible;
}