@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
}
.fixed-banners {  position: fixed;  top: 20px;  right: 20px;  z-index: 9999;  display: flex;  flex-direction: column;  gap: 10px;}.fixed-banners img {  width: 120px; /* görsel genişliği - ihtiyacına göre değiştir */  height: auto;  border-radius: 4px;  box-shadow: 0 0 5px rgba(0,0,0,0.2);  transition: transform 0.2s;}.fixed-banners img:hover {  transform: scale(1.05);}
* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0;
  padding: 0;
  margin: 0
}

.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
}

* {
  -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
}

body {
  background: url('../images/bg1.png') top center repeat;
  min-width: 100%;
  min-height: 100%;
  /* background:url('../images/headerBG.jpg')top center no-repeat; */
  /* min-width:960px */
}

#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: #fffabd;
  text-shadow: 1px 1px black;
  text-transform: uppercase;
  top: 182px;
  left: 153px;
  text-align: center;
  padding: 32px 0
}

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:419px; */
  /* padding-top:255px;z-index:99;background:black; */
  /* background:url('../images/a42ae6e0da8bf62418063b023fb32b.jpg') top center no-repeat */
  position: relative;
  clear: both;
  height: 419px;
  padding-top: 255px;
  z-index: 99;
  background: #150303;
   /* background: url('../images/headerBG.jpg') top center no-repeat*/
}

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.pegi {
  position: absolute;
  top: 68px;
  left: 15px;
  display: block;
  width: 186px;
  height: 78px;
  overflow: hidden;
  padding: 2px
}

a.pegi>img {
  float: left;
  margin: 2px;
  vertical-align: top
}

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;
}

nav>ul>li {
  background: url('../images/bg82.png') center 23px no-repeat;
}

nav>ul>li>a {
  font-weight: bold;
  font-size: 16px;
  color: #fffabd;
  height: 24px;
  line-height: 22px;
  margin-bottom: 5px
}

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;
  font-weight: bold
}

div[role="main"] h2 {
  font-size: 18px;
  background: url('../images/buton24.png') top left no-repeat;
  padding-top: 32px;
  margin-top: -20px;
  margin-left: -20px;
  padding-left: 20px;
  margin-bottom: 10px
}

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

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: 135px;
  padding: 3px;
  margin: 20px 16px;
  background: url('../images/bg29.jpg') top left no-repeat
}

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;
  color: #fffabd;
  height: 24px;
  line-height: 22px;
  margin-bottom: 5px;
  padding: 0 19px 0 20px;
  background: url('../images/bg82.png') center 23px no-repeat
}

.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
}

.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
}

.secondary>aside.highscore td.name>a {
  color: #9b713f;
  text-decoration: none;
  padding: 0 5px
}

.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: #dfbf8b;
  text-decoration: none
}

.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: url('../images/bg80.jpg') no-repeat 0 100%;
  overflow: hidden;
  padding: 0 0 0 11px;
  width: 505px;
  position: relative;
}

.box-foot {
  background-image: url('../images/bg76.jpg');
  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
}

.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
}

#download .resourceTable {
  margin: 15px auto;
  width: 350px
}

.securitybox {
  background: url("../images/bg77.jpg") no-repeat scroll 0 0 transparent;
  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: 11px;
  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
}

.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: #fffabd;
  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 {
  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: #fffabd;
  font-size: 11px;
  line-height: 14px;
  font-family: droid serif
}

.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.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 {
  border-color: #fae5d0 #b79647 #b39164 #fae5d0;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  vertical-align: middle;
  text-align: center
}

#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
}

.ranks-inner-content th {
  color: #8d0404;
  font-size: 11px;
  font-weight: bold;
  height: 43px;
  padding-top: 20px
}

.ranks-inner-content td {
  color: #8d0404;
  font-size: 11px;
  height: 29px;
  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 #c6ab74;
  color: #4a1e00;
  padding: 15px
}

.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/bg15.jpg') no-repeat;
  border-top: 1px 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 {
  color: #8d0404;
  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: #dfbf8b;
  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: #4a1e00;
  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: 16px;
  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: #903c17;
  text-decoration: none;
  font-weight: 600;
}

.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: #d0b88c !important;
  float: left;
  height: 24px;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  position: relative;
  z-index: 10000;
}

#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: #d0b88c !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: #d0b88c !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;
}