body { margin-top: 0; font-family: arial, helvetica; font-size: 14px; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }
a img { border: 0; }

#header {
    background: url(/modules/deal/images/v3/voucherHeader.jpg) no-repeat top left;
    width:910px;
    height:99px;
    position: relative;
    margin: 0 auto;
}

#header #logo { float: left; margin-top: 2px; margin-left: 10px; }
#header ul.menu { float: right; list-style-type: none; position: absolute; bottom: 15px; right: 10px; margin: 0; }
#header ul.menu li { float: left; padding: 0 18px; }
#header ul.menu li a { color: #fff; text-decoration: none; font-size: 18px; font-weight: bold; }
#header ul.menu li a:hover { text-decoration: underline; }
#header div.clear { visibility: hidden; }
#rootMerchantChanger {
    position: absolute;
    top: 10px;
    right: 6px;
}

#breadcrumb { list-style-type: none; padding: 0; margin: 0 0 10px 0; }
#breadcrumb li { display: inline; }
#breadcrumb a { text-decoration: none; color: #36698c; }

#content { width: 900px; padding: 15px 25px; margin: 0 auto; }
#mobile #content { width: auto; padding: 0; }

#content h1 { color: #36698c; font-size: 36px; }
#content h2, #content h2 a { color: #71a445; font-size: 26px; text-decoration: none; }
#content h2 a:hover { text-decoration: underline; }
#content h3 { color: #36698C; font-size: 18px; }
#content .subheader { font-size: 12px; margin-top: 0; color: #71a445; }
#content hr { background-color: #36698c; height: 1px; border: 0; margin: 25px -25px; }

#content ul.legend { float: right; list-style-type: none; padding: 0; }

.legendBox .key { clear: both; }
.legendBox .keyBox { border: 1px solid #000; width: 12px; height: 12px; display: block; float: left; margin-right: 4px; }

#content .boxlink { display: block; border: 1px solid #36698c; float: left; width: 180px; padding: 10px; text-decoration: none; color: #000; margin: 5px; height: 82px; }
#content .boxlink img { float: left; padding-right: 10px; }
#content .boxlink h1 { font-size: 16px; color: #36698c; margin: 0 0 5px 0; }
#content .boxlink .description { margin-left: 26px; font-size: 12px; }

.logokslcom { width: 120px; }
.logo1035thearrowcom { width: 90px; }
.logofm100 { height: 30px; }
.logodeseretnewscom { width: 160px; }

table.deals { padding: 0; margin: 0; width: 100%; }
table.deals thead tr th { text-align: left; color: #f79320; padding: 0 10px; }
table.deals tfoot tr th { text-align: left; color: #71a445; padding: 5px 10px 0 10px; }
table.deals tbody tr td { border: 1px solid #939597; background-color: #ededed; padding: 5px 10px; margin: 2px 0; }
table.deals tbody tr td.chart { padding: 0 2px; }
table.deals tbody tr a.status { background: url(/modules/deal/images/fam/bullet_red.png) top left no-repeat; padding-left: 20px; }
table.deals tbody tr.active td { background-color: #d9e9cc; }
table.deals tbody tr.active a.status { background-image: url(/modules/deal/images/fam/bullet_green.png); }
table.deals tbody tr.upcoming td { background-color: #fbe9d5; }
table.deals tbody tr.upcoming a.status { background-image: url(/modules/deal/images/fam/bullet_orange.png); }
table.deals .campaign span.dates { font-size: 12px; }
table.deals a { text-decoration: none; color: #36698c; }
table.deals a:hover { text-decoration: underline; }

.deal .title { margin: 0; }
.deal .title a { text-decoration: none; color: #36698C; }
.deal { padding: 5px; border: 1px solid #CCC; margin-top: 20px; background-color: #FAFAFA; }
.deal .campaigns { margin-top: 10px; }
.deal .campaigns th.stats { width: 150px; }
.deal .campaigns th.sold { width: 50px; }
.deal .campaigns th.revenue { width: 60px; }
.deal .campaigns th.actions { width: 40px; }

.deal > header { position: relative; border-bottom: 1px solid #CCC; }
.deal > header .stats dt { color: #F79320; font-weight: bold; display: inline; margin-left: 10px; }
.deal > header .stats dd { display: inline; margin-left: 0; }
.deal > header dl.stats { position: absolute; bottom: 0; right: 5px; margin: 0; }

.site { margin-bottom: 40px; }
.site > header { position: relative; }
.site > header .stats dt { color: #F79320; font-weight: bold; display: inline; margin-left: 10px; }
.site > header .stats dd { display: inline; margin-left: 0; }
.site > header dl.stats { position: absolute; bottom: 0; right: 0; margin: 0; }

table.vouchers { padding: 0; margin: 0; width: 100%; font-size: 14px; }
table.vouchers thead th { text-align: left; color: #f79320; padding: 0 5px; }
table.vouchers tbody td { border: 1px solid #939597; background-color: #ededed; padding: 2px 5px; }
table.vouchers tbody td.valid, table.vouchers tbody td.redeemed { color: #fff; font-weight: bold; }
table.vouchers tbody td.valid { background-color: #71A445 !important; }
table.vouchers tbody td.redeemed { background-color: #900 !important; }
table.vouchers tbody tr.matchedVoucher td { background-color: #FEFA54; }

.groupText, .lastchanceText, .dealText { font-size: 12px; }
.groupText, .lastchanceText { color: #f79320; }
.dealText { color: #71a445; }

.noOrders, .noData { padding: 5px 10px; font-style: italic; color: #900; }

.topZips { list-style-type: none; margin: 0; padding: 0; font-size: 14px; }
.topZips li { margin: 9px 0; cursor: pointer; color: #36698c; }
.colorbox { padding: 2px 8px; font-weight: bold; color: #000; }

ul.report_downloads { list-style-type: none; margin: 0; padding: 0; }
ul.report_downloads li { float: left; padding-right: 10px; }
ul.report_downloads li a { text-decoration: none; color: #36698c; }
ul.report_downloads li a:hover { text-decoration: underline; }

input.text { border: 1px solid #f79320; padding: 2px; }

.voucher { font-size: 16px; }
.userToken { color: #df4527; }
.orderNumber { color: #F79320; }
.checksum { color: #71A445; }
.voucherNumber { color: #8767A6; }
.quantityNumber { color: #007CC6; }
.labelHeader, .inlineHeader { font-weight: bold; }
.errors { border: 2px solid #900; background-color: #fdd; padding: 10px; text-align: center; color: #900; font-size: 16px; font-weight: bold; list-style-position: inside; }
.success { border: 2px solid #71A445; background-color: #D9E9CC; padding: 10px; text-align: center; color: #71A445; font-size: 16px; font-weight: bold; }

.merchantForm label { color: #36698c; }
.merchantForm label.header { float: left; text-align: right; margin-right: 5px; font-size: 16px; }

#login label.header { width: 80px; }
#login .noheader { margin-left: 85px; }
#accountInfo label.header { width: 100px; }
#accountInfo .noheader { margin-left: 105px; }
#changePassword label.header { width: 135px; }
#changePassword .noheader { margin-left: 140px; }

#footer { border-top: 1px solid #36698c; width: 900px; padding: 20px 25px 0 25px; margin: 15px auto 0 auto; text-align: center; }
#mobile #footer { width: auto; }

/* Payments Table */
.deals.payments-status {
    margin-top: 20px;
    font-size: 13px;
}
.deals .payment {
    color: #ffffff;
}
.deals .confirmed {
background-color: #090;
}
.deals .unconfirmed {
    background-color: #900;
}
.deals .unconfirmed p {
    margin: 3px 0;
}
.reconcileDate, .confirmDate, .confirmedBy, .dates {
    font-size: 10px;
}
.reconcileDate {
    margin-top: 5px;
}
.reconcileTime.never {
    font-style: italic;
    color: #ffa500;
}
.paid_label {
    color: #090;
    font-weight: bold;
}
.unpaid_label {
    color: #900;
    font-weight: bold;
}