/* @font-face {
  font-family: dropkicker;
  src: 
    url(/fnts/dropkicker.regular.ttf);
} */

@font-face {
  font-family: spectral;
  src:
    url(/fnts/spectral.regular.ttf);
}
      
body 
{ background-image: url(/bog/bookclub/bookclub_images/background_blue_flowers.png);
  background-color: rgb(220,220,220);
  font-size: 11pt; }
      
#container 
{ box-sizing: border-box;
  width: 700px;
  height: 100%;
  margin: 10px auto 10px auto;
  background-color: rgb(236,236,236);
  padding: 35px;
  border: 1px solid black;
  font-family: "spectral"; }

#content 
{ box-sizing: border-box;
  background-color: rgb(220,220,220);
  border: 1px black solid;
  padding: 10px;
  height: 100%;
  overflow: auto; }

#footer 
{ box-sizing: border-box;
  background-color: rgb(205,205,205);
  height: 30px;
  padding: 10px;
  text-align: center;
  vertical-align: middle; }

#updatesBox { 
  box-sizing: border-box;
  background-color: rgb(205,205,205);
  overflow-y: auto;
  margin: 20px; 
  padding: 10px; 
  width: auto; 
  height: 200px;
  border: 1px solid black; 
}

*:lang(es) {
  display: none;
}

.accordion {
  box-sizing: border-box;
  text-align: left;
  background-color: inherit;
  font-family: inherit;
  font-size: inherit;
  border: 0;
  padding: 0;
  margin: 0;
}
.panel {
  display: none;
  overflow: hidden;
}

table 
{ width: 100%; }
.dataTable
{ width: auto; 
  border-collapse: collapse; }

td 
{ border: 1px solid black;
  padding: 10px;
  text-align: left;
  box-sizing: initial; }
.date 
{ font-size: 8pt;
  text-align: right;
  padding-left: 10px; }
.grayed 
{ background-color: rgb(205,205,205);
  border: 0; }
.img 
{ box-sizing: border-box;
  border: 1px solid gray;
  padding: 4px; 
  object-fit: fill;
  width: 50px; }
.header
{ border: 1px solid black;
  text-align: center; 
  border-collapse: separate; 
  font-weight: bold; }

p { margin: 0;
    text-align: justify; }
.indent { text-indent: 30px; }

i { font-style: italic;
    font-weight: normal;
    margin: 0; }

s { color: gray; }

a:link, a:visited { color: darkRed; }
a:hover, a:active { color: rgb(186,17,51); text-decoration: underline wavy; }

/* td a:link, a:visited { color: lightGrey; }
td a:hover, a:active { color: gainsboro; text-decoration: underline wavy; } */