.calc {
    outline: none;
}
.calc:focus {
    outline: #777 dotted 1px;
}
.calc .display {
    text-align:right;
    padding:10px 10px 0px 10px;
    border:1px solid #eee;
    background-color:#fff;
}
.calc .display .body {
    font-size:30px;
    font-weight: 400;
    overflow: hidden;
}
.calc .display .header {
    font-size:16px;
    font-weight: 300;
    padding-bottom:8px;
}
.calc .tbuttons {
    border:none;
    background-color:#eee;
}
.calc .buttons {
    padding:10px 0px;
    text-align:center;
    font-size:16px;
    font-weight:500;
    border:none;
    cursor: pointer;
    vertical-align:middle;
    width:25%;
}
.calc .buttons:hover, .calc .buttons:focus {
    background-color: #bbb;
}
.calc .buttons:active,.calc .buttons.activate {
    -moz-transition: all .07s ease-in;
    -o-transition: all .07s ease-in;
    -webkit-transition: all .07s ease-in;
    transition: all .07s ease-in;
    background: #bbb;
}