body {
    font-family: "Segoe UI", Helvetica, Geneva, sans-serif;
}

#expenses-entry-table
{
    /*
    background-color: #fff;
    background-image:
        linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
        linear-gradient(#eee .1em, transparent .1em);
    background-size: 100% 1.2em;
    */
    border: 2px solid black;
}
#main-table
{
    background-color :#DDD;
    background-image: linear-gradient(white 2px, transparent 2px),
        linear-gradient(90deg, white 2px, transparent 2px),
        linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
        background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
        background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
    border-spacing: 0px;
    border-collapse: collapse;
}

#save-button
{
    float: right;
    border: 2px outset;
}
#save-button-img
{
    height: 1em;
    width: 1em;
    vertical-align: middle;
    margin: 5px;
}

.summary-btn
{
    height: 1em;
    width: 1em;
}
.summary-btn
{
    height: 1em;
    width: 1em;
    padding-right: 5px;
}

#screen-grabber {
    display: none;
    z-index: 50;
}
#camera {
    width: 1280px;
    height: 720px;
}
#screen-shot {
}

#screen-shot-target {
}


#totals-table {
    width: 100%;
    border: 2px solid black;
    background-color: #abced4;
}

.totals-id {
    width: 2%;
}
.totals-date {
    width: 8%;
}
.totals-desc {
    width: 35%
;}
.totals-total {
    width: 10%;
    border: 1px solid black;
}
.totals-odometer {
    width: 5%;
    text-align: center;
    border: 1px solid black;
}

#rcpt-extension
{
    display: none;
    border-radius: 10px;
    border: 3px solid black;
    padding: 5px;
    font-size: 1.5em;
    font-weight: bold;
}