/* stylesheet for archives.php */

table.archives { margin: 10px auto; width: 95%; max-width: 1200px }
table.archives tr td, table.archives tr th
{ 
  border: 1px solid #ccc; padding: 5px; 
  background: white; 
  vertical-align: top;
}
table.archives tr td { overflow-wrap: anywhere; }
table.archives tr td span.contactlabel { display : none}
table.archives tr td.link { font-family: sans-serif }
table.archives tr td.buttons { width: 100px }
@media screen and (max-width: 700px)
{
  table.archives tr td { font-size: 90% }
}

div.panel 
{
  margin: 0 auto; max-width: 90%; max-width: calc(100% - 60px)
}
@media screen and (max-width: 600px)
{
  table.archives { width: 98% }
  div.panel { max-width: 95%; max-width: calc(100% - 20px); padding: 2px }
  table.archives tr.headings { display: none }
  table.archives tr td.link { background: #e0e8e0 }
  table.archives tr { display: block; margin-bottom: 10px }
  table.archives tr td { display: block; }
  table.archives tr td span.contactlabel { display : inline}
  table.archives tr td.buttons { width: auto }
}
form.OKbutton, form.addbutton { width: max-content; margin: 5px auto; }
div.delete { width: max-content; margin: 20px auto }
form.actionbuttons { display: inline-block; margin: 2px}