html,
body {margin: 0;padding: 0;height: 100%;}
body {font-family: Tahoma, Verdana, Segoe, sans-serif;font-size: 12px;color: #333333;background-color:#E8E8D0;padding-bottom: 20px;}

body {position: relative;}

h2 {margin: 15px 17px 15px 0;padding: 0 0 0 20px;height: 62px;line-height: 62px;font-weight: 600;color: #FFFFFF;font-size: 32px;background-color: #396F0B;}

.header {background-color: #3C100F;height: 125px;}
.header h1 {width: 621px;height: 125px;margin: 0 auto;padding: 0;color: #FFFFFF;background: url(../images/logo.jpg) no-repeat 0 0;text-indent: -9999px;}

.page-content {width: 621px;margin: 0 auto;}

#responsecontainer {margin: 0;padding: 0;}
#responsecontainer fieldset {padding: 0;margin: 0;border: none;}

.order {}
.order-content {background: url(../images/order-content-bg.jpg) no-repeat 0 0;padding: 10px 0 10px 0;min-height: 100px;color: #666666;}
.order-control {background: url(../images/order-content-action-bg.jpg) no-repeat 0 0;height: 195px;}

.oc-address {width: 190px;margin: 0;padding: 15px 45px 0 0;list-style: none;float: right;}
.oc-address li {display: block;text-align: right;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;padding: 2px 0;}
.oc-address li strong {font-size: 15px;font-family: Tahoma, Verdana, Segoe, sans-serif;}

.ext-options {padding: 0 0 10px 0;line-height: 1.5em;}
.oc-products {margin: 0;padding: 0 40px 0 20px;list-style: none;}
.order-content h3 {padding: 10px 0 0 20px;margin: 0;font-weight: 600;font-size: 33px;color: #3F3F3F;}
.order-content h4 {padding: 0;margin: 0;font-weight: 600;font-size: 18px;}
.order-content h4 span {color: #ED1C24;}

.order-control h5 {margin: 0;padding: 10px 0 10px 20px;font-weight: 600;font-size: 25px;color: #19381A;}
.order-control h3 {margin: 0;padding: 10px 0 10px 20px;font-size: 16px;color: #19381A;}
.order-control span {display: inline-block;font-weight: 400;font-size: 17px;color: #FF6633;}
.delivery {padding-left: 20px;font-size: 13px;color: #19381A;}
.ext-comments {padding: 0 60px 0 20px;}
.ext-comments h6 {margin: 0;padding: 0;font-size: 15px;font-weight: 600;}
.ext-comments p {margin: 0;padding: 3px 0;line-height: 1.4em;}
.buttons {padding: 0 0 0 20px;}
.buttons button,
a.but-back, a.but-date,
.search-buttons a.but-cancel,
.button-cust-a {display: inline-block;width: 190px;height: 50px;line-height: 30px;color: #FFFFFF;text-align: center;font-family: Tahoma, Verdana, Segoe, sans-serif;font-weight: 500;font-size: 20px;border: 4px solid #1A381C;padding: 0;margin: 0;}
.buttons button.but-reprint {height: 58px;color: #333333;}
button.but-accept {background-color: #188B44;margin-right: 10px;cursor: pointer;}	
button.but-decline {background-color: #ED1C24;cursor: pointer;}
a.but-back {text-decoration: none;background-color: #188B44;line-height: 50px;cursor: pointer;}
.datetime {padding: 2px 0 2px 20px;font-style: italic;}
.state-collection {padding: 20px;text-align: center;font-size: 21px;border: 3px solid #000000;clear: both;margin: 20px 40px 20px 20px;background-color: #4C1A1B;color: #FFFFFF;}
.order-content table.totals {width: 90%;border-collapse: collapse;font-size: 19px;margin: 20px 0 0 15px;}

.order-content table.totals td {padding: 10px;font-weight: 400;color: #3F3F3F;}
.order-content table.totals .total-row-1 td {border-top: 1px solid #CEC9B3;border-bottom: 1px solid #CEC9B3;color: #4C1A1B;}
.order-content table.totals .total-row-3 td {border-bottom: 1px solid #CEC9B3;}

#date-change {margin: 0;padding: 0;}
#date-change fieldset {border: none;margin: 0;padding: 10px 0 0 0;}
#date-change #frm-date {width: 70px;visibility: hidden;border: none;margin-left: 220px;}
a.but-date,
.search-buttons a.but-cancel,
.button-cust-a {height: 50px;line-height: 50px;background-color: #C0C0C0;color: #333333;}
.button-cust-a {margin-top:10px;text-decoration: none;background-color: #2875C6;color: #FFFFFF;}

.totals-list a.but-back,
.totals-list a.but-date,
.totals-list .button-cust-a {width: 100px;}

/* Today Orders */
.today-orders {border-spacing: 0;border-collapse: collapse;border: 1px solid #666666;width: 590px;color: #666666;font-size: 14px;}
.today-orders a {color: #666666;}
.today-orders th {padding: 5px 10px;background-color: #FEF8D4;font-size: 16px;}
.today-orders thead tr {border-bottom: 1px solid #666666;}
.today-orders td {padding: 5px 10px;background-color: #FEF8D4;}
.today-orders td.col1 {text-align: center;}
.today-orders td.col5 {text-align: right;padding-right: 20px;white-space: nowrap;}
.today-orders .status {display: inline-block;width: 100px;height: 40px;line-height: 40px;color: #FFFFFF;text-align: center;font-size: 15px;}

.today-orders .status.st-q,
.today-orders .status.st-p {background-color: #FF6633;}
.today-orders .status.st-c {background-color: #188B44;}
.today-orders .status.st-d {background-color: #ED1C24;}

#responsecontainer,
#todayorders {display: none;}
.overlay-holder {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.97);}
.oh-waiting,
.oh-error {width: 100%;max-width: 600px;margin: 0 auto;background-image: url(../images/hourglass.svg);background-repeat: no-repeat;background-position: 0 50%;padding: 70px 0;position: absolute;left: 0;right: 0;top: 130px;display: none;}
.oh-error {background-image: none;}

.oh-waiting h2,
.oh-error h2 {margin: 0;padding: 0;color: #525252;font-weight: 400;font-size: 75px;letter-spacing: -4px;background-color: transparent;text-align: right;}

.oh-waiting h3,
.oh-error h3 {margin: 0;padding: 0;color: #828282;font-weight: 400;font-size: 45px;letter-spacing: -2px;background-color: transparent;text-align: right;}

.oh-error h3 {color: #990000;}

.oh-error p {padding: 0 0 0 150px;text-align: right;}

.oh-error .button-holder {text-align: right;}
.oh-error .button-holder span {display: inline-block;width: 150px;height: 37px;line-height: 37px;text-align: center;background-color: transparent;color:  #990000;border: 3px solid #990000;font-size: 17px;font-weight: 400;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;cursor: pointer;}
.oh-error .button-holder span:hover {color:  #FFFFFF;background-color: #990000;}

.view-order fieldset {border: none;}
.buttons button.but-cancel {height: 58px;color: #333333;}
.buttons button.but-cancel,
.buttons button.but-reprint {cursor: pointer;}

.al-ri {text-align: right;}

.fa-holder fieldset {border: none;padding: 15px;display: table;background-color: #FEF8D4;margin-right:30px;border: 1px solid #666666;}

.fa-block-1,
.fa-block-2,
.fa-block-3 {display: table-cell;vertical-align: middle;}

.fa-block-1 {padding-right: 15px;}
.fa-block-2 {}
.fa-block-3 {padding-left: 15px;font-size: 16px;color: #DD0000;}

.fa-field {padding: 0;display: block;height: 29px;line-height: 29px;border: 1px solid #CCCCCC;text-indent: 5px;font-size: 16px;width: 220px;font-weight: 300;outline: 0;}

.fa-holder .fa-field::-webkit-input-placeholder {color: #666666;opacity: 1;}
.fa-holder .fa-field:-moz-placeholder {color: #666666;opacity: 1;}
.fa-holder .fa-field::-moz-placeholder {color: #666666;opacity: 1;}
.fa-holder .fa-field:-ms-input-placeholder {color: #666666;opacity: 1;}

.fa-holder .fa-field:focus::-webkit-input-placeholder {color: #888888;opacity: 0.2;}
.fa-holder .fa-field:focus:-moz-placeholder {color: #888888;opacity: 0.2;}
.fa-holder .fa-field:focus::-moz-placeholder {color: #888888;opacity: 0.2;}
.fa-holder .fa-field:focus:-ms-input-placeholder {color: #888888;opacity: 0.2;}

#fa-submit {display: block;padding: 0 15px;height: 29px;line-height: 29px;border: 1px solid #245383;color: #FFFFFF;background-color: #386A9D;text-align: center;font-weight: 300;font-size: 15px;letter-spacing: -1px;cursor: pointer;outline: 0;}

.search-buttons {padding: 15px 0 0 0;}
.search-buttons a.but-cancel {display: inline-block;width: 190px;height: 50px;line-height: 30px;color: #FFFFFF;text-align: center;font-family: Tahoma, Verdana, Segoe, sans-serif;font-weight: 500;font-size: 20px;border: 4px solid #1A381C;padding: 0;margin: 0;text-decoration: none;}
.search-buttons a.but-cancel {height: 50px;line-height: 50px;background-color: #C0C0C0;color: #333333;}


.ov-st-a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.97);}
.ov-sv-content {
    left: 0;
    line-height: 200px;
    margin-top: -100px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
#start {
    border: 2px solid #3C100F;
    background-color: transparent;
    font-size: 19px;
    color: #3C100F;
    padding: 7px;
    width: 100%;
    max-width: 210px;
    font-weight: 700;
    letter-spacing: -1px;
}
#start:hover {
    color: white;
    background-color: #3C100F;
}