.dotted-line {
    border-top: 1px dotted #333;
}

.popup-list {
    background-color: #fff;
    color: #333;
    border: 1px solid #000;
}

.row .box, .row .box-dotted, .row .box-topless, .row .box-topless-dotted, #cookieNotification  {
    background-color: #fff;
    color: #333;
}

#product_bundle_order_show_page .row .conversationBox, #support_request_show_page .row .conversationBox {
    background: url(/style/images/opacity5-light.png) repeat;
}

#product_bundle_order_show_page .organisationConversation, #support_request_show_page .organisationConversation {
    background: url(/style/images/opacity5-light.png) repeat;
    padding: 1em;
    min-height: 0;
}

.row .box-dotted, .row .box-topless-dotted {
    border: 1px dotted #333;
}

.row .box-topless {
    border-top: none;
}

.row .row-margin-bottom {
    margin-bottom: 2em;
}

.row .box .box-heading, .row .box-topless .box-heading {
    background-color: #333;
    color: #fff;
}

.row .minor-box {
    background-image: url(/style/images/opacity10-light.png);
    background-repeat: repeat;
}

.row [class*="span"] .bootstrap-minor-button, .row [class*="span"] .box-footer {
    background-image: url(/style/images/opacity50-light.png);
    color: #000;
}

.bootstrap-strapline {
    background: url(/style/images/opacity20-light.png) repeat;
}


.header-bg {
    background-color: #000;
}

.header-fg {
    color: #000;
}

.header-contrast-bg {
    background-color: #f0f0f0;
}

.header-contrast-fg {
    color: #f0f0f0;
}

.body-bg {
    background: #7ea4b4 url(/style/images/body-bg-light.png) repeat-x top left;
}

.body-background {
    background: #7ea4b4;
}

.recentActivityEvent:first-child, .body-border {
    border-color: #7ea4b4;
}

h1, h2, h3, .page-header-text {
    color: #000;
}

thead {
    background-image: url(/style/images/opacity20-light.png);
    background-repeat: repeat;
}

.flat-button, .flat-button:hover, .button, .button:hover, .bootstrap-button {
    background-color: #0c5f98;
    border-color: #0c5f98;
}

.unread {
    background-color: #0c5f98;
    padding: 0.3em;
    text-align: center;
    color: white;
}

.bootstrap-button-inverted {
    color: #0c5f98;
}

.bootstrap-button-selected {
    border-bottom: 4px solid #0c5f98;
    color: #0c5f98;
}

a, .link-fg, .link.button {
    color: #0c5f98;
}

.action-fg {
   color: #0c5f98;
}

.action-bg {
    background-color: #0c5f98;
}

.action-element {
    color: white;
    background-color: #0c5f98;
}

.action-element a {
    color: white;
}

.secondary-action-hover {
    background-image: url(/style/images/opacity10-light.png);
    background-repeat: repeat;
}

.body-copy, html {
    color: #333;
}

.content-bg {
    background-color: #fff;
}

.mobile-content-bg {
    background-color: inherit;
}

@media (max-width: 767px) {
    .mobile-body-bg {
        background: #7ea4b4;
    }
}

.body-background {
    background: #7ea4b4;
}

/* Custom Components */
.banner {
    background: #333;
    color: #fff;
}

.promoted-products .product:hover, .flat-button:hover,  .bootstrap-button:hover, .bootstrap-minor-button:hover {
    background-image: url(/style/images/opacity30-light.png);
    background-repeat: repeat;
}

.tabs .selected-tab a {
    color: #0c5f98
}

.tabs .selected-tab .tabline, .requestLink .tabline {
    background-color: #0c5f98;
}

.tabs .non-selected-tab a {
    color: #333;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.callout-section {
    background: url(/style/images/opacity90-light.png) repeat;
    color: #fff;
}

.callout-section h3 {
    color: white;
}

.item-row {
    background: url(/style/images/opacity20-light.png) repeat;
}

.light-separator {
    border-color: #333
}

.opacity10, .action-bar, .section, .hover-highlight:hover {
    background: url(/style/images/opacity10-light.png) repeat;
}

.dark-background {
    background: url(/style/images/opacity60-light.png) repeat;
}

#youraccountnav.selected, #youraccountnav:hover,
#youraccountnav.selected a, #youraccountnav:hover a {
    background-color: #f0f0f0;
    color: #000;
}

div.filter {
    background-color: #7ea4b4;
}

div.filterPurchases {
    background: url(/style/images/opacity10-light.png) repeat;
}

#package-charges {
    background: url(/style/images/opacity10-light.png) repeat;
}

#setup-heading,
#recurring-heading {
    background: url(/style/images/opacity20-light.png) repeat;
    color: #333;
}

#product-charges td.setup,
#product-charges td.recurring {
    background: url(/style/images/opacity10-light.png) repeat;
}

.wizard-package-charges-charge {
    background: url(/style/images/opacity30-light.png) repeat;
    color: white;
}

.purchase-package-charges-charge {
    background: url(/style/images/opacity40-light.png) repeat;
    color: white;
}

#catalog-detail-main {
    background: url(/style/images/opacity10-light.png) repeat;
}

#product-charges, .catalog-detail-main-item {
    background-color: #fff;
    color: #333;
}

.offer-summary .frequency-price, .offer-summary .setup-price {
    color: white;
}
















#anonymous-home-hero {
    height: 466px;
    width: 447px;
    background-image: url(/style/images/heroImage.png);
    background-repeat: no-repeat;
}

#anonymous-home-support {
    height: 120px;
    width: 300px;
    background-image: url(/style/images/productSupport.png);
    background-repeat: no-repeat;
}

#anonymous-home-order {
    height: 120px;
    width: 300px;
    background-image: url(/style/images/productTracking.png);
    background-repeat: no-repeat;
}

#anonymous-home-billing {
    height: 120px;
    width: 300px;
    background-image: url(/style/images/productBilling.png);
    background-repeat: no-repeat;
}

#anonymous-home-store {
    height: 124px;
    width: 220px;
    background-image: url(/style/images/storePreview.png);
    background-repeat: no-repeat;
}

.renderHtmlMarkup blockquote {
    color: #0c5f98;
    background: url(style/images/quote-start-small.png) no-repeat 0 4px;
}

.menu-icon {
    color: #f0f0f0;
    font-size: 90%;
    cursor: pointer;
}

.home-icon {
    height: 24px;
    width: 24px;
    fill: #f0f0f0;
    cursor: pointer;
}

.icon {
    background: #f0f0f0;
}

.menu-icon:before,
.menu-icon:after {
    content: "";
    position: absolute;
    top: 0.25em;
    left: 0;
    width: 1em;
    height: 0.25em;
    border-top: 0.125em solid #f0f0f0;
    border-bottom: 0.125em solid #f0f0f0;
}

.menu-icon:after {
    height: 0.625em;
    border-bottom: 0.125em solid #f0f0f0;
}

.renderHtmlMarkup h4, .renderHtmlMarkup h5, .renderHtmlMarkup h6 {
    color: #000;
}

#login_container {
    border: 1px solid #7ea4b4;
}

.theme-border {
    border-color: #bbb;
}

.invertBoxBg {
    background-color: #000;
}

.boxBorder {
    border-color: #000;
}

.invertBoxText {
    color: white;
}

#profile_page .external-link-btn {
display: inline-block;
color: white;
height: 30px;
text-align: center;
text-decoration: none;
cursor: pointer;
line-height: 2.5;
padding-left: 1em;
padding-right: 1em;
border-radius: 5px;
border-color: #0c5f98;
background-color: #0c5f98;
}

.open-order .tooltiptext {
    visibility: hidden;
    width: 100px;
    color: white;
    text-align: center;
    text-align: right;
    border-radius: 5px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    right: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    display: block;
}

.open-order:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}