:focus {
	outline:  -webkit-focus-ring-color dotted 1px;
}
body {
  margin: 0px;
  padding:  0px;
  background-color: #051122;
}

img {
	border: none;
}

#ArtworkHelper {
  text-align: center;
  background-position: top center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-width: 1000px;
}

/* container to implement min/max width */
#Bodycontainer {
  text-align: left;
  min-width: 1000px;
  max-width: 1200px;
  width: 100%;
  height: 100%;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  display: table;
  width: expression(document.body.clientWidth > 1200? "1200px": "100%" );
}

#LoginFormButtonCell {
  width: 145px;
  vertical-align: top;
  padding-right: 10px;
}

#ContentRow {
  position: relative;
  top: 155px;
}

/* "star-HTML-hack" to correct the position of the content row */
* html #ContentRow {
  display: inline-block;
}

#MenuColumn {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 180px;
  margin-right: 15px;
  margin-left: 15px;
  padding: 0px;
  font-family:  Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  line-height: 12pt;
}

#ContentColumn {
  position: relative;
  margin: 0px;
  margin-left: 205px;
  margin-right: 205px;
}

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

#Footer {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 7pt;
  font-weight: normal;
  text-align: center;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  color: white;
}
* html #Footer {
  padding-bottom: 120px;
  margin-bottom: 50px;
}

/* Footer linkes */
#Footer a:link    { color: white; text-decoration: none; }
#Footer a:visited { color: white; text-decoration: none; }
#Footer a:focus   { color: white; text-decoration: none; }
#Footer a:active  { color: white; text-decoration: underline; }
#Footer a:hover   { color: white; text-decoration: underline; }

/** -------------------------------
 *  Stylesheet declarations for the
 *  HEADER AREA
 *  -------------------------------
 */

#LeftArtwork {
  position: absolute;
  height: 140px;
  width: 166px;
  top: -140px;
  left: 4px;
  background-repeat: no-repeat;
  z-index:5;
}

#LeftArtwork #TibiaLogoArtworkTop {
  position: absolute;
  top: 20px;
  left: 0px;
  height: 82px;
  width: 166px;
  z-index: 5;
  cursor: pointer;
  border: 0px;
}

#LeftArtwork #TibiaLogoArtworkBottom {
  position: absolute;
  top: 102px;
  left: 0px;
  height: 43px;
  width: 166px;
  z-index: 5;
}

#LeftArtwork #Statue_1{
  position: absolute;
  top: 0px;
  left: 5px;
  height: 30px;
  width: 32px;
  z-index:10;
}

#LeftArtwork #Statue_2 {
  position: absolute;
  top: 0px;
  right: 25px;
  height: 30px;
  width: 32px;
  z-index:10;
}

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

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

#RightArtwork #Monster {
  position: absolute;
  height: 80px;
  width: 80px;
  top: -137px;
  left: 8px;
  z-index: 15;
  cursor: pointer;
}

#PedestalAndOnline {
  position: absolute;
  top: -105px;
  width: 132px;
  height: 111px;
}

#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;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  LOGINBOX
 *  -------------------------------
 */

#Loginbox {
  position: relative;
  left: 5px;
  top: 8px;
  width: 100%;
  margin-bottom: 42px;
  background-repeat: no-repeat;
}

#Loginbox #LoginTop {
  position: absolute;
  left: -5px;
  top: -12px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#Loginbox #LoginBottom {
  position: absolute;
  top: 52px;
  left: -5px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#Loginbox .LoginBorder {
  position: absolute;
  top: 0px;
  height: 52px;
  width: 8px;
  background-repeat: repeat-y;
  z-index: 10;
}

#Loginbox #BorderRight {
  right: 9px;
}

#Loginbox .Loginstatus {
  position: relative;
  top: 0px;
  left: 5px;
  height: 13px;
  width: 160px;
}

#Loginbox .LoginstatusText {
  position: absolute;
  top: 1px;
  left: 18px;
  width: 124px;
  height: 11px;
  cursor: pointer;
}

#Loginbox #LoginstatusText_1 {
  top: 2px;
  cursor: default;
}

#Loginbox #LoginstatusText_2_1 {
  visibility: visible;
}

#Loginbox #LoginstatusText_2_2 {
  visibility: hidden;
}

#LoginBox #LoginButtonContainer {
  margin-left: 5px;
  height: 26px;
  width: 160px;
  background-repeat: repeat-y;
}

#Loginbox #LoginButton {
  position: relative;
  top: 1px;
  left: 12px;
  height: 25px;
  width: 135px;
}

#Loginbox #LoginButton .Button {
  position: relative;
  top: 0px;
  left: 0px;
  width: 135px;
  height: 25px;
  visibility: hidden;
}

#Loginbox #LoginButton #ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 22px;
  width: 135px;
  z-index: 15;
  cursor: pointer;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  MENU
 *  -------------------------------
 */

#Menu {
  position: relative;
  left: 5px;
  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: 0px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

/* Menuitems */

.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: 0px;
  left: 8px;
}

.Label {
  position: absolute;
  height: 22px;
  width: 116px;
  top: 6px;
  left: 42px;
}

/* Submenus(items) */

.LeftChain {
  position: absolute;
  top: 0px;
  left: -5px;
  height: 33px;
  width: 7px;
  background-repeat: repeat-y;
}

.RightChain {
  position: absolute;
  top: 0px;
  right: -4px;
  height: 33px;
  width: 7px;
  background-repeat: repeat-y;
}

.Submenu {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #0D2E2B;
  width: 160px;
}

.Submenuitem {
  position: relative;
  margin: 0px;
  padding: 0px;
}

.ActiveSubmenuItemIcon {
  position: absolute;
  top: 5px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  visibility: hidden;
}

.SubmenuitemLabel {
  margin: 0px;
  border-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 15px;
  border-bottom: 1px solid #4b7874;
  overflow: hidden;
}

/* Submenu links */
.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: white; text-decoration: none; }
.Submenu a:hover   { color: white; text-decoration: none; }

/** -------------------------------
 *  Stylesheet declarations for the
 *  CONTENT AREA
 *  -------------------------------
 */

.Content .BoxContent {
  padding: 10px;
}

/* "tanhack" for correction of IE bug */
* html .Content {
  top: -5px;
}

.Content {
  position: relative;
  top: 0px;
  width: 100%;
}

/* "star-HTML-hack" to correct the position of the content area */
* html .Content {
  position: relative;
  top: 796px;
  margin: 20px;
  border: 0px dashed #051122;
  border-right-width: 550px;
}

#ContentHelper {
  position: relative;
}

/* "star-HTML-hack" to to implement min-width in IE */
* html #ContentHelper {
  display: inline-block;
  position: relative;
  top: -800px;
  margin: -20px;
  margin-right: -570px;
}

.Content .Box {
  font-size: 0pt;
  position: relative;
  margin: 5px;
  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;
}

/* "star-HTML-hack" to correct Box width in IE */
* html .Content .Box {
  width: 100%;
}
/* "star-HTML-hack" to correct BoxContent width in IE */
* html .Content .BoxContent {
  width: 100%;
}

.Content th {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  color: white;
  background-color: #505050;
}

.Content .BoxContent td {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 10pt;
  color: #5A2800;
 }

/* Content Links */

.Content a {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-weight: bold;
  color: #004294;
  text-decoration: none;
}
.Content a:hover {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-weight: bold;
  text-decoration: underline;
  color: #0063DC;
}
.Content .HelpLink {
  font-size: 7pt;
  cursor: pointer;
}

/* Corners */

.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;
}

/* Borders */

.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: 0px;
  background-color: #793d03;
}

.Content .Border_3 {
  margin: 1px;
  border-top: 1px solid #793d03;
  border-bottom: 1px solid #793d03;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  THEMEBOXES of the Tibia
 *  website
 *  -------------------------------
 */

.Themebox {
  position: relative;
  margin-bottom: 10px;
  top: -4px;
  width: 180px;
  height: 154px;
}
#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: 0px;
  left: 0px;
  height: 12px;
  width: 180px;
}
/* "star-HTML-hack" to correct the position of the bottom element */
* html #Themeboxes .Bottom {
  bottom: -3px;
}
#Themeboxes #NewcomerBox .ThemeboxButton {
  bottom: 15px;
}
#Themeboxes #PremiumBox {
  height: 164px;
}
#Themeboxes #JobBox {
  height: 164px;
}
#Themeboxes #GalleryBox #GalleryContent {
  position: relative;
  height: 111px;
  width: 170px;
  top: 31px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
  border: 0;
  cursor: pointer;
}
#Themeboxes #CurrentPollBox #CurrentPollText {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  line-height: 11pt;
  color: #5A2800;
  position: absolute;
  height: 70px;
  width: 150px;
  top: 37px;
  left: 15px;
  padding-top: 5px;
  overflow: hidden;
}
#Themeboxes #SkyscraperBanner {
  border: 0;
}

#Themeboxes #NetworksBox {
  position: relative;
  height: 204px;
}
#Themeboxes #NetworksBox #FacebookBlock {
  position: relative;
  top: 32px;
  height: 113px;
}
#Themeboxes #NetworksBox #FacebookLikeBox {
  position: relative;
  left: 27px;
  top: 3px;
  height: 60px;
  width: 115px;
  overflow: hidden;
}
#Themeboxes #NetworksBox #FacebookLikeBox div {
  position: relative;
  left: -1px;
  top: -1px;
}
#Themeboxes #NetworksBox #FacebookSendBox {
  position: absolute;
  left: 92px;
  top: 14px;
  width: 50px;
}
#Themeboxes #NetworksBox #FacebookLikes {
  position: relative;
  left: 14px;
  top: 10px;
  width: 155px;
  left: 13px;
  overflow: hidden;
}
#Themeboxes #NetworksBox #FacebookLikes div {
  position: relative;
  left: -69px;
}
#Themeboxes #NetworksBox #TwitterBlock {
  position: relative;
  top: 42px;
  text-align: center;
}

/** -------------------------------
 *  OLD Stylesheet declarations for
 *  the CONTENT AREA
 *  -------------------------------
 */

.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: #808080;
}

.Content .BoxContent td .orange {
  color: #FF9712;
}

/** -------------------------------
 *  OLD Stylesheet declarations for
 *  the CONTENT AREA (forum)
 *  -------------------------------
 */

.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: #FFFFFF;
}

.Content .BoxContent .ff_white {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  color : #EFEFEF;
  visibility : visible;
  font-size : 7pt;
  font-weight: bold;
}

.Content .BoxContent .ff_red {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  color : #EF0000;
  visibility : visible;
  font-size : 8pt;
  font-weight: bold;
}

.Content .BoxContent .ff_whitelarge {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  color : #EFEFEF;
  visibility : visible;
  font-size : 9pt;
  font-weight: bold;
}

.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 : #F00;
  visibility : visible;
  line-height: 13pt;
}

.Content .BoxContent .ff_correct {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 11pt;
  color : #FF0000;
  visibility : visible;
  font-weight: bold;
}

.FormFieldError {
  font-size: 8pt;
  color: red;
}
.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 .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: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .BoxFrameVerticalLeft {
  position: absolute;
  left: 0px;
  top: 0px;
  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;
}


/** ----------------
 *  new process bars
 *  ----------------
 */

#ProgressBar #Headline {
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
  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: 0px;
  top: 0px;
  height: 17px;
  width: 100%;
}
#ProgressBar #BackgroundContainerCenterImage {
  position: relative;
  margin-left: 25px;
  margin-right: 25px;
  height: 17px;
}
#ProgressBar #BackgroundContainerRightEnd {
  position: absolute;
  right: 0px;
  top: 0px;
  float: right;
}
#ProgressBar #TubeLeftEnd {
  position: absolute;
  left: 25px;
  top: 4px;
}
#ProgressBar #TubeRightEnd {
  position: absolute;
  right: 25px;
  top: 4px;
  z-index: 0;
}
#ProgressBar .Steps {
  position: relative;
  height: 39px;
  font-size: 9px;
  float: left;
  top: -11px;
  margin-left: -1px;
}
#ProgressBar #StepsContainer1 {
  text-align: right;
  margin-left: 92px;
  margin-right: 40px;
  height: 10px;
}
#ProgressBar #StepsContainer2 {
  width: 100%;
  height: 10px;
}
#ProgressBar .TubeContainer {
  position: relative;
  padding-right: 47px;
}
#ProgressBar .Tube {
  position: relative;
  top: 16px;
  left: 0px;
  width: 100%;
  height: 7px;
  background: #FFFFFF none repeat scroll 0%;
}
* html #ProgressBar .Tube {
  top: 13px;
}
#ProgressBar .SingleStepContainer {
  position: absolute;
  top: 0px;
  width: 47px;
  height: 30px;
  right: 0px;
  text-align: center;
}
#ProgressBar #FirstStep .SingleStepContainer {
  left: 45px;
  width: 47px;
  position: absolute;
}
#ProgressBar .StepIcon {
  position: absolute;
  right: 0px;
}
* html #ProgressBar .StepIcon {
  right: -1px;
}
#ProgressBar #FirstStep .StepIcon {
  top: 0px;
  left: 0px;
}
#ProgressBar .StepText {
  top: 40px;
  position: absolute;
  width: 200px;
  right: -77px;
}


/** -------------------------------
 *  Stylesheet declarations for the
 *  NEW TABLES
 *  -------------------------------
 */

.TableContainer {
  border: 1px solid black;
  position: relative;
  width: 100%;
  font-size: 1px;
}
.TableContainer .Odd {
  background-color: #f1e0c6;
}
.TableContainer .Even {
  background-color: #d5c0a1;
}

/* TABLEHEADER DECORATION */
.TableContainer .CaptionContainer {
  position: relative;
  font-size: 1pt;
  background-color: #5f4d41 !important;
  height: 100%;
  width: 100%;
  text-align: left;
}
.TableContainer .CaptionContainer .CaptionInnerContainer {
	position: relative;
  background-color: #5f4d41;
  width: 100%;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 4px;
}
.TableContainer .CaptionContainer .Text {
	font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  color: white;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftTop {
	position: absolute;
  width: 5px;
  height: 5px;
	top: -2px;
  left: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightTop {
	position: absolute;
  width: 5px;
  height: 5px;
	top: -2px;
  right: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
	position: absolute;
  width: 5px;
  height: 5px;
	left: -2px;
	bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightBottom {
	position: absolute;
  width: 5px;
  height: 5px;
	right: -2px;
	bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionBorderTop {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  top: -1px;
}
.TableContainer .CaptionContainer .CaptionBorderBottom {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  bottom: -2px;
}
.TableContainer .CaptionContainer .CaptionVerticalLeft {
  position: absolute;
  height: 100%;
  width: 3px;
  left: -1px;
  top: 0px;
}
.TableContainer .CaptionContainer .CaptionVerticalRight {
  position: absolute;
  height: 100%;
  width: 3px;
  right: -1px;
  top: 0px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
  right: -3px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
  right: -3px;
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionBorderBottom {
  bottom: -3;
}
* html .TableContainer .CaptionContainer .CaptionVerticalRight {
  right: -2px;
}
/* TABLE CONTENT */
.TableContentContainer {
  border: 1px solid #5F4D41;
  position: relative;
  margin-right: 4px;
  height: 100%;
  background-color: #d4c0a1;
  padding: 0px;
}
.TableContent {
  width: 100%;
  border-collapse: collapse;
}
.TableContent td {
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}
/* INNERLYOUT 1 */
.TableContainer .Table1 {
  width: 100%;
  background-color: #d4c0a1;
  border: 2px solid #55636c;
}
.TableContainer .Table1 .InnerTableContainer {
  padding: 5px;
}
/* INNERLYOUT 2 */
.TableContainer .Table2 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}
.TableContainer .Table2 td {
  padding: 0px;
  margin: 0px;
}
.TableContainer .Table2 .InnerTableContainer {
  margin-top: 1px;
}
.TableContainer .Table2 .InnerTableContainer table {
  border-collapse: collapse;
}
.TableContainer .Table2 .InnerTableContainer td {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 2px;
  padding-right: 5px;
  border: 1px solid #faf0d7;
}
/* INNERLYOUT 3 */
.TableContainer .Table3 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
}
.TableContainer .Table3 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table3 .TableContentAndRightShadow td {
  border: 1px solid #faf0d7;
}
/* INNERLYOUT 4 */
.TableContainer .Table4 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
}
.TableContainer .Table4 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 3px;
}
.TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* INNERLYOUT 5 */
.TableContainer .Table5 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
}
.TableContainer .Table5 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table5 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* SHADOWS */
.TableShadowContainerRightTop {
  position: relative;
  top: 0px;
  right: 3px;
  margin-right: 0px;
  font-size: 1px;
  float: right;
  z-index: 99;
}
.TableShadowRightTop {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 4px;
  height: 5px;
  z-index: 99;
}
.TableContentAndRightShadow {
  position: relative;
  background-repeat: repeat-y;
  background-position: top right;
  margin-right: 3px;
  font-size: 1px;
}
.TableShadowContainer {
  position: relative;
  margin-right: 5px;
}
.TableBottomShadow {
  position: relative;
  font-size: 1px;
  height: 5px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.TableBottomLeftShadow {
  position: relative;
  height: 5px;
  width: 4px;
  float: left;
  padding: 0px;
  margin: 0px;
}
.TableBottomRightShadow {
  position: relative;
  float: right;
  right: -2px;
  top: 0px;
  height: 5px;
  width: 4px;
}
/* HEADLESS CONTENT TABLE */
.HeadlessTable {
  border: 0px;
  border-style: solid;
  border-color: #656565;
  border-top-width: 1px;
  border-top-color: white;
  border-left-width: 1px;
  border-left-color: white;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-right-color: #656565;
  margin-left: 15px;
}
/* LABELS */
.LabelV {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}
.LabelV120 {
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 120px;
}
.LabelV150 {
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 150px;
}
.LabelV200 {
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 200px;
}
.LabelH {
  font-weight: bold;
  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;
}

/* BUTTONS */
.InnerTableButtonRow {
  width: 100%;
  padding-left: 1px;
  padding-right: 0px;
  padding-bottom: 4px;
  border: 0px;
}
.InnerTableButtonRow td {
  padding-right: 4px;
}
.BigButton {
  position: relative;
  width: 135px;
  height: 25px;
  z-index: 10;
}
.BigButtonOver {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 137px;
  height: 25px;
  visibility: hidden;
  z-index: 15;
}
.ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 135px;
  z-index: 20;
}
.BigButtonText {
	position: absolute;
	top: 0;
	left: 0;
	width: 135px;
	height: 25px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: none;
	text-align: center;
	color: #ffd18c;
	font-family: Verdana,Arial,Times New Roman,sans-serif;
	font-size: 12px;
	font-weight: 400;
	z-index: 20;
	text-shadow: -1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,1px 0 0 #000,1px 1px 0 #000,0 1px 0 #000,-1px 1px 0 #000,-1px 0 0 #000
}
.TopButtonContainer {
  position: relative;
  right: 4px;
  top: 4px;
  z-index: 60;
}
* html .TopButtonContainer {
  right: 27px;
}
.TopButtonContainer .TopButton {
  position: absolute;
  right: 0px;
  z-index: 55;
}

.Content .BoxContent .Odd {
  background-color: #D4C0A1;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #F1E0C6;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

/* News Ticker */

.Content #NewsTicker .BoxContent {
  padding: 5px;
  min-height: 90px;
  height: auto !important;
  height: 100px;
}

.Content #NewsTicker .BoxContent .Row {
  position: relative;
  width: 100%;
}

.Content #NewsTicker .NewsTickerIcon {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

.Content #NewsTicker .NewsTickerText {
  font-size: 9pt;
  position: relative;
  margin-left: 20px;
}

.Content #NewsTicker .NewsTickerDate {
  font-size: 7pt;
  position: absolute;
  top: 0px;
  float: left;
}

.Content #NewsTicker .NewsTickerShortText {
  margin-left: 85px;
  height: 14px;
}

.Content #NewsTicker .NewsTickerFullText {
  margin-left: 85px;
  margin-right: 20px;
  display: none;
}

.Content #NewsTicker .NewsTickerExtend {
  position: relative;
  right: 0px;
  top: 1px;
  right: 1px;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  float: right;
  cursor: pointer;
  z-index: 10;
}

/* Featured Article */

.Content #FeaturedArticle .BoxContent {
  position:relative;
  height: 100px;
  padding: 5px;
  padding-left: 10px;
  min-height: 100px;
  height: auto !important;
  height: 110px;
  line-height: 10.5pt;
}
.Content #FeaturedArticle .NewsHeadline {
  margin-top: 5px;
}

.Content #FeaturedArticle #TeaserThumbnail {
  position: relative;
  top: 0px;
  right: 0px;
  height: 100px;
  width: 150px;
  margin-left: 10px;
  background-color: black;
  z-index: 90;
  float: right;
}

#ContentHelper #FeaturedArticle:first-child .BoxContent {
  padding: 10px;
}

.Content #FeaturedArticle #TeaserText {
  height: 100px;
  overflow: hidden;
  z-index: 0;
}

.Content #FeaturedArticle #Link {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 89 165 0 0;
  z-index: 99;
}

.Content #FeaturedArticle .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #FeaturedArticle .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
  float:left;
}

.Content #FeaturedArticle .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #FeaturedArticle .NewsHeadlineText {
  position: relative;
  top: 8px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* News */

.Content #News .BoxContent {
  min-height: 100px;
  height: auto !important;
  height: 110px;
}

.Content #News .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #News .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #News .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 10px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #News .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* News Archive */

.Content #NewsArchive .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #NewsArchive .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #NewsArchive .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #NewsArchive .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

.Content #News .NewsHeadlineAuthor {
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 10pt;
  color: white;
}

/* BUTTONS */
.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;
  z-index: 10;
}
.MediumButtonOver {
  position: relative;
  top: 0;
  left: 0;
  width: 150px;
  height: 37px;
  visibility: hidden;
  z-index: 15;
}
.MediumButtonForm {
  margin: 0;
  padding: 0;
}

.moduleRow { }

.moduleRowOver {
	background-color: #D4C0A1;
	cursor: pointer;
	cursor: hand;
}

/* AURABRA - novo header */
#TibiaLogoArtworkTop,
#TibiaLogoArtworkBottom,
#Statue_1,
#Statue_2,
#LogoLink {
    display: none !important;
}

/* AURABRA - adaptação para monitores maiores */
@media screen and (min-width: 1601px) {
    #ArtworkHelper {
        background-size: 100% auto;
    }
}

/* AURABRA - botão invisível sobre a arte do Newcomer */
#Themeboxes #NewcomerBox .ThemeboxButton {
    left: 22px;
    bottom: 15px;
    width: 135px;
    height: 25px;
    background: none !important;
    background-image: none !important;
    z-index: 20;
}

#Themeboxes #NewcomerBox .ThemeboxButton .BigButtonOver,
#Themeboxes #NewcomerBox .ThemeboxButton .ButtonText {
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
}


/* =========================================================
   AURABRA - HIGHSCORES
   ========================================================= */

#Themeboxes #Topbar.AurabraHighscores {
    position: relative;
    width: 180px;
    height: 211px;
    margin-bottom: 14px;

    background:
        linear-gradient(
            180deg,
            rgba(5,17,34,0.98) 0%,
            rgba(8,29,55,0.98) 100%
        ) !important;

    border: 2px solid #9c6b16;
    box-sizing: border-box;

    box-shadow:
        0 0 0 1px #241300,
        inset 0 0 0 1px #d8a83b,
        inset 0 0 18px rgba(0,170,255,0.08),
        0 3px 8px rgba(0,0,0,0.65);

    overflow: hidden;
}


/* Título */

#Themeboxes .AurabraHighscoresTitle {
    position: relative;
    width: 100%;
    height: 31px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: bold;

    color: #f2c35d;

    text-shadow:
        1px 1px 1px #000,
        0 0 6px rgba(0,170,255,0.35);

    background:
        linear-gradient(
            180deg,
            #102d50 0%,
            #071a32 100%
        );

    border-bottom: 1px solid #b17a1b;
}


/* Lista */

#Themeboxes .AurabraRanking {
    width: 100%;
    position: relative;
}


/* Cada jogador continua sendo um LINK */

#Themeboxes .AurabraRankRow {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;
    height: 35px;

    box-sizing: border-box;

    text-decoration: none !important;

    border-bottom: 1px solid rgba(182,126,28,0.38);

    transition:
        background 0.15s ease,
        box-shadow 0.15s ease;
}


#Themeboxes .AurabraRankRow:hover {
    background: rgba(20,95,145,0.28);

    box-shadow:
        inset 3px 0 0 #d3a33c,
        inset 0 0 12px rgba(0,174,255,0.18);
}


/* Número */

#Themeboxes .AurabraRankNumber {
    width: 24px;

    text-align: right;

    font-family: Georgia, serif;
    font-size: 15px;
    font-weight: bold;

    color: #dba62f;

    text-shadow: 1px 1px 1px #000;
}


/* Outfit */

#Themeboxes .AurabraRankOutfit {
    width: 34px;
    height: 34px;

    object-fit: contain;

    flex: 0 0 34px;

    margin: 0 4px 0 1px;

    image-rendering: auto;
}


/* Nome + level */

#Themeboxes .AurabraRankInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;
    flex: 1;

    padding-right: 4px;
}


#Themeboxes .AurabraRankName {
    display: block;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;

    color: #f0f0f0;
}


#Themeboxes .AurabraRankLevel {
    display: block;

    margin-top: 2px;

    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;

    color: #d3a33c;
}


/* Status online/offline */

#Themeboxes .PlayerOnline .AurabraRankName::before {
    content: "● ";
    color: #42d66b;
    font-size: 8px;
}


#Themeboxes .PlayerOffline .AurabraRankName::before {
    content: "● ";
    color: #606b78;
    font-size: 8px;
}


/* =========================================================
   AURABRA - MENU LATERAL
   ========================================================= */

#Menu {
    position: relative;
    left: 0;
    width: 180px;
    margin-top: 4px;
    padding: 3px;

    box-sizing: border-box;

    background:
        linear-gradient(
            180deg,
            rgba(8,28,52,0.98) 0%,
            rgba(4,16,32,0.98) 100%
        );

    border: 2px solid #9c6b16;

    box-shadow:
        0 0 0 1px #241300,
        inset 0 0 0 1px #d8a83b,
        inset 0 0 18px rgba(0,170,255,0.06),
        0 3px 8px rgba(0,0,0,0.65);
}


/* Remove acabamento antigo superior/inferior */

#MenuTop,
#MenuBottom {
    background-image: none !important;
    height: 0 !important;
}


/* Categoria principal */

#Menu .menuitem {
    position: relative;
    width: 170px;
    margin: 0 0 3px 0;
}


/* Botão principal */

#Menu .MenuButton {
    position: relative;
    width: 170px;
    height: 34px;

    background-image: none !important;

    background:
        linear-gradient(
            180deg,
            #123759 0%,
            #071d36 100%
        ) !important;

    border: 1px solid #785014;
    box-sizing: border-box;

    box-shadow:
        inset 0 0 0 1px rgba(216,168,59,0.22),
        inset 0 0 12px rgba(0,170,255,0.06);

    cursor: pointer;

    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}


/* Hover */

#Menu .MenuButton:hover {
    background:
        linear-gradient(
            180deg,
            #19517a 0%,
            #0a2947 100%
        ) !important;

    border-color: #d3a33c;

    box-shadow:
        inset 3px 0 0 #2bd6e5,
        inset 0 0 16px rgba(43,214,229,0.14);
}


/* Remove imagem antiga de hover */

#Menu .MenuButton .Button {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background-image: none !important;

    visibility: visible;
}


/* Mantém ícone existente */

#Menu .Icon {
    position: absolute;
    width: 32px;
    height: 32px;

    left: 5px;
    top: 0;

    z-index: 5;
}


/* Esconde labels antigos em GIF */

#Menu .Label {
    background-image: none !important;

    position: absolute;
    left: 42px;
    top: 0;

    width: 108px;
    height: 32px;

    z-index: 8;
}


/* Texto AURABRA das categorias */

#Menu .Label::after {
    position: absolute;

    left: 0;
    top: 8px;

    width: 105px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-weight: bold;

    color: #efc45d;

    text-align: left;

    text-shadow:
        1px 1px 1px #000,
        0 0 5px rgba(0,170,255,0.30);
}


/* Nomes das categorias */

#news_Label::after {
    content: "NEWS";
}

#account_Label::after {
    content: "ACCOUNT";
}

#community_Label::after {
    content: "COMMUNITY";
}

#forum_Label::after {
    content: "FORUM";
}

#library_Label::after {
    content: "LIBRARY";
}

#shops_Label::after {
    content: "SHOP";
}


/* Botão + / - */

#Menu .Extend {
    top: 11px;
    right: 4px;

    z-index: 15;
}


/* Submenus */

#Menu .Submenu {
    position: relative;

    width: 160px;

    margin-left: 5px;
    margin-right: 5px;

    background:
        linear-gradient(
            180deg,
            rgba(4,22,40,0.98),
            rgba(7,33,53,0.98)
        );

    border-left: 1px solid #80591c;
    border-right: 1px solid #80591c;

    box-sizing: border-box;
}


/* Remove correntes antigas */

#Menu .LeftChain,
#Menu .RightChain {
    display: none !important;
}


/* Cada opção */

#Menu .Submenuitem {
    position: relative;

    min-height: 25px;

    margin: 0;
    padding: 0;

    transition:
        background 0.12s ease,
        box-shadow 0.12s ease;
}


/* Texto submenu */

#Menu .SubmenuitemLabel {
    min-height: 21px;

    padding:
        4px
        5px
        2px
        16px;

    box-sizing: border-box;

    border-bottom:
        1px solid rgba(177,122,27,0.35);

    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;

    color: #d9e2e8;

    text-shadow: 1px 1px #000;
}


/* Hover do submenu */

#Menu .Submenuitem:hover {
    background: rgba(24,93,135,0.35);

    box-shadow:
        inset 3px 0 0 #2bd6e5;
}

#Menu .Submenuitem:hover .SubmenuitemLabel {
    color: #ffffff !important;
}


/* Links */

#Menu .Submenu a,
#Menu .Submenu a:link,
#Menu .Submenu a:visited,
#Menu .Submenu a:focus,
#Menu .Submenu a:active {
    color: #d9e2e8;
    text-decoration: none;
}

#Menu .Submenu a:hover {
    color: #ffffff;
    text-decoration: none;
}



/* =========================================================
   AURABRA - LOGIN BOX
   ========================================================= */

#Loginbox {
    position: relative;
    left: 0;
    top: 0;

    width: 180px;
    min-height: 78px;

    margin: 0 0 14px 0;
    padding: 8px 8px 9px 8px;

    box-sizing: border-box;

    background:
        linear-gradient(
            180deg,
            rgba(10,38,67,0.98) 0%,
            rgba(4,17,34,0.98) 100%
        );

    border: 2px solid #9c6b16;

    box-shadow:
        0 0 0 1px #241300,
        inset 0 0 0 1px rgba(216,168,59,0.60),
        inset 0 0 18px rgba(0,170,255,0.08),
        0 3px 8px rgba(0,0,0,0.65);
}


/* Remove moldura antiga */

#Loginbox #LoginTop,
#Loginbox #LoginBottom,
#Loginbox .LoginBorder {
    display: none !important;
}


/* Faixas internas */

#Loginbox .Loginstatus,
#Loginbox #LoginButtonContainer {
    position: relative;

    left: 0 !important;
    top: 0 !important;

    width: 160px !important;

    margin: 2px 0;

    background-image: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(15,53,83,0.90),
            rgba(5,28,51,0.90)
        ) !important;

    border: 1px solid rgba(180,126,30,0.55);

    box-sizing: border-box;
}


/* Área de status */

#Loginbox .Loginstatus {
    height: 18px !important;
}


/* Mantém os textos originais funcionando */

#Loginbox .LoginstatusText {
    left: 18px;
}


/* Container do botão */

#Loginbox #LoginButtonContainer {
    height: 31px !important;
    padding-top: 3px;
}


/* Botão Login / Account */

#Loginbox #LoginButton {
    position: relative;

    margin: 0 auto;

    width: 135px;
    height: 25px;

    background-image: none !important;

    background:
        linear-gradient(
            180deg,
            #17608e 0%,
            #0a3558 100%
        ) !important;

    border: 1px solid #b88625;

    box-sizing: border-box;

    box-shadow:
        inset 0 0 0 1px rgba(236,193,92,0.35),
        0 1px 3px rgba(0,0,0,0.7);

    cursor: pointer;
}


/* Hover sem retirar a lógica antiga */

#Loginbox #LoginButton:hover {
    background:
        linear-gradient(
            180deg,
            #217cac 0%,
            #0d466d 100%
        ) !important;

    border-color: #efc45d;

    box-shadow:
        inset 0 0 8px rgba(43,214,229,0.25),
        0 0 5px rgba(43,214,229,0.18);
}


/* Retira somente a arte antiga do hover */

#Loginbox #LoginButton .Button {
    background-image: none !important;
}


/* Mantém o texto/imagem funcional do botão acima do fundo novo */

#Loginbox #LoginButton #ButtonText {
    z-index: 25;
}


/* Create Account continua clicável */

#Loginbox #LoginstatusText_2 {
    cursor: pointer;
}

#Loginbox #LoginstatusText_2:hover {
    filter: brightness(1.35);
}

/* =========================================================
   AURABRA - TEXTOS DO LOGIN BOX
   ========================================================= */

#Loginbox .AurabraLoginStatus {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 16px !important;

    display: flex;
    align-items: center;
    justify-content: center;

    background: none !important;

    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;

    color: #d8e4ec;

    text-shadow:
        1px 1px 1px #000,
        0 0 4px rgba(43,214,229,0.25);
}


/* Create Account */

#Loginbox .AurabraCreateAccount {
    position: relative;

    width: 100%;
    height: 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 10px;
    font-weight: bold;

    color: #d9aa3c;

    text-shadow: 1px 1px 1px #000;

    transition:
        color 0.15s ease,
        text-shadow 0.15s ease;
}

#Loginbox .AurabraCreateAccount:hover {
    color: #f4d16e;

    text-shadow:
        1px 1px 1px #000,
        0 0 6px rgba(43,214,229,0.55);
}


/* =========================================================
   AURABRA - LOGIN BOX FINAL
   ========================================================= */

#Loginbox {
    width: 180px !important;
    min-height: 96px !important;
    padding: 9px !important;
    margin: 0 0 14px 0 !important;
    box-sizing: border-box !important;
}


/* Linha de status */

#Loginbox .Loginstatus {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;

    width: 158px !important;
    height: 22px !important;

    margin: 0 0 5px 0 !important;

    background-image: none !important;
}


/* Status */

#Loginbox #LoginstatusText_1 {
    position: static !important;

    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: none !important;

    font-family: Verdana, Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: bold !important;

    color: #dce9f0 !important;

    cursor: default !important;
}


/* Container do botão principal */

#Loginbox #LoginButtonContainer {
    position: relative !important;

    width: 158px !important;
    height: 32px !important;

    left: 0 !important;
    top: 0 !important;

    padding: 3px 10px !important;
    margin: 0 0 5px 0 !important;

    box-sizing: border-box !important;

    background-image: none !important;
}


/* Botão principal */

#Loginbox #LoginButton {
    position: relative !important;

    top: 0 !important;
    left: 0 !important;

    width: 136px !important;
    height: 26px !important;

    margin: 0 auto !important;
}


/* Remove completamente o hover antigo em imagem */

#Loginbox #LoginButton .Button {
    display: none !important;
}


/* Texto LOGIN / MY ACCOUNT */

#Loginbox #LoginButton #ButtonText {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: none !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    font-weight: bold !important;

    color: #f1c65f !important;

    text-shadow:
        1px 1px 1px #000,
        0 0 4px rgba(43,214,229,0.25);

    cursor: pointer !important;
}


/* CREATE ACCOUNT / LOGOUT */

#Loginbox #LoginstatusText_2 {
    position: static !important;

    width: 100% !important;
    height: 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: none !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 10px !important;
    font-weight: bold !important;

    color: #d9aa3c !important;

    cursor: pointer !important;
}


#Loginbox #LoginstatusText_2.AurabraLoginHover,
#Loginbox #LoginstatusText_2:hover {
    color: #ffe083 !important;

    text-shadow:
        1px 1px 1px #000,
        0 0 6px rgba(43,214,229,0.55);
}


/* Garantia contra imagens antigas */

#Loginbox #LoginstatusText_1,
#Loginbox #LoginstatusText_2,
#Loginbox #ButtonText {
    background-image: none !important;
}


/* =========================================================
   AURABRA - CORREÇÃO DE FLUXO LOGIN + MENU
   ========================================================= */

#Loginbox {
    display: block !important;
    position: relative !important;

    width: 180px !important;
    height: 96px !important;
    min-height: 96px !important;

    clear: both !important;
    overflow: visible !important;

    margin: 0 0 14px 0 !important;
}

#Menu {
    display: block !important;
    position: relative !important;

    clear: both !important;

    top: 0 !important;
    left: 0 !important;

    margin-top: 14px !important;
}


/* =========================================================
   AURABRA - LOGINBOX RECONSTRUÍDO
   ========================================================= */

#Loginbox.AurabraLoginBox {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;

    left: 0 !important;
    top: 0 !important;

    width: 180px !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 14px 0 !important;
    padding: 8px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(10,38,67,0.98),
            rgba(4,17,34,0.98)
        ) !important;

    border: 2px solid #9c6b16 !important;

    box-shadow:
        0 0 0 1px #241300,
        inset 0 0 0 1px rgba(216,168,59,0.60),
        inset 0 0 18px rgba(0,170,255,0.08),
        0 3px 8px rgba(0,0,0,0.65) !important;

    overflow: hidden !important;
}


/* STATUS */

#Loginbox .AurabraLoginStatus {
    position: static !important;

    width: 160px !important;
    height: 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    background: #081d33 !important;
    border: 1px solid rgba(184,134,37,0.65) !important;

    font-family: Verdana, Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: bold !important;

    color: #dce9f0 !important;

    text-shadow: 1px 1px #000 !important;
}


/* BOTÃO PRINCIPAL */

#Loginbox .AurabraLoginButton {
    position: static !important;

    width: 160px !important;
    height: 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            #17608e,
            #0a3558
        ) !important;

    border: 1px solid #b88625 !important;

    box-shadow:
        inset 0 0 0 1px rgba(236,193,92,0.30),
        0 1px 3px rgba(0,0,0,0.7) !important;

    cursor: pointer !important;
}


#Loginbox .AurabraLoginButton:hover {
    background:
        linear-gradient(
            180deg,
            #217cac,
            #0d466d
        ) !important;

    border-color: #efc45d !important;
}


/* LOGIN / MY ACCOUNT */

#Loginbox #ButtonText {
    position: static !important;

    width: auto !important;
    height: auto !important;

    background: none !important;
    background-image: none !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    font-weight: bold !important;

    color: #f1c65f !important;

    text-shadow: 1px 1px #000 !important;
}


/* CREATE ACCOUNT / LOGOUT */

#Loginbox .AurabraLoginSecondary {
    position: static !important;

    width: 160px !important;
    height: 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    background: #081d33 !important;
    border: 1px solid rgba(184,134,37,0.45) !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 10px !important;
    font-weight: bold !important;

    color: #d9aa3c !important;

    cursor: pointer !important;
}


#Loginbox .AurabraLoginSecondary:hover {
    color: #ffe083 !important;
    background: #0d2945 !important;
}


/* MENU SEM SOBREPOSIÇÃO */

#Menu {
    position: relative !important;
    clear: both !important;

    top: 0 !important;
    left: 0 !important;

    margin-top: 0 !important;
}


/* AURABRA - espaço correto para o logo principal */
#ContentRow {
    top: 225px !important;
}