@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

@import url(animate.css);

header,

nav,

section,

article,

aside,

footer,

hgroup {

  display: block

}



ol,

ul {

  list-style: none outside none

}



* {

  vertical-align: baseline;

  font-weight: inherit;

  font-family: inherit;

  font-style: inherit;

  font-size: 100%;

  border: 0;

  padding: 0;

  margin: 0

}

.itemshop::before {
  content: "\1F6D2"; /* Unicode alışveriş çantası ikonu 🛒 */
  font-size: 11px;
  margin-right: 6px;
  vertical-align: middle;
}


.oyun-icon::before {
  content: "\1F3AE"; /* 🎮 Unicode oyun kolu ikonu */
  font-size: 13px;
  margin-right: 8px;
  vertical-align: middle;
  color: white; /* İkon rengini beyaz yap */
}

.galeri-icon::before {
  content: "\1F5BC"; /* 🖼 Unicode resim çerçevesi ikonu */
  font-size: 11px;
  margin-right: 8px;
  vertical-align: middle;
  color: white; /* İkon rengini beyaz yap */
}

.home-icon::before {
  content: "\1F3E0"; /* 🏠 Unicode ev ikonu */
  font-size: 11px;
  margin-right: 8px;
  vertical-align: middle;
  color: white; /* İkon rengini gray yap */
  font-family: 'Segoe UI Emoji', 'NotoColorEmoji', 'Apple Color Emoji', sans-serif; /* Emoji font ailesi */
}


.register-icon::before {
  content: "\f007"; /* Font Awesome kullanıcı ikonu */
  font-family: 'FontAwesome'; /* Font Awesome font ailesini belirtin */
  font-size: 11px;
  margin-right: 8px;
  vertical-align: middle;
  color: white; /* İkon rengini beyaz yap */
}



.download-icon::before {
  content: "\f019"; /* Font Awesome'un 'download' ikonu */
  font-family: 'FontAwesome'; /* FontAwesome kullanımı */
  font-size: 11px;
  margin-right: 8px;
  vertical-align: middle;
  color: white; /* İkon rengini beyaz yap */
}


.sorting-icon::before {
  content: "\f0dc"; /* Font Awesome'un sıralama ok simgesi */
  font-family: 'FontAwesome'; /* FontAwesome kullanımı */
  font-size: 11px;
  margin-right: 8px;
  vertical-align: middle;
  color: white; /* İkon rengini beyaz yap */
}


.community-icon::before {
  content: "\f0c0"; /* FontAwesome'un grup ikonu */
  font-family: 'FontAwesome'; 
  font-size: 11px;
  margin-right: 8px;
  vertical-align: middle;
  color: white;
}


.first-step-icon::before {
  content: "\f54b"; /* FontAwesome'un ayakkabı izi ikonu */
  font-family: 'FontAwesome';
  font-size: 11px;
  margin-right: 6px;
  vertical-align: middle;
  color: white; /* İkon rengini beyaz yap */
}

.security-icon::before {
  content: "\f3ed"; /* FontAwesome'un güvenlik simgesi */
  font-family: 'FontAwesome';
  font-size: 13px;
  margin-right: 8px;
  vertical-align: middle;
  color: white; /* İkon rengini beyaz yap */
}

.dot-icon::before {
  content: "\2022"; /* Unicode nokta işareti */
  font-size: 18px; /* Boyut ayarlandı */
  color: #ff6600; /* Turuncu renk */
  margin-right: 8px; /* İkon ile metin arasında boşluk */
  vertical-align: middle; /* Ortalamak için */
}












.duyuru-panosu {

  background-image: url('../images/bg28.jpg');

  height: 31px;

  width: 479px;

  overflow: hidden;

  padding: 0 5px 0 30px;

  font-size: 11px;

  color: #3d1c07;

}



.margin-bottom-15,

#margin-bottom-15 {

  margin-bottom: 15px !important;

}



.duyuru-panosu p {

  line-height: 31px !important;

}



.ui-widget {

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

  font-size: 1em;

}



.ui-widget .ui-widget {

  font-size: 1em;

  background-color: transparent;

  background-image: url(../images/clos2.gif);

  outline: none;

}



.ui-widget input,

.ui-widget select,

.ui-widget textarea,

.ui-widget button {

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

  font-size: 1em;

}



.ui-widget-content {

  background-image: url(../images/alert-pano.jpg);

  color: #333333;

  background-size: 100%;

  background-repeat: no-repeat;

}



.ui-widget-content a {

  color: #333333;

}



.ui-widget-header {

  color: #333333;

  font-weight: bold;

}



.ui-widget-header a {

  color: #333333;

}



table {
  border-collapse: collapse;
  border-spacing: 0;
  /* background: rgba(0, 0, 0, 0.6); /* Şeffaf siyah arka plan */ */
  /* color: white; /* Yazı rengini beyaz yap */ */
  padding: 0px; /* İç boşluk ekle */
  border-radius: 5px; /* Köşeleri yuvarlak yap */
  /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5); /* Hafif gölge efekti ekle */ */
  /* transition: all 0.3s ease-in-out; /* Geçiş efekti ekle */ */
}

table:hover {
  /* background: rgba(0, 0, 0, 0.8); /* Hover (üzerine gelince) arka planı koyulaştır */ */
  /* transform: scale(1.02); /* Üzerine gelince hafif büyüme efekti */ */
  /* box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.7); /* Hover gölge efekti */ */
}




* {
      font-size: 12px;
  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box

}



html {

  background: black;

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif

}



html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: url('../images/header_bg.webp') no-repeat center 0px;
  background-size: cover;
  background-attachment: fixed; /* Artık sabit */
}






#blank {

  background: 0;

  min-width: 0

}



body>.netbarslot {

  position: relative;

  z-index: 1100;

  height: 34px;

  /* background:url(../images/bg49.png) top center repeat-x */

}



body>header[role="banner"] {

  position: relative;

  height: 300px;

  z-index: 100;

  min-width: 960px

}



body>header>h1.logo {

  position: relative;

  z-index: 200;

  height: 408px;

  text-indent: -9999px;

  margin-bottom: -408px

}



body>header>.container {

  height: 305px;

  margin-bottom: -293px

}



body>header>.ui.container {

  z-index: 300;

  overflow: visible;

  background: url("../images/header.png") no-repeat scroll 153px 183px transparent;

}



body>header>.ui.container:hover {

  z-index: 300;

  overflow: visible;

  background: url("../images/header-hover.png") no-repeat scroll 153px 183px transparent;

}



body>header>.ui.container.loggedin {

  background: url("../images/bg87.png") no-repeat scroll 153px 183px transparent

}



body>header>.ui.container>a.playfree {

  position: absolute;

  height: 122px;

  width: 653px;

  font-size: 24px;

  line-height: 50px;

  font-weight: bold;

  text-decoration: none;

  color: white;

  text-shadow: 1px 1px black;

  text-transform: uppercase;

  top: 182px;

  left: 153px;

  text-align: center;

  padding: 32px 0

}
/* body > header > .ui.container > a.playfree:hover { */
  /* color: white; */
/* } */


body>header>.ui.container>.userinfo {

  color: #fffabd;

  font-family: "Droid Serif";

  font-size: 13px;

  height: 54px;

  left: 221px;

  position: absolute;

  text-decoration: none;

  text-shadow: 1px 1px black;

  top: 217px;

  width: 497px

}



body>.container,

body>*>.container {

  position: relative;

  width: 960px;

  margin: 0 auto;

  z-index: 100;

  padding-bottom: 31px

}



footer[role="contentinfo"] {
  position: relative;
  clear: both;
  height: auto; /* içerik kadar yükseklik */
  padding: 52px 0; /* padding üstten ve alttan */
  padding-top: 230px; /* Değeri artırarak daha da aşağı çekebilirsin */
  z-index: 1;

  /* footerBG'yi kaldırıyoruz */
  /* background: url('../images/footerBG.jpg') no-repeat center center; */
  /* background-color: black; */

  overflow: hidden;
}










footer[role="contentinfo"]>.container {

  position: relative;

  width: 960px;

  height: 100%;

  margin: 0 auto;

  padding: 106px 260px 0;

  text-align: center;

  font-size: 10px;

  line-height: 11px;

  color: #ae9467

}

 



a.usk {

  position: absolute;

  top: 67px;

  right: 126px

}



a.safeplay {

  position: absolute;

  top: 66px;

  right: 50px

}



footer[role="contentinfo"]>.container>a.sitenotice {

  color: inherit

}



a.sitenotice,

a.termsconditions,

a.privacy {

  color: #ae9467;

  text-decoration: none

}



a.sitenotice:hover,

a.termsconditions:hover,

a.privacy:hover {

  text-decoration: underline

}



a.termsconditions:before,

a.termsconditions:after {

  content: '|';

  font-size: 8px;

  padding: 0 8px

}



a.gameforge4d {

  position: absolute;

  width: 150px;

  height: 60px;

  top: 43px;

  left: 547px;

  text-indent: -9999px

}



div[role="navigation"] {

  float: left;

  width: 182px;

  margin: 0 6px

}



nav {

  background: url("../images/bg42.png") top right repeat-y;

  margin-bottom: 26px;

  padding: 1px 0

}



nav:before {

  content: url('../images/cerceve6.png');

  display: block;

  margin-bottom: -5px;

  margin-top: -22px

}



nav:after {

  content: url('../images/bg7.png');

  display: block;

  margin-top: -8px;

  margin-bottom: -20px

}



h1,

h2,

h3,

h4,

h5,

h6,

nav>ul>li>a,

article>header,

a.playfree {

  font-family: "Droid Serif", "Georgia", "Times New Roman", "Palatino", "Hoefler Text", "Baskerville", serif

}



nav>ul {

  list-style: none;

  width: 162px;

  margin: 0 auto

}



nav a {

  position: relative;

  font-size: 12px;

  line-height: 15px;

  display: block;

  text-decoration: none;

  color: #f4cc6a;

  font-weight: 100;

  padding: 0 10px;

}

.social-links {
  list-style: none;
  padding: 0;
}

.social-links li {
  margin: 10px 0;
}

.social-links a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 11px;
  color: #f4cc6a;
  font-weight: bold;
  transition: color 0.3s ease-in-out;
}

.social-links a:hover {
  /* color: #ffcc00; /* Üzerine gelince renk değişimi */ */
}

.social-links i {
  font-size: 11px; /* İkon boyutu */
  margin-right: 6px; /* Yazıyla ikon arasında boşluk */
  color: white; /* İkon rengi */
  transition: color 0.3s ease-in-out;
}

.social-links a:hover i {
  /* color: #ffcc00; /* Üzerine gelince ikon rengi değişir */ */
}


nav>ul>li {

  background: url('../images/bg82.png') center 23px no-repeat;

}



nav > ul > li > a {
  font-weight: bold;
  font-size: 16px;
  height: 24px;
  line-height: 22px;
  margin-bottom: 5px;
  color: #f4cc6a; /* Varsayılan renk miras alınır */
  text-decoration: none;
  transition: color 0.2s ease; /* Yumuşak geçiş */
}

nav > ul > li > a:hover {
  color: white; /* Üzerine gelindiğindeki renk */
}




nav a.selected,

nav a:hover {

  color: white;

  background: url('../images/bg92.png') center left no-repeat

}



nav a.selected:before,

nav a:hover:before {

  content: url('../images/bg48.png');

  display: block;

  position: absolute;

  top: -1px;

  left: -17px

}



nav>ul>li>a.selected:before,

nav>ul>li>a:hover:before {

  top: 3px;

  left: -15px

}



nav li ul {

  list-style: none;

  margin-bottom: 6px

}



nav li li {

  margin: 2px

}



div[role="navigation"]:after,

body>.container>div.secondary:after {

  content: url('../images/cerceve3.png');

  display: block;

  margin: -26px 0 -200px 3px

}



body>.container>div[role="main"] {

  float: left;

  width: 585px;

  margin-left: -7px;

  margin-top: 5px;

  margin-bottom: -230px;

  padding: 20px 28px 0 28px;

  font-size: 12px;

  background: url('../images/bg8.png') center repeat-y;

  position: relative;

  min-height: 730px

}



.discord-widget.active {

  left: 8px;

}



.discord-widget {

  width: 265px;

  transition-property: left;

  transition-duration: 2s;

  -webkit-transition-property: left;

  -webkit-transition-duration: 2s;

  position: fixed;

  bottom: 5px;

  left: 10px;

  z-index: 10;

}



.etkinlikElement {

  padding: 5px 10px;

  background: rgb(187 116 100 / 26%);

  margin: 5px;

  color: #ffde8c;

  cursor: pointer;

  border-radius: 3px;

}



.etkinlikElement:hover {

  background: rgb(187 116 100 / 55%);

}



.etkinlikElement span {

  font-family: "Francios One", "Georgia", "Times New Roman", "Palatino", "Hoefler Text", "Baskerville", serif;

  display: block;

  color: #fff7ce;

  text-shadow: 1px 1px 0px black;

}



.etkinlikElement small {

  font-size: 11px;

  display: block;

  margin-bottom: 5px;

}



.etkinlikElement.active {

  background: rgb(224 201 115 / 29%);

  border: 1px solid #ccac74;

}



li.etkinlikTakvim {

  margin-bottom: 10px;

}



div[role="main"] h1,
div[role="main"] h2,
div[role="main"] h3,
div[role="main"] h4,
div[role="main"] h5,
div[role="main"] strong {
  color: #7b1325;
    background: url('../images/buton24.png') no-repeat;
  font-weight: bold;
  font-size: 14px; /* Buradaki değeri ihtiyacına göre büyütebilirsin */
}




div[role="main"] h2 {
  font-size: 18px;
  background: url('../images/buton24.png') center top no-repeat;
  padding-top: 32px;
  margin-top: -20px;
  padding-left: 0;       /* Sol boşluk gerekmez */
  margin-left: 0;
  margin-bottom: 10px;
  
  text-align: center;
}




div[role="main"] li,
div[role="main"] p {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
}




div[role="main"] div.content {

  margin-left: 12px

}



div[role="main"]:after {

  bottom: -70px;

  content: url("../images/buton21.png");

  display: block;

  left: -19px;

  position: absolute

}



#blank div[role="main"]:after {

  content: none

}



article {

  margin: 0 25px 20px

}



article.trailer {

  width: 476px;

  height: 268px;

  margin: 0 auto 20px;

  border: 1px solid #f7e3bb;

  box-shadow: black 0 2px 4px;

  background: black

}



article.mini-gallery {
  width: 497px;
  height: 236px; /* örneğin büyüttük */
  padding: 3px;
  margin: 20px 16px;
  background: url('../images/bg29.jpg') top left no-repeat;

  background-size: 100% 100%; /* işte burası önemli */
}




article.mini-gallery img {

  display: block;

  float: left;

  border: 1px solid #edd9b1;

  box-shadow: black 0 2px 4px;

  margin: 18px 0 0 22px;

  width: 135px;

  height: 90px

}



body>.container>div.secondary {

  float: right;

  width: 181px;

  margin: 0 3px;

  position: relative

}



body>.container>.secondary>aside {

  background: url("../images/bg45.png") top right repeat-y;

  margin-bottom: 31px;

  padding: 1px 0

}



body>.container>.secondary>aside:before {

  content: url('../images/bg20.png');

  display: block;

  margin-bottom: -5px;

  margin-top: -19px

}



body>.container>.secondary>aside:after {

  content: url('../images/bottom.png');

  display: block;

  margin-top: -5px;

  margin-bottom: -20px

}



.secondary > aside > h2 {
  font-weight: bold;
  font-size: 16px;
  margin: 0 auto 25px;
  color: #f4cc6a;
  height: 34px;
  line-height: 20px;
  margin-bottom: 5px;
  padding: 0 19px 0 20px;
  padding-top: -15px;
  background: url('../images/bg82.png') center 23px no-repeat;
  transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
  display: block;
}

.secondary > aside > h2:hover {
  color: #fff;
}



/* .secondary > aside > h2:hover { */
  /* transform: scale(0.8); /* %10 büyüme efekti */ */
/* } */


.modal {
  display: none; 
  position: fixed; 
  z-index: 999;
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgba(0,0,0,0.5);
}

.modal-content {
  background-color: #222;
  color: black;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
  border-radius: 10px;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover {
  color: white;
}


.secondary>aside.download>a,

.secondary>aside.itemshop>a,

.secondary > aside.recruiting > a {
  position: relative;
  display: block;
  width: 129px;
  height: 60px;
  margin: 0 auto;
  text-indent: -9999px;
  background-color: #3498db;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  animation: pulse 2.9s infinite; /* Pulse animasyonunu ekler */
}

/* Pulse animasyonu */
@keyframes pulse {
  0% {
    transform: scale(1); /* Başlangıç boyutu */
  }
  50% {
    transform: scale(1.1); /* Yarıda biraz büyür */
  }
  100% {
    transform: scale(1); /* Sonunda tekrar eski boyutuna döner */
  }
}

/* Hover efekti */
.secondary > aside.recruiting > a:hover {
  background-color: #e74c3c;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}




.secondary>aside.recruiting>a {

  background-image: url('../images/096f63730cd2e886f2037f8214d3b0.png')

}



.secondary>aside.recruiting>a:hover {

  background-image: url('../images/topluluk2.png')

}



.secondary>aside.itemshop>a {

  background: url('../images/market.png') 129px 0

}



.secondary>aside.itemshop>a:hover {

  background: url('../images/market2.png') 129px 0

}



.secondary>aside.download>a {

  background: url('../images/bg93.png') 0 0

}



.secondary>aside.itemshop>a:hover {

  background-position: 129px -60px

}



.secondary>aside.download>a:hover {

  background-position: 0 -60px

}



.secondary>aside.highscore {

  font-weight: bold;

  font-size: 11px

}



.secondary>aside.highscore select.world {

  display: block;

  width: 141px;

  height: 20px;

  margin: 8px auto;

  background: #cdb78b;

  border: 1px solid #997c47;

  border-bottom-width: 2px

}



.secondary>aside.highscore table {

  width: 159px;

  margin: 0 auto

}



.secondary>aside.highscore table tr {

  height: 20px

}



.secondary>aside.highscore table tr.alt {

  background: url('../images/cerceve5.png') center center no-repeat

}



.secondary>aside.highscore table td {

  vertical-align: middle

}



.secondary > aside.highscore td.position {
  color: #dab353;
  /* text-align: right; */
  /* width: 20px; */
  /* background-image: url('https://artofm2.org/Speed/kral2.png'); */
  /* background-repeat: no-repeat; */
  /* background-position: right center; /* Görseli sağ tarafa yerleştirir */ */
  /* background-size: 24px 24px; /* Görseli küçük boyutta yapar (16px x 16px) */ */
  /* padding-right: 35px; /* Görselin görünmesi için sağda boşluk bırakır */ */
}





.secondary > aside.highscore td.name > a {
  color: #ff9800; /* Daha dikkat çekici bir turuncu renk */
  text-decoration: none;
  padding: 0 5px;
  font-size: 10px; /* Yazı boyutunu büyüttüm */
  font-weight: bold; /* Yazıyı kalın yaptım */
  text-transform: uppercase; /* Harfleri büyük yapar */
  text-shadow: 5px 5px 7px rgba(0, 0, 0, 0.5); /* Hafif bir gölge efekti */
  transition: color 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.secondary > aside.highscore td.name > a:hover {
  color: #ffd700; /* Üzerine gelince altın sarısı olur */
  transform: scale(1.1); /* Hafif büyüme efekti */
}




.secondary>aside.highscore td.name>a:hover {

  color: #dfbf8b;

  text-decoration: underline

}



.secondary>aside.highscore td.faction {

  width: 39px

}



.secondary>aside.highscore td.faction>img {

  border: 1px solid #624f32

}



.secondary > aside.highscore > .tab > a,
.minisiralama > .tab > a {
  display: block;
  width: 129px;
  height: 20px;
  padding-right: 17px;
  margin: 10px auto;
  background: url('../images/cerceve4.gif') top left no-repeat;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  color: white;
  text-decoration: none;
  transition: transform 0.3s ease-in-out; /* Yumuşak geçiş efekti */
}

.secondary > aside.highscore > .tab > a:hover,
.minisiralama > .tab > a:hover {
  transform: scale(1.1); /* %10 büyüme efekti */
}




.secondary>aside.highscore>.tab>a:hover,

.minisiralama>.tab>a:hover {

  text-decoration: underline

}



.secondary>aside ul.tabcontrols {

  list-style: none;

  width: 159px;

  height: 40px;

  background: url('../images/tahta.png') 0 28px no-repeat;

  margin: 0 auto;

  overflow: hidden

}



.secondary>aside ul.tabcontrols>li {

  float: left;

  width: 78px;

  height: 40px;

  background: url('../images/tahta.png') right bottom no-repeat

}



.secondary>aside ul.tabcontrols>li:first-child {

  margin-right: 3px

}



.secondary>aside ul.tabcontrols>li.selected {

  width: 78px;

  height: 40px;

  background: url('../images/tahta.png') left bottom no-repeat

}



.secondary>aside ul.tabcontrols a {

  display: block;

  width: 100%;

  height: 100%

}



.secondary>aside ul.tabcontrols a>img {

  display: block;

  margin: 2px auto

}



.secondary>aside div.tab {

  position: relative;

  display: none

}



.secondary>aside div.tab.selected {

  display: block

}



.welcome-text {

  color: #fef6aa;

  font-size: 14px;

  font-weight: bold

}



.welcome-text-left {

  float: left;

  padding-left: 15px

}



.right {

  float: right

}



.left {

  float: left

}



.nav-box-btn {

  color: #fef6aa;

  display: block;

  float: left;

  font-size: 13px;

  height: 32px;

  line-height: 17px;

  margin: -1px 0 0 0;

  padding: 11px 5px 0 32px;

  text-align: center;

  text-decoration: none;

  width: 173px

}



.nav-box-btn-1 {

  background-image: url('../images/buton10.png');

  margin-left: -4px

}



.nav-box-btn-1:hover {

  background-image: url('../images/bg91.png')

}



.nav-box-btn-2 {

  background-image: url('../images/buton8.png');

  width: 159px;

  margin-left: 8px

}



.nav-box-btn-2:hover {

  background-image: url('../images/buton2.png')

}



.nav-box-btn-3 {

  background-image: url('../images/buton5.gif')

}



.nav-box-btn-4 {

  background-image: url('../images/buton6.png');

  width: 160px

}



.nav-box-btn-4:hover {

  background-image: url('../images/buton13.png')

}



.header-box-nav-container {

  border: 0;

  height: 42px;

  margin: 4px 0 0 6px;

  overflow: hidden;

  padding: 3px 0 0 0;

  width: 516px

}



.header-box-nav-container li {

  list-style: none

}



.container {

  margin: 0 auto;

  position: relative;

  width: 930px

}



.content h2 {

  background-image: url('../images/bg28.jpg');

  background-repeat: no-repeat;

  color: #7b1300;

  font-size: 14px;

  font-weight: bold;

  line-height: 17px;

  margin: 11px 0 0;

  padding: 7px 0 7px 33px

}



.content {

  background-image: url('../images/bg75.jpg');

  background-repeat: repeat-y;

  margin: 0;

  width: 507px

}



.content .content-bg {

  background: url('../images/bg98.jpg') no-repeat;

}



.content .content-bg-bottom {
    background: transparent url(../images/bg11.jpg) repeat scroll 0 0;
    border: 1px solid #000000;
    color: #4a1e00;
    border-radius: 15px; /* Köşeleri yuvarlatır, px değeri istediğin kadar olabilir */
    overflow: hidden;    /* Yuvarlatılmış köşelerde arka plan taşmasını önler */
}




.box-foot {

  height: 10px;

  margin-bottom: 12px;

  width: 481px;

}



#news_compact ul {

  padding-bottom: 0;

  margin-top: 12px;

  text-align: left

}



#news_compact li {

  padding-bottom: 12px;

  list-style: none

}



#news_compact li a {

  color: #7b1300

}



#news_compact li h4 {

  float: right;

  font-weight: normal;

  color: #7b1300;

  margin-left: 10px

}



#news_compact li h3 {

  display: inline;

  margin-top: 0

}



#news_compact li p {

  padding-bottom: 0;

  padding-top: 2px

}



#news_compact li a.news_link {

  text-decoration: none

}



#news_compact img.thumbnail {

  width: 100px;

  float: right

}



#news_compact img.full {

  width: 480px

}



#news a {

  color: #7b1300

}



#news td {

  padding: 8px 12px 30px;

  background: url('../images/bg72.jpg') no-repeat top left;

}



#news h3 {

  margin: 0 0 8px;

  text-align: left

}



#news p.message {

  padding-bottom: 6px

}



#news p.author {

  padding-bottom: 0;

  color: #7b1300

}



#news a.comment_link {

  display: block;

  float: right;

  margin-right: 12px;

  text-align: right

}



#news a.first_link {

  margin-right: 0;

  display: block;

  float: right;

  text-align: right

}



#news p.date {

  padding-bottom: 0;

  color: #7b1300

}



#news img {

  display: none;

  margin-top: 8px;

  width: 100px

}



#news div {

  display: none;

  margin: 0;

  padding: 0

}



#news div ul {

  margin: 0

}



#news div ul li {

  margin: 12px 0 0;

  padding: 0 8px 0 20px

}



#news div ul h5 {

  display: inline;

  margin-bottom: 2px;

  color: #7b1300

}



#news div ul h6 {

  float: right;

  font-weight: normal;

  color: #7b1300

}



#news div ul p {

  margin: 0;

  padding: 0;

  overflow: hidden

}



#news #browse {

  width: 100%;

  margin-top: 20px;

  height: 33px;

  background-image: url('../images/bg89.jpg');

  background-repeat: no-repeat;

}



/* BURDASIN BURDA*/



#news #browse td {

  width: 50%;

  background: transparent;

  padding: 1px 0 0

}



#news #browse a {

  margin: 6px auto;

  padding: 3px 0 0;

  width: 106px;

  color: #dfbf8b

}



#news #browse a#next {

  background: url('../images/bg79.jpg') no-repeat top right

}



#news #browse a#next span {

  padding-right: 17px

}



#news #browse a#prev {

  background: url('../images/buton22.jpg') no-repeat top left

}



#news #browse a#prev span {

  padding-left: 17px

}



.content .tabs-nav {

  height: 40px;

  width: 481px;

}



.content .tabs-nav li,

.content .tabs-nav li a {

  color: #7b1300;

  display: block;

  font: bold 12px/26px Arial, Helvetica, sans-serif;

  height: 30px;

  text-align: center;

  text-decoration: none

}



.content .tabs-nav li {

  float: left;

  height: 34px;

  list-style-type: none;

  padding: 3px

}



.content .tabs-nav li a:hover {

  text-decoration: underline

}



.content .tabs-nav li.selected a {

  text-decoration: none !important;

  cursor: text !important

}



.content .tabs4 li {

  background: transparent url('../images/bg19.png') no-repeat;

  width: 114px

}



.content .tabs4 li a {

  width: 114px

}



.content .tabs4 #tab1 {

  background-position: 0 -40px

}



.content .tabs4 #tab2 {

  background-position: -120px -40px

}



.content .tabs4 #tab3 {

  background-position: -240px -40px

}



.content .tabs4 #tab4 {

  background-position: -360px -40px;

  width: 115px

}



.content .tabs4 #tab1.selected {

  background-position: 0 0

}



.content .tabs4 #tab2.selected {

  background-position: -120px 0

}



.content .tabs4 #tab3.selected {

  background-position: -240px 0

}



.content .tabs4 #tab4.selected {

  background-position: -360px 0

}



.content .tabs4-big {

  height: 52px

}



.content .tabs4-big li {

  background: transparent url('../images/bg27.jpg') no-repeat;

  height: 46px;

  width: 120.25px;

  display: table;

  padding-top: 0;

}



.content .tabs4-big li a {

  width: 114px;

  line-height: 15px;

  display: table-cell;

  vertical-align: middle

}



.content .tabs4-big #tab1 {

  background-position: 0 -52px

}



.content .tabs4-big #tab2 {

  background-position: -120px -52px

}



.content .tabs4-big #tab3 {

  background-position: -240px -52px

}



.content .tabs4-big #tab4 {

  background-position: -360px -52px;

  width: 120.25px;

}



.content .tabs4-big #tab1.selected {

  background-position: 0 0

}



.content .tabs4-big #tab2.selected {

  background-position: -120px 0

}



.content .tabs4-big #tab3.selected {

  background-position: -240px 0;

}



.content .tabs4-big #tab4.selected {

  background-position: -360px 0

}



.content .tabs3 li {

  background: transparent url('../images/cerceve7.png') no-repeat;

  width: 154px

}



.content .tabs3 li a {

  width: 154px;

}



.content .tabs3 #tab1 {

  background-position: 0 -40px;

  width: 160.3px;

}



.content .tabs3 #tab2 {

  background-position: -160px -40px;

  width: 160.3px;

}



.content .tabs3 #tab3 {

  background-position: -320px -40px;

  width: 160.3px;

}



.content .tabs3 #tab1.selected {

  background-position: 0 0

}



.content .tabs3 #tab2.selected {

  background-position: -160px 0

}



.content .tabs3 #tab3.selected {

  background-position: -320px 0

}



.content .tabs2 li {
  background: transparent url('../images/bg84.png') no-repeat;
  width: 234px;
  border-radius: 22px;  /* Köşeleri yuvarlatır */
  overflow: hidden;     /* Taşmaları önler */
}




.content .tabs2 li a {

  width: 234px

}



.content .tabs2 #tab1 {

  background-position: 0 -40px

}



.content .tabs2 #tab2 {

  background-position: -240px -40px;

  width: 235px

}



.content .tabs2 #tab1.selected {

  background-position: 0 0

}



.content .tabs2 #tab2.selected {

  background-position: -240px 0

}



.firststepsbox-1,

.firststepsbox-2,

.firststepsbox-3 {
  min-height: 155px;

  padding: 7px 190px 7px 9px

}



.firststepsbox-1 {

  background: url('../images/e0202f299a42f7ef2c3599aed35bc4.jpg') no-repeat

}



.firststepsbox-2 {

  background: url('../images/fc575d732bf974cfadc98c30d88116.jpg') no-repeat

}



.firststepsbox-3 {

  background: url('../images/2b560b00137100824da3977f7553bb.jpg') no-repeat

}



.firststeps-inner-content {

  margin: 9px 0 0 0;

  padding: 0

}



.firststeps-inner-content h4 {

  background: url('../images/bg96.png') no-repeat bottom left;

  color: #7b1300;

  font-size: 12px;

  padding-bottom: 8px;

  margin: 1px 0 0 0

}



.firststeps-inner-content p {

  margin: 5px 0 9px 0

}



.firststeps-login-screenshot {

  height: 130px;

  margin-left: 12px;

  margin-top: 18px;

  width: 166px

}



.firststeps-inner-content .tutorialsbox {

  background: url('../images/fe1950dc04c5f551cb53fc73919c40.jpg') no-repeat;

  min-height: 155px;

  padding: 7px 190px 7px 9px

}



.firststeps-inner-content .tutorial-btn,

#move .inner-form-box input.cancel-btn {

  background: transparent url('../images/bg73.png') no-repeat;

  color: #f1e6a6;

  display: block;

  font-size: 11px;

  height: 20px;

  margin: 10px 0 0;

  padding: 3px 20px 0 10px;

  text-decoration: none

}



#move .inner-form-box input.cancel-btn {

  padding: 5px 10px;

  width: 230px

}



.firststeps-inner-content .tutorial-btn:hover {

  text-decoration: underline

}



.firststeps-inner-content .community {

  background: url('../images/02e3bce2b98931df4b933d6dc44c8a.jpg') no-repeat;

  min-height: 155px;

  padding: 7px 190px 7px 9px;

  width: 481px

}



.aboutbox-1,

.aboutbox-2,

.aboutbox-3,

.aboutbox-4,

.aboutbox-5 {

  min-height: 169px;

  padding: 7px 190px 7px 9px

}



.aboutbox-1 {

  background: url('../images/6fe2f0450850dcb5054c985cd0e7e8.jpg') no-repeat

}



.aboutbox-2 {

  background: url('../images/e6ecf27eedcabe52af6abc672a090a.jpg') no-repeat

}


.aboutbox-3 {

  background: url('../images/be0c9a9cb65fd3ed4ad052f4a52eae.jpg') no-repeat

}



.aboutbox-4 {

  background: url('../images/888e7e3d3ffa1ac8bca113fa7a1316.jpg') no-repeat

}



.aboutbox-5 {

  background: url('../images/1cb294346a10170ac1c4b008a37c8f.jpg') no-repeat

}



.about-inner-content h4 {

  background: url('../images/bg96.png') no-repeat bottom left;

  color: #7b1300;

  font-size: 11px;

  padding-bottom: 8px;

  margin: 1px 0 0 0

}



.about-inner-content p {

  margin: 5px 0 9px 0

}



.about-inner-content .aboutbox-5 p {

  width: 462px

}



.about-inner-content .aboutbox-5 h4,

.about-inner-content p.first-content {

  width: 280px

}



.about-inner-content {

  margin: 9px 0 0 0;

  padding: 0

}



.empires-content {

  margin: 9px 0 0 0;

  padding: 0;

  position: relative

}



.empires-content .empires-map {

  background: url('../images/e3b3aa0f63d3d00f63511f2a764016.png') no-repeat;

  height: 341px;

  position: relative;

  width: 481px

}



.empirebox-2,

.empirebox-3 {

  display: none

}



.empirebox-1,

.empirebox-2,

.empirebox-3 {

  background: url('../images/bg77.jpg') no-repeat;

  min-height: 169px;

  padding: 7px;

  position: relative;

  width: 467px

}



.empires-content h4 {

  background: url('../images/bg96.png') no-repeat bottom left;

  color: #7b1300;

  font-size: 11px;

  padding-bottom: 8px;

  margin: 1px 0 0 0

}



.empires-content .empire-crest {

  background: url('../images/bg77.jpg') no-repeat;

  height: 87px;

  position: absolute;

  top: 0;

  left: 345px;

  width: 136px

}



.empires-content .empirebox-1 .empire-crest {

  background: url('../images/618a22c125032afd6e9b6e1b61aec1.png') no-repeat 0 0

}



.empires-content .empirebox-2 .empire-crest {

  background: url('../images/618a22c125032afd6e9b6e1b61aec1.png') no-repeat 0 -87px

}



.empires-content .empirebox-3 .empire-crest {

  background: url('../images/618a22c125032afd6e9b6e1b61aec1.png') no-repeat 0 -174px

}



.empires-content p {

  margin: 5px 0 9px 0;

  width: 320px

}



.empires-content .empires-map img {

  position: absolute;

  top: 0

}



.empires-content #empire-img {

  position: relative

}



.empires-content .empire-1 {

  background: url('../images/72b5947ad18473876b9519e5623154.png') no-repeat 0 -196px;

  height: 145px;

  left: 0;

  top: 196px;

  width: 345px

}



.empires-content .empire-2 {

  background: url('../images/72b5947ad18473876b9519e5623154.png') no-repeat 0 0;

  height: 160px;

  left: 0;

  top: 0;

  width: 200px

}



.empires-content .empire-3 {

  background: url('../images/72b5947ad18473876b9519e5623154.png') no-repeat -291px 0;

  height: 225px;

  left: 291px;

  width: 190px

}



#wallpaper a,

#screenshots a {

  background: url('../images/cerceve9.gif') no-repeat;

  float: left;

  margin: 4px;

  padding: 4px

}



#wallpaper a.first,

#screenshots a.first {

  background: url('../images/bg9.jpg') no-repeat

}



.gallerybox {

  background: url('../images/bg72.jpg') no-repeat;

  margin-bottom: 9px;

  height: auto;

  padding-top: 7px;

  padding-left: 12px;

  width: 476px

}



.gallerybox-small {

  background-image: url('../images/bg17.jpg');

  min-height: 133px

}



.gallerybox-middle {

  background-image: url('../images/bg72.jpg');

  min-height: 193px;

  margin-bottom: 30px

}



.gallery-inner-content h4 {

  color: #7b1300;

  font-size: 12px;

  height: 34px;

  margin: 1px 0 0 9px;

  width: 290px

}



.gallery-inner-content {

  margin: 9px 0 0 0;

  padding: 0

}



.gallery-image {

  float: left;

  margin-right: 8px;

  margin-bottom: 8px

}



.screenshots-gallery-list {

  margin: 4px 0 0;

  overflow: hidden;

  padding: 0;

  width: 100%

}



.screenshots-gallery-list li {

  background: url('../images/bg9.jpg') no-repeat;

  display: inline;

  float: left;

  list-style: none;

  height: 83px;

  margin: 0 4px 4px 0;

  padding: 4px 0 0 4px;

  width: 108px

}



.wallpaper-links {

  float: left;

  line-height: 18px;

  margin-right: 8px;

  text-align: center;

  width: 108px

}



.Warriorw {

  background: url('../images/Warriorw.jpg') no-repeat

}



.Warriorm {

  background: url('../images/Warriorm.jpg') no-repeat

}



.Suraw {

  background: url('../images/Suraw.jpg') no-repeat

}



.Suram {

  background: url('../images/Suram.jpg') no-repeat

}



.Shamanw {

  background: url('../images/Shamanw.jpg') no-repeat

}



.Shamanm {

  background: url('../images/Shamanm.jpg') no-repeat

}



.Ninjaw {

  background: url('../images/Ninjaw.jpg') no-repeat

}



.Ninjam {

  background: url('../images/Ninjam.jpg') no-repeat

}



.lycan {

  background: url('../images/lycan.jpg') no-repeat

}



.wallpaper-links a {

  color: #4a1e00;

  font-size: 11px;

  text-decoration: underline

}



.characterclasses {

  min-height: 155px;

  padding: 7px 190px 7px 9px

}



.charclass-1 {

  background: url('../images/8cbd33a9e462323646d3629949d4a2.jpg') no-repeat

}



.charclass-2 {

  background: url('../images/11910391df6fb96f9ebc93abbb5c07.jpg') no-repeat

}



.charclass-3 {

  background: url('../images/6aedbcf4dc757874c200bb7d2c1099.jpg') no-repeat

}



.charclass-4 {

  background: url('../images/cbe3cd13281bd5790771b5cecd9116.jpg') no-repeat

}



.charclass-8 {

  background: url('../images/9817dce08f29b4a620cb0806d79339.jpg') no-repeat

}



.characterclasses h4 {

  font-size: 12px

}



.charclass-8 h4 a,

.charclass-8 h4 a:visited {

  color: #7b1325;

  text-decoration: none

}



.charclass-8 h4 a:hover {

  text-decoration: underline

}



.download-inner-column-left {

  background-image: url('../images/bg88.jpg');

  float: left;

  overflow: hidden;

  width: 301px

}



.download-inner-column-right {

  width: 180px;

  float: left

}



.download-inner-column-right p {

  width: 174px;

  margin: 12px 0 16px 1px

}



.download-inner-column-right p a {

  color: #7b1300;

  font-weight: bold;

  text-decoration: none

}



.download-inner-column-right p a:hover {

  color: #af4e3c

}



.download-button {

  background-image: url('../images/72d01fcb93bbc05a4d99e7c9cb1b9c.jpg');

  display: block;

  height: 63px;

  width: 174px

}



.download-button:hover {

  background-image: url('../images/9a2735107710bad6b3b6303ae2dbe0.jpg')

}



.downloadbox {

  background: url('../images/bg5.jpg') no-repeat;

  margin-bottom: 9px;

  min-height: 209px;

  padding-top: 7px;

  padding-left: 12px;

  width: 289px

}



.download-inner-content h4 {

  color: #7b1300;

  font-size: 12px;

  height: 34px;

  margin: 1px 0 0 0;

  width: 290px

}



.download-inner-column-left p {

  margin: 5px 0 9px 0;

  width: 286px

}



.download-image {

  margin-bottom: 16px

}



.download-inner-content {

  margin: 9px 0 0 0;

  padding: 0

}



.downloadbox caption {

  caption-side: inherit;

  font-weight: bold;

  font-size: 12px;

  height: 20px;

  text-align: left

}



.downloadbox table {

  margin-bottom: 20px;

  width: 281px

}



.left_td {

  background: url('../images/buton21.gif') no-repeat 0 0;

  height: 23px;

  padding-left: 20px;

  width: 69px

}



.download-box-foot {

  background-image: url('../images/bg76.jpg');

  clear: both;

  height: 10px;

  margin-bottom: 12px;

  width: 481px

}



.download-content-teaser {

  float: right;

  width: 178px

}



#download h3 {

  background: 0;

  color: #4a1e00;

  font-size: 25px;

  line-height: 25px;

  margin: 0 15px;

  text-shadow: 1px 1px #ecd4ba

}



#download a#requirements {

  background: url("../images/bg13.gif") no-repeat scroll 0 0 transparent;

  color: #8d0404;

  cursor: pointer;

  display: block;

  font-size: 15px;

  font-weight: bold;

  height: 13px;

  line-height: 12px;

  margin: 15px 30px;

  text-decoration: none;

  text-shadow: 1px 1px #ecd4ba

}



#downloadText {

  font-size: 12px;

  margin: 15px auto;

  width: 445px

}



#download a#requirements:hover {

  text-decoration: underline

}



#download h4:hover {

  background-position: 0 -13px

}



#download .download-button {

  margin: 15px auto

}



#required {

  width: 300px;

  margin: 0 auto;

  display: none

}



#required caption {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 10px;
  
  /* background: rgba(0, 0, 0, 0.6); /* Şeffaf siyah arka plan */ */
  color: red; /* Yazı rengini beyaz yap */
  /* padding: 10px 15px; /* İç boşluk ekleyerek buton hissi ver */ */
  /* border-radius: 6px; /* Köşeleri yuvarlak yap */ */
  display: inline-block; /* Buton gibi hizalanmasını sağla */
  /* text-transform: uppercase; /* Yazıyı büyük harf yap */ */
  /* text-align: center; /* Yazıyı ortala */ */
  /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5); /* Hafif gölge efekti ekle */ */
  /* transition: all 0.3s ease-in-out; /* Geçiş efekti ekle */ */
}

#required caption:hover {
  /* background: rgba(0, 0, 0, 0.8); /* Hover (üzerine gelince) arka planı koyulaştır */ */
  /* transform: scale(1.05); /* Üzerine gelince hafif büyüme efekti */ */
  /* box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.7); /* Hover gölge efekti */ */
}



#download .resourceTable {

  margin: 15px auto;

  width: 350px

}



.securitybox {


  min-height: 90px;

  padding: 7px;

  position: relative;

  width: 482px

}



.securitybox p {

  width: 467px

}



.securitybox ul {

  list-style-type: square;

  padding-left: 15px

}



.administration-inner-content h4 {

  color: #7b1300;

  font-size: 15px;

  height: 22px;

  margin: 1px 0 0 9px;

  width: 290px

}



.administration-inner-content p {

  font-size: 11px;

  margin: 0 5px 10px 12px

}



.administration-inner-content {

  margin: 9px 0 0;

  padding: 0

}



.administration-inner-content ul {

  font-size: 11px;

  margin: 9px 0 0 12px;

  padding: 0;

  text-align: left

}



.administration-inner-content ul li {
  background: url('../images/buton21.gif') no-repeat;
  list-style: none;
  padding: 0 0 13px 20px;
  width: 260px;
  color: black; /* Yazı rengi siyah */
  font-weight: bold; /* Yazıyı kalın yapar */
}





.long-li {

  overflow: visible;

  width: 440px !important

}



.long-li-code {

  background-position: 0 5px !important;

  line-height: 23px;

  padding-bottom: 0

}



.administration-box {

  line-height: 18px;

  margin-bottom: 14px;

  margin-left: 12px;

  padding: 0 13px;

  width: 500px

}



.administration-box p {

  color: #4a1e00;

  margin-left: 6px

}



.administration-box a {

  float: left;

  margin: 0 7px 0

}



.delete-code {

  background-color: #cdb78b;

  border: 1px solid #997c47;

  color: #7b1300;

  font: 14px bold normal;

  height: 15px;

  padding-left: 4px;

  padding-right: 4px;

  padding-top: 3px

}



.load-link {

  color: #7b1300;

  font-weight: bold;

  text-decoration: none

}



.load-link:hover {

  text-decoration: underline

}



.load-link:visited {

  color: #943b00

}



.input-data-box {

  background: url('../images/panel.jpg') no-repeat;

  min-height: 129px;

  padding-top: 9px;

  width: 481px

}



.input-data-box p a {

  color: #943b00;

  text-decoration: none

}



.input-data-box p a:hover {

  text-decoration: underline

}



.input-data-box .box-img {

  float: right;

  height: 130px;

  width: 180px

}



.recruitbox-1,

.recruitbox-2,

.recruitbox-4,

.recruitbox-5 {

  min-height: 155px;

  padding: 7px 190px 7px 9px;

  width: 481px

}



.recruitbox-3 {

  min-height: 155px;

  padding: 7px 190px 7px 9px;

  width: 480px

}



.recruitbox-1 {

  background: url('../images/314ce4bdaf2d80a14a168ce8a132f3.jpg') no-repeat

}



.recruitbox-2 {

  background: url('../images/c6f85ccba566310faea2df6b861ac4.jpg') no-repeat

}



.recruitbox-3 {

  background: url('../images/bg94.jpg') no-repeat

}



.recruitbox-4 {

  background: url('../images/652dd9eaba0b8d4ce22f78da74ace1.jpg') no-repeat

}



.recruitbox-5 {

  background: url('../images/267a2f8c79a787ccb2dafcec8d9b6f.jpg') no-repeat

}



.recruit-inner-content {

  margin: 9px 0 0 0;

  padding: 0

}



.recruit-inner-content h4 {

  background: url('../images/bg96.png') no-repeat bottom left;

  color: #7b1300;

  font-size: 12px;

  padding-bottom: 8px;

  margin: 1px 0 0 0

}



.recruit-inner-content p {

  margin: 5px 0 9px 0

}



.recruit-inner-content label {

  display: block;

  font-size: 1.1em;

  font-weight: bold

}



.recruit-inner-content input {

  width: 280px;

  display: transparent;

  border: 0;

  height: 24px;

  padding-left: 3px;

  padding-right: 3px;

  padding-top: 2px;

  background: url('../images/bg47.png') no-repeat

}



.recruit-inner-content textarea {

  width: 280px;

  display: transparent;

  border: 0;

  height: 100px;

  padding-left: 3px;

  padding-top: 2px;

  background: url('../images/bg40.png') no-repeat;

  overflow: hidden

}



#recruitMailForm #submitBtn,

#recruitMailForm #sendMailBtn {

  background: url('../images/buton20.png') no-repeat;

  border: 0;

  color: #fff;

  cursor: pointer;

  height: 48px;

  width: 248px;

  font-size: 18px;

  font-weight: bold;

  letter-spacing: .01em;

  margin: 0 auto;

  text-align: center;

  display: block;

  background-position: 0 7px

}



.recruit-status-th {

  height: 26px;

  background: url('../images/bg30.png') no-repeat

}



.recruit-status-th th,

.recruit-status-tr td {

  vertical-align: middle;

  text-align: center

}



.recruit-status-tr {

  height: 25px;

  background: url('../images/bg37.png') no-repeat

}



.recruit-inviteLink {

  width: 280px;

  height: 24px;

  display: block;

  border: 0;

  padding-left: 3px;

  padding-top: 0;

  background: url('../images/bg47.png') no-repeat

}



#recruitSocialForm #inviteLink {

  background: 0;

  width: 270px;

  overflow: hidden;

  height: 22px

}



.recruit-facebook {

  display: block;

  background: url('../images/eece0c60f85cf2daa0fbd1f32dc25c.png') no-repeat;

  width: 29px;

  height: 29px;

  margin-top: 5px;

  margin-right: 15px;

  float: left

}



.recruit-twitter {

  display: block;

  background: url('../images/2368e3a4c001f11402f108cdd467ef.png') 20% no-repeat;

  width: 29px;

  height: 29px;

  margin-top: 5px;

  float: left

}



.recruit-headline {

  position: relative;

  top: 60px;

  left: 140px;

  width: 192px;

  height: 30px;

  text-align: center;

  font-weight: bold;

  color: #600;

  font-size: 18px

}



.recruit-code {

  position: relative;

  top: 50px;

  left: 140px;

  width: 185px;

  height: 34px;

  background: url('../images/cerceve1.png') no-repeat;

  text-align: center;

  font-weight: bold;

  padding-left: 2px;

  padding-top: 3px

}



#recruitCode {

  color: #000;

  font-size: 13px;

  font-weight: bold;

  background: 0;

  text-align: left;

  width: 169px

}



.recruit-inner-content th,

.recruit-inner-content td {

  padding-right: 10px

}



.recruit-del {

  background: url('../images/close.png') no-repeat;

  width: 21px;

  height: 21px;

  display: block

}



#hiddenMails {

  display: none

}



.btn {

  background: url('../images/buton9.png') no-repeat;

  color: #dfbf8b;

  display: block;

  font-size: 10px;

  font-weight: bold;

  height: 20px;

  line-height: 12px;

  margin: 4px 0 0;

  padding: 3px 14px 0 0;

  text-align: center;

  text-decoration: none;

  width: 130px

}



.btn:hover {

  background: url('../images/buton3.png') no-repeat;

  text-decoration: underline

}



input.btn-login {

  background: transparent url('../images/bg85.png') no-repeat scroll 50% 0 !important;

  border-style: none;

  color: #f4cc6a;

  font-family: droid serif;

  font-size: 16px;

  font-weight: bold;

  height: 54px;

  margin: auto;

  margin-bottom: 5px;

  padding: 0;

  text-shadow: 1px 1px black;

  width: 151px;

  outline: none;

  cursor: pointer;

}

input.btn-login:hover {
  color: white;
}



input.btn-login:hover {

  background: transparent url('../images/buton1.png') no-repeat scroll 50% 0 !important;

  text-decoration: none

}



input.btn-center-input-space {

  margin: 5px 25px;

  padding: 0 20px;

  width: 180px

}



.form-login {

  margin: 6px 0 0 14px;

  overflow: hidden;

  padding: 0;

  width: 151px

}



.form-login label {
  color: #f4cc6a;
  font-size: 13px;
  line-height: 14px;
  font-family: droid serif;
}

.form-login label:hover {
  color: #ffffff;
}




.form-login .input {

  background: url('../images/bg71.png') no-repeat;

  height: 25px;

  margin: 2px 0 0;

  padding: 0 0 4px;

  width: 151px

}



.form-login .input input {

  border: 0;

  background: 0;

  font: 11px/13px Arial, Helvetica, sans-serif;

  margin: 4px 0 0 4px;

  width: 121px;

  outline: none;

}



#steamLogin {

  background: url('../images/7548d475283ddfde2c9e9a53e9eecb.png') right 0 no-repeat;

  display: block;

  text-indent: -9999px;

  height: 59px;

  width: 151px

}



#steamLogin:hover {

  background: url('../images/7548d475283ddfde2c9e9a53e9eecb.png') right -59px no-repeat

}



.btn-steam,

a.btn-steam {

  background: url('../images/butons.png') 0 -108px no-repeat;

  color: #fffabd !important;

  display: block;

  font-family: 'Droid Serif', serif;

  font-size: 16px;

  height: 54px;

  line-height: 54px;

  text-align: center;

  text-decoration: none;

  text-shadow: 1px 1px 2px black;

  width: 250px

}



.btn-steam:hover {

  background: url('../images/butons.png') 0 -162px no-repeat;

  text-decoration: none !important

}



.steam-icon {

  background: url('../images/81f284383969cb4b99a80e133c123f.png') center center no-repeat;

  height: 47px;

  left: 15px;

  position: absolute;

  top: 10px;

  width: 46px

}



.agbok {

  color: #ecd4a8;

  display: block;

  font-size: 12px;

  margin: 0px 8px 6px;

  text-decoration: none;

  width: 128px

}



.agbok a {
  color: #f4670b;
  font-size: 11px;
  line-height: 11px;
  text-decoration: none;
}

.agbok a:hover {
  color: #ffffff;
}




.agbok a.password {

  text-align: left

}



.agbokinput {

  margin-bottom: 0

}



.agbok2 {

  margin: 0 0 0 12px !important

}



.agbokbtn {

  margin: 0 0 0 62px !important

}



.password {

  color: #58220e;

  display: block;

  font-size: 9px;

  line-height: 12px;

  margin: 8px 0 6px;

  text-align: center;

  text-decoration: none;

  width: 151px

}



.password:hover {

  text-decoration: underline

}



#screenshots div {

  width: 116px;

  float: left;

  text-align: center

}



#screenshots.comic a {

  color: #fff;

  position: relative;

  line-height: 25px

}



#screenshots.comic span {

  background: url('../images/cc7cfb7d3d93d7c1e3de609716b6d5.png') no-repeat;

  color: #000;

  font-weight: bold;

  font-size: 12px;

  display: block;

  height: 25px;

  position: absolute;

  top: 55px;

  left: 4px;

  text-align: center;

  width: 100px

}



#screenshots a {

  text-decoration: none

}



#screenshots img {

  max-height: 75px;

  max-width: 100px

}



.smfaqunderline {

  background: url("../images/bg96.png") no-repeat scroll left bottom transparent;

  color: #7b1300;

  font-size: 11px;

  margin: 2px 0 0;

  padding-bottom: 8px

}



.smfaqbox {

  background: url("../images/bg97.jpg") no-repeat scroll 0 0 transparent;

  min-height: 169px;

  padding: 7px 9px 7px 9px;

  width: 465px;

  font-size: 11px

}



.smfaqlinks {

  background: url("../images/right.png") no-repeat scroll -3px 3px transparent;

  margin-left: 9px;

  padding-left: 24px

}



.smserverselect {

  position: relative;

  float: left

}



.smserverselect a {

  margin-bottom: 10px

}



.smserverselect a:hover {

  text-decoration: none

}



.smserverselectold1 {

  position: absolute;

  color: black;

  text-align: center;

  width: 130px;

  left: 10px;

  top: 10px

}



.smserverselectold2 {

  position: absolute;

  color: black;

  text-align: center;

  width: 130px;

  left: 10px;

  top: 23px

}



.smserverselectold3 {

  position: absolute;

  color: black;

  text-align: center;

  width: 130px;

  left: 10px;

  top: 36px

}



.smserverselectold4 {

  position: absolute;

  color: black;

  text-align: center;

  width: 130px;

  left: 10px;

  top: 49px

}



.smserverselectnew1 {

  position: absolute;

  font-size: 14px;

  font-weight: bold;

  color: #fef6aa;

  left: 175px;

  top: 30px

}



.input-data-box {

  background: url('../images/panel.jpg') no-repeat;

  min-height: 129px;

  padding-top: 9px;

  width: 481px

}



.input-data-box p a {

  color: #943b00;

  text-decoration: none

}



.input-data-box p a:hover {

  text-decoration: underline

}



.input-data-box .box-img {

  float: right;

  height: 130px;

  width: 180px

}



.login-inner-content h4,

.pass-lost-inner-content h4 {

  color: #7b1300;

  font-size: 11px;

  height: 22px;

  margin: 1px 0 0 9px;

  width: 290px

}



.login-inner-content p,

.pass-lost-inner-content p {

  font-size: 11px;

  margin: 5px 0 10px 12px;

  width: 275px

}



.login-inner-content,

.pass-lost-inner-content {

  margin: 9px 0 0 0;

  padding: 0

}



.pass-lost-box {

  background: url('../images/bg25.jpg') no-repeat;

  margin-left: 11px;

  overflow: hidden;

  padding-top: 10px;

  width: 275px

}



.pass-lost-box-small {

  background: url('../images/bg90.jpg') no-repeat;

  float: left;

  height: auto;

  margin-left: 11px;

  margin-top: 12px;

  min-height: 143px;

  padding-top: 10px;

  width: 275px

}



.change-password .pass-lost-box-small {

  padding-top: 5px

}



.login-inner-content .pass-lost-box-small {

  background: url('../images/bg18.jpg') no-repeat

}



.pass-lost-box-big {

  height: 315px

}



.pass-lost-box-small p {

  width: 250px

}



.pass-lost-box-inner-content {

  margin-left: 10px;

  width: 253px

}



.pass-lost-box label {

  color: #4a1e00;

  font-weight: bold;

  font-size: 11px

}



.pass-lost-box input {

  border: 0;

  background-color: transparent;

  font: 11px/13px Arial, Helvetica, sans-serif;

  margin: 1px 0 0 4px;

  width: 245px

}



.pass-lost-box input.btn-center-input {

  margin-top: 5px !important

}



.pass-lost-box-small label {

  color: #4a1e00;

  font-weight: bold;

  font-size: 11px

}



.pass-lost-box-small input {

  background: 0;

  border: 0;

  margin: 1px 0 0 4px;

  width: 245px

}



#highscore table {

  border-collapse: separate;

  width: 481px

}



*+html #highscore table {

  border-collapse: inherit;

  width: 481px

}



#highscore td,
#highscore th {
    color: #b6afaa;
    vertical-align: middle;
    padding: 6px 14px;
    text-align: center;
    text-decoration: none;
    width: auto;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.7);

    white-space: normal;      /* Satır içinde kelime kırılması */
    word-wrap: break-word;    /* Kelimeleri satır sonunda kır */
    overflow-wrap: break-word; /* Eski tarayıcılar için destek */
    overflow: visible;        /* Taşmayı görünür yapma (gerekirse) */
}








html, body, * {
  cursor: url('../images/cursor.cur'), auto !important;
}




#highscore tr.zebra {

  background: url('../images/bg21.jpg')

}



#highscore td img {

  display: inline

}



#highscore .rank-th-1 {

  border-left: 1px solid #81602d;

  width: 55px

}



#highscore .rank-th-2 {

  padding-left: 13px;

  text-align: left;

  width: 110px

}



#highscore .rank-th-3 {

  width: 40px

}



#highscore .rank-th-4 {

  width: 56px

}



#highscore .rank-th-5 {

  border-right: 1px solid #81602d;

  padding-right: 13px;

  text-align: right;

  width: 104px

}



#highscore .rank-td-1-1 {

  border-left: 1px solid #81602d;

  font-weight: bold;

  text-align: center

}



#highscore .rank-td-1-2 {

  padding-left: 13px;

  text-align: left

}



#highscore .rank-td-1-5 {

  border-right: 1px solid #81602d;

  padding-right: 13px;

  text-align: right

}



#highscore .rank-td-2-1 {

  border-left: 1px solid #81602d;

  font-weight: bold;

  text-align: center

}



#highscore .rank-td-2-2 {

  padding-left: 13px;

  text-align: left

}



#highscore .rank-td-2-5 {

  border-right: 1px solid #81602d;

  padding-right: 13px;

  text-align: right

}



#guildHighscore .content-bg-bottom {

  width: 501px;

  padding: 0 10px

}



#guildHighscore table {

  border-collapse: separate;

  width: 481px

}



*+html #guildHighscore table {

  border-collapse: inherit;

  width: 481px

}



#guildHighscore td,

#guildHighscore th {

  border-color: #fae5d0 #b79647 #b39164 #fae5d0;

  border-width: 1px;

  border-style: solid;

  padding: 10px;

  vertical-align: middle

}



#guildHighscore tr.zebra {

  background: url('../images/bg21.jpg')

}



#guildHighscore td img {

  display: inline

}



#guildHighscore .guildrank-th-1 {

  border-left: 1px solid #81602d;

  width: 35px

}



.guildrank-th-2 {

  padding-left: 13px;

  text-align: left;

  width: 120px

}



.guildrank-th-3 {

  padding-left: 13px;

  text-align: left;

  width: 120px

}



.guildrank-th-4 {

  width: 50px

}



.guildrank-th-5 {

  width: 45px

}



#guildHighscore .guildrank-th-6 {

  border-right: 1px solid #81602d;

  padding-right: 13px;

  text-align: right;

  width: 60px

}



#guildHighscore .guildrank-td-1-1 {

  border-left: 1px solid #81602d;

  font-weight: bold;

  text-align: center;

  width: 50px

}



.guildrank-td-1-2 {

  padding-left: 13px;

  text-align: left;

  width: 120px

}



.guildrank-td-1-3 {

  padding-left: 13px;

  text-align: left;

  width: 120px

}



.guildrank-td-1-4 {

  text-align: center;

  width: 50px

}



.guildrank-td-1-5 {

  text-align: center;

  width: 50px

}



#guildHighscore .guildrank-td-1-6 {

  border-right: 1px solid #81602d;

  padding-right: 13px;

  text-align: right;

  width: 60px

}



#guildHighscore .guildrank-td-2-1 {

  border-left: 1px solid #81602d;

  font-weight: bold;

  text-align: center;

  width: 50px

}



.guildrank-td-2-2 {

  padding-left: 13px;

  text-align: left;

  width: 120px

}



.guildrank-td-2-3 {

  padding-left: 13px;

  text-align: left;

  width: 120px

}



.guildrank-td-2-4 {

  text-align: center;

  width: 50px

}



.guildrank-td-2-5 {

  text-align: center;

  width: 50px

}



#guildHighscore .guildrank-td-2-6 {

  border-right: 1px solid #81602d;

  padding-right: 13px;

  text-align: right;

  width: 60px

}



#eventRanking .table-bg {

  background-color: #50321c;

  padding: 5px;

  min-height: 260px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px

}



#eventRanking .content-bg-bottom>p {

  padding: 7px

}



#eventRanking input {

  font-family: "Droid Serif"

}



#eventRanking .content .content-bg-bottom {

  padding: 0 0 10px 11px

}



#eventRanking .table-events-wrap {

  height: 55px;

  padding: 0 20px;

  margin-top: 30px

}



#eventRanking .notice {

  text-align: center;

  color: white

}



#eventRanking .table-event {

  height: 60px;

  width: auto;

  display: block;

  float: left;

  text-align: center;

  margin: 0 4px;

  padding: 5px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  -webkit-transition: all ease-out .2s;

  -moz-transition: all ease-out .2s;

  -o-transition: all ease-out .2s;

  transition: all ease-out .2s

}



#eventRanking .table-event.active {

  background-color: #50321c;

  padding: 5px

}



#eventRanking .table-event .event {

  font-family: "Droid Serif";

  display: block;

  padding: 3px;

  height: 44px;

  width: 100%;

  min-width: 90px;

  cursor: pointer;

  text-decoration: none;

  color: #d2c4ba;

  font-size: .8em;

  background: url('../images/bg3.png') repeat-x transparent;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  line-height: 18px

}



#eventRanking .table-event.active .event {

  color: #fff;

  text-shadow: 0 1px 0 #000;

  background: url('../images/bg.png') repeat-x transparent

}



#eventRanking .table-event .year {

  font-size: 20px;

  display: block

}



.table-dropdowns {

  height: 40px

}



.table-dropdowns li {

  width: auto;

  padding: 5px;

  height: 48px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px

}



.table-dropdowns li.open {

  background-color: #cead75

}



.table-dropdowns li.open .btn-default:hover {

  background: url('../images/bg81.png') repeat-x transparent

}



#eventRanking .btn-default {

  display: block;

  height: 26px;

  width: auto;

  line-height: 14px;

  padding: 5px;

  color: #fff;

  cursor: pointer;

  background: url('../images/bg12.png') repeat-x transparent;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  border: 1px solid #321f11;

  position: relative

}



#eventRanking .btn-default:hover {

  background: url('../images/bg81.png') repeat-x transparent

}



#eventRanking .table-dropdowns .btn-default {

  padding-right: 25px;

  min-width: 150px

}



.to-left {

  float: left

}



.to-right {

  float: right

}



.invisible {

  visibility: hidden

}



.go-back {

  margin-left: 100px;

  margin-right: 100px

}



#eventRanking .dropdowns-box {

  min-height: 150px;

  height: 0;

  background-color: #cead75;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  padding: 5px;

  position: absolute;

  width: 471px;

  z-index: 9;

  display: none;

  opacity: 0

}



#eventRanking .dropdowns-box.filter {

  -webkit-border-radius: 6px 0px 6px 6px;

  -moz-border-radius: 6px 0px 6px 6px;

  border-radius: 6px 0px 6px 6px

}



#eventRanking .dropdowns-box.search {

  -webkit-border-radius: 6px 0px 6px 6px;

  -moz-border-radius: 6px 0px 6px 6px;

  border-radius: 6px 0px 6px 6px

}



#eventRanking .dropdowns-box.open {

  display: block;

  height: auto;

  opacity: 1

}



#eventRanking .dropdowns-box .btn-wrap {

  clear: both;

  height: 30px;

  width: 100%;

  padding: 10px

}



.dropdowns-box h3 {

  font-size: 1.2em;

  padding: 4px

}



.dropdowns-box .content-label {

  padding: 10px 0;

  clear: both

}



.dropdowns-box .content-label input {

  height: 29px;

  padding: 5px;

  width: 230px;

  background-color: #482d19;

  color: #fff;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px

}



.dropdowns-box .select-box {

  border: 1px solid rgba(113, 90, 51, 0.81);

  height: 29px;

  width: 200px;

  cursor: pointer;

  margin: 5px 0;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px

}



.dropdowns-box h4 {

  margin: 5px 0

}



.continue-btn,

.cancel-btn {

  width: auto;

  padding: 5px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  text-align: center;

  min-width: 200px;

  height: 29px;

  box-shadow: 0 0 8px #8e6c33;

  color: #fff;

  cursor: pointer

}



.continue-btn {

  background: url('../images/bg2.png') repeat-x transparent

}



.cancel-btn {

  background: url('../images/bg78.png') repeat-x transparent

}



#eventRanking .ranking-table {

  font-family: "Droid Serif";

  background: #dcc7aa;

  width: 100%;

  text-align: center

}



#eventRanking .ranking-table thead {

  background-color: #28190e

}



#eventRanking .ranking-table th {

  color: #d6c8af;

  height: 30px;

  line-height: 28px;

  font-size: 1em;

  border: 1px solid #50321c

}



.ranking-table td {

  height: 30px;

  line-height: 30px;

  border: 1px solid #50321c;

  border-top-width: 2px;

  border-bottom-width: 2px;

  vertical-align: middle;

  font-size: 1em

}



#eventRanking .table-wrap {

  max-height: 400px;

  margin-bottom: 20px;

  display: table;

  width: 100%;

  min-height: 260px

}



.ranking-table #firstPlace {

  color: #fff;

  background-color: #9d3415

}



.ranking-table .searchResult td {

  color: #fff;

  background-color: #48c

}



.ranking-table.character #firstPlace {

  color: #fff;

  background-color: #5d7f0d

}



.ranking-table tbody tr.odd,

.ranking-table tbody tr:nth-child(odd) {

  background-color: #c0a98e

}



.ranking-table .empire {

  width: 30px

}



.table-page {

  height: 34px;

  width: 318px;

  text-align: center;

  background-color: #382314;

  margin: 20px auto;

  padding: 4px;

  box-shadow: 0 0 5px #180d03 inset;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px

}



.table-page .to-left {

  padding-left: 10px

}



.table-page .to-left .left-arrow {

  left: 5px;

  top: 7px

}



.table-page .to-right {

  padding-right: 10px

}



.table-page .to-right .right-arrow {

  right: 5px;

  top: 7px

}



.table-page .pagination {

  height: 30px;

  float: left;

  width: auto

}



.table-page .pagination .current {

  background-color: #020203;

  background: rgba(0, 0, 0, 0.55);

  border: solid #c0a98e 1px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  line-height: 18px;

  cursor: default

}



.table-page .pagination li {

  float: left;

  display: inline-block;

  margin: 3px 5px 5px;

  height: 20px;

  width: 20px;

  font-size: 11px;

  color: #fff;

  cursor: pointer;

  line-height: 20px

}



.table-page .btn-default {

  width: auto;

  min-width: 80px

}



.down-arrow {

  position: absolute;

  right: 5px;

  top: 8px;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 5px 5px 0 5px;

  border-color: #fff transparent transparent transparent;

  line-height: 0;

  _border-color: #fff #000 #000 #000;

  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')

}



.right-arrow {

  position: absolute;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 5px 0 5px 5px;

  border-color: transparent transparent transparent #fff;

  line-height: 0;

  _border-color: #000 #000 #000 #fff;

  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')

}



.left-arrow {

  position: absolute;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 5px 5px 5px 0;

  border-color: transparent #fff transparent transparent;

  line-height: 0;

  _border-color: #000 #fff #000 #000;

  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')

}



.ranks-nav {

  height: 33px;

  float: left;

  font-weight: bold;

  padding: 8px 10px 0 10px

}



.ranks-nav a {

  color: #8d0404;

  font-size: 10px;

  text-decoration: none

}



.ranks-nav a:hover {

  text-decoration: underline

}



.prev {

  background-image: url('../images/cerceve8.jpg');

  text-align: left;

  width: 241px

}



.next {

  background-image: url('../images/buton23.jpg');

  text-align: right;

  width: 240px

}



.prev-top {

  background-image: url('../images/bg50.jpg');

  padding: 9px 10px 0

}



.next-top {

  background-image: url('../images/bg83.jpg');

  padding: 9px 10px 0

}



.ranks-update-time {

  color: #4a1e00;

  height: 15px;

  font-size: 11px;

  margin-top: 10px;

  text-align: right;

  width: 475px

}



.ranks-inner-content h5 {

  color: #4a1e00;

  font-size: 11px;

  font-weight: bold;

  margin: 7px 34px 14px 9px

}



.ranks-inner-content p {
  color: #4a1e00;
  font-size: 11px;
  margin: 0 9px 15px 9px;
  background-color: rgba(160, 82, 45, 0.2); /* kahverengimsi şeffaf */
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(101, 67, 33, 0.15);
  transition: background-color 0.3s ease;
}

.ranks-inner-content p:hover {
  background-color: rgba(160, 82, 45, 0.35);
}

.ranks-inner-content th {
  color: #8d0404;
  font-size: 11px;
  font-weight: bold;
  height: 43px;
  padding-top: 20px;
  background-color: rgba(160, 82, 45, 0.25);
  padding-left: 12px;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 -3px 7px rgba(101, 67, 33, 0.2);
  transition: background-color 0.3s ease;
}

.ranks-inner-content th:hover {
  background-color: rgba(160, 82, 45, 0.4);
}




.ranks-inner-content td {

  color: black;

  font-size: 11px;

  height: 29px;
  
  font-weight:600;

  padding-top: 8px

}



.ranks-dropdowns-box {

  background-image: url('../images/bg10.jpg');

  height: 56px;

  margin: 0 0 15px 8px;

  width: 466px

}



.ranks-dropdowns-box select {

  background-color: #cdb78b;

  border: 1px solid #997c47;

  color: #4a1e00;

  font-size: 13px;

  margin: 0 0 0 4px;

  padding: 0;

  width: 120px;

  outline: none;

}



.ranks-dropdowns-box input {

  background: 0;

  border: 0;

  color: #4a1e00;

  font-size: 13px;

  margin: 0 0 0 4px;

  padding-top: 2px;

  width: 110px;

  outline: none;

}



.ranks-dropdowns-box label {

  color: #671000;

  font-weight: bold;

  font-size: 13px

}



.ranks-select-box {

  height: 45px;

  float: left;

  margin-right: 7px;

  margin-left: 4px;

  margin-top: 10px;

  width: 120px

}



.ranks-select-box-btn {

  height: 45px;

  float: left;

  margin-top: 19px;

  width: 30px

}



.ranks-input {

  background-image: url('../images/bg99.jpg');

  height: 20px;

  width: 119px

}



.ranks-input-noservers {

  background-image: url('../images/bg99.jpg');

  color: #4a1e00;

  font-size: 13px;

  height: 17px;

  padding-left: 4px;

  padding-top: 3px;

  width: 115px

}



.small-btn {

  background: url('../images/button54.gif') no-repeat;

  color: #dfbf8b;

  display: block;

  font-weight: bold;

  font-size: 10px;

  height: 20px;

  line-height: 12px;

  margin: 4px 0 0;

  padding: 0px 14px 0 0;

  outline: none;

  text-align: center;

  text-decoration: none;

  text-transform: uppercase;

  width: 65px;

}



.small-btn:hover {

  text-decoration: underline

}



.back-btn {

  margin: 30px 0 22px 145px;

  padding-left: 2px;

  padding-right: 19px;

  width: 129px

}



#progressTracker {

  height: 100px;

  margin: 0 auto;

  padding-left: 10px;

  width: 420px

}



#progressTracker .step {

  background: url('../images/bg95.gif') no-repeat scroll 0 -45px;

  height: 40px;

  font-size: 18px;

  font-weight: bold;

  line-height: 40px;

  margin: 5px 0 0 -6px;

  text-align: center;

  text-shadow: 1px 1px #dfd1ac;

  width: 45px

}



#progress1,

#progress2 {

  background: url('../images/cizgi2.gif') repeat-x scroll 0 20px;

  float: left;

  position: relative;

  width: 177px

}



#progress3 {

  position: relative

}



#progressTracker .progress-text {

  font-size: 11px;

  font-weight: bold;

  left: -32px;

  position: absolute;

  text-align: center;

  top: 50px;

  width: 100px

}



#progressTracker .inactive .progress-text,

#progressTracker .inactive .step {

  filter: alpha(opacity=50);

  -moz-opacity: .5;

  -khtml-opacity: .5;

  opacity: .5

}



#progressTracker .inactive .progress-text {

  color: #4a1e00

}



#progressTracker .inactive .progress-text a {

  color: #4a1e00

}



#progress3 {

  float: left;

  width: 45px

}



#progressTracker .passed {

  background: url('../images/cizgi.gif') repeat-x scroll 0 20px

}



#progressTracker .active .step {

  background-position: 0 0;

  color: #4a1e00;

  font-size: 25px;

  height: 45px;

  line-height: 45px;

  margin: 0 0 0 -3px;

  width: 45px

}



#progressTracker .inactive .step {

  background-position: 0 -45px

}



.inner-form-border {

  border: 1px solid #aa8551;

  margin: 15px 0 20px 25px;

  width: 430px

}



.inner-form-border.linked .inner-form-box {

  position: relative;

  padding-left: 60px

}



.inner-form-box {
  /* background: transparent url("../images/bg11.jpg") repeat scroll 0 0; */
  border: 1px solid #000000;
  color: #4a1e00;
  padding: 15px;
  border-radius: 15px;  /* Köşeleri yuvarlatır */
  overflow: hidden;     /* Yuvarlatılmış köşelerde taşmayı önler */
}




.inner-form-box h3 {

  background: none repeat scroll 0 0 transparent;

  color: #4a1e00;

  font-size: 18px;

  height: 33px

}



.inner-form-box h4 {

  font-size: 14px;

  margin-bottom: 10px;

  line-height: 130%;

  height: auto;

  width: 100%

}



.trenner {

  background: url('../images/buton24.png') no-repeat;

  /* border-top: 5px solid #b28a45; */

  height: 8px;

  margin: 0 auto;

  width: 380px

}



#pwlostForm,

#lostPasswordCodeForm,

#changepwForm,

#emailChangeForm,

#resendactivForm,

#loginForm,

#moveForm,

.registerForm,

#captchaForm,

#regForm1 {

  margin: 15px auto;

  width: 290px

}



#pwlostForm div input:focus,

#lostPasswordCodeForm div input:focus,

#changepwForm div input:focus,

#emailChangeForm div input:focus,

#resendactivForm div input:focus,

#loginForm div input:focus,

#moveForm div input:focus,

.registerForm div input:focus,

#captchaForm div input:focus,

#regForm1 div input:focus {

  background-position: 0 -30px;

  border: 1px solid #8d0404;

  color: #4a1e00

}



#pwLost .inner-form-box h3,

#lostPasswordCode .inner-form-box h3,

#changePw .inner-form-box h3,

#emailChange .inner-form-box h3,

#resendActiv .inner-form-box h3,

#login .inner-form-box h3,

#formDiv .inner-form-box h3,

#captcha .inner-form-box h3 {

  color: #4a1e00;

  font-size: 18px;

  height: 33px

}



.inner-form-box a {
    /* background: url(../images/buton9.png) no-repeat; */
  color: #f4670b;
    font-size: 13px;
  text-decoration: none

}



.inner-form-box a:hover {

  text-decoration: underline

}



#toAdmin,

#topwLost,

#toLogin,

.confirm-btn {

  background: url("../images/buton4.gif") no-repeat scroll 0 0 transparent;

  color: white;

  float: right;

  font-size: 10px;

  font-weight: normal;

  height: 20px;

  line-height: 20px;

  min-width: 0;

  padding: 0 20px 0 0;

  text-align: center;

  width: 130px

}



#checkerror span,

#checktransfer label {

  font-size: 11px;

  font-weight: normal

}



.inner-form-box label {

  display: block;

  color: black;

  font-size: 12px;

  font-weight: bold;

  margin: 0 0 5px

}



#pwLost .inner-form-box input,

#lostPasswordCode .inner-form-box input,

#changePw .inner-form-box input,

#emailChange .inner-form-box input,

#resendActiv .inner-form-box input,

#login .inner-form-box input,

#move .inner-form-box input,

#formDiv .inner-form-box input,

#captcha .inner-form-box input,

#regForm1 input {

  background: url('../images/bg44.gif') repeat-x;

  border: 1px solid #622400;

  color: #534236;

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

  font-size: 10px;

  font-weight: bold;

  height: 32px;

  padding: 5px 10px;

  width: 265px

}



input::placeholder{

  color: #534236;

}



textarea {

  background: #b69569;

  border: 1px solid #622400;

  color: #534236;

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

  font-size: 16px;

  font-weight: bold;

  height: 300px;

  padding: 5px 10px;

  width: 265px

}



textarea::placeholder{

  color: #534236;

}



#login #checkerror input,

#formDiv #checkerror input,

#formDiv #checktransfer input,

#captcha #checkerror input {

  border: 0;

  height: 15px;

  float: left;

  margin: 2px 5px 20px;

  width: 15px

}



#pwField .invalid {

  background-position: 0 -16px

}



#pwField .valid-icon {

  background: url('../images/lock.gif');

  display: inline;

  float: left;

  height: 16px;

  margin: 0 0 5px 10px;

  width: 16px

}



#changePw #submitBtn,

#emailChange #submitBtn,

#resendActiv #submitBtn,

#pwLost #submitBtn,

#lostPasswordCode #submitBtn,

#login #submitBtn,

#move #submitBtn,

#formDiv #submitBtn,

#captcha #submitBtn,

#subscribe .btn-big,

a.btn-big,

.contest-inner-content #submitBtn,

#regForm1 #submitBtn,

.btn-newaccount {

  background: url("../images/bg74.jpg") no-repeat scroll 0 0 transparent;

  border: 0;

  color: #dfbf8b;

  cursor: pointer;

  display: block;

  font-size: 18px;

  font-weight: bold;

  height: 38px;

  line-height: 28px;

  letter-spacing: .01em;

  margin: 0 auto 25px;

  text-align: center;

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

  width: 287px

}



#move #submitBtn {

  margin-bottom: 15px

}



.btn-newaccount {

  text-decoration: none;

  line-height: 38px;

  font-size: 16px

}



#regForm1 #submitBtn {

  margin-top: 20px

}



.content-bg.newAccount h2 {

  background: 0;

  padding-top: 20px;

  margin-top: 0;

  margin-left: 0

}



.content-bg.newAccount .content-bg-bottom {

  overflow: visible;

  height: 11px

}



.input_wrapper {

  margin: 0 0 10px 0;

  position: relative

}



.password_info,

.error_info {

  background: url(../images/bg5.png) repeat-x scroll 0 0 #b9a16e;

  border: 1px solid #60430a;

  color: #111;

  font-weight: bold;

  height: auto;

  left: 300px;

  opacity: 0;

  padding: 12px 15px;

  position: absolute;

  top: -5px;

  width: 270px;

  z-index: 201

}



.password_info.shown,

.error_info.shown {

  left: 280px;

  display: block;

  opacity: 1;

  -moz-transition: left .3s ease-out, opacity .3s ease-out;

  -webkit-transition: left .3s ease-out, opacity .3s ease-out;

  transition: left .3s ease-out, opacity .3s ease-out

}



.password_info:after,

.error_info:after {

  background: url(../images/bg86.gif) no-repeat scroll 0 0 transparent;

  content: '';

  display: block;

  height: 20px;

  left: -11px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 15px;

  z-index: 5001

}



#changePw #submitBtn:hover,

#emailChange #submitBtn:hover,

#resendActiv #submitBtn:hover,

#pwLost #submitBtn:hover,

#lostPasswordCode #submitBtn:hover,

#login #submitBtn:hover,

#subscribe .btn-big:hover,

#formDiv #submitBtn:hover,

#captcha #submitBtn:hover,

a.btn-big:hover,

.contest-inner-content #submitBtn:hover,

#regForm1 #submitBtn:hover {

  background-position: 0 -38px;

  color: #FFF;

  text-decoration: none

}



#subscribe .btn-big {

  line-height: 38px

}



.char-list-content {

  color: #86280f;

  font-weight: bold;

  margin-bottom: 10px;

  width: 480px

}



.char-list-content .pagerWrapper {

  background: transparent url('../images/bg89.jpg') no-repeat;

  height: 32px;

  margin-top: 10px;

  padding: 7px;

  width: 465px

}



.char-list-content .pagerWrapper .sort-char-list {

  float: left;

  width: 300px

}



.char-list-content .pagerWrapper .sellabel {

  float: left;

  line-height: 20px

}



.char-list-content .pagerWrapper .charselect {

  border: 1px solid #997c47;

  float: left;

  height: 18px;

  margin-left: 3px;

  overflow: hidden;

  width: 125px

}



.char-list-content .pagerWrapper select {

  background-color: #cdb78b;

  color: #4a1e00;

  font-size: 13px;

  height: 22px;

  margin: -2px 0 0 -2px;

  width: 129px

}



.char-list-content .pagerWrapper .pager {

  background: url('../images/buton7.jpg') no-repeat;

  float: right;

  height: 20px;

  text-align: right;

  width: 110px

}



.char-list-content .pagerWrapper .prev {

  background: url('../images/buton22.jpg') no-repeat

}



.char-list-content .pagerWrapper .next {

  background: url('../images/bg79.jpg') no-repeat

}



.char-list-content .pagerWrapper div.pager-prev,

.char-list-content .pagerWrapper a.pager-prev {

  display: block;

  float: left;

  height: 20px;

  width: 18px

}



.char-list-content .pagerWrapper div.pager-next,

.char-list-content .pagerWrapper a.pager-next {

  display: block;

  float: left;

  height: 20px;

  width: 20px

}



.char-list-content .pagerWrapper .bg-none {

  background: 0;

  float: left;

  height: 20px;

  width: 20px

}



.char-list-content .pagerWrapper .pager-middle {

  color: #fff;

  float: left;

  font-weight: normal;

  height: 20px;

  line-height: 19px;

  text-align: center;

  width: 70px

}



.char-list-content .charList {

  background: url('../images/bg70.jpg') no-repeat;

  height: 100px;

  padding: 2px;

  width: 476px;

  font-size: 12px

}



.char-list-content .charList .charimg {

  background: url('../images/bg16.jpg') no-repeat 3px 3px;

  float: left;

  height: 72px;

  margin-right: 5px;

  width: 56px

}



.char-list-content .charList .charimg img {

  border: 1px solid #000;

  padding: 1px;

  margin: 6px

}



.char-list-content .charList .charuser div {

  height: 30px;

  line-height: 30px

}



.char-list-content .charList .charuser .charname {

  font-size: 16px;

  float: left;

  width: 276px

}



.char-list-content .charList .charuser .charrank {

  text-align: right

}



.char-list-content .charList .charlevel,

.char-list-content .charList .charclass,

.char-list-content .charList .charkingdom,

.char-list-content .charList .chartime,

.char-list-content .charList .charserver,

.char-list-content .charList .charposition {

  float: left;

  height: 20px;

  line-height: 20px;

  width: 250px

}



.char-list-content .charList .charlevel,

.char-list-content .charList .charclass {

  width: 160px

}



.char-list-content .charList .charposition {

  width: 410px

}



.char-list-content .charList .charlabel {

  color: #86280f;

  display: block;

  float: left;

  font-weight: bold;

  width: 70px

}



.char-list-content .charList .chardata {

  color: #000;

  font-weight: bold

}



.char-list-content .charList .charrow td {

  height: 20px

}



.char-list-content .charList .charend td {

  padding-bottom: 13px

}



.char-list-notice {

  margin-left: 12px;

  margin-top: 6px

}



.clearfloat {

  font-size: 1px;

  clear: both;

  height: 0

}



#activateAccount #bigDownload {

  background: url("../images/cerceve2.jpg") no-repeat scroll 0 0 transparent;

  color: #fff9c7;

  display: block;

  font-size: 27px;

  font-weight: bold;

  height: 100px;

  line-height: 34px;

  margin: 0 auto 15px;

  padding: 20px 0 0 120px;

  text-align: left;

  text-decoration: none;

  text-shadow: 2px 2px 5px black;

  width: 400px

}



#activateAccount #bigDownload:hover {

  background-position: 0 -108px;

  color: #FFF

}



#creation div.inner-content {

  margin: 4px 15px 0 0

}



#creation h3 {

  font-size: 14px;

  padding: 11px;

  text-align: center;

  color: #7b1300;

  height: 33px;

  background: url('../images/bg89.jpg') no-repeat

}



#creation div.inner-content.notAllowed {

  background: url('../images/02e3bce2b98931df4b933d6dc44c8a.jpg') no-repeat;

  min-height: 155px;

  padding: 7px 190px 7px 9px;

  width: 282px;

  margin: 9px 25px 0 0

}



#creation div.inner-content.notAllowed h3 {

  background: 0;

  padding: 0;

  text-align: left;

  font-size: 12px;

  height: auto;

  margin: 10px 0

}



#creation #progressTracker {

  height: 90px;

  margin: 16px auto 0;

  width: 420px;

  padding: 0

}



#creation #progressTracker a.step {

  display: block;

  color: #4a1e00;

  text-decoration: none

}



#creation div.jobs {

  overflow: auto

}



#creation div.jobs div.job {

  float: left;

  height: 87px;

  width: 114px;

  margin: 0 0 0 2px

}



#creation div.jobs div.job0 {

  background: url('../images/0196364b00b2479aa4a463f75e6707.png') no-repeat

}



#creation div.jobs div.job1 {

  background: url('../images/71c242aeca9dc7db3cc6e4fd79f617.png') no-repeat

}



#creation div.jobs div.job2 {

  background: url('../images/471482d188dcf061079b6f151efaf2.png') no-repeat

}



#creation div.jobs div.job3 {

  background: url('../images/ecb098805e369d1df55b8bc83d9d37.png') no-repeat

}



#creation div.jobs div.job p {

  margin: 52px 1px 0;

  font-size: 14px;

  padding: 3px 0 4px;

  text-align: center;

  color: #bbb;

  border-top: solid 1px #bbb;

  background: url('../images/bg46.png')

}



#creation div.jobs div.job.active p {

  font-weight: bold;

  color: white

}



#creation div.jobDescription p {

  display: none

}



#creation div.jobDescription p.active {

  display: block;

  margin: 20px 20px 0;

  min-height: 100px

}



#creation div.genders div {

  display: none

}



#creation div.genders div.active {

  display: block;

  overflow: auto

}



#creation div.genders div img {

  display: none

}



#creation div.genders div img.active {

  display: inline

}



#creation div.genders a {

  float: left;

  width: 232px;

  display: inline-block;

  text-decoration: none;

  text-align: center;

  color: black;

  font-weight: bold

}



#creation div.serverAndName {

  background: 100% 100% no-repeat;

  min-height: 370px;

  width: 470px;

  padding: 20px 0 0 0

}



#creation div.completed div {

  background: 100% 100% no-repeat;

  min-height: 350px;

  padding: 40px 0 0 0;

  width: 470px

}



#creation div.serverAndName.job0,

#creation div.completed.job0 div {

  background-image: url('../images/d7eeddd80c5e50fb03082d94f62257.png')

}



#creation div.serverAndName.job1,

#creation div.completed.job1 div {

  background-image: url('../images/56c82fdd2b27840eae771f462bc15e.png')

}



#creation div.serverAndName.job2,

#creation div.completed.job2 div {

  background-image: url('../images/e8632edd1498471a66ce652590fe4a.png')

}



#creation div.serverAndName.job3,

#creation div.completed.job3 div {

  background-image: url('../images/d396e45cdbc6894401019b9bf838b6.png')

}



#creation div.serverAndName.job4,

#creation div.completed.job4 div {

  background-image: url('../images/663d44ae53aed6860d7c6113057ab7.png')

}



#creation div.serverAndName.job5,

#creation div.completed.job5 div {

  background-image: url('../images/b7273e67b950ef5605859e2340fdca.png')

}



#creation div.serverAndName.job6,

#creation div.completed.job6 div {

  background-image: url('../images/6061cbb3636de664accaa953e3e7c8.png')

}



#creation div.serverAndName.job7,

#creation div.completed.job7 div {

  background-image: url('../images/6e6f34777ac702f03dde4a87db5738.png')

}



#creation div.serverAndName h4,

#creation div.completed h4 {

  float: left;

  padding: 10px 10px 0 40px;

  min-width: 150px

}



#creation div.serverAndName p.check,

#creation div.completed p.check {

  background: url('../images/check.gif') 0 7px no-repeat;

  margin: 0 0 0 10px;

  padding: 10px 0 20px 0;

  line-height: 14px

}



#creation div.completed p {

  margin: 0 10px

}



#creation div.completed p.small {

  background: 0;

  width: 220px;

  margin: 35px 0 0 10px;

  text-align: left

}



#creation div.completed a {

  background: url('../images/bg74.jpg') no-repeat;

  border: 0;

  color: #dfbf8b;

  cursor: pointer;

  display: block;

  font-size: 18px;

  font-weight: bold;

  height: 38px;

  letter-spacing: .01em;

  line-height: 36px;

  margin: 10px 0 25px 8px;

  text-align: center;

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

  width: 287px;

  text-decoration: none

}



#creation div.completed a:hover {

  background-position: 0 -38px;

  color: #fff

}



#creation div.serverAndName form {

  margin: 60px 0 0 10px

}



#creation div.serverAndName label {

  color: #4a1e00;

  display: block;

  font-size: 12px;

  font-weight: bold;

  margin: 0 0 5px

}



#creation div.server,

#creation div.name {

  margin: 10px 0

}



#creation div.serverAndName select {

  background: url('../images/bg44.gif') repeat-x;

  width: 208px;

  height: 22px;

  border: solid 1px #622400;

  color: #534236;

  font-size: 16px;

  font-weight: bold;

  height: 32px;

  padding: 5px 10px;

  width: 286px

}



#creation div.serverAndName input {

  background: url('../images/bg44.gif') repeat-x;

  width: 208px;

  height: 22px;

  border: solid 1px #622400;

  color: #534236;

  font-size: 16px;

  font-weight: bold;

  height: 32px;

  padding: 5px 10px;

  width: 285px

}



#creation #submit {

  background: url('../images/bg74.jpg') no-repeat;

  border: 0;

  color: #dfbf8b;

  cursor: pointer;

  display: block;

  font-size: 18px;

  font-weight: bold;

  height: 38px;

  letter-spacing: .01em;

  line-height: normal;

  margin: 25px 0;

  text-align: center;

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

  width: 287px

}



#creation #submit:hover {

  background-position: 0 -38px;

  color: #fff;

  text-decoration: none

}



div#mmoGamesOverviewToggle h4 {

  width: 140px

}



#crosspromo {

  width: 120px;

  height: 600px;

  position: absolute;

  top: 18px;

  left: 200px;

  z-index: 100;

  overflow: hidden

}



#coop {

  height: 315px;

  width: 851px;

  position: absolute;

  left: 200px;

  top: -300px;

  z-index: 101;

  overflow: hidden

}



#coop a {

  display: block;

  width: 100%;

  height: 100%;

}



#coop.logo {

  background: url('../images/logo.png') top center no-repeat;

  width: 411px;

  position: absolute;

  height: 135px;

  background-size: 100%;

  left: -504px;

  top: -240px;

  animation-duration: 1.3s;

  animation-fill-mode: both;

  animation-name: pulse;

  animation-iteration-count: infinite;

  transform: scale3d(1.05, 1.05, 1.05);

  */ z-index: -1;

}



a {
  color: #f4cc6a;
  font-size: 14px;
  text-decoration: none;
  font-weight: 600;
}

a:hover {
  color: #ffffff;
}




.selectform {

  background: url('../images/bg44.gif') repeat-x;

  background-color: #c2a578;

  border: 1px solid #622400;

  color: #534236;

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

  font-size: 16px;

  font-weight: bold;

  height: 32px;

  padding: 5px 10px;

  width: 265px;

}



a:hover {

  text-decoration: underline;

}



#maintenance h1 {

  text-align: center

}



#maintenance img {

  margin: 0 auto 30px;

  display: block

}



span.version {

  color: #555

}



#move p {

  padding: 7px

}



#serverData {

  margin: 7px 7px 20px;

  width: calc(100% - 14px)

}



#serverData thead {

  background-color: #28190e;

  color: #d6c8af

}



#serverData tr td {

  padding: 7px 10px

}



#serverData tbody tr:nth-child(odd) {

  background-color: #c7a160

}



#serverData tbody tr:nth-child(even) {

  background-color: #e1cda9

}



i.icon {

  border-radius: 50%;

  color: #d6c8af;

  display: block;

  float: left;

  font-weight: bold;

  height: 22px;

  line-height: 22px;

  text-align: center;

  margin-right: 8px;

  width: 22px

}



i.icon.info {

  background: #ffefbd

}



i.icon.error {

  background: #c5233d

}



#move p.error {

  padding: 0 0 0 30px

}



#steam-merge-notice {

  float: left;

  margin: 30px 10px 50px 0;

  width: 40px;

  background: url('../images/bg43.png') 0 -50px no-repeat;

  display: inline-block;

  height: 40px

}



.languagepicker {

  background-color: #FFF;

  display: inline-block;

  padding: 0;

  height: 40px;

  overflow: hidden;

  transition: all .3s ease;

  margin: 30px 0 0 0;

  vertical-align: top;

  float: left;

  position: fixed;

  top: 80px;

  right: 0px;

  z-index: 999;

}



.languagepicker:hover {

  height: 81px;

}



.languagepicker a {

  color: #000;

  text-decoration: none;

}



.languagepicker li {

  display: block;

  padding: 0px 10px;

  line-height: 45px;

  border-top: 1px solid #EEE;

}



.languagepicker li:hover {

  background-color: #EEE;

}



.languagepicker a:first-child li {

  border: none;

  background: #FFF !important;

}



.languagepicker li img {

  margin-top: 0px;

}



.roundborders {

  -webkit-border-top-left-radius: 5px;

  -webkit-border-bottom-left-radius: 5px;

  -moz-border-radius-topleft: 5px;

  -moz-border-radius-bottomleft: 5px;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

}



.large:hover {

  height: 85px;

}



.pagination {

  display: inline-block;

}



.pagination a,

.pagination strong {

  padding: 10px;

  float: left;

  border: 1px dashed;

  font-size: 14px;

  font-family: 'Arial';

  color: #000;

  margin: 10px;

}



.discord-widget {

  z-index: 9999999999999999999999999;

  position: fixed;

  left: 30px;

  bottom: 20px;

}



@media (max-width:500px) {

  .discord-widget {

    display: none;

  }

}





body {

  margin: 0;

  padding: 0;

}



div.openX_interstitial div.openX_int_closeButton a {

  text-indent: -4000px;

  float: right;

  height: 23px;

  width: 23px;

  display: block;

  background: transparent url(../images/7618d1159940178a2e53a8be22710a.png) repeat-x;

}



#mmonetbar {

  background: transparent url(../images/bg41.png) repeat-x;

  font: normal 11px Tahoma, Arial, Helvetica, sans-serif;

  height: 32px;

  left: 0;

  padding: 0;

  position: absolute;

  text-align: center;

  top: 0;

  width: 100%;

  z-index: 3000;

}



#mmonetbar #mmoContent {

  height: 32px;

  margin: 0 auto;

  width: 1024px;

  position: relative;

}



#mmonetbar .mmosmallbar {

  width: 585px !important;

}



#mmonetbar .mmosmallbar div.mmoBoxMiddle {

  width: 290px;

}



#mmonetbar .mmonewsout {

  width: 960px !important;

}



#mmonetbar .mmouseronlineout {

  width: 768px !important;

}



#mmonetbar .mmolangout {

  width: 380px !important;

}



#mmonetbar .mmolangout .mmoGame {

  width: 265px;

}



#mmonetbar #mmoContent.mmoingame {

  width: 533px;

}



#mmonetbar #mmoContent.mmoingame .mmoGame {

  width: auto;

}



#mmonetbar a {

  color: #666;

  font: normal 11px Tahoma, Arial, Helvetica, sans-serif;

  outline: none;

  text-decoration: none;

  white-space: nowrap;

}



#mmonetbar select {

  background-color: #611200 !important;

  border: 1px solid #000 !important;

  color: #d0b88c !important;

  font: normal 11px Verdana, Arial, Helvetica, sans-serif;

  height: 18px;

  margin-top: 3px;

  width: 100px;

}



#mmonetbar .mmoGames select {

  width: 80px;

}



#mmonetbar option {

  background-color: #611200 !important;

  color: #d0b88c !important;

}



#mmonetbar option:hover {

  background-color: #7a1801 !important;

}



#mmonetbar select#mmoCountry {

  width: 120px;

}



#mmonetbar .mmoSelectbox {

  background-color: #611200;

  float: left;

  margin: 3px 0 0 3px;

  position: relative;

}



* html #mmonetbar .mmoSelectbox {

  position: static;

}



*+html #mmonetbar .mmoSelectbox {

  position: static;

}



#mmonetbar #mmoOneGame {

  cursor: default;

  height: 14px;

  margin-top: 3px;

  padding-left: 5px;

  width: 80px;

}



#mmonetbar .label {

  float: left;

  font-weight: bold;

  margin-right: 4px;

  overflow: hidden !important;

}



#mmonetbar #mmoUsers .label {

  font-size: 10px;

}



#mmonetbar .mmoBoxLeft,

#mmonetbar .mmoBoxRight {

  background: transparent url(../images/bg41.png) repeat-x 0 -36px;

  float: left;

  width: 5px;

  height: 24px;

}



#mmonetbar .mmoBoxRight {

  background-position: -126px -4px;

}



#mmonetbar .mmoBoxMiddle {
  background: transparent url(../images/bg41.png) repeat-x 0 -36px;
  color: #f4cc6a !important;
  float: left;
  height: 24px;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  position: relative;
  z-index: 10000;
  padding-left: 20px; /* Yeşil nokta için boşluk */
}

/* Yeşil çevrimiçi noktası */
#mmonetbar .mmoBoxMiddle::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #28a745; /* Yeşil */
  border-radius: 50%;
  box-shadow: 0 0 4px #28a745;
}




#mmonetbar #mmoGames,

#mmonetbar #mmoLangs {

  margin: 0px 4px 0 0;

}



#mmonetbar #mmoNews,

#mmonetbar #mmoUsers,

#mmonetbar #mmoGame,

#mmonetbar .nojsGame {

  margin: 4px 4px 0 0;

}



#mmonetbar #mmoLogo {
  background: transparent url(../images/cd9ddb0a812d2a0e7ebcd5a5aaf754.sprites) no-repeat top left;

  float: left;

  display: block;

  height: 32px;

  width: 108px;

  text-indent: -9999px;

  position: relative;

  z-index: 1

}



#mmonetbar #mmoNews {

  float: left;

  width: 584px;

}



#mmonetbar #mmoNews #mmoNewsContent {

  text-align: left;

  width: 200px;

}



#mmonetbar #mmoNews #mmoNewsticker {

  overflow: hidden;

  height: 24px;

  width: 574px;

}



#mmonetbar #mmoNews #mmoNewsticker ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



#mmonetbar #mmoNews #mmoNewsticker ul li {

  font: normal 11px/22px Tahoma, Arial, Helvetica, sans-serif !important;

  color: #d0b88c !important;

  padding: 0;

  margin: 0;

  background: none;

}



#mmonetbar #mmoNews #mmoNewsticker ul li.mmoTickShow {

  display: block;

}



#mmonetbar #mmoNews #mmoNewsticker ul li a img {

  border: 0;

}



#mmonetbar #mmoNews #mmoNewsticker ul li a {

  color: #d0b88c !important;

  display: block;

  height: 24px;

  line-height: 23px;

}



#mmonetbar #mmoNews #mmoNewsticker ul li a:hover {

  text-decoration: underline;

}



#mmonetbar #mmoUsers {

  float: left;

  width: 178px;

}



#mmonetbar #mmoUsers .mmoBoxLeft {

  width: 17px;

}



#mmonetbar #mmoUsers .mmoBoxMiddle {

  padding-left: 3px;

  width: 150px;

}



#mmonetbar .mmoGame {

  display: none;

  float: left;

  width: 432px;

}



#mmonetbar .mmoGame #mmoGames {

  float: left;

  width: 206px;

}



#mmonetbar .mmoGame #mmoLangs {

  float: left;

  margin: 0;

  width: 185px;

}



#mmonetbar .mmoGame label {

  color: #d0b88c !important;

  float: left;

  font-weight: 400 !important;

  line-height: 22px;

  margin: 0px;

  text-align: right !important;

  width: 110px;

  font-size: 11px !important;

}



#mmonetbar .nojsGame {

  display: block;

  width: 470px;

}



#mmonetbar .nojsGame .mmoBoxMiddle {

  width: 450px;

}



#mmonetbar .nojsGame .mmoSelectbox {

  margin: 0px 0 0 3px;

}



*+html #mmonetbar .nojsGame .mmoSelectbox {

  margin: 2px 0 0 3px;

}



* html #mmonetbar .nojsGame .mmoSelectbox {

  margin: 2px 0 0 3px;

}



#mmonetbar .nojsGame .mmoGameBtn {

  background: transparent url(../images/cd9ddb0a812d2a0e7ebcd5a5aaf754.sprites) no-repeat -162px -7px;

  border: none;

  cursor: pointer;

  float: left;

  height: 18px;

  margin: 3px 0 0 7px;

  padding: 0;

  width: 18px;

}



#mmonetbar .mmoSelectArea {

  border: 1px solid #000;

  color: white !important;

  display: block !important;

  float: none;

  font-weight: 400 !important;

  font-size: 11px;

  height: 16px;

  line-height: 13px;

  -moz-box-sizing: content-box;

  overflow: hidden !important;

  width: 90px;

}



#mmonetbar #mmoLangSelect .mmoSelectArea {

  width: 129px;

}



#mmonetbar #mmoLangSelect .mmoOptionsDivVisible {

  min-width: 129px;

}



#mmonetbar .mmoSelectArea .mmoSelectButton {

  background: url(../images/cd9ddb0a812d2a0e7ebcd5a5aaf754.sprites) no-repeat -141px -8px;

  float: right;

  width: 17px;

  height: 16px;

}



#mmonetbar .mmoSelectText {

  cursor: pointer;

  float: left;

  overflow: hidden;

  padding: 1px 2px;

  width: 68px;

}



#mmonetbar #mmoLangSelect .mmoSelectText {

  width: 107px;

}



#mmonetbar #mmoOneLang {

  cursor: default;

  height: 14px;

}



#mmonetbar div.mmoOneLang {

  background: none;

}



#mmonetbar div.mmoOneLang #mmoOneLang {

  border: none;

  padding: 2px 3px;

}



#mmonetbar .mmoOptionsDivInvisible,

#mmonetbar .mmoOptionsDivVisible {

  background-color: #611200 !important;

  min-width: 129px;

  margin-top: 7px;

  max-height: 156px;

  overflow: overlay;

  border: 1px solid #000;

  position: absolute;

  z-index: 3100;

}



* html #mmonetbar .mmoOptionsDivVisible .highlight {

  background-color: #7a1801 !important

}



#mmonetbar .mmoOptionsDivInvisible {

  display: none;

}



#mmonetbar .mmoOptionsDivVisible ul {

  border: 0;

  font: normal 11px Tahoma, Arial, Helvetica, sans-serif;

  list-style: none;

  margin: 0;

  padding: 2px;

  overflow: auto;

  overflow-x: hidden;

}



#mmonetbar #mmoLangs .mmoOptionsDivVisible ul {

  min-width: 125px;

}



#mmonetbar .mmoOptionsDivVisible ul li {

  background-color: #611200;

  height: 14px;

  padding: 2px 0;

}



#mmoList2 li,

#mmoList1 li {

  background-color: #611200;

  height: 14px;

  padding: 2px 0;

  margin-bottom: 3px;

}



#mmoList2 li:hover,

#mmoList1 li:hover {

  background-color: #7a1801;

}



#mmoList2 li.mmoActive,

#mmoList1 li.mmoActive {

  background-color: #7a1801;

}



#mmoList2 a,

#mmoList1 a {

  color: white !important;

  display: block;

  font-weight: 400 !important;

  height: 16px !important;

  min-width: 80px;

  text-decoration: none;

  white-space: nowrap;

  width: 100%;

}



#mmonetbar #mmoContent .mmoLangList a {

  min-width: 102px;

}



#mmonetbar .mmoOptionsDivVisible li:hover {

  background-color: #7a1801;

}



#mmonetbar .mmoOptionsDivVisible li a:hover {

  color: #d0b88c !important;

}



#mmonetbar .mmoOptionsDivVisible li.mmoActive {

  background-color: #7a1801 !important;

}



#mmonetbar .mmoOptionsDivVisible li.mmoActive a {

  color: #d0b88c !important;

}



#mmonetbar .mmoOptionsDivVisible ul.mmoListHeight {

  height: 240px

}



#mmonetbar .mmoOptionsDivVisible ul.mmoLangList.mmoListHeight li {

  padding-right: 15px !important;

  width: 100%;

}



#mmonetbar #mmoGameSelect ul.mmoListHeight a {

  min-width: 85px;

}



#mmonetbar #mmoLangSelect ul.mmoListHeight a {

  min-width: 105px;

}



#mmonetbar #mmoFocus {

  position: absolute;

  left: -2000px;

  top: -2000px;

}



#mmonetbar #mmoLangs .mmoSelectText span,

#mmonetbar #mmoLangs .mmoflag {

  background: transparent url(../images/71fe874d78b03e38e06a3b471f6224.png) no-repeat;

  height: 14px !important;

  padding: 0 20px 0 23px;

}



.mmo_AE {

  background-position: left 0px !important

}



.mmo_AR {

  background-position: left -14px !important

}



.mmo_BE {

  background-position: left -28px !important

}



.mmo_BG {

  background-position: left -42px !important

}



.mmo_BR {

  background-position: left -56px !important

}



.mmo_BY {

  background-position: left -70px !important

}



.mmo_CA {

  background-position: left -84px !important

}



.mmo_CH {

  background-position: left -98px !important

}



.mmo_CL {

  background-position: left -112px !important

}



.mmo_CN {

  background-position: left -126px !important

}



.mmo_CO {

  background-position: left -140px !important

}



.mmo_CZ {

  background-position: left -154px !important

}



.mmo_DE {

  background-position: left -168px !important

}



.mmo_DK {

  background-position: left -182px !important

}



.mmo_EE {

  background-position: left -196px !important

}



.mmo_EG {

  background-position: left -210px !important

}



.mmo_EN {

  background-position: left -224px !important

}



.mmo_ES {

  background-position: left -238px !important

}



.mmo_EU {

  background-position: left -252px !important

}



.mmo_FI {

  background-position: left -266px !important

}



.mmo_FR {

  background-position: left -280px !important

}



.mmo_GR {

  background-position: left -294px !important

}



.mmo_HK {

  background-position: left -308px !important

}



.mmo_HR {

  background-position: left -322px !important

}



.mmo_HU {

  background-position: left -336px !important

}



.mmo_ID {

  background-position: left -350px !important

}



.mmo_IL {

  background-position: left -364px !important

}



.mmo_IN {

  background-position: left -378px !important

}



.mmo_INTL {

  background-position: left -392px !important

}



.mmo_IR {

  background-position: left -406px !important

}



.mmo_IT {

  background-position: left -420px !important

}



.mmo_JP {

  background-position: left -434px !important

}



.mmo_KE {

  background-position: left -448px !important

}



.mmo_KR {

  background-position: left -462px !important

}



.mmo_LT {

  background-position: left -476px !important

}



.mmo_LV {

  background-position: left -490px !important

}



.mmo_ME {

  background-position: left -504px !important

}



.mmo_MK {

  background-position: left -518px !important

}



.mmo_MX {

  background-position: left -532px !important

}



.mmo_NL {

  background-position: left -546px !important

}



.mmo_NO {

  background-position: left -560px !important

}



.mmo_PE {

  background-position: left -574px !important

}



.mmo_PH {

  background-position: left -588px !important

}



.mmo_PK {

  background-position: left -602px !important

}



.mmo_PL {

  background-position: left -616px !important

}



.mmo_PT {

  background-position: left -630px !important

}



.mmo_RO {

  background-position: left -644px !important

}



.mmo_RS {

  background-position: left -658px !important

}



.mmo_RU {

  background-position: left -672px !important

}



.mmo_SE {

  background-position: left -686px !important

}



.mmo_SI {

  background-position: left -700px !important

}



.mmo_SK {

  background-position: left -714px !important

}



.mmo_TH {

  background-position: left -728px !important

}



.mmo_TR {

  background-position: left -742px !important

}



.mmo_TW {

  background-position: left -756px !important

}



.mmo_UA {

  background-position: left -770px !important

}



.mmo_UK {

  background-position: left -784px !important

}



.mmo_US {

  background-position: left -798px !important

}



.mmo_VE {

  background-position: left -812px !important

}



.mmo_VN {

  background-position: left -826px !important

}



.mmo_YU {

  background-position: left -840px !important

}



.mmo_ZA {

  background-position: left -854px !important

}



.mmo_WW {

  background-position: left -392px !important

}



.mmo_AU {

  background-position: left -868px !important

}



div#mmonetbar a:active {

  top: 0;

}



div#mmoGamesOverviewPanel {

  width: 582px;

  position: absolute;

  top: 0;

  right: 0;

  font: 12px Arial, sans-serif;

}



div#mmoGamesOverviewPanel h4,

div#mmoGamesOverviewPanel h5 {

  margin: 0;

  font-size: 12px;

  font-weight: bold;

  text-align: left;

}



div#mmoGamesOverviewPanel a {

  text-decoration: none;

}



div#mmoGamesOverviewPanel a img {

  border: none;

}



div#mmoGamesOverviewToggle {

  width: 168px;

  padding: 4px 0 4px 414px;

}



div#mmoGamesOverviewToggle h4 {

  height: 18px;

  position: relative;

  background: url(../images/bg41.png) repeat-x 0 -36px;

  top: 0px;

  padding: 3px 20px;

  -moz-box-sizing: content-box;

}



div#mmoGamesOverviewToggle h4 a {

  display: block;

  width: 116px;

  height: 16px;

  line-height: 14px;

  text-align: left;

  font-weight: normal;

  outline: none;

  color: #d0b88c !important;

  font-size: 11px !important;

  position: relative;

  border: 1px solid #000;

  padding: 0 0 0 10px;

  background: #611200;

  -moz-box-sizing: content-box;

}



div#mmoGamesOverviewToggle h4 a.gameCountZero {

  cursor: default;

  text-align: center;

  padding: 0;

  width: 126px;

}



div#mmoGamesOverviewToggle h4 a span.mmoNbPseudoSelect_icon {

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  width: 17px;

  height: 16px;

  background: url(../images/cd9ddb0a812d2a0e7ebcd5a5aaf754.sprites) no-repeat -141px -8px;

}



span.iconTriangle {

  display: block;

  position: absolute;

  top: 5px;

  right: 10px;

  width: 0px;

  border: 5px solid transparent;

  border-bottom-color: #d0b88c;

}





div#mmoGamesOverviewToggle h4 a.toggleHidden span.iconTriangle {

  top: 10px;

  border: 5px solid transparent;

  border-top-color: #d0b88c;

}



div#mmoGamesOverviewToggle h4 span.mmoNbBoxEdge {

  display: block;

  width: 5px;

  height: 24px;

  background: url(../images/cd9ddb0a812d2a0e7ebcd5a5aaf754.sprites) no-repeat -109px -4px;

  position: absolute;

  top: 0;

}



div#mmoGamesOverviewToggle h4 span.mmoNbBoxEdge_left {

  left: 0;

}



div#mmoGamesOverviewToggle h4 span.mmoNbBoxEdge_right {

  right: 0;

  background-position: -126px -4px;

}



div#mmoGamesOverviewLists {

  clear: both;

  background: #611200;

  width: 580px;

  border: 1px solid #000;

  float: left;

  position: relative;

  top: 0px;

  -moz-box-sizing: content-box;

}



div#mmoGamesOverviewLists h5 {

  clear: both;

  width: 544px;

  margin: 0;

  padding: 0 18px;

  height: 27px;

  line-height: 27px;

  color: #d0b88c;

  border-bottom: 1px solid #000;

  background: url(../images/bg41.png) repeat-x 0 -3px;

  font-family: inherit;

  -moz-box-sizing: content-box;

}



#mmoGamesOverviewLists #mmoGamesOverview_featured li {

  width: auto;

}



#mmoGamesOverviewLists #mmoGamesOverview_featured span {

  display: block;

  width: 560px;

  height: 180px;

  margin: 0;

}



#mmoGamesOverviewLists #mmoGamesOverview_featured span.gameName {

  display: none;

}



#mmoGamesOverview_featured img {

  display: block;

}



div#mmoGamesOverviewLists ul {

  margin: 0;

  padding: 5px 5px;

  list-style: none;

  width: 570px;

  float: left;

  text-align: left;

  -moz-box-sizing: content-box;

}



div#mmoGamesOverviewLists ul li {

  margin: 0;

  padding: 0;

  list-style: none;

  width: 190px;

  float: left;

  background: none;

}



div#mmoGamesOverviewLists ul li a {

  display: block;

  padding: 5px;

  font-weight: bold;

  line-height: 1;

  color: #d0b88c !important;

  font-size: 11px !important;

}



div#mmoGamesOverviewLists ul li a:focus,

div#mmoGamesOverviewLists ul li a:hover {

  background-color: #7a1801;

}



div#mmoGamesOverviewLists ul li a span.gameImgTarget {

  display: block;

  width: 180px;

  height: 90px;

  background: none;

  margin: 0 0 4px 0;

}



div#mmoGamesOverviewLists ul li a span img {

  display: block;

}



div#mmoGamesOverviewLists div#mmoGamesOverviewCountry {

  width: 20px;

  height: 14px;

  position: absolute;

  top: 6px;

  right: 12px;

  background-image: url(../images/71fe874d78b03e38e06a3b471f6224.png);

  background-repeat: no-repeat;

}



#mmonetbar div.nojsGame {

  width: 432px !important;

}



#mmonetbar div.nojsGame div.mmoBoxMiddle {

  width: 422px;

}



#mmonetbar div.nojsGame label {

  width: 105px;

}



#pagefoldtarget .nbPF {

  position: absolute;

  top: 0;

  z-index: 999999;

  text-indent: -9999px;

  width: 125px;

  height: 120px;

}



#pagefoldtarget .nbPFLeft {

  left: 0px;

}



.logo{

  animation-duration: 1.3s;

  animation-fill-mode: both;

  animation-name: pulse;

  animation-iteration-count: infinite;

  transform: scale3d(1.05, 1.05, 1.05);

}



.text-center{

  text-align: center!important

}



.modal {

  display: none;

  position: fixed;

  z-index: 999999999;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgb(0,0,0);

  background-color: rgba(0,0,0,0.4);

}

.modal-content {

  background-color: #fefefe;

  margin: 50px auto;

  padding: 20px;

  border: 1px solid #888;

  width: 60%;

}

.close {

  color: #aaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

}

.close:hover,

.close:focus {

  color: black;

  text-decoration: none;

  cursor: pointer;

}
.image-container {
  display: flex;  /* Resimleri yatayda hizalar */
  justify-content: center;  /* Resimleri yatayda ortalar */
  gap: 10px;  /* Resimler arasına 10px boşluk bırakır */
  margin: 20px 0;  /* Üst ve alt boşluk bırakır */
}

.image-container img {
  width: 65px;  /* Resimlerin genişliğini 100px yapar */
  height: auto;  /* Yüksekliği otomatik olarak ayarlar, oranı bozulmaz */
  border-radius: 5px;  /* İsteğe bağlı, köşeleri yuvarlatır */
}