html {
    min-height: 100%;
}
body {
    color: white; font-family: sans-serif; font-size: 11px; margin: 0;
    min-height: 100vh;
    background-color: #0d0804 !important;
    background-image: url('../img/mavis.jpg?v=13') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}
#wrapper { width: 1000px; position: relative; margin: 30px auto; }
a { color: #9a7f7c; text-decoration:none; -webkit-transition: color .80s; -moz-transition: color .80s; -o-transition: color .80s; transition: color .80s;}
a:hover { color: #e2c5c2 }
hr { border-top: 1px solid #363636; border-bottom: 1px solid #161616; border-left: none; border-right: none; }
h1 { margin: 4px; font-size: 36px; }
h2 { margin: 3px; font-size: 30px; text-shadow: 0px 1px 6px #111; color: #f1f1f1;}
h3 { margin: 2px; font-size: 22px; }
h4 { margin: 1px; font-size: 18px; color: #71B100; }
table { font-size: 12px !important; }

input[type="text"] { width: 274px; border: 1px solid #372220; background-color: #211716; padding-top: 9px; color: #7b5955; height: 13px; padding-left: 4px; padding-bottom: 8px;}
input[type="password"] { width: 274px; border: 1px solid #372220; background-color: #211716; padding-top: 9px; color: #7b5955; height: 13px; padding-left: 4px; padding-bottom: 8px; }
input[type="submit"] { height: 31px; border:none; background-color: #f1f1f1; background-image:url(../img/submit_bg.png); background-repeat:repeat-x; color: #fff; padding-bottom: 5px; padding-left: 18px; padding-right: 18px; cursor:pointer; -moz-border-radius: 1px; border-radius: 1px; padding-top: 1px; margin-top: 1px; font-family: sans-serif; text-shadow: #0C3985 1px 1px 1px; }
[disabled] { opacity: 0.5;color:#ffc; }
input[type="button"] { height: 26px; margin-top: 4px; background-color: #f1f1f1; font-size: 11px; font-family: Verdana; text-shadow: #0C3985 1px 1px 1px; background-image:url(../img/submit_bg.png); background-repeat:repeat-x; color: #fff; padding-left: 18px; padding-right: 18px; border: none; cursor:pointer; padding-bottom: 4px; font-family: sans-serif; }
select { width: 280px; border: 1px solid #333; background-color: #181818; padding: 4px; color: #777; height: 30px; }
textarea { border: 1px solid #333; background-color: #181818; padding: 4px; color: #777; }

#leftcontent { position: relative; float: left; width: 680px; margin-top: 30px; }
#rightcontent { position: relative; float: right; width: 290px; margin-top: 30px;margin-left: 30px;}

.box_one { position: relative; width: 280px; background-color:#1c1211; padding: 5px; margin-bottom: 0px; text-align: center; background-image: url(../img/content_left_bg.png); background-repeat:repeat-x;border: 1px solid #392725; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; float: left;}
.box_one_title {
    position: relative; width: 280px; height: 30px; background-image:url(../img/box_one_title.png); background-repeat:repeat-x; margin-left: -5px; margin-top: -6px; padding-top: 7px; padding-left: 10px;
    font-family: 'Cinzel', serif !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #ffcc00 !important;
    text-shadow: 0px 0px 8px rgba(255, 204, 0, 0.6) !important;
    animation: pulseGold 3s infinite alternate !important;
}

.box_two { position: relative; float:left; width: 660px; padding: 10px; margin-bottom: 20px; -moz-box-shadow: 0px 0px 14px #000; -webkit-box-shadow: 0px 0px 14px #000; box-shadow: 0px 0px 14px #000; background-color: #1c1211; background-repeat:repeat-x; float:left; border: 1px solid #171717;
    line-height: 2 !important;
    font-size: 13.5px !important;
}
.box_two_title { position: relative; width: 666px; height: 28px; background-image:url(../img/box_one_title.png); color: #fff; margin-left: -11px; margin-top: -11px; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; font-weight: bold; font-size: 15px; color: #ffff71; }

#footer { position: relative; float: left; width: 660px; margin-top:250px; text-align:center; }

.yellow_text { color: #FFD31C; }
.red_text { color: #F82328; }
.gray_text { color: #ccc; }
.green_text { color: #71B100; }
.blue_text { color: #00A7F7; }

.news { background-color: rgb(255, 239, 239); margin-bottom: 5px; width: 100%; background: url(../img/section-title.png) repeat; padding: 9px 9px 6px 9px; text-shadow: 1px 1px 1px white; font-size: 28px; color: black; }
.news_content img { border: 1px solid #141414; -moz-box-shadow: 0px 0px 14px #000; -webkit-box-shadow: 0px 0px 14px #000; box-shadow: 0px 0px 14px #000; max-width: 180px; }
.news_comment { position: relative; float: left; width: 100%; margin: 3px; min-height: 50px; }
.news_comment_user { position: relative; float: left; width: 20%; font-size: 18px; text-align: center; }
.news_comment_body { position: relative; float: left; width: 75%; background-color: #212121; padding: 10px; border: 1px solid #151515; }

.service { position:relative; float:left; padding-bottom: 5px; padding-top: 5px; width: 216px; height: 45px; margin: 1px; color: #999;text-align: left; }
.service:hover{ background-color:#252525; cursor:pointer; }
.service_icon { position: relative; float:left; height: 30px; width: 45px; background-image: url(../img/services.png); margin-left: 10px; padding-top: 6px;}
.service h3 { font-size: 18px; }
.votelink { position:relative; float:left; margin: 4px; width: 320px; color: #999; text-align: left; }

.webformText { background: transparent url(../img/splash_button_right.png) no-repeat; background-position: right top; display: block; height: 36px; line-height: 32px; padding: 0 25px 0 75px; color: white; font-weight: bold; font-size: 15px; }
.splashWebformLogo { display: block; width: 77px; height: 66px; background-image: url(../img/webform_letter.png); top: -15px; left: 0; position: absolute; float: left; cursor: pointer; }
.splashWebformLink a { background: transparent url(../img/splash_button_left.png) no-repeat; background-position: left top; display: block; padding: 0 0 0 7px; position: relative; }
.splashWebformLink a:hover span.webformText { background-position: right -36px; }

.content_hider { cursor:pointer; color: #ccc; }
.content_hider_highlight { color:#71B100; cursor:pointer; }
.content_hider:hover { color: #FFF;}
.hidden_content {display: none;padding: 3px;margin: 3px; position: relative; float:left; width: 100%;}

.shopBox { position: relative; width: 645px; float: left; border: 1px solid #333; background-color: #181818; margin: 3px; padding: 3px; border-radius: 1px; color: #777; }
#cartHolder { position: absolute; right: 4px; height: 14px; top: 5px; background-color: #f1f1f1; font-size: 11px; background-repeat:repeat-x; padding-right: 12px; background-image:url(../img/account_func_bg.png); border: 1px solid #151515; padding-left: 12px; color: #fff; cursor:pointer; padding-bottom: 4px; padding-top: 4px; font-family: 'Calibri', 'newCalibri', 'Arial'; }
#cartHolder:hover { border: 1px solid #444; }
#cartHead { height: 14px; background-color: #f1f1f1; font-size: 11px; background-repeat:repeat-x; padding-right: 12px;background-image:url(../img/account_func_bg.png); border: 1px solid #151515; padding-left: 12px; color: #fff; padding-bottom: 4px; padding-top: 4px; font-family: 'Calibri', 'newCalibri', 'Arial'; }
#cartHead th { border: 1px solid #151515; }

.charBox { position: relative; width: 645px; float: left; border: 1px solid #333; background-color: #181818; margin: 3px; padding: 3px; border-radius: 1px; color: #777; }
.charBox:hover { background-color: #252525; cursor:pointer; border: 1px solid #585858; }

span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.email, span.doc, span.accept,span.vote, span.currency {display: block;padding: 8px 10px 8px 34px;margin: 15px 0;}
span.attention {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../global/../img/typo/attention.png) 10px 50% no-repeat;}
span.attention a{color:#666; text-decoration:none; font-weight:bold;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../global/../img/typo/notice.png) 10px 50% no-repeat;}
span.notice a{color: #648434;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../global/../img/typo/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../global/../img/typo/download.png) 10px 50% no-repeat;}
span.download a{color: #1C6B8B;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../global/../img/typo/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../global/../img/typo/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../global/../img/typo/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../global/../img/typo/cart.png) 10px 50% no-repeat;}
span.email {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../global/../img/typo/email.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../global/../img/typo/doc.png) 10px 50% no-repeat;}
span.doc a{color: #C76E34; font-weight:bold; text-decoration:none;}
span.accept{color: #648434; border: 1px solid #9BCC54; background: #CDEFA6 url(../global/../img/typo/accept.png) 10px 50% no-repeat;}
span.currency {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../global/../img/typo/coins.png) 10px 50% no-repeat;}
span.moreinfo {color: #FFF;border: 1px solid #0C1B2E;background-image: url(../global/../img/moreinfo.png); background-repeat: repeat-x; display: block;padding: 4px 3px 5px 6px;margin: 5px 0; cursor:pointer;}
span.vote {color: #B79000;border: 1px solid #1D73A7;background: #85B3FE;}
span.moreinfo:hover { opacity:0.78; }

.account_func { position: relative; float:left; width:139px; padding-left: 40px; padding-right: 40px; color: #999; background-image:url(../img/account_func_bg.png); background-repeat:repeat-x; border: 1px solid #343434; height: 32px; font-size: 15px; padding-top: 11px; cursor:pointer; margin-bottom: -1px; margin-left: -1px; }
.account_func:hover { color: #71B100; }

#account_func_placeholder { width: 660px; text-align:center; }
.account_func_highlight { position: relative; padding-left: 40px; padding-right: 40px; color: #71B100; background-image:url(../img/account_func_bg_hover.png); background-repeat:repeat-x; border: 1px solid #343434; height: 32px; font-size: 15px; padding-top: 11px; cursor:pointer; -moz-box-shadow: 0px 0px 14px #000; -webkit-box-shadow: 0px 0px 14px #000; box-shadow: 0px 0px 14px #000 }

.leftbtn { float: left; width: 134px; margin-left: 3px; margin-right: 3px; }

#popup { position: absolute; width: 560px; z-index: 99; display:none;}
#popup_title { position: relative; width: 550px; height: 43px; background-image: url(../img/topBar.png); background-repeat:no-repeat; padding-top: 9px; padding-left: 10px; font-size: 15px; }
#popup_body { positon: relative; width: 540px; min-height: 40px; background-color:#1E1E1E; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; margin-top: -1px; text-align: center; }
#popup_bottom { position: relative; width: 560px; height: 66px; background-image: url(../img/botBar.png); background-repeat:no-repeat; }
#popup_close { position: absolute; top: 9px; right: 10px; height: 17px; width: 17px; background-image:url(../img/close.png); background-repeat:no-repeat; cursor:pointer; opacity: 0.7; }
#popup_close:hover { opacity: 1; }
#popup input[type="button"] { height: 36px; background-image:url(../img/popupCloseBtn.png); background-repeat:repeat-x; color: #999; border: 1px solid #3A3A3A; text-shadow: none; opacity: 0.95; }
#popup input[type="button"]:hover { opacity: 1; border: 1px solid #5A5A5A; }
#popup_close_button { height: 36px; background-image:url(../img/popupCloseBtn.png); background-repeat:repeat-x; color: #999; border: 1px solid #3A3A3A; text-shadow: none; opacity: 0.95; }
#popup_close_button:hover { opacity: 1; border: 1px solid #5A5A5A;}

#raf_box { width: 645px; height: 14px; border: 1px solid #333; background-color: #181818; color: #777; padding: 6px; padding-top: 8px; }
#raf_box:hover { padding: 8px; border: 1px solid #FFD31C; }

.main_view {float: left; width: 670px;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#886460; position: relative; background-color:#1c1211; padding: 5px; margin-bottom: 20px; background-image: url(../img/content_left_bg.png); background-repeat:repeat-x;border: 1px solid #4e3735; -moz-box-shadow: 0px 0px 14px #000; -webkit-box-shadow: 0px 0px 14px #000; box-shadow: 0px 0px 14px #000; }
.window { height:240px; width: 670px; overflow: hidden; position: relative; }
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img {float: left;}

.paging { position: absolute; bottom: 0px; right: -37px; width: 178px; height:47px; z-index: 9999; text-align: center; line-height: 40px; display: none; text-shadow: 1px 1px 0px #000; }
.paging a { padding: 5px; text-decoration: none; color: #fff; }
.paging a.active { font-weight: bold; background: #0072A8; border: 1px solid #00496C; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
.paging a:hover {font-weight: bold;}
#overlay { margin-top: -10px; position: absolute; overflow: hidden; width: 100%; height: 100%; background-color:#000; opacity: 0.78; z-index: 98; display:none; background-image: url(img/ajax-loader.gif); background-position:center; background-repeat:no-repeat; }

.iconlarge { height: 68px; width: 68px; }
.webshop { background-color: #1e1e1e; background-image:url(../centurion/img/content_bg.png); background-repeat:repeat-x; border: 1px solid #343434; }
.webshop .col0 { border-left: 1px solid #343434; }
.webshop .col { float: left; width: 308px; padding: 5px 10px; min-height: 300px; }
.webshop .col1 { border-right: 1px solid #343434; }
.webshop .col .wheader { color: white; font-size: 15px; font-weight: normal; margin: 0 0 5px; padding: 3px 8px; color: #999; background-image:url(../centurion/img/account_func_bg.png); background-repeat:repeat-x; border: 1px solid #343434; }
.iconmedium del { background-image: url("img/icon_border_medium.png"); height: 48px; width: 44px; z-index: 10; }
.webshop .col .iinfo { float: left; width: 228px; padding: 8px 5px 0 5px; }
.webshop .col .icon { float: left; }
.iconmedium { background-image: url("img/icon_border_medium.png"); height: 44px; width: 44px; z-index: 10; }
.iconsmall, .iconmedium, .iconlarge { position: relative; z-index: 0; }
.webshop .col .a { padding: 5px 4px; display: block; text-decoration: none; font-size: 14px; height: 44px; }
.webshop .col .a:hover { background-color: #333; color: white; cursor: pointer; }
.iconmedium ins { height: 36px; left: 4px; top: 4px; width: 36px; }
.iconsmall ins, .iconmedium ins, .iconlarge ins { background-repeat: no-repeat; display: block; position: absolute; z-index: 5; }
.webshop .col .iinfo span { color: #FFC000; font-size: 12px; }
.iconsmall del, .iconmedium del, .iconlarge del { background-repeat: no-repeat; display: block; left: 0; position: absolute; top: 0; z-index: 10; }
.iconlarge del { background-image: url("img/icon_border_large.png"); height: 68px; width: 68px; }
.iconlarge ins { height: 56px; left: 6px; top: 6px; width: 56px; }

.orange_tooltip { color: #FF8000; }
.purple_tooltip { color: #A335EE; }
.blue_tooltip { color: #0070DD; }
.green_tooltip { color: #1EFF00; }
.gray_tooltip { color: #9D9D9D; }
.white_tooltip { color: #fff; }
.gold_tooltip { color: #E5CC80; }

.warrior_color { color: #C69B6D; }
.paladin_color { color: #F48CBA; }
.hunter_color { color: #AAD372; }
.rogue_color { color: #FFF468; }
.priest_color { color: #FFF; }
.dk_color { color: #C41E3B; }
.shaman_color { color: #2359FF; }
.mage_color { color: #68CCEF; }
.warlock_color { color: #9382C9; }
.druid_color { color: #FF7C0A; }

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #d8d8d8;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }
.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}
.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
.CSSTableGenerator tr:hover td{ }
.CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGenerator td{
	vertical-align:middle;
	border:1px solid #d8d8d8;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:9px;
	font-size:18px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }
.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }
.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; }
.CSSTableGenerator tr:first-child td{
	background:-o-linear-gradient(bottom, #56aaff 5%, #56aaff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #56aaff) );
	background:-moz-linear-gradient( center top, #56aaff 5%, #56aaff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#56aaff");	background: -o-linear-gradient(top,#56aaff,56aaff);
	background-color:#56aaff;
	border:0px solid #d8d8d8;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:17px;
	font-family:Arial Black;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #56aaff 5%, #56aaff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #56aaff) );
	background:-moz-linear-gradient( center top, #56aaff 5%, #56aaff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#56aaff");	background: -o-linear-gradient(top,#56aaff,56aaff);
	background-color:#56aaff;
}
.CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; }
.CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

input[type="submit"], input[type="button"] {
    font-weight: bold !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #000000 !important;
    transition: all 0.3s ease-in-out !important;
}
input[type="submit"]:hover, input[type="button"]:hover {
    color: #ffcc00 !important;
    text-shadow: 0px 0px 6px rgba(255, 204, 0, 0.8) !important;
    filter: brightness(1.2) !important;
}

@keyframes rubyShimmer {
    0% { background-position: 0% 0%; }
    100% { background-position: -200% 0%; }
}

input.loginbtnwidth[type="submit"] {
    background: linear-gradient(120deg, #3d0509 0%, #8b0e1f 20%, #ff8fa3 30%, #c41e3b 40%, #6b0f1a 65%, #3d0509 100%) !important;
    background-size: 300% 100% !important;
    background-position: 0% 0% !important;
    animation: rubyShimmer 5s linear infinite !important;
    border: 1px solid #7a1120 !important;
    border-top: 1px solid #ff8fa3 !important;
    border-bottom: 2px solid #2b0305 !important;
    border-radius: 5px !important;
    height: auto !important;
    padding: 10px 0 !important;
    margin-top: 4px !important;
    color: #ffe9c7 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.8), 0px 0px 6px rgba(255, 140, 160, 0.3) !important;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.35), inset 0px -6px 10px rgba(0,0,0,0.4), 0px 2px 6px rgba(0,0,0,0.7), 0px 0px 12px rgba(196, 30, 59, 0.6) !important;
    cursor: pointer !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

input.loginbtnwidth[type="submit"]:hover {
    color: #fff3d6 !important;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.8), 0px 0px 10px rgba(255, 180, 190, 0.6) !important;
    animation: rubyShimmer 2s linear infinite !important;
    box-shadow:
        inset 0px 1px 0px rgba(255,255,255,0.5),
        inset 0px -6px 10px rgba(0,0,0,0.35),
        0px 0px 20px rgba(255, 60, 90, 0.85),
        45px 0px 50px -8px rgba(255, 190, 210, 0.75) !important;
    transform: translateY(-1px) !important;
}

input[type="text"], input[type="password"] {
    border: 1px solid #4a3431 !important;
    background-color: #120c0b !important;
    color: #ffffff !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

input[type="text"]:focus, input[type="password"]:focus {
    border-color: #ffcc00 !important;
    box-shadow: 0px 0px 10px rgba(255, 204, 0, 0.3) !important;
    outline: none !important;
}

@keyframes pulseGold {
    from { text-shadow: 0px 0px 5px rgba(255, 204, 0, 0.4); }
    to { text-shadow: 0px 0px 15px rgba(255, 204, 0, 0.9); }
}

/* #cssmenu visuals live in immo-theme.css (glass rail). Keep only width hook for rescaleSite. */
#cssmenu {
    position: relative !important;
    z-index: 1000 !important;
    width: 1000px !important;
    margin: 18px auto 16px auto !important;
}

.box_two table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 15px 0 !important;
    background-color: #211716 !important;
    color: #e0e0e0 !important;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}
.box_two table th {
    background-color: #3b2826 !important;
    color: #ffcc00 !important;
    padding: 12px 10px !important;
    border: 1px solid #4a3431 !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
}
.box_two table tr:first-child:has(td + td) td {
    background-color: #3b2826 !important;
    color: #ffcc00 !important;
    padding: 12px 10px !important;
    border: 1px solid #4a3431 !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    text-shadow: 0px 0px 6px rgba(255, 204, 0, 0.3) !important;
}
.box_two table td {
    padding: 10px !important;
    border: 1px solid #362523 !important;
    text-align: center !important;
    font-size: 12px !important;
}
.box_two table tr:nth-child(even) {
    background-color: #1a1211 !important;
}
.box_two table tr:hover {
    background-color: #2b1d1b !important;
    box-shadow: inset 4px 0px 0px #ffcc00, inset 0px 0px 15px rgba(0, 0, 0, 0.8) !important;
}

.box_two table tr:nth-child(5n+2):not(:first-child) td:first-child {
    box-shadow: inset 4px 0px 0px #4a90e2 !important;
}
.box_two table tr:nth-child(5n+3):not(:first-child) td:first-child {
    box-shadow: inset 4px 0px 0px #c41e3b !important;
}
.box_two table tr:nth-child(5n+4):not(:first-child) td:first-child {
    box-shadow: inset 4px 0px 0px #2ecc71 !important;
}
.box_two table tr:nth-child(5n+5):not(:first-child) td:first-child {
    box-shadow: inset 4px 0px 0px #9b59b6 !important;
}
.box_two table tr:nth-child(5n+6):not(:first-child) td:first-child {
    box-shadow: inset 4px 0px 0px #ffcc00 !important;
}

.box_two table td a {
    color: #ffcc00 !important;
    font-weight: bold !important;
    text-decoration: underline !important;
    transition: color 0.25s ease, text-shadow 0.25s ease !important;
}
.box_two table td a:hover {
    color: #ffffff !important;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8) !important;
}
.box_two table tr {
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}
.box_two table tr td {
    transition: color 0.3s ease, text-shadow 0.3s ease !important;
}
.box_two table tr:hover td {
    color: #ffcc00 !important;
    text-shadow: 0px 0px 8px rgba(255, 204, 0, 0.5) !important;
}
.box_two table tr:hover td a {
    color: #ffffff !important;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8) !important;
}

#main ul, #main li {
    list-style: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
#main .container {
    text-align: center !important;
}
#main .button {
    display: inline-block !important;
    margin-bottom: 5px !important;
}
#main .dropdown {
    text-align: left !important;
    width: 100% !important;
}

footer {
    width: 1000px !important;
    margin: 30px auto 20px auto !important;
    text-align: center !important;
    clear: both !important;
    display: block !important;
}
footer h2 {
    font-size: 13px !important;
    color: #8c8c8c !important;
    text-shadow: none !important;
    font-weight: normal !important;
    font-family: 'Lato', sans-serif !important;
}

.welcome-override {
    height: auto !important;
    padding: 15px !important;
}

@keyframes fadeInUP {
    to { opacity: 1; transform: translateY(0); }
}

.adventure-text {
    text-align: center !important;
    font-family: 'Cinzel', serif !important;
    color: #ffcc00 !important;
    font-size: 19px !important;
    letter-spacing: 1px;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    animation: pulseGlow 2.5s infinite alternate !important;
}
@keyframes pulseGlow {
    from { text-shadow: 0px 0px 5px rgba(255, 204, 0, 0.3); }
    to { text-shadow: 0px 0px 15px rgba(255, 204, 0, 0.8); }
}

.xpand, .content_hider {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 28px !important;
    background: linear-gradient(to right, #1a1211, #2b1d1b, #1a1211) !important;
    border: 1px solid #3b2826 !important;
    border-radius: 4px !important;
    margin-top: 6px !important;
    margin-bottom: 35px !important;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.6) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    text-align: center !important;
}

.xpand:hover, .content_hider:hover {
    background: linear-gradient(to right, #2b1d1b, #3b2826, #2b1d1b) !important;
    border-color: #ffcc00 !important;
    box-shadow: 0px 0px 12px rgba(255, 204, 0, 0.3) !important;
    transform: translateY(-2px) !important;
}

.xpand img, .content_hider img {
    display: none !important;
}

@keyframes arrowInvitePulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.55; }
}

.xpand:not(.news-expand-btn)::after, .content_hider:not(.news-expand-btn)::after {
    content: "\25BC \25BC" !important;
    display: block !important;
    color: #9a7f7c !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    line-height: 26px !important;
    letter-spacing: 2px !important;
    font-weight: bold !important;
    transition: color 0.3s ease !important;
    animation: arrowInvitePulse 2s ease-in-out infinite !important;
}

.xpand:hover:not(.news-expand-btn)::after, .content_hider:hover:not(.news-expand-btn)::after {
    color: #ffcc00 !important;
}

.xpand + *, .content_hider + * {
    margin-top: -30px !important;
    margin-bottom: 50px !important;
    background-color: #120c0b !important;
    border: 1px solid #2b1d1b !important;
    border-left: 4px solid #ffcc00 !important;
    border-top: none !important;
    border-radius: 0 0 5px 5px !important;
    padding: 25px 35px !important;
    box-shadow: inset 0px 0px 20px rgba(0,0,0,0.8) !important;
    color: #e0e0e0 !important;
    line-height: 2.2 !important;
    font-size: 14px !important;
}

.xpand + * p, .content_hider + * p {
    margin-bottom: 15px !important;
}

.smart-back-btn {
    display: inline-block !important;
    background: linear-gradient(to bottom, #4a3431 0%, #2b1d1b 100%) !important;
    color: #ffcc00 !important;
    padding: 6px 12px !important;
    margin-bottom: 15px !important;
    font-family: 'Cinzel', serif !important;
    font-weight: bold !important;
    font-size: 12px !important;
    border: 1px solid #ffcc00 !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.8) !important;
    transition: all 0.3s ease !important;
}

.smart-back-btn:hover {
    background: #ffcc00 !important;
    color: #1a1513 !important;
    box-shadow: 0px 0px 10px rgba(255, 204, 0, 0.8) !important;
}

.banner-container {
    max-width: 630px !important;
    margin: 20px auto 10px auto !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    border: none !important;
    display: block !important;
    position: relative !important;
    background: transparent !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translateZ(0) !important;
    clip-path: inset(0 0 0 0 round 4px) !important;
}

.epic-banner {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border: 1px solid #4a3431 !important;
    border-radius: 5px !important;
    transition: transform 0.3s ease !important;
    transform-origin: center center !important;
    will-change: transform !important;
}
.epic-banner:hover {
    transform: scale(1.02) !important;
}

#server_time {
    font-family: 'Cinzel', serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #ffcc00 !important;
    text-align: center !important;
    padding: 10px 0 !important;
    margin: 5px 0 !important;
    letter-spacing: 2px !important;
    background: linear-gradient(to right, transparent, rgba(74, 52, 49, 0.6), transparent) !important;
    border-top: 1px solid #3b2826 !important;
    border-bottom: 1px solid #3b2826 !important;
    animation: tickTock 1s infinite !important;
}

@keyframes tickTock {
    0% {
        text-shadow: 0px 0px 15px rgba(255, 204, 0, 0.9);
        color: #ffffff;
        transform: scale(1.02);
    }
    50% {
        text-shadow: 0px 0px 5px rgba(255, 204, 0, 0.3);
        color: #ffcc00;
        transform: scale(1);
    }
    100% {
        text-shadow: 0px 0px 15px rgba(255, 204, 0, 0.9);
        color: #ffffff;
        transform: scale(1.02);
    }
}

.welcome-content {
    text-align: center !important;
    padding: 10px 20px 20px 20px !important;
}

.welcome-text {
    font-family: 'Cinzel', serif !important;
    font-size: 15px !important;
    color: #e8dcc4 !important;
    line-height: 2 !important;
    letter-spacing: 0.5px !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9) !important;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUP 1.2s ease-out forwards;
}

.highlight-link {
    color: #ffcc00 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255, 204, 0, 0.3) !important;
    text-shadow: 0px 0px 8px rgba(255, 204, 0, 0.4) !important;
    padding: 0 3px !important;
    transition: all 0.3s ease !important;
}

.highlight-link:hover {
    color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.9) !important;
    transform: translateY(-1px) !important;
    display: inline-block !important;
}

.button {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(160deg, #1e6fd9 0%, #114282 35%, #0a2752 65%, #041226 100%) !important;
    border: 1px solid #2a7fd6 !important;
    border-top: 1px solid #6ab8ff !important;
    border-bottom: 2px solid #010712 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4), inset 0px -6px 10px rgba(0,0,0,0.4), 0px 2px 6px rgba(0,0,0,0.7), 0px 0px 10px rgba(30,111,217,0.5) !important;
    padding: 7px 12px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.7), 0px 0px 4px rgba(255,255,255,0.25) !important;
    animation: diamondTwinkle 3s ease-in-out infinite !important;
}

@keyframes diamondTwinkle {
    0%, 100% { text-shadow: 0px 1px 2px rgba(0,0,0,0.7), 0px 0px 4px rgba(255,255,255,0.25); }
    50% { text-shadow: 0px 1px 2px rgba(0,0,0,0.7), 0px 0px 10px rgba(255,255,255,0.95), 0px 0px 18px rgba(200,230,255,0.7); }
}

.button::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 40%;
    height: 200%;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.35) 50%, transparent 100%);
    transform: rotate(20deg);
    transition: left 0.6s ease;
    pointer-events: none;
}

.button:hover::before {
    left: 140%;
}

.button:hover {
    background: linear-gradient(160deg, #2a82ec 0%, #1a5bb8 35%, #114282 65%, #0a2752 100%) !important;
    border-color: #6ab8ff !important;
    color: #ffffff !important;
    animation: diamondTwinkle 1.2s ease-in-out infinite !important;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), inset 0px -6px 10px rgba(0,0,0,0.3), 0px 0px 16px rgba(59, 136, 255, 0.9) !important;
    transform: translateY(-1px) !important;
}

.box_one form center .button {
    width: 47% !important;
    height: auto !important;
    line-height: 1.3 !important;
    margin: 5px 0.5% !important;
    padding: 8px 4px !important;
    font-size: 10px !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: break-word !important;
    font-family: 'Cinzel', serif !important;
    font-weight: bold !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    display: inline-block !important;
    vertical-align: top !important;
}

.box_two:has(.post_title) {
    max-height: 620px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.box_two:has(.post_title) .box_two_title {
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
    background: linear-gradient(180deg, #241814 0%, #1a1211 100%) !important;
    background-image: none !important;
}

.box_two:has(.post_title) #pn_title {
    position: sticky !important;
    top: 28px !important;
    z-index: 5 !important;
    background: linear-gradient(180deg, #1c1614 0%, #15100e 100%) !important;
    padding: 6px 0 !important;
}

.box_two:has(.post_title)::-webkit-scrollbar {
    width: 10px;
}
.box_two:has(.post_title)::-webkit-scrollbar-track {
    background: #1a1211;
    border-radius: 10px;
}
.box_two:has(.post_title)::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #ffcc00, #a87b1e);
    border-radius: 10px;
    border: 2px solid #1a1211;
}
.box_two:has(.post_title)::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #ffe066, #ffcc00);
}
.box_two:has(.post_title) {
    scrollbar-width: thin;
    scrollbar-color: #ffcc00 #1a1211;
}

.box_one form center img {
    width: 90px !important;
    height: 90px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 3px solid #ffcc00 !important;
    box-shadow: 0px 0px 15px rgba(255, 204, 0, 0.5), 0px 4px 10px rgba(0,0,0,0.7) !important;
    margin: 6px 0 10px 0 !important;
}

.box_one form center font[color="red"] {
    color: #ffcc00 !important;
    font-style: normal !important;
    text-shadow: 0px 0px 6px rgba(255, 204, 0, 0.4) !important;
}

.box_one form center {
    font-family: 'Cinzel', serif !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
}

.box_one form center > a:not(.up-avatar-link):not(.up-mailbox-btn) {
    display: inline-block !important;
    margin: 6px 0 10px 0 !important;
    padding: 6px 16px !important;
    background: linear-gradient(160deg, #3b2826 0%, #241715 100%) !important;
    border: 1px solid #4a3431 !important;
    border-radius: 5px !important;
    color: #ffcc00 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.6) !important;
}

.box_one form center > a:not(.up-avatar-link):not(.up-mailbox-btn):hover {
    background: linear-gradient(160deg, #4a3431 0%, #2b1d1b 100%) !important;
    border-color: #ffcc00 !important;
    color: #ffffff !important;
    box-shadow: 0px 0px 12px rgba(255, 204, 0, 0.5) !important;
    transform: translateY(-2px) !important;
}

.box_one form table {
    width: 100% !important;
    margin: 10px 0 !important;
    border-collapse: separate !important;
    border-spacing: 6px !important;
}

.box_one form table td {
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
}

.box_one form table td a {
    display: block !important;
    background: linear-gradient(160deg, #3b2826 0%, #241715 100%) !important;
    border: 1px solid #4a3431 !important;
    border-radius: 5px !important;
    color: #ffcc00 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 8px !important;
    transition: all 0.25s ease !important;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.6), inset 0px 1px 0px rgba(255,255,255,0.05) !important;
}

.box_one form table td a:hover {
    background: linear-gradient(160deg, #4a3431 0%, #2b1d1b 100%) !important;
    color: #ffffff !important;
    border-color: #ffcc00 !important;
    box-shadow: 0px 0px 12px rgba(255, 204, 0, 0.5), inset 0px 1px 0px rgba(255,255,255,0.1) !important;
    transform: translateY(-2px) !important;
}

.box_one form table td.logout-cell {
    padding-top: 4px !important;
}
.box_one form table a.logout-link {
    background: linear-gradient(160deg, #5a1018 0%, #3d0509 100%) !important;
    border-color: #7a1120 !important;
    color: #ffb3bd !important;
}
.box_one form table a.logout-link:hover {
    background: linear-gradient(160deg, #8b0e1f 0%, #5a1018 100%) !important;
    border-color: #ff8fa3 !important;
    color: #ffffff !important;
    box-shadow: 0px 0px 14px rgba(196, 30, 59, 0.7), inset 0px 1px 0px rgba(255,255,255,0.1) !important;
}

@keyframes menuBtnFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.box_one form center > a:not(.up-avatar-link):not(.up-mailbox-btn),
.box_one form table td a {
    animation: menuBtnFadeIn 0.45s ease both !important;
}

.box_one form center > a:not(.up-avatar-link):not(.up-mailbox-btn) { animation-delay: 0.05s !important; }
.box_one form table tr:nth-child(1) td:nth-child(1) a { animation-delay: 0.1s !important; }
.box_one form table tr:nth-child(1) td:nth-child(2) a { animation-delay: 0.15s !important; }
.box_one form table tr:nth-child(2) td:nth-child(1) a { animation-delay: 0.2s !important; }
.box_one form table tr:nth-child(2) td:nth-child(2) a { animation-delay: 0.25s !important; }
.box_one form table tr:nth-child(3) td:nth-child(1) a { animation-delay: 0.3s !important; }
.box_one form table tr:nth-child(3) td:nth-child(2) a { animation-delay: 0.35s !important; }
.box_one form table tr:nth-child(4) td a { animation-delay: 0.4s !important; }