*{margin:0;padding:0;border:0;list-style:none;}
*:focus{outline:none;}

html{
	font-family:Verdana, sans-serif;
	font-size:12px;
	position:relative;
	min-height:100%;
}

body{
	background:#060500;
	margin:0 0 120px;
}

a:link,a:visited{
	font-weight:bold;
	text-decoration:none;
}

header a{
	width:314px;
	height:80px;
	background:url(../img/sprite_beta1.webp) -390px -80px;
	margin:24px auto;
	display:block;
}

footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:36px;
	text-align:center;
	color:#B99C74;
}

.menu{
	background:#101010;
	margin:16px auto;
	width:1060px;
	border-radius:1px;
	border:1px solid #302e2e;
	box-shadow: 0px 0px 3px 0px #1B1B1B;
}


.info{
	box-shadow: inset 0 0 2px 2px #141310;
	border:1px solid #050505;
	display:flex;
	flex-direction:row;
	justify-content:center;
}




.headline_text{

margin-left:24px;


}

li.info div{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	flex:0 1 auto;
	padding:16px 16px;
}

li.message div{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	flex:0 1 auto;
	padding:16px 16px;
	margin:16px 0 0;

}

.error{
	color:#DF3450;
}

.sucess{
	color:#ABD473;
}

.warning{
	color:#C79C6E;
}

.emoji{
	font-size: 16px;
	padding:0 4px;
}






.categories{
	box-shadow: inset 0 0 2px 2px #141310;
	border:1px solid #050505;
	height:40px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	gap:24px;
}

.categories a{
	text-align:center;
	flex:0 1 auto;
	padding:13px 16px 0;
}

.classes{
	box-shadow: inset 0 0 2px 2px #141310;
	border:1px solid #050505;
	height:40px;
	display:flex;
	flex-direction:row;
	padding:0 0 0 16px;
}

.classes a{
	flex:0 1 auto;
	padding:13px 16px 0;
}

.ascendancies{
	box-shadow: inset 0 0 2px 2px #141310;
	border:1px solid #050505;
	height:40px;
	display:flex;
	flex-direction:row;
	padding:0 48px 0 48px;
	border-top:none;
}

.ascendancies a{
	flex:0 1 auto;
	padding:13px 16px 0;
}

.game{
	box-shadow: inset 0 0 2px 2px #141310;
	border:1px solid #050505;
	height:40px;
	display:flex;
	flex-direction:row;
	padding:0 0 0 16px;
}

.game a{
	flex:0 1 auto;
	padding:7px 16px 7px;
	align-self:center;
}

.right{
	margin-left:auto;
}

li.game a:link,li.game a:visited,li.ascendancies a:link,li.ascendancies a:visited{
	color:#a37c00;
}

li.game a.active,li.game a.action{
	color:#db9f00;
}

li.game a.active{
	background:#080808;
}

li.game a:hover,li.ascendancies a:hover,li.ascendancies a.active,li.ascendancies a.action{
	color:#db9f00;
}

li.classes a:link,li.classes a:visited,li.classescenter a:link,li.classescenter a:visited,li.categories a:link,li.categories a:visited,.name a:link,.author a:link,.author a:visited,.name a:visited,.name{
	color:#B99C74;
}

li.classes a:hover,li.classes a.active,li.classescenter a:hover,li.classescenter a.active,.name a:hover{
	color:#ffe5b5;
}

.author a:hover,li.categories a:hover,li.categories a.active{
	color:#eeeeee;
}



.default{
	cursor:default;
}











.author{
	color:#a38d6d;
	padding:0 16px;
}

.name{
	padding:8px 16px 8px;
	margin-right:32px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight:bold;
	font-size:13px;
}

#searchlist {
	border-left:1px solid #050505;
}

#searchlist input {
	height:38px;
	padding:1px 16px 0;
	color:#db9f00;
	width: 100px;
	background:#101010;
	font-weight:bold;
}


li.highlight{
	color:#fff;
}





.skill,.headline{
	box-shadow: inset 0 0 2px 2px #141310;
	height:42px;
	line-height:42px;
	background:#1c1d1c;
	color:#eeeeee;
	font-weight:bold;
}

.headline{
	border-bottom:1px solid #050505;
}

.headline a{
	color:#eeeeee;
	font-weight:normal;
	display:inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width:710px;
}

.start{
	background:#1c1d1c;
	color:#757575;
	height:40px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	gap:32px;
}

.start a{
	flex:0 1 auto;
	padding:7px 16px 7px;
	align-self:center;
	cursor:pointer;
	font-weight: bold;
	user-select: none;
}

li.start a.active{
	color:#eeeeee;
}

li.start a:link,li.start{
	color:#757575;
}


#popular,#latest,.build{
	margin:32px auto;
	width:1060px;
	overflow:hidden;
	flex:1 1 auto;
	border:1px solid #302e2e;
	box-shadow: 0px 0px 3px 0px #1B1B1B;
	border-radius:1px;
}

ul#popular li.light,ul#latest li.light,ul.build li.light{
	background:#171717;
	border-top:1px solid #050505;
	height:80px;
	padding:0 8px 0 0;
	color:#a38d6d;
}

ul#popular li.dark,ul#latest li.dark,ul.build li.dark{
	border-top:1px solid #050505;
	height:80px;
	background:#0f0f0f;
	padding:0 8px 0 0;
	color:#a38d6d;
}

.hidden{
	display:none;
}


.main{
	margin:32px auto;
	width:1060px;
	border:1px solid #302e2e;
	box-shadow: 0px 0px 3px 0px #1B1B1B;
	
	background:#171717;
}

.img_l{
	width:728px;
	height:90px;
	margin:16px auto;
}

.img_r{
	height: 250px;
	width: 300px;
}


.login{
margin:24px 0 12px;


}

.admin input,.login input{
	width:260px;
	display:inline-block;
	color:#B99C74;
	padding:12px;
	font-size:12px;
	margin:4px 0;
	background:#101010;
	box-shadow: inset 0 0 2px 2px #141310;
	border:1px solid #050505;
}

.login li{

	
padding-left:100px;
}

.admin span,.login span{
	width:300px;
	display:inline-block;
	padding:12px;
	font-size:12px;
	color:#eeeeee;
	text-align:right;
}

select{
	display:inline-block;
	color:#B99C74;
	padding:8px;
	margin:4px 0;
	font-size:12px;
	background:#0f0f0f;
	border:1px solid #000;
	width:220px;
}

input[type="checkbox"]{
	cursor:pointer;
	width:16px;
	height:16px;
	vertical-align:middle;
}

button.submit{
	width:140px;
	display:inline-block;
	color:#B99C74;
	padding:12px;
	margin:16px 0;
	font-size:12px;
	font-weight:bold;
	background:#0f0f0f;
	border:1px solid #000;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

label{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

label:hover{
    cursor:pointer;
}

p{
	margin:6px 0 8px;
}

.poe_mirror,.poe_divine,.poe_exalted,.poe_chaos,.poe_alchemy,.poe_wisdom{
	width:24px;
	height:24px;
	float:right;
	margin:-26px 12px 0;
}
.poe_mirror{background:url(../img/sprite_beta1.webp) -684px -42px;}
.poe_divine{background:url(../img/sprite_beta1.webp) -636px -42px;}
.poe_exalted{background:url(../img/sprite_beta1.webp) -708px -42px;}
.poe_chaos{background:url(../img/sprite_beta1.webp) -732px -42px;}
.poe_alchemy{background:url(../img/sprite_beta1.webp) -660px -42px;}
.poe_wisdom{background:url(../img/sprite_beta1.webp) -756px -42px;}

.poe2_mirror,.poe2_divine,.poe2_exalted,.poe2_chaos,.poe2_alchemy,.poe2_wisdom{
	width:24px;
	height:24px;
	float:right;
	margin:-26px 12px 0;
}
.poe2_mirror{background:url(../img/sprite_beta1.webp) -708px -90px;}
.poe2_divine{background:url(../img/sprite_beta1.webp) -732px -90px;}
.poe2_exalted{background:url(../img/sprite_beta1.webp) -756px -90px;}
.poe2_chaos{background:url(../img/sprite_beta1.webp) -708px -66px;}
.poe2_alchemy{background:url(../img/sprite_beta1.webp) -732px -66px;}
.poe2_wisdom{background:url(../img/sprite_beta1.webp) -756px -66px;}



.class_poe_gladiator,.class_poe_champion,.class_poe_slayer,.class_poe_ascendant,.class_poe_chieftain,.class_poe_berserker,.class_poe_juggernaut,.class_poe_trickster,.class_poe_saboteur,.class_poe_assassin,.class_poe_pathfinder,.class_poe_warden,.class_poe_deadeye,.class_poe_guardian,.class_poe_hierophant,.class_poe_inquisitor,.class_poe_elementalist,.class_poe_necromancer,.class_poe_occultist{width:130px;height:80px;float:left;border-right:1px solid #000;}
.class_poe_gladiator{background:url(../img/sprite_beta1.webp) 0 0;}
.class_poe_champion{background:url(../img/sprite_beta1.webp) -130px 0;}
.class_poe_slayer{background:url(../img/sprite_beta1.webp) -260px 0;}
.class_poe_ascendant{background:url(../img/sprite_beta1.webp) -390px 0;}
.class_poe_chieftain{background:url(../img/sprite_beta1.webp) 0 -80px;}
.class_poe_berserker{background:url(../img/sprite_beta1.webp) -130px -80px;}
.class_poe_juggernaut{background:url(../img/sprite_beta1.webp) -260px -80px;}
.class_poe_trickster{background:url(../img/sprite_beta1.webp) 0 -160px;}
.class_poe_saboteur{background:url(../img/sprite_beta1.webp) -130px -160px;}
.class_poe_assassin{background:url(../img/sprite_beta1.webp) -260px -160px;}
.class_poe_pathfinder{background:url(../img/sprite_beta1.webp) 0 -240px;}
.class_poe_warden{background:url(../img/sprite_beta1.webp) -130px -240px;}
.class_poe_deadeye{background:url(../img/sprite_beta1.webp) -260px -240px;}
.class_poe_guardian{background:url(../img/sprite_beta1.webp) -390px -160px;}
.class_poe_hierophant{background:url(../img/sprite_beta1.webp) -520px -160px;}
.class_poe_inquisitor{background:url(../img/sprite_beta1.webp) -650px -160px;}
.class_poe_elementalist{background:url(../img/sprite_beta1.webp) -390px -240px;}
.class_poe_necromancer{background:url(../img/sprite_beta1.webp) -520px -240px;}
.class_poe_occultist{background:url(../img/sprite_beta1.webp) -650px -240px;}


.class_poe2_titan,.class_poe2_smith,.class_poe2_lich,.class_poe2_tactician,.class_poe2_warbringer,.class_poe2_ritualist,.class_poe2_amazon,.class_poe2_titan,.class_poe2_witchhunter,.class_poe2_legionnaire,.class_poe2_pathfinder,.class_poe2_deadeye,.class_poe2_infernalist,.class_poe2_bloodmage,.class_poe2_chronomancer,.class_poe2_stormweaver,.class_poe2_acolyte,.class_poe2_invoker{width:130px;height:80px;float:left;border-right:1px solid #000;}
.class_poe2_titan{background:url(../img/sprite_beta1.webp) 0 -320px;}
.class_poe2_warbringer{background:url(../img/sprite_beta1.webp) -130px -320px;}
.class_poe2_smith{background:url(../img/sprite_beta1.webp) -260px -320px;}
.class_poe2_chronomancer{background:url(../img/sprite_beta1.webp) 0 -400px;}
.class_poe2_stormweaver{background:url(../img/sprite_beta1.webp) -130px -400px;}
.class_poe2_invoker{background:url(../img/sprite_beta1.webp) 0 -480px;}
.class_poe2_acolyte{background:url(../img/sprite_beta1.webp) -130px -480px;}

.class_poe2_witchhunter{background:url(../img/sprite_beta1.webp) -390px -320px;}
.class_poe2_legionnaire{background:url(../img/sprite_beta1.webp) -520px -320px;}
.class_poe2_tactician{background:url(../img/sprite_beta1.webp) -650px -320px;}
.class_poe2_infernalist{background:url(../img/sprite_beta1.webp) -390px -400px;}
.class_poe2_bloodmage{background:url(../img/sprite_beta1.webp) -520px -400px;}
.class_poe2_lich{background:url(../img/sprite_beta1.webp) -650px -400px;}

.class_poe2_pathfinder{background:url(../img/sprite_beta1.webp) -390px -480px;}
.class_poe2_deadeye{background:url(../img/sprite_beta1.webp) -520px -480px;}
.class_poe2_amazon{background:url(../img/sprite_beta1.webp) -390px -560px;}
.class_poe2_ritualist{background:url(../img/sprite_beta1.webp) -520px -560px;}





.poe_gem,.poe_gemSTR,.poe_gemDEX,.poe_gemINT{
	width:42px;
	height:42px;
	float:left;
	margin:0 6px 0 16px;
}
.poe_gemSTR{background:url(../img/sprite_beta1.webp) -654px 0}
.poe_gemDEX{background:url(../img/sprite_beta1.webp) -696px 0}
.poe_gemINT{background:url(../img/sprite_beta1.webp) -738px 0}

.poe2_gem,.poe2_gemSTR,.poe2_gemDEX,.poe2_gemINT{
	width:42px;
	height:42px;
	float:left;
	margin:0 6px 0 16px;
}
.poe2_gemSTR{background:url(../img/sprite_beta1.webp) -528px 0}
.poe2_gemINT{background:url(../img/sprite_beta1.webp) -570px 0}
.poe2_gemDEX{background:url(../img/sprite_beta1.webp) -612px 0}

.tag_forum,.tag_youtube,.tag_duelist,.tag_mercenary,.tag_marauder,.tag_warrior,.tag_ranger,.tag_huntress,.tag_shadow,.tag_monk,.tag_templar,.tag_druid,.tag_witch,.tag_sorceress,.tag_scion{
	font-weight:bold;
	background:#080808;
	padding:2px 8px;
	margin:6px 0 0 16px;
	display:inline-block;
	cursor:default;
}
.tag_duelist,.tag_mercenary{
	color:#C79C6E;
	text-shadow:0 0 2px #C79C6E;
}
.tag_marauder,.tag_warrior{
	color:#DF3450;
	text-shadow:0 0 2px #DF3450;
}
.tag_ranger,.tag_huntress{
	color:#ABD473;
	text-shadow:0 0 2px #ABD473;
}
.tag_shadow,.tag_monk{
	color:#69CCF0;
	text-shadow:0 0 2px #69CCF0;
}
.tag_templar,.tag_druid{
	color:#9482C9;
	text-shadow:0 0 2px #9482C9;
}
.tag_witch,.tag_sorceress{
	color:#0076F0;
	text-shadow:0 0 2px #0076F0;
}
.tag_scion{
	color:#FFF569;
	text-shadow:0 0 2px #FFF569;
}
.tag_forum,.tag_youtube{
	margin:6px 0 0 8px;
	color:#eeeeee;
	text-shadow:0 0 2px #eeeeee;
}