body { color: navy; }
header { font-size: x-large; font-weight: bold; text-align: center; }
span.small { font-size: medium ; }
.code { font-weight: bold; padding: 10px; border:1px solid blue; background: #EEEEEE; }
.toggle { display:none; }
span.link { font-weight: bold; padding: 10px; border:1px solid blue; }
span.emph { font-weight: bold; font-style:italic; }
span.it  { font-style:italic }
span.line { display: inline-block; width:40px; text-align: right; }
span.value { font-weight: bold; }
article > section > h1 { font-size: large ; font-weight: bold; text-align:left;
    border-bottom: 1px solid #aaa; color: navy; }
article > header > h3 { font-size: large ; font-weight: bold; text-align:left;
    border-bottom: 1px solid #aaa; color: navy; }
pre { padding: 5px;
      margin: 0px;
      font-family: Consolas,Courier,monospace !important;
      font-style: normal;
      font-weight: normal; 
      font-size: small; }
dl { margin-left: 50px; margin-right: 80px }
dt { font-weight: bold; }
dd { font-style:italic; }

dl.lab { padding-left: 30px; }
dd.lab { margin-left:20px; font-style:normal; }
ul.lab { margin-top:0px; margin-bottom:0px; }
ol.lab { margin-top:0px; margin-bottom:0px; }

img { width: 800px }
.presentation { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5); border: none;  width:800px; height:400px }

table.tt { border-collapse:collapse; width: 100%; border:1px solid blue; align:center; }
table.tt tr th { border:1px solid blue; padding:3px}
table.tt tr td { border:1px solid blue; padding:3px}

pre.t1 { margin:10px; border-radius: 8px; box-shadow: 3px 3px 5px #DFDFDF; 
         border-width: 1px; border-style: solid; }
         
mark {  border-radius: 4px ; padding: 1px 5px 1px 5px; border: solid 1px rgb(0,153,0) ; 
          background-color: rgb(224, 224, 220) ; margin:  0px 3px 0px 3px; } 
/* Return to Top */
#myBtn { display: none; position: fixed;  bottom: 10px;  right: 20px;  z-index: 99;
         border: none;  outline: none;    background-color: blue;     color: white;
         cursor: pointer;  padding: 2px 12px 2px 12px;  border-radius: 5px;  }
#myBtn:hover {  background-color: #555; }    
/*   */
.top_always {
  position: fixed; top: 0; left: 0; width: 98%; height: 50px; z-index: 10;
  background: #eeeeee; padding: 10px; opacity: 0.9;
  -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
}           

li { margin-top:5px }  
/*
thead { background-color: #00ffff; text-align:center}
tbody { background-color: #f0f8ff; font-style:italic; text-align:right }
tfoot { background-color: red; font-weight:bold; text-align:right }
*/


table.entity { border-collapse:collapse; width: 80% }
table.entity  td:nth-child(1) { border:1px solid blue; width: 18% }
table.entity  td:nth-child(2) { border:1px solid blue; width: 18% }
table.entity  td:nth-child(3) { border:1px solid blue; width: 18% }
table.entity  td:nth-child(4) { border:1px solid blue; width: 46% }
/*
thead.entity { background-color: #00ffff; text-align:center}
tbody.entity { background-color: #f0f8ff; font-style:italic; text-align:right }
tfoot.entity { background-color: red; font-weight:bold; text-align:right }
*/

.list { padding-bottom:5px }

.www::after {  content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RCNTk0Qzg1OTY0MTFFMUI3NDY4RjVCMDZCMDUzOUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RCNTk0Qzk1OTY0MTFFMUI3NDY4RjVCMDZCMDUzOUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozREI1OTRDNjU5NjQxMUUxQjc0NjhGNUIwNkIwNTM5RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozREI1OTRDNzU5NjQxMUUxQjc0NjhGNUIwNkIwNTM5RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnixeWgAAABUSURBVHjadJABCgAgCAMd9P8vWw0Ww1QoKk+2hcyMWgC+RwygXwlAh8oaRIbbKQzyb6AFHbrW5PmCoVWspGeoYHTgajpfespPYeRVvel7XIHgFmAAMmFI4VEWFAEAAAAASUVORK5CYII=) }
.www { margin-left : 10px }

.extlink::before {  content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABeUlEQVQokW2Ru2pUYRRGVw6HIOIL2KSy9AEkSFALL43zAFYiNhZKEMFCEBwFNcgopDCFIFhaRoiFRSJioaWNjWiRoA46ngxnkv+yv/1bTC5KsmF3a234vj3BPnPr9dpim3S6TWI9GYNoNFE+jHm13k9ool1Yj1r6E216kEQTjWHMtCFP1Q+Wvx/K4sYo+9E2qWqz94dZ1760aenXRp7ut4HRZiYnAzn1hrEQsp8fmb9rs6cof/Lqa3MlmboxGUggH68ZdRN1NpjfW+hM3Qeg+/EqXh7h2gMjUf0OVveDBQDufDiIl94eWHqK9B4T9Vqwaph9nLZ4wMsy0ql/4HlSvk4pB8h6WX0bJT79bMfC7WOO1EH+dgt+TExzuPeYPzdEfqZaHWySou12evd4i/wk7ocnSpnFyxzmRwB41qHOUY77/494eMKBHwXg8uIk8p2LNa7PSBe5uRJ22rCtwNkmMc0gPd8VpEvIX+Clh1ThDu7bkiG9wUt3W/gLtrwn++gaLTAAAAAASUVORK5CYII=) }

div.intro { background: #f0f0f0 ; border:1px solid navy ; border-radius: 6px ; padding: 2ex ; width:80%; margin: 5px }
/* div.intro p { margin-bottom : 0 }    */
div.intro p { text-ident: 1.5em ;  margin-top: 0; margin-botton: 0.5em }