/*Body*/

body {
    color: #000000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    image-rendering: pixelated;
}

/* Seasons */

/* Christmas */
.bg-christmas {
    background: url('seasons/christmas/bg2.png') no-repeat center center fixed;
    background-size: cover;
}

.bg-christmas a {
    color: #003e9f
}

.bg-christmas .panel-primary > .panel-heading {
    background-image: url("seasons/christmas/header-flakes.png"), -webkit-linear-gradient(180deg, rgba(203,203,203,1) 0%, rgba(40,78,110,1) 45%, rgba(5,48,84,1) 45%, rgba(10,66,114,1) 100%);
    background-image: url("seasons/christmas/header-flakes.png"), linear-gradient(180deg, rgba(203,203,203,1) 0%, rgba(40,78,110,1) 45%, rgba(5,48,84,1) 45%, rgba(10,66,114,1) 100%);
	background-position:right;
	background-repeat:no-repeat;
	color: #fff;
    background-color:transparent;
    border-color:transparent;
}


/* Halloween */
.bg-halloween {
    background: url('seasons/halloween/halloweenback.jpg') no-repeat center center fixed;
    background-size: cover;
}

.bg-halloween a {
    color: #0006bf;
}

.bg-halloween .panel-primary > .panel-heading {
    background-image: linear-gradient(to bottom, #d08c11c9 0%, #901818f0 100%);
}


/* Easter */
.bg-easter {
    background: url('seasons/easter/bg1.jpg') no-repeat center center fixed;
    background-size: cover;
}

.bg-easter .panel-primary > .panel-heading {
    background-image: url("seasons/eastereggs-corner-2.png"), -webkit-linear-gradient(180deg, rgba(233,223,92,1) 0%, rgba(255,249,164,1) 25%, rgba(154,149,76,1) 100%);
    background-image: url("seasons/eastereggs-corner-2.png"), linear-gradient(180deg, rgba(233,223,92,1) 0%, rgba(255,249,164,1) 25%, rgba(154,149,76,1) 100%);
	background-position:right;
	background-repeat:no-repeat;
	color: #000000;
    background-color:transparent;
    border-color:transparent;
}


/* Summer */
.bg-summer {
    background: url('seasons/summer/background.jpg') no-repeat center center fixed;
    background-size: cover;
}


/* Valentine */
.bg-valentine {
    background: url('seasons/valentine/bg1.jpg') no-repeat center center fixed;
    background-size: cover;
}

.bg-valentine .panel-primary > .panel-heading {
     background-image: url("seasons/valentine/hearts1small.png"), -webkit-linear-gradient(180deg, rgba(166,0,0,1) 0%, rgba(230,66,66,1) 25%, rgba(136,8,8,1) 100%);
    background-image: url("seasons/valentine/hearts1small.png"), linear-gradient(180deg, rgba(166,0,0,1) 0%, rgba(230,66,66,1) 25%, rgba(136,8,8,1) 100%);
	background-position:right;
	background-repeat:no-repeat;
	color: #fff;
    background-color:transparent;
    border-color: #ff0000;
}


/* Dynamic backgrounds */

/* Dawn */
.bg-dawn {
    background: url(seasons/Default/backgrounds/bg_day.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    image-rendering: pixelated;
    color: #000000;
}
.bg-dawn a {
    color: #004080;
    text-decoration: none;
}
.bg-dawn a:hover {
    color: #002244;
}

/* Day */
.bg-day {
    background: url(seasons/Default/backgrounds/bg_day.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    image-rendering: pixelated;
    color: #000000;
}
.bg-day a {
    color: #004080;
    text-decoration: none;
}
.bg-day a:hover {
    color: #004488;
}

/* Evening */
.bg-evening {
    background: url(seasons/Default/backgrounds/bg_day.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    image-rendering: pixelated;
    color: #000000;
}
.bg-evening a {
     color: #004080;
    text-decoration: none;
}
.bg-evening a:hover {
    color: #ffcc33;
}

/* Night */
.bg-night {
    background: url(seasons/Default/backgrounds/bg_day.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    image-rendering: pixelated;
    color: #000000;
}
.bg-night a {
     color: #004080;
    text-decoration: none;
}
.bg-night a:hover {
    color: #99ccff;
}



/* Base nav bar */
.navbar-default {
    background-color: rgba(245, 245, 245, 0.4);
    backdrop-filter: blur(30px);
    color: #fff;
}

.navbar-default .navbar-nav > li > a {
    color: black !important;
    position: relative;
    transition: all 0.3s ease;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: darkblue !important;
    transform: translateY(-2px);
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.navbar-default .navbar-nav > li > a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: dodgerblue;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.navbar-default .navbar-nav > li > a:hover::after {
    width: 60%;
}


/* Base nav links inside #menuicon */
#menuicon a {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    color: #000000;
    background-color: transparent;
    border-radius: 6px;
    box-shadow: 0 2px 0 rgba(0,0,0,0);
    transform: perspective(500px) rotateX(0deg);
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Hover effect: 3D lift and gradient */
#menuicon a:hover {
    transform: perspective(500px) rotateX(-10deg) translateY(-3px) scale(1.05);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
    background: linear-gradient(145deg, #66b3ff, #3399ff);
    color: #fff;
}

/*New boxes*/
.transparent {
    background-color: rgba(245, 245, 245, 0.4);
    backdrop-filter: blur(30px);
}

.header {
    color: white;
}

.leftcontent {
    margin-left: -50px;
    margin-top: -15px;
}

.rounded {
    border-radius: 15px;
    border-top: 1px solid #e9ffff;
    border-left: 1px solid #e9ffff;
    border-right: 1px solid #00fcff;
    border-bottom: 1px solid #00fcff;
}

.container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.container-inner {
    background-color: transparent;
    border-radius: 14px;
    -webkit-box-shadow: inset -5px -5px 2px 2px rgba(200,253,255,0.5), inset 5px 5px 2px 2px rgba(215,254,255,0.5);
    box-shadow: inset -5px -5px 2px 2px rgba(200,253,255,0.5), inset 5px 5px 2px 2px rgba(215,254,255,0.5);
}

div.panel.panel-transparent {
    background-color: rgba(245, 245, 245, 0.4);
    backdrop-filter: blur(10px);
}

div.panel.panel-transparent > .panel-heading {
    border: 1px solid #337ab7;
}

.well {
    background: rgba(255,255,255,0.2) !important;
    border: 1px solid rgba(255,255,255,0.3);
    backdrop-filter: blur(6px);
}

/*New tables */
/*table.table.table-striped.table > tbody > tr > td {
    background-color: transparent !important;
    backdrop-filter: blur(10px);
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > thead > tr > th,
.table-borderless > tfoot > tr > th {
    border: none !important;
}*/


/*.well, .well table, .well td, .well th {
    position: relative;
    z-index: 1;
}*/

/*Fix */
#photochatlink, 
#photochatlink img {
    position: relative;
    z-index: 9999;
}

#PhotoChatImage {
    position: relative;
    z-index: 9999;
}

#ItemsPerPage {
    position: relative;
    z-index: 9999;
    background: transparent !important;
}


/*Sprites*/
#site_navigation #toolbar span, .sprite div, .flags div, .icon div, .sprite span {
    background: url(csg-4de3fc3590fc6.png) no-repeat top left;
}

.sprite .sprite-capt_small_front {
    background-position: 0 -40px;
    width: 188px;
    height: 199px;
    float: left;
    margin: 100px -40px 0px 0px;
}

.sprite .sprite-capt_small {
    background-position: 0 -40px;
    width: 188px;
    height: 199px;
}

.sprite .sprite-img_homepage_speechbubble {
    background-position: 0 -318px;
    width: 344px;
    height: 235px;
    float: left;
}

.sprite .sprite-img_homepage_loginbox {
    background-position: -50px -318px;
    width: 200px;
    height: 235px;
    float: left;
    margin-left: 30px;
    padding: 10px
}

.sprite .sprite-img_activesearchtab {
    background-position: 0 -249px;
    width: 87px;
    height: 19px;
}

.sprite .sprite-img_searchbar {
    background-position: 0 -603px;
    width: 429px;
    height: 50px;
}

.sprite .sprite-lycos {
    background-position: 0px -1150px;
    width: 310px;
    height: 72px;
}

.sprite .logbookiconActive {
    background-position: -259px -284px;
    width: 16px;
    height: 16px;
}

.sprite .shipmailiconActive {
    background-position: -238px -284px;
    width: 16px;
    height: 16px;
}

.sprite .logbookiconInactive {
    background-position: -152px -283px;
    width: 21px;
    height: 18px;
}

.sprite .shipmailiconInactive {
    background-position: -152px -283px;
    width: 21px;
    height: 18px;
}

a.sprite {
    text-decoration: none !important;
}

.flags div {
    width: 16px;
    height: 11px;
    float: left;
    margin: 4px 4px 0px 0px;
}

.flags .flag-ar {
    background-position: -175px -705px;
}

.flags .flag-au {
    background-position: -175px -717px;
}

.flags .flag-bo {
    background-position: -175px -729px;
}

.flags .flag-br {
    background-position: -175px -741px;
}

.flags .flag-bz {
    background-position: -175px -753px;
}

.flags .flag-ca {
    background-position: -175px -765px;
}

.flags .flag-cl {
    background-position: -175px -777px;
}

.flags .flag-co {
    background-position: -175px -789px;
}

.flags .flag-cr {
    background-position: -175px -801px;
}

.flags .flag-de {
    background-position: -175px -813px;
}

.flags .flag-dk {
    background-position: -175px -825px;
}

.flags .flag-ec {
    background-position: -175px -837px;
}

.flags .flag-es {
    background-position: -175px -849px;
}

.flags .flag-eu {
    background-position: -175px -861px;
}

.flags .flag-fi {
    background-position: -175px -873px;
}

.flags .flag-fr {
    background-position: -175px -885px;
}

.flags .flag-gb {
    background-position: -175px -897px;
}

.flags .flag-gt {
    background-position: -175px -909px;
}

.flags .flag-gy {
    background-position: -175px -921px;
}

.flags .flag-hn {
    background-position: -175px -933px;
}

.flags .flag-in {
    background-position: -175px -945px;
}

.flags .flag-it {
    background-position: -175px -957px;
}

.flags .flag-mx {
    background-position: -175px -969px;
}

.flags .flag-ni {
    background-position: -175px -981px;
}

.flags .flag-nl {
    background-position: -175px -993px;
}

.flags .flag-no {
    background-position: -175px -1005px;
}

.flags .flag-nz {
    background-position: -175px -1017px;
}

.flags .flag-pa {
    background-position: -175px -1029px;
}

.flags .flag-pe {
    background-position: -175px -1041px;
}

.flags .flag-py {
    background-position: -175px -1053px;
}

.flags .flag-se {
    background-position: -175px -1065px;
}

.flags .flag-sr {
    background-position: -175px -1077px;
}

.flags .flag-sv {
    background-position: -175px -1089px;
}

.flags .flag-us {
    background-position: -175px -1101px;
}

.flags .flag-uy {
    background-position: -175px -1113px;
}

.flags .flag-ve {
    background-position: -175px -1125px;
}

.icon {
    width: 50px;
    height: 50px;
    margin: 25px 10px 10px 20px;
}

    .icon .icon-bot {
        background-position: -250px -705px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-bot_gray {
        background-position: -250px -756px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-cabin {
        background-position: -250px -807px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-cabin_gray {
        background-position: -250px -858px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-comments {
        background-position: -250px -909px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-email {
        background-position: -250px -960px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-emote {
        background-position: -250px -1011px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-emote_gray {
        background-position: -250px -1062px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-friends {
        background-position: -301px -705px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-gallery {
        background-position: -301px -756px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-info {
        background-position: -301px -807px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-logbook {
        background-position: -301px -858px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-netidme {
        background-position: -301px -909px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-news {
        background-position: -301px -960px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-password {
        background-position: -301px -1011px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-porthole {
        background-position: -301px -1062px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-profile_female {
        background-position: -352px -705px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-profile_male {
        background-position: -352px -756px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-rank {
        background-position: -352px -807px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-settings {
        background-position: -352px -858px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-shipmail {
        background-position: -352px -909px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-treasure {
        background-position: -352px -960px;
        width: 50px;
        height: 50px;
    }

    .icon .icon-visitors {
        background-position: -352px -1011px;
        width: 50px;
        height: 50px;
    }

/*Featureshop*/
.featureshop ul.features {
    list-style-type: none;
    overflow: hidden;
    margin: 0 -10px 0 0 !important;
    padding: 0;
}

    .featureshop ul.features li {
        float: left;
        width: 144px;
        height: 150px;
        overflow: hidden;
        padding: 5px 10px 0 0;
    }

.featureshop .feature {
    position: relative;
    display: block;
    padding-top: 86px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

    .featureshop .feature img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 144px;
        height: 81px;
    }

.featureshop a.feature span.badge-new {
    background-position: 0 0;
}

.featureshop a.feature span.badge-fresh {
    background-position: 0 -45px;
}

.featureshop a.feature span.badge-limited {
    background-position: 0 -90px;
}

.featureshop a.feature span.badge-10 {
    background-position: 0 -135px;
}

.featureshop a.feature span.badge-25 {
    background-position: 0 -180px;
}

.featureshop a.feature span.badge-50 {
    background-position: 0 -225px;
}

.featureshop-popup {
    height: 325px;
    border-bottom: 0px dotted grey;
    position: relative;
    text-align: left;
}

    .featureshop-popup h1 {
        position: absolute;
        top: 0;
        left: 0;
    }

    .featureshop-popup h4 {
        font-weight: bold;
    }

    .featureshop-popup .feature-info {
        height: 305px;
    }

    .featureshop-popup .feature-info-left {
        position: absolute;
        top: 25px;
        left: 0;
        height: 275px;
        width: 144px;
        background-color: #eee;
    }

    .featureshop-popup .feature-info-right {
        position: absolute;
        top: 25px;
        left: 150px;
        height: 265px;
        width: 384px;
        overflow: auto;
    }

    .featureshop-popup .checkout-buttons { /*position:absolute;top:305px;left:0;*/
    }

        .featureshop-popup .checkout-buttons .button {
            float: left;
            margin: 0 5px 0 0 !important;
        }

.featureshop a.feature span.badge-new,
.featureshop a.feature span.badge-fresh,
.featureshop a.feature span.badge-limited,
.featureshop a.feature span.badge-10,
.featureshop a.feature span.badge-25,
.featureshop a.feature span.badge-50 {
    background-image: url('badges.png');
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    top: -5px;
    right: -5px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    text-indent: -99999px;
}
/*Featureshop end*/

/*Sprites End*/



.rankBarometer {
    text-align: left;
    width: 400px;
}

    .rankBarometer .userLevel {
        height: 18px;
        margin: 0 auto;
        overflow: hidden;
        width: 390px;
    }

        .rankBarometer .userLevel .levelIcon {
            float: left;
            overflow: hidden;
            width: 100px;
        }

        .rankBarometer .userLevel .meterElm {
            float: left;
            overflow: hidden;
            width: 58px;
        }

        .rankBarometer .userLevel .levelTitle {
            overflow: hidden;
            width: 220px;
        }

.standardList .hr, .popup #globalcopyright, .nomargin, form {
    margin: 0;
}

.standardList .header, .resulttable th {
    font-size: 12px;
}

.standardList .headerRow td {
    font-size: 12px;
    font-weight: 700;
}

.buddyList .female {
    color: #630000;
}

.buddyList .male {
    color: #000036;
}

#menuicon li {
    background: url('csg-4f53b85f39e4a.png') no-repeat top left;
    margin-bottom: 3px;
}

#menuicon .micon-a {
    background-position: 0 0;
}

#menuicon .micon-achievements {
    background-position: 0 -66px;
}

#menuicon .micon-album {
    background-position: 0 -132px;
}

#menuicon .micon-chest {
    background-position: 0 -198px;
}

#menuicon .micon-features {
    background-position: 0 -261px;
}

#menuicon .micon-friends {
    background-position: 0 -328px;
}

#menuicon .micon-guide {
    background-position: 0 -394px;
}

#menuicon .micon-internetwache {
    background-position: 0 -460px;
}

#menuicon .micon-logbook {
    background-position: 0 -526px;
}

#menuicon .micon-bridge {
    background-position: 0 -592px;
}

#menuicon .micon-nlpol {
    background-position: 0 -658px;
}

#menuicon .micon-porthole {
    background-position: 0 -726px;
}

#menuicon .micon-profile {
    background-position: 0 -792px;
}

#menuicon .micon-rank {
    background-position: 0 -858px;
}

#menuicon .micon-settings {
    background-position: 0 -924px;
}

#menuicon .micon-shipmail {
    background-position: 0 -990px;
}

#menuicon .micon-vgt {
    background-position: 0 -1053px;
}

#menuicon .micon-toplist {
    background-position: 0 -1112px;
}

#menuicon .micon-advsearch {
    background-position: 0 -1152px;
}

#menuicon .micon-mypage {
    background-position: 0 -1193px;
}

#menuicon .micon-games {
    background-position: 0 -1245px;
}

#menuicon .micon-chatshop {
    background-position: 0 -1303px;
}

#menuicon .micon-forum {
    background-position: 0 -1367px;
}

#menuicon .micon-navinet {
    background-position: 0 -1435px;
}

#menuicon .micon-nav-10 {
    background-position: 0 -1493px;
}

#menuicon .micon-nav-20 {
    background-position: 0 -1515px;
}

#menuicon .micon-nav-30 {
    background-position: 0 -1539px;
}

#menuicon .micon-nav-40 {
    background-position: 0 -1565px;
}

#menuicon .micon-nav-50 {
    background-position: 0 -1591px;
}

#menuicon .micon-nav-200 {
    background-position: 0 -1618px;
}

#menuicon .micon-nav-205 {
    background-position: 0 -1644px;
}

#menuicon .micon-nav-210 {
    background-position: 0 -1669px;
}

#menuicon .micon-nav-220 {
    background-position: 0 -1695px;
}

#menuicon .micon-nav-230 {
    background-position: 0 -1721px;
}

#menuicon .micon-nav-240 {
    background-position: 0 -1746px;
}

#menuicon .micon-nav-250 {
    background-position: 0 -1773px;
}

#menuicon .micon-nav-255 {
    background-position: 0 -1803px;
}

#menuicon .micon-nav-206 {
    background-position: 0 -1803px;
}

#rankicons span {
    background: url('csg-4f536db7e0094.png') no-repeat top left;
    display: inline-block;
}

#rankicons .rank-255 {
    background-position: -496px -1218px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-206 {
    background-position: -496px -1218px;
    width: 50px;
    height: 50px;
}

#rankicons .rank- {
    background-position: -868px -1048px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-1 {
    background-position: 0 0;
    width: 37px;
    height: 18px;
}

#rankicons .rank-10 {
    background-position: 0 -68px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-100 {
    background-position: 0 -138px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-101 {
    background-position: 0 -208px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-102 {
    background-position: 0 -278px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-103 {
    background-position: 0 -348px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-104 {
    background-position: 0 -418px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-105 {
    background-position: 0 -488px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-106 {
    background-position: 0 -558px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-107 {
    background-position: 0 -628px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-108 {
    background-position: 0 -698px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-109 {
    background-position: 0 -768px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-11 {
    background-position: 0 -838px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-110 {
    background-position: 0 -908px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-111 {
    background-position: 0 -978px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-112 {
    background-position: 0 -1048px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-113 {
    background-position: 0 -1118px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-114 {
    background-position: 0 -1188px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-115 {
    background-position: 0 -1258px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-116 {
    background-position: 0 -1328px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-117 {
    background-position: 0 -1398px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-118 {
    background-position: 0 -1468px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-119 {
    background-position: 0 -1538px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-12 {
    background-position: 0 -1608px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-120 {
    background-position: 0 -1678px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-121 {
    background-position: 0 -1748px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-122 {
    background-position: 0 -1818px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-123 {
    background-position: 0 -1888px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-124 {
    background-position: -124px 0;
    width: 74px;
    height: 20px;
}

#rankicons .rank-125 {
    background-position: -124px -70px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-126 {
    background-position: -124px -140px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-127 {
    background-position: -124px -210px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-128 {
    background-position: -124px -280px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-129 {
    background-position: -124px -350px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-13 {
    background-position: -124px -420px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-130 {
    background-position: -124px -490px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-131 {
    background-position: -124px -560px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-132 {
    background-position: -124px -630px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-133 {
    background-position: -124px -700px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-134 {
    background-position: -124px -770px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-135 {
    background-position: -124px -840px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-136 {
    background-position: -124px -910px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-137 {
    background-position: -124px -980px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-138 {
    background-position: -124px -1050px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-139 {
    background-position: -124px -1120px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-14 {
    background-position: -124px -1190px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-140 {
    background-position: -124px -1260px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-141 {
    background-position: -124px -1330px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-142 {
    background-position: -124px -1400px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-143 {
    background-position: -124px -1470px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-144 {
    background-position: -124px -1540px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-145 {
    background-position: -124px -1610px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-146 {
    background-position: -124px -1680px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-147 {
    background-position: -124px -1750px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-148 {
    background-position: -124px -1820px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-149 {
    background-position: -124px -1890px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-15 {
    background-position: -248px 0;
    width: 74px;
    height: 20px;
}

#rankicons .rank-150 {
    background-position: -248px -70px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-151 {
    background-position: -248px -140px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-152 {
    background-position: -248px -210px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-153 {
    background-position: -248px -280px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-154 {
    background-position: -248px -350px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-155 {
    background-position: -248px -420px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-156 {
    background-position: -248px -490px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-157 {
    background-position: -248px -560px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-158 {
    background-position: -248px -630px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-159 {
    background-position: -248px -700px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-16 {
    background-position: -248px -770px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-160 {
    background-position: -248px -840px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-161 {
    background-position: -248px -910px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-162 {
    background-position: -248px -980px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-163 {
    background-position: -248px -1050px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-164 {
    background-position: -248px -1120px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-165 {
    background-position: -248px -1190px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-166 {
    background-position: -248px -1260px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-167 {
    background-position: -248px -1330px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-168 {
    background-position: -248px -1400px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-169 {
    background-position: -248px -1470px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-17 {
    background-position: -248px -1540px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-170 {
    background-position: -248px -1610px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-171 {
    background-position: -248px -1680px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-172 {
    background-position: -248px -1750px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-173 {
    background-position: -248px -1820px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-174 {
    background-position: -248px -1890px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-175 {
    background-position: -372px 0;
    width: 74px;
    height: 20px;
}

#rankicons .rank-176 {
    background-position: -372px -70px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-177 {
    background-position: -372px -140px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-178 {
    background-position: -372px -210px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-179 {
    background-position: -372px -280px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-18 {
    background-position: -372px -350px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-180 {
    background-position: -372px -420px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-181 {
    background-position: -372px -490px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-182 {
    background-position: -372px -560px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-183 {
    background-position: -372px -630px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-184 {
    background-position: -372px -700px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-185 {
    background-position: -372px -770px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-186 {
    background-position: -372px -840px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-187 {
    background-position: -372px -910px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-188 {
    background-position: -372px -980px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-189 {
    background-position: -372px -1050px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-19 {
    background-position: -372px -1120px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-190 {
    background-position: -882px -1118px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-191 {
    background-position: -372px -1190px;
    width: 50px;
    height: 50px;
}
/*#rankicons .rank-192{ background-position: -372px -1290px; width: 50px; height: 50px; } */
#rankicons .rank-193 {
    background-position: -372px -1390px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-194 {
    background-position: -372px -1490px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-195 {
    background-position: -372px -1590px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-196 {
    background-position: -372px -1690px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-197 {
    background-position: -372px -1790px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-198 {
    background-position: -372px -1890px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-199 {
    background-position: -496px 0;
    width: 50px;
    height: 50px;
}

#rankicons .rank-2 {
    background-position: -496px -100px;
    width: 37px;
    height: 18px;
}

#rankicons .rank-200 {
    background-position: -496px -168px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-205 {
    background-position: -496px -268px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-21 {
    background-position: -496px -368px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-210 {
    background-position: -496px -438px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-22 {
    background-position: -496px -538px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-220 {
    background-position: -496px -608px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-23 {
    background-position: -496px -708px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-230 {
    background-position: -496px -778px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-24 {
    background-position: -496px -878px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-240 {
    background-position: -496px -1118px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-25 {
    background-position: -496px -1048px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-250 {
    background-position: -496px -1118px;
    width: 50px;
    height: 50px;
}

#rankicons .rank-26 {
    background-position: -496px -1318px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-27 {
    background-position: -496px -1388px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-28 {
    background-position: -496px -1458px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-29 {
    background-position: -496px -1528px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-3 {
    background-position: -496px -1598px;
    width: 37px;
    height: 18px;
}

#rankicons .rank-30 {
    background-position: -496px -1666px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-31 {
    background-position: -496px -1736px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-32 {
    background-position: -496px -1806px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-33 {
    background-position: -496px -1876px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-34 {
    background-position: -496px -1946px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-35 {
    background-position: -620px 0;
    width: 74px;
    height: 20px;
}

#rankicons .rank-36 {
    background-position: -620px -70px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-37 {
    background-position: -620px -140px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-38 {
    background-position: -620px -210px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-39 {
    background-position: -620px -280px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-4 {
    background-position: -620px -350px;
    width: 37px;
    height: 18px;
}

#rankicons .rank-40 {
    background-position: -620px -418px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-41 {
    background-position: -620px -488px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-42 {
    background-position: -620px -558px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-43 {
    background-position: -620px -628px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-44 {
    background-position: -620px -698px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-45 {
    background-position: -620px -768px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-46 {
    background-position: -620px -838px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-47 {
    background-position: -620px -908px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-48 {
    background-position: -620px -978px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-49 {
    background-position: -620px -1048px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-5 {
    background-position: -620px -1118px;
    width: 37px;
    height: 18px;
}

#rankicons .rank-50 {
    background-position: -620px -1186px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-51 {
    background-position: -620px -1256px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-52 {
    background-position: -620px -1326px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-53 {
    background-position: -620px -1396px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-54 {
    background-position: -620px -1466px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-55 {
    background-position: -620px -1536px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-56 {
    background-position: -620px -1606px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-57 {
    background-position: -620px -1676px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-58 {
    background-position: -620px -1746px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-59 {
    background-position: -620px -1816px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-6 {
    background-position: -620px -1886px;
    width: 37px;
    height: 18px;
}

#rankicons .rank-60 {
    background-position: -744px 0;
    width: 74px;
    height: 20px;
}

#rankicons .rank-61 {
    background-position: -744px -70px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-62 {
    background-position: -744px -140px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-63 {
    background-position: -744px -210px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-64 {
    background-position: -744px -280px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-65 {
    background-position: -744px -350px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-66 {
    background-position: -744px -420px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-67 {
    background-position: -744px -490px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-68 {
    background-position: -744px -560px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-69 {
    background-position: -744px -630px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-7 {
    background-position: -744px -700px;
    width: 37px;
    height: 18px;
}

#rankicons .rank-70 {
    background-position: -744px -768px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-71 {
    background-position: -744px -838px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-72 {
    background-position: -744px -908px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-73 {
    background-position: -744px -978px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-74 {
    background-position: -744px -1048px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-75 {
    background-position: -744px -1118px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-76 {
    background-position: -744px -1188px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-77 {
    background-position: -744px -1258px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-78 {
    background-position: -744px -1328px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-79 {
    background-position: -744px -1398px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-8 {
    background-position: -744px -1468px;
    width: 37px;
    height: 18px;
}

#rankicons .rank-80 {
    background-position: -744px -1536px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-81 {
    background-position: -744px -1606px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-82 {
    background-position: -744px -1676px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-83 {
    background-position: -744px -1746px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-84 {
    background-position: -744px -1816px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-85 {
    background-position: -744px -1886px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-86 {
    background-position: -868px 0;
    width: 74px;
    height: 20px;
}

#rankicons .rank-87 {
    background-position: -868px -70px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-88 {
    background-position: -868px -140px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-89 {
    background-position: -868px -210px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-9 {
    background-position: -868px -280px;
    width: 37px;
    height: 18px;
}

#rankicons .rank-90 {
    background-position: -868px -348px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-91 {
    background-position: -868px -418px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-92 {
    background-position: -868px -488px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-93 {
    background-position: -868px -558px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-94 {
    background-position: -868px -628px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-95 {
    background-position: -868px -698px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-96 {
    background-position: -868px -768px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-97 {
    background-position: -868px -838px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-98 {
    background-position: -868px -908px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-99 {
    background-position: -868px -978px;
    width: 74px;
    height: 20px;
}

#rankicons .rank-192 {
    background-position: -875px -1035px;
    width: 50px;
    height: 50px;
}


#myrankicons div {
    background: url('csg-4f536db7e0094.png') no-repeat top left;
    display: inline-block;
}

#myrankicons .rank-255 {
    background-position: -496px -1218px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-206 {
    background-position: -496px -1218px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank- {
    background-position: -868px -1048px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-1 {
    background-position: 0 0;
    width: 37px;
    height: 18px;
}

#myrankicons .rank-10 {
    background-position: 0 -68px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-100 {
    background-position: 0 -138px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-101 {
    background-position: 0 -208px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-102 {
    background-position: 0 -278px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-103 {
    background-position: 0 -348px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-104 {
    background-position: 0 -418px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-105 {
    background-position: 0 -488px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-106 {
    background-position: 0 -558px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-107 {
    background-position: 0 -628px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-108 {
    background-position: 0 -698px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-109 {
    background-position: 0 -768px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-11 {
    background-position: 0 -838px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-110 {
    background-position: 0 -908px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-111 {
    background-position: 0 -978px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-112 {
    background-position: 0 -1048px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-113 {
    background-position: 0 -1118px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-114 {
    background-position: 0 -1188px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-115 {
    background-position: 0 -1258px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-116 {
    background-position: 0 -1328px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-117 {
    background-position: 0 -1398px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-118 {
    background-position: 0 -1468px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-119 {
    background-position: 0 -1538px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-12 {
    background-position: 0 -1608px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-120 {
    background-position: 0 -1678px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-121 {
    background-position: 0 -1748px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-122 {
    background-position: 0 -1818px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-123 {
    background-position: 0 -1888px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-124 {
    background-position: -124px 0;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-125 {
    background-position: -124px -70px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-126 {
    background-position: -124px -140px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-127 {
    background-position: -124px -210px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-128 {
    background-position: -124px -280px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-129 {
    background-position: -124px -350px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-13 {
    background-position: -124px -420px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-130 {
    background-position: -124px -490px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-131 {
    background-position: -124px -560px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-132 {
    background-position: -124px -630px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-133 {
    background-position: -124px -700px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-134 {
    background-position: -124px -770px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-135 {
    background-position: -124px -840px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-136 {
    background-position: -124px -910px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-137 {
    background-position: -124px -980px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-138 {
    background-position: -124px -1050px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-139 {
    background-position: -124px -1120px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-14 {
    background-position: -124px -1190px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-140 {
    background-position: -124px -1260px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-141 {
    background-position: -124px -1330px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-142 {
    background-position: -124px -1400px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-143 {
    background-position: -124px -1470px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-144 {
    background-position: -124px -1540px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-145 {
    background-position: -124px -1610px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-146 {
    background-position: -124px -1680px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-147 {
    background-position: -124px -1750px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-148 {
    background-position: -124px -1820px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-149 {
    background-position: -124px -1890px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-15 {
    background-position: -248px 0;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-150 {
    background-position: -248px -70px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-151 {
    background-position: -248px -140px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-152 {
    background-position: -248px -210px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-153 {
    background-position: -248px -280px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-154 {
    background-position: -248px -350px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-155 {
    background-position: -248px -420px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-156 {
    background-position: -248px -490px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-157 {
    background-position: -248px -560px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-158 {
    background-position: -248px -630px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-159 {
    background-position: -248px -700px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-16 {
    background-position: -248px -770px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-160 {
    background-position: -248px -840px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-161 {
    background-position: -248px -910px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-162 {
    background-position: -248px -980px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-163 {
    background-position: -248px -1050px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-164 {
    background-position: -248px -1120px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-165 {
    background-position: -248px -1190px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-166 {
    background-position: -248px -1260px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-167 {
    background-position: -248px -1330px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-168 {
    background-position: -248px -1400px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-169 {
    background-position: -248px -1470px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-17 {
    background-position: -248px -1540px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-170 {
    background-position: -248px -1610px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-171 {
    background-position: -248px -1680px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-172 {
    background-position: -248px -1750px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-173 {
    background-position: -248px -1820px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-174 {
    background-position: -248px -1890px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-175 {
    background-position: -372px 0;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-176 {
    background-position: -372px -70px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-177 {
    background-position: -372px -140px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-178 {
    background-position: -372px -210px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-179 {
    background-position: -372px -280px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-18 {
    background-position: -372px -350px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-180 {
    background-position: -372px -420px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-181 {
    background-position: -372px -490px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-182 {
    background-position: -372px -560px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-183 {
    background-position: -372px -630px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-184 {
    background-position: -372px -700px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-185 {
    background-position: -372px -770px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-186 {
    background-position: -372px -840px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-187 {
    background-position: -372px -910px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-188 {
    background-position: -372px -980px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-189 {
    background-position: -372px -1050px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-19 {
    background-position: -372px -1120px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-190 {
    background-position: -882px -1118px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-191 {
    background-position: -372px -1190px;
    width: 50px;
    height: 50px;
}
/*#myrankicons .rank-192{ background-position: -372px -1290px; width: 50px; height: 50px; } */
#myrankicons .rank-193 {
    background-position: -372px -1390px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-194 {
    background-position: -372px -1490px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-195 {
    background-position: -372px -1590px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-196 {
    background-position: -372px -1690px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-197 {
    background-position: -372px -1790px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-198 {
    background-position: -372px -1890px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-199 {
    background-position: -496px 0;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-2 {
    background-position: -496px -100px;
    width: 37px;
    height: 18px;
}

#myrankicons .rank-200 {
    background-position: -496px -168px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-205 {
    background-position: -496px -268px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-21 {
    background-position: -496px -368px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-210 {
    background-position: -496px -438px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-22 {
    background-position: -496px -538px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-220 {
    background-position: -496px -608px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-23 {
    background-position: -496px -708px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-230 {
    background-position: -496px -778px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-24 {
    background-position: -496px -878px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-240 {
    background-position: -496px -1118px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-25 {
    background-position: -496px -1048px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-250 {
    background-position: -496px -1118px;
    width: 50px;
    height: 50px;
}

#myrankicons .rank-26 {
    background-position: -496px -1318px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-27 {
    background-position: -496px -1388px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-28 {
    background-position: -496px -1458px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-29 {
    background-position: -496px -1528px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-3 {
    background-position: -496px -1598px;
    width: 37px;
    height: 18px;
}

#myrankicons .rank-30 {
    background-position: -496px -1666px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-31 {
    background-position: -496px -1736px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-32 {
    background-position: -496px -1806px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-33 {
    background-position: -496px -1876px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-34 {
    background-position: -496px -1946px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-35 {
    background-position: -620px 0;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-36 {
    background-position: -620px -70px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-37 {
    background-position: -620px -140px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-38 {
    background-position: -620px -210px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-39 {
    background-position: -620px -280px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-4 {
    background-position: -620px -350px;
    width: 37px;
    height: 18px;
}

#myrankicons .rank-40 {
    background-position: -620px -418px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-41 {
    background-position: -620px -488px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-42 {
    background-position: -620px -558px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-43 {
    background-position: -620px -628px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-44 {
    background-position: -620px -698px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-45 {
    background-position: -620px -768px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-46 {
    background-position: -620px -838px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-47 {
    background-position: -620px -908px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-48 {
    background-position: -620px -978px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-49 {
    background-position: -620px -1048px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-5 {
    background-position: -620px -1118px;
    width: 37px;
    height: 18px;
}

#myrankicons .rank-50 {
    background-position: -620px -1186px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-51 {
    background-position: -620px -1256px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-52 {
    background-position: -620px -1326px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-53 {
    background-position: -620px -1396px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-54 {
    background-position: -620px -1466px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-55 {
    background-position: -620px -1536px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-56 {
    background-position: -620px -1606px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-57 {
    background-position: -620px -1676px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-58 {
    background-position: -620px -1746px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-59 {
    background-position: -620px -1816px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-6 {
    background-position: -620px -1886px;
    width: 37px;
    height: 18px;
}

#myrankicons .rank-60 {
    background-position: -744px 0;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-61 {
    background-position: -744px -70px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-62 {
    background-position: -744px -140px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-63 {
    background-position: -744px -210px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-64 {
    background-position: -744px -280px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-65 {
    background-position: -744px -350px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-66 {
    background-position: -744px -420px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-67 {
    background-position: -744px -490px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-68 {
    background-position: -744px -560px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-69 {
    background-position: -744px -630px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-7 {
    background-position: -744px -700px;
    width: 37px;
    height: 18px;
}

#myrankicons .rank-70 {
    background-position: -744px -768px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-71 {
    background-position: -744px -838px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-72 {
    background-position: -744px -908px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-73 {
    background-position: -744px -978px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-74 {
    background-position: -744px -1048px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-75 {
    background-position: -744px -1118px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-76 {
    background-position: -744px -1188px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-77 {
    background-position: -744px -1258px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-78 {
    background-position: -744px -1328px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-79 {
    background-position: -744px -1398px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-8 {
    background-position: -744px -1468px;
    width: 37px;
    height: 18px;
}

#myrankicons .rank-80 {
    background-position: -744px -1536px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-81 {
    background-position: -744px -1606px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-82 {
    background-position: -744px -1676px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-83 {
    background-position: -744px -1746px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-84 {
    background-position: -744px -1816px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-85 {
    background-position: -744px -1886px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-86 {
    background-position: -868px 0;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-87 {
    background-position: -868px -70px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-88 {
    background-position: -868px -140px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-89 {
    background-position: -868px -210px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-9 {
    background-position: -868px -280px;
    width: 37px;
    height: 18px;
}

#myrankicons .rank-90 {
    background-position: -868px -348px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-91 {
    background-position: -868px -418px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-92 {
    background-position: -868px -488px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-93 {
    background-position: -868px -558px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-94 {
    background-position: -868px -628px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-95 {
    background-position: -868px -698px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-96 {
    background-position: -868px -768px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-97 {
    background-position: -868px -838px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-98 {
    background-position: -868px -908px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-99 {
    background-position: -868px -978px;
    width: 74px;
    height: 20px;
}

#myrankicons .rank-192 {
    background-position: -875px -1035px;
    width: 50px;
    height: 50px;
}

columns1, .columns2, .columns3, .columns2l, .columns2r {
    margin: 0 9px;
    text-align: left;
    width: 481px;
}

.columns2 {
    background-image: url(columns2_back.gif);
    background-position: top center;
    background-repeat: repeat-y;
}

    .columns2 .col1, .columns2 .col2 {
        float: left;
        width: 231px;
    }

    .columns2 .col1 {
        margin-right: 19px;
    }

.columns2l {
    background-image: url(columns2l_back.gif);
    background-position: top center;
    background-repeat: repeat-y;
}

    .columns2l .col1 {
        float: left;
        margin-right: 19px;
        width: 147px;
    }

    .columns2l .col2 {
        float: left;
        width: 315px;
    }

.columns2r {
    background-image: url(columns2r_back.gif);
    background-position: top center;
    background-repeat: repeat-y;
}

    .columns2r .col1 {
        float: left;
        margin-right: 17px;
        width: 315px;
    }

    .columns2r .col2 {
        float: left;
        width: 149px;
    }

.columns3 {
    background-image: url(columns3_back.gif);
    background-position: top center;
    background-repeat: repeat-y;
}

    .columns3 .col1, .columns3 .col2, .columns3 .col3 {
        float: left;
        width: 147px;
    }

    .columns3 .col2 {
        margin: 0 19px;
    }

.sectionheadNarrow, .sectionheadWide, .sectionheadSuperWide {
    background-position: top left;
    background-repeat: no-repeat;
}

.myPageColumns3 {
    clear: both;
    margin: 0 9px 9px;
    text-align: left;
}

    .myPageColumns3 .col1 {
        float: left;
        text-align: center;
        width: 100px;
    }

    .myPageColumns3 .col2 {
        float: left;
        margin-left: 9px;
        width: 371px;
    }

    .myPageColumns3 .col3 {
        clear: both;
        text-align: right;
    }

.GuestbookMsgHeaderColumns3 {
    height: 20px;
    margin: 0;
    position: relative;
    text-align: left;
    width: 590px;
}

    .GuestbookMsgHeaderColumns3 .col1, .GuestbookMsgHeaderColumns3 .col2, .GuestbookMsgHeaderColumns3 .col3 {
        float: left;
        width: 200px;
    }

    .GuestbookMsgHeaderColumns3 .col1 {
        padding-left: 2px;
    }

    .GuestbookMsgHeaderColumns3 .col2 {
        text-align: center;
        width: 186px;
    }

    .GuestbookMsgHeaderColumns3 .col3 {
        padding-right: 2px;
        text-align: right;
    }

        .GuestbookMsgHeaderColumns3 .col3 IMG {
            margin-left: 3px;
        }

.GuestbookMsgFrame {
    background-color: #888177;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 590px;
}

.editorContentContainer .editorContent {
    margin: 1px;
    overflow-x: hidden;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    width: 693px;
}

    .editorContentContainer .editorContent p, .editorContentContainer .editorContent blockquote, .editorContentContainer .editorContent OL, .editorContentContainer .editorContent UL {
        line-height: 1.1;
        padding: 0;
    }

.GuestbookMsgFrame .editorContentContainer .editorContent {
    width: 588px;
}

.standardList .row1, .colorbox {
}

.standardList .row2 {
}

.standardList .row3 {
}

.standardList .content {
    text-align: left;
}

.standardList .hr, .popup #globalcopyright, .nomargin, form {
    margin: 0;
}

.standardList .header, .resulttable th {
    font-size: 12px;
}

.standardList .headerRow td {
    font-size: 12px;
    font-weight: 700;
}

.buddyList .female {
    color: #630000;
}

.buddyList .male {
    color: #000036;
}

#globalcontentcentercontent H3.brown {
    font-size: 14px;
    font-weight: 700;
}

#globalcontent .cbar ul .buddy .CisFemale, .buddy .CisFemale, .buddy a.CisFemale {
    color: #800;
}

#globalcontent .cbar ul .buddy .CisMale, .buddy .CisMale, .buddy a.CisMale {
    color: #008;
}

.normalLineHeight {
    line-height: 1em;
}

.photo {
    float: left;
    margin: 3px 0 0 3px;
    overflow: hidden;
    padding: 1px 0 0 3px;
    white-space: nowrap;
    width: 50px;
}

#LoginStatus {
    display: none;
    margin-top: 170px;
    text-align: center;
}

    #LoginStatus h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        padding: 53px 0 3px;
        width: 250px;
    }

.LoginStatusBoxEnd {
    overflow: hidden;
    padding-bottom: 4px;
    width: 250px;
}

#loginFrame {
    height: 50px;
    width: 200px;
}


div.error, span.error, p.error {
    color: red;
    font-weight: 700;
}

textarea.error, input.error, table.error {
    border: 2px solid red;
}

td.error {
    color: red;
}

.breaker {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.hr {
    border-bottom: 1px dotted black;
    clear: both;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.message {
    position: relative;
    display: block;
    padding-top: 86px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

    .message img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 144px;
        height: 275px;
    }

.message-popup {
    height: 260px;
    border-bottom: 0px dotted grey;
    position: relative;
    text-align: left;
}

    .message-popup h1 {
        position: absolute;
        top: 0;
        left: 0;
    }

    .message-popup h4 {
        font-weight: bold;
    }

    .message-popup .message-info-left {
        position: absolute;
        top: 25px;
        left: 0;
        height: 225px;
        width: 160px;
    }

    .message-popup .message-info-right {
        position: absolute;
        top: 25px;
        left: 175px;
        height: 225px;
        width: 344px;
        overflow: auto;
    }


dialog-pop {
    height: 305px;
    width: 488px;
    text-align: left;
    border: 1px dotted red;
}

.dialog-pop .dialog-info-left {
    height: 230px;
    width: 144px;
    float: left;
    background-color: #eee;
    padding: 10px 5px 1px 5px
}

.dialog-pop .dialog-info-right {
    height: 230px;
    width: 390px;
    float: left;
    overflow: auto;
    padding: 2px 5px 1px 5px
}

.dialog-pop .dialog-info-left-nobottom {
    height: 255px;
    width: 144px;
    float: left;
    padding: 10px 5px 1px 5px
}

.dialog-pop .dialog-info-right-nobottom {
    height: 255px;
    width: 390px;
    float: left;
    overflow: auto;
    padding: 2px 5px 1px 5px
}

.dialog-pop .dialog-bottom {
    height: 25px;
    width: 488px;
    clear: both;
    padding: 1px 5px 1px 5px
}

.dialog-pop .feature img {
    display: block;
    width: 144px;
    height: 81px;
}

.dialog-pop .eee {
    background-color: #eee;
}

;
/*TabStrip*/
.tabstrip {
    margin-left: 9px;
}

.tabstrip, .wide .tabstrip {
    clear: both;
    display: block;
    height: 22px;
    padding: 0;
}

.wide .tabstrip, .wide #globalcontentcentercontent .hr {
    width: 601px;
}

.tabstrip div {
    background-color: #fff;
    background-image: url(colorbox_topright.gif);
    background-position: top right;
    background-repeat: no-repeat;
    float: left;
    margin-right: 3px;
}

    .tabstrip div a {
        background: url();
        background-position: top left;
        background-repeat: no-repeat;
        display: block;
        line-height: 22px;
        padding: 0 9px;
        text-align: center;
    }

.tabpages > div, .superwide #globalcontentleft, .superwide #globalcontentright, .wide #globalcontentright {
    display: none;
}

    .tabpages > div > div, .tabpages > div.selected {
        display: block;
    }

.tabpages, .tabstrip > div.selected {
    background-color: #FFF;
}
/*Tabstrip End*/


/* for responsive helps bootstrap a little */
.pad-the-well {
    width: 960px;
    margin: auto;
}

.front-page-news {
    height: 200px;
    overflow: :scroll;
    overflow-x: hidden;
}

.front-page-news-title {
    color: #022734;
}

@media (max-width: 768px) {
    .btn-login {
        width: 98%;
        margin: auto;
    }

    .btn-login-container, #site-login {
        width: 50%;
        margin: auto;
        float: none !important;
    }

    .glyphicon-log-in {
        display: none;
    }

    .pad-the-well {
        margin-top: 152px !important;
        width: 98% !important;
        margin: auto;
    }

    #captain {
        display: none;
    }
}

@media (max-width: 500px) {
    .pad-the-well {
        margin-top: 40px !important;
    }
}

@media (max-width: 1024px) {
    .pad-the-well {
        margin-top: 40px !important;
    }
}

@media (min-width: 600px) {
    .no-left-margin {
        margin-left: -15px;
    }

    .extra-right-margin-30 {
        margin-right: 30px;
    }

    .extra-right-margin-15 {
        margin-right: 30px;
    }
}

#loginForm {
    border: 0;
}

.photoChatRounded {
    border-radius: 25px;
    margin-top: 30px;
}

.photoChatRoundedNoMarg {
    border-radius: 25px;
}
/* Centering Lower Ad Banner - 23-06-2021 */
.widebannercontainer {
    text-align: center;
}

ul {
    padding-inline-start: 0px !important;
}

#miniCart .totals {
    width: 260px !important;
}

#miniCart .head {
    width: 260px !important;
}

/*.bg-info {
    background-image: repeating-linear-gradient( #0057b7 , #0057b7 526px, #ffd700 526px, #ffd700 1052px  );

} */


/* Ring bar for rang progress NEW */
.ring-chart-container {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: conic-gradient(var(--primary-color) calc(var(--percentage) * 1%), #e0e0e0 0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    /* Inner circle to create ring effect */
    .ring-chart-container::before {
        content: "";
        width: 160px; /* Controls thickness of the ring */
        height: 160px;
        background-color: white;
        border-radius: 50%;
        position: absolute;
    }

/* Centered text for displaying percentage */
.ring-chart-text {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    position: relative;
    z-index: 1;
}