/*===
    some CSS for the CS 328 - Week 13 Lab Exercise

    by: Sharon Tuttle
    modified by:
    last modified: 2026-04-22
====*/

/*=== 
    give the body a bit of a margin a a sans-serif font
===*/

body
{
    margin: 1em;
    font-family: sans-serif;
}

/*===
    give each form a border
===*/

form
{
    border: thin solid black;
    width: 15em;
}

/*===
    give every fieldset a bit more spacing
===*/

fieldset
{
    gap: 1em;
    margin: 0.5em;    
}

/*=== 
    lightly lay out a fieldset with radio buttons
    and labels
===*/

#dept_or_empl_form fieldset
{
    display: grid;
    grid-template-columns: 10% auto;
    grid-auto-rows: minmax(1em, auto);
}

/*===
    but give fieldset's legend a smaller font
===*/

legend
{
    font-size: 75%;
}

/*===
    center the contents of a container with class="submit_part"
===*/

.submit_part
{
    display: flex;
    justify-content: center;
    padding-bottom: 0.5em;
}

/*===
    give any table a tasteful border and a little extra padding
===*/

table, td, th
{
    border: thin solid black;
    border-collapse: collapse;
    padding: 0.25em;
}

/*===
    give any table's caption a little bottom margin
===*/

caption
{
    margin-bottom: 0.5em;
}

/*===
   give the class standard footer a small font
===*/

footer
{
    font-size: 0.5em;
}