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

div.Player
{ width:100%;
  font-size:100%;
  text-align:justify;
  display:inline-block;
  margin: 0px auto;

}

table.PlayerBody
{ width:100%;
  height:500px;
  margin: 0px auto;
}

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%;
}


div.Header
{ width:100%;
  text-align:center;
  margin:0px auto;
  font-size:100%;
  border:solid black 1px;
  background-color:rgb(214,234,118);
  padding:2px 0px 2px 0px;
}

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.Display
{ font-size:100%;
  text-align:center;
  border:solid 1px Black;
  background-color:#FFFFFF;
}

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.StatusBar
{ 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;
      }