html,body {width:100%;min-width:992px;}
body {background-color:#000000;background-image:url(img/bck.jpg);background-repeat:repeat-y;background-position:top center;margin:0;height:100%;overflow-x:auto;}
/* Explicit centering also works with older browsers and the archived absolute layout. */
#site {position:relative;left:50%;width:992px;min-height:700px;margin-left:-496px;}
.text {font-family:Verdana,Helvetica,sans-serif;font-size:11px;line-height:19px;color:#CCCCCC;}
.white {color:#FFFFFF;}
.sub_title {font-family:Verdana,Helvetica,sans-serif;font-size:12px;font-weight:bold;line-height:19px;color:#CCCCCC;}
.label {font-family:Verdana,Helvetica,sans-serif;font-size:11px;line-height:17px;color:#CCCCCC;}
.login {font-family:Verdana,Helvetica,sans-serif;font-size:10px;color:#CCCCCC;}
.member {font-family:Verdana,Helvetica,sans-serif;font-size:11px;color:#CCCCCC;line-height:19px;}
.note {font-family:Verdana,Helvetica,sans-serif;font-size:9px;line-height:10px;color:#777777;}
.fields {border:0px;font-family:Verdana,Helvetica,sans-serif;font-size:10px;color:#000000;}
#map_bck {position:absolute;left:16px;width:829px;height:521px;background-image:url(img/map_bck.jpg);background-repeat:no-repeat;}
#login_bck {position:absolute;width:829px;height:59px;background-image:url(img/login_bck.gif);}
#login {position:absolute;top:7px;left:492px;width:320px;}
#member {position:absolute;top:7px;left:502px;width:300px;}
#container {background-color:#767d6d;position:absolute;width:767px;top:117px;left:34px;}
#nav_button {position:relative;width:166px;height:19px;font-family:Verdana,Helvetica,sans-serif;font-size:10px;padding-top:4px;padding-left:14px;}
a.nav_button_1 {text-decoration:none;color:#CC9900;}
a.nav_button_1:hover {text-decoration:underline;color:#CC9900;}
a.nav_button_2 {text-decoration:none;color:#CCCCCC;}
a.nav_button_2:hover {text-decoration:underline;color:#CC9900;}
a.nav_button_small {text-decoration:none;color:#CCCCCC;font-size:10px;}
a.nav_button_small:hover {text-decoration:underline;color:#CC9900;font-size:10px;}
a.nav_button_3 {text-decoration:underline;color:#CCCCCC;}
a.nav_button_3:hover {text-decoration:underline;color:#CC9900;}
a.nav_white {text-decoration:underline;color:#FFFFFF;}
a.nav_white:hover {text-decoration:underline;color:#FFFFFF;}
#section_title {position:absolute;top:120px;left:218px;}
#section_title_h {position:absolute;top:74px;left:218px;}
#titlebar {font-family:Verdana,Helvetica,sans-serif;font-size:10px;padding-top:45px;padding-left:27px;padding-bottom:0px;color:#CCCCCC;font-weight:bold;}
#footer {position:relative;height:95px;background-image:url(img/footer.jpg);background-repeat:no-repeat;}
#legal {position:absolute;width:530px;top:23px;left:120px;color:#999999;font-family:Verdana,Helvetica,sans-serif;font-size:9px;line-height:15px;}
a.legal {text-decoration:underline;color:#FFFFFF;}
a.legal:hover {text-decoration:underline;color:#CC9900;}
a {text-decoration:underline;color:#CC9900;}
a:hover {text-decoration:underline;color:#FFFFFF;}
#logo {position:absolute; top:0px; left:27px;width:138px;height:118px;}
#highlight {position:relative;background-color:#444444;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;}
#highlight_error {position:relative;background-color:#444444;color:#CC9900;padding-left:5px;padding-right:5px;padding-top:7px;padding-bottom:5px;font-size:12px;}
.screenshot {font-family:Verdana,Helvetica,sans-serif;font-size:11px;line-height:15px;color:#CCCCCC;width:200px;;height:33px;padding-left:375px;padding-top:35px;}
#right_bug_bck {position:absolute;top:0px;left:825px;width:167px;height:271px;}
.copy_right {color: #660000; font-size: 10px; font-weight: bold; }
.mov {color: #660000;}
#banner {position:absolute;top:120px;left:245px;}
.content-table {width:470px;margin:12px auto;border-collapse:separate;border-spacing:1px;background:#510f00;color:#ccc;font:11px Verdana,Helvetica,sans-serif;}
.content-table th {padding:6px;background:#510f00;color:#fff;}
.content-table td {padding:5px;background:#330000;}
.content-table tr:nth-child(even) td {background:#270000;}
.content-tabs {margin:8px auto 15px;text-align:center;font:10px Verdana,Helvetica,sans-serif;}
.content-tabs a {display:inline-block;margin:2px;padding:5px 8px;background:#111;color:#ccc;text-decoration:none;border:1px solid #3e3028;}
.content-tabs a:hover,.content-tabs a.active {color:#cc9900;border-color:#7b4c21;}
.content-panel {width:506px;min-height:300px;margin:0 auto;padding:12px 0;background:#000 url(img/embed_bck2.gif);color:#ccc;font:11px Verdana,Helvetica,sans-serif;line-height:18px;}
.forum-row {display:block;margin:1px 18px;padding:10px;background:#330000;text-decoration:none;color:#ccc;}
.forum-row:hover {background:#510f00;color:#fff;}
.forum-row strong {display:block;color:#cc9900;font-size:12px;}
.forum-meta {color:#888;font-size:9px;}
.character-title {margin:0 18px 10px;padding:8px;text-align:center;background:#510f00;color:#cc9900;font:bold 16px Georgia,serif;border:1px solid #7b3218;}
.character-stats {width:430px;margin-bottom:18px;}
.character-stats td {width:50%;}
.equipment-heading {margin:8px 18px;padding:6px;text-align:center;background:#111;color:#cc9900;font:bold 11px Verdana,Arial,sans-serif;}
.character-paperdoll {position:relative;width:470px;height:350px;margin:0 auto 16px;border:1px solid #510f00;background:radial-gradient(circle at 50% 38%,#28150f 0,#080403 52%,#000 100%);box-shadow:inset 0 0 35px #000;overflow:visible;}
.equipment-slot {position:absolute;display:grid;place-items:center;border:1px solid #5b3223;background:radial-gradient(circle at 50% 0,#3b1d12,#160905 62%,#050201);box-shadow:inset 0 1px #77452d;overflow:visible;}
.equipment-slot-pet {left:20px;top:20px;width:70px;height:50px;}
.equipment-slot-helm {left:198px;top:15px;width:70px;height:60px;}
.equipment-slot-wings {right:20px;top:15px;width:96px;height:65px;}
.equipment-slot-left-hand {left:20px;top:105px;width:70px;height:100px;}
.equipment-slot-armor {left:188px;top:100px;width:90px;height:90px;}
.equipment-slot-pendant {left:128px;top:86px;width:42px;height:42px;}
.equipment-slot-gloves {right:20px;top:105px;width:70px;height:90px;}
.equipment-slot-ring-left {left:128px;top:218px;width:42px;height:42px;}
.equipment-slot-pants {left:195px;top:220px;width:75px;height:70px;}
.equipment-slot-ring-right {right:128px;top:218px;width:42px;height:42px;}
.equipment-slot-right-hand {left:20px;bottom:18px;width:70px;height:100px;}
.equipment-slot-boots {right:20px;bottom:18px;width:70px;height:80px;}
.equipment-slot-name {display:none;}
.equipment-item-card {position:relative;display:grid;place-items:center;width:calc(100% - 2px);height:calc(100% - 2px);overflow:visible;background:radial-gradient(circle at 50% 0,#422217,#170a06 65%,#050201);}
.equipment-item-card img {display:block;max-width:calc(100% - 5px);max-height:calc(100% - 5px);object-fit:contain;filter:drop-shadow(0 3px 4px #000);}
.equipment-item-card>strong {padding:3px;color:#ccc;font:9px Verdana,Arial,sans-serif;text-align:center;}
.equipment-item-card>span {position:absolute;right:2px;bottom:2px;padding:0 3px;background:#120700;border:1px solid #5b3223;color:#cc9900;font:bold 9px Verdana,Arial,sans-serif;}
.equipment-slot-empty {width:calc(100% - 2px);height:calc(100% - 2px);color:transparent;background:linear-gradient(#180b07,#080302);}
.item-tooltip {position:absolute;left:50%;bottom:calc(100% + 8px);z-index:10001;width:max-content;min-width:205px;max-width:260px;transform:translateX(-50%) translateY(6px);padding:9px 11px;border:3px solid #050505;background:rgba(0,0,0,.94);box-shadow:0 0 0 1px #56301d,0 10px 28px #000;color:#fff;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:.12s ease;}
.equipment-slot-pet .item-tooltip,.equipment-slot-helm .item-tooltip,.equipment-slot-wings .item-tooltip {top:calc(100% + 8px);bottom:auto;}
.equipment-item-card:hover {z-index:10000;}
.equipment-item-card:hover .item-tooltip {opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.item-tooltip-line {font:11px/15px Verdana,Arial,sans-serif;text-shadow:0 1px #000;}
.item-tooltip-line+.item-tooltip-line {margin-top:2px;}
.item-tooltip-line.name,.item-tooltip-line.base,.item-tooltip-line.requirement {color:#fff;}
.item-tooltip-line.damage,.item-tooltip-line.option,.item-tooltip-line.normal-option {color:#6da8ff;}
.item-tooltip-line.luck {color:#ff3020;}
.item-tooltip-line.excellent {color:#00ff66;font-weight:bold;}
.item-tooltip-line.class-requirement {margin:5px 2px 0;padding:1px 5px;background:#740000;color:#fff;}
.ranking-search {margin:2px auto 5px;text-align:center;font:10px Verdana,Arial,sans-serif;}
.ranking-search input[type=text] {width:150px;border:1px solid #510f00;background:#111;color:#ccc;padding:4px;}
.ranking-search input[type=submit] {border:1px solid #7b4c21;background:#330000;color:#cc9900;padding:4px 8px;cursor:pointer;}
.td_names {
	text-indent:40px;
}
#butoane {
	background-position:center;
	background-image:url(img/button.gif);
	background-repeat:repeat-x;
	height:16px;
	font-size:11px;
	color:#FFFFFF;
	padding-top:0px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
}
#butoane a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:100%;
	height:16px;
	}
#butoane a:hover{
	color:#FFFFFF;
}
