body {
    background-color: black;
    color: yellow;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}
a:link {
    color: greenyellow;
}
a:visited {
    color: greenyellow;
}
a:hover {
    color: green;
}
a:active {
    color: yellow;
}
.element{
  shape-outside: polygon(0,0 0,300px 50px,300px 300px,600px);
  border: 5px solid red;
  width: 300px;
  height: 600px;
  color: red;
}
.shape{
  float: left;
  text-align:center;
  background-color:rgba(255,255,0,0.9);
  width:200px;
  height:60px;
  line-height:60px;
  color:darkgreen;
  font-weight: 700;
  margin:20px;
  position:relative;
}
.shape:before{
  float: left;
  content:"";
  width:0px;
  height:0px;
  border-top:60px solid rgba(255,255,0,0.9);
  border-right:60px solid transparent;
  position:absolute;
  left:100%;
  top:0px;
}
.subshape{
  width: 200px;
  float: left;
  overflow: hidden; 
  margin: 20px 20px 20px 70px;
}
.subshape2{
  width: 250px;
  float: left;
  overflow: hidden; 
  margin: 20px 0px;
  text-align: center
}
.bazrow{
  position: relative;
  overflow: auto;
  width: 100%;
  border: none;
}
.expandable {
    width: 200px;
}
.expandable:hover {
    position:fixed;
    top: 20px;
    right: 20px;
    width: 600px;
    height:auto;
    z-index:999;
}
h1 {
    font-size: 1.5em;
}
h1.branding {
    font-size: 2em;
    color: greenyellow;
}
h4 {
    color: orange;
}
div.branding {
    width: 95%;    
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
    border: 2px solid yellow;
    padding: 0px 20px 0px;
}
div.footer_branding {
    width: 95%;    
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
    border: 2px solid yellow;
    padding: 2px 20px 2px;
    text-align: right;
    font-size: 0.8em;
    color: greenyellow;
}
div.content {
    width: 95%;    
    margin-left: auto;
    margin-right: auto;
}
tr.hilite:hover {
    background-color: #222;
}
th {
    color: maroon;
    margin-left: auto;
    margin-right: auto;
}
th.tiny {
    font-size: 0.75em;
}
th.tiny:hover {
    background-color: orange;
}
th.tiny:active {
    background-color: lime;
}
td.tiny {
    font-size: 0.7em;
    padding: 3px;
}
td.tiny2 {
    font-size: 0.7em;
    background-color: #222;
    padding: 3px;
}
td.sub {
    color: pink;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8em;
}
td {
    text-align: center;
}
td.pos {
    color: #66e0ff;
}
td.pos_neargain {
    color: #66e0ff; background-color: yellow;
}
td.neg {
    color: red;
}
td.neg_nearloss {
    color: red; background-color: yellow;
}
p, ul {
    font-size: 0.75em;
}
p.inp {
    color: grey;
}
p.textnav {
    font: 0.5em;
    color: greenyellow;
}
.warning {
    color: red;
}
.copy_button {
    width: 300px;
    background-color: green;
    border: none;
    color: white;
    padding: 10px 0px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 10px;
}
.field {
    width: 300px;
    height: 400px;
    border: solid 2px white;   
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(
      to bottom,
      #5d9634,
      #5d9634 50%,
      #538c2b 50%,
      #538c2b
    );
    background-size: 100% 15px;
}
.circle {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    text-align: center;
    background: #444;
}
.oval {
    position: relative;
    width: 100px;
    height: 50px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    text-align: center;
    background: #444;
}
#circle_st  { left: 125px; top: 10px;}
#circle_aml { left:  15px; top: 30px;}
#circle_amc { left: 100px; top: -20px;}
#circle_amr { left: 235px; top: -70px;}
#circle_ml  { left:  15px; top: -60px;}
#circle_mc  { left: 100px; top: -110px;}
#circle_mr  { left: 235px; top: -160px;}
#circle_wbl { left:  15px; top: -150px;}
#circle_dmc { left: 100px; top: -200px;}
#circle_wbr { left: 235px; top: -250px;}
#circle_dl  { left:  15px; top: -240px;}
#circle_dc  { left: 100px; top: -290px;}
#circle_dr  { left: 235px; top: -340px;}
#circle_sw  { left: 125px; top: -330px;}
#circle_gk  { left: 125px; top: -320px;}