/*
 * @(#) hork.css 2.1 2020/07/25
 * main style sheet for hork.com
 * (c) Copyright 2020 HORK Enterprises - all rights reserved
 */

A:link
  {
  color: #005100 ;
  text-decoration: underline ;
}

a:hover
  {
  color: #00b100 ;
  text-decoration: underline ;
}

a:active
  {
  color: #b1b100 ;
  text-decoration: underline ;
}

a:visited
  {
  color: #6920ac ;
  text-decoration: underline ;
}

body {
  margin: 0 ;
  padding: 0 ;
  font-size: 11pt ;
  font-family: "Helvetica", "Ariel", "Sans-Serief" ;
  text-align: left;
  color: #005100 ;
}

body.marbled
  {
  margin: 0 ;
  padding: 0 ;
  background-image: url('/avg/icons/gray-marble.gif') ;
  font-size: 11pt ;
  font-family: "Helvetica", "Ariel", "Sans-Serif" ;
  text-align: center;
  color: #005100 ;
  overflow-y: scroll ;
}

#pagecontainer
  {
  position: relative ;
  width: 800px ;
  margin: auto ;
  padding: 0 ;
  text-align: center ;
  column-gap: 0 ;
  color: #005100 ;
  background-color: white ;
}
#pagecontainer::after {
    content: "";
    display: table;
    clear: both;
}

#sidecolumn
  {
  float: left ;
  clear: left ;
  width: 154px ;
  height: auto ;
  margin: 0 ;
  padding: 0 ;
  color: #005100 ;
}

#maincolumn
  {
  float: right ;
  width: 640px ; /* +6px border = 646 */
  height: auto ;
  margin: 0 ;
  color: #005100 ;
  border-style: none none none ridge ;
  border-width: 6px ;
  border-color: #808080
}

#footer
  {
  position: relative ;
  width: 800px ;
  height: auto ;
  margin: auto ;
  padding: 0 ;
  text-align: center ;
  color: #005100 ;
}

#logo
  {
  height: 148px ;
  margin: 0 ;
  text-align: center ;
}

#buttons
  {
  margin: 0 ;
  margin-top: 0 ;
  text-align: center ;
}

#address
  {
  margin: 0px ;
  padding: 5px ;
  text-align: left ;
  font-size: 9pt ;
}

.minor {
  font-size: 8pt ;
}

.important {
  font-weight: bold ;
}

.minorimportance {
  font-size: 8pt ;
  font-weight: bold ;
}

th, td {
  padding: 0;
}

td.heading {
  font-weight: bold ;
}
td.numeric {
  font-family: "courier bold", "monospace" ;
}

table.important {
  border-spacing: 0 ;
  padding: 0 ;
  font-weight: bold ;
}

table.minor {
  border-spacing: 0 ;
  padding: 0 ;
  width: 100% ;
  font-size: 8pt ;
}

table.minorimportance {
  border-spacing: 0 ;
  padding: 0 ;
  width: 100% ;
  font-size: 8pt ;
  font-weight: bold ;
}

#systems table {
  border-spacing: 0 ;
  padding: 0 ;
  width: 630px ;
  font-size: 8pt ;
  border: 2px solid #005000 ;
  border-collapse: collapse ;
}
#systems th {
  font-weight: bold ;
  border: 1px solid #005000 ;
  border-top: 2px solid #005000 ;
  border-bottom: 2px solid #005000 ;
  padding: 1px 0 1px 2px;
}
#systems td {
  border: 1px solid #005000 ;
  padding-left: 2px ;
}

p.address {
  font-size: 8pt ;
  font-style: oblique ;
  font-weight: normal ;
  text-align: center ;
}

ul.cherry {
  list-style: url('/avg/icons/sml_cherry.gif');
  line-height: 1.5em ;
}

ul.berry {
  list-style: url('/avg/icons/sml_berry.gif');
  line-height: 1.5em ;
}

ul.apple {
  list-style: url('/avg/icons/sml_apple.gif');
  line-height: 1.5em ;
}

ul.lemon {
  list-style: url('/avg/icons/sml_lemon.gif');
  line-height: 1em ;
}

ul.grape {
  list-style: url('/avg/icons/sml_grape.gif');
  line-height: 1em ;
}

#tsla-small {
  cursor: pointer ;
  transition: 0.3s ;
}

#ford-small {
  cursor: pointer ;
  transition: 0.3s ;
}

.modal {
  display: none ;
  position: fixed ;
  z-index: 1 ;
  padding: 0 ;
  left: 460px ;
  top: 0 ;
  width: 340px ;
  height: 350px ;
  overflow: auto ;
  background-color: transparent ;
}

.modal.content {
  margin: auto ;
  display: block ;
  width: 100% ;
  max-width: 350px ;
}

.modal-content {
  animation-name: zoom ;
  animation-duration: 0.6s ;
  float: right ;
}

.close {
  position: absolute ;
  top: 5px ;
  right: 5px ;
  color: black;
  font-size: 40px ;
  font-weight: bold ;
  transition: 0.3s ;
}
.close:hover,
.close:focus {
  color: #d60000 ;
  text-decoration: none ;
  cursor: pointer ;
}


table.centeredcontainer {
  margin-left: auto ;
  margin-right: auto ;
  border: 0 ;
  border-spacing: 0 ; 
}
.centeredcontainer td {
  padding: 0 ;
  text-align: center ;
}

div.outerbox {
  border-style: outset ;
  border-width: 1px ;
  border-spacing: 0 ;
  padding: 1px ;
}

div.innerbox {
  border-style:  inset ;
  border-width: 1px ;
  border-spacing: 0 ;
  padding: 2px ;
  text-align: left ;
  font-size: 9pt ;
  font-weight: bold ;
  color: #005000  ;
}

div.recordbox {
  width: 266px ;
  display: inline-block ;
  position: relative ;
  top: -40px ;
}

div.recordlabel {
  width: 82px ;
  display: inline-block ;
  vertical-align: top ;
}

div.recorddata {
  width: 180px;
  display: inline-block;
  vertical-align: top ;
}