@media screen
{ div.page
  { margin-bottom:100px;
    display:block;
  }
}

.body
{ overflow:hidden;
  border:solid 5px #FFFFFF;
}

div.CMCC
{ position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  width:100%;
  font-size:100%;
  text-align:justify;
  display:inline-block;
  margin: 0px auto;
  vertical-align:top;
  overflow:hidden;
  height:100%;
  background-color:Blue;
  resize:none;
}

div.Body
{ position:relative;
  left:0px;
  top:0px;
  z-index:10;
  margin: 0px auto;
  background-color:Green;
}

table.PlayList
{ left:0px;
  top:0px;
  width:99.75%;
  height:100%;
  table-layout:fixed;
  margin:0px auto;
  border:solid black 1px;
  background-color:White;
  white-space:nowrap;
  border-collapse:collapse;
  border-spacing: 0px;
}

tr.plr
{ padding:1px;
  margin:0px;
  max-height:20px;
}

td.pl0,
td.pl1,
td.pl2
{ padding:2px;
  margin:0px;
  border:solid 1px Black;
  background-color:lime;
  white-space:nowrap;
  text-align:left;
  font-size:80%;
  max-height:20px;
  text-overflow: ellipsis;
}

td.pl0
{ width:30%;
}

td.pl1
{ width:10%;
}

td.pl2
{ width:10%;
}


table.Header
{ width:99.75%;
  table-layout:fixed;
  margin:0px auto;
  font-size:100%;
  border:solid black 1px;
  background-color:rgb(214,234,118);
  padding:2px 0px 2px 0px;
  overflow:hidden;
}

td.TR,
td.RT,
td.ET,
td.TOD
{ width:7.5%;
  white-space:noweap;
  font-size:85%;
}

td.TR,
td.ET
{ text-align:right;
}


td.LHead,
td.StatusBar
{ width:15%;
  white-space:nowrap;
  text-align:center;
  font-size:95%;
}

td.PgmName
{ width:39%;
  text-align:center;
  white-space:nowrap;
}

div.FcnKeys,
div.Keyboard
{ position:absolute;
  left:0px;
  top:0px;
  overflow:hidden;
  margin: 0px auto;
  background-color:rgb(66,66,66);
  resize:none;
}

canvas.Canvas
{ width:100%;
  height:450px;
  resize:none;
}

div.Hint
{ position:absolute;
  left:0px;
  top:0px;
  z-index:200;
  background-color:White;
  font-size:10pt;
  padding:4px;
  border:solid 1px Black;
}

div.Digest
{ position:absolute;
  left:10px;
  top:20px;
  background-color:#F0F0FF;
  color:Black;
  z-index:1000;
  border:ridge 4px Black;
}

div.DigestNav
{ position:absolute;
  left:0px;
  top:0px;
  z-index:1010;
  width:100%;
  height:20px;
  background-color:#4040FF;
  color:White;
  border-bottom:ridge 2px Black;
}

div.DigestPrev
{ position:absolute;
  left:0px;
  top:0px;
  z-index:1020;
  width:50px;
  text-align:left;
}

div.DigestHeader
{ position:absolute;
  left:0px;
  top:0px;
  z-index:1020;
  width:50px;
  background-color:#7070FF;
  text-align:center;
}

div.DigestNext
{ position:absolute;
  left:0px;
  top:0px;
  z-index:1020;
  width:50px;
  text-align:right;
}
div.DigestClose
{ position:absolute;
  left:0px;
  top:0px;
  z-index:1020;
  width:50px;
  text-align:center;
}

div.DigestBody
{ width:100%;
  height:calc(100% - 20px);
  overflow:auto;
}

div.TextBox
{ position:absolute;
  left:104px;
  top:4px;
  background-color:White;
  color:Black;
  z-index:300;
  border:ridge 2px White;
}

div.CmdLine
{ position:absolute;
  left:0px;
  top:0px;
  background-color:White;
  color:Black;
  width:50%;
  border:ridge 3px White;
  z-index:20;
}

input.Input
{ width:100%;
}

div.Display
{ font-size:100%;
  border:ridge 2px White;
  background-color:#FFFFFF;
}

div.Status
{ position:absolute;
  left:0px;
  top:0px;
  background-color:White;
  border:ridge 3px White;
  color:Black;
  min-height:1em;
}

td.LeftMost
{ vertical-align:top;
  max-width:50%;
  height:100%;
}

td.Left
{ vertical-align:top;
  max-width:50%;
  height:100%;
}
td.Middle
{ background-color:#E0E0FF;
  vertical-align:top;
  text-align:center;
  width:100%;
  height:100%;
  overflow:auto;
}
td.Right
{ vertical-align:top;
  height:100%;
}


table.HdrBody
{ width:100%;
  table-layout:fixed;
  background-color:rgb(214,234,118);
  text-align:center;
  margin:0px auto;
}

td.HdrTimer
{ width:20%;
}

div.Timer
{ width:100%;
  text-align:center;
}

td.HdrSelect
{
}

div.Select
{ width:100%;
  text-align:center;
}

td.HdrScale
{ width:10%;
}

div.Scale
{ width:100%;
  text-align:center;
}

td.HdrOutput
{ width:10%;
}

div.Resolution
{ width:100%;
  text-align:center;
}

div.FrameRate
{ width:100%;
  text-align:center;
}

div.PlayList
{ font-size:100%;
  text-align:left;
  border:solid 1px Black;
  background-color:#FFFFFF;
  overflow:auto;
}

div.PlayListItem
{ background-color:White;
  color:Black;
  white-space:nowrap;
}

div.PlayListItem:hover
{ background-color:Blue;
  color:White;
}

div.MediaList
{ font-size:100%;
  text-align:left;
  border:solid 1px Black;
  background-color:#FFFFFF;
  overflow:auto;
}

div.MenuBar
{ width:100%;
  font-size:100%;
  text-align:left;
  border:solid 1px Black;
  background-color:#FFFFFF;
  padding:2px 0px 2px 0px;
}

div.PlayerMediaControls,
div.PlayerControls
{ text-align:center;
  border: solid 2px #808080;
  background-color:#E0E0FF;
  height:30px;
  padding-top:5px;
  margin: 0px auto;
  opacity: 100;
}

button.PlayerPrevTopicBtn,
button.PlayerNextTopicBtn,
button.PlayerStartTopicBtn,
button.PlayerBeginTopicBtn,
button.PlayerScrollBtn,
button.PlayerBtnStop,
button.PlayerBtnGray,
button.PlayerBtnDn,
button.PlayerBtnUp,
button.PlayerNBtnDn,
button.PlayerNBtnUp,
button.PlayerMBtnDn,
button.PlayerMBtnUp,
button.PlayerBtn
{ display: inline-block;
  padding: 2px 5px;
  font-size:0.7em;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: black;
  background-color: #FFFFFF;
  border: solid 1px #808080;
  border-radius: 5px;
  box-shadow: 0 5px #808080;
}

button.PlayerNBtnDn,
button.PlayerNBtnUp
{ position:relative;
  top:-3px;
}

button.PlayerMBtnDn,
button.PlayerMBtnUp
{ border-radius: 1px;
  box-shadow: 0 1px #808080;
}

button.PlayerBeginTopicBtn,
button.PlayerStartTopicBtn,
button.PlayerPrevTopicBtn,
button.PlayerNextTopicBtn
{ font-size:.5em;
  margin:15px;

}

/*button.PlayerBtnGray :hover > div.PlayerControls,
button.PlayerBtnDn :hover > div.PlayerControls,
button.PlayerBtnUp :hover > div.PlayerControls,
button.PlayerBtn :hover > div.PlayerControls
{ opacity: 1.0;
} */


button.PlayerBtnGray :hover,
button.PlayerBtnDn :hover,
button.PlayerBtnUp :hover,
button.PlayerNBtnDn :hover,
button.PlayerNBtnUp :hover,
button.PlayerMBtnDn :hover,
button.PlayerMBtnUp :hover,
button.PlayerBtn :hover
{ background-color: #3e8e41;
}

button.PlayerBtnGray:active,
button.PlayerBtnDn:active,
button.PlayerBtnUp:active,
button.PlayerNBtnDn:active,
button.PlayerNBtnUp:active,
button.PlayerMBtnDn:active,
button.PlayerMBtnUp:active,
button.PlayerBtn:active
{ background-color: Lime;
}


button.PlayerBtnGray
{ color:#A0A0A0;
}

button.PlayerBtnStop
{ background-color:Red;
  color:white;
}

button.PlayerNBtnDn,
button.PlayerMBtnDn,
button.PlayerBtnDn
{ background-color:Lime;
}

button.PlayerBtnUp,
button.PlayerNBtnUp,
button.PlayerMBtnUp,
button.PlayerBtn
{ color:black;
  background-color:#FFFFFF;
}

button.PlayerMBtnHidden,
button.PlayerBtnHidden
{ display:none;
}

div.PlayerBtnSep
{ margin-left:  15px;
  display: inline-block;
}




      div.blue_box_hdr
      { 'width:100%;
        font-size:100%;
        text-align:center;
        background-color:#6464FF;
        color:White;
        padding:2px;
        margin-bottom:2px;
      }

      div.blue_box_hdr
      { 'width:100%;
        font-size:100%;
        text-align:center;
        background-color:#6464FF;
        color:White;
        padding:2px;
        margin-bottom:2px;
      }

      div.subsect
      { width:100%;
        text-align:center;
        font-size:125%;
        font-weight:900;
        margin:25px 0px 5px 0px;
      }