h1,h2,h3,h4,hr
{
font-family: arial, 'sans serif';
color:navy;
}
label,
textarea{
  display:inline-block;
  vertical-align:top;

}
div,p,table,td,li,address,dd,dt
{
font-family: arial, 'sans serif';
color:navy;
  font-size: 10pt;
}
td {
  font-size: 10pt;
}
sup {
  font-size: 6pt;
}

li
{
font-size: 9pt;
}

th {background-color:#FAEBD7}

body
{
background-color: #ffffff;
}


a:link    {color:navy}
a:visited {color:navy}
a:active  {color:red}
a:hover   {color:red}
.tiny {
  font-size:8pt;
  font-family: arial, 'sans serif';
  color:navy;
}

.important {
  font-size: 10pt;
  font-family: arial, 'sans serif';
  color: red;
}
td.important {
  font-size: 10pt;
  font-family: arial, 'sans serif';
  color: red;
  border:3px red outset;
  background-color: #F0F0F0;
  border-collapse: collapse;
  padding: 5px;
}
th.important {background-color:#FAEBD7}

.odisp {
  border:1px orange solid;
  background-color: white;
  border-collapse: collapse;
  padding: 5px;
}
div.odisp,
th.odisp {background-color:#FAEBD7}

.bdisp {
  border:1px navy solid;
  background-color: white;
  border-collapse: collapse;
  padding: 5px;
}
th.bdisp {background-color:#DFDFDF}
.frame {
  border:3px threedshadow outset;
}

.button {
  border:3px threedshadow outset;
}

.button_new {
  border:3px solid green;
}

.image {margin: 1px 0; text-indent: 0px;}
p.image {text-align: center; font-style: italic;margin-bottom: 12px;}

img.button:hover {
  border-color: #FFFF00;
  border-bottom-width: 4px;
  border-top-width: 2px;
  border-left-width: 2px;
  border-right-width: 4px;
}
img.button:active {
  border-color: threeddarkshadow;
  border-bottom-width: 2px;
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 2px;
}

.popup {
  border:2px outset;
  background-color:silver;
  font-size:9pt;
  font-family:arial 'san serif';
  color:black;
  width:60%;
  position:absolute;
  visibility:hidden;
  left:0;
  top:0;
  overflow:visible;
}
.centered       {text-align: center}
p.centered       {margin-left: auto; margin-right: auto}
img.centered       {margin-left: auto; margin-right: auto}
div.centered    {margin-left: auto; margin-right: auto}
h2.centered    {margin-left: auto; margin-right: auto}
.left       {text-align: left}
.right       {text-align: right}
.justified       {text-align: justify}
div.centre {
  width: 300px;
  display: block;
  border:1px navy solid;
  padding: 8px;
  background-color: #eee;
  margin-left: auto;
  margin-right: auto;
}
h1.popup     {color:black}
h2.popup     {color:black}
h3.popup     {color:black}
hr.popup     {color:black}
p.popup      {color:black}
li.popup     {color:black}
td.popup     {color:black}
th.popup     {background-color:blue; color:white; text-align:left}
a.popup:link    {color:blue}
a.popup:visited {color:blue}

#action {
    float: right;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#modal {
    position:absolute;
    background:url(tint20.png) 0 0 repeat;
    background:rgba(0,0,0,0.2);
    border-radius:14px;
    padding:8px;
}

#content {
    border-radius:8px;
    background:#fff;
    padding:20px;
}
#videoBlock {width: 100%; height: 100%;  display: flex;  justify-content: center; align-items: center;}
#videoMessage {width: 100%; height:100%; position: absolute; top: 0; left: 0;}
#videoMessage *{padding:0.4em; margin:0}
#videoMessage {text-shadow: 2px 2px 2px #000000; color:white;z-index:99 }
#videoMessage h1{font-size: 2em;color:#ffffff;text-align:center;}
#videoMessage h2{font-size: 1.5em;color:#ffffff;text-align:center;}
#videoMessage h3{font-size: 1.2em;color:#ffffff;text-align:center;}
.videoClick {text-align:center}
.videoClick a{color:white;background-color:rgba(241, 241, 241, 0.25);font-size: 1.7em;cursor:pointer;cursor:hand}