body{
    margin:0;
    padding:0;
    background-color:#000000;
    background-position:center top;
    background-repeat:no-repeat}
@media(max-width:1280px){
    body{
    background-position:center top}
}
.main-site-container{
    max-width:1280px;
    min-width:1024px;
    margin:0 auto;
    font:1.2em Helvetica,arial,sans-serif}
.main-site-container>*{
    padding:0}
.main-header{
    position:relative;
    height:155px}
.main-menu ul{
    list-style:none;
    margin:0;
    padding:0}
.main-content #RightArtwork{
    top:41px;
    right:-165px;
    z-index:1}
.main-themboxes{
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
    z-index:100}
.main-footer{
    text-align:center}
#DeactivationContainer{
    position:absolute;
    top:0;
    left:0;
    z-index:80;
    height:1500px;
    width:100%;
    background-color:#000;
    filter:alpha(opacity=75);
    opacity:.75;
    -moz-opacity:.75;
    display:none}
#DeactivationContainerThemebox{
    position:absolute;
    top:0;
    left:0;
    z-index:95;
    height:1000px;
    width:100%;
    display:none}
#MenuColumn{
    position:relative;
    width:180px;
    top:160px;
    margin-top:-155px;
    margin-right:15px;
    margin-left:15px;
    padding:0;
    font-family:Arial,sans-serif;
    font-size:10pt;
    font-weight:700;
    line-height:12pt;
    text-align:left;
    display:flex;
    flex-direction:column}
#Footer{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:7pt;
    font-weight:400;
    text-align:center;
    position:relative;
    width:100%;
    padding-bottom:20px;
    color:#fff}
#Footer a:link,#Footer a:visited,#Footer a:focus{
    color:#fff;
    text-decoration:none}
#Footer a:active,#Footer a:hover{
    color:#fff;
    text-decoration:underline}
.InternWaringMessage{
    background-color:#fff;
    color:red;
    border:1px solid red;
    z-index:99;
    position:relative;
    text-align:center}
#tmp-browser-info{
    position:absolute;
    top:0;
    left:45%;
    padding-left:5px;
    border:1px solid red;
    background-color:#fff;
    color:red;
    width:200px;
    height:20px;
    text-align:center;
    display:none}
.OptionContainer input{
    vertical-align:middle;
    margin:0;
    margin-right:3px}
.OptionContainer label{
    vertical-align:middle}
#LeftArtwork{
    position:absolute;
    height:140px;
    width:166px;
    top:-140px;
    left:4px;
    background-repeat:no-repeat;
    z-index:5}
#LeftArtwork #TibiaLogoArtworkTop{
    position:absolute;
    top:-17px;
    left:-14px;
    height:158px;
    width:196px;
    z-index:5;
    cursor:pointer;
    border:0}
#LeftArtwork #LogoLink{
    position:absolute;
    bottom:14px;
    left:58px;
    height:14px;
    width:50px;
    z-index:99;
    cursor:pointer}
#RightArtwork{
    text-align:left;
    position:absolute;
    top:0; /* reseta para a linha do header */
    right:0; /* encosta na borda direita do header */
    width:180px; /* igual ao themebox */
    background-repeat:no-repeat;
    pointer-events:none; /* não intercepta cliques do painel lateral */
    perspective:700px; /* profundidade para tilt 3D dos ícones */
    z-index:3000; /* acima das themeboxes e acima do top reset */
}
#RightArtwork #Pedestal{
    position:absolute;
    top:133px; /* subido mais 10px */
    right:0;
    width:100%; /* ocupa toda a largura do bloco (200px) */
    height:auto;
    z-index:1000;
}
#Monster{
    position:absolute;
    height:64px;
    width:64px;
    top:109px;  /* mantém 24px acima do pedestal */
    left:8px;   /* leve ajuste para a direita */
    z-index:1200;
    cursor:pointer;
    pointer-events:auto;
    transition: transform 200ms ease, filter 200ms ease;
    transform-style: preserve-3d;
    will-change: transform, filter}
#Boss{
    position:absolute;
    height:72px; /* levemente maior para destacar */
    width:72px;
    top:105px;  /* acompanha alinhamento do Monster */
    right:64px; /* centraliza sobre o pedestal */
    z-index:1200;
    cursor:pointer;
    pointer-events:auto;
    transition: transform 200ms ease, filter 200ms ease;
    transform-style: preserve-3d;
    will-change: transform, filter;
}

/* Efeito 3D suave ao passar o mouse */
#Monster:hover,
#Boss:hover{
    filter: brightness(1.06);
    transform: translateZ(12px) scale(1.06);
}
.SmallMenuBox .Loginstatus{
    position:relative;
    top:0;
    left:5px;
    height:13px;
    width:160px}
.SmallMenuBox .LoginstatusText{
    position:absolute;
    top:1px;
    left:18px;
    width:124px;
    height:11px;
    cursor:pointer}
.SmallMenuBox #LoginstatusText_1{
    visibility:visible}
.SmallMenuBox #LoginstatusText_2{
    visibility:hidden}
.SmallMenuBox{
    position:relative;
    left:5px;
    top:8px;
    width:100%;
    margin-bottom:38px;
    background-repeat:no-repeat;
    transition: transform 220ms cubic-bezier(.2,.8,.2,1), box-shadow 220ms ease, filter 200ms ease;
    transform-style: preserve-3d;
    will-change: transform, box-shadow, filter;
}
.SmallMenuBox:hover{
    transform: perspective(700px) translateY(-1px) rotateX(2deg) rotateY(0deg);
    filter: brightness(1.02);
}
.SmallMenuBox:active{
    transform: perspective(800px) translateY(0) rotateX(1deg) rotateY(1deg) scale(.995);
}

/* Efeito 3D leve em outros elementos do menu (sem sombra) */
.MenuButton,
.SubmenuitemLabel {
    transition: transform 180ms cubic-bezier(.2,.8,.2,1), filter 200ms ease;
    transform-style: preserve-3d;
}
.MenuButton:hover,
.SubmenuitemLabel:hover {
    transform: perspective(700px) translateY(-1px) rotateX(2deg);
    filter: brightness(1.02);
}
/* efeitos visuais adicionados via :hover no bloco principal */
.SmallMenuBox .SmallBoxTop{
    position:absolute;
    left:-5px;
    top:-12px;
    height:12px;
    width:180px;
    background-repeat:no-repeat}
.SmallMenuBox .SmallBoxBottom{
    position:absolute;
    top:52px;
    left:-5px;
    height:12px;
    width:180px;
    background-repeat:no-repeat}
.SmallMenuBox .SmallBoxBorder{
    position:absolute;
    top:0;
    height:52px;
    width:8px;
    background-repeat:repeat-y;
    z-index:10}
.SmallMenuBox .BorderRight{
    right:9px}
.SmallMenuBox .SmallBoxButtonContainer{
    position:relative;
    height:39px;
    width:160px;
    left:5px;
    background-repeat:repeat-y;
    z-index:1}
.SmallMenuBox#DownloadBox{
    top:4px}
.SmallMenuBox#DownloadBox .SmallBoxBottom{
    top:39px}
.SmallMenuBox#DownloadBox .SmallBoxBorder{
    height:39px}
.SmallMenuBorder{
    display:none}
#PlayNowContainer{
    position:absolute;
    width:150px;
    height:37px;
    top:1px;
    left:5px;
    z-index:99}
#PlayNowContainer form{
    margin:0;
    padding:0;
    border:0}
.BigBoldText{
    font-weight:700;
    font-size:14pt}
#Menu{
    position:relative;
    left:5px;
    top:0;
    background-repeat:no-repeat}
#MenuTop{
    position:absolute;
    left:-5px;
    top:-12px;
    height:12px;
    width:180px;
    background-repeat:no-repeat}
#MenuBottom{
    position:relative;
    left:-5px;
    bottom:0;
    height:12px;
    width:180px;
    background-repeat:no-repeat}
.MenuButton{
    position:relative;
    height:32px;
    width:170px;
    display:block;
    cursor:pointer}
.Button{
    position:relative;
    height:32px;
    width:170px;
    visibility:hidden;
    display:block}
.Extend{
    position:absolute;
    top:20px;
    right:-2px;
    height:12px;
    width:12px;
    background-repeat:no-repeat}
.Lights{
    visibility:hidden}
.Light_lu{
    position:absolute;
    top:2px;
    left:3px;
    height:2px;
    width:2px;
    background-repeat:no-repeat}
.Light_ru{
    position:absolute;
    top:2px;
    right:3px;
    height:2px;
    width:2px;
    background-repeat:no-repeat}
.Light_ld{
    position:absolute;
    height:2px;
    width:2px;
    top:28px;
    left:3px}
.Icon{
    position:absolute;
    height:32px;
    width:32px;
    top:0;
    left:8px}
.Label{
    position:absolute;
    height:22px;
    width:116px;
    top:6px;
    left:42px}
.MenuFonts{
    padding:3px;
    position:absolute;
    height:24px;
    width:116px;
    top:5px;
    left:38px;
    text-align:center;
    color:#ff6012;
    font-family:'Fondamento',cursive;
    text-shadow:-1px -1px 0 #000000,1px -1px 0 #f74848b6,-1px 1px 0 #000000,1px 1px 0 #000;
    font-weight:400;
    font-size:18px;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none}
.LeftChain{
    position:absolute;
    top:0;
    left:-5px;
    height:40px;
    width:7px;
    background-repeat:repeat-y}
.RightChain{
    position:absolute;
    top:0;
    right:-4px;
    height:40px;
    width:7px;
    background-repeat:repeat-y}
.Submenu{
    position:relative;
    margin-left:5px;
    margin-right:5px;
    background-color:#000000;
    width:160px}
.Submenu .SubmenuitemLabel,
#ActiveSubmenuItemLabel_guildwar,
[id^="ActiveSubmenuItemLabel_"]{
    display:block;
    clear:both;
    float:none;
    width:100%;
    white-space:normal; /* permite quebrar linhas para não flutuar/cortar */
}
.Submenuitem{
    position:relative;
    margin:0;
    padding:0}
.ActiveSubmenuItemIcon{
    position:absolute;
    top:5px;
    left:3px;
    width:10px;
    height:10px;
    background-repeat:no-repeat;
    visibility:hidden}
.SubmenuitemLabel{
    margin:0;
    border-top:0;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:15px;
    border-bottom:1px solid #8B0000;
    overflow:hidden;
    background-color: #000000;
    color: #ff0000;
}
/* Garante comportamento consistente dos itens abertos/ativos (desktop e mobile) */
.SubmenuitemLabel, .Submenu a{
    display:block;
}
.Submenu a:link{
    color:#d7d7d7;
    text-decoration:none}
.Submenu a:visited{
    color:#d7d7d7;
    text-decoration:none}
.Submenu a:focus{
    color:#d7d7d7;
    text-decoration:none}
.Submenu a:active{
    color:#fff;
    text-decoration:none}
.Submenu a:hover{
    color:#fff;
    text-decoration:none}
.SubmenuButtonAsLinkLabel{
    color:#d7d7d7}
.SubmenuButtonAsLink{
    position:absolute;
    background-color:#4B4B4B;
    width:160px;
    z-index:40;
    text-align:left;
    background:0 0!important;
    border:none;
    font:inherit;
    cursor:pointer;
    border:0}
input[type=submit].SubmenuButtonAsLink{
    color:transparent}
.Content .BoxContent{
    padding:10px}
.Content{
    position:relative;
    top:0;
    width:100%;
    z-index:2000}
.Content .Box{
    font-size:0;
    position:relative;
    margin:5px;
    margin-top:4px;
    margin-bottom:18px;
    color:#070707;
    border-left:2px solid #4B4B4B;
    border-right:2px solid #4B4B4B;
    background-color:#000000;
    background-repeat:no-repeat;
    overflow:visible}
.Content .BoxContent{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:9pt;
    background-color:#000000;
    color:#000000;
    min-height:367px;
    height:auto!important;
    height:387px}
.Content th{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:10pt;
    font-weight:700;
    text-align:left;
    color:#000000;
    background-color:#505050}
.Content .BoxContent td{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:10pt;
    color:#000000}
.Content a,.Themeboxes a{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-weight:700;
    color:#004294;
    text-decoration:none;
    cursor:pointer}
.Content a:hover,.Themeboxes a:hover{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-weight:700;
    text-decoration:underline;
    color:#0063dc}
.Content .HelpLink{
    font-size:7pt;
    cursor:pointer}
.TableHeadlineNavigation{
    margin-top:4px;
    font-size:8px;
    float:right}
.TableHeadlineNavigation a{
    color:#fff}
.TableHeadlineNavigation a:hover{
    color:#fff}
.Content .Corner-tl{
    position:absolute;
    top:-4px;
    left:-5px;
    width:17px;
    height:17px;
    z-index:50}
.Content .Corner-tr{
    position:absolute;
    top:-4px;
    right:-5px;
    width:17px;
    height:17px;
    z-index:50}
.Content .BottomCornersHelper{
    position:absolute;
    width:100%}
.Content .CornerWrapper-b{
    position:absolute;
    width:100%}
.Content .Corner-bl{
    position:absolute;
    bottom:-4px;
    left:-6px;
    width:17px;
    height:17px;
    z-index:50}
.Content .Corner-br{
    position:absolute;
    bottom:-4px;
    right:-6px;
    width:17px;
    height:17px;
    z-index:50}
.Content .Border_1{
    position:relative;
    height:6px;
    width:100%;
    background-repeat:repeat-x}
.Content .BorderTitleText{
    position:relative;
    height:24px;
    background-repeat:repeat-x}
.Content .Title{
    position:absolute;
    top:6px;
    left:5px}
.Content .Border_2{
    margin:4px;
    padding:0;
    background-color:#4B4B4B}
.Content .Border_3{
    margin:1px;
    border-top:1px solid #4B4B4B;
    border-bottom:1px solid #4B4B4B}
.Content .ScrollableTextBox{
    height:125px;
    padding:3px;
    margin-right:5px;
    overflow-y:scroll;
    font-family:Courier New;
    border:1px solid grey;
    font-weight:400!important;
    background-image:url(/TibiaWebsite_refactoring/html/images/global/content/scroll.gif)}
.Content .BoxContent .ScrollableTextBox td{
    font-family:Courier New}
#PremiumFeaturesBox .TableContent th{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    vertical-align:top;
    color:#ff0000;
    background-color:#000000;
    padding:5px;
    border:1px solid #4B4B4B}
#PremiumFeaturesBox .TableContent td{
    padding-top:20px;
    padding-bottom:20px}
#PremiumFeaturesBox #PremiumFeatureListNote{
    padding:5px}
#ContactInformationTable .TableContentContainer td{
    padding-top:10px;
    padding-bottom:10px}
#TableOfContents ol{
    list-style-type:none;
    counter-reset:item;
    margin:0;
    padding:0}
#TableOfContents ol>li{
    display:table;
    counter-increment:item;
    margin-bottom:15px;
    font-size:10pt;
    line-height:1.5}
#TableOfContents ol>li:before{
    content:counters(item,".") " ";
    display:table-cell;
    padding-right:10px}
#TableOfContents li ol>li{
    margin:0}
#TableOfContents li ol>li:before{
    content:counters(item,".") " "}
#ExperienceTable td{
    text-align:right;
    vertical-align:top}
#PantheonEvenLoginButton{
    float:right;
    margin-top:-5px}
#PantheonEventAllLocationsTable .AdditionalTableShadow,#ExperienceTable .AdditionalTableShadow{
    border:1px solid #4B4B4B;
    box-shadow:3px 3px 2px #696969;
    margin-right:5px;
    margin-bottom:5px}
#ExperienceTable .AdditionalTableShadow.LastColumn{
    margin-right:10px}
#PantheonEventAllLocationsTable .AdditionalTableShadow td{
    border:1px solid #4B4B4B}
#PantheonEventAllLocationsTable .AdditionalTableShadow.LastColumn{
    margin-right:7px}
#PantheonEventAllLocationsTable td{
    vertical-align:top}
.AdditionalTableShadow table{
    width:100%}
.AdditionalTableHeadline{
    background-color:#D3D3D3}
.AdditionalTableHeadline td{
    border:1px solid #4B4B4B}
.SecretAchievementIcon{
    position:absolute;
    width:44px;
    height:20px;
    margin-left:12px;
    margin-top:-2px;
    right:5px}
#KillStatisticsTable .DataRow td{
    text-align:right}
#KillStatisticsTable td:nth-child(1){
    text-align:left}
.Themebox{
    position:relative;
    top:0;
    margin-bottom:10px;
    width:180px;
    height:154px;
    margin-left:auto;
    margin-right:auto}

/* Links dos rankings (Top Reset / Top Players) com efeito pulsante no hover */
.TopRankList .TopRankLink{
    display:inline-block;
    transition: transform 220ms cubic-bezier(.2,.8,.2,1), filter 200ms ease;
    transform-style: preserve-3d;
    will-change: transform, filter;
}
.TopRankList .TopRankLink:hover{
    transform: perspective(700px) translateY(-1px) rotateX(2deg) scale(1.03);
    filter: brightness(1.08);
    text-decoration:none;
}
.Themeboxes div{
    font-size:10pt;
    background-repeat:no-repeat}
.Themeboxes .ThemeboxButton{
    position:absolute;
    bottom:20px;
    left:22px;
    height:25px;
    width:135px;
    cursor:pointer}
.Themeboxes .Bottom{
    position:absolute;
    bottom:0;
    left:0;
    height:12px;
    width:180px}
.Themeboxes #AnniversaryCountDownBox{
    height:120px;
    margin-bottom:30px}
.Themeboxes #AnniversaryCountDownExtendedBox{
    height:146px}
.Themeboxes #AnniversaryBox{
    height:188px}
.Themeboxes #NewcomerBox .ThemeboxButton{
    bottom:15px}
.Themeboxes #JobBox{
    height:164px}
#TrailerBox{
    height:153px}
#TrailerIdleFrame{
    position:absolute;
    top:31px;
    left:5px}
#TrailerOverFrame{
    position:absolute;
    top:31px;
    left:5px;
    visibility:hidden;
    cursor:pointer}
.Themeboxes #ScreenshotBox #ScreenshotContentFrame{
    position:relative;
    height:111px;
    width:170px;
    top:31px;
    left:0;
    margin-left:5px;
    margin-right:5px;
    border:0;
    cursor:pointer}
.Themeboxes #ScreenshotBox #ScreenshotContentImageContainer{
    position:absolute;
    top:35px;
    left:5px;
    overflow:hidden;
    width:170px;
    height:102px}
.Themeboxes #ScreenshotBox #ScreenshotContentImage{
    position:absolute;
    width:480px;
    height:352px;
    left:-155px;
    top:-120px}
.Themeboxes #CurrentPollBox #CurrentPollText{
    font-family:Verdana,Arial,sans-serif;
    font-weight:700;
    line-height:11pt;
    color:#4B4B4B;
    position:absolute;
    height:70px;
    width:150px;
    top:37px;
    left:15px;
    padding-top:5px;
    overflow:hidden;
    text-align:center}
.Themeboxes #FansiteBox{
    position:relative;
    height:188px;
    text-align:center}
.Themeboxes #FansiteLogoFrame{
    position:relative;
    top:31px;
    width:180;
    height:145px}
.Themeboxes #FansiteLogo{
    position:relative;
    height:100px;
    width:150px;
    top:8px;
    border:0;
    cursor:pointer}
.Themeboxes #FansiteBox .ThemeboxButton{
    bottom:19px}
.Themeboxes #NetworksBox{
    position:relative;
    height:204px}
.Themeboxes #NetworksBox #FacebookBlock{
    position:relative;
    top:32px;
    height:113px}
.Themeboxes #NetworksBox #FacebookPageLink{
    position:absolute;
    left:37px;
    top:12px;
    height:50px;
    width:50px}
.Themeboxes #NetworksBox #FacebookLikeButton{
    position:absolute;
    left:92px;
    top:40px}
.Themeboxes #NetworksBox #FacebookShareButton{
    position:absolute;
    left:92px;
    top:14px}
.Themeboxes #NetworksBox #FacebookLikes{
    position:relative;
    top:75px;
    width:145px;
    height:50px;
    left:18px;
    overflow:hidden}
.Themeboxes #NetworksBox #FacebookLikes div{
    position:relative;
    height:50px;
    left:-106px}
.Themeboxes #NetworksBox #FacebookLikes div iframe{
    height:50px!important}
.Themeboxes #NetworksBox #TwitterBlock{
    position:relative;
    top:47px;
    text-align:center}
.Themeboxes #CMTrackerBox{
    position:relative;
    height:204px}
.Themeboxes #CMTrackerBox #CMTrackerContent{
    position:relative;
    top:45px;
    height:135px;
    padding-left:20px;
    padding-right:20px;
    font-size:8px}
.Themeboxes #CMTrackerBox #CMTrackerContent div{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:8pt;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:140px}
.Themeboxes #CMTrackerBox #CMTrackerContent .CMTrackerPostArrow{
    width:10px;
    height:9px;
    margin-right:2px}
.Themeboxes #CMTrackerBox #CMTrackerContent .CMTrackerTitle{
    margin-bottom:2px}
.Themeboxes #CMTrackerBox #CMTrackerContent .CMTrackerMoreLink{
    position:absolute;
    bottom:0;
    text-align:right}
.Themeboxes #TournamentBox{
    height:225px}
.Themeboxes #TournamentBox #TournamentBoxContent{
    position:relative;
    top:50px;
    color:#4B4B4B;
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    text-align:center}
.Themeboxes #TournamentBox #TournamentBoxContent .TournamentBoxContentName{
    font-weight:700;
    font-size:9pt;
    margin-bottom:10px}
.Themeboxes #TournamentBox #TournamentBoxContent .TournamentBoxContentHeadline{
    font-weight:700;
    font-size:9pt}
.Themeboxes #TournamentBox #TournamentBoxContent .TournamentBoxContentDateTime{
    font-size:8pt;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px}
.Content .BoxContent td .white{
    color:#efefef;
    visibility:visible}
.Content .BoxContent td .whites{
    color:#efefef;
    visibility:visible;
    font-size:9pt}
.Content .BoxContent .white{
    color:#efefef;
    visibility:visible}
.Content .BoxContent td .green{
    color:#00bf00}
.Content .BoxContent td .yellow{
    color:#ffbb05}
.Content .BoxContent td .red{
    color:#ef0000}
.Content .BoxContent td .grey{
    color:gray}
.Content .BoxContent td .orange{
    color:#ff9712}
.Content .BoxContent .ff_info{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:10pt;
    color:#ff0000;
    visibility:visible}
.Content .ff_white a{
    color:#fff}
.Content .BoxContent .ff_white{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    color:#efefef;
    visibility:visible;
    font-size:7pt;
    font-weight:700}
.Content .BoxContent .ff_red{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    color:#ef0000;
    visibility:visible;
    font-size:8pt;
    font-weight:700}
.Content .BoxContent .ff_whitelarge{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    color:#efefef;
    visibility:visible;
    font-size:9pt;
    font-weight:700}
.Content .BoxContent .ff_info{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:8pt;
    color:#a9a9a9;
    visibility:visible}
.Content .BoxContent .ff_infotext{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:8pt;
    color:#4B4B4B;
    visibility:visible;
    line-height:12pt}
.Content .BoxContent .ff_smallinfo{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:7pt;
    color:#4B4B4B;
    visibility:visible}
.Content .BoxContent .ff_large{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:12pt;
    color:#4B4B4B;
    visibility:visible}
.Content .BoxContent .ff_pagetext{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:9pt;
    color:#4B4B4B;
    visibility:visible;
    line-height:13pt}
.Content .BoxContent .ff_pagetextgrey{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:9pt;
    color:#505050;
    visibility:visible;
    line-height:13pt}
.Content .BoxContent .ff_pagetextred{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:9pt;
    color:red;
    visibility:visible;
    line-height:13pt}
.Content .BoxContent .ff_correct{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:11pt;
    color:red;
    visibility:visible;
    font-weight:700}
.PaymentOrderTypeImage{
    width:81px;
    height:80px;
    margin-right:5px}
.PaymentMethodBrandingSmall{
    width:48px;
    height:30px}
.PaymentMethodBrandingBig{
    width:103px;
    height:65px}
.PaymentResultImage{
    float:left;
    margin-right:8px;
    margin-top:3px;
    width:62px;
    height:60px}
.FormFieldError{
    font-size:8pt;
    color:red}
.AttentionSign img{
    float:left;
    top:3px;
    left:8px;
    width:15px;
    height:13px;
    margin-right:5px}
.SmallBox{
    position:relative;
    font-size:1px}
.SmallBox .ErrorMessage{
    font-size:8pt;
    position:relative;
    color:red;
    height:100%;
    background-color:#D3D3D3;
    padding:5px;
    padding-left:43px}
.SmallBox .SuccessMessage{
    font-size:10pt;
    position:relative;
    color:green;
    height:100%;
    background-color:#D3D3D3;
    padding:8px;
    padding-left:15px}
.SmallBox .Message{
    font-size:10pt;
    position:relative;
    height:100%;
    background-color:#D3D3D3;
    padding:10px}
.SmallBox .ErrorMessage ul{
    padding-left:15px}
.SmallBox .BoxFrameHorizontal{
    position:relative;
    height:4px}
.SmallBox .BoxFrameVerticalRight{
    position:absolute;
    right:0;
    top:0;
    width:3px;
    background-repeat:repeat-y;
    height:100%}
.SmallBox .BoxFrameVerticalLeft{
    position:absolute;
    left:0;
    top:0;
    width:3px;
    background-repeat:repeat-y;
    height:100%}
.SmallBox .MessageContainer{
    position:relative;
    height:100%}
.SmallBox .BoxFrameEdgeLeftTop{
    position:absolute;
    left:-1px;
    top:-1px;
    width:5px;
    height:5px}
.SmallBox .BoxFrameEdgeLeftBottom{
    position:absolute;
    left:-1px;
    bottom:-1px;
    width:5px;
    height:5px}
.SmallBox .BoxFrameEdgeRightTop{
    position:absolute;
    right:-1px;
    top:-1px;
    width:5px;
    height:5px}
.SmallBox .BoxFrameEdgeRightBottom{
    position:absolute;
    right:-1px;
    bottom:-1px;
    width:5px;
    height:5px}
.SmallBox .AttentionSign{
    position:absolute;
    top:3px;
    left:8px;
    width:30px;
    height:26px}
#StartDownloadContainer table{
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:top}
.CharacterList{
    height:56px}
.HideBeforeSubmit{
    display:none}
.CustomerIdentification{
    position:relative;
    text-align:center;
    font-weight:700;
    font-size:12pt;
    margin-bottom:35px}
#DisplayEMail{
    cursor:pointer}
#MaskedEMail{
    visibility:hidden;
    display:none}
#ReadableEMail{
    visibility:hidden;
    display:none}
#ButtonEMail{
    position:absolute;
    right:0;
    top:2px;
    cursor:pointer}
.CustomerIdentification #ButtonEMail{
    top:25px;
    margin-left:auto;
    margin-right:auto;
    right:initial}
#ProgressBar #Headline{
    text-align:center;
    font-size:14pt;
    font-weight:700;
    margin-bottom:5px}
#ProgressBar #MainContainer{
    position:relative;
    top:10px;
    height:50px;
    margin-bottom:25px}
#ProgressBar #BackgroundContainer{
    position:relative;
    width:100%}
#ProgressBar #BackgroundContainerLeftEnd{
    position:absolute;
    float:left}
#ProgressBar #BackgroundContainerCenter{
    position:absolute;
    left:0;
    top:0;
    height:17px;
    width:100%}
#ProgressBar #BackgroundContainerCenterImage{
    position:relative;
    margin-left:25px;
    margin-right:25px;
    height:17px}
#ProgressBar #BackgroundContainerRightEnd{
    position:absolute;
    right:0;
    top:0;
    float:right}
#ProgressBar #TubeLeftEnd{
    position:absolute;
    left:25px;
    top:4px}
#ProgressBar #TubeRightEnd{
    position:absolute;
    right:25px;
    top:4px;
    z-index:0}
#ProgressBar .Steps{
    position:relative;
    height:39px;
    font-size:9px;
    float:left;
    top:-11px;
    margin-left:-1px}
#ProgressBar #StepsContainer1{
    text-align:right;
    margin-left:92px;
    margin-right:40px;
    height:10px}
#ProgressBar #StepsContainer2{
    width:100%;
    height:10px}
#ProgressBar .TubeContainer{
    position:relative;
    padding-right:47px}
#ProgressBar .Tube{
    position:relative;
    top:16px;
    left:0;
    width:100%;
    height:7px;
    background:#fff none repeat scroll 0%}
#ProgressBar .SingleStepContainer{
    position:absolute;
    top:0;
    width:47px;
    height:30px;
    right:0;
    text-align:center}
#ProgressBar #FirstStep .SingleStepContainer{
    left:45px;
    width:47px;
    position:absolute}
#ProgressBar .StepIcon{
    position:absolute;
    right:0}
#ProgressBar #FirstStep .StepIcon{
    top:0;
    left:0}
#ProgressBar .StepText{
    top:40px;
    position:absolute;
    width:200px;
    right:-77px}
#eventscheduletable{
    border-collapse:collapse;
    table-layout:fixed;
    border-spacing:1px;
    padding:1px;
    border:1px;
    border-color:#4B4B4B;
    -moz-box-shadow:2px 2px 3px 3px #696969;
    -webkit-box-shadow:2px 2px 3px 3px #696969;
    -ms-box-shadow:2px 2px 3px 3px #696969;
    box-shadow:2px 2px 3px 3px #696969}
#eventscheduletable th{
    border:1px solid #4B4B4B;
    height:24px;
    overflow:hidden}
#eventscheduletable td{
    border:1px solid #4B4B4B}
.eventscheduleheadertop{
    margin:auto;
    width:100%;
    display:flex;
    min-width:400px}
.eventscheduleheaderdateblock{
    position:absolute;
    width:150px;
    text-align:center}
.eventscheduleheaderleft{
    float:left}
.eventscheduleheaderright{
    float:right}
.eventscheduleheaderblockleft{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    position:relative}
.eventscheduleheaderblockright{
    text-align:right;
    white-space:nowrap;
    margin-right:5px}
.fansitespecials ul{
    margin-block-start:4px;
    margin-block-end:4px;
    padding-inline-start:15px}
.TableContainer{
    position:relative;
    width:100%;
    font-size:1px}
.TableContainer .Odd{
    background-color:#000000}
.TableContainer .Even{
    background-color:#000000}
.TableContainer .GreedyCell{
    width:80%}
.TableContainer .CaptionContainer{
    position:relative;
    font-size:1pt;
    background-color:#000000!important;
    height:100%;
    width:100%;
    text-align:left}
.CaptionContainer .CaptionInnerContainer{
    position:relative;
    background-color:#4B4B4B;
    width:100%;
    height:100%;
    padding-top:3px;
    padding-bottom:4px}
.CaptionContainer .Text{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:10pt;
    font-weight:700;
    text-align:left;
    color:#8B0000;
    padding-left:10px;
    padding-top:0;
    padding-bottom:0}
.CaptionContainer .CaptionEdgeLeftTop{
    position:absolute;
    width:5px;
    height:5px;
    top:-2px;
    left:-2px;
    z-index:50}
.CaptionContainer .CaptionEdgeRightTop{
    position:absolute;
    width:5px;
    height:5px;
    top:-2px;
    right:-1px;
    z-index:50}
.CaptionContainer .CaptionEdgeLeftBottom{
    position:absolute;
    width:5px;
    height:5px;
    left:-2px;
    bottom:-3px;
    z-index:50}
.CaptionContainer .CaptionEdgeRightBottom{
    position:absolute;
    width:5px;
    height:5px;
    right:-1px;
    bottom:-3px;
    z-index:50}
.CaptionContainer .CaptionBorderTop{
    position:absolute;
    width:100%;
    height:4px;
    left:0;
    top:-1px}
.CaptionContainer .CaptionBorderBottom{
    position:absolute;
    width:100%;
    height:4px;
    left:0;
    bottom:-2px}
.CaptionContainer .CaptionVerticalLeft{
    position:absolute;
    height:100%;
    width:3px;
    left:-1px;
    top:0}
.CaptionContainer .CaptionVerticalRight{
    position:absolute;
    height:100%;
    width:3px;
    right:0;
    top:0}
.InnerTableTab{
    position:relative;
    float:left;
    top:5px;
    margin-left:1px;
    margin-right:0;
    cursor:pointer;
    vertical-align:middle;
    width:105px;
    height:45px}
.InnerTableTab.WideTab{
    width:130px;
    height:65px}
.InnerTableTab .RibbonNewProduct{
    position:absolute;
    top:2px;
    left:-1px;
    height:39px;
    width:39px;
    z-index:199}
.ActiveInnerTableTab .RibbonNewProduct{
    top:-2px}
.InnerTableTab .RibbonLastChance{
    position:absolute;
    top:2px;
    left:65px;
    height:39px;
    width:39px;
    z-index:199}
.ActiveInnerTableTab .RibbonLastChance{
    top:-2px;
    left:64px}
.InnerTableTab a{
    border:0;
    color:#4B4B4B;
    font-weight:400}
.InnerTableTab a img{
    border:0;
    width:105px;
    height:45px;
    position:absolute;
    top:0}
.InnerTableTab.WideTab a img{
    width:130px;
    height:65px}
.InnerTableTabLabel{
    position:relative;
    top:0;
    left:0;
    text-align:center;
    width:92px;
    height:35px;
    display:table-cell;
    vertical-align:middle;
    padding-top:5px;
    padding-left:2px;
    padding-right:2px}
.InnerTableTab.WideTab .InnerTableTabLabel{
    width:111px;
    height:55px}
.InnerTableTab .TabLableAdditional{
    position:relative;
    font-weight:400;
    top:2px}
.InnerTableTab a:hover{
    border:0;
    color:#8B0000;
    text-decoration:none}
.ActiveInnerTableTab{
    z-index:99;
    top:6px}
.ActiveInnerTableTab a{
    font-weight:700}
.ActiveInnerTableTab .InnerTableTabLabel{
    top:6px;
    padding-top:1px}
.ProductCategoryHelperDiv{
    position:relative;
    float:right;
    top:35px;
    right:5px}
.TableTabInnerArea{
    padding:10px!important}
.BigToggleButton{
    text-align:center;
    cursor:pointer;
    font-weight:400}
.BigToggleButton:hover{
    font-weight:700}
.InnerTableContainer .InnerTableSeparator{
    border-style:inset;
    border-top:1px solid #4B4B4B;
    border-bottom:0;
    border-bottom:none;
    border-left:none}
.TableContent .InlineTable{
    width:100%!important;
    border-width:2px!important;
    border-style:ridge!important;
    border-color:#A9A9A9!important;
    margin-top:4px!important;
    margin-bottom:4px!important}
.TableContent .InlineTable td{
    vertical-align:middle}
.VerticalAlignTop{
    vertical-align:top}
.TextAlignRight{
    text-align:right}
.HeadlessTable{
    border:0;
    border-style:solid;
    border-color:#656565;
    border-top-width:1px;
    border-top-color:#fff;
    border-left-width:1px;
    border-left-color:#fff;
    border-bottom-width:1px;
    border-right-width:1px;
    border-right-color:#656565;
    margin-left:15px}
.LabelV{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    vertical-align:top}
.LabelV80{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    vertical-align:top;
    width:80px}
.LabelV100{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    vertical-align:top;
    width:100px}
.LabelV120{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    vertical-align:top;
    width:120px}
.LabelV150{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    vertical-align:top;
    width:150px}
.LabelV175{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    vertical-align:top;
    width:175px}
.LabelV200{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    vertical-align:top;
    width:200px}
.LabelV250{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    vertical-align:top;
    width:250px}
.LabelH{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    background-color:#4B4B4B}
.LabelH td{
    background-color:#4B4B4B;
    padding-left:5px;
    padding-top:2px;
    padding-right:5px;
    padding-bottom:2px}
.TextLeft,.TextLeft td{
    text-align:left}
.TextCenter,.TextCenter td{
    text-align:center}
.TextRight,.TextRight td{
    text-align:right}
.AlignMiddle,.AlignMiddle td{
    vertical-align:middle}
.InTableRightButtonContainer{
    float:right;
    width:135px;
    margin-left:20px}
.InTableRightButtonContainer .BigButton{
    margin-bottom:4px}
.InnerTableButtonRow{
    width:100%;
    padding-left:1px;
    padding-right:0;
    padding-bottom:4px;
    border:0}
.InnerTableButtonRow td{
    padding-right:4px}
.InnerTableButtonRow .RowButton{
    float:right;
    margin-left:10px}
.InnerTableButtonRow .TableCellWithButton{
    padding-right:7px}
.InnerTableButtonRow .DivWithButton{
    float:right;
    margin-right:3px;
    margin-left:5px}
.InnerTableRightTopButtons{
    float:right;
    width:135px;
    margin-left:10px}
.InnerTableButtonRow2{
    width:100%}
.InnerTableButtonRow2 .BigButton{
    text-align:center;
    margin-left:auto;
    margin-right:auto}
.MediumButtonText{
    position:absolute;
    top:0;
    left:0;
    height:37px;
    width:150px;
    z-index:20}
.MediumButtonBackground{
    position:relative;
    top:0;
    left:0;
    width:150px;
    height:37px;
    cursor:pointer;
    z-index:10}
.MediumButtonOver{
    position:relative;
    top:0;
    left:0;
    width:150px;
    height:37px;
    visibility:hidden;
    z-index:15}
.MediumButtonForm{
    margin:0;
    padding:0}
.ReCaptchaButtonContainer{
    position:relative;
    height:25px;
    width:135px}
.ReCaptchaButtonContainer .g-recaptcha{
    position:absolute;
    top:0;
    left:0;
    background-color:transparent;
    color:transparent;
    width:135px;
    height:25px;
    border:0;
    cursor:pointer;
    z-index:100}
.ButtonEventHook img{
    margin:1px}
.ReCaptchaButtonContainer .BigButtonText{
    vertical-align:middle;
    line-height:25px}
.TopButtonContainer{
    position:relative;
    right:4px;
    top:4px;
    z-index:60}
.TopButtonContainerInnerTable{
    position:absolute;
    right:4px;
    top:2px;
    z-index:60}
* html .TopButtonContainer{
    right:27px}
.TopButtonContainer .TopButton{
    position:absolute;
    right:0;
    z-index:55}
.OwnAnchor{
    position:absolute;
    top:-100px}
#world_list_tr td{
    text-align:left}
.OptionContainer{
    text-align:center}
label{
    cursor:pointer}
.InputIndicator{
    position:relative;
    top:5px;
    left:218px;
    height:12px;
    width:12px;
    background-repeat:no-repeat}
* html .InputIndicator{
    left:0}
.sortarrow{
    width:10px;
    height:10px}
.ExternalLinkWarning{
    text-align:center;
    font-size:100%}
.ExternalLinkWarning p{
    margin-bottom:25px}
.TargetLink{
    font-family:monospace;
    word-break:break-word;
    font-size:x-large}
.BackgroundImageContainer{
    background-repeat:no-repeat}
.SecurityTipsContainer{
    margin-left:275px;
    text-align:left}
.SecurityTip{
    clear:both;
    margin-top:10px}
.SecurityTip img{
    float:left;
    margin-right:20px;
    height:39px;
    width:39px;
    margin-bottom:40px}
.ButtonTagLine{
    clear:both;
    margin-top:30px;
    margin-bottom:5px}
.ExternalLinkWarning .MediumButtonBackground{
    margin:15px}
.ForumHead{
    clear:both;
    height:50px}
.ForumWelcome{
    float:left;
    margin-top:5px;
    font-size:10pt}
.ForumHead .ForumTimes{
    float:right;
    margin-top:5px}
.ForumHead .ForumTimes .CurrentTime{
    float:right}
.ForumBreadCrumbs{
    float:right;
    font-size:10pt;
    margin:5px;
    margin-bottom:10px}
.ForumBreadCrumbsSeparator{
    clear:both}
.ForumTitleText{
    padding-top:2px;
    padding-bottom:2px}
.ForumPost{
    position:relative;
    height:100%;
    margin:0;
    padding:0;
    border-left:3px solid transparent;
    border-right:3px solid transparent}
.Content .BoxContent td.ForumPostHeaderCell{
    margin:0;
    padding:0}
.ForumPostHeader{
    position:relative;
    height:30px;
    left:0}
.ForumPostHeaderAuthor{
    float:left;
    width:175px;
    padding:5px 0 0 5px}
.ForumPostHeaderText{
    float:right;
    width:615px;
    padding:5px 0 0}
.ForumPostHeaderTextRight{
    float:right}
.ForumContentFooter{
    font-weight:700;
    margin:0;
    padding:0}
.ForumContentFooterLeft{
    float:left;
    width:175px;
    padding:5px}
.ForumContentFooterRight{
    float:right;
    padding:5px 5px 0 0}
.HiddenDeletedPost{
    display:none}
.DeltedPostLine{
    text-align:center;
    border-bottom:1px solid #D3D3D3;
    cursor:pointer}
.ToggleDeletedPostImage{
    height:12px;
    width:12px;
    margin:3px;
    float:right}
.VisibleDeletedPost{
    display:block}
.PostUpper{
    clear:both}
.PostLower{
    clear:both;
    border-top:1px solid #D3D3D3;
    height:50px;
    padding:4px 0}
.PostSeparatorV{
    position:absolute;
    width:1px;
    height:100%;
    background-color:#D3D3D3;
    left:185px}
* html .PostCharacterText{
    width:185px}
.PostCharacterText{
    width:175px;
    float:left;
    padding:5px}
.PostText{
    position:relative;
    min-height:150px;
    width:100%;
    overflow-x:auto;
    overflow-y:visible;
    width:605px;
    word-wrap:break-word;
    padding:5px}
blockquote.QuoteText{
    margin-left:.25em;
    padding-left:.5em;
    border-left:.25em solid #8B0000;
    color:#8B0000}
.PostDetails{
    width:175px;
    float:left;
    padding:0 5px;
    font-size:7pt}
.PostActions{
    position:relative;
    overflow-x:auto;
    overflow-y:visible;
    word-wrap:break-word;
    font-size:8pt;
    padding:10px;
    padding-right:0;
    margin-left:180px;
    width:610px}
.PostActions .AdditionalBox{
    float:right;
    white-space:nowrap;
    text-align:right;
    margin-right:4px}
.Content .BoxContent td.CipPost{
    margin:0;
    padding:0}
.CipPost .CipPostIcon{
    position:relative;
    top:7px;
    left:12px;
    width:60px;
    height:60px}
.PostDetailsHelper{
    position:relative}
.LastPostInfo{
    white-space:nowrap;
    width:165px}
.CipPostWithBorderImage,.ClassifiedProposal{
    border:3px solid #A9A9A9;
    border-image-slice:3 3 3 3;
    border-image-width:3px 3px 3px 3px;
    border-image-outset:0 0 0 0;
    border-image-repeat:repeat repeat}
.TableContainer .TableContent td.HNCContainer{
    width:22px;
    vertical-align:middle;
    text-align:center;
    padding-left:0;
    padding-right:0}
.ThreadClassificationControls .BigButton{
    margin-bottom:2px}
.ThreadClassificationNumberContainer{
    float:left;
    width:15px;
    height:15px;
    margin-right:7px}
* html .ThreadClassificationNumberContainer{
    margin-left:0}
.TableContainer .TableContent td.BoardListFirstColumn{
    height:16px;
    width:25px;
    padding-left:0;
    padding-right:0}
#BoardView td{
    padding-top:0;
    padding-right:3px;
    padding-bottom:0;
    padding-left:3px}
#BoardView .CipPost{
    position:relative;
    height:100%}
.ThreadTitleHeadline{
    position:relative;
    height:100%;
    width:798px;
    margin-top:-2px}
.ThreadClassificationNumber{
    width:15px;
    height:15px;
    margin-top:1px;
    margin-left:0;
    margin-bottom:0;
    margin-right:7px;
    border:0}
.ThreadTitleHeadline .ThreadClassificationNumber{
    margin-left:-1px;
    margin-top:3px}
.Text{
    margin-top:3px;
    margin-left:4px;
    margin-bottom:2px;
    padding:3px;
    padding-top:3px}
* html .Text{
    margin-top:0;
    margin-left:4px}
.TableHeaderRightButton{
    float:right;
    margin-top:-2px}
.HintBox{
    width:100%;
    margin-top:-3px}
.HintBox p{
    margin-top:0}
.HintBox .BoxButtons{
    width:135px;
    float:right}
.Container1_PaymentMethod{
    height:88px;
    width:165px;
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
    padding:2px;
    cursor:pointer}
.Container2_PaymentMethod{
    top:2px;
    left:2px;
    height:80px;
    width:157px;
    background-color:#D3D3D3;
    margin:2px;
    padding:2px}
.BlockedPaymentMethod{
    color:red;
    cursor:help!important}
.HelperDivIndicator{
    position:relative;
    cursor:help}
#HelperDivContainer{
    display:none;
    position:absolute;
    width:225px;
    z-index:1000;
    color:#4B4B4B;
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:9pt;
    text-align:left;
    padding:10px;
    border:1px double #4B4B4B;
    margin-left:8px}
#HelperDivContainer .HelperDivArrow{
    position:absolute;
    top:-1px;
    left:-8px;
    width:8px;
    height:13px}
#HelperDivContainer #HelperDivHeadline{
    font-size:12pt;
    font-weight:700}
#HelperDivContainer #HelperDivHeadline{
    position:relative;
    white-space:normal;
    margin-top:0;
    margin-bottom:15px}
#HelperDivContainer .Ornament{
    width:220px}
#HelperDivContainer #HelperDivText{
    text-align:justify}
#HelperDivContainer #HelperDivText ul{
    padding-left:20px}
#HelperDivContainer #HelperDivText .ItemOverLabel{
    margin-top:7px;
    float:left}
#HelperDivContainer #HelperDivText .ItemOverImage{
    float:left;
    margin-right:20px;
    clear:both;
    margin-bottom:10px}
#SuggestCharacterName{
    font-size:7pt;
    margin-top:-5px}
.FB_Identification{
    font-family:lucida grande,tahoma,verdana,arial,sans-serif;
    background:none repeat scroll 0 0 #526da4;
    color:#d8dfea;
    border:gray;
    font-size:11px;
    font-weight:700;
    padding:2px;
    height:25px;
    border:1px solid blue}
.FB_Identification div{
    position:relative;
    float:left;
    margin-right:4px}
#FB_ProfileWindow{
    width:23px;
    height:23px;
    border:1px solid blue;
    overflow:hidden}
#FB_ProfileWindow img{
    height:50px!important}
#FB_Name{
    top:5px;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
}
#FB_Button{
    top:1px;
    float:right}
#FB_Button div{
    display:inline}
.FacebookButtonText{
    position:absolute;
    color:#fff;
    left:20px;
    width:112;
    top:5px;
    font-size:11px;
    text-align:center;
    cursor:pointer;
    z-index:15}
#FB_LoginButton{
    position:relative;
    width:68px;
    height:22px;
    float:right;
    cursor:pointer;
    color:#fff;
    font-family:lucida grande,tahoma,verdana,arial,sans-serif;
    font-size:11px;
    font-weight:700}
#FB_LoginButton span{
    position:absolute;
    left:28px;
    top:4px}
.ButtonText:hover{
    margin-top:1px;
    margin-left:1px}
#LoginCreateAccountBox p{
    margin:0;
    padding:0;
    font-size:12pt}
.Width100Percent{
    width:100%}
.GameCode{
    text-transform:uppercase;
    width:60px}
.Saving{
    background-color:blue;
    color:#fff;
    padding:1px 8px;
    border:2px solid;
    border-radius:10px;
    font-size:10px}
#LastSaving{
    background-color:red}
.BGRed{
    background-color:#ef0000}
.BGOrange{
    background-color:#ff9712}
.BGGreen{
    background-color:#00bf00}
.Content .BoxContent .Disabled td{
    color:grey}
.PlaySpanContainer{
    position:relative;
    text-align:center}
.OptionsContainer{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
.ServiceID_Icon_Container{
    position:relative;
    width:156px;
    height:156px;
    float:left;
    margin:3px}
.ServiceID_Icon_Container_Background{
    position:absolute;
    width:150px;
    height:150px;
    top:3px;
    left:3px}
.ServiceID_Icon_Container label{
    font-size:8pt}
.ServiceID_Icon{
    position:relative;
    float:left;
    width:150px;
    height:150px;
    text-align:center;
    background-repeat:no-repeat;
    color:#fff;
    cursor:pointer}
.ServiceID_Icon_New{
    position:absolute;
    left:10px;
    top:48px;
    height:64px;
    width:128px}
.ServiceID_Icon .ServiceID_Deactivated{
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:150px;
    z-index:99}
.ServiceID_Icon .ServiceID_Icon_Selected{
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:150px;
    z-index:98}
.ServiceID_Icon .ServiceIDLabelContainer{
    position:absolute;
    left:0;
    display:table;
    top:6px;
    height:35px;
    width:130px;
    margin-left:10px;
    margin-right:10px;
    z-index:99}
.ServiceID_Icon .ServiceIDLabel{
    display:table-cell;
    vertical-align:middle}
.ServiceID_Icon .ServiceIDPriceContainer{
    position:absolute;
    left:0;
    bottom:10px;
    width:140px;
    margin-left:5px;
    margin-right:5px;
    z-index:99}
.ServiceID_Icon .ServiceIDSpecialOffer{
    position:absolute;
    left:0;
    top:-5px;
    z-index:100}
.ServiceID_Icon .ServiceID_Icon_Over{
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:150px;
    z-index:97}
.ServiceID_Icon .ServiceID_HelperDiv{
    position:relative;
    top:0;
    left:0;
    width:150px;
    height:150px;
    z-index:399}
.ServiceID_Icon .RibbonNewProduct{
    position:absolute;
    top:-4px;
    left:-4px;
    height:58px;
    width:58px;
    z-index:199}
.ServiceID_Icon .RibbonLastChance{
    position:absolute;
    top:-4px;
    left:96px;
    height:58px;
    width:58px;
    z-index:199}
.PMCID_Icon_Container{
    position:relative;
    width:156px;
    height:156px;
    float:left;
    margin:3px}
.PMCID_Icon_Container label{
    font-size:8pt}
.PMCID_Icon{
    position:relative;
    float:left;
    top:3px;
    left:3px;
    width:150px;
    height:147px;
    text-align:center;
    background-repeat:no-repeat;
    color:#fff;
    cursor:pointer}
.PMCID_Icon .PMCID_CP_Icon{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:25px}
.PMCID_Icon .PMCID_CP_Label{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top:18px;
    z-index:99}
.PMCID_Icon .PMCID_Icon_Selected{
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:147px;
    z-index:97}
.PMCID_Icon .PMCID_Deactivated{
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:147px;
    z-index:99}
.PMCID_Icon .PMCID_Icon_Over{
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:147px}
.ServiceID_Icon_Container,.PMCID_Icon_Container{
    margin-left:auto;
    margin-right:auto}
.PermanentDeactivated{
    position:absolute;
    left:0;
    z-index:400}
.PermanentDeactivated .PMCID_Deactivated{
    position:relative;
    left:0;
    width:150px}
.PermanentDeactivated .ServiceID_Deactivated{
    position:relative;
    left:0;
    width:150px}
.PMCID_QuicknessIndicator{
    position:absolute;
    width:150px;
    height:55px;
    bottom:1px;
    font-size:8pt;
    z-index:98}
.PMCID_QuicknessIndicatorLabelContainer{
    display:table;
    height:40px;
    width:150px;
    margin-top:6px;
    color:#cccc}
.PMCID_QuicknessIndicatorLabel{
    display:table-cell;
    vertical-align:middle}
.SubmitButtonRow{
    position:relative;
    height:25px;
    margin-top:25px;
    margin-bottom:25px;
    text-align:center}
.SubmitButtonRow .LeftButton{
    float:left;
    margin-left:50px}
.SubmitButtonRow .CenterButton{
    margin-left:auto;
    margin-right:auto;
    width:135px}
.SubmitButtonRow .RightButton{
    float:right;
    margin-right:50px}
#ScreenshotThumbnailContainerTable{
    width:100%}
.ScreenshotThumbnailContainer{
    position:relative;
    margin:3px;
    padding:3px;
    width:232px;
    border:1px solid #696969;
    color:#c9bdab;
    display:inline-block}
* html .ScreenshotThumbnailContainer{
    display:inline}
.ScreenshotThumbnailContainer img{
    border:1px solid #696969;
    width:230px;
    height:147px;
    cursor:pointer}
.ScreenshotThumbnailContainer .ScreenshotText{
    position:relative;
    width:230px;
    height:75px;
    display:table}
.ScreenshotThumbnailContainer .ScreenshotText p{
    text-align:center;
    vertical-align:middle;
    display:table-cell}
#LightBox{
    position:absolute;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:300%;
    text-align:center;
    z-index:200;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none}
#LightBoxBackground{
    position:absolute;
    width:100%;
    height:300%;
    background-color:#000;
    z-index:101}
#LightBoxContent{
    position:fixed;
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    z-index:201}
* html #LightBoxBackground{
    left:0}
/* Removido hack antigo de IE (causava erro de lint): * html #LightBoxContent { top:expression(...) } */
.NavigationRow{
    position:relative;
    z-index:202;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
    height:29px;
    width:620px;
    font-family:Arial,sans-serif}
.NavigationButton{
    position:relative;
    width:200px;
    height:25px;
    padding-top:2px;
    margin-right:2px;
    margin-left:2px;
    float:left;
    color:#f2af4e;
    background-color:#223533;
    border:1px solid #000;
    text-align:center;
    cursor:pointer;
    z-index:80}
.NavigationButton div{
    position:absolute;
    top:0;
    left:0;
    border:1px solid gray;
    text-align:center;
    width:198px;
    height:25px;
    cursor:pointer;
    z-index:90}
.NavigationButton:hover{
    color:#ffc664;
    background-color:#3a4448}
#ScreenshotContainer{
    position:relative;
    text-align:center;
    width:680px;
    margin-left:auto;
    margin-right:auto;
    left:0;
    z-index:202}
#ScreenshotContainer #ScreenshotImage{
    width:480px;
    height:352px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
    border:1px solid #696969}
#ScreenshotContainer .ScreenshotTextRow{
    font-family:Arial,sans-serif;
    width:611px;
    height:25px;
    line-height:25px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:5px;
    color:#c9bdab;
    border:1px solid #696969;
    background-color:#223533}
#ScreenshotContainer #LightBoxClose{
    position:absolute;
    width:60px;
    height:60px;
    top:-33px;
    right:-40px;
    background:red;
    border:1px solid gray;
    -moz-border-radius:60px;
    -webkit-border-radius:60px;
    border-radius:60px;
    color:#f2af4e;
    background-color:#223533;
    font-family:Arial,sans-serif;
    font-size:25px;
    line-height:60px;
    cursor:pointer}
#ScreenshotContainer #LightBoxClose{
    color:#ffc664;
    background-color:#3a4448}
table.fixed{
    table-layout:fixed}
table.fixed td{
    overflow:hidden}
#GuildInformation .MessageContainer .Message{
    word-wrap:break-word}
.ColorGreen{
    color:green}
.ColorBlue{
    color:blue}
.ColorRed{
    color:#ef0000}
.ServerInformationIconContainer_Worlds{
    position:absolute;
    right:10px}
.ServerInformationIcon{
    width:48px;
    height:48px}
.TAF_Option{
    position:relative;
    width:125px;
    height:125px;
    cursor:pointer;
    margin-left:auto;
    margin-right:auto;
    border:6px solid transparent;
    border-radius:6px}
.TAF_Option:hover{
    border:6px solid #c2ae90;
    background-color:#c2ae90}
.TAF_Option img{
    width:125px;
    height:125px}
.TAF_Option .TAF_Option_GoldBorder{
    position:absolute;
    top:0;
    left:0;
    width:125px;
    height:125px;
    visibility:hidden}
.TAF_ActiveSelection{
    border:6px solid #a9a9a9;
    background-color:#a9a9a9}
.TAF_SelectionDetails{
    clear:both}
.TAF_RewardContainer{
    position:relative;
    padding:5px;
    padding-right:10px;
    background-color:#D3D3D3;
    border:1px solid #4B4B4B;
    min-height:85px}
.TAF_RewardContainer p{
    margin-top:0}
.TAF_Progress{
    position:relative;
    border:1px solid #4B4B4B;
    border-radius:4px;
    width:100%;
    height:25px;
    text-align:center;
    font-weight:700;
    font-size:8pt;
    line-height:2.5;
    color:#4B4B4B;
    text-shadow:-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff,1px 1px 1px #fff;
    background:#4B4B4B;
    background:-moz-linear-gradient(top,#4B4B4B  0%,#696969  100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4B4B4B),color-stop(100%,#696969));
    background:-webkit-linear-gradient(top,#4B4B4B  0%,#696969  100%);
    background:-o-linear-gradient(top,#4B4B4B  0%,#696969  100%);
    background:-ms-linear-gradient(top,#4B4B4B  0%,#696969  100%);
    background:linear-gradient(to bottom,#4B4B4B  0%,#696969  100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4B4B4B',endColorstr='#696969',GradientType=0 )}
* html .TAF_Progress{
    color:#fff}
.TAF_Progress :first-child{
    border-bottom-left-radius:4px;
    border-top-left-radius:4px}
.TAF_Progress :last-child{
    border-bottom-right-radius:4px;
    border-top-right-radius:4px}
.TAF_Progress .TAF_Progress_Step{
    position:relative;
    width:10%;
    height:25px;
    float:left}
.TAF_Progress .TAF_Progress_Step_Taken{
    color:#4B4B4B;
    background:#696969;
    background:-moz-linear-gradient(top,#696969  0%,#A9A9A9  100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#696969 ),color-stop(100%,#A9A9A9 ));
    background:-webkit-linear-gradient(top,#696969  0%,#A9A9A9  100%);
    background:-o-linear-gradient(top,#696969  0%,#A9A9A9  100%);
    background:-ms-linear-gradient(top,#696969  0%,#A9A9A9  100%);
    background:linear-gradient(to bottom,#696969  0%,#A9A9A9  100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969 ',endColorstr='#A9A9A9 ',GradientType=0 )}
.TAF_MarkerRow{
    position:relative;
    height:10px;
    width:100%}
.TAF_MarkerRow .Marker{
    position:absolute;
    top:0;
    margin-top:0;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:10px solid #a9a9a9;
    margin-left:-5px;
    font-size:0;
    overflow:visible}
.TAF_MarkerRow #Marker_1{
    left:10%}
.TAF_MarkerRow #Marker_2{
    left:30%}
.TAF_MarkerRow #Marker_3{
    right:0;
    margin-right:-5px}
.OutfitsRow{
    position:relative;
    width:100%;
    height:110px}
.OutfitRewardContainer{
    height:110px;
    width:130px;
    border-radius:4px;
    border:1px solid #a9a9a9}
.TAF_RewardContainer .GradeImage{
    float:right;
    border:0;
    margin-left:5px}
.OutfitRewardImage{
    width:128px;
    height:64px;
    margin-top:6px}
.OutfitRewardLabel{
    display:table;
    height:36px}
.OutfitRewardLabel div{
    display:table-cell;
    vertical-align:middle;
    width:128px;
    text-align:center;
    color:#fff;
    font-size:8pt}
#OutfitReward_1{
    position:absolute;
    left:0}
#OutfitReward_2{
    position:absolute;
    left:30%}
#OutfitReward_3{
    position:absolute;
    right:0;
    right:0}
#PenaltyPointsContainer{
    float:left;
    width:46%}
#LoyaltyPointsContainer{
    float:right;
    width:46%}
#TAF_Email{
    display:none}
#TAF_Facebook{
    display:none}
#HiddenContentContainer{
    position:absolute;
    top:0;
    width:100%}
#HiddenContentContainer a{
    color:#da761e;
    font-family:Verdana,Arial,Times New Roman,sans-serif}
#HiddenContentContainer a:hover{
    color:#edb045}
#TibiaTrailerCloseContainer{
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer}
#TibiaTrailerCloseContainer #TibiaTrailerCloseBackground{
    width:45px;
    height:45px}
#TibiaTrailerCloseContainer #TibiaTrailerCloseSymbol{
    position:absolute;
    top:12px;
    left:17px}
#TibiaTrailer{
    position:relative;
    top:60px;
    height:447px;
    width:775px;
    margin-left:auto;
    margin-right:auto;
    z-index:250;
    background-repeat:no-repeat;
    background-position:center}
#TibiaTrailer iframe{
    margin-top:13px}
#DeactivationContainer{
    position:absolute;
    top:0;
    left:0;
    z-index:200;
    min-height:100%;
    width:100%;
    background-color:#000;
    filter:alpha(opacity=75);
    opacity:.75;
    -moz-opacity:.75;
    display:none}
#ReCaptchaPositionContainer{
    position:absolute;
    width:100%}
#ReCaptchaContainer{
    position:fixed;
    width:349px;
    height:122px;
    margin-left:-175px;
    top:250px;
    left:50%;
    z-index:1000;
    display:none}
#ReCaptcha{
    position:absolute;
    top:23px;
    left:22px}
#LightBoxCloseContainer{
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer}
#LightBoxCloseContainer #LightBoxCloseContainerBackground{
    width:45px;
    height:45px}
#LightBoxCloseContainer #LightBoxCloseContainerCloseSymbol{
    position:absolute;
    top:12px;
    left:17px}
.LightBoxContentToHide{
    font-family:Verdana,Arial,Times New Roman,sans-serif}
.LightBoxContentToHide a:link{
    color:#da761e;
    text-decoration:none}
.LightBoxContentToHide a:visited{
    color:#da761e;
    text-decoration:none}
.LightBoxContentToHide a:focus{
    color:#fff;
    text-decoration:none}
.LightBoxContentToHide a:active{
    color:edb045;
    text-decoration:underline}
.LightBoxContentToHide a:hover{
    color:#edb045;
    text-decoration:underline}
.FancyAnniversaryCountDown{
    position:absolute;
    margin-left:26px;
    margin-top:50px;
    font-family:courier new;
    color:#a9a9a9;
    text-align:center}
.FancyAnniversaryCountDown .CountDownLabel{
    width:28px;
    text-align:center;
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:8pt!important;
    margin-top:2px}
.FancyAnniversaryCountDown .Number{
    float:left;
    width:12px;
    text-align:right}
.FancyAnniversaryCountDown .NumberSecond{
    margin-left:1px}
.FancyAnniversaryCountDown .Number>span{
    background-repeat:no-repeat;
    display:block;
    height:21px;
    width:14px}
.FancyAnniversaryCountDown .Separator{
    float:left;
    position:relative;
    top:2px;
    width:3px;
    height:21px;
    margin-left:3px;
    margin-right:2px}
#TroubleTicketInfoBox{
    position:absolute;
    width:155px;
    top:-60px;
    right:-10px;
    text-align:center;
    z-index:1000}
#TroubleTicketInfoBox #tickets_letterbox{
    position:relative;
    top:0;
    left:0;
    width:30px;
    height:25px;
    margin-bottom:5px}
#TroubleTicketInfoBox #tickets_headline{
    font-weight:700;
    margin-bottom:5px}
#TroubleTicketInfoBox .ticktes_status_indicator{
    display:none}
#tickets_requestopentickets_container{
    position:absolute;
    top:-25px;
    width:125px;
    background-color:#fff;
    display:none}
#TroubleTicketInfoBox .tickets_loading,.tickets_loading{
    display:block;
    color:grey!important}
.tickets_error{
    display:none}
#TroubleTicketInfoBox .tickets_errormessage,.tickets_errormessage{
    font-weight:400;
    color:red!important}
#tickets_targetarea_1 table{
    border-collapse:collapse}
#tickets_targetarea_1 table tr td{
    border:1px solid #d3d3d3}
#tickets_accountmanagement_ticketlist{
    border:0!important}
.TicketInput{
    font-family:Courier New;
    font-size:10pt}
.tickets_display_additional_1{
    display:none}
#tickets_display_additional_2{
    display:none}
.CharacterCounter{
    font-weight:400}
#LoginForm{
    margin:0;
    padding:0}
#LoginFormButtonCell{
    width:145px;
    vertical-align:top;
    padding-right:0}
.LoginFormButtonCell td{ display:block; }
.HideWhenLoggedInToFacebook{
    display:block}
#ShowWhenLoggedInToFacebookType0,.ShowWhenLoggedInToFacebookType0{
    display:none}
#ShowWhenLoggedInToFacebookType1,.ShowWhenLoggedInToFacebookType1{
    display:none}
#FacebookLoginErrorMessage{
    display:none}
.FAQStartPage .ClearBoth{
    clear:both}
.FAQRootTopics{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-content:stretch;
    align-items:center;
    margin-top:25px;
    margin-bottom:45px}
.FAQRootTopicContainer{
    position:relative;
    margin-bottom:10px;
    padding:5px;
    order:0;
    flex:1 1 140px;
    align-self:center;
    text-align:center}
.FAQRootTopic{
    width:125px;
    margin-left:auto;
    margin-right:auto}
.FAQRootTopic img{
    height:65px;
    width:65px}
.FAQRootTopicOverImage{
    display:none;
    position:absolute}
.FAQRootTopicContainer:hover .FAQRootTopic .FAQRootTopicTitle{
    font-weight:700}
.FAQRootTopicTitle{
    position:absolute;
    top:75px;
    order:0;
    flex:0 0 120px;
    align-self:center;
    text-align:center;
    color:#4B4B4B;
    font-weight:400;
    font-size:11pt;
    margin-left:-10px;
    padding:5px;
    text-align:center;
    width:140px;
    height:20px}
.FAQSearchForm{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-content:stretch;
    align-items:flex-start;
    height:26px;
    margin-bottom:15px}
.FAQSearchForm #SearchButton{
    order:0;
    flex:0 1 auto;
    align-self:auto}
.FAQSearchForm #SearchInput{
    margin-right:5px;
    float:right;
    order:0;
    flex:1 0 auto;
    align-self:auto}
.FAQSearchForm #SearchInput img{
    position:absolute;
    padding:3px;
    pointer-events:none;
    height:20px;
    width:20px}
.FAQSearchForm #SearchInput input{
    width:100%;
    height:25px;
    padding-left:25px}
.FAQSearchResults{
    text-align:center;
    margin-bottom:25px}
.FAQSearchResults h1{
    margin-top:0;
    margin-bottom:40px;
    font-size:22px}
.FAQSearchResults .HintBoxHeadlineSeparator{
    position:absolute;
    top:48px;
    height:4px;
    width:100%;
    margin-left:-10px;
    margin-right:0}
.FAQSearchResults ul{
    padding:0;
    list-style-type:none}
.FAQPermanentBlock{
    width:100%}
.FAQBlock{
    width:49%}
.FAQBlock .HintBoxHeadlineSeparator{
    position:absolute;
    top:48px;
    height:4px;
    width:99%;
    margin-left:-8px;
    margin-right:0}
.FAQBlock h2{
    text-align:center;
    margin:0}
.FAQBlock ul{
    padding:0;
    margin-left:-6px;
    margin-right:-6px;
    margin-bottom:-10px;
    list-style-type:none}
.FAQBlock ol{
    padding:0;
    margin-left:-6px;
    margin-right:-6px;
    margin-bottom:-10px;
    list-style-type:decimal}
.FAQBlock li{
    height:55px;
    line-height:55px;
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    list-style-type:none;
    text-align:center}
.FAQBlock li:nth-child(even){
    background:#D3D3D3}
.FAQBlock li:nth-child(odd){
    background:#B0B0B0}
.FAQBlock .ListEntryContainer{
    vertical-align:middle;
    line-height:normal;
    display:inline-block}
.FAQList{
    font-size:125%;
    line-height:175%}
.FAQStartPage .FAQBlock .FAQList{
    font-size:110%}
.FAQBreadCrumbNavigation{
    margin-bottom:15px}
.FAQContent{
    margin-bottom:50px}
.FAQCreateTicketLink{
    position:absolute;
    bottom:25px}
#phone{
    width:267px}
.hide{
    display:none}
.flag-container{
    z-index:1000}
::-webkit-input-placeholder{
    color:#d3d3d3}
:-moz-placeholder{
    color:#d3d3d3;
    opacity:1}
::-moz-placeholder{
    color:#d3d3d3;
    opacity:1}
:-ms-input-placeholder{
    color:#d3d3d3}
::-ms-input-placeholder{
    color:#d3d3d3}
    .InfoBar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 28px;
        margin: 0 5px;
        font-size: 10px;
        color: #fff;
        font-family: Verdana, Arial, Times New Roman, sans-serif;
    }
    
    .InfoBar a {
        text-decoration: none;
        color: #fff;
        display: flex;
        align-items: center;
        margin-right: 10px; /* Adiciona espaçamento entre os links */
    }
    
    .InfoBarIcon {
        width: 16px;
        height: 16px;
    }
    
    .InfoBarBlock {
        margin-right: 15px;
        border: 0;
    }
    
    .InfoBarSmallElement {
        margin-left: 5px;
        border: 0;
    }
    
    .InfoBarNumbers {
        top: 0;
        position: relative;
    }
    
    .InfoBar a:link,
    .InfoBar a:visited,
    .InfoBar a:focus,
    .InfoBar a:active {
        color: #fff;
        font-weight: 400;
        text-decoration: none;
    }
    
    .InfoBar a:hover {
        color: #fff;
        font-weight: 400;
        text-decoration: underline;
    }
    
    .InfoBar a img {
        margin-right: 5px;
    }
    
    .InfoBar a span {
        display: inline-block;
    }
    
    /* Adiciona uma classe para o item de status do servidor */
    .InfoBar .server-status {
        margin-left: auto; /* Empurra o item de status para a direita */
        display: flex;
        align-items: center;
    }

/* Topbar de seleção de servidores - harmonizada com o layout */
/* Ajuste para topbar sem bordas e sem background extra */
#TopbarCompanyServers{width:100%;background-color:#0d0d0d;color:#fff;z-index:1000;position:relative;margin-bottom:0}
.TopbarContainer{max-width:1280px;min-width:1024px;margin:0 auto;position:relative;background-color:#0d0d0d}

.TopbarCorner-tl{
    position:absolute;
    top:-4px;
    left:-5px;
    width:17px;
    height:17px;
    z-index:50;
}

.TopbarCorner-tr{
    position:absolute;
    top:-4px;
    right:-5px;
    width:17px;
    height:17px;
    z-index:50;
}

.TopbarContent{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 15px;background-color:#0d0d0d;border:0}
/* Esconde a navbar mobile no desktop por padrão */
.MobileHeaderNav{ display:none; }
/* Bloco "Boosted Today" (desktop) */
.BoostedTodayBox{ position:relative; max-width:480px; margin:6px auto 0 auto; padding:8px 10px; background:#0d0d0d; border:1px solid #4B4B4B; border-radius:8px; box-shadow:0 6px 16px rgba(0,0,0,.35); display:flex; flex-direction:column; gap:8px; }
.BoostedTodayBox .bt-title{ font-family:'Fondamento',cursive; color:#ff6012; text-shadow:-1px -1px 0 #000,1px -1px 0 #f74848b6,-1px 1px 0 #000,1px 1px 0 #000; font-size:16px; }
.BoostedTodayBox .bt-content{ display:flex; align-items:center; gap:12px; }
.BoostedTodayBox .bt-item{ display:flex; align-items:center; gap:8px; padding:6px 8px; border:1px solid #4B4B4B; border-radius:8px; background:#121212; }
.BoostedTodayBox .bt-item img{ width:56px; height:56px; image-rendering:pixelated; display:block; }
.BoostedTodayBox .bt-label{ display:flex; flex-direction:column; line-height:1.2; }
.BoostedTodayBox .bt-name{ color:#efefef; font-weight:700; font-size:12px; }
.BoostedTodayBox .bt-tag{ color:#bdbdbd; font-size:11px; }

/* Esconde o bloco no mobile (já existe a faixa MobileBoostedStrip) */
@media (max-width:1024px){ .BoostedTodayBox{ display:none !important; } }

/* Menu cascata do header (desktop) */
.HeaderCascadeNav{ position:relative; }
.HeaderCascadeNav .hc-nav{ list-style:none; margin:0; padding:0; display:flex; gap:14px; }
.HeaderCascadeNav .hc-item{ position:relative; }
.HeaderCascadeNav .hc-item>a{ display:inline-block; padding:6px 8px; color:#d7d7d7; text-decoration:none; font-weight:700; font-family:Arial,sans-serif; }
.HeaderCascadeNav .hc-item>a:hover{ color:#ffffff; }
.HeaderCascadeNav .hc-sub{ position:absolute; top:100%; left:0; min-width:180px; background:#1c1c1c; border:1px solid #4B4B4B; border-radius:6px; padding:6px; margin-top:6px; display:none; z-index:9999; }
.HeaderCascadeNav .hc-sub li{ list-style:none; }
.HeaderCascadeNav .hc-sub a{ display:block; padding:6px 8px; color:#d7d7d7; text-decoration:none; border-radius:4px; }
.HeaderCascadeNav .hc-sub a:hover{ color:#fff; background:#2a2a2a; }
.HeaderCascadeNav .hc-item:hover>.hc-sub{ display:block; }

/* Mobile: oculta o menu cascata (usa o drawer existente) */
@media (max-width:1024px){
  .HeaderCascadeNav{ display:none !important; }
}

.TopbarLabel{
    color:#ff6012;
    font-family:'Fondamento',cursive;
    text-shadow:-1px -1px 0 #000000,1px -1px 0 #f74848b6,-1px 1px 0 #000000,1px 1px 0 #000;
    font-weight:400;
    font-size:16px;
    margin-right:10px;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.TopbarList{
    display:flex;
    list-style:none;
    margin:0;
    padding:0;
    gap:20px;
    align-items:center;
}

.TopbarItem{
    position:relative;
}

.TopbarItem a{
    color:#d7d7d7;
    text-decoration:none;
    font-family:Arial, sans-serif;
    font-size:10pt;
    font-weight:700;
    padding:5px 10px;
    border:1px solid transparent;
    background-color:rgba(75,75,75,0.2);
    transition:all 0.3s ease;
    border-radius:2px;
}

.TopbarItem a:hover{
    color:#fff;
    background-color:#4B4B4B;
    border:1px solid #696969;
    text-decoration:none;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), 0 1px 2px rgba(255,255,255,0.1);
}
    
    
    
.TournamentBannerAbsolute{
    z-index:99;
    position:absolute;
    width:100%}
.TournamentBannerRelative{
    position:relative}
#TournamentBannerContainer{
    margin-top:75px;
    z-index:50;
    max-width:750px;
    margin-left:auto;
    margin-right:auto}
#TournamentBannerBackgroundImage{
    background-position:center;
    background-repeat:no-repeat;
    height:150px;
    margin:-10px}
.TournamentBannerItem{
    position:absolute;
    top:35px;
    left:50%;
    height:64px;
    width:64px;
    color:#fff;
    text-align:center}
.TournamentBannerItem span{
    position:absolute;
    text-align:center;
    width:64px;
    left:0}
.TournamentBannerItem img{
    position:absolute;
    bottom:0;
    left:0;
    height:64px;
    width:64px;
    image-rendering:crisp-edges;
    image-rendering:pixelated}
#TournamentBannerItemTrophy{
    margin-left:-92px}
#TournamentBannerItemMainReward{
    margin-left:24px}
#tournament #dummy{ display:none; }
.VSCCoinImages{
    position:relative;
    margin-left:2px;
    margin-right:2px}
#tournament #TournamentPersonalInformationLoginButton{
    float:right;
    margin-top:-5px}
#tournament .TournamentPhaseString{
    font-weight:700}
#PremiumBoxContainer{
    position:relative;
    height:204px}
#PremiumBox{
    position:relative;
    height:204px}
#PremiumBoxDecor{
    margin:0;
    position:absolute;
    top:-28px;
    left:5px;
    width:64px;
    height:64px}
#PremiumBoxBg{
    margin:0;
    position:absolute;
    top:34px;
    left:10px;
    width:160px;
    height:126px}
#PremiumBoxOverlay{
    margin:0;
    position:absolute;
    top:34px;
    left:10px;
    width:163px;
    height:26px}
#PremiumBoxOverlayText{
    color:#fff;
    font-family:Verdana,sans-serif;
    margin-top:3px;
    text-align:center;
    font-size:11px}
#PremiumBoxButtonDecor{
    position:absolute;
    width:114px;
    height:26px;
    left:33px;
    bottom:34px;
    z-index:25}
#PremiumBoxButton{
    position:absolute;
    bottom:43px;
    left:18px;
    text-align:center}
.WebshopButton{
    position:absolute;
    width:142px;
    height:34px;
    z-index:10}
.WebshopButtonOver{
    position:absolute;
    top:0;
    left:0;
    width:142px;
    height:34px;
    visibility:hidden;
    z-index:15;
    vertical-align:middle}
.WebshopButtonText{
    position:relative;
    top:2px;
    z-index:20}
.OwnCharcter{
    border:3px solid green!important}
.DoNotBreak{
    white-space:nowrap}
.CaptionContainer .RightArea{
    float:right;
    font-weight:400;
    margin-right:5px}
.Container .WebshopButton{
    position:relative}
.DisplayOptionsButton{
    position:absolute;
    right:3px;
    top:3px}
.DisplayOptionsContent{
    min-height:25px;
    min-width:600px}
.DisplayOptionsContent .DisplayOptionsLabel{
    float:left;
    padding-top:2px}
.DisplayOptionsContent .InInputResetButton{
    position:absolute;
    width:20px;
    height:20px;
    text-align:center;
    top:4px;
    left:456px;
    cursor:pointer}
#FilterCharacterTrades .DisplayOptionsContent .InInputResetButton{
    left:474px}
.DisplayOptionsContent .InInputResetButton:after{
    content:"\D7";
    font-size:15px;
    color:#000;
    text-align:center}
.DisplayOptionsContent #ItemInput{
    width:352px}
#CurrentTradesItemSearch #ItemInput{
    width:350px}
.DisplayOptionsRadioButtonRow .OptionContainer{
    margin-right:20px}
.CharacterDetailsBlock .TopButtonContainer{
    margin-top:25px;
    top:10px;
    right:8px}
.CharacterViewerNavigationBar{
    position:sticky;
    top:0;
    z-index:1000}
.AuctionFilterHelper{
    clear:both}
.AuctionFilterCategory{
    width:360px}
.AuctionInput{
    width:115px;
    margin-right:7px;
    float:left}
.AuctionInputLong{
    width:237px}
.LevelRangeInput{
    text-align:right;
    width:100px}
.LevelRange{
    float:left;
    height:8px;
    width:8px;
    margin-right:5px;
    border-bottom:1px solid #000}
.SmallBox p:last-child,.SmallBox ul:last-child{
    margin-bottom:0}
.PageNavigation{
    padding-right:10px;
    padding-bottom:7px}
.BlockPage{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(68px,1fr));
    grid-auto-rows:73px;
    grid-gap:1px}
.BlockPage.BlockPageObject{
    grid-template-columns:repeat(auto-fill,minmax(36px,1fr));
    grid-auto-rows:38px}
.BlockPageNavigationRow{
    height:20px;
    margin-top:3px;
    margin-bottom:5px;
    padding:6px;
    padding-top:3px;
    padding-bottom:0;
    background-color:#D3D3D3;
    border:1px solid #4B4B4B}
.BlockPageNavigationRow .CurrentPageLink{
    display:block;
    min-width:15px;
    padding-left:2px;
    padding-right:2px;
    background-color:#D3D3D3}
.BlockPageNavigationRow .CipAjaxLink{
    display:block;
    min-width:15px;
    padding-left:1px;
    padding-right:1px;
    border:1px solid transparent}
.BlockPageNavigationRow .FirstOrLastElement:first-child,.BlockPageNavigationRow .FirstOrLastElement a{
    width:70px;
    text-align:left}
.CVIcon{
    float:left;
    position:relative;
    z-index:150;
    cursor:help;
    background-color:#D3D3D3;
    border:1px solid #4B4B4B;
    margin:auto;
    padding:1px;
    width:64px;
    height:64px;
    overflow:hidden;
    image-rendering:crisp-edges;
    image-rendering:pixelated}
.CVIcon.CVIconObject{
    width:32px;
    height:32px;
    overflow:hidden}
.CVIcon.CVIconObject img{
    width:32px;
    height:32px}
.ObjectAmount{
    position:absolute;
    bottom:0;
    right:2px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    font-weight:700;
    z-index:100;
    color:#fff;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}
.ObjectTier{
    position:absolute;
    bottom:32px;
    left:25px;
    width:9px;
    height:8px;
    z-index:100}
.ObjectTier img{
    max-width:100%;
    max-height:100%}
.CharacterView .TopButton{
    right:-4px;
    top:-4px}
.ViewBlockTopRow{
    height:30px}
.AuctionCharacterName{
    font-weight:700;
    margin-bottom:4px}
.AuctionInfo{
    width:100%;
    text-align:center;
    font-weight:700;
    font-size:12px;
    color:#ff9712}
.AuctionNewIcon{
    position:absolute;
    left:-4px;
    top:-4px;
    z-index:100}
.AuctionLinks{
    position:absolute;
    right:6px;
    top:4px;
    height:15px}
.AuctionLinks a{
    margin-left:5px}
.WatchOrUnwatchLink{
    position:absolute;
    top:0;
    right:70px}
.AuctionLinks .WatchListIndicator{
    position:relative;
    top:-4px;
    color:green;
    animation:fadeOut 2s forwards;
    animation-delay:2s}
@keyframes fadeOut{
    from{
    opacity:1}
to{
    opacity:0}
}
.AuctionBody{
    display:flex;
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch;
    margin-top:5px;
    padding-top:5px;
    border-top:1px dashed #5a2800}
.AuctionDisplay{
    flex-basis:76px;
    flex-grow:0;
    flex-shrink:0;
    order:0;
    padding:1px;
    background-color:#B0B0B0;
    border:1px solid #4B4B4B;
    box-shadow:2px 2px 5px 0 rgba(0,0,0,.75);
    float:left;
    margin-right:10px}
.AuctionBodyBlock{
    margin-top:5px;
    margin-bottom:5px}
.AuctionOutfit{
    position:relative}
.AuctionItemsViewBox{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(36px,1fr));
    grid-auto-rows:38px}
.AuctionOutfitImage{
    position:absolute;
    left:5px;
    top:2px;
    z-index:100;
    image-rendering:crisp-edges;
    image-rendering:pixelated}
.ShortAuctionData{
    position:relative;
    min-width:300px;
    flex-shrink:0;
    flex-grow:1;
    padding:10px;
    padding-top:2px;
    padding-bottom:2px;
    text-align:left;
    background-color:#B0B0B0;
    border:1px solid #4B4B4B;
    box-shadow:2px 2px 5px 0 rgba(0,0,0,.5)}
.ShortAuctionData .AuctionTimer{
    position:absolute;
    top:18px;
    right:10px;
    width:200px;
    text-align:right;
    background-color:#B0B0B0;
    color:red}
.ShortAuctionData .ShortAuctionDataLabel{
    width:115px;
    font-weight:700;
    float:left}
.ShortAuctionDataValue{
    text-align:right}
.ShortAuctionDataBidRow{
    margin-top:5px}
.CurrentBid{
    width:142px;
    flex-shrink:0;
    margin-left:10px;
    padding:5px;
    text-align:center;
    background-color:#B0B0B0;
    border:1px solid #4B4B4B;
    box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);
    display:flex;
    flex-direction:column;
    justify-content:space-around}
.CurrentBid .Container{
    margin-right:auto;
    margin-left:auto;
    text-align:center}
.CurrentBid .BigButton{
    margin-left:auto;
    margin-right:auto;
    text-align:center}
@media all and (max-width:1170px){
    .SpecialCharacterFeatures{
    margin-right:10px}
.CurrentBid{
    order:5;
    margin-left:auto}
.DisplayOptionsContent .DisplayOptionsLabel{
    width:100px}
}
.MyMaxBidLabel{
    font-weight:700}
.MyMaxBidInput{
    width:131px;
    margin-top:4px;
    margin-bottom:4px;
    height:13px}
.SpecialCharacterFeatures{
    flex-basis:300px;
    flex-grow:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-content:stretch;
    align-items:center;
    padding:10px;
    background-color:#B0B0B0;
    border:1px solid #4B4B4B;
    box-shadow:2px 2px 5px 0 rgba(0,0,0,.5)}
.SpecialCharacterFeatures .Entry{
    width:100%;
    min-width:300px;
    text-align:left}
.SpecialCharacterFeatures .CharacterFeatureCategory{
    margin-right:5px}
.PercentageColumn{
    width:100%;
    position:relative}
.LabelColumn{
    width:80px!important;
    white-space:nowrap}
.LevelColumn{
    width:30px!important;
    text-align:right}
.PercentageColumn{
    position:relative;
    margin-right:2px}
.PercentageBar{
    position:absolute;
    height:18px;
    background-color:#a9a9a9;
    top:1px}
.PercentageStringContainer{
    width:100%;
    text-align:center}
.PercentageString{
    position:absolute;
    top:3px;
    width:50%;
    margin-left:20px;
    left:0;
    text-align:right;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:700;
    color:#fff;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}
.PercentageBarSpacer{
    width:5px}
.PageLink{
    display:inline-block;
    min-width:15px;
    text-align:center}
.AchievementSecretIcon{
    position:absolute;
    margin-top:-2px;
    margin-left:5px}
.CollapsedBlock .TableContent tr:nth-child(n+12){
    display:none}
.CollapsedBlock .TableContent tr:last-child{
    display:table-row;
    text-align:center}
.CollapsedBlock .IndicateMoreEntries{
    font-style:italic}
.CharacterDetailsBlock .ShowMoreOrLess{
    padding:7px;
    padding-bottom:7px;
    font-size:8pt;
    text-align:right}
.CharacterDetailsBlock .ShowMoreOrLess a{
    cursor:pointer}
.CharacterTradeTibiaCoinBalance{
    position:absolute;
    top:8px;
    color:#fff;
    right:5px;
    font-size:7pt}
#FansiteFilters{
    position:sticky;
    top:0;
    z-index:1000}
#FansiteFilters .Message{
    padding:0}
#FansiteFilters .FilterLabel{
    float:left;
    font-weight:700;
    width:115px;
    padding-top:5px;
    padding-left:10px}
#fansites .iti__flag{
    vertical-align:middle;
    display:inline-block;
    margin:2px;
    margin-top:1px}
#fansites{
    min-width:805px}
#fansites .FilterElement{
    width:24px;
    height:20px;
    float:left;
    padding-top:2px;
    margin:0;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
    border:2px solid transparent;
    padding:0}
#fansites .FilterAll{
    width:70px;
    text-align:center;
    background-repeat:no-repeat;
    padding-left:15px;
    padding-top:3px;
    background-position-y:3px}
#fansites .FilterIsActive{
    border:2px solid #a9a9a9;
    border-radius:2px;
    background-color:#bc9a83}
#fansites .FilterElement img{
    margin-top:3px}
#fansites .FilterElement.FilterElementSocialMedia img{
    margin-left:4px;
    margin-top:2px}
#fansites .FilterElement.FilterElementContent img{
    margin-left:4px;
    margin-top:2px}
.AppStoreIconBlock{
    float:right;
    margin-left:10px}
.AppStoreIconContainer{
    float:right;
    clear:both;
    margin-bottom:5px}
.LastAppStoreIconContainer{
    margin-bottom:0}
.AppStoreIconContainer .AppStoreIcon{
    width:135px;
    float:right}
#ConnectTibiaObserver div{
    text-align:center}
#ConnectTibiaObserver #TibiaObserverTokenInput{
    font-size:36px;
    font-weight:700;
    margin:10px;
    text-align:center;
    font-family:Courier New,monospace}
.TibiaObserverTokenButtonRow{
    margin-left:auto;
    margin-right:auto;
    width:465px;
    height:50px}
.TibiaObserverTokenButtonRow .TibiaObserverTokenButton{
    float:right;
    margin:10px;
    width:135px}
.iti{
    z-index:100}


@media (max-width: 1024px){
    /* Container fluido e derruba min-width fixa */
    .main-site-container{
        min-width:0 !important;
        max-width:100% !important;
        width:100% !important;
        padding:0 12px;
        box-sizing:border-box;
        display:flex !important;
        flex-direction:column !important;
        gap:12px;
    }

    /* Neutraliza posicionamentos absolutos que quebram no mobile */
    .main-menu,
    .main-content,
    .main-themboxes{
        position:static !important;
        width:auto !important;
        left:auto !important;
        top:auto !important;
    }

    /* Cabeçalho não ocupa altura no mobile */
    .main-header{ height:0 !important; }

    /* Coluna do menu ocupa largura total e remove offsets */
    #MenuColumn{
        top:auto !important;
        margin-top:12px !important;
        margin-right:0 !important;
        margin-left:0 !important;
        width:100% !important;
        left:0 !important;
        right:0 !important;
    }
    .SmallMenuBox,
    #Menu,
    .Submenu{ width:100% !important; }

    /* Boosted no mobile: layout compacto e visível */
    #RightArtwork{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        width:100% !important;
        display:flex !important;
        align-items:center;
        justify-content:center;
        gap:10px;
        margin:6px 0 0 0;
        pointer-events:none;
    }
    #RightArtwork #Pedestal{ display:none !important; }
    #RightArtwork #Monster,
    #RightArtwork #Boss{
        display:block !important;
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        height:56px !important;
        width:56px !important;
        pointer-events:auto !important;
    }
    #LeftArtwork{
        position:relative !important;
        top:0 !important;
        left:0 !important;
        height:auto !important;
        width:100% !important;
    }

    /* Themeboxes e conteúdo responsivos (evita distorção/proporção quebrada) */
    .Themeboxes,
    .Themebox{
        position:static !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
    }
    .ServiceID_Icon_Container,
    .PMCID_Icon_Container{ width:100% !important; height:auto !important; float:none !important; }
    .ServiceID_Icon,
    .PMCID_Icon{ width:100% !important; height:auto !important; }
    .ServiceID_Icon img,
    .PMCID_Icon img{ max-width:100%; height:auto; }

    .Content .Box,
    .Content .BoxContent,
    .TableContainer,
    .TableContent{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden;
    }

    /* Evita rolamento horizontal no mobile */
    html, body { overflow-x:hidden; }

    /* Topbar sem min-width fixa */
    #TopbarCompanyServers .TopbarContainer,
    .TopbarContainer{
        min-width:0 !important;
        max-width:100% !important;
        width:100% !important;
    }

    /* Ajustes de containers fixos para evitar overflow */
    #ScreenshotContainer{ width:100% !important; }
    #ScreenshotContainer #ScreenshotImage{ width:100% !important; height:auto !important; }
    .NavigationRow{ width:100% !important; }
    .eventscheduleheadertop{ min-width:0 !important; }
}