body {
        color: white;
        background-color: #333;
        font-family: Arial, sans-serif;
        padding-top: 20px;
    }
    h1 {
        text-align: center;
        color: #ffc107;                 /* Gold color */
    }
    fieldset {
        width: 50%;
        padding: 20px;
        margin: 0 auto;
        margin-bottom: 20px; 
        border: 1px solid white;
        border-radius: 10px;
        color: white;
        background-color: #444;
    }
    legend {
        font-size: 1.2em;
        font-weight: bold;
        color: #ffc107;                 /* Gold color */
    }
    label {
        display: inline-block;          /*force tag to act like a block tag to enable width */
        width: 100px;
        text-align: right;
        margin-right: 5px; 
   }
    label.left {
        width: 50px;
        text-align: left;
   }    
    input, textarea, select {
        padding: 5px;
        margin-top: 10px;
        border: 1px solid #888;
        border-radius: 5px;
        color: white;
        background-color: #555;
        vertical-align: middle;
    }
    select[multiple] {
        height: 60px;
    }
    table {
        padding: 5px;
        margin-top: 10px;
        margin-left:110px;
        border: 1px solid #888;
        border-radius: 5px;
        color: white;
        background-color: #555;
        vertical-align: middle;
        width: 350px;
    }
    input[type="submit"], input[type="reset"] {
        width: 105px;
        color: black;
        background-color: #ffc107;
        font-weight: bold;
        cursor: pointer;
    }
    input[type="submit"]:hover, input[type="reset"]:hover {
        background-color: lightgreen;    
    }