/* CSS Document */

body                 {width: 90%; max-width: 1080px; margin: 2em auto; background-image: url("../pictures/bglogo-small.png"); background-color: rgb(255,242,242); color: rgb(153,0,0); font-family: Tahoma; font-size : 16pt;}
.container           {display: grid; grid-template-areas: "header header" "calc calc" "footer footer"; grid-template-columns: 1fr; gap: 20px; }     
header               {grid-area: header; width: 100%;}    
calc                 {grid-area: calc; width: 100%;} 
footer               {grid-area: footer; }
footer               {width: 100%; margin-top: 20px; margin-bottom: 40px; border: rgb(153,0,0) solid 3px; border-radius: 5px; width: 95%;}
footer               {border-top: 3px solid rgb(153,0,0); padding: 20px; margin-top: 20px; margin-bottom: 20px; font-style: italic; vertical-align: middle;}
footer               {grid-area: footer; }
footer p             {text-align: center;}
footer a             {color: rgb(153,0,0); text-decoration: none; vertical-align: middle; cursor: pointer; font-weight: bold;}

p                    {margin-top :3px; margin-bottom :6px; text-align: justify;}
h1                   {font-size : 18pt; font-weight: bold; text-align: center; page-break-after:avoid;}
h2                   {font-size : 16pt; font-weight: bold; text-align: center; page-break-after:avoid;}
h3                   {font-size : 14pt; font-weight: bold; text-align: center; page-break-after:avoid;}
h4                   {font-size : 12pt; font-weight: bold; text-align: center; page-break-after:avoid;}

a                     {color: rgb(153,0,0); text-decoration: none; font-weight: bold; cursor: pointer;}
a:link                {color: rgb(153,0,0); text-decoration: none; font-weight: bold;}
a:visited             {color: rgb(143,0,0); text-decoration: none; font-weight: bold;}
a:hover               {color: rgb(255,0,0); text-decoration: none; font-weight: bold;}

button                {height: 30px; border: solid 2px RGB(153,0,0); border-radius: 5px; color: RGB(255,242,242); background-color: RGB(153,0,0); font-size: 14pt; cursor: pointer;}

#sbt                  {display: none; margin-top: 15px; margin-bottom: 30px;};

table.fresults        {margin-top: 100px; margin-bottom: 40px; }
table.fresults td     {font-size : 18pt; font-weight: bold; padding: 10px 10px 10px 10px; margin: 10px 10px 10px 10px; border: rgb(153,0,0) solid 4px;}
table.gresults                  {margin-top: 100px; margin-bottom: 40px; }
table.gresults td               {font-size : 18pt; font-weight: normal; padding: 10px 10px 10px 10px; margin: 10px 10px 10px 10px; height: 80px;}
table.gresults td:nth-child(1)  {text-align: left}
table.gresults td:nth-child(2)  {text-align: right}

div.description       {margin-top: 20px; margin-bottom: 20px; }
#maindialog           {margin-top: 20px; margin-bottom: 20px; }
ul.fcalc li           {margin-top: 10px; margin-bottom: 5px; }
table.inptable        {margin-top: 30px; margin-bottom: 30px; }
table.inptable tr     {margin-top: 30px; margin-bottom: 30px; height: 40px;}
table.inptable td     {border-collapse; height: 40px; vertical-align: middle;}

.rborder              {width: 18px; height: 18px; padding: auto; border: rgb(153,0,0) 3px solid; border-radius: 50%;}