/* Top
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
  ul#stat_legend {
    list-style-type: none;
    margin: 10px 10%;
    padding: 0px;
  }
    ul#stat_legend li {
      width: calc(100% / 5);
      float: left;
    }
      ul#stat_legend div {
        width: 60px;
        height: 25px;
        font-size:10pt;
        display: block;
        border: 1px solid black;
        float: left;
      }

div.versionchg {
  position: absolute;
  top: 30px;
  right: 0px;
  width: 200px;
  heigh: 25px;
  line-height: 25px;
  border-radius: 20px;
  border:2px outset rgb(255,255,255);
  background-color: rgb(34,177,76);
  box-shadow: 1px 1px 2px rgba(0,0,0.2);
  color: rgb(255,255,255);
  font-size: 12pt;
  text-align: center;
  cursor:pointer;
}

  div.versionchg:active {
    border:2px inset rgb(255,255,255);
    box-shadow: 1px 1px 0px rgba(0,0,0.2);
    background-color: rgb(23,125,54);
    padding-top:1px;
  }

  div.versionchg>a  {
    text-decoration:none;
    color: rgb(255,255,255);
    display: block;
    width: 100%;
  }

div#verA {
  top: 30px;
  right: 0px;
}

div#verB {
  top: 65px;
  right: 0px;
}

/* Select menu
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
div#selmenu {
  position: relative;
  top: 0px;
  margin: 20px auto;
}

div#stat_table {
  position: relative;
  top: 0px;
}

/* Proccess stat
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
div#ltst {
  color: rgb(100, 100, 100);
  font-style: italic;
}

div.proc_stat {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}

  div.proc_stat h2 {
    font-size: 14pt;
    margin: 10px auto;
    padding: 0px 10px;   
    border-radius: 1.0em;
    border: 1px solid rgb(224,213,165);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    background: -moz-linear-gradient(top, rgb(224,213,165), rgb(237,222,123));
    background: -webkit-linear-gradient(top, rgb(224,213,165), rgb(237,222,123));
    background: linear-gradient(to bottom, rgb(224,213,165), rgb(237,222,123));
  }

  div.proc_stat h3 {
    margin: 10px auto;
    padding: 0px 10px;   
    width: calc(100% - 100px);
  }
    div.rad h3 {
      border-left: 5px solid rgba(50,50,50);
      border-bottom: 1px solid rgba(50,50,50);
    }

    div.atm h3 {
      border-left: 5px solid rgba(235,97,32);
      border-bottom: 1px solid rgba(235,97,32);
    }

    div.lnd h3 {
      border-left: 5px solid rgba(20,148,74);
      border-bottom: 1px solid rgba(20,148,74);
    }

    div.ocn h3 {
      border-left: 5px solid rgba(0,138,199);
      border-bottom: 1px solid rgba(0,138,199);
    }

    div.cry h3 {
      border-left: 5px solid rgba(106,113,180);
      border-bottom: 1px solid rgba(106,113,180);
    }

  div.proc_stat h4 {
    margin: 5px auto;
    padding: 0px 10px;   
    width: calc(100% - 140px);
  }

  div.proc_stat table {
    width: 90%;
    margin: 0px auto 30px auto;
    border-collapse: collapse;
    border: 1px solid gray;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
  }

    div.proc_stat table tr:nth-child(1) th {
      background: -moz-linear-gradient(top, rgb(33,109,54), rgb(37,133,131));
      background: -webkit-linear-gradient(top, rgb(33,109,54), rgb(37,133,131));
      background: linear-gradient(to bottom, rgb(33,109,54), rgb(37,133,131));
      color: rgb(255,255,255);
      text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
      border: 1px solid rgb(212,181,134);
      width: calc(100% / 13);
    }

    div.proc_stat table tr:nth-child(n+2) th {
      border: 1px solid rgb(80, 80, 80);
    }

    div.proc_stat table tr:nth-child(n+2) th {
      border: 1px solid rgb(120, 120, 150);
    }

    div.proc_stat table tr:nth-child(n+2) td {
      border: 1px solid rgb(120, 150, 120);
      padding: 2px;
    }

    div.proc_stat table tr:nth-child(n+2) td div {
      text-align: right;
      padding: 5px;
      border-radius: 3px;
      font-weight: bold;
    }

/* Proccess Status Color
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
div.stat_ng {
  background: -moz-linear-gradient(top, rgb(184,28,34), rgb(224,38,19));
  background: -webkit-linear-gradient(top, rgb(184,28,34), rgb(224,38,19));
  background: linear-gradient(to bottom, rgb(184,28,34), rgb(224,38,19));
}

div.stat_ok {
  background: -moz-linear-gradient(top, rgb(11,49,143), rgb(0,0,250));
  background: -webkit-linear-gradient(top, rgb(11,49,143), rgb(0,0,250));
  background: linear-gradient(to bottom, rgb(11,49,143), rgb(0,0,250));
  color: rgb(255,255,255);
}

div.stat_go {
  background: -moz-linear-gradient(top, rgb(232,130,46), rgb(246,214,15));
  background: -webkit-linear-gradient(top, rgb(232,130,46), rgb(246,214,15));
  background: linear-gradient(to bottom, rgb(232,130,46), rgb(246,214,15));
}

div.stat_over {
  background: -moz-linear-gradient(top, rgb(122,85,122), rgb(244,169,244));
  background: -webkit-linear-gradient(top, rgb(122,85,122), rgb(244,169,244));
  background: linear-gradient(to bottom, rgb(122,85,122), rgb(244,169,244));
}

div.stat_no {
  background: -moz-linear-gradient(top, rgb(201,207,202), rgb(244,233,219));
  background: -webkit-linear-gradient(top, rgb(201,207,202), rgb(244,233,219));
  background: linear-gradient(to bottom, rgb(201,207,202), rgb(244,233,219));
}