@import "eshop_base.css";
@import "affAds.css";

li, dt, dd, th, td { font-size: 1em }
thead th, tfoot td { font-size: 1em }
li { margin-bottom: 0.2em }

.grandTotal { font-weight: bold; font-size: larger; background-color: #EEEEEE }

.afInsufficientBalanceWarning { border: 1px solid #FF0000;
    padding: 20px 20px 20px 50px; font-weight: bold;
    background: #FFFFFF url(../images/error.png) no-repeat scroll 10px 10px }

.afLowBalanceWarning { border: 1px solid #FFA900;
    padding: 20px 20px 20px 50px; font-weight: bold;
    background: #FFFFFF url(../images/warning.png) no-repeat scroll 10px 10px }

.autoTopupNoPaymentSourceWarning { margin-top: 10px; }

.periodSelection { margin: 6px 0; }
.predefinedPeriods { padding: 0 5px; margin-top: 3px; margin-bottom: 3px; }
.predefinedPeriods button { margin-top:3px; margin-bottom: 3px; }
.predefinedPeriods button.selected { background-color: #6997ad; font-weight: bold; font-size: 1.06em }
.periodDates { margin-top: 3px; margin-bottom: 3px; }
.periodDates .table-if-wide { border-collapse: separate; border-spacing: 10px; }
.periodDates .form-field-container { display: inline-block; }
.periodDates label { min-width: 4em; text-align: right; }
.periodDates .cell-if-wide:nth-child(2) { padding-left: 20px; }
.periodEndDateLabel { margin-left: 24px }
.periodDates button.goButton { background: transparent url(../images/goArrow20.png) no-repeat 0 0; width: 20px; height: 20px; border: none; vertical-align: middle; margin-left: 12px;}
tr.totals > td { border-top: 1px solid #CCCCCC; background-color: #EEEEEE }
table.afReferralTable { font-size: 0.8em }

.itemsList.ads .vxadItem {
    max-width: 250px; max-height: 250px;
}
.itemsList.ads .vxadItem img, .itemsList.ads .vxadItem video, 
    .itemsList.ads .vxadItem object { max-height: 250px; }
.itemsList.ads .vxadItem img { width: auto; }
#btnExportListing { margin: 6px }
#frmSetDefault { display: inline }
#moveAffGroupDiv { margin-top: 6px }
#affiliateRequestNotice, .disabledNotice {
    border: 1px solid #801010; padding: 12px; }

.afNoticeContainer { max-width: 600px; padding: 0; text-align: center;
    border: none;
    margin-left: auto; margin-right: auto; margin-bottom: 6px }
.disabledNotice { border-color: #CC0000; padding: 20px 20px 20px 50px;
    background: #FFEEEE url(../images/error.png) no-repeat scroll 10px 10px }
.afInfoPageLogo { text-align: center; }
.afInfoPageLogo img { margin-bottom: 20px; max-width: 100%; max-height: 200px; }
.afInfoSignup { margin-top: 12px }
.afInfoSignupTable { border: none }
.afInfoSignupTable  thead th { border: 1px solid #CCCCCC;
    text-align: center; padding: 5px;
    font-weight: bold; background-image: none }
.afInfoSignupTable  td { border: 1px solid #CCCCCC; padding: 5px; }
.afInfoSignup button { margin-top: 10px; }
.afExisting { background-color: #E6EEFA; }
.afNew { background-color: #ECF9C0 }

.afOverdue { color: #FF0000 }
table.afCommissionsList { border: none }
table.afCommissionList td { border: none; padding: 5px 0 5px 20px }
table.afCommissionRateList th { border: none; padding: 0 0 5px 20px }

div.afAboutBottomButtons { margin: 12px 0; }

table.afInvoiceHead { width: 100% }
table.afInvoiceHead, table.afInvoiceHead th, table.afInvoiceHead td {
    border: none; padding: 2px 5px; }
table.afInvoiceItems, table.afInvoiceItems th, table.afInvoiceItems td {
    border: none; padding: 2px 5px; }
table.afInvoiceItems { margin-bottom: 6px; width: 100% }
td.afInvoiceSubtotal { border-top: 1px solid #000000 !important }
tr.afInvoiceTotal { font-weight: bold }
td.afInvoiceTotal { border-top: 1px solid #000000 !important; border-bottom: medium double #000000 !important }

.searchCappedResultsNotice { font-weight: bold; padding-bottom: 10px; }
#searchResultsContainer { display: table; }
#searchResultsNoticeContainer { padding: 10px; }
.searchResultItem { display: table-row; }
.searchResultItem > * { display: table-cell; padding: 5px; }
.searchResultItem .email { color: #777777; }

h2 > a.expando { font-size: small }
a.expando:hover { text-decoration: none }

.framedImg { border: 1px solid #888888; padding: 4px; background-color: #FFFFFF }

.afCheckboxesContainer {
    max-height: 250px; overflow: auto; border: 1px solid #CCCCCC; padding: 5px; }

.verified { color: #009000; }
.unverified { color: #900000; }

label.verification_method_label { font-weight: bold !important; }
div.verification_method_selector { margin-top: 24px; margin-bottom: 6px; }
p.verification_when_to_use, p.already_verified {
    margin-left: 20px; margin-bottom: 6px; }
.already_verified, .already_verified img { vertical-align: middle; }
.verification_instructions {
    margin-left: 20px; color: #000000; background-color: #EEEEF8;
    padding: 12px; border: 1px solid #CCCCEA; }
.verification_instructions a:link, .verification_instructions a:visited {
    color: #4060FF; }
.verification_instructions a:hover { color: #003366; }
.verification_instructions ol li { 
    list-style-position: outside; list-style-type: decimal;
    margin-bottom: 1.5em; }
.verification_content { padding: 6px; border: 2px solid #CCCCEA;
    margin: 1em 0 2em 0; }
.initially_hidden { display: none; }

div#shopAffiliateRequestsContainer {
    background-color: #FFD; padding: 10px;
    border: 1px solid #CDCAA7; margin: 10px 0;
    display: none; overflow: hidden; }

.btnPanel {
    float: left;
    width: 200px; height: 75px;
    vertical-align: top;
    margin: 20px 20px;
    border: 1px solid #000000;
    padding: 40px 20px 10px 200px;
    font-size: 20px;
    font-weight: bold;
}

.btnPanelSubtext { font-size: 12px; font-family: helvetica,arial,sans-serif; margin-top: 5px; }

#btnAffPrograms {
    background: #000044 url(../images/aff/affprograms_xp_x125.png)
    no-repeat scroll 0 50%;
    color: #EEEEEE;
}

#btnAffPrograms:hover { 
    background-color: #000094; text-decoration: none; }


#btnReferrals {
    border-color: #0B220B;
    background: #0B220B url(../images/aff/graph_xp_x125.png)
    no-repeat scroll 0 50%;
    color: #EEEEEE;
}

#btnReferrals:hover { 
    background-color: #206220; text-decoration: none; }

#btnCampaigns {
    background: #470202 url(../images/aff/campaigns_xp_x125.png)
    no-repeat scroll 0 50%;
    color: #EEEEEE;
}

#btnCampaigns:hover { 
    background-color: #9E0404; text-decoration: none; }


#btnAffiliates {
    border-color: #766400;
    background: #766400 url(../images/aff/affiliates_xp_x125.png)
    no-repeat scroll 0 50%;
    color: #FFFFFF;
}

#btnAffiliates:hover { 
    background-color: #9D8500; text-decoration: none; }

#btnSettings {
    border-color: #190060;
    background: #190060 url(../images/aff/settings_xp_x125.png)
    no-repeat scroll 0 50%;
    color: #FFFFFF;
}

#btnSettings:hover { 
    background-color: #2A00A2; text-decoration: none; }

#btnCoupons {
    border-color: #01546f;
    background: #01546f url(../images/aff/coupons_xp_x125.png)
    no-repeat scroll 0 50%;
    color: #FFFFFF;
}

#btnCoupons:hover { 
    background-color: #0081ab; text-decoration: none; }


.btnPanel:active { border-top-width: 3px; border-left-width: 3px;
    width: 198px; height: 73px; }

.btnPanelContainer { max-width: 960px; margin-left: auto; margin-right: auto;
    overflow: hidden; }


.filter-sets { border: 1px solid #CCCCEA; padding: 10px; }
ul.filter-options { list-style-type: none; display: inline; }
ul.filter-options > li { display: inline; }

.filterSelection { padding: 5px; }

.fusionShopFilters .productCategoryList { margin-left: 0; }
.fusionShopFilters ul + .fieldLink { display: block; }

#autoTopupSmry fieldset.module { min-width: 300px; }
.autoTopupFailureReason { font-style: italic; }

.goalDescription { font-size: smaller; display: block; max-width: 300px; }
.afCommissionList .goalDescription { margin-left: 1em; }

.trackerHealthIcon {
    display: inline-block; width: 42px; height: 18px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.trackerHealthIcon.trackerHealthState- { background-image: url('../images/RAG/rag_all_off.png'); }
.trackerHealthIcon.trackerHealthState-0 { background-image: url('../images/RAG/rag_green.png'); }
.trackerHealthIcon.trackerHealthState-1 { background-image: url('../images/RAG/rag_amber.png'); }
.trackerHealthIcon.trackerHealthState-2 { background-image: url('../images/RAG/rag_red.png'); }

form.onlineReferralRenewal { display: inline; }
.onlineReferralList tr.expired { color: #888888; }

@media (min-width: 768px) {
    .afInfoSignup { display: flex; }
    .afInfoSignup > div { display: flex; flex: 1; }
    .afInfoSignup > div > div { box-sizing: border-box; min-height: 100%; flex: 1; }
}

@media (max-width: 767px) {
    .btnPanel { padding: 10px; }
    #btnReferrals, #btnAffiliates, #btnCampaigns, #btnSettings,
    #btnCoupons, #btnAffPrograms { background-image: none; }
    #searchResultContainer, .searchResultItem { display: block; }
    .searchResultItem { padding: 5px; }
    .searchResultItem > * { display: inline-block; padding: 0; }
    .searchResultItem .code { width: 6em; }
    .searchResultItem .email { display: block; padding-left: 2em; }
    .periodDates .cell-if-wide:nth-child(2) { padding-left: 0; }
    .filter-sets { border: 0 none; padding-left: 0; padding-right: 0; }
}