/**********  TAG SELECTORS  **********/

th {
    text-align: right;
    color: blue;
    xpadding: 0 0 0 10px;
}

td {
    padding-left: 10px;
}



/**********  CLASS SELECTORS  **********/

.lineCost {
    color: red;
}

.TotalCost {
    font-weight: bold;
    color: red;
}

.AddButton {
    float: right;
}

.displaySR {
    padding-left: 25px;
    border: 1px solid black;
}

.keypad {
    width: 400px;
    height: auto;
    border: 1px solid black;
    margin: 0px auto 25px auto;
    padding: 20px 10px 10px 10px;
    text-align: center;
}

.keypad-btn {
    width: 100px;
    height: 100px;
    font-size: x-large;
}

.first-row {
    padding: 2px; 
    display: inline-block;
}

.second-row {
    padding: 2px;
    display: inline-block;
}

.third-row {
    padding: 2px;
    display: inline-block;
}

.fourth-row {
    padding: 2px 0 10px 0;
    display: inline-block;
}

.footer {
    text-align: right;
    font-family: "Courier New";
    font-size: small;
}

/**********  ID SELECTORS  **********/

#login {
    text-align: center;
}