body{
    margin:0;
    padding:0;
    background-color:#051122;
    background-position:center top;
    background-repeat:no-repeat;
    overflow-x: hidden;
    background-attachment: fixed
}
@media(max-width:1280px){
    body{
        background-position:-170px 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;
    visibility:hidden
}
.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:-64px;
    height:158px;
    width:auto;
    z-index:5;
    cursor:pointer;
    border:0
}
#LeftArtwork #LogoLink{
    position:absolute;
    bottom:14px;
    left:58px;
    height:14px;
    width:50px;
    z-index:99;
    cursor:pointer
}



#LeftArtwork #LogoLink {
  position: absolute;
  bottom: 14px;
  left: 58px;
  height: 14px;
  width: 50px;
  z-index: 99;
  cursor: pointer;
}

#RightArtwork {
  text-align: left;
  position: absolute;
  top: 200px;
  right: 90px;
  width: 132px;
  background-repeat: no-repeat;
  z-index: 1000;
}

#RightArtwork #Creature {
  position: absolute;
  height: 64px;
  width: 64px;
  top: -136px;
  left: -15px;
  z-index: 15;
  cursor: pointer;
}

#RightArtwork #Boss {
  position: absolute;
  height: 64px;
  width: 64px;
  top: -136px;
  left: 40px;
  z-index: 15;
  cursor: pointer;
}

#PedestalAndOnline {
  position: absolute;
  left: -15px;
  top: -121px;
  width: 161px;
  height: 85px;
}
#Pedestal {
  position: absolute;
  left: -15px;
  top: -121px;
  width: 161px;
  height: 85px;
}

#RightArtwork #PlayersOnline {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 7pt;
  line-height: 8pt;
  text-align: center;
  position: absolute;
  width: 92px;
  bottom: 11px;
  left: 21px;
  color: #cfa600;
  border-bottom: 1px solid #010101;
  cursor: pointer;
}


.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
}
.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
}
#MobileMenu{
    display:none
}
#Menu{
    display:block
}
#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
}
.LeftChain{
    position:absolute;
    top:0;
    left:-5px;
    height:21px;
    width:7px;
    background-repeat:repeat-y
}
.RightChain{
    position:absolute;
    top:0;
    right:-4px;
    height:21px;
    width:7px;
    background-repeat:repeat-y
}
.Submenu{
    position:relative;
    margin-left:5px;
    margin-right:5px;
    background-color:#110c09;
    width:160px
}
.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 #4b7874;
    overflow:hidden
}
.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:#0d2e2b;
    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
}
#BackToTopButton{
    display:none
}
.Content .BoxContent{
    padding:10px
}
.Content{
    position:relative;
    top:0;
    width:100%;
    z-index:100
}
.Content .ContentImageLeftFloat{
    float:left;
    margin-right:10px;
    margin-bottom:10px
}
.Content .ContentImageExtraSpace{
    margin:30px 20px
}
.Content .ContentImageRightFloat{
    float:right;
    margin-left:10px;
    margin-bottom:10px
}
.Content .Box{
    font-size:0;
    position:relative;
    margin:5px;
    margin-top:4px;
    margin-bottom:18px;
    color:#5a2800;
    border-left:2px solid #3a3738;
    border-right:2px solid #3a3738;
    background-color:#debb9d;
    background-repeat:no-repeat;
    overflow:visible
}
.Content .BoxContent{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:9pt;
    background-color:#fff2db;
    color:#5a2800;
    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:#fff;
    background-color:#505050
}
.Content .BoxContent td{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:10pt;
    color:#5a2800
}
.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:#793d03
}
.Content .Border_3{
    margin:1px;
    border-top:1px solid #793d03;
    border-bottom:1px solid #793d03
}
.Content .ThreeColumnsForm{
    display:flex;
    flex-wrap:wrap
}
.Content .ThreeColumnsForm .ThreeColumnsFormCell{
    flex-basis:120px;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    flex-grow:0
}
.Content .ThreeColumnsForm .ThreeColumnsFormInputCell{
    flex-basis:200px;
    flex-grow:2
}
.Content .ThreeColumnsForm .ThreeColumnsFormButton{
    margin-left:auto
}
.Content .ThreeColumnsForm .ThreeColumnsFormInputCell select,.Content .ThreeColumnsForm .ThreeColumnsFormInputCell input{
    width:100%!important;
    margin-right:5px
}
.Content .ThreeColumnsForm .ThreeColumnsFormInputCell input{
    box-sizing:border-box
}
#PremiumFeaturesBox .TableContent th{
    font-weight:700;
    padding-right:10px;
    white-space:nowrap;
    vertical-align:top;
    color:#5a2800;
    background-color:#d4c0a1;
    padding:5px;
    border:1px solid #faf0d7
}
#PremiumFeaturesBox .TableContent td{
    padding-top:20px;
    padding-bottom:20px
}
#PremiumFeaturesBox #PremiumFeatureListNote{
    padding:5px
}
#ContactInformationTable .TableContentContainer td{
    padding-top:10px;
    padding-bottom:10px
}
.BulletPointList{
    list-style-type:none;
    padding-left:20px
}
.BulletPointList img{
    vertical-align:bottom;
    margin-right:5px
}
.BulletPointList li{
    margin-bottom:5px;
    padding-left:17px;
    text-indent:-17px
}
.Bulletpoint{
    margin-top:20px;
    margin-bottom:8px
}
.BulletpointNoBottomMargin{
    margin-top:20px
}
.Bulletpoint img,.BulletpointNoBottomMargin img{
    vertical-align:bottom;
    margin-right:5px
}
#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,".") " "
}
.ContentImageList{
    list-style-type:none;
    padding-left:20px
}
.ContentImageList img{
    vertical-align:bottom;
    margin-right:5px
}
.ContentImageList li{
    margin-bottom:5px
}
.ContentImageList>li>ul{
    list-style-type:none;
    padding-left:25px
}
.ManualNavigation{
    margin-right:auto;
    margin-left:auto
}
.ManualNavigation td{
    width:150px;
    text-align:center
}
.ManualNavigation td:first-child{
    text-align:left
}
.ManualNavigation td:last-child{
    text-align:right
}
.ManualNavigation.TopNavigation{
    margin-bottom:44px
}
.ManualNavigation.BottomNavigation{
    margin-top:42px
}
#ExperienceTable td{
    text-align:right;
    vertical-align:top
}
#ExperienceTable .AdditionalTableShadow{
    border:1px solid #5f4d41;
    box-shadow:3px 3px 2px #875f3e;
    margin-right:5px;
    margin-bottom:5px
}
#ExperienceTable .AdditionalTableShadow.LastColumn{
    margin-right:10px
}
.AdditionalTableShadow table{
    width:100%
}
.AdditionalTableHeadline{
    background-color:#d5c0a1
}
.AdditionalTableHeadline td{
    border:1px solid #faf0d7
}
.Gamewindow-Legend{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:space-evenly
}
.Creatures{
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.MapRegions{
    list-style:none;
    padding-left:20px;
    margin-bottom:30px
}
.MapRegions li:last-child{
    margin-bottom:15px
}
.MapSubRegions{
    list-style:none;
    padding-left:10px
}
.Genesis-Navigation{
    display:flex;
    justify-content:space-evenly;
    align-items:center
}
#MusicTracks{
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.SingleTrack{
    margin:auto 15px;
    margin-bottom:40px
}
#soundtrack #MusicTracks .TableContainer .Table1 .InnerTableContainer{
    padding:0
}
#soundtrack #MusicTracks .CaptionContainer .Text{
    text-align:center
}
#soundtrack #MusicTracks .TableContainer .Table1 .InnerTableContainer img{
    margin-right:-2px;
    margin-bottom:-4px;
    max-width:378px
}
#soundtrack #MusicTracks .CaptionContainer .Text{
    max-width:360px
}

.background-animation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: url('../images/header/elfenworlld.jpg') no-repeat center top;
    background-size: cover;
    animation: waveEffect 10s infinite linear;

    /* Ajustes no filtro para tornar a imagem mais escura e adicionar sombra */
    filter: brightness(20%) contrast(1.2);
    
    /* Sombra ao redor do background */
    box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.7);
}

#soundtrack .AudioPlayer{
    position:relative
}
#soundtrack .AudioControls{
    position:absolute
}
.ControlPanelImage{
    position:relative;
    top:-3px;
    left:-3px;
    content:url(../images/library/soundplayer.png)
}
.PlayButton{
    content:url(../images/global/buttons/button_playsound_idle.png)
}
.PlayButton:hover:not(.Deactivated){
    content:url(../images/global/buttons/button_playsound_hover.png)
}
.PauseButton{
    content:url(../images/global/buttons/button_pausesound_idle.png)
}
.PauseButton:hover:not(.Deactivated){
    content:url(../images/global/buttons/button_pausesound_hover.png)
}
.PlayButton,.PauseButton{
    position:absolute;
    left:calc(50% - 27.5px);
    bottom:89%;
    max-width:15%;
    cursor:pointer
}
.MusicTracktime{
    color:#ddb84d;
    font-weight:700;
    position:absolute;
    top:4%;
    right:90%
}
#soundtrack .AudioVolume{
    position:absolute;
    top:20.5%;
    left:70.5%;
    width:26%
}
#soundtrack .AudioPosition{
    position:absolute;
    top:20.5%;
    left:11%;
    width:53%
}
#soundtrack .slider{
    -webkit-appearance:none!important;
    height:2px;
    background-color:transparent
}
#soundtrack .slider::before{
    height:0
}
#soundtrack .slider::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:11px;
    height:11px;
    border:0;
    background:url(../images/global/buttons/slidercontrol_idle.png);
    margin-top:2px
}
#soundtrack .slider::-moz-range-thumb{
    width:11px;
    height:11px;
    border:0;
    background:url(../images/global/buttons/slidercontrol_idle.png);
    margin-top:2px
}
#soundtrack :not(.Deactivated).slider::-webkit-slider-thumb:hover{
    background:url(../images/global/buttons/slidercontrol_hover.png)
}
#soundtrack :not(.Deactivated).slider::-moz-range-thumb:hover{
    background:url(../images/global/buttons/slidercontrol_hover.png)
}
#soundtrack .slider::-webkit-slider-runnable-track{
    color:#000
}
#soundtrack .Deactivated{
    filter:grayscale();
    cursor:default
}
#DownloadLogo{
    filter:brightness(.3)
}
#reason_description,#translation_input,#comment_input,#reasonid_select{
    width:100%;
    max-width:25em;
    margin-right:5px
}
.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
}
.HousesWorldSelection{
    display:flex
}
.HousesWorldSelection .WorldSelectionLabel{
    margin-right:50px;
    font-weight:700
}
.HousesWorldSelection .WorldSelectionDropDown{
    flex-grow:1
}
.HousesWorldSelection .WorldSelectionDropDown select{
    width:100%!important
}
.GuildInformationTable{
    padding-right:5px;
    vertical-align:top
}
.GuildRankProgressionWrapper{
    position:relative;
    width:69px
}
.GuildRankProgressionSelect{
    width:100%;
    height:18px
}
.GuildRankProgressionInput{
    position:absolute;
    top:1px;
    left:2.5px;
    width:40px;
    border:none;
    height:14px
}
#wod-code{
    display:block;
    width:100%;
    line-break:anywhere
}
#WheelOfDestinySelectionBlock{
    width:100%
}
#VocationList .OptionContainer{
    margin-right:20px
}
#VocationSelection .CodeExport,#VocationSelection .CodeImport,#VocationSelection .ButtonRow{
    display:none
}
#VocationSelection .TableContent{
    border-collapse:separate;
    border-spacing:0 5px
}
.PromotionPointsToolTipContainer{
    position:absolute;
    margin-left:5px;
    margin-top:1px
}
#WheelOfDestiny{
    text-align:-moz-center;
    text-align:-webkit-center;
    margin-top:16px
}
#PerksSummary td{
    width:50%;
    vertical-align:top
}
#PerksSummary td .TableContent td:first-child{
    width:100%
}
#PerksSummary td .TableContent td:last-child{
    max-width:85px;
    min-width:85px
}
#PerkInformationTables{
    padding-right:16px;
    width:30%
}
#PerkInformationTables>div:last-child{
    margin-top:15px
}
.SmallButtonRow{
    position:absolute;
    width:99%;
    bottom:5px
}
#SubtractPerkButtons{
    float:left
}
#AddPerkButtons{
    float:right;
    margin-right:10px
}
#SubtractPerkButtons>:first-child,#AddPerkButtons>:first-child{
    float:left;
    margin-right:3px
}
#SubtractPerkButtons>:last-child,#AddPerkButtons>:last-child{
    float:right;
    margin-left:2px
}
canvas{
    display:block;
    user-select:none;
    -webkit-user-select:none
}
.SkillValue,.ModEffectValue,.VesselValue{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:8;
    -webkit-box-orient:vertical
}
.SkillValue.Locked,.SkillValue .Locked,.ModEffectValue.Locked,.ModEffectValue .Locked,.VesselValue.Locked,.VesselValue .Locked{
    color:#9a897a
}
.SkillValue.Unlocked,.SkillValue .Unlocked,.ModEffectValue.Unlocked,.ModEffectValue .Unlocked,.VesselValue.Unlocked,.VesselValue .Unlocked{
    color:#5a2800
}
.ModEffectValue{
    min-height:2rem;
    max-height:2rem;
    margin-top:2px;
    margin-bottom:8px
}
.ModEffectValue.InvalidMod,.ModEffectValue .InvalidMod{
    text-decoration:line-through
}
.ModEffectValue.Locked .InvalidMod,.ModEffectValue .Locked .InvalidMod{
    color:#c5453d
}
.GemDropdown{
    width:100%
}
.ModEffectWrapper{
    display:flex
}
.ModEffectIconWrapper{
    width:35px;
    height:35px;
    margin-top:6px;
    margin-right:4px
}
.ModIcon{
    overflow:hidden;
    margin:auto
}
.ModIcon.SupremeMod{
    margin-left:2px;
    margin-top:-5px
}
.ModIcon img{
    max-width:unset!important;
    image-rendering:pixelated;
    image-rendering:-moz-crisp-edges
}
.ModIcon.Locked,.ModIcon.InvalidMod{
    opacity:50%
}
.LargePerkName{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    text-align:center;
    font-weight:600;
    margin-bottom:4px;
    margin-top:-14px;
    padding-top:14px
}
.LargePerkName.Locked{
    color:#705742
}
.LargePerkIcon{
    overflow:hidden;
    margin:auto;
    margin-top:10px;
    margin-bottom:2px
}
.LargePerkIcon img{
    max-width:unset!important;
    image-rendering:pixelated;
    image-rendering:-moz-crisp-edges
}
.LargePerkValue{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:8;
    -webkit-box-orient:vertical
}
.LargePerkValue.Locked{
    color:#705742
}
.AugIcon{
    padding:0;
    width:18px;
    vertical-align:top
}
.AugIcon img{
    margin-bottom:-1px
}
.AugText{
    padding:0
}
.AugText.Abbr{
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical
}
.SkillPercentage{
    position:relative;
    background-color:#372d26;
    width:100%;
    height:22px;
    margin-bottom:8px
}
.SkillPercentage .Text{
    position:absolute;
    top:-3px;
    left:0;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
    width:100%;
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:10pt;
    text-align:center;
    color:#fff;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
    z-index:25
}
.SkillPercentage .CaptionEdgeLeftTop{
    position:absolute;
    width:5px;
    height:5px;
    top:-2px;
    left:-2px;
    z-index:50
}
.SkillPercentage .CaptionEdgeRightTop{
    position:absolute;
    width:5px;
    height:5px;
    top:-2px;
    right:-2px;
    z-index:50
}
.SkillPercentage .CaptionEdgeLeftBottom{
    position:absolute;
    width:5px;
    height:5px;
    left:-2px;
    bottom:-3px;
    z-index:50
}
.SkillPercentage .CaptionEdgeRightBottom{
    position:absolute;
    width:5px;
    height:5px;
    right:-2px;
    bottom:-3px;
    z-index:50
}
.SkillPercentage .CaptionBorderTop{
    position:absolute;
    width:100%;
    height:4px;
    left:0;
    top:-1px
}
.SkillPercentage .CaptionBorderBottom{
    position:absolute;
    width:100%;
    height:4px;
    left:0;
    bottom:-2px
}
.SkillPercentage .CaptionVerticalLeft{
    position:absolute;
    height:100%;
    width:3px;
    left:-1px;
    top:0
}
.SkillPercentage .CaptionVerticalRight{
    position:absolute;
    height:100%;
    width:3px;
    right:-1px;
    top:0
}
.SkillPercentage .PercentageBar{
    position:absolute;
    top:3px;
    left:0;
    height:17px
}
.PerksSummaryHeader{
    margin-left:8px
}
.PerksSummaryHeader.PerkTableMarginTop{
    margin-top:8px
}
.PerksSummaryHeader.PerkTableMarginTopOnMobile{
    margin-top:0
}
.PerksSummaryValue{
    margin-right:16px
}
.PerkTooltipContainer{
    position:absolute;
    top:0;
    right:8px
}
#HelperDivText.LeftAlign{
    text-align:left!important
}
#HelperDivText.LeftAlign ul{
    padding-left:45px!important
}
#HelperDivText .Locked{
    color:#705742
}
#HelperDivText .Highlight{
    font-weight:600;
    color:#00bf00
}
#HelperDivText .AugIcon{
    margin-bottom:-1px
}
.WheelOfDestinyWrapper .TableContainer.Captionless .InnerTableContainer{
    max-width:unset!important
}
.WheelOfDestinyWrapper .CodeColumn{
    padding-right:16px;
    vertical-align:top;
    padding-top:4px
}
.WheelOfDestinyWrapper .CodeColumn .InvalidCode{
    padding-top:4px
}
.WheelOfDestinyWrapper .ButtonColumn{
    width:140px
}
.WheelOfDestinyWrapper .ButtonColumn>:first-child{
    margin-bottom:4px
}
.WheelOfDestinyWrapper .BoxWrapper{
    height:256px;
    min-width:264px;
    vertical-align:top;
    padding-right:7px
}
.WheelOfDestinyWrapper .BoxWrapper .PerkWrapper{
    min-height:48px
}
.WheelOfDestinyWrapper .BoxWrapper .GemDropdownWrapper{
    height:22px
}
.WheelOfDestinyWrapper .BoxWrapper .GemModSelectionPlaceholder{
    height:66px
}
.WheelOfDestinyWrapper .BoxWrapper .GemModsWrapper{
    margin-top:6px
}
.WheelOfDestinyWrapper .BoxWrapper .VesselWrapper{
    min-height:2rem
}
.WheelOfDestinyWrapper .BoxWrapper .PerkFillInfo{
    position:absolute;
    bottom:0;
    padding-bottom:10px
}
.WheelOfDestinyWrapper .PlannerTopTableLabel{
    vertical-align:middle
}
.WheelOfDestinyWrapper .PromotionPointsLimit{
    max-width:40px
}
.UseFullWidth{
    width:100%
}
.Bold{
    font-weight:600
}
.Themebox{
    position:relative;
    top:0;
    margin-bottom:10px;
    width:180px;
    height:154px;
    margin-left:auto;
    margin-right:auto
}
.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:#5a2800;
    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:98px;
    display:flex;
    justify-content:center
}
#NetworksBox #FacebookBlock,#NetworksBox #YouTubeBlock{
    margin:42px 3px 3px 0
}
#NetworksBox #FacebookBlock #FacebookIdle{
    background-image:url(../images/global/themeboxes/networks/button_facebook_idle.png)
}
#NetworksBox #FacebookBlock #FacebookHover{
    background-image:url(../images/global/themeboxes/networks/button_facebook_hover.png)
}
#NetworksBox #YouTubeBlock #YouTubeIdle{
    background-image:url(../images/global/themeboxes/networks/button_youtube_idle.png)
}
#NetworksBox #YouTubeBlock #YouTubeHover{
    background-image:url(../images/global/themeboxes/networks/button_youtube_hover.png)
}
#NetworksBox #FacebookBlock #FacebookHover,#NetworksBox #YouTubeBlock #YouTubeHover{
    visibility:hidden;
    width:30px;
    height:30px
}
.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
}
.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:#5a2800;
    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:#5a2800;
    visibility:visible
}
.Content .BoxContent .ff_infotext{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:8pt;
    color:#5a2800;
    visibility:visible;
    line-height:12pt
}
.Content .BoxContent .ff_smallinfo{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:7pt;
    color:#5a2800;
    visibility:visible
}
.Content .BoxContent .ff_large{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:12pt;
    color:#5a2800;
    visibility:visible
}
.Content .BoxContent .ff_pagetext{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:9pt;
    color:#5a2800;
    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
}
.LogoInfoRow{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-content:stretch;
    font-weight:700
}
.LogoInfoCell{
    margin:5px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-grow:1
}
.LogoInfoCell img{
    margin-right:5px
}
#forum_pagetext{
    height:300px;
    width:420px
}
.ForumMobileElements{
    display:none
}
.ThreadReviewPosting{
    position:relative;
    min-height:18px;
    width:100%;
    overflow-x:auto;
    overflow-y:visible;
    word-wrap:anywhere
}
.ThreadReviewPosting img{
    max-width:600px;
    margin:5px
}
#ThreadOverview td:nth-last-child(-n+2){
    display:none
}
#BoardOverview td:nth-last-child(-n+1){
    display:none
}
.AnnouncementCMName{
    float:right
}
.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:#d4c0a1;
    padding:5px;
    padding-left:43px
}
.SmallBox .SuccessMessage{
    font-size:10pt;
    position:relative;
    color:green;
    height:100%;
    background-color:#d4c0a1;
    padding:8px;
    padding-left:15px
}
.SmallBox .Message{
    font-size:10pt;
    position:relative;
    height:100%;
    background-color:#d4c0a1;
    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:relative;
    right:0;
    top:2px;
    cursor:pointer
}
.CustomerIdentification #ButtonEMail{
    top:5px;
    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:13px;
    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:#5f4d41;
    -moz-box-shadow:2px 2px 3px 3px #7c5231;
    -webkit-box-shadow:2px 2px 3px 3px #7c5231;
    -ms-box-shadow:2px 2px 3px 3px #7c5231;
    box-shadow:2px 2px 3px 3px #7c5231;
    margin-bottom:3px
}
#eventscheduletable th{
    border:1px solid #faf0d7;
    height:24px;
    overflow:hidden
}
#eventscheduletable td{
    border:1px solid #faf0d7
}
.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
}
.eventscheduleheadertop a:link,.eventscheduleheadertop a:visited,.eventscheduleheadertop a:focus,.eventscheduleheadertop a:active{
    text-decoration:none
}
.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:#f1e0c6
}
.TableContainer .Even{
    background-color:#d5c0a1
}
.TableContainer .GreedyCell{
    width:80%
}
.TableContainer .CaptionContainer{
    position:relative;
    font-size:1pt;
    background-color:#5f4d41!important;
    height:100%;
    width:100%;
    text-align:left
}
.CaptionContainer .CaptionInnerContainer{
    position:relative;
    background-color:#5f4d41;
    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:#fff;
    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:#5a2800;
    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:#5a2800;
    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
}
.TableScrollbarContainer{
    display:none
}
.InnerTableContainer .InnerTableSeparator{
    border-style:inset;
    border-top:1px solid #5a2800;
    border-bottom:0;
    border-bottom:none;
    border-left:none
}
.TableContent .InlineTable{
    width:100%!important;
    border-width:2px!important;
    border-style:ridge!important;
    border-color:#f1e0c6!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:#d5c0a1
}
.LabelH td{
    background-color:#d5c0a1;
    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
}
.InTableRightLinkContainer{
    float:right;
    text-align:right;
    margin-left:20px
}
.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{
    display:flex;
    flex-wrap:wrap
}
.ForumWelcome{
    flex-grow:1;
    margin-top:5px;
    font-size:10pt
}
.ForumHead .ForumTimes{
    flex-grow:1;
    margin-top:5px;
    text-align: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 #fff0d9;
    cursor:pointer
}
.ToggleDeletedPostImage{
    height:12px;
    width:12px;
    margin:3px;
    float:right
}
.VisibleDeletedPost{
    display:block
}
.PostUpper{
    display:flex;
    flex-direction:row;
    clear:both
}
.PostLower{
    clear:both;
    border-top:1px solid #fff0d9;
    min-height:50px;
    height:100%;
    padding:4px 0
}
.PostSeparatorV{
    position:absolute;
    width:1px;
    height:100%;
    background-color:#fff0d9;
    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
}
.PostText>a{
    overflow-wrap:anywhere
}
blockquote.QuoteText{
    margin-left:.25em;
    padding-left:.5em;
    border-left:.25em solid #1f5011;
    color:#1f5011
}
.PostDetails{
    position:relative;
    overflow-x:auto;
    overflow-y:visible;
    word-wrap:break-word;
    width:175px;
    max-width:100%;
    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:185px;
    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 #f0ca02;
    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;
    min-width:32px;
    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:#d5c0a1;
    margin:2px;
    padding:2px
}
.BlockedPaymentMethod{
    color:red;
    cursor:help!important
}
.HelperDivIndicator{
    position:relative;
    cursor:help
}
.OptionsContainer .HelperDivIndicator{
    display:block
}
#HelperDivContainer{
    display:none;
    position:absolute;
    width:225px;
    z-index:1000;
    color:#5a2800;
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:9pt;
    text-align:left;
    padding:10px;
    border:1px double #5a2800;
    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
}
#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:200px;
    float:left;
    margin:3px
}
.ServiceID_Icon_Container_Background{
    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
}
#ScreenshotThumbnailContainerTable{
    width:100%
}
.ScreenshotThumbnailContainer{
    position:relative;
    margin:3px;
    padding:3px;
    width:232px;
    border:1px solid #7b6e4c;
    color:#c9bdab;
    display:inline-block
}
* html .ScreenshotThumbnailContainer{
    display:inline
}
.ScreenshotThumbnailContainer img{
    border:1px solid #7b6e4c;
    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;
    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
}
#LightBoxContent .NavigationRow{
    position:relative;
    display:flex;
    z-index:202;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
    height:29px;
    width:615px;
    font-family:Arial,sans-serif
}
#LightBoxContent .NavigationButton{
    position:relative;
    flex-grow:1;
    height:25px;
    padding-top:2px;
    float:left;
    color:#f2af4e;
    background-color:#223533;
    border:1px solid #7b6e4c;
    text-align:center;
    cursor:pointer;
    z-index:80
}
#LightBoxContent .NavigationButtonClose{
    margin-right:2px;
    margin-left:2px
}
#LightBoxContent .NavigationButton:hover{
    color:#ffc664;
    background-color:#3a4448
}
#LightBoxContent #ScreenshotContainer{
    position:relative;
    text-align:center;
    width:680px;
    margin-left:auto;
    margin-right:auto;
    left:0;
    z-index:202
}
#LightBoxContent #ScreenshotContainer #ScreenshotImage{
    width:480px;
    height:352px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
    border:1px solid #7b6e4c
}
#LightBoxContent #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 #7b6e4c;
    background-color:#223533
}
#LightBoxContent #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
}
#LightBoxContent #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 #5f4d41;
    background-color:#5f4d41
}
.TAF_SelectionDetails{
    clear:both
}
.TAF_RewardContainer{
    position:relative;
    padding:5px;
    padding-right:10px;
    background-color:#faf0d7;
    border:1px solid #5a2800;
    min-height:85px
}
.TAF_RewardContainer p{
    margin-top:0
}
.TAF_Progress{
    position:relative;
    border:1px solid #5a2800;
    border-radius:4px;
    width:100%;
    height:25px;
    text-align:center;
    font-weight:700;
    font-size:8pt;
    line-height:2.5;
    color:#5a2800;
    text-shadow:-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff,1px 1px 1px #fff;
    background:#5a2800;
    background:-moz-linear-gradient(top,#5a2800 0%,#825909 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a2800),color-stop(100%,#825909));
    background:-webkit-linear-gradient(top,#5a2800 0%,#825909 100%);
    background:-o-linear-gradient(top,#5a2800 0%,#825909 100%);
    background:-ms-linear-gradient(top,#5a2800 0%,#825909 100%);
    background:linear-gradient(to bottom,#5a2800 0%,#825909 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a2800',endColorstr='#825909',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:#5a2800;
    background:#cbb088;
    background:-moz-linear-gradient(top,#cbb088 0%,#a57833 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cbb088),color-stop(100%,#a57833));
    background:-webkit-linear-gradient(top,#cbb088 0%,#a57833 100%);
    background:-o-linear-gradient(top,#cbb088 0%,#a57833 100%);
    background:-ms-linear-gradient(top,#cbb088 0%,#a57833 100%);
    background:linear-gradient(to bottom,#cbb088 0%,#a57833 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbb088',endColorstr='#a57833',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 #5a2800;
    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 #5a2800
}
.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:fixed;
    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:#5a2800;
    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 #faf0d7
}
#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
}
.HideWhenLoggedInToFacebook{
    display:block
}
#ShowWhenLoggedInToFacebookType0,.ShowWhenLoggedInToFacebookType0{
    display:none
}
#ShowWhenLoggedInToFacebookType1,.ShowWhenLoggedInToFacebookType1{
    display:none
}
#FacebookLoginErrorMessage{
    display:none
}
#accountmanagement .LoginBox{
    display:flex;
    flex-wrap:wrap
}
#accountmanagement .LoginBox .Cell{
    flex-basis:135px;
    margin-bottom:5px
}
#accountmanagement .LoginBox .InputField{
    flex-grow:1;
    margin-right:7px
}
#accountmanagement .LoginBox .ButtonField{
    margin-left:15px
}
#accountmanagement .LoginBox .Break{
    flex-basis:100%;
    height:0
}
#accountmanagement .LoginButtons{
    vertical-align:top
}
#accountmanagement .LoginButtons .ButtonField{
    margin-bottom:1px
}
#accountmanagement .AvailableCWTIndicator{
    position:absolute;
    top:0;
    left:250px
}
#accountmanagement .AvailableCWTIndicator>span:first-child{
    float:left;
    width:90px
}
.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:50px
}
.FAQRootTopicContainer{
    position:relative;
    margin-bottom:50px;
    padding:5px;
    order:0;
    flex:1 1 30%;
    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:#5a2800;
    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:wrap;
    justify-content:flex-end;
    align-content:stretch;
    align-items:flex-start;
    height:16px;
    margin-bottom:25px
}
.FAQSearchForm #SearchButton{
    order:0;
    flex:0 1 auto;
    align-self:auto;
    margin-right:5px
}
.FAQSearchForm #SearchInput{
    margin-right:5px;
    float:right;
    order:0;
    flex:1 0 auto;
    align-self:auto;
    margin-bottom:5px
}
.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-top:-40px;
    margin-bottom:60px
}
.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{
    margin-top:-40px;
    width:100%;
    display:flex;
    flex-direction:row-reverse
}
.FAQBlock{
    flex:1 1
}
.FAQBlockRight{
    padding-left:8px
}
.FAQBlockLeft{
    padding-right:8px
}
.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:#d5c0a1
}
.FAQBlock li:nth-child(odd){
    background:#f1e0c6
}
.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{
    position:relative;
    height:28px;
    top:6px;
    margin-left:5px;
    margin-right:5px;
    font-size:10px;
    color:#fff;
    font-family:Verdana,Arial,Times New Roman,sans-serif
}
.InfoBar a{
    border:0
}
.InfoBarBlock{
    margin-right:15px;
    border:0
}
.InfoBarBigLogo{
    margin-bottom:0;
    border:0
}
.InfoBarSmallLogo{
    display:none;
    height:15px;
    border:none
}
.InfoBarSmallElement{
    margin-left:5px;
    border:0
}
.InfoBarNumbers{
    top:-4px;
    position:relative
}
.InfoBar a{
    font-family:Verdana,Arial,Times New Roman,sans-serif;
    font-size:7pt;
    font-weight:400;
    color:#fff
}
.InfoBar a:link{
    color:#fff;
    font-weight:400;
    text-decoration:none
}
.InfoBar a:visited{
    color:#fff;
    font-weight:400;
    text-decoration:none
}
.InfoBar a:focus{
    color:#fff;
    font-weight:400;
    text-decoration:none
}
.InfoBar a:active{
    color:#fff;
    font-weight:400;
    text-decoration:underline
}
.InfoBar a:hover{
    color:#fff;
    font-weight:400;
    text-decoration:underline
}
.VSCCoinImages{
    position:relative;
    margin-left:2px;
    margin-right:2px
}
#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
}
.CreateAccountFormInput,.ChangePasswordFormInput,.SetPasswordFormInput{
    width:206px;
    float:left
}
.NavigationBarContainer{
    display:flex;
    align-items:center;
    justify-content:center
}
.NavigationBarButtons{
    order:2;
    margin-left:5px
}
.NavigationBarLinkList{
    text-align:center;
    order:1
}
.NavigationBarButtonSpacer{
    font-size:1px;
    height: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
}
.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:#d5c0a1;
    border:1px solid #5a2800
}
.BlockPageNavigationRow .CurrentPageLink{
    display:block;
    min-width:15px;
    padding-left:2px;
    padding-right:2px;
    background-color:#d5c0a1
}
.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:#d5c0a1;
    border:1px solid #5a2800;
    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%
}
.CVIcon.CVIconObject.GreyedOutObject{
    filter:grayscale(.8)
}
.CharacterView .TopButton{
    right:-4px;
    top:-4px
}
.ViewBlockTopRow{
    height:30px
}
#FinishedGemsGem{
    max-width:40px
}
.ModEffectRow{
    display:flex;
    align-items:center
}
.Gem{
    width:var(--width);
    height:var(--width);
    background-image:url(../images/global/common/skillwheel/icons-gematelier-gemvariants.png);
    background-repeat:no-repeat;
    background-position:var(--positionX) 0
}
.ModIconCharBazaarBasicMod{
    width:var(--width);
    height:var(--width);
    margin-right:5px;
    background-image:url(../images/global/common/skillwheel/icons-skillwheel-basicmods.png);
    background-repeat:no-repeat;
    background-position:var(--positionX) 0
}
.ModIconCharBazaarSupremeMod{
    width:var(--width);
    height:var(--width);
    margin-right:5px;
    background-image:url(../images/global/common/skillwheel/icons-skillwheel-suprememods.png);
    background-repeat:no-repeat;
    background-position:var(--positionX) 0
}
.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:114px;
    flex-grow:0;
    flex-shrink:0;
    order:0;
    padding:1px;
    background-color:#f1e0c6;
    border:1px solid #5a2800;
    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:#f1e0c6;
    border:1px solid #5a2800;
    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:#f1e0c6;
    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:#f1e0c6;
    border:1px solid #5a2800;
    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;
    text-align:right
}
.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:#f1e0c6;
    border:1px solid #5a2800;
    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
}
.RWTExperimentalWorldsText{
    color:red
}
.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:#5f4d41;
    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
}
.Content #FansiteFilters{
    position:sticky;
    top:0;
    z-index:1000
}
.Content #FansiteFilters .Message{
    padding:0
}
.Content #FansiteFilters .FilterLabel{
    float:left;
    font-weight:700;
    width:115px;
    padding-top:5px;
    padding-left:10px
}
.Content #fansites{
    min-width:805px
}
.Content #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
}
.Content #fansites .FilterAll{
    width:86px;
    height:22px;
    text-align:center;
    background-repeat:no-repeat;
    padding-left:10px;
    padding-top:3px;
    background-position-y:3px
}
.Content #fansites .FilterIsActive{
    border:2px solid #5f4d41;
    border-radius:2px;
    background-color:#bc9a83
}
.Content #fansites .FilterElementContainer{
    margin-left:125px
}
.Content #fansites .FilterElement{
    border:1px solid #5f4d41;
    border-radius:2px;
    cursor:help
}
.Content #fansites .FilterElementSocialMedia,.Content #fansites .FilterElementContent{
    margin-top:3px;
    margin-bottom:3px
}
.Content #fansites .FilterElement.FilterElementLanguage{
    margin-bottom:1px;
    padding-top:3px;
    height:22px;
    width:96px;
    text-align:center;
    border:1px solid #5f4d41;
    border-radius:2px;
    cursor:help
}
.Content #fansites .RowElementContainer .HelperDivIndicator{
    float:left
}
.Content #fansites .LanguageSeparator{
    float:left
}
.Content #fansites .FilterElement img{
    margin-top:3px
}
.Content #fansites .FilterElement.FilterElementSocialMedia img{
    margin-left:4px;
    margin-top:2px
}
.Content #fansites .FilterElement.FilterElementContent img{
    margin-left:4px;
    margin-top:2px
}
.Content #fansites .RowElementContainer{
    margin-right:2px;
    padding:1px;
    float:left;
    padding-top:2px;
    cursor:help
}
.CharactertradeBeginnersIslandWarning{
    text-align:center;
    color:red;
    font-weight:700
}
.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;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center
}
.TibiaObserverTokenButtonRow .TibiaObserverTokenButton{
    float:right;
    margin:10px;
    width:135px
}
.iti{
    z-index:100
}
#password_errormessage .HiddenPasswordMessages{
    display:none
}
.UpperCaseInput{
    text-transform:uppercase
}
.LowerCaseInput{
    text-transform:lowercase
}
#StickyNavigation.SmallBox{
    position:sticky;
    top:0;
    z-index:1000
}
@supports(grid-template-columns:205px auto 200px){
    .main-header{
        grid-area:header
    }
    .main-content{
        grid-area:content;
        display:table
    }
    .main-menu{
        grid-area:navigation
    }
    .main-themboxes{
        grid-area:sidebar
    }
    .main-site-container{
        display:grid
    }
    .main-site-container{
        grid-template-columns:205px auto 200px;
        grid-template-areas:"header header header" "navigation content sidebar" "navigation content sidebar"
    }
    .main-menu ul{
        display:flex;
        flex-direction:column
    }
}
.UpperCaseInput{
    text-transform:uppercase
}
.LowerCaseInput{
    text-transform:lowercase
}
@supports(-webkit-touch-callout:none){
    .ControlPanelImage{
        content:url(../images/library/soundplayer_ios.png)
    }
    #soundtrack .AudioVolume{
        display:none
    }
    #soundtrack .AudioPosition{
        width:86%
    }
}
 .over {
     display: none;
     position: fixed;
     z-index: 3000;
     background: rgba(0, 0, 0, 0.4);
     width: 100%;
     height: 100% !important;
     align-items: center;
}
 .loader {
     color: #F2F2F2;
     font-size: 50px;
     text-indent: -9999em;
     overflow: hidden;
     width: 1em;
     height: 1em;
     border-radius: 50%;
     margin: 30px auto;
     position: relative;
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
     animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
 @-webkit-keyframes load6 {
     0% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
     5%, 95% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
     10%, 59% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
     20% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
     38% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
     100% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
 @keyframes load6 {
     0% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
     5%, 95% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
     10%, 59% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
     20% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
     38% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
     100% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
 @-webkit-keyframes round {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes round {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 .textModel {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     cursor: pointer;
     text-align: center;
     color: #FEDE59;
     text-shadow: -1px -1px 0 #000000, 1px -1px 0 #2c2c2c, -1px 1px 0 #000000, 1px 1px 0 #000;
     font-weight: 300;
     position: absolute;
     top: 0px;
     left: 0px;
     height: 25px;
     width: 135px;
     z-index: 20;
     box-shadow: 0 0 0 0;
     border: 0 none;
     outline: 0;
     background: transparent;
}
 .active-faction {
     opacity: 0.4;
}
 .img-faction {
     width: 50px;
     height: 50px;
     margin: 10px;
     border-radius: 5px;
     transition-duration: 0.3s;
     cursor: pointer;
}
 .img-faction:hover {
     transition-duration: 0.3s;
     opacity: 0.5;
}
 .td-faction {
     align-items: center;
     text-align: center;
     width: 20%;
}
 .td-faction div {
     margin-top: -10px;
     font-size: 10px;
     opacity: 0.6;
}
 .title-chose {
     font-size: 16px;
     font-weight: bold;
     text-align: center;
     background: #3C3C3C;
     border: 2px solid;
     border-image-slice: 1;
     border-image-source: linear-gradient(to left, #ff3333, #668cff);
     padding: 20px 5px;
     border-radius: 5px;
}
 .img-thumbnail {
     background-color: #3C3C3C;
}
 .div-all-items {
     background: #D4C0A1;
     padding: 50px 60px;
     margin-bottom: 5px;
     border-radius: 5px;
     border: 1px solid #c2c2c2;
     cursor: help;
}
 .span-all-items {
     position: absolute;
     left: 0;
     top: 0;
     margin-left: 43px;
     margin-top: 100px;
     z-index: 100;
     background: #3C3C3C;
     width: 140px;
     border-radius: 5px;
}
 .span-all-items-bg-invi {
     position: absolute;
     left: 0;
     top: 0;
     margin-left: 34px;
     margin-top: 100px;
     z-index: 100;
     background: transparent;
     width: 160px;
     height: 50px;
     border-radius: 5px;
}
 .row-allItems {
     background: #D4C0A1;
     padding: 5px;
     max-height: 450px;
     overflow: auto;
     border: 2px solid #55636c;
     width: 100%;
}
 .divCategories {
     width: 78px;
     height: 48px;
     background: #E8D3B4;
     margin-bottom: 5px;
     border: 1px solid #000;
     display: flex;
     justify-content: center;
     text-align: center;
     align-items: center;
     cursor: pointer;
     transition: 0.2s;
}
 .divCategories:hover {
     transition: 0.2s;
     background: #D4C0A1;
}
 .divCategoriesActive {
     width: 78px;
     height: 48px;
     background: hsl(36, 37%, 68%);
     margin-bottom: 5px;
     border: 1px solid #000;
     display: flex;
     justify-content: center;
     text-align: center;
     align-items: center;
     cursor: pointer;
     transition: 0.2s;
     font-weight: 600;
}
 .divCategoriesActive:hover {
     transition: 0.2s;
     background: #E8D3B4;
}
 .inputItems[type=text] {
     padding: 0;
     height: 30px;
     text-align: center;
     background: transparent;
     color: #5A2800;
     border: none;
     box-shadow: 0 0 0 0;
     font-weight: bold;
     font-size: 12px;
}
 .row-allItems {
     padding: 0px;
     max-height: 450px;
     overflow: auto;
     border: none;
     width: 100%;
}

#ThemeboxesColumn {
  text-align: center;
  position: absolute;
  top: -159px;
  left: 60px;
  width: 180px;
  margin: 0px;
  margin-right: 15px;
  margin-left: 25px;
}

.goog-te-banner-frame.skiptranslate {
	display: none !important;
}

.languagetextTitle {
	z-index: 99;
	padding: 3px;
	position: absolute;
	height: 24px;
	width: 100%;
	top: 2px;
	left: 0px;
	color: #ffd698;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #2c2c2c, -1px 1px 0 #000, 1px 1px 0 #000;
	font: 100 14pt Fondamento, Arial, Times New Roman, sans-serif !important;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	text-align: center;
}

#ChangeLanguage {
	position: absolute;
	top: -32px;
	right: -25px;
	height: 12px;
	width: 193px;
	background-size: cover;
}