/* Maintain aspect ratio while scaling */
@media (max-width: 768px) {
    #sprite-Dinky-Updates-Saturday {
        transform: scale(0.8);
        transform-origin: center;
    }
}

@media (max-width: 576px) {
    #sprite-Dinky-Updates-Saturday {
        transform: scale(0.7);
        transform-origin: center;
    }

    /* Target the unified image row - you may need to adjust the selector based on your HTML structure */
    .white-links-row,
    [style*="white-space: nowrap"] {
        transform: scale(0.8); /* Scale down to 70% on very narrow screens */
        transform-origin: center; /* Scale from center */
    }
}

/* Responsive image row handling - scale down unified image elements on narrow screens */
@media (max-width: 320px) {
    #sprite-Dinky-Updates-Saturday {
        transform: scale(0.6);
        transform-origin: center;
    }

    /* Target the unified image row - you may need to adjust the selector based on your HTML structure */
    .white-links-row,
    [style*="white-space: nowrap"] {
        transform: scale(0.5); /* Scale down to 70% on very narrow screens */
        transform-origin: center; /* Scale from center */
        /* overflow: hidden; Prevent any overflow */
    }
}

/* Alternative approach - hide the unified image row on ultra-narrow screens if scaling doesn't work well */
@media (max-width: 200px) {
    .white-links-row,
    [style*="white-space: nowrap"] {
        display: none; /* Hide on extremely narrow screens where it can't fit properly */
    }
}

#cartoons-footer {
    background-color: var(--bs-primary-dark);
    border-radius: 0.5rem;
}
#cartoons-footer p {
    color: var(--bs-light);
}

#content-header {
    border-radius: 4rem 4rem 0 0;
    background-color: var(--bs-mediumblue);
    padding: 0.6rem 1.5rem;
    margin: 0;
    /* Large inner shading - top and left highlight, right shadow */
    box-shadow: inset 2rem 1rem 3rem rgba(255, 255, 255, 0.8),
        inset -1rem 0rem 3rem rgba(0, 0, 0, 0.5);
    /* Thick, dark blue border along left, top, right */
    border: 0.2rem solid var(--bs-primary-dark);
    border-bottom: none;
}

#content-header-inner {
    background-image: url("/images/modern/bg-checkerboard.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3rem 3rem 0 0;
    border: 3px solid var(--primary-dark);
}

#content-container {
    border-radius: 0 0 2rem 2rem;
    background-color: var(--bs-mediumblue);
    padding-bottom: 2rem;
    /* Separate shadows with controlled blur to prevent interference */
    box-shadow: 
        /* Top shadow - narrow blur, stays at top */
        inset 0 0.8rem 1rem -0.5rem rgba(0, 0, 0, 0.8),
        /* Left highlight - large and soft */
        inset 2rem 0 3rem -1rem rgba(255, 255, 255, 0.8),
        /* Right shadow - large and soft */
        inset -2rem 0 3rem -1rem rgba(0, 0, 0, 0.4),
        /* Bottom shadow - narrow blur, stays at bottom */
        inset 0 -0.8rem 1rem -0.5rem rgba(0, 0, 0, 0.6);
    /* Thick, dark blue border along left, bottom, right */
    border: 0.2rem solid var(--bs-primary-dark);
    border-top: none;
}

/* Responsive sprite scaling for Dinky Updates Saturday */
#sprite-Dinky-Updates-Saturday {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: 0px 0px;
    width: 168px;
    height: 60px;
}

a:link.dropdown-item {
    color: var(--bs-tertiary);
}
a:hover.dropdown-item {
    color: color-mix(in srgb, var(--bs-primary) 60%, black 40%);
    background-color: color-mix(
        in srgb,
        transparent 20%,
        var(--bs-primary-dark) 80%
    );
}
a:visited.dropdown-item {
    color: color-mix(in srgb, var(--bs-tertiary) 70%, white 30%);
}
a:visited.dropdown-item:hover {
    color: color-mix(in srgb, var(--bs-primary) 60%, black 40%);
    background-color: color-mix(
        in srgb,
        transparent 20%,
        var(--bs-primary-dark) 80%
    );
}
a:active.dropdown-item {
    color: color-mix(in srgb, var(--bs-primary) 40%, black 60%);
    background-color: color-mix(
        in srgb,
        transparent 70%,
        rgb(235, 94, 235) 30%
    );
}

a:link.nav-link {
    color: var(--bs-tertiary);
}
a:hover.nav-link {
    color: color-mix(in srgb, var(--bs-tertiary) 90%, black 10%);
    background-color: color-mix(in srgb, var(--bs-primary) 90%, white 10%);
}
a:visited.nav-link {
    color: color-mix(in srgb, var(--bs-tertiary) 90%, black 10%);
}
a:active.nav-link {
    color: color-mix(in srgb, var(--bs-tertiary) 80%, black 20%);
    background-color: color-mix(
        in srgb,
        var(--bs-primary) 70%,
        rgb(235, 94, 235) 30%
    );
}

a:link.toon {
    font-size: 10pt;
    color: #d9d18b;
    text-decoration: none;
    font-weight: bold;
}
a:hover.toon {
    font-size: 10pt;
    color: #d9d18b;
    text-decoration: underline;
    font-weight: bold;
}
a:visited.toon {
    font-size: 10pt;
    color: #e6e6b8;
    text-decoration: none;
    font-weight: bold;
}
a:active.toon {
    font-size: 10pt;
    color: #e6e6b8;
    text-decoration: none;
    font-weight: bold;
}

a:link.header {
    font-size: 10pt;
    color: #5a708c;
}
a:hover.header {
    font-size: 10pt;
    color: #5a708c;
    text-decoration: underline;
}

a:link.small {
    font-size: -1em;
    color: #d9d18b;
    font-style: normal;
    text-decoration: none;
}
a:visited.small {
    font-size: -1em;
    color: #e6e6b8;
    font-style: normal;
    text-decoration: none;
}
a:hover.small {
    color: #e6e6b8;
    text-decoration: underline;
    font-size: -1em;
}
a:active.small {
    font-size: 10pt;
    color: #e6e6b8;
    font-style: normal;
    text-decoration: none;
}

a:link.cartoons {
    text-decoration: none;
    font-size: 12pt;
    color: #d9d18b;
}
a:visited.cartoons {
    text-decoration: none;
    color: #e6e6b8;
}
a:hover.cartoons {
    color: #d9d18b;
    text-decoration: underline;
}
a:active.cartoons {
    color: blue;
}

a:link.cartoons1 {
    text-decoration: none;
    font-size: 10pt;
    color: #ffffcc;
    font-weight: normal;
}
a:visited.cartoons1 {
    text-decoration: none;
    color: #e6e6b8;
    font-weight: normal;
}
a:hover.cartoons1 {
    text-decoration: underline;
    font-weight: normal;
}
a:active.cartoons1 {
    color: #e6e6b8;
    text-decoration: none;
    font-weight: normal;
}

a:link.blog {
    text-decoration: none;
    font-size: 10pt;
    color: #5a708c;
}
a:visited.blog {
    text-decoration: none;
    color: #8caeda;
}
a:hover.blog {
    text-decoration: underline;
}
a:active.blog {
    color: blue;
}

.ellipsis-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2; /* Standard property */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em; /* Adjust as needed */
    max-height: 2.4em; /* line-height * number of lines */
}

.navbar-nav .nav-link {
    display: flex;
    align-items: center;
}

.nav-icon {
    font-size: 1.5rem;
    margin-right: 0.6rem;
    width: 30px;
    height: 30px;
}

/* Ensure FontAwesome icons display properly */
.nav-icon.fas {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Offcanvas customization */
.offcanvas {
    background-color: var(--bs-primary-dark, #404f63);
}

.offcanvas .nav-link {
    color: #fff !important;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/*need to add this to the image:
background: url('/images/0Index2.png') no-repeat top left;*/

.cartoon-history-header {
    font-size: 1.1rem;
    margin: 0 auto 5px auto;
}

.cartoonsonline {
    background: url("/images/0Index2.png") no-repeat top left;
    border: 0;
    margin: 0;
}

.maincontainer {
    width: 917px;
    margin: 0px auto;
}

.auth-content,
.news-content,
.news-admin-form {
    padding: 0.5rem 1rem;
}

.table > :not(caption) > * > *,
.list-group-item {
    background-color: transparent;
}

.watch-cartoons-header {
    margin-bottom: 1rem;
}

.watch-cartoons-header h1 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}

.watch-cartoons-header h1,
.watch-cartoons-header h2,
.watch-cartoons-header h3,
.watch-cartoons-header h4 {
    color: var(--bs-light);
    font-weight: 500;
    border-bottom: 1px solid var(--bs-dark);
    padding-bottom: 0.5rem;
    text-shadow: 1px 2px 1px var(--bs-dark);
}

#adminbar {
    width: 916px;
    margin: 0px auto 0px auto;
    border: 1px solid #ccc;
    background-color: #404f63;
    vertical-align: top;
}

.author {
    font-weight: 900;
    color: Black;
}

b.r1 {
    margin: 0px 5px;
}
b.r2 {
    margin: 0px 3px;
}
b.r3 {
    margin: 0px 2px;
}

.bccc {
    border: 1px solid #ccc;
}

.bBrLeft {
    border-left: 2px solid #695930;
}
.bDbLeft {
    border-left: 2px solid #4b5b73;
}

.bg000 {
    background-color: #000;
}
.bgdb {
    background-color: #404f63;
}
.bgfff {
    background-color: #fff;
}
.bgcLb {
    background-color: #8cadd9;
}

#bluecontentwrapper {
    width: 90%;
    margin: auto;
}

body {
    padding: 5px;
    background-color: #596d8a;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    vertical-align: top;
    color: #ffffff;
}

#contentwrapper {
    width: 90%;
    margin: auto;
    text-align: left;
}

.c222 {
    color: #222;
}
.c444 {
    color: #444;
}
.cBr {
    color: #8a7c58;
}
.cY {
    color: #d9d18b;
}

#dbmenu {
    width: 100%;
    margin: auto;
}

.dbmenu1 {
    border: 1px solid #ccc;
    margin: 0px;
    background-color: #404f63;
    text-align: center;
}

.dnone {
    display: none;
}

div#h1 {
    margin: 20px 0%;
    background: #415167;
}
b.h01top,
b.h01bottom {
    display: block;
    background: #fff;
}
b.h01top b,
b.h01bottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #415167;
}
b.h01top b.r4,
b.h01bottom b.r4 {
    margin: 0px 1px;
    height: 2px;
}

div#h1blue {
    margin: 2 2%;
    background: #5a708c;
}
b.h1top,
b.h1bottom {
    display: block;
    background: #7e9abd;
}
b.h1top b,
b.h1bottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #5a708c;
}
b.h1top b.r4,
b.h1bottom b.r4 {
    margin: 0 1px;
    height: 2px;
}

div#ltblue {
    margin: 5 1%;
    background: #8caeda;
}
b.lbtop,
b.lbbottom {
    display: block;
    background: #d9d9d9;
}
b.lbtop b,
b.lbbottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #8caeda;
}
b.lbtop b.r4,
b.lbbottom b.r4 {
    margin: 0 1px;
    height: 2px;
}

div#yellow {
    margin: 5px 1%;
    background: #d9d18b;
}
b.ytop,
b.ybottom {
    display: block;
    background: #d9d9d9;
}
b.ytop b,
b.ybottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #d9d18b;
}
b.ytop b.r4,
b.ybottom b.r4 {
    margin: 0 1px;
    height: 2px;
}

div#dkblue {
    margin: 5 1%;
    background: #5a708c;
}
b.btop,
b.bbottom {
    display: block;
    background: #d9d9d9;
}
b.btop b,
b.bbottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #5a708c;
}
b.btop b.r4,
b.bbottom b.r4 {
    margin: 0 1px;
    height: 2px;
}

div#dkblue1 {
    margin: 0px 0%;
    background: #5a708c;
}
b.bbtop,
b.bbbottom {
    display: block;
    background: #7e9abd;
}
b.bbtop b,
b.bbbottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #5a708c;
}
b.bbtop b.r4,
b.bbbottom b.r4 {
    margin: 0 1px;
    height: 2px;
}

div#db {
    margin: 0px 0%;
    background: #5a708c;
}
b.dbtop,
b.dbbottom {
    display: block;
    background: #8caeda;
}
b.dbtop b,
b.dbbottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #5a708c;
}
b.dbtop b.r4,
b.dbbottom b.r4 {
    margin: 0px 1px;
    height: 2px;
}

div#db1 {
    margin: 0px 0%;
    background: #5a708c;
}
b.db1top,
b.db1bottom {
    display: block;
    background: #758cae;
}
b.db1top b,
b.db1bottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #5a708c;
}
b.db1top b.r4,
b.db1bottom b.r4 {
    margin: 0px 1px;
    height: 2px;
}

div#newsbottom {
    margin: 0px 0px;
    background: #dbdbdb;
}
b.nbtop,
b.nbbottom {
    display: block;
    background: #7e9abd;
}
b.nbtop b,
b.nbbottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #dbdbdb;
}
b.nbtop b.r4,
b.nbbottom b.r4 {
    margin: 0px 1px;
    height: 2px;
}

div#brown {
    margin: 5px 1%;
    background: #8c7f5a;
}
b.brtop,
b.brbottom {
    display: block;
    background: #d9d9d9;
}
b.brtop b,
b.brbottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #8c7f5a;
}
b.brtop b.r4,
b.brbottom b.r4 {
    margin: 0px 1px;
    height: 2px;
}

div#grey {
    margin: 0px 0%;
    background: #d9d9d9;
}
b.grtop,
b.grbottom {
    display: block;
    background: #fff;
}
b.grtop b,
b.grbottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #d9d9d9;
}
b.grtop b.r4,
b.grbottom b.r4 {
    margin: 0px 1px;
    height: 2px;
}

div#white {
    margin: 8px 5px;
    background: #ffffff;
    color: #666666;
}
b.whtop,
b.whbottom {
    display: block;
    background: #758cae;
}
b.whtop b,
b.whbottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #ffffff;
}
b.whtop b.r4,
b.whbottom b.r4 {
    margin: 0px 1px;
    height: 2px;
}

.cartoon-history-inner {
    color: #333;
}

.f10 {
    font-size: 10pt;
}
.f11 {
    font-size: 11px;
}
.f12 {
    font-size: 12px;
}

.fcenter {
    float: center;
}

h1,
h2,
h3,
h4,
p {
    margin: 5px 5px;
}

h1 {
    font-size: 120%;
}

h2 {
    font-size: 115%;
    padding-top: 0.3em;
}

h3 {
    font-size: 70%;
}

h4 {
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
    font-weight: normal;
}

h5 {
    margin: 0px 0px;
    font-size: 0.95em;
    /* color: #fff; */
    font-family: Arial, Georgia, Trebuchet MS, Verdana, Times New Roman,
        sans-serif;
    font-style: normal;
    font-weight: normal;
}

h6 {
    margin: 0px;
    font-size: 8pt;
    font-style: normal;
}

.heading {
    border: 1px solid #ccc;
    margin: 0px;
    background-color: #404f63;
    text-align: left;
}

.h14 {
    height: 14px;
}
.h16 {
    height: 16px;
}
.h17 {
    height: 17px;
}
.h23 {
    height: 23px;
}

.inline {
    display: inline-block;
}

.linkbox {
    border: 1px solid #8c7f5a;
    padding: 3px 5px;
    margin: 0px 1px;
    color: color-mix(in srgb, var(--bs-quaternary) 70%, black 30%);
    background-color: #d9d18b;
    text-align: center;
    font-size: 10pt;
    display: table-cell;
    height: 48px;
    min-height: 48px;
    vertical-align: middle;
}

.ltbluebg {
    margin: 0px;
    background-color: #758cae;
    border: 1px solid #ccc;
    border-top: 0px;
    padding: 0px;
}

.m0 {
    margin: 0px;
}
.m3 {
    margin: 3px;
}
.m10 {
    margin: 10px;
}

.m0auto {
    margin: 0px auto 0px auto;
}
.m5auto {
    margin: 5px auto 5px auto;
}
.m10auto {
    margin: 10px auto 10px auto;
}

.mleft10 {
    margin-left: 10px;
}
.mleft15 {
    margin-left: 15px;
}
.mleft25 {
    margin-left: 25px;
}

.mright10 {
    margin-right: 10px;
}

.mtop5 {
    margin-top: 5px;
}
.mtop10 {
    margin-top: 10px;
}

#menu {
    position: absolute;
    margin-right: 2px;
}

#menu ul {
    float: left;
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 3px;
    padding-top: 0px;
    background: #404f63;
    list-style: none;
    border: 1px solid #ccc;
    background-color: #404f63;
    width: 90px;
    margin-right: 10px;
    width: 140px;
}

#menu ul .top {
    display: block;
    padding-top: 8px;
    padding-left: 33px;
    vertical-align: middle;
    background-image: url("/images/icon_cartoons.jpg");
    background-repeat: no-repeat;
    height: 30px;
    background-position: 0px 5px;
}

#menu ul .bb {
    display: none;
    width: 100px;
    border-top: 0px solid #ccc;
}
#menu ul:hover .bb {
    display: block;
    background: #404f63;
    padding-left: 33px;
    margin: 0px;
    height: 30px;
    padding-top: 3px;
    margin-top: 3px;
    background-image: url("/images/link_block_01a.jpg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    vertical-align: middle;
    background-origin: border-box;
}

#menubar {
    margin: 0px;
    border: 1px solid #ccc;
    background-color: #404f63;
    vertical-align: middle;
}

.menuitem {
    border: 1px solid #ccc;
    margin: 0px;
    background-color: #404f63;
    text-align: left;
    font-size: 10pt;
    display: block;
}

#message {
    border: 1px solid #ccc;
    margin: 0px;
    background-color: #ffffff;
    text-align: left;
    vertical-align: middle;
}

#newsarticle {
    color: #ffffff;
    font-size: 9pt;
    font-style: normal;
}

.opacitydark {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.opacitymid {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.p10 {
    padding: 10px;
}

p.user {
    color: #fff;
    font-size: 10pt;
    font-style: normal;
    margin: 0px 0px;
}
p.msgheader {
    color: #333333;
    font-size: 10pt;
    font-style: normal;
    margin: 0px 0px;
    padding: 0px;
    font-weight: bold;
}
p.medium {
    color: #333333;
    font-size: 10pt;
    font-style: normal;
    margin: 0px 8px;
}

.pabsolute {
    position: absolute;
}
.prelative {
    position: relative;
}

.pleb-form-section-heading {
    color: var(--bs-dark) !important;
}

.pleft5 {
    padding-left: 5px;
}
.pleft15 {
    padding-left: 15px;
}

#sprite-Link_wh_Blog {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -169px 0px;
    width: 66px;
    height: 98px;
}
#sprite-Link_wh_Cartoons {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -236px 0px;
    width: 66px;
    height: 98px;
}
#sprite-Link_wh_Forum {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -303px 0px;
    width: 66px;
    height: 98px;
}
#sprite-Link_wh_Live {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -370px 0px;
    width: 66px;
    height: 98px;
}
#sprite-Link_wh_RSS {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -437px 0px;
    width: 66px;
    height: 98px;
}
#sprite-Link_wh_spacer {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -504px 0px;
    width: 18px;
    height: 22px;
}
#sprite-Link_wh_spacer_left {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -523px 0px;
    width: 24px;
    height: 24px;
}
#sprite-Link_wh_spacer_right {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -548px 0px;
    width: 24px;
    height: 24px;
}
#sprite-RSS-Logo_icon {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -573px 0px;
    width: 12px;
    height: 12px;
}
#sprite-Temp {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -586px 0px;
    width: 48px;
    height: 48px;
}
#sprite-ToonJet-v2-72dpi-dark_143-98 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -635px 0px;
    width: 110px;
    height: 110px;
}
#sprite-ToonJet_01a {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -746px 0px;
    width: 460px;
    height: 103px;
}
#sprite-ToonJet_02a {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1207px 0;
    width: 179px;
    height: 103px;
}
#sprite-ToonJet_03a {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1387px 0;
    width: 113px;
    height: 103px;
}
#sprite-ToonJet_04a {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1501px 0;
    width: 167px;
    height: 103px;
}
#sprite-ToonJet_161 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1669px 0;
    width: 209px;
    height: 110px;
}
#sprite-fwin_16 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1879px 0;
    width: 104px;
    height: 39px;
}
#sprite-fwin_17 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1984px 0;
    width: 103px;
    height: 39px;
}
#sprite-fwin_18 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: 0px -112px;
    width: 109px;
    height: 41px;
}
#sprite-fwin_TJ_03 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -110px -111px;
    width: 359px;
    height: 55px;
}
#sprite-fwin_TJ_br_02 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -470px -111px;
    width: 112px;
    height: 97px;
}
#sprite-fwin_br_04 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -583px -111px;
    width: 17px;
    height: 18px;
}
#sprite-fwin_br_05 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -601px -111px;
    width: 368px;
    height: 18px;
}
#sprite-fwin_br_06 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -970px -111px;
    width: 22px;
    height: 18px;
}
#sprite-fwin_br_08 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -993px -111px;
    width: 17px;
    height: 96px;
}
#sprite-fwin_br_10 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1011px -111px;
    width: 22px;
    height: 59px;
}
#sprite-fwin_br_11 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1034px -111px;
    width: 17px;
    height: 20px;
}
#sprite-fwin_br_12 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1052px -111px;
    width: 480px;
    height: 20px;
}
#sprite-fwin_br_13 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1533px -111px;
    width: 22px;
    height: 20px;
}
#sprite-fwin_br_14 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1556px -111px;
    width: 93px;
    height: 41px;
}
#sprite-fwin_br_15 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1651px -111px;
    width: 106px;
    height: 39px;
}
#sprite-icon-favorite {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1758px -111px;
    width: 18px;
    height: 18px;
}
#sprite-icon-friend {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1777px -111px;
    width: 16px;
    height: 16px;
}
#sprite-icon-shout {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1794px -111px;
    width: 16px;
    height: 16px;
}
#sprite-icon-x {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1811px -111px;
    width: 16px;
    height: 16px;
}
#sprite-icon_blog {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1828px -111px;
    width: 30px;
    height: 30px;
}
#sprite-icon_cartoons {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1859px -111px;
    width: 30px;
    height: 30px;
}
#sprite-icon_forum {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1890px -111px;
    width: 30px;
    height: 30px;
}
#sprite-icon_live {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1921px -111px;
    width: 30px;
    height: 30px;
}
#sprite-icon_rss {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1952px -111px;
    width: 30px;
    height: 30px;
}
#sprite-spacer {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1983px -111px;
    width: 1px;
    height: 1px;
}
#sprite-star-half {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1985px -111px;
    width: 15px;
    height: 15px;
}
#sprite-star-off {
    background-position: 0px -222px;
    width: 15px;
    height: 15px;
}
#sprite-star-on {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -16px -222px;
    width: 15px;
    height: 15px;
}
#sprite-unread {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -32px -222px;
    width: 18px;
    height: 18px;
}

#sprite-win_br_01 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -51px -222px;
    width: 16px;
    height: 17px;
}
#sprite-win_br_03 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -69px -222px;
    width: 88px;
    height: 16px;
}
#sprite-win_br_04 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -158px -222px;
    width: 17px;
    height: 17px;
}
#sprite-win_br_06 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -176px -222px;
    width: 17px;
    height: 55px;
}
#sprite-win_br_07a {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -194px -222px;
    width: 17px;
    height: 52px;
}
#sprite-win_br_08 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -212px -222px;
    width: 16px;
    height: 23px;
}
#sprite-win_br_10 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -230px -222px;
    width: 87px;
    height: 15px;
}
#sprite-win_br_11 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -318px -222px;
    width: 17px;
    height: 23px;
}

#sprite-win_db_01 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -336px -222px;
    width: 16px;
    height: 17px;
}
#sprite-win_db_03 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -354px -222px;
    width: 80px;
    height: 16px;
}
#sprite-win_db_04 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -435px -222px;
    width: 17px;
    height: 17px;
}
#sprite-win_db_06 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -452px -222px;
    width: 17px;
    height: 54px;
}
#sprite-win_db_07a {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -470px -222px;
    width: 16px;
    height: 48px;
}
#sprite-win_db_08 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -487px -222px;
    width: 16px;
    height: 23px;
}
#sprite-win_db_10 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -505px -222px;
    width: 87px;
    height: 15px;
}
#sprite-win_db_11 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -593px -222px;
    width: 17px;
    height: 23px;
}

#sprite-win_gr_01 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -610px -222px;
    width: 16px;
    height: 17px;
}
#sprite-win_gr_03 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -628px -222px;
    width: 82px;
    height: 16px;
}
#sprite-win_gr_04 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -711px -222px;
    width: 17px;
    height: 17px;
}
#sprite-win_gr_06 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -729px -222px;
    width: 17px;
    height: 54px;
}
#sprite-win_gr_07a {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -747px -222px;
    width: 12px;
    height: 53px;
}
#sprite-win_gr_08 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -760px -222px;
    width: 16px;
    height: 23px;
}
#sprite-win_gr_10 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -778px -222px;
    width: 87px;
    height: 15px;
}
#sprite-win_gr_11 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -866px -222px;
    width: 17px;
    height: 23px;
}

#sprite-win_lb_01 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -883px -222px;
    width: 16px;
    height: 17px;
}
#sprite-win_lb_03 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -902px -222px;
    width: 82px;
    height: 16px;
}
#sprite-win_lb_04 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -985px -222px;
    width: 17px;
    height: 17px;
}
#sprite-win_lb_06 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1003px -222px;
    width: 17px;
    height: 57px;
}
#sprite-win_lb_08 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1021px -222px;
    width: 16px;
    height: 23px;
}
#sprite-win_lb_10 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1039px -222px;
    width: 87px;
    height: 15px;
}
#sprite-win_lb_11 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1127px -222px;
    width: 17px;
    height: 23px;
}

#sprite-win_y_01 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1145px -222px;
    width: 16px;
    height: 17px;
}
#sprite-win_y_03 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1163px -222px;
    width: 88px;
    height: 16px;
}
#sprite-win_y_04 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1252px -222px;
    width: 17px;
    height: 17px;
}
#sprite-win_y_06 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1270px -222px;
    width: 17px;
    height: 54px;
}
#sprite-win_y_07a {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1288px -222px;
    width: 17px;
    height: 60px;
}
#sprite-win_y_08 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1306px -222px;
    width: 16px;
    height: 23px;
}
#sprite-win_y_10 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1324px -222px;
    width: 86px;
    height: 23px;
}
#sprite-win_y_11 {
    background: url("/images/0Cartoons.png") no-repeat top left;
    background-position: -1411px -222px;
    width: 17px;
    height: 23px;
}

#submenubar {
    margin: 0;
    border: 1px solid#ccc;
    background-color: #5a708c;
    vertical-align: middle;
}

.table {
    display: table;
    border-collapse: collapse;
    border-spacing: unset;
}
.tablecell {
    display: table-cell;
    border-collapse: collapse;
    border-spacing: unset;
}

table.margin1 {
    margin: 10px;
}
table.shoutbox {
    margin: 4px 40px;
}
table.main_window {
    background-color: #7e9abd;
}
table.more_info {
    margin: 8px auto 8px 25px;
}
table.tables {
    margin: 4px 5px;
}
table.icons {
    margin: 2px 8px;
}
table.dark_blue {
    margin: 8px 5px 8px 20px;
}
table.light_blue,
table.yellow,
table.grey,
table.go_live,
table.go_live1 {
    margin: auto 5px 8px 20px;
}
table.brown {
    margin: 5px 5px 8px 5px;
}
table.go_live1 {
    margin-top: 25px;
}
table.inbox {
    border: 1 px dashed #404f63;
}

td.left_fade {
    background: url("/images/ToonJet-v2-72dpi-dark_08.jpg") repeat-y top left;
    text-align: center;
    width: 180px;
}
td.right_fade {
    background: url("/images/ToonJet-v2-72dpi-dark_149.jpg") repeat-y top right;
    text-align: center;
    width: 180px;
}

.tdnone {
    text-decoration: none;
}

.tcenter {
    text-align: center;
}
.tleft {
    text-align: left;
}
.tright {
    text-align: right;
}

.textshadow-333 {
    text-shadow: 1px 1px 0px #333;
}
.textshadow-333-soft {
    text-shadow: 2px 2px 1px #333;
}
.textshadow-y {
    text-shadow: 1px 1px 2px #82662a;
}
.textshadow-y-soft {
    text-shadow: 2px 2px 1px #82662a;
}

.toonbox {
    height: 200px;
    width: 183px;
}

.tshadow {
    text-shadow: 2px 2px 2px #333;
}

#userheading {
    border: 1px solid #ccc;
    margin: 0px;
    background-color: #404f63;
    text-align: left;
    vertical-align: top;
}

#userltblue {
    margin: 0px;
    background-color: #758cae;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0px;
    vertical-align: top;
}

.vbottom {
    vertical-align: bottom;
}
.vmiddle {
    vertical-align: middle;
}
.vtop {
    vertical-align: top;
}

.w16 {
    width: 16px;
}
.w17 {
    width: 17px;
}
.w48 {
    width: 48px;
}
.w90 {
    width: 90%;
}
.w120 {
    width: 120px;
}
.w125 {
    width: 125px;
}
.w170 {
    width: 170px;
}
.w480 {
    width: 480px;
}
.w850 {
    width: 850px;
}

#white1 {
    border: 1px solid #ccc;
    background-color: #ffffff;
    width: 90%;
    margin: auto;
    text-align: left;
    color: #666666;
}

.wrap {
    word-wrap: break-word;
}