HTML { margin: 0; padding: 0; height:100%; }

  html { cursor: url('../images/cursors/arrow.cur'), /* cursor over text */
                   url('../images/cursors/ghost.cur'),
                   default; }

  BODY {
    height:100%;
    width:100%;
    color: black;
    margin: 0;
    padding: 0;
    max-width:50rem;
    font-size: 10pt;
    font-family: Times New Roman, serif;
  }

  code {
    display:block;
    margin:2em 2.5em; padding:.125em .25em;
    border:1px solid #a77;
    color:inherit; background-color:#f5f5ff;
  }

  code.logs {
    text-indent:-2em;
    padding-left:2.25em;
  }

  code b { color:inherit; background-color:#ddd;}

  code > xmp { margin:0; }

  .xmp { margin-left:1em; font-weight:900; }
  
  div.outerbox {
    background: linear-gradient(#f0f0ff, #40405f);
    position:fixed;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:auto;
  }

  DIV#content {
    font: 10pt/1.25em Times Roman, Verdana, Arial, Serif;
    margin: 0;
    opacity:.92;
    display:flex;
    flex-direction:column;
  }

  DIV#content p { line-height: 1.4em; }
  
  div#columns {
    background-color:#fff;
    border:1px solid #888;
    box-shadow: 1px 1px 2px 2px #bbb inset;
    align-content:center;
    z-index:1;
    display:flex;
    flex-direction:row;
    margin:1rem;
    padding:.25rem;
    min-height:min-content;
  }
  
  div#titlebox {
    min-width:22em;
    padding-left:1em;
    z-index:0;
  }

  .shadowtext {
    margin: 0;
    padding: 0;
    text-shadow:2px 2px 8px #8888FF;
    font-size:3em;
    color:#eff;
    background-color:inherit;
  }
  
  .subshadow {
    margin:0;
    font-style:italic;
    font-size:1.25em;
    color:#bcf;
  }
  
  div.avatars {
    margin:0 1em .5em 0;
    width:120px; border:1px solid #fff;
    display:inline-block;
  }

  div.avatars >div {
    margin-bottom:1.5em;
    padding: .5em;
    background: radial-gradient(farthest-corner at 50%
    50%,white,white,#4040f0,#9090f0);
    border: 1px solid black;
  }
  
  div.avatars >div >span {
    display:block;
    text-align:center;
    font-weight:900;
    text-shadow: 0px 0px 3px #fff;
  }
  
  div.avatars >div:last-child {
    margin-bottom:0;
  }
  
  div.avatars >div>img {
    width: 120px;
    border:1px solid black;
  }
  
  div.pagecontent {
    display:inline-block;
    margin-left:1rem;
    margin-right:.25rem;
  }
  
  div.pagecontent img {
    margin: .5rem;
    border-radius: 10px;
  }
  
  div.pagecontent p {
    box-shadow: 0px 0px 6px 6px #ccc;
    border-radius:.25rem;
    padding:.25rem;
    margin: 2rem 0;
  }
  
  div.pagecontent p:first-child {
    margin-top:.25rem;
  }
  
  div.pagecontent p:last-child {
    margin-bottom:.25rem;
  }
  
  img.emoji {
    margin:0!important;
    vertical-align:middle;
  }
  

span.info{
  position:relative; /*this is the key*/
  cursor:help;
  text-decoration:none;
  z-index: 3;
}

#topbar
	{
	  background: linear-gradient(#2a4cc5, #03126d);
	  border-bottom-left-radius:12px;
	  border-bottom-right-radius:12px;
	  box-shadow: 0px 0px 40px 40px #aba6b2;

	  color: white;
	  text-align: left;
	  position: relative;
	  max-width:50rem;
	  min-width:30rem;
	  margin-left:2rem;
	  margin-right:2rem;
	  justify-content:center;
        }
#topbar table { border-collapse: collapse; margin: 0; padding: 0;}
#topbar input {
           margin:0; padding:0;
           color: #58a; background-color:#cde; }
#topbar input:hover { border: 1px solid white; }
#topbar input, #topbar select {
          margin: 0; padding: 0;
           border: 1px solid #248;
          font: 10pt/12pt Times Roman, Verdana, Arial, Serif;
          height: 1.5em;
          vertical-align: bottom;
          }

#topbar option { font-size: 9pt; }
#topbar select, #topbar option { color: #58a; background-color: #cde}
#topbar option[disabled] { color: #ccc; background-color:inherit; text-indent: 1em; font-size: .4em;}
#topbar option[disabled]:after { content: ' '; }
#topbar select#loc { width:15em; }
#topbar select#loc option { width:20em; }

#topbar option.section { text-indent: 1.125em; font-weight: 900; margin-top: 4px; background: url(../images/blue-gradient-240x4.png) repeat-y top left;}
#topbar option.ind1 { text-indent: .5em; font-style: italic;}
a[href ^="http://"]:after { content:' ' url(../images/icon-external.png); }

div#content SPAN.utitle {
   font: normal normal 100 12pt/12pt Georgia, "Times New Roman", "Arial", serif;
   border-bottom: #5af 2px solid;
   text-shadow: 1px 1px;
   display: block; clear: both;
   width: 100%;
   text-indent: 1em;
   padding-bottom: 1px; }

div#content .attention { color: #a05020; background-color: transparent; font-weight: 600;}
div#content .sendmailverb { color:brown; background-color:inherit; }
div#content .boxhilite { color:inherit; background-color:yellow; border:1px solid orange; padding:0 2px;}

div#content dl { border: 1px solid #a77; padding-top:1em; margin: 1em 2.5em;}
div#content dt { margin-left: 1em; font-size: 1.0em; color:#000; background-color: #f0f0f5; }
div#content dd { margin-bottom: 1em; margin-left: 3em; }
div#content dl.sameline dd { margin-top:-1.25em; }
div#content dl.dash dt:after { content: ' ‒ '; }

div#content div.relatedinfo { border: 1px solid #a77; margin:1em 2.5em; color:inherit; background-color:#eef; }
div#content div.relatedinfo p { margin: 1em; }

div.deprecated { color:#f88; margin:auto; text-align:center; border:7px dotted #f88; -moz-border-radius:20px; margin-bottom:1cm;}
div.deprecated p:first-line { font-size:3em; line-height:2.5em; }