@charset "utf-8";

/************************************************
 EG Conquer 6609
 CSS Remastered
************************************************/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

background:#0b0b0b url(bg.png) no-repeat top center;

font-family:Tahoma,Arial,sans-serif;

font-size:12px;

color:#d8d8d8;

line-height:20px;

}

img{

border:0;

max-width:100%;

}

a{

color:#4fb8ff;

text-decoration:none;

transition:.25s;

}

a:hover{

color:#fff;

text-shadow:0 0 8px #4fb8ff;

}

#wrapper{

width:914px;

margin:25px auto;

overflow:hidden;

}

#logo{

background:url(logo.png) no-repeat;

width:350px;

height:125px;

margin:auto;

}

#left{

width:215px;

float:left;

}

#right{

width:680px;

float:right;

}
/************************************************
                NAVBAR
************************************************/

#navbar{

width:914px;

height:60px;

margin:10px auto 15px;

float:left;

}

#navbar .left{

background:url(left.png) no-repeat;

width:32px;

height:60px;

float:left;

}

#navbar .right{

background:url(right.png) no-repeat;

width:32px;

height:60px;

float:left;

}

#navbar a{

display:block;

float:left;

transition:.25s;

}

#navbar a:hover{

opacity:.95;

}

/******** HOME ********/

#navbar .home{

background:url(1.png) no-repeat;

width:75px;

height:60px;

}

#navbar .home:hover{

background:url(1_hover.png) no-repeat;

}

/******** REGISTER ********/

#navbar .register{

background:url(2.png) no-repeat;

width:110px;

height:60px;

}

#navbar .register:hover{

background:url(2_hover.png) no-repeat;

}

/******** DOWNLOAD ********/

#navbar .download{

background:url(3.png) no-repeat;

width:108px;

height:60px;

}

#navbar .download:hover{

background:url(3_hover.png) no-repeat;

}

/******** CHAT ********/

#navbar .chat{

background:url(chat.png) no-repeat;

width:130px;

height:60px;

}

#navbar .chat:hover{

background:url(chat_hover.png) no-repeat;

}

/******** ACCOUNT ********/

#navbar .account{

background:url(7.png) no-repeat;

width:126px;

height:60px;

}

#navbar .account:hover{

background:url(7_hover.png) no-repeat;

}

/******** DONATE ********/

#navbar .donate{

background:url(81.png) no-repeat;

width:130px;

height:60px;

}

#navbar .donate:hover{

background:url(81_hover.png) no-repeat;

}
/************************************************
                LEFT PANEL
************************************************/

#left .serverstatus{

background:url(serverstatus.png) no-repeat;

width:203px;

height:62px;

padding:22px 12px 0;

margin-bottom:10px;

color:#FFF;

font-size:12px;

text-shadow:1px 1px 2px #000;

float:left;

}

#left .t{

background:url(small_t.png) no-repeat;

width:201px;

height:38px;

padding:10px 0 0 15px;

margin-top:10px;

font-size:13px;

font-weight:bold;

color:#FFF;

text-shadow:1px 1px 2px #000;

float:left;

}

#left .m{

background:url(small_m.png) repeat-y;

width:198px;

padding:8px 10px;

line-height:22px;

color:#DDD;

text-shadow:1px 1px 1px #000;

float:left;

}

#left .b{

background:url(small_b.png) no-repeat;

width:203px;

height:12px;

float:left;

margin-bottom:5px;

}

#left .vote{

background:url(vote.png) no-repeat;

width:213px;

height:72px;

margin-top:10px;

float:left;

}

#left .inputbg{

background:url(input.png) no-repeat;

width:181px;

height:28px;

padding:0 8px;

border:0;

color:#EEE;

font-size:12px;

margin:6px 0;

}

#left .inputbg:focus{

color:#FFF;

}

#left .submitbg{

background:url(submit.png) no-repeat;

width:78px;

height:25px;

border:0;

cursor:pointer;

margin-top:6px;

float:left;

}

#left .submitbg:hover{

background:url(submit_hover.png) no-repeat;

}

#left .register{

background:url(register.png) no-repeat;

width:90px;

height:25px;

margin:6px 0 0 12px;

float:left;

}

#left .register:hover{

background:url(register_hover.png) no-repeat;

}
/************************************************
            RIGHT PANEL
************************************************/

#right .t{

background:url(big_t.png) no-repeat;

width:642px;

height:44px;

padding:10px 0 0 15px;

font-size:14px;

font-weight:bold;

color:#FFF;

text-shadow:1px 1px 2px #000;

float:left;

margin-top:10px;

}

#right .m{

background:url(big_m.png) repeat-y;

width:627px;

padding:12px 15px;

color:#DDD;

line-height:22px;

float:left;

text-shadow:1px 1px 1px #000;

}

#right .b{

background:url(big_b.png) no-repeat;

width:657px;

height:13px;

float:left;

margin-bottom:10px;

}

#right .anounce{

background:url(anouncement.png) no-repeat;

width:522px;

height:44px;

padding:15px 0 0 135px;

text-align:center;

font-size:13px;

font-weight:bold;

color:#FFD76A;

text-shadow:1px 1px 2px #000;

float:left;

}

/************************************************
                INPUTS
************************************************/

#right .inputbg{

background:url(input.png) no-repeat;

width:220px;

height:30px;

border:0;

padding:0 8px;

color:#EEE;

font-size:12px;

margin:6px 0;

}

#right .inputbg:focus{

color:#FFF;

}

/************************************************
                BAR
************************************************/

#bar{

position:relative;

background:url(bar.png) no-repeat;

width:641px;

height:34px;

line-height:34px;

text-align:center;

font-size:13px;

font-weight:bold;

color:#FFD76A;

margin:10px auto;

}

/************************************************
            REGISTER BUTTONS
************************************************/

#registerbtn{

background:url(register_001.png) no-repeat;

width:90px;

height:25px;

border:0;

cursor:pointer;

margin-left:10px;

}

#registerbtn:hover{

background:url(register_hover_001.png) no-repeat;

}

#resetbtn{

background:url(reset.png) no-repeat;

width:78px;

height:25px;

border:0;

cursor:pointer;

}

#resetbtn:hover{

background:url(reset_hover.png) no-repeat;

}
/************************************************
                NEWS
************************************************/

.newsbg{

width:620px;

min-height:95px;

margin:10px auto;

padding:10px;

background:#181818;

border:1px solid #2e2e2e;

border-radius:6px;

overflow:hidden;

transition:.25s;

}

.newsbg:hover{

border-color:#D5B15A;

box-shadow:0 0 10px rgba(213,177,90,.35);

}

.newsbg .left{

width:70px;

float:left;

}

.newsbg .icon{

width:60px;

height:60px;

border:1px solid #444;

padding:2px;

background:#111;

}

.newsbg .title{

font-size:15px;

font-weight:bold;

color:#FFD76A;

margin-bottom:5px;

}

.newsbg .date{

font-size:11px;

color:#999;

margin-bottom:8px;

}

.newsbg .news{

font-size:12px;

color:#DDD;

line-height:20px;

}

/************************************************
                RANKING
************************************************/

#rankingbg{

width:620px;

height:28px;

line-height:28px;

margin:2px auto;

padding:0 8px;

background:#141414;

border-bottom:1px solid #242424;

transition:.2s;

}

#rankingbg:hover{

background:#202020;

}

#rankingbg table{

width:100%;

color:#EEE;

font-size:12px;

}

#rankingbg td{

padding:0 4px;

}

#rankingtop,
#guildtop,
#arenatop,
#dontop{

width:620px;

height:35px;

margin:auto;

}

/************************************************
                DOWNLOAD
************************************************/

#download{

width:285px;

height:170px;

background:#161616;

border:1px solid #333;

border-radius:8px;

padding:15px;

text-align:center;

float:left;

margin:10px;

transition:.3s;

}

#download:hover{

border-color:#42c55c;

box-shadow:0 0 15px rgba(66,197,92,.4);

}

.patchbtn{

width:285px;

height:170px;

background:#161616;

border:1px solid #333;

border-radius:8px;

padding:15px;

text-align:center;

float:right;

margin:10px;

transition:.3s;

}

.patchbtn:hover{

border-color:#4AA8FF;

box-shadow:0 0 15px rgba(74,168,255,.4);

}

#download h2,
.patchbtn h2{

color:#FFD76A;

font-size:18px;

margin-bottom:10px;

}

#download h3,
.patchbtn h3{

margin-top:15px;

color:#FFF;

}
/************************************************
                LOGIN
************************************************/

.loginbox{

width:190px;

margin:auto;

padding:5px;

}

.loginbox input{

margin-bottom:8px;

}

.serverstatus{

font-weight:bold;

text-align:center;

font-size:13px;

color:#FFF;

}

.online{

color:#4CFF4C;

}

.offline{

color:#FF4444;

}

/************************************************
                TABLES
************************************************/

table{

border-collapse:collapse;

}

td{

vertical-align:middle;

}

th{

font-weight:bold;

color:#FFD76A;

padding:6px;

}

/************************************************
                FORMS
************************************************/

select{

background:#191919;

border:1px solid #333;

color:#DDD;

height:30px;

padding:4px;

font-size:12px;

}

textarea{

background:#191919;

border:1px solid #333;

color:#DDD;

padding:8px;

font-family:Tahoma;

font-size:12px;

resize:vertical;

}

/************************************************
                FOOTER
************************************************/

#footer{

width:914px;

margin:20px auto;

padding:12px 0;

border-top:1px solid #2B2B2B;

text-align:center;

font-size:11px;

color:#888;

clear:both;

}

#footer a{

color:#D5B15A;

padding:0 6px;

}

#footer a:hover{

color:#FFF;

}

/************************************************
            COMMON HELPERS
************************************************/

.left{

float:left;

}

.right{

float:right;

}

.center{

text-align:center;

}

.clear{

clear:both;

}

.hidden{

display:none;

}

/************************************************
            SCROLLBAR
************************************************/

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#111;

}

::-webkit-scrollbar-thumb{

background:#444;

}

::-webkit-scrollbar-thumb:hover{

background:#666;

}
body, html {
    color: #ffffff !important;
}

#right .m,
#left .m,
.newsbg .news,
.newsbg .title,
.newsbg .date,
#rankingbg,
#left,
#right {
    color: #ffffff !important;
}

/* تحسين العناوين */
.newsbg .title {
    color: #FFD76A !important;
}

/* إصلاح أي font قديم */
font {
    color: #ffffff !important;
}


/* ===== Force Desktop Layout On Mobile ===== */

@media screen and (max-width:768px){

html{
    min-width:914px !important;
}

body{
    min-width:914px !important;
    overflow-x:auto !important;
    overflow-y:auto !important;
}

#wrapper{
    width:914px !important;
    min-width:914px !important;
    max-width:914px !important;
    margin:25px auto !important;
}

#navbar{
    width:914px !important;
}

#left{
    width:215px !important;
    float:left !important;
}

#right{
    width:680px !important;
    float:right !important;
}

img{
    max-width:none !important;
}
}
/************************************************
                END
************************************************/