.border-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

img {
    border: 0px;
}

a:link {
    color: #c2aa5b;
    text-decoration: underline;
}

a:visited {
    color: #c2aa5b;
    text-decoration: underline;
}

a:hover {
    color: #c2aa5b;
    text-decoration: none;
}

h1 {
    font-size: 22px;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 25px;
    text-align: center;
}

h1.page-header {
    font-size: 35px;
    display: table-cell;
}

.news_boards_table h3 {
    margin: 2px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

.ft-12 {
    font-size: 12px;
}

.ft-14 {
    font-size: 14px;
}

.ft-16 {
    font-size: 16px;
}

.ft-18 {
    font-size: 18px;
}

.ft-bold {
    font-weight: bold;
}

.ft-bolder {
    font-weight: bolder;
}

.block {
    display: block;
}

.center {
    text-align: center;
}

.board-access-2,
.board-access-2 a,
.board-access-3,
.board-access-3 a,
.account-access-2,
.account-access-2 a,
.account-access-3,
.account-access-3 a {
    color: orange !important;
}

.board-access-4,
.board-access-4 a,
.account-access-4,
.account-access-4 a {
    color: green !important;
}

.board-access-5,
.board-access-5 a,
.account-access-5,
.account-access-5 a {
    color: red !important;
}

.push-right {
    float: right;
    margin-left: 5px;
}

.highlighted_background {
    background: url(../images/bg.png);
    padding: 10px 13px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.big-bold-text {
    font-weight: bold;
    font-size: 11.5pt;
}

.red {
    color: #cf3240;
}

.green {
    color: #5faf40;
}

.orange {
    color: #b17200;
}

.account-status-image {
    padding: 5px;
}

.nomargin {
    margin: 0 !important;
}

.qoute {
    margin-left: 12px;
    border-left: 3px solid rgba(150, 145, 149, 0.32);
    margin-top: 7px;
    padding-left: 7px;
}

.nice-text,
.nice-text-improved {
    font-size: 18px;
    font-weight: bolder;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-color: #c4c4d0;
    background-image: -webkit-linear-gradient( 45deg, rgba(115, 115, 122, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(93, 93, 99, 1) 49%, rgba(204, 204, 204, 1) 75%, rgba(77, 77, 82, 1) 100%);
    background-image: -o-linear-gradient( 45deg, rgba(115, 115, 122, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(93, 93, 99, 1) 49%, rgba(204, 204, 204, 1) 75%, rgba(77, 77, 82, 1) 100%);
    background-image: -moz-linear-gradient( 45deg, rgba(115, 115, 122, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(93, 93, 99, 1) 49%, rgba(204, 204, 204, 1) 75%, rgba(77, 77, 82, 1) 100%);
    background-image: linear-gradient( 45deg, rgba(115, 115, 122, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(93, 93, 99, 1) 49%, rgba(204, 204, 204, 1) 75%, rgba(77, 77, 82, 1) 100%);
}

a.nice-text:hover,
a .nice-text:hover,
a..nice-text-improved:hover,
a .nice-text-improved:hover {
    background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 1) 0%, rgba(115, 115, 122, 1) 25%, rgba(93, 93, 99, 1) 49%, rgba(77, 77, 82, 1) 75%, rgba(204, 204, 204, 1) 100%);
    background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 1) 0%, rgba(115, 115, 122, 1) 25%, rgba(93, 93, 99, 1) 49%, rgba(77, 77, 82, 1) 75%, rgba(204, 204, 204, 1) 100%);
    background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 1) 0%, rgba(115, 115, 122, 1) 25%, rgba(93, 93, 99, 1) 49%, rgba(77, 77, 82, 1) 75%, rgba(204, 204, 204, 1) 100%);
    background-image: linear-gradient( 45deg, rgba(255, 255, 255, 1) 0%, rgba(115, 115, 122, 1) 25%, rgba(93, 93, 99, 1) 49%, rgba(77, 77, 82, 1) 75%, rgba(204, 204, 204, 1) 100%);
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

.nice-text-improved {
    background-size: 200% auto;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    animation: shine 1s linear infinite;
}

@-webkit-keyframes Shine {
    0% {
        background-position: 22% 0%;
    }
    50% {
        background-position: 79% 100%;
    }
    100% {
        background-position: 22% 0%;
    }
}

@-moz-keyframes Shine {
    0% {
        background-position: 22% 0%;
    }
    50% {
        background-position: 79% 100%;
    }
    100% {
        background-position: 22% 0%;
    }
}

@keyframes Shine {
    0% {
        background-position: 22% 0%;
    }
    50% {
        background-position: 79% 100%;
    }
    100% {
        background-position: 22% 0%;
    }
}

.weeklyevents-text {
    font-size: 18px;
    font-weight: bolder;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient( 270deg, #0de9b1, #e97d0d, #7b9b0a, #7d82e2, #dc1e65);
    background-size: 400% 400%;
    -webkit-animation: Shine 2s ease infinite;
    -moz-animation: Shine 2s ease infinite;
    animation: Shine 2s ease infinite;
}

table.characters-table tbody td {
    height: 40px;
}

.cto-on-click.active .cto-def-small {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

.cto-on-click .cto-def-hidden {
    display: none;
}

.cto-on-click.active .cto-def-hidden {
    display: block;
}

.it_icon {
    width: 57px;
    height: 57px;
    float: left;
    background: url(../images/icon_bg.gif) no-repeat;
    padding-left: 6px;
    padding-top: 6px;
}

.it_icon img {
    width: 44px;
    height: 44px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.it_info {
    margin-left: 67px;
    height: 47px;
    padding-top: 10px;
}

.it_title {
    font-size: 12px;
    margin-bottom: 3px;
}

.it_sub {
    color: #736e73;
    font-size: 10px;
}

#top {
    background: url(../images/top_bg.jpg) no-repeat;
    min-height: 196px;
    padding-top: 92px;
    padding-left: 66px;
}

#top_table {
    width: 140px;
}

#top_table td {
    padding-bottom: 4px;
}

#top_sub {
    color: #525667;
    font-size: 10px;
}

#top_sub td {
    padding-bottom: 20px;
}

.top_lvl {
    text-align: right;
}

.top_num {
    width: 20px;
}

.top_player {
    font-size: 12px;
}

#top_link {
    border-top: 1px solid #2f2831;
    width: 140px;
    margin-top: 20px;
    padding-top: 15px;
}

#top_link a {
    color: #504b51;
}

#top_link span a {
    color: #c9c2c1;
    text-decoration: none;
}

#bottom_bg {
    background: url(../images/bottom_bg.jpg) center bottom no-repeat;
}

#lk {
    width: 347px;
    height: 93px;
    background: url(../images/lk_bg.jpg) no-repeat;
    margin: 0px auto;
}

#login {
    text-align: center;
}

#fields {
    padding-top: 25px;
}

#fields input {
    width: 110px;
    height: 27px;
    border: none;
    color: #949399;
    font-size: 11px;
    font-family: Arial;
    padding: 0px 8px;
    outline: none;
}

#login_f {
    background: url(../images/login_bg.gif) no-repeat;
}

#password_f {
    background: url(../images/password_bg.gif) no-repeat;
}

#login_button {
    margin-top: 13px;
}

#loginerror_text {
    color: red;
    margin-top: 20px;
    display: block;
}

.button {
    text-align: center;
    display: block;
    width: 84px;
    height: 21px;
    background: url(../images/button_bg.gif) no-repeat;
    color: #d7cfcb;
    text-decoration: none !important;
    text-shadow: 1px 1px #693230;
    padding-top: 7px;
    margin: 0px auto;
    font-size: 11px;
}

.button:hover {
    background: url(../images/button_bg.gif) left 100%;
    cursor: pointer;
}

input.button {
    border: none;
}

.news {
    background: url(../images/news_hr.gif) center bottom no-repeat;
    padding-bottom: 15px;
    margin-bottom: 18px;
}

.news_title {
    margin-bottom: 18px;
}

.right-buttons {
    text-align: right;
}

.right-buttons button:not(:last-child) {
    margin-right: 4px;
}

div.center.buttons-container button:not(:last-child) {
    margin-right: 12px;
}

.nt_title {
    margin-right: 85px;
    font-size: 18px;
    font-weight: 600;
}

.nt_title a {
    text-decoration: none;
}

.nt_title a:hover {
    text-decoration: underline;
}

.nt_date {
    width: 85px;
    float: right;
    color: #736e73;
    text-align: right;
}

.nt_date span {
    font-size: 16px;
    color: #c3bcba;
}

.news_info {
    text-align: right;
    font-size: 10px;
    margin-top: 15px;
}

.news_info a {
    text-decoration: none;
}

.views {
    background: url(../images/view_icon.png) no-repeat;
    padding-left: 25px;
    margin-left: 10px;
}

.comments {
    background: url(../images/comment_icon.png) no-repeat;
    padding-left: 25px;
    margin-left: 10px;
}

.read_more a {
    float: right;
    text-decoration: underline;
}

.read_more a:hover {
    text-decoration: none;
}

.news_icon img {
    float: left;
    margin-right: 6px;
    margin-top: 2px;
    margin-left: -22px;
}

.thread-post {
    font-size: 12.5px;
    margin-top: 0.75em;
    padding: 0.75em;
    overflow-wrap: break-word;
}

.thread-post h1 {
    font-size: 17.5px;
    text-align: left;
    font-weight: bold;
    color: inherit;
    margin-bottom: 0;
}

.thread-post h2 {
    font-size: 15.5px;
    margin: 10px 0;
}

.thread-post h3 {
    font-size: 13.5px;
    margin: 10px 0;
}

.thread-post ul {
    padding-left: 15px;
}

.thread-post img {
    max-width: 100%;
}

span.timing:hover {
    cursor: pointer;
    text-decoration: underline;
}

#pages {
    margin-top: 7px;
    text-align: center;
}

#pages a {
    padding: 4px 6px;
    background: #1d1b22;
    color: #969195;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin: 0px 1px;
}

#pages a.active {
    padding: 4px 6px;
    background: #2a272f;
    color: #d7cfcb;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin: 0px 1px;
}

#next {
    background: url(../images/next.gif) right 8px no-repeat !important;
    padding-right: 20px !important;
}

#prev {
    background: url(../images/prev.gif) left 8px no-repeat !important;
    padding-left: 20px !important;
}

#gallery_block {
    width: 396px;
    height: 101px;
    background: url(../images/gallery_bg.jpg) no-repeat;
    margin: 0px auto;
    padding-left: 23px;
}


/** Courusel **/


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

#mycarousel {
    width: 372px;
    margin-top: 6px;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
}


/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 372px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 120px;
    height: 96px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 372px;
    height: 96px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 120px;
    height: 96px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 120px;
    height: 96px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 14px;
    width: 112px;
    height: 96px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal:hover {
    opacity: 0.8;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Horizontal Buttons
 */

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 36px;
    right: -24px;
    width: 21px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -21px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -42px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -63px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 36px;
    left: -23px;
    width: 21px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -21px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -42px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -63px 0;
}


/**
 *  Vertical Buttons
 */

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/** Pages forms styles **/

#page_content input,
textarea {
    /* width: 100%; */
    background: #121212;
    border: 1px solid #b5984d;
    outline: none;
    font-size: 11px;
    color: #949399;
    font-family: Arial;
    padding: 4px 6px;
}

#page_content input.apply-style {
    height: 36px;
    border-radius: 3px;
    padding-left: 8px;
    font-size: 13px;
}

#page_content input:focus,
textarea:focus {
    outline: 1px solid #6b6376;
}

#page_content button {
    background: url(../images/button.gif) repeat-x;
    color: #fff;
    border: 1px solid #c5815e;
    border-bottom: 1px solid #6e3432;
    border-right: 1px solid #6e3432;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    text-shadow: 1px 1px #4f2a29;
    padding: 7px 14px;
    cursor: pointer;
}

#page_content button:hover {
    opacity: 0.8;
}

#page_content hr {
    border: 1px solid #27242d;
    border-top: 1px solid #312e35;
    border-bottom: 1px solid #27242d;
    margin: 20px 0px;
}

#p_table {
    /* background: #1d1a21; */
    /* word-break: break-all; */
}

#p_table td.separator {
    padding: 0;
    width: 2%;
    background: #1c1c1c;
}

#p_table.strips tr:nth-child(2n + 3),
.strips-2 {
    color: #ffe9a6;
    background: #1c1b1c;
}

#p_table.strips tr:nth-child(2n + 3) .red,
.strips-2 .red {
    color: #ffe9a6;
}

#p_table.strips tr:nth-child(2n + 3) a:link,
#p_table.strips tr:nth-child(2n + 3) a:visited,
.strips-2 a:link,
.strips-2 a:visited {
    color: #ffe9a6;
}

#p_table td {
    padding: 6px;
    border: 1px solid #b5984d;
}


/* #p_table:not(.middle-aligned) td {
    vertical-align: text-top;
} */

#p_subtitle {
    background: #302f30 !important;
}

#page_content ul {
    padding: 0px;
    margin: 0px;
    line-height: 18px;
}

#page_content ul li {
    list-style: none;
    padding-left: 15px;
    background: url(../images/list_row.gif) left 5px no-repeat;
}

.no-border {
    border: none !important;
}

a.disabled,
#pages a.active {
    pointer-events: none;
    cursor: default;
}


/** ??eee select **/

.lineForm {}

.cusel,
.cuselFrameRight,
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown {
    background: url(../images/selects-2.png) no-repeat;
}

.cusel {
    /* i?uee ae? ??e?e?a aee??a? ????ee? ?i?aaa */
    height: 26px;
    background-position: left top;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    z-index: 1;
}

.cuselFrameRight {
    /* e?aa? ???u ??e?e?. i?u?i ?e???e??e? e e?aa? ??a?e?a */
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height: 100%;
    width: 42px;
    background-position: right top;
}

#city2,
#city3 {
    width: 194px;
}

.lineForm {
    color: #949399;
}

.cuselText {
    /* ei???e??? ?e? i?i??a????i?i ??e??a ??e?e? */
    height: 14px;
    padding: 6px 0 0 7px;
    /* ii??e?a?? i????iu e au?i?? ?e? ae?e?i?i ??e??a a ??e?e?? */
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font: 12px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    /* ??eo?u */
    position: absolute;
    top: 0;
    left: 0;
}

* html .cuselText {
    /* au?i?a ?eiea ?e? ??e??a ?e? e?6 */
    height: 22px;
}

.cusel span {
    /* ioi??e??e? ii?ei?a */
    display: block;
    cursor: pointer;
    white-space: nowrap;
    padding: 2px 15px 2px 5px;
    /* ia??e?? ?i?aaa - ??i i????i ??e??a i? iiec??ea */
    zoom: 1;
}

.cusel span:hover,
.cusel .cuselOptHover {
    /* ??ae?e? ii?ei?a ?a ?aa????e? */
    background: #e2e6f5;
    color: #292929;
}

.cusel .cuselActive {
    /* ioi??e??e? ae?ea?i?i ii?ei?a a ?ie?e? */
    background: #312e35;
    color: #fff;
    cursor: default;
}


/*
	styles for focus and hover
*/

.cusel:hover,
.cusel:hover .cuselFrameRight,
.cusel:focus,
.cusel:focus .cuselFrameRight,
.cuselFocus,
.cuselFocus .cuselFrameRight {
    background-image: url(../images/selects-3.png);
    outline-style: none;
}

.cuselOpen {
    z-index: 999;
}


/*
	styles for disabled select
*/

.classDisCusel,
.classDisCusel .cuselFrameRight {
    background-image: url(../images/selects-2-dis.png) !important;
    cursor: default;
    color: #ccc;
}

.classDisCusel .cuselText {
    cursor: default;
}


/*
	styles for scrollbar
*/

.cusel .cusel-scroll-wrap {
    /* ei???e??? ?e? ?eiea ? i?ie???eie */
    display: block;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #27242b;
    /* oi? auia?a?u??i ?ie?ea */
    border: 1px solid #3a3a45;
    min-width: 192px;
    width: auto;
}

.cusel .jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 5;
    border: 1px solid #999;
    /* ??a?e?u auia?a?u??i ?iecea */
    background: #fff;
}

.cusel .jScrollPaneTrack {
    /* ???e ?e? iiec??ea i?ie???ee */
    height: 100%;
    width: 7px !important;
    background: #e2e6f5;
    position: absolute;
    top: 0;
    right: 4px;
}

.cusel .jScrollPaneDrag {
    /* iiec??ie */
    position: absolute;
    background-position: -40px -26px;
    cursor: pointer;
    width: 15px !important;
    height: 27px !important;
    right: -4px;
}

.cusel .jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.cusel .jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.cusel .jScrollArrowUp {
    /* ????eea aa??? */
    position: absolute;
    top: 0;
    right: 2px;
    width: 26px;
    height: 12px;
    cursor: pointer;
    background-position: -2px -26px;
    overflow: hidden;
}

.cusel .jScrollArrowDown {
    /* ????eea a?ec */
    width: 25px;
    height: 12px;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 3px;
    cursor: pointer;
    background-position: -21px -26px;
    overflow: hidden;
}

.redSelect .cusel,
.redSelect .cuselFrameRight,
.redSelect .jScrollPaneDrag,
.redSelect .jScrollArrowUp,
.redSelect .jScrollArrowDown {
    background-image: url(images/selects-red.png) !important;
}

.forum-thread .thread-post:nth-child(2n + 1) {
    background-color: #27242d;
    border-bottom: 1px solid #969195;
}

.forum-thread .thread-post:nth-child(2n + 2) {
    background-color: #969195;
    border-bottom: 1px solid #27242d;
    color: #27242d;
}

.forum-thread .thread-post a {
    text-decoration: none;
}

.forum-thread .thread-post:nth-child(2n + 2) a {
    color: #27242d;
}

.thread-post .thread-poster {
    margin: 0 0 3px 0;
    border-bottom: 1px solid #27242d;
}

.upload-container label {
    background: url(../images/button.gif) repeat-x;
    color: #fff;
    border: 1px solid #c5815e;
    border-bottom: 1px solid #6e3432;
    border-right: 1px solid #6e3432;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    text-shadow: 1px 1px #4f2a29;
    padding: 7px 14px;
    cursor: pointer;
    text-indent: 0px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
}

.upload-container span {
    margin-left: 4px;
}

.upload-container input[type="file"] {
    display: none;
}

.guild-logo {
    width: 100px;
    height: 80px;
}

.house-logo {
    width: 130px;
    height: 110px;
    margin-right: 5px;
}

table.guilds-table h2.guild-title,
table.houses-table h2.house-title {
    margin: 2px 0;
}

form {
    margin: 0;
}


/* Styled offers */

.donation-offer {
    width: 100px;
    /* height: 150px; */
    display: inline-block;
    margin-left: 12px;
    margin-top: 11px;
    padding: 3px;
    text-align: center;
    border-width: 1.5px;
    border-style: solid;
    border-image: linear-gradient( to bottom, #ebd821, #dddd15, #cde20b, #bce609, #a8eb12) 1;
    box-shadow: 0 0 0.2em 0em #ebd821;
    cursor: pointer;
    transition: background-color 0.5s ease;
    margin-top: 5px;
}

.donation-offer:not(.selected):hover {
    background-color: #cde20b;
    box-shadow: 0 0 0.5em 0em gold;
    margin-top: 4px;
}

.donation-offer.selected {
    background-color: #bce609;
    animation: Shine 1s ease infinite;
    box-shadow: 0 0 1.5em 0em gold;
}

.donation-offer .offer-coins {
    margin-top: 2px;
    margin-bottom: 10px;
    color: #ebd821;
}

.donation-offer .offer-coins small {
    font-size: 8px;
}

.donation-offer.selected .offer-coins,
.donation-offer:not(.selected):hover .offer-coins {
    color: #404;
}

.donation-offer .offer-image {
    width: 55px;
    height: 55px;
}

.donation-offer.selected .offer-image,
.donation-offer:not(.selected):hover .offer-image {
    box-shadow: 0 0 1em 0.3em rgba(68, 0, 68, 0.4);
}

.donation-offer .offer-button {
    color: #ebd821;
    border: 1px #ebd821 solid;
    font-size: 14px;
    font-weight: bolder;
    display: block;
    margin: 14px 10px;
    padding: 6px;
}

.donation-offer.selected .offer-button,
.donation-offer:not(.selected):hover .offer-button {
    color: #404;
    border: 2px #404 solid;
}

.special-reward {
    height: 120px;
    width: 120px;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
}

.special-reward.deactive {
    display: none;
}

.package-offer {
    width: 100px;
    height: 150px;
    display: inline-block;
    margin-left: 12px;
    margin-top: 11px;
    padding: 3px;
    text-align: center;
    border-width: 1.5px;
    border-style: solid;
    border-image: linear-gradient( to bottom, #ebd821, #dddd15, #cde20b, #bce609, #a8eb12) 1;
    box-shadow: 0 0 0.2em 0em #ebd821;
    cursor: pointer;
    transition: background-color 0.5s ease;
    margin-top: 5px;
}

.package-offer:not(.selected):hover {
    background-color: #cde20b;
    box-shadow: 0 0 0.5em 0em gold;
    margin-top: 4px;
}

.package-offer.selected {
    background-color: #bce609;
    animation: Shine 1s ease infinite;
    box-shadow: 0 0 1.5em 0em gold;
}

.package-offer .offer-coins {
    margin-top: 2px;
    margin-bottom: 10px;
    color: #ebd821;
}

.package-offer .offer-coins small {
    font-size: 8px;
}

.package-offer.selected .offer-coins,
.package-offer:not(.selected):hover .offer-coins {
    color: #404;
}

.package-offer .offer-image {
    width: 55px;
    height: 55px;
}

.package-offer.selected .offer-image,
.package-offer:not(.selected):hover .offer-image {
    box-shadow: 0 0 1em 0.3em rgba(68, 0, 68, 0.4);
}

.package-offer .offer-button {
    color: #ebd821;
    border: 1px #ebd821 solid;
    font-size: 14px;
    font-weight: bolder;
    display: block;
    margin: 14px 10px;
    padding: 6px;
}

.package-offer.selected .offer-button,
.package-offer:not(.selected):hover .offer-button {
    color: #404;
    border: 2px #404 solid;
}

.package-reward {
    height: 120px;
    width: 120px;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
}

.package-reward.deactive {
    display: none;
}


/* News */

.nt_title {
    margin-right: 85px;
    font-size: 18px;
    font-weight: 600;
}

.nt_title a {
    text-decoration: none;
}

.nt_title a:hover {
    text-decoration: underline;
}

.nt_date {
    width: 150px;
    float: right;
    color: #736e73;
    text-align: right;
}

.nt_date span {
    font-size: 16px;
    color: #c3bcba;
}


/* Error BOX */

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}

.alert-danger {
    color: #ff0018;
    background-color: rgba(248, 215, 218, 0.1);
    border-color: #721c24;
}

.alert-success {
    color: #00ff04;
    background-color: rgba(223, 240, 216, 0.3);
    border-color: #d6e9c6;
}

/* others */

.no-drop {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}
  .BigButton {
    position: relative;
    background-image: url(https://sv1.viking-otserver.com/templates/retrozer/images/buttons/bt01.png);
    width: 174px;
    height: 36px;
    text-align: center;
	border: none; /* Remove a borda */
    line-height: 36px;
    cursor: pointer; /* Define um cursor de mão para indicar que é um botão clicável */
  }

  .BigButton:hover .BigButtonOver {
    visibility: visible;
  }

  .BigButtonOver {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://sv1.viking-otserver.com/templates/retrozer/images/buttons/bt01-hover.png);
    width: 100%;
    height: 100%;
    visibility: hidden;
  }

  .BigButtonText {
    position: relative;
    z-index: 0;
    background: transparent; /* Remove o fundo do texto */
    border: none; /* Remove a borda */
    padding: 0; /* Remove o espaçamento interno */
  }

.CharacterTradeTibiaCoinBalance {
    position: relative !important;
    top: 42px !important;
    color: #fff;
    right: 10px;
    font-size: 7pt;
    display: block !important;
    float: right !important;
    z-index: 2 !important;
}


.custom-button {
    width: 174px;
    height: 36px;
    background-image: url('https://sv1.viking-otserver.com/templates/retrozer/images/buttons/bt01.png');
    background-size: cover;
    border: none;
    cursor: pointer;
}

.custom-button:hover {
    background-image: url('https://sv1.viking-otserver.com/templates/retrozer/images/buttons/bt01-hover.png');
}

* 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: #ABA08D;
  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: #ABA08D;
  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;
}

/* 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 */
.InnerTableContainer .TableContentContainer {
    box-shadow: 3px 3px 2px #875f3e;
}
.TableContentContainer {
    border: 1px solid #5f4d41;
    position: relative;
    margin-right: 7px;
    margin-bottom: 5px;
    height: 100%;
    background-color: #ABA08D;
    padding: 0;
}
.TableContainer .Table3 .TableContent td {
    border: 1px solid #faf0d7;
}


.TableContainer .GreedyCell {
    width: 80%;
}
.LabelV80{
	font-weight:700;
	padding-right:10px;
	white-space:nowrap;
	vertical-align:top;
	width:80px;
}
.LabelV100{
	font-weight:700;
	padding-right:10px;
	white-space:nowrap;
	vertical-align:top;
	width:100px;
}
.LabelV120{
	font-weight:700;
	padding-right:10px;
	white-space:nowrap;
	vertical-align:top;
	width:120px;
}
.LabelV150{
	font-weight:700;
	padding-right:10px;
	white-space:nowrap;
	vertical-align:top;
	width:150px;
}
.LabelV175{
	font-weight:700;
	padding-right:10px;
	white-space:nowrap;
	vertical-align:top;
	width:175px;
}
.LabelV200{
	font-weight:700;
	padding-right:10px;
	white-space:nowrap;
	vertical-align:top;
	width:200px;
}
.LabelV250{
	font-weight:700;
	padding-right:10px;
	white-space:nowrap;
	vertical-align:top;
	width:250px;
}

.LabelV {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}
.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;
}