body {
     margin: 0;
     padding: 0;
     background-color: #051122;
}
 .OptionContainer input {
     vertical-align: middle;
     margin: 0 3px 0 0;
}
 .OptionContainer label {
     vertical-align: middle;
}
 .error-404 {
     margin: 0 auto;
     text-align: center;
}
 .error-404 .error-code {
     bottom: 60%;
     color: #4686CC;
     font-size: 96px;
     line-height: 100px;
     font-weight: bold;
}
 .error-404 .error-desc {
     font-size: 12px;
     color: #647788;
}
 .error-404 .m-b-10 {
     margin-bottom: 10px!important;
}
 .error-404 .m-b-20 {
     margin-bottom: 20px!important;
}
 .error-404 .m-t-20 {
     margin-top: 20px!important;
}
 #DeactivationContainer {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     z-index: 80;
     width: 100%;
     min-height: 1250px;
     background-color: rgba(0, 0, 0, .9);
     background-size: cover;
     background-attachment: fixed;
     background-position: center;
     display: none;
}
 #DeactivationContainerThemebox {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 95;
     height: 1000px;
     width: 100%;
     display: none;
}
 #MainHelper1 {
     position: relative;
     text-align: center;
     top: 0;
     height: 100%;
     min-width: 1000px;
     overflow: visible;
}
 #MainHelper2 {
    /*position: relative;
    */
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     top: 0;
     height: 100%;
     max-width: 1200px;
     overflow: visible;
     padding-top: 155px;
}
 #ArtworkHelper1 {
     position: absolute;
     max-width: 1200px;
     text-align: center;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: visible;
     margin-left: -800px;
}
 #ArtworkHelper2 {
     position: absolute;
     text-align: center;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: visible;
     width: 1600px;
     margin-right: auto;
     margin-left: 50%;
}
 #HeaderArtworkDiv {
     position: absolute;
     text-align: center;
     background-position: top left;
     background-attachment: scroll;
     background-repeat: no-repeat;
     top: 0;
     height: 800px;
     width: 100%;
}
 * html #HeaderArtworkDiv {
     left: 0;
}
/* container to implement min/max width */
 #Bodycontainer {
     text-align: center;
     min-width: 1000px;
     max-width: 1200px;
     width: 100%;
     height: 100%;
     margin: 0;
     margin-left: auto;
     margin-right: auto;
     padding: 0;
     display: table;
}
 #MenuColumn {
     position: absolute;
     width: 180px;
     top: 160px;
     margin-right: 15px;
     margin-left: 15px;
     padding: 0;
     font-family: Arial, sans-serif;
     font-size: 10pt;
     font-weight: bold;
     line-height: 12pt;
     text-align: left;
}
 * html #MenuColumn {
     top: 155px;
     margin-left: -190px;
}
 #ContentColumn {
     margin: 0;
     margin-left: 205px;
     margin-right: 205px;
     text-align: left;
}
 * html #ContentColumn {
     width: 790px;
}
 #ThemeboxesColumn {
     position: absolute;
     top: 0;
     right: 0;
     width: 180px;
     margin-top: -144px;
     margin-left: 15px;
     margin-right: -190px;
     filter: alpha(opacity=100);
}
 * html #ThemeboxesColumn {
     top: 5px;
     height: 1000px;
}
 #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: -17px;
     left: -14px;
     height: 158px;
     width: 196px;
     z-index: 5;
     cursor: pointer;
     border: 0px;
}
 #LeftArtwork #LogoLink {
     position: absolute;
     bottom: 14px;
     left: 58px;
     height: 14px;
     width: 50px;
     z-index: 99;
     cursor: pointer;
}
 #RightArtwork {
     text-align: left;
     position: absolute;
     top: 181px;
     right: 24px;
     width: 132px;
     background-repeat: no-repeat;
     z-index: 100;
}
 #RightArtwork #Monster {
     position: absolute;
     height: 80px;
     width: 80px;
     top: -137px;
     left: 7px;
     z-index: 15;
     cursor: pointer;
}
 #Pedestal {
     position: absolute;
     left: -10px;
     top: -105px;
     width: 153px;
     height: 69px;
}
 #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: 0;
     height: 52px;
     width: 8px;
     background-repeat: repeat-y;
     z-index: 10;
}
 #Loginbox #BorderRight {
     right: 9px;
}
 #Loginbox .Loginstatus {
     position: relative;
     top: 0;
     left: 5px;
     height: 13px;
     width: 160px;
}
 #Loginbox .LoginstatusText {
     position: absolute;
     top: 1px;
     left: 18px;
     width: 124px;
     height: 11px;
     cursor: pointer;
}
 #Loginbox #LoginstatusText_1 {
     visibility: visible;
}
 #Loginbox #LoginstatusText_2 {
     visibility: hidden;
}
 #Loginbox #LoginButtonContainer {
     position: relative;
     height: 39px;
     width: 160px;
     left: 5px;
     background-repeat: repeat-y;
}
 #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: bold;
     font-size: 14pt;
}
 .SmallMenuBox {
     position: relative;
     left: 5px;
     top: 8px;
     width: 100%;
     margin-bottom: 38px;
     background-repeat: no-repeat;
}
 .SmallMenuBox #LoginTop {
     position: absolute;
     left: -5px;
     top: -12px;
     height: 12px;
     width: 180px;
     background-repeat: no-repeat;
}
 .SmallMenuBox #LoginBottom {
     position: absolute;
     top: 52px;
     left: -5px;
     height: 12px;
     width: 180px;
     background-repeat: no-repeat;
}
 .SmallMenuBox .LoginBorder {
     position: absolute;
     top: 0;
     height: 52px;
     width: 8px;
     background-repeat: repeat-y;
     z-index: 10;
}
 .SmallMenuBox #BorderRight {
     right: 9px;
}
 .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 #LoginButtonContainer {
     position: relative;
     height: 39px;
     width: 160px;
     left: 5px;
     background-repeat: repeat-y;
     z-index: 1;
}
 #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: bold;
     font-size: 14pt;
}
/** ------------------------------- * Stylesheet declarations for the * MENU * ------------------------------- */
 #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;
}
/* 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: 0;
     left: 8px;
}
 .Label {
     position: absolute;
     height: 22px;
     width: 116px;
     top: 6px;
     left: 42px;
}
/* Submenus(items) */
 .LeftChain {
     position: absolute;
     top: 0;
     left: -5px;
     height: 33px;
     width: 7px;
     background-repeat: repeat-y;
}
 .RightChain {
     position: absolute;
     top: 0;
     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: 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 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: 0;
     width: 100%;
     z-index: 100;
}
/* "star-HTML-hack" to correct the position of the content area */
 * html .Content {
     position: relative;
     top: 796px;
     margin: 20px;
     border: 0 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;
}
 .TableHeadlineNavigation {
     margin-top: 4px;
     font-size: 8px;
     float: right;
}
 .TableHeadlineNavigation a {
     color: white;
}
 .TableHeadlineNavigation a:hover {
     color: white;
}
/* 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: 0;
     background-color: #793d03;
}
 .Content .Border_3 {
     margin: 1px;
     border-top: 1px solid #793d03;
     border-bottom: 1px solid #793d03;
}
 .Content .ScrollableTextBox {
     height: 125px;
     padding: 3px;
     margin-right: 5px;
     overflow-y: scroll;
     font-family: Courier New;
     border: 1px solid grey;
     font-weight: normal !important;
     background-image: url("layouts/tibiacom/images/global/content/scroll.gif");
}
 .Content .BoxContent .ScrollableTextBox td {
     font-family: Courier New;
}
/** ------------------------------- * Stylesheet declarations for the * THEMEBOXES of the Tibia * website * ------------------------------- */
 .Themebox {
     position: relative;
     margin-bottom: 10px;
     top: 140px;
     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: 0;
     left: 0;
     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;
}
 #TrailerBox {
     position: relative;
     top: 100px;
}
 #TrailerIdleFrame {
     position: absolute;
     top: 31px;
     left: 5px;
}
 #TrailerOverFrame {
     position: absolute;
     top: 31px;
     left: 5px;
     visibility: hidden;
     cursor: pointer;
}
 #Themeboxes #Serverinfobox #ScreenshotContentFrame {
     position: relative;
     height: 111px;
     width: 166px;
     top: 33px;
     left: 2px;
     margin-left: 5px;
     margin-right: 5px;
     border: 0;
     cursor: pointer;
}
 #Themeboxes #Serverinfobox #ScreenshotContentImageContainer {
     position: absolute;
     top: 35px;
     left: 5px;
     overflow: hidden;
     width: 160px;
     height: 104px;
     margin-left: 5px;
}
 #Themeboxes #Serverinfobox #ScreenshotContentImage {
     position: absolute;
     width: 974px;
     height: 621px;
     left: -400px;
     top: -200px;
}
 #Themeboxes #Serverinfobox {
     position: relative;
     top: 100px;
}
 #Themeboxes #ScreenshotBox #ScreenshotContentFrame {
     position: relative;
     height: 111px;
     width: 166px;
     top: 33px;
     left: 2px;
     margin-left: 5px;
     margin-right: 5px;
     border: 0;
     cursor: pointer;
}
 #Themeboxes #ScreenshotBox #ScreenshotContentImageContainer {
     position: absolute;
     top: 35px;
     left: 5px;
     overflow: hidden;
     width: 160px;
     height: 104px;
     margin-left: 5px;
}
 #Themeboxes #ScreenshotBox #ScreenshotContentImage {
     position: absolute;
     width: 974px;
     height: 621px;
     left: -400px;
     top: -200px;
}
 #Themeboxes #ScreenshotBox {
     position: relative;
     top: 100px;
}
 #Themeboxes #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;
     text-align: center;
}
 #CurrentPollBox {
     position: relative;
     top: 100px;
}
 #Themeboxes #FansiteBox {
     position: relative;
     height: 188px;
     text-align: center;
}
 #Themeboxes #FansiteLogoFrame {
     position: relative;
     top: 31px;
     width: 180px;
     height: 145px;
}
 #Themeboxes #FansiteLogo {
     position: relative;
     height: 100px;
     width: 150px;
     top: 8px;
     border: 0;
     cursor: pointer;
}
 #Themeboxes #FansiteBox .ThemeboxButton {
     bottom: 19px;
}
 #Themeboxes #TopBox {
     position: relative;
     height: 227px;
}
 #TopBox {
     color: #000;
}
 .TopBoxPlayers {
     position: relative;
     top: 50px;
     left: 20px;
}
 .TopBoxPlayers a {
     color: #5b4014;
     font-size: 12px;
}
 .TopBoxPlayers a:hover {
     color: #544545;
     text-decoration: none;
}
 .TopBoxPlayers .playerTopLevel {
     margin-left: 25px;
     font-weight: 600;
}
 .TopBoxPlayers span {
     display: block;
}
 .TopBoxPlayers div {
     padding-top: 3px;
}
 #Themeboxes #NetworksBox {
     position: relative;
     height: 204px;
}
 #Themeboxes #NetworksBox #FacebookBlock {
     position: relative;
     top: 32px;
     height: 113px;
}
 #Themeboxes #VideoBlock {
     position: absolute;
     left: 5px;
     top: 32px;
     height: 113px;
}
 #Themeboxes #VideoBox {
     position: relative;
     top: 102px;
     height: 144px;
}
 #Themeboxes #NetworksBox #FacebookPageLink {
     position: absolute;
     left: 16px;
     top: 12px;
     height: 50px;
     width: 50px;
}
 #Themeboxes #NetworksBox #FacebookLikeButton {
     position: absolute;
     left: 70px;
     top: 40px;
}
 #Themeboxes #NetworksBox #FacebookShareButton {
     position: absolute;
     left: 70px;
     top: 14px;
}
 #Themeboxes #NetworksBox #FacebookLikes {
     position: relative;
     top: 75px;
     width: 155px;
     left: 13px;
     overflow: hidden;
}
 #Themeboxes #NetworksBox #FacebookLikes div {
     position: relative;
     left: -95px;
}
 #Themeboxes #NetworksBox #TwitterBlock {
     position: relative;
     top: 47px;
     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;
}
/** ------------------------------ * new payment and error handling * ------------------------------ */
 .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;
}
 .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: 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;
}
 #BrowserIssuesBox #DownloadClientContainer {
     float: right;
     text-align: center;
     margin-right: 5px;
}
 #BrowserIssuesBox #DownloadClientContainer img {
     height: 45px;
}
/** ---------------- * 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: 0;
     top: 0;
     height: 17px;
     width: 100%;
}
 #ProgressBar #BackgroundContainerCenterImage {
     position: relative;
     margin-left: 25px;
     margin-right: 25px;
     height: 17px;
}
 #ProgressBar #BackgroundContainerRightEnd {
     position: absolute;
     right: 0;
     top: 0;
     float: right;
}
 #ProgressBar #TubeLeftEnd {
     position: absolute;
     left: 25px;
     top: 4px;
}
 #ProgressBar #TubeRightEnd {
     position: absolute;
     right: 25px;
     top: 4px;
     z-index: 0;
}
 #ProgressBar .Steps {
     position: relative;
     height: 39px;
     font-size: 9px;
     float: left;
     top: -11px;
     margin-left: -1px;
}
 #ProgressBar #StepsContainer1 {
     text-align: right;
     margin-left: 92px;
     margin-right: 40px;
     height: 10px;
}
 #ProgressBar #StepsContainer2 {
     width: 100%;
     height: 10px;
}
 #ProgressBar .TubeContainer {
     position: relative;
     padding-right: 47px;
}
 #ProgressBar .Tube {
     position: relative;
     top: 16px;
     left: 0;
     width: 100%;
     height: 7px;
     background: #FFFFFF none repeat scroll 0%;
}
 * html #ProgressBar .Tube {
     top: 13px;
}
 #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;
}
 * html #ProgressBar .StepIcon {
     right: -1px;
}
 #ProgressBar #FirstStep .StepIcon {
     top: 0;
     left: 0;
}
 #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;
}
 .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: bold;
     text-align: left;
     color: white;
     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: -2px;
     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: -2px;
     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: -1px;
     top: 0;
}
 * 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: -3px;
}
 * html .TableContainer .CaptionContainer .CaptionVerticalRight {
     right: -2px;
}
/* TABLE CONTENT */
 .TableContentContainer {
     border: 1px solid #5F4D41;
     position: relative;
     margin-right: 4px;
     height: 100%;
     background-color: #d4c0a1;
     padding: 0;
}
 .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: 0;
     margin: 0;
     border-collapse: collapse;
}
 .TableContainer .Table2 td {
     padding: 0;
     margin: 0;
}
 .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;
     padding-left: 3px;
}
 .TableContainer .Table4 .InnerTableContainer {
     width: 100%;
     position: relative;
     margin-top: 3px;
}
 .TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
     padding-left: 4px;
     padding-top: 2px;
     padding-bottom: 2px;
}
 .TableContainer .RowInnerTableDataBorders td {
     border: 1px solid #faf0d7;
}
/* 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: 0;
     right: 3px;
     margin-right: 0;
     font-size: 1px;
     float: right;
     z-index: 98;
}
 .TableShadowRightTop {
     position: absolute;
     top: 0;
     right: 0;
     width: 4px;
     height: 5px;
     z-index: 98;
}
 .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: 0;
     margin: 0;
}
 .TableBottomLeftShadow {
     position: relative;
     height: 5px;
     width: 4px;
     float: left;
     padding: 0;
     margin: 0;
}
 .TableBottomRightShadow {
     position: relative;
     float: right;
     right: -2px;
     top: 0;
     height: 5px;
     width: 4px;
}
/* INNER TABLE TABS */
 .InnerTableTab {
     position: relative;
     float: left;
     top: 5px;
     margin-left: 1px;
     margin-right: 0;
     cursor: pointer;
     vertical-align: middle;
     width: 105px;
     height: 45px;
}
 .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: normal;
}
 .InnerTableTab a img {
     border: 0;
     width: 105px;
     height: 45px;
     position: absolute;
     top: 0;
}
 .InnerTableTabLabel {
     position: relative;
     top: 0;
     left: 0;
     text-align: center;
     width: 86px;
     height: 35px;
     display: table-cell;
     vertical-align: middle;
     padding-top: 5px;
     padding-left: 5px;
}
 .InnerTableTab a:hover {
     border: 0;
     color: #5A2800;
    /* font-weight: normal;
    */
     text-decoration: none;
}
 .ActiveInnerTableTab {
     z-index: 99;
     top: 6px;
}
 .ActiveInnerTableTab a {
     font-weight: bold;
}
 .ActiveInnerTableTab .InnerTableTabLabel {
     top: 6px;
     padding-top: 1px;
}
 .ProductCategoryHelperDiv {
     position: relative;
     float: right;
     top: 35px;
     right: 5px;
}
/* TOGGLE BUTTON */
 .BigToggleButton {
     text-align: center;
     cursor: pointer;
     font-weight: normal;
}
 .BigToggleButton:hover {
     font-weight: bold;
}
/* HEADLESS CONTENT TABLE */
 .HeadlessTable {
     border: 0;
     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: 0;
     padding-bottom: 4px;
     border: 0;
}
 .InnerTableButtonRow td {
     padding-right: 4px;
}
 .InnerTableButtonRow .RowButton {
     float: right;
     margin-left: 10px;
}
 .MediumButtonText {
     position: absolute;
     top: 0;
     left: 0;
     height: 37px;
     width: 150px;
     z-index: 20;
     cursor: pointer;
}
 .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;
}
 .BigButton {
     position: relative;
     width: 135px;
     height: 25px;
     z-index: 10;
}
 .BigButtonOver {
     position: absolute;
     top: 0;
     left: 0;
     width: 135px;
     height: 25px;
     visibility: hidden;
     z-index: 15;
}
 .ButtonText {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 135px;
     z-index: 20;
     cursor: pointer;
}
 .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;
}
 #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;
}
/* FORUM - general post format */
 .ForumPost {
     position: relative;
     height: 100%;
     width: 798px;
     margin: -5px;
}
 .PostUpper {
     clear: both;
}
 .PostLower {
     clear: both;
     border-top: 1px solid #fff0d9;
     height: 50px;
     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: 600px;
     word-wrap: break-word;
     padding: 5px;
}
 .PostDetails {
     width: 175px;
     float: left;
     padding: 0 5px;
     font-size: 7pt;
}
 .PostActions {
     position: relative;
     overflow-x: auto;
     overflow-y: visible;
     word-wrap: break-word;
     font-size: 8pt;
     padding: 10px;
     padding-right: 0;
     margin-left: 180px;
     width: 600px;
}
 .PostActions .AdditionalBox {
     float: right;
     white-space: nowrap;
     text-align: right;
     margin: 4px 4px 0 0;
}
/* FORUM - CipSoft post format */
 .CipPost .CipBorder {
     font-size: 1px;
     position: absolute;
     width: 798px;
     height: 3px;
     z-index: 99;
}
 .CipPost .CipBorderBottom .CipBorder {
     bottom: 0;
}
 .CipPost .CipBorder .CipBorderCornerL {
     position: absolute;
     width: 3px;
     height: 3px;
     top: 0;
     left: 0;
     z-index: 99;
}
 .CipPost .CipBorder .CipBorderH {
     position: absolute;
     width: 792px;
     height: 3px;
     top: 0;
     left: 3px 
}
 .CipPost .CipBorder .CipBorderCornerR {
     position: absolute;
     width: 3px;
     height: 3px;
     top: 0;
     right: 0;
     z-index: 99;
}
 .CipPost .CipBorderLeft {
     font-size: 1px;
     width: 3px;
     position: absolute;
     top: 0;
     height: 100%;
     z-index: 0;
}
 .CipPost .CipBorderLeft .CipBorderV {
     position: absolute;
     top: 0;
     left: 0;
     width: 3px;
     height: 100%;
}
 .CipPost .CipBorderRight .CipBorderV {
     position: absolute;
     top: 0;
     right: 0;
     width: 3px;
     height: 100%;
}
 .CipPost .CipPostIcon {
     position: relative;
     top: 7px;
     left: 12px;
     width: 60px;
     height: 60px;
}
 .PostDetailsHelper {
     position: relative;
}
 .HNCContainer {
     position: absolute;
     margin-top: -10px;
}
 * html .HNCContainer {
     margin-left: -10px;
}
 .ThreadClassificationNumberContainer {
     float: left;
     width: 15px;
     height: 15px;
     margin-right: 7px;
}
 * html .ThreadClassificationNumberContainer {
     margin-left: 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;
}
 .BoardThreadLine {
     margin-left: -61px;
     margin-top: -3px;
     margin-bottom: 0;
     min-height: 47px;
}
 * html .BoardThreadLine {
     margin-top: 0;
}
 * html .BoardThreadLine {
     height: 47px;
}
 .BoardThreadLine .CipBorderRight .CipBorderV {
     left: 734px;
}
 .Text {
     margin-top: 3px;
     margin-left: 4px;
     margin-bottom: 2px;
     padding: 3px;
     padding-top: 3px;
}
 * html .Text {
     margin-top: 0;
     margin-left: 4px;
}
 .BoardThreadLine .Text {
     margin-left: 11px;
     padding-left: 50px;
     padding-top: 13px;
     padding-bottom: 10px;
}
 * html .BoardThreadLine .Text {
     padding-left: 55px;
}
 .PostReplyLink {
     float: right;
     margin-top: 3px;
}
 .HintBox {
     width: 100%;
     margin-top: -3px;
}
 .HintBox p {
     margin-top: 0;
}
 .HintBox .BoxButtons {
     width: 135px;
     float: right;
}
 #PremiumBoxSpecialOfferHorizontal {
     position: absolute;
     top: 70px;
     left: 13px;
     width: 150px;
     height: 14px;
}
 .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;
}
/* helper div */
 .HelperDivIndicator {
     position: relative;
     cursor: help;
}
 #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: bold;
}
 #HelperDivContainer #HelperDivHeadline {
     position: relative;
     white-space: normal;
     text-align: justify;
     margin-top: 0;
     margin-bottom: 15px;
}
 #HelperDivContainer .Ornament {
     width: 220px;
}
 #HelperDivContainer #HelperDivText {
     text-align: justify;
}
 #HelperDivContainer #HelperDivText ul {
     padding-left: 20px;
}
 #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: bold;
     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: white;
     left: 20px;
     width: 112px;
     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: #ffffff;
     font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
     font-size: 11px;
     font-weight: bold;
}
 #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%;
}
/* ---------------- */
/* jQuery UI Layout */
/* ---------------- */
 .SliderValue {
     text-align: right;
     width: 135px;
     font-weight: bold;
     color: green;
}
 .VoucherAdjustFallBackBlock select {
     width: 100%;
}
 #VoucherDurationSlider {
     margin: 5px;
     margin-top: 15px;
     margin-bottom: 0;
     height: 5px;
}
 #VoucherDurationSlider a {
     margin-top: -2px;
     height: 20px;
     width: 17px;
}
/* Layout helpers ----------------------------------*/
 .ui-helper-hidden {
     display: none;
}
 .ui-helper-hidden-accessible {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
}
 .ui-helper-reset {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     line-height: 1.3;
     text-decoration: none;
     font-size: 100%;
     list-style: none;
}
 .ui-helper-clearfix:before, .ui-helper-clearfix:after {
     content: "";
     display: table;
     border-collapse: collapse;
}
 .ui-helper-clearfix:after {
     clear: both;
}
 .ui-helper-clearfix {
     min-height: 0;
    /* support: IE7 */
}
 .ui-helper-zfix {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     opacity: 0;
     filter: Alpha(Opacity=0);
}
 .ui-front {
     z-index: 100;
}
/* Misc visuals ----------------------------------*/
/* Overlays */
 .ui-widget-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .ui-slider {
     position: relative;
     text-align: left;
}
 .ui-slider .ui-slider-handle {
     position: absolute;
     z-index: 2;
     width: 1.2em;
     height: 1.2em;
     cursor: default;
}
 .ui-slider .ui-slider-range {
     position: absolute;
     z-index: 1;
     font-size: .7em;
     display: block;
     border: 0;
     background-position: 0 0;
}
/* For IE8 - See #6727 */
 .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
     filter: inherit;
}
 .ui-slider-horizontal {
     height: .8em;
}
 .ui-slider-horizontal .ui-slider-handle {
     top: -.3em;
     margin-left: -.6em;
}
 .ui-slider-horizontal .ui-slider-range {
     top: 0;
     height: 100%;
}
 .ui-slider-horizontal .ui-slider-range-min {
     left: 0;
}
 .ui-slider-horizontal .ui-slider-range-max {
     right: 0;
     background-color: #5b0600;
}
 .ui-slider-vertical {
     width: .8em;
     height: 100px;
}
 .ui-slider-vertical .ui-slider-handle {
     left: -.3em;
     margin-left: 0;
     margin-bottom: -.6em;
}
 .ui-slider-vertical .ui-slider-range {
     left: 0;
     width: 100%;
}
 .ui-slider-vertical .ui-slider-range-min {
     bottom: 0;
}
 .ui-slider-vertical .ui-slider-range-max {
     top: 0;
}
/* Component containers ----------------------------------*/
 .ui-widget {
     font-family: segoe ui, Arial, sans-serif;
     font-size: 1.1em;
}
 .ui-widget .ui-widget {
     font-size: 1em;
}
 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
     font-family: segoe ui, Arial, sans-serif;
     font-size: 1em;
}
 .ui-widget-content {
     border: 1px solid #624d3c;
     background-color: #8e0b01;
     color: #312e25;
}
 .ui-widget-content a {
     color: #312e25;
}
 .ui-widget-header {
     border: 1px solid #d4ccb0;
     color: #433f38;
     font-weight: bold;
}
 .ui-widget-header a {
     color: #433f38;
}
/* Misc visuals ----------------------------------*/
/* Corner radius */
 .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
     border-top-left-radius: 6px;
}
 .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
     border-top-right-radius: 6px;
}
 .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
     border-bottom-left-radius: 6px;
}
 .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
     border-bottom-right-radius: 6px;
}
/* payment system */
 .GameCode {
     text-transform: uppercase;
     width: 60px;
}
 .Saving {
     background-color: blue;
     color: white;
     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;
}
 .ServiceID_Icon_Container {
     position: relative;
     width: 156px;
     height: 156px;
     float: left;
     margin: 3px;
}
 .ServiceID_Icon_Container:hover {
     opacity: 0.95;
}
 .ServiceID_Icon_Container_Background {
     position: absolute;
     width: 150px;
     height: 150px;
     top: 3px;
     left: 3px;
}
 .ServiceID_Icon_Container label {
     font-size: 8pt;
}
 .ServiceID_Icon {
     position: relative;
     float: left;
     width: 150px;
     height: 150px;
     text-align: center;
     background-repeat: no-repeat;
     color: white;
     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;
}
 .ServiceIDLabel input {
     display: none;
}
 .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;
}
 .ServiceID_Icon .ServiceID_Icon_Animation_1 {
     position: absolute;
     top: 0;
     right: 0;
     width: 150px;
     height: 150px;
     display: none;
     z-index: 95;
}
 .ServiceID_Icon .ServiceID_Icon_New_Animation_1 {
     position: absolute;
     top: 48px;
     right: 12px;
     width: 128px;
     height: 64px;
     display: none;
     z-index: 95;
}
 .PMCID_Icon_Container {
     position: relative;
     width: 156px;
     height: 106px;
     float: left;
     margin: 3px;
}
 .PMCID_Icon_Container label {
     font-size: 8pt;
}
 .PMCID_Icon {
     position: relative;
     float: left;
     top: 3px;
     left: 3px;
     width: 150px;
     height: 100px;
     text-align: center;
     background-repeat: no-repeat;
     color: white;
     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: 22px;
     z-index: 99;
}
 .PMCID_CP_Label input {
     display: none;
}
 .PMCID_Icon .PMCID_Icon_Selected {
     position: absolute;
     top: 0;
     left: 0;
     width: 150px;
     height: 100px;
     z-index: 98;
}
 .PMCID_Icon .PMCID_Deactivated {
     position: absolute;
     top: 0;
     left: 0;
     width: 150px;
     height: 100px;
     z-index: 99;
}
 .PMCID_Icon .PMCID_Icon_Over {
     position: absolute;
     top: 0;
     left: 0;
     width: 150px;
     height: 100px;
}
 .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;
}
/* button row */
 .SubmitButtonRow {
     position: relative;
     height: 25px;
     margin-top: 25px;
     margin-bottom: 25px;
     text-align: center 
}
 .SubmitButtonRow .LeftButton {
     float: left;
     margin-left: 50px;
}
 .SubmitButtonRow .CenterButton {
     margin-left: auto;
     margin-right: auto;
     width: 135px;
}
 .SubmitButtonRow .RightButton {
     float: right;
     margin-right: 50px;
}
/* purchased items detail view and assign process */
 .PurchasedItemContainer {
     position: relative;
     float: right;
     overflow: hidden;
     height: 70px;
     width: 130px;
     border: 1px solid #7b6e4c;
     margin-left: 10px;
}
 .PurchasedItemImage {
     position: absolute;
     height: 150px;
     width: 150px;
     top: -47px;
     left: -7px;
}
 .PurchasedItemImageNew {
     position: absolute;
     height: 64px;
     width: 128px;
     top: 0;
     left: 0;
}
/** ------------------------------- * Stylesheet declarations for the * screenshots gallery and single * screenshot view * ------------------------------- */
/* screenshot gallery */
 #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;
}
/* light box an control elements */
 #LightBox {
     position: absolute;
     top: 0;
     left: 0;
     display: none;
     width: 100%;
     height: 300%;
     text-align: center;
     z-index: 200;
    /* to avoid a problem in chrome text selection is disabled */
     -webkit-user-select: none;
}
 #LightBoxBackground {
     position: absolute;
     width: 100%;
     height: 300%;
     background-color: black;
     z-index: 101;
}
 #LightBoxContent {
     position: fixed;
     margin-top: 15px;
     margin-left: auto;
     margin-right: auto;
     width: 100%;
     z-index: 201;
}
 * html #LightBoxBackground {
     left: 0;
}
 * html #LightBoxContent {
     position: absolute;
     left: 0;
     top: expression( ( 10 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
 .NavigationRow {
     position: relative;
     z-index: 202;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 5px;
     height: 29px;
     width: 620px;
     font-family: Arial, sans-serif;
}
 .NavigationButton {
     position: relative;
     width: 200px;
     height: 25px;
     padding-top: 2px;
     margin-right: 2px;
     margin-left: 2px;
     float: left;
     color: #f2af4e;
     background-color: #223533;
     border: 1px solid black;
     text-align: center;
     cursor: pointer;
     z-index: 80;
}
 .NavigationButton div {
     position: absolute;
     top: 0;
     left: 0;
     border: 1px solid gray;
     text-align: center;
     width: 198px;
     height: 25px;
     cursor: pointer;
     z-index: 90;
}
 .NavigationButton:hover {
     color: #ffc664;
     background-color: #3a4448;
}
 #ScreenshotContainer {
     position: relative;
     text-align: center;
     width: 976px;
     margin-left: auto;
     margin-right: auto;
     left: 0;
     z-index: 202;
}
 #ScreenshotContainer #ScreenshotImage {
     width: 974px;
     height: 621px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 5px;
     border: 1px solid #7b6e4c;
}
 #ScreenshotContainer .ScreenshotTextRow {
     font-family: Arial, sans-serif;
     width: 974px;
     height: 25px;
     line-height: 25px;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 5px;
     color: #c9bdab;
     border: 1px solid #7b6e4c;
     background-color: #223533;
}
 #ScreenshotContainer #LightBoxClose {
     position: absolute;
     width: 60px;
     height: 60px;
     top: -45px;
     right: -40px;
     background: red;
     border: 1px solid gray;
     -moz-border-radius: 60px;
     -webkit-border-radius: 60px;
     border-radius: 60px;
     color: #f2af4e;
     background-color: #223533;
     font-family: Arial, sans-serif;
     font-size: 25px;
     line-height: 60px;
     cursor: pointer;
}
 #ScreenshotContainer #LightBoxClose {
     color: #ffc664;
     background-color: #3a4448;
}
 table.fixed {
     table-layout: fixed;
}
 table.fixed td {
     overflow: hidden;
}
 #GuildInformation .MessageContainer .Message {
     word-wrap: break-word;
}
/* -------- */
/* Info Bar */
/* -------- */
 .InfoBar {
     position: relative;
     height: 28px;
     top: 6px;
     margin-left: 5px;
     margin-right: 5px;
     font-size: 10px;
     color: white;
     font-family: Verdana, Arial, Times New Roman, sans-serif;
}
 .InfoBarBlock {
     margin-right: 15px;
}
 .InfoBarBigLogo {
     margin-bottom: 0px;
}
 .InfoBarSmallElement {
     margin-left: 5px;
}
 .InfoBarNumbers {
     top: -4px;
     position: relative;
}
 .InfoBar a {
     font-family: Verdana, Arial, Times New Roman, sans-serif;
     font-size: 7pt;
     font-weight: normal;
     color: white;
}
	 .InfoBar a:link    { color: white; font-weight: normal; text-decoration: none; }
	 .InfoBar a:visited { color: white; font-weight: normal; text-decoration: none; }
	 .InfoBar a:focus   { color: white; font-weight: normal; text-decoration: none; }
	 .InfoBar a:active  { color: white; font-weight: normal; text-decoration: underline; }
     .InfoBar a:hover   { color: white; font-weight: normal; text-decoration: underline; }
}

/* Container que força os botões para a DIREITA */
.account-buttons-container {
    display: flex !important;
    justify-content: flex-end; /* Alinha no canto direito */
    align-items: center;
    width: 100%;
    background-color: #D4C0A1; /* Fundo bege padrão */
    padding: 8px 15px;
    padding: 15px 20px;
    margin-top: 10px; 
    margin-bottom: 20px; 
    box-sizing: border-box;
}

/* Base do BigButton */
.BigButton {
    position: relative;
    display: inline-block;
    margin-left: 8px; /* Espaço entre botões */
    cursor: pointer;
}

/* Estilo do Texto Centralizado (Baseado na sua imagem) */
.ButtonTextInside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; /* Fica por cima de tudo */
    color: #D4C0A1;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    pointer-events: none; /* Clique passa para o botão */
    
    /* Contorno preto idêntico ao original */
    text-shadow: 
        1px 1px 0px #000, 
       -1px -1px 0px #000, 
        1px -1px 0px #000, 
       -1px 1px 0px #000;
}

/* Efeito de "Mexer" (1px para baixo e direita) */
.BigButton:hover .ButtonTextInside {
    margin-top: 1px;
    margin-left: 1px;
}

/* Impede o brilho de cobrir o texto */
.BigButtonOver {
    z-index: 5 !important;
}