/*
    compress.css
    ian at etsyhacks dot com
    An illustration of the sort of effects you can achieve with CSS and the "printable receipt enhancer"
    Greasemonkey script at <http://www.etsyhacks.com/greasemonkey/printable_receipt_enhancer/>.
*/

/* Make the font size smaller across the board, with the title row text being a little larger */

td {
    font-size: 11px !important;
}

#titleRow td {
    font-size: 13px !important;
}

/* Shift everything up a bit, to account for the space at the top of the page */

#rootTable1 {
    margin-top: -1em;
}

/* Hide the Etsy image, and all the spacer rows in the document */

#bannerRow {
    display: none;
}

.spacerRow {
    display: none;
}

/* The grey borders can be replaced with white ones */

.greyBorder {
    border: 5px solid #ffffff !important;
}

/* Tweak the spacings in the buyer and seller tables */

#sellerHeaderCell, #buyerHeaderCell {
    padding-top: 10px;
}

.userIconCell, .userDetailsCell {
    padding-top: 0px !important;
}

/* Make the item images smaller */

.itemImageCell img {
    width: 40px !important;
    height: 40px !important;
}

/* Tweak the spacings of the cells in the items table */

.itemSpacerCell2 {
    height: 20px !important;
}

.itemImageCell {
    width: 40px !important;
}

.itemImageCell, .itemLinkCell {
    padding-top: 5px !important;
}

.itemPriceCell {
    padding-top: 2px !important;
}

#itemsTotalLabel {
    padding-top: 2px !important;
    padding-right: 10px !important;
    padding-bottom: 0px !important;
}

#itemsTotalValue {
    text-align: left !important;
    padding-top: 2px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    width: 80px !important;
}

/* Remove the large paddings in the payment, ship to, and notes cells */

#paymentDetailsRow > td > table > tbody > tr > td, #shipToDetailsRow > td > table > tbody > tr > td {
    padding: 0px !important;
}

/* Re-pad the contents of the cells to give them the padding we want */

#paymentCell, #paymentNotesCell {
    padding-left: 10px !important;
}

#addressCell {
    padding: 10px 0px 0px 20px;
}

#notesDetailsRow > td > table > tbody > tr > td {
    padding: 10px 0px 0px 20px !important;
}

#buyerMessageHeaderRow td {
    padding-top: 10px;
}

/* Hide the cross-reference warnings */

#crossReferenceWarning {
    display: none;
}

/* Hide the "view original" link, but only when printing */

@media print {
    #viewOriginalCell {
        display: none;
    }
}