@media (orientation: portrait) {

    div.landscape {
        display: none;
    }

    
        .hidden {
            display: none;
        }
        
        div.notes { 
            display: none; 
        }

        div.advanced {
            display: none;  /* To be dealt later */
        }

        th.heading {
            text-align: left;
        }

        th.ColumnHeading {
            text-align: center;
        }

        th.RowHeading {
            text-align: left;
            min-width: 20vw;
            vertical-align: middle;
        }

        th.input {
            text-align: right;
            vertical-align: top;
        }

        td.grossincome {
            text-align: right;
            padding-right: 2em;
        }

        td.TotalIncome {
            text-align: right;
            padding-right: 1em;
        }

        input.identification {
            min-width: 30vw;
        }

        input.TaxCalc {
            width: 90%;
            text-align: right;
        }

        input.TaxCalcX {
            width: 80%;
            text-align: right;
        }

        input.line {
            text-align: right;
            width: 7em;
        }


        span.LineBox {
            border: solid;
            border-width: 1px;
            padding-left: 1px;
            padding-right: 1px;
            font-weight: normal;
            background-color: darkgrey;
            color:white;
        }

        tr:hover {
            background-color: lightblue;
        }

        
        tr {
            border-width: thin;
        }

}



@media (orientation: landscape) {

    div.portrait {
        display: none;
    }

    
    .hidden {
        display: none;
    }
    
    div.notes { 
        display: none; 
    }

    div.advanced {
        display: none;  /* To be dealt later */
    }

    th.heading {
        text-align: left;
    }

    th.ColumnHeading {
        text-align: center;
    }

    th.RowHeading {
        text-align: left;
        min-width: 20vw;
        vertical-align: middle;
    }

    th.input {
        text-align: left;
        vertical-align: top;
    }

    td.grossincome {
        text-align: right;
        padding-right: 2em;
    }

    td.TotalIncome {
        text-align: right;
        padding-right: 1em;
    }

    input.identification {
        min-width: 30vw;
    }

    input.TaxCalc {
        width: 90%;
        text-align: right;
    }

    input.TaxCalcX {
        width: 80%;
        text-align: right;
    }

    input.line {
        text-align: right;
        width: 7em;
    }


    span.LineBox {
        border: solid;
        border-width: 1px;
        padding-left: 1px;
        padding-right: 1px;
        font-weight: normal;
        background-color: darkgrey;
        color:white;
    }

    tr:hover {
        background-color: lightblue;
    }

    
    tr {
        border-width: thin;
    }


    form {
        margin-left: 5vw;
        margin-right: 5vw;
    }

    table {
        width: 90vw;
    }

    h2 {
        padding-top: 1em;
    }

    td.RightAlign {
        text-align: right;
        min-width: 15em;            
    }

    td.RightAlignTaxBracket {
        text-align: right;
        min-width: 9em;            
    }

}