/*

    Calculator styling. See include/Calculator.js for the control.
    See xslt/Calculator.xslt for the generated HTML.
    
*/

.calculator .calculator-display {
    padding: 1em;
    height: 1em;
    text-align: right;
    margin-bottom: 2px;
}

.calculator-buttons table {
    border-collapse: collapse;
    border-spacing: 0;
}

.calculator-buttons button {
    width: 50px;
    height: 30px;
    margin: 0.1em;
}