html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}


body{background: #252832 url(../images/background.png) no-repeat center top;padding:0;margin:0;font:70%/160% Verdana, Geneva, sans-serif;}

img{border:none;}


/**** START LAYOUT DIVS *****/
div.container{width:990px;margin:0 auto;padding-top:5px;}
div.nav{background:url(../images/header.png) no-repeat;width:945px;height:73px;margin:0 auto;}
div.spacebw{height:123px;width:950px;}
div.cbody{width:990px;margin:0 auto;}
div.lsb{float:left;margin-top:95px;width:218px;}
div.lsb2{float:left;width:218px;}
div.mid{float:left;width:545px;margin-left:4px;}
div.rsb{float:left;margin-top:95px;width:218px;margin-left:4px;}
div.footer{float:left;margin-top:20px;width:990px;height:98px;background: url(../images/footer.png) no-repeat;margin-bottom:50px;}

/**** Admin Bar Layout *****/

#admin_bar {
background: transparent url(../img/transblack.png);
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
color: #D2D2D2;
font-size: 0.8em;
height: 14px;
opacity: 0.5;
padding: 7px 12px;
}
#admin_bar ul, #admin_bar li{
display: inline;
}
/**** BUTTONS *****/

.yourdetails{background:url(../images/button_yourdetails.png) no-repeat;width:191px;height:21px;margin-top:3px;}
.yourdetails:hover{background-position:0px -21px;}

.logout{background:url(../images/button_logout.png) no-repeat;width:191px;height:21px;margin-top:3px;}
.logout:hover{background-position:0px -21px;}

.yourcharacter{background:url(../images/box_yourcharacter.png) no-repeat;width:191px;height:21px;margin-top:3px;}
.yourcharacter:hover{background-position:0px -21px;}

.earnpoints{background:url(../images/button_earnpoints.png) no-repeat;width:191px;height:21px;margin-top:3px;}
.earnpoints:hover{background-position:0px -21px;}


.logg{background: url(../images/button_login.png) no-repeat;width:191px;height:34px;border:none;cursor:pointer;}
.logg:hover{background: url(../images/button_login.png) no-repeat;width:191px;height:34px;border:none;background-position:0px -34px;}

.donatebtn{display:block;width:196px;height:44px;line-height:44px;margin:0 auto 10px;text-align:center;background:linear-gradient(#f6c64d,#e2941b);border:1px solid #c2740e;border-radius:6px;color:#3a1d05;font-weight:bold;font-size:15px;letter-spacing:1.5px;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.3);}
.donatebtn:hover{background:linear-gradient(#ffd368,#ef9f23);}
.getstarted{display:block;background: url(../images/button_getstarted.png) no-repeat;width:196px;text-indent:-9999px;height:44px;margin:0 auto;}
.getstarted .hover{background: url(../images/button_getstarted.png) no-repeat;width:196px;height:44px;background-position:0px -44px;}

.download{display:block;background: url(../images/button_download.png) no-repeat;width:196px;text-indent:-9999px;height:44px;margin:0 auto;margin-top:10px;}
.download .hover{background: url(../images/button_download.png) no-repeat;width:196px;height:44px;background-position:0px -44px;}

.quicklink1{background: url(../images/button_quicklinks.png) no-repeat;width:180px;height:25px;}
.quicklink1:hover{background-position:-180px 0px;}
.quicklink2{background: url(../images/button_quicklinks.png) no-repeat;width:180px;height:25px;background-position:0px -25px;margin-top:3px;}
.quicklink2:hover{background-position:-180px -25px;}
.quicklink3{background: url(../images/button_quicklinks.png) no-repeat;width:180px;height:25px;background-position:0px -50px;margin-top:3px;}
.quicklink3:hover{background-position:-180px -50px;}

.extralink1{background:url(../images/button_extra.png) no-repeat;height:31px;width:209px;}
.extralink1:hover{background-position:-209px 0px;}
.extralink2{background:url(../images/button_extra.png) no-repeat;height:31px;width:209px;margin-top:3px;background-position:0px -31px;}
.extralink2:hover{background-position:-209px -31px;}
.extralink3{background:url(../images/button_extra.png) no-repeat;height:31px;width:209px;margin-top:3px;background-position:0px -62px;}
.extralink3:hover{background-position:-209px -62px;}

/**** BOX LEFT SIDE BAR *****/
div.quicklinks{background:url(../images/box_quicklinks.png) no-repeat;width:218px;height:101px;margin-top:5px;padding-top:50px;}
div.donate{}
div.midtop{background:url(../images/box_mid_top.png) no-repeat;width:545px;height:345px;padding-top:40px;}
div.midmid{background:url(../images/box_mid_static.png) repeat-y;width:545px;}
div.midbottom{background:url(../images/box_mid_bottom.png) no-repeat;width:545px;height:60px;}
div.mid_wide{width:768px;float:left;margin-left:3px;}
div.mid_widetop{background:url(../images/box_wide___top.png) no-repeat center;width:768px;height:88px;}
div.mid_widemid{background:url(../images/box_wide___mid.png) repeat-y center;width:768px;color:#CCC;min-height:600px;}
div.mid_widemid a{color:#FFF;font-weight:bold;}
div.mid_widemid a:hover{text-decoration:none;}
div.mid_widebottom{background:url(../images/box_wide___bottom.png) no-repeat;width:768px;height:66px;}

/**** BOX RIGHT SIDE BAR *****/
div.ifserveronline{background:url(../images/ifonline.png) no-repeat;width:218px;height:103px;margin-top:10px;margin-bottom:10px;}
div.ifserveroffline{background:url(../images/ifoffline.png) no-repeat;width:218px;height:103px;margin-top:10px;margin-bottom:10px;}
div.ifserveronline .pnum{padding-left:140px;color:#fff;font-size:17px;padding-top:60px;}
div.qlinks{margin:0 auto;text-align:center;margin-top:5px;}
div.login{box-sizing:border-box;background:url(../images/box_login.png) no-repeat top center;background-size:100% 100%;width:218px;min-height:118px;padding:54px 0 18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;}
div.myaccount{background:url(../images/box_myaccount.png) no-repeat;width:218px;height:138px;padding-top:50px;text-align:center;color:#dbdbdb;}
/**** MISC *****/
div.inner{margin:0 auto;width:200px;text-align:center;}
.lf1{background:url(../images/field_login.png) no-repeat;width:181px;height:25px;border:none;color:#bcbcbc;font-size:14px;padding-left:10px;text-shadow: #222 0.1em 0.2em 0.2em;}
/**** MetaMask login ****/
.mm-btn{display:inline-block;width:172px;padding:9px 6px;border:1px solid #c25e0e;border-radius:8px;cursor:pointer;
	background:linear-gradient(#f6a04d,#e2761b);color:#3a1d05;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:12px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 5px rgba(0,0,0,.45);text-shadow:0 1px 0 rgba(255,255,255,.25);}
.mm-btn:hover{background:linear-gradient(#ffb163,#ef8224);}
.mm-btn .mm-fox{font-size:14px;}
.mm-status{margin-top:6px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#cfcfcf;line-height:1.5;}
.mm-status .mm-warn{color:#ffcf8a;}

/* connected card (green) - shown in the login box after a successful wallet login */
.mm-card{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:172px;margin:0 auto;}
.mm-conn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:34px;box-sizing:border-box;
	background:linear-gradient(rgba(122,209,122,.20),rgba(122,209,122,.07));border:1px solid #2f6b3f;color:#9be8ab;
	border-radius:9px;padding:0 10px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:12px;letter-spacing:.5px;
	cursor:pointer;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:border-color .15s ease,background .15s ease;}
.mm-conn .mm-fox{font-size:15px;}
.mm-conn .mm-addr{color:#eafff0;}
.mm-conn .mm-disc{display:none;color:#ff5d5d;font-weight:bold;}
.mm-conn:hover{border-color:#7a3033;background:linear-gradient(rgba(255,77,77,.16),rgba(255,77,77,.05));}
.mm-conn:hover .mm-fox,.mm-conn:hover .mm-addr{display:none;}
.mm-conn:hover .mm-disc{display:inline;}
.mm-myacc{display:flex;align-items:center;justify-content:center;width:100%;height:34px;box-sizing:border-box;text-decoration:none;
	background:linear-gradient(#3a9d5d,#2f7d49);border:1px solid #2f6b3f;color:#eafff0;border-radius:9px;padding:0 10px;
	font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:12px;letter-spacing:.5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15);}
.mm-myacc:hover{background:linear-gradient(#46b06c,#368a52);text-decoration:none;}
.mm-bal{width:172px;margin:2px auto 0;display:flex;flex-direction:column;gap:6px;}
.mm-bal .mm-balrow{display:flex;align-items:center;justify-content:center;gap:7px;font-family:Arial,Helvetica,sans-serif;font-size:13.5px;font-weight:bold;line-height:1;}
.mm-bal .mm-balrow img{width:17px;height:17px;vertical-align:middle;display:inline-block;}
.mm-bal-egd{color:#3b7bff;text-shadow:0 0 7px rgba(59,123,255,.9),0 0 2px rgba(59,123,255,.95);}
.mm-bal-usdt{color:#e8e8e8;}
/* username login (secondary option under the MetaMask button) */
.mm-username{display:flex;align-items:center;justify-content:center;gap:6px;width:172px;height:30px;margin:7px auto 0;box-sizing:border-box;
	background:linear-gradient(#474747,#2e2d31);border:1px solid #3a3a3d;color:#cfcfcf;border-radius:8px;
	font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:11.5px;cursor:pointer;text-decoration:none;}
.mm-username:hover{background:linear-gradient(#474747,#262626);text-decoration:none;color:#e4e4e4;}
.mm-userbox{display:flex;flex-direction:column;gap:6px;width:172px;margin:7px auto 0;}
.mm-input{width:100%;height:30px;box-sizing:border-box;background:#1d1d1e;border:1px solid #474747;border-radius:7px;color:#e4e4e4;font-size:12px;padding:0 9px;outline:0;font-family:Arial,Helvetica,sans-serif;}
.mm-input:focus{border-color:#46b06c;}
.mm-userrow{display:flex;gap:6px;width:100%;}
.mm-userlogin{flex:1;height:32px;background:linear-gradient(#3a9d5d,#2f7d49);border:1px solid #2f6b3f;color:#eafff0;border-radius:8px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:12px;cursor:pointer;}
.mm-userlogin:hover{background:linear-gradient(#46b06c,#368a52);}
.mm-userback{flex:1;height:32px;background:linear-gradient(#474747,#2e2d31);border:1px solid #3a3a3d;color:#cfcfcf;border-radius:8px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:12px;cursor:pointer;}
.mm-userback:hover{background:linear-gradient(#474747,#262626);color:#e4e4e4;}
div.scon{width:499px;margin:0 auto;}
div.dcon{width:499px;margin:0 auto;margin-top:10px;}
div.dcon2{width:499px;margin:0 auto;margin-top:5px;}
div.dcon3{width:499px;margin:0 auto;}

div.fpt1{background: url(../images/sprite_titles_frontpage.png) no-repeat;width:499px;height:25px;}
div.fpt2{background: url(../images/sprite_titles_frontpage.png) no-repeat;width:499px;height:25px;background-position:0px -25px;}
div.fpt3{background: url(../images/sprite_titles_frontpage.png) no-repeat;width:499px;height:25px;background-position:0px -50px;}
div.fpt4{background: url(../images/sprite_titles_frontpage.png) no-repeat;width:499px;height:25px;background-position:0px -75px;}

div.atUpdate{background: url(../images/patch_type.png) no-repeat;width:73px;height:17px;margin-left:6px;}
div.atNews{background: url(../images/patch_type.png) no-repeat;width:73px;height:17px;margin-left:6px;background-position:0px -17px;}
div.atEvents{background: url(../images/patch_type.png) no-repeat;width:73px;height:17px;margin-left:6px;background-position:0px -34px;}
div.atPatches{background: url(../images/patch_type.png) no-repeat;width:73px;height:17px;margin-left:6px;background-position:0px -51px;}

div.aptext{float:left;color:#aeadae;margin-left:90px;padding-right:3px;}
div.aptext a{color:#aeadae;text-decoration:none;}
div.aptext a:hover{color:#878787;}
div.apdate{float:right;color:#7c7c7c;font-size:9px;font-style:italic;margin-right:15px;}

.readmore{background: url(../images/button_viewmore.png) no-repeat;width:72px;height:22px;float:right;margin-top:10px;margin-right:10px;}
.readmore:hover{background-position:0px -22px;}

div.bitembg{background:url(../images/itemshop_bg.png) no-repeat;width:499px;height:165px;}

div.annoucementbg{background: url(../images/annoucement_bg.png) no-repeat;width:497px;height:20px;margin:0 auto;margin-top:5px;padding-top:4px;}

.it11{width:136px;margin-top:11px;margin-left:25px;float:left;height:120px;}
.it13{width:136px;margin-top:11px;margin-left:20px;float:left;}

.it12{background: url(../images/box_bg.png) no-repeat;width:136px;height:72px;margin:0 auto;background-position:0px -92px;text-align:center;padding-top:20px;}
.it12:hover{background:url(../images/box_bg.png) no-repeat;}
.it12text{float:left;margin-top:1px;width:136px;text-align:center;color:#ffffff;font-weight:bold;}


.pricetag{background: url(../images/price_bg.png) no-repeat;width:72px;height:18px;text-align:center;font-size:9px;color:#ff9308;float:left;margin-left:4px;margin-top:3px;}
.pricetag span{color:#ffffff;}

.pbuyitem{background:url(../images/button_buy.png) no-repeat;width:52px;height:16px;float:left;text-align:center;color:#FFFFFF;font-weight:bold;font-size:9px;margin-left:2px;margin-top:4px;}
.pbuyitem:hover{background-position:0px -16px;}
.pbuyitem a{color:#FFFFFF;text-decoration:none;}
.pbuyitem a:hover{text-decoration:underline;}

.mallPop{ width:542px; height:232px; position:absolute; z-index:999; background:url(../images/bg_mall_pop.png) no-repeat; overflow:hidden;}
.mallPop .close{ position:absolute; width:18px; height:19px; top:19px; right:25px; display:block; text-indent:-999em; overflow:hidden;}
.mallPopMain{ margin:40px 0 0 25px; width:375px;}
.mallPopMain .title{ clear:both; padding:10px; text-align:center; font-weight:bold; font-size:12px;}
.mallPopMain table{ border-collapse:collapse; border:1px solid #DC7D33;}
.mallPopMain th,.mallPopMain td{ border-collapse:collapse; border:1px solid #DC7D33; padding:5px; background:#FFF; text-align:center;}
.mallPopMain th{ background:#FEF2E0; color:#913715; font-weight:bold;}
.mallPopMain .btn{ margin-top:10px; text-align:center;}

div.copyrightin{float:left;color:#ffffff;margin-top:38px;margin-left:220px;}
div.copyrightin a{color:#ffffff;font-weight:bold;text-decoration:none;}
div.copyrightin a:hover{color:#CCC;}

.social{float:right;width:150px;height:50px;margin-top:28px;margin-right:20px;}


.iconfacebook{background:url(../images/SOCIAL_sprite.png) no-repeat;width:46px;height:48px;}
.iconfacebook:hover{background-position:0px -48px;}
.icontwitter{background:url(../images/SOCIAL_sprite.png) no-repeat;width:46px;height:48px;background-position:-102px 0px;}
.icontwitter:hover{background-position:-102px -48px;}
.iconyoutube{background:url(../images/SOCIAL_sprite.png) no-repeat;width:46px;height:48px;background-position:-51px 0px;}
.iconyoutube:hover{background-position:-51px -48px;}


div.fphighscores{background:url(../images/box_ranking.png) no-repeat;width:217px;height:117px;margin-top:10px;padding-top:40px;}
div.fpfacebook{background:url(../images/box_facebook.png) no-repeat;width:195px;height:208px;margin-top:10px;padding-left:23px;}

#images{margin-top:10px;}
.jfade_image{margin-left:10px;}


div.navbar{background:url(../images/navbarbg.png) no-repeat;width:959px;height:92px;margin:0 auto;}
.registerbig{background:url(../images/bigregister.gif) no-repeat;width:263px;height:89px;float:left;margin-left:72px;}
.registerbig:hover{background-position:0px -89px;}

/* Text navigation tabs (same style for all, incl. Black Market) */
.navbar a.navtab{display:block;float:left;height:34px;line-height:34px;margin-top:21px;text-align:center;
	color:#dfe4ec;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:13px;letter-spacing:.5px;
	text-transform:uppercase;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.85);
	transition:color .15s ease,text-shadow .15s ease;}
.navbar a.navtab:hover{color:#5fa3ff;text-shadow:0 0 9px rgba(95,163,255,.9);text-decoration:none;}
.navbar a.nt-home{width:135px;margin-left:2px;}
.navbar a.nt-dl{width:135px;margin-left:2px;}
.navbar a.nt-shop{width:135px;margin-left:77px;}
.navbar a.nt-bm{width:135px;margin-left:2px;}


div.sidenav{background:url(../images/box_navigation.png) no-repeat;width:218px;height:324px;margin-top:10px;margin-bottom:10px;padding-top:45px;}


.titles{font-size:10px;font-family:Verdana, Geneva, sans-serif;color:#FFFFFF;font-weight:bold;margin-left:25px;margin-right:25px;}
.rau2{margin-top:5px;color:#FFFFFF;margin-left:25px;margin-right:25px;font-size:9px;}
.rau2 td{height:10px;}

div.potw{background:url(../images/box_potw.png) no-repeat;width:218px;height:147px;margin-top:10px;padding-top:45px;text-align:center;}

div.vote4us{background:url(../images/box_vote4us.png) no-repeat;width:218px;height:265px;padding-top:60px;text-align:center;margin-top:10px;}
div.vote4us .secondvcon{margin-left:7px;}

.headcon{margin-left:50px;margin-right:50px;border-bottom:1px solid #474747;padding-left:5px;padding-top:35px;}
div.mid_widetop h1{color:#FFFFFF;}
div.mid_widetop h1 span{color:#d6ff47;}


h2 span{color:#ff4747;}


div.sbtitle{background:url(../images/side_bar_top.png) no-repeat;width:186px;height:25px;padding-top:10px;padding-left:10px;font-weight:bold;margin-top:10px;color:#FFFFFF;}
div.sbbody{background:#262626;width:193px;border-right:#2e2e2e 1px solid;border-left:#2e2e2e 1px solid;}
div.sdbody{width:196px;margin-left:11px;}
.sidebar li{position: relative;display: block;}
.sidebar .smallarrow{background:url(../images/smallarrow.png) no-repeat;width:5px;height:6px;float:left;margin-top:5px;margin-left:5px;margin-right:5px;}

a				{ color: #FFFFFF; text-decoration: none;}
a:visited		{ color: #FFFFFF; }
a:hover     	{ color: #f4a62b; }




#downloadde{margin-right:25px;margin-left:25px;background:#2d2c2f;border:1px solid #474747;padding:5px;}



.mid_widemid table {margin-top: 0;margin-bottom: 10px;border: 1px #1a1a1b solid;border-bottom: none;text-align:center;}
.mid_widemid thead th {background: #4b4a4e none repeat scroll 0 0;border-top: 1px #1a1a1b solid;text-align:center;}
.mid_widemid thead th {border-bottom:1px #1a1a1b solid;text-align:center;}
.mid_widemid th {border-bottom: 3px #bbb solid;padding-right: 1em;text-align: left;text-align:center;}
.mid_widemid td {background: #2e2d31;border-top: 1px #1a1a1b solid;	border-bottom:1px #1a1a1b solid;color: #FFF;text-align:center;}
.mid_widemid tr.even td {background: #38373b;border-top: 1px #1a1a1b solid;	border-bottom:1px #1a1a1b solid;text-align:center;}
.mid_widemid td.active {background-color: #e4e4e4;text-align:center;}




div.vcon{margin:0 auto;height:108px;width:668px;}
div.vcon2{margin:0 auto;width:668px;margin-top:10px;text-align:center;}
div.vcon .myacc{background:url(../images/vote_myaccount.png) no-repeat;width:205px;height:80px;float:left;padding-top:26px;font-size:9px;padding-left:5px;}
div.vcon .earnpoint{background:url(../images/vote_earnpoints.png) no-repeat;width:438px;height:82px;float:right;text-align:center;padding-top:24px;font-size:9px;}