/* CSS stylesheet for lowvision.php */



h4 { text-align: left }

table.lowvision
{
  border-collapse: collapse;
  border-top: thin solid black;
  border-right: thin solid black;
  margin: 10px auto;
}

table.lowvision tr td
{
  vertical-align: top;
  padding: 5px;
  border-bottom: thin solid black;
  border-left: thin solid black;
}

table.lowvision tr td:first-child
{
  font-weight: bold;
  white-space: nowrap;
}

table.lowvision tr td ul
{
  margin: 5px 0;
}

table.lowvision tr td ul li
{
  margin: 0 2ex;
}

img.snellenchart
{
  float: right; 
  border: thin solid black;
}

@media (max-width: 500px)
{
  img.snellenchart 
  {
    display: block;
    float: none;
    margin: auto;
    max-width: 100%;
  }
}