@page {
    size: auto;
    margin: 36pt 36pt 36pt 36pt;
}

#kioskorder {
    position: relative;
    width: 553px;
}

#fb-app-wrapper #kioskorder {
    width: 430px;
}

#kioskorder table {
    border-spacing: 0;
    border-collapse: 1;
}

#kioskorder td {
    white-space: nowrap;
}

.fieldlabel, .optionalfieldlabel {
    text-align: right;
    white-space: nowrap;
    font-weight: bold;
}

.fieldlabel.mobile, .optionalfieldlabel.mobile {
    text-align: left;
}


#totaldisplay, #addressbox, #emailbox, #statustable {
    display: none;
}

#kioskorder .paymentmethods {
    margin: 6px auto;
    border-spacing: 6px;
}

#kioskorder .paymentmethods td, #kioskorder .paymentmethods th {
    white-space: nowrap;
}

#calenderpreview {
    margin: 0 auto;
    text-align: center;
}

#kioskpreview .selectedthumbnail {
    text-align: center;
    margin-bottom: 3px;
}

#kioskpreview .selectedthumbnail img {
    width: 340px;
    border-style: double;
}

#fb-app-wrapper #kioskpreview .selectedthumbnail img {
    width: 287px;
    border: 3px double #73812C;
}

#kioskpreview .thumbnails {
   text-align: center;
   width: 300px;
   margin: 0 auto;
}

#fb-app-wrapper #kioskpreview .thumbnails {
    width: 290px;
}

#kioskpreview .thumbnail {
    vertical-align: top;
    width: 86px;
    border: 3px double white;
}

#kioskpreview .selected {
    border: 3px double #73812C;
}

.pleasewait {
    display: none;
    background-color: white;
    border: 1px solid black;
    text-align: center;
}

.pleasewait .ui-dialog-titlebar {
    display: none;
}

#order_please_wait, #confirm_please_wait, #status_please_wait {
    padding-left: 6px;
    display: none;
}

img.status {
    padding-top: 2px;
    height: 18px;
}

#orderform .fieldlabel {
    min-width: 168px;
}

#orderform .fieldlabel.left {
    text-align: left;
    min-width: 0;
}

.offline_order, .transaction_detail {
    display: none;
}

#confirmform {
    display: none;
}

#confirmform table {
    margin: 0 auto;
}

#confirmorder td {
    white-space: nowrap;
}

#confirm_total, #confirm_quantity {
    display: inline;
    font-weight: normal;
}

#paypal {
    display: none;
}

#statusreport {
    border-spacing: 0;
    border-collapse: 1;
}

#statusreport th, #statusreport td {
    padding: 2px 4px 2px 0;
}

#statusreport th {
    border-bottom: 1px solid black;
}

#statusreport td {
    text-align: center;
}

#statusform {
    margin-top: 6px;
}

.walletbutton {
    width: 160px;
}

#kioskorders {
    margin-top: 8px;
    border-top: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-spacing: 0;
    border-collapse: collapse;
}

#kioskorders td, #kioskorders th {
    border-bottom: 1px solid black;
    padding: 3px;
}

#kioskorders th a {
    color: #4c4c4c;
}

#kioskorders td.batch_heading {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-weight: bold;
}

#kioskorders .order, #kioskorders .quantity, #kioskorders .select, #kioskorders .payment, #kioskorders .cancel, #kioskorders .uncancel, #kioskorders .received, #kioskorders .cancelled {
    text-align: center;
    white-space: nowrap;
}

#kioskorders .time {
    text-align: right;
    white-space: nowrap;
}

// id: The .ko classes can be removed after reimplementation is complete.

.ko_id, .ko_quantity, .ko_payment, .ko_cancel, .ko_date, .ko_shipped, .ko_label, .ko_checkbox {
    text-align: center;
    white-space: nowrap;
}

.ko_payment a {
    text-decoration: none;
}

.ko_cancel img {
    height: 12px;
}

.ko_type {
    display: none; /* Used internally to distinguish domestic/internatinal orders */
}

#kioskorders img {
    height: 16px;
}

#payment table {
    margin: 0 auto;
    border-spacing: 0;
    border-collapse: 1;
}

#payment td {
    white-space: nowrap;
    padding: 2px;
}

#startlabeldialog {
    margin-top: 18px;
}

#inventoryadjustment {
}

#batch_checklist {
    width: 510pt;
    margin: 0 auto;
    border-spacing: 0;
    border-collapse: collapse;
}

#batch_checklist caption {
    font-size: 14pt;
    margin-bottom: 6pt;
}

#batch_checklist th {
    font-size: 11pt;
    margin: 0;
    padding: 1pt;
    white-space: nowrap;
}

#batch_checklist td {
    font-size: 10pt;
    margin: 0;
    padding: 1pt;
    vertical-align: top;
}

#batch_checklist tr.even {
    background-color: white;
}

#batch_checklist tr.odd {
    background-color: #CCCCCC;
}

#batch_checklist .batch_heading {
    text-align: left;
    font-weight: bold;
}

#batch_checklist .batch_address {
    text-align: left;
    white-space: nowrap;
}

#uploadresults {
    margin-top: 22px;
}