html {
  overflow-x:hidden
}
body {
  background-color:#000;
  background-repeat:no-repeat;
  background-position:top center;
  font-family:verdana,sans-serif;
  margin:0
}
img {
  border:none
}
img.langIcon {
  margin-right:2px;
  filter:alpha(opacity=40);
  opacity:.4
}
img.langIcon.english {
  filter:alpha(opacity=100);
  opacity:1
}
img.langIcon.turkish {
  filter:alpha(opacity=100);
  opacity:1
}
img.langIcon.spanish {
  filter:alpha(opacity=100);
  opacity:1
}
table,
select {
  font-family:Verdana,Arial,Sans-Serif;
  font-size:10px
}
input {
  font-family:Verdana,Arial,Sans-Serif;
  font-size:10px
}
select {
  background:#f5f5ef;
  color:#767569;
  font:11px verdana,geneva,lucida,lucida grande,arial,helvetica,sans-serif
}
a {
  color:#9f7401;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a:hover {
  color:#fff;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
#columnLeftTop {
  background-image:url(../Images/nav_top.gif);
  float:left;
  height:57px;
  width:264px
}
#columnLeftMid {
  background-image:url(../Images/nav_tbl_bck.gif);
  float:left;
  width:264px
}
#columnLeftBottom {
  background-image:url(../Images/nav_bottom.gif);
  float:left;
  height:59px;
  width:264px
}
#contentBottom {
  background-image:url(../Images/content_bottom.gif);
  background-repeat:no-repeat;
  height:57px
}
#Footer1 {
  background-image:url(../Images/content_bottom.gif);
  background-repeat:no-repeat;
  width:990px;
  height:57px
}
#Footer2 {
  background-image:url(../Images/footer_bck.gif);
  background-repeat:no-repeat;
  height:90px;
  width:990px
}
.text {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#000
}
.textwhite {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:400;
  color:#fff
}
.textbrown {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#25120b
}
.textbm {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-weight:700;
  font-size:10px;
  margin-bottom:15px;
  margin-top:6px;
  color:Maroon
}
.submit {
  width:44px;
  height:27px
}
.nav1 {
  text-align:center;
  margin-bottom:12px;
  margin-top:12px;
  font-size:11px;
  color:#fff
}
.nav2 {
  color:gray;
  margin-left:73px
}
.status {
  margin-left:67px;
  color:#9f7401
}
div#server-status {
  margin-left:30px;
  color:gray;
  font-weight:700
}
.kings {
  margin-left:60px;
  color:#9f7401
}
div#kings-list {
  margin-left:47px;
  color:gray;
  font-weight:700
}
.gamemasters {
  margin-left:65px;
  color:#9f7401
}
div#gamemasters-list {
  margin-left:47px;
  color:gray;
  font-weight:700
}
.online {
  background-image:url(../Images/server-online.gif);
  position:absolute;
  height:8px;
  width:8px;
  right:0
}
.offline {
  background-image:url(../Images/server-offline.gif);
  position:absolute;
  height:8px;
  width:8px;
  right:0
}
#nationcount {
  background-image:url(../Images/hk.jpg);
  width:170px;
  height:98px
}
div.tnationcount {
  position:absolute;
  text-align:center;
  margin-top:24px;
  color:#000;
  font-size:13px;
  font-weight:bolder;
  height:10px;
  width:169px
}
div.enationcount {
  position:absolute;
  text-align:center;
  margin-top:64px;
  color:#000;
  font-size:13px;
  font-weight:bolder;
  height:10px;
  width:86px
}
div.knationcount {
  position:absolute;
  text-align:center;
  margin-top:64px;
  color:#000;
  font-size:13px;
  font-weight:bolder;
  height:10px;
  width:252px
}
.usersonline {
  display:inline;
  margin-left:5px;
  color:#9f7401
}
.textredlg {
  color:#900;
  font-size:13px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:400
}
pre {
  display:none
}
#noItem {
  padding-left:45px;
  padding-bottom:0
}
#mapPoint {
  position:relative;
  width:16px;
  height:16px;
  background:url(../Images/arrow.gif)
}
#deathPoint {
  position:relative;
  width:40px;
  height:40px;
  background:url(../Images/deathmark.png)
}
.itemInfo {
  display:none;
  padding:5px;
  opacity:1;
  width:200px;
  color:#fff;
  background:#000;
  z-index:999
}
#sRankPos {
  width:50px;
  height:27px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#c31402
}
#sRankName {
  width:130px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
#sRankLoyalty {
  width:120px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#bd8e00
}
#tdLogin1 {
  height:16px
}
#tdLogin2 {
  height:16px
}
#shortRankingsMain {
  height:26px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:bolder;
  color:#fff
}
#itemType-0 {
  color:#c87cc7
}
#itemType-1 {
  color:#8080ff
}
#itemType-2 {
  color:#ff0
}
#itemType-3 {
  color:#80ff00
}
#itemType-4 {
  color:#dcc77c
}
#itemBonuses {
  color:#80ff00
}
#character {
  z-index:0
}
.events {
  padding-right:0;
  padding-left:0;
  padding-bottom:0;
  margin:0;
  overflow:hidden;
  width:308px;
  padding-top:0;
  height:189px
}
.pics {
  padding-right:0;
  padding-left:0;
  padding-bottom:0;
  margin:0;
  overflow:hidden;
  width:627px;
  padding-top:0;
  height:176px
}
a {
  color:#9f7401;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a:hover {
  color:#fff;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.faq {
  color:#9f7401;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700
}
a.faq:hover {
  color:#fff;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700
}
a.faq2 {
  color:#fff;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700
}
a.faq2:hover {
  color:#9f7401;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700
}
a.bodytextwhite {
  color:#fff;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.bodytextwhite:hover {
  color:#fff;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.bodytext {
  color:#900;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.bodytext:hover {
  color:#900;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.bodytextnews {
  color:#391602;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.bodytextnews:hover {
  color:#391602;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.bodytext2 {
  color:#900;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:400
}
a.bodytext2:hover {
  color:#900;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:400
}
a.bodytextwhite {
  color:#fff;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.bodytextwhite:hover {
  color:#fff;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.bodytextwhitesml {
  color:#fff;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:400
}
a.bodytextwhitesml:hover {
  color:#fff;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:400
}
a.bodytextred {
  color:red;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.bodytextred:hover {
  color:red;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.bodytextred2 {
  color:red;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:700
}
a.bodytextred2:hover {
  color:red;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:700
}
a.bodytextred3 {
  color:#900;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700
}
a.bodytextred3:hover {
  color:#900;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700
}
a.bodytextred4 {
  color:#900;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:400
}
a.bodytextred4:hover {
  color:#900;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:400
}
a.brown {
  color:#25120b;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
a.brown:hover {
  color:#25120b;
  text-decoration:underline;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
.footer {
  color:#8c8c8c;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:400;
  line-height:14px
}
a.footer {
  font-size:10px;
  color:#8c8c8c;
  text-decoration:underline;
  line-height:14px
}
a.footer:hover {
  font-size:10px;
  color:#fff;
  text-decoration:underline;
  line-height:14px
}
#nav {
  position:relative;
  left:63px;
  width:141
}
#nav2 {
  position:relative;
  left:63px;
  top:1px;
  width:141
}
#nav3 {
  position:relative;
  left:63px;
  top:2px;
  width:141
}
#nav4 {
  position:relative;
  left:63px;
  top:3px;
  width:141
}
#nav5 {
  position:relative;
  left:63px;
  top:4px;
  width:141
}
#nav6 {
  position:relative;
  left:63px;
  top:6px;
  width:141
}
#nav7 {
  position:relative;
  left:63px;
  top:5px;
  width:141
}
#navtbl {
  position:relative;
  left:1px;
  width:141;
  top:-12px
}
#contentheader {
  position:relative;
  align:top
}
#contentfooter {
  position:absolute;
  text-align:bottom
}
.text {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#000
}
.textmed {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:400;
  color:#000
}
.textlg {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:400;
  color:#000
}
.text1 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#fff
}
.text2 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:400;
  color:#000
}
.textbrown {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#25120b
}
.textred {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#8c0000
}
.textredbold {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:700;
  color:#8c0000
}
.textred2 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:red
}
.textwhitesml {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#fff
}
.textwhite {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:400;
  color:#fff
}
.textwhitelg {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:400;
  color:#fff
}
.scroll_img {
  margin:5px;
  float:left
}
#contenttitlehome {
  position:relative;
  width:682px
}
#contenttitle {
  position:relative
}
.textred {
  color:#900;
  font-size:11px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:400
}
.textbrown {
  color:#391602;
  font-size:11px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:400
}
.textred2 {
  color:#900;
  font-size:12px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:700
}
.textredlg {
  color:#900;
  font-size:13px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:400
}
.textbrownlg {
  color:#391602;
  font-size:13px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:400
}
.textredlglg {
  color:#900;
  font-size:15px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:400
}
.contenttext1 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#000
}
.contenttext2 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#000
}
#sword {
  position:relative;
  left:250px;
  top:-5px;
  z-index:1
}
.tsmc {
  color:#fff;
  font-size:6pt;
  font-family:courier new,Courier,monospace;
  font-style:normal;
  font-weight:400
}
.tsmy {
  color:#dfdfdf;
  font-size:7pt;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:700;
  font-variant:small-caps;
  vertical-align:bottom
}
.tsmy:link {
  color:#dfdfdf;
  font-size:7pt;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:700;
  font-variant:small-caps;
  vertical-align:bottom
}
.tsmy:active {
  color:#dfdfdf;
  font-size:7pt;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:700;
  font-variant:small-caps;
  vertical-align:bottom
}
.tsmy:visited {
  color:#dfdfdf;
  font-size:7pt;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:700;
  font-variant:small-caps;
  vertical-align:bottom
}
.tsmy:hover {
  color:#dfdfdf;
  font-size:7pt;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:700;
  font-variant:small-caps;
  vertical-align:bottom
}
#ticket_container {
  float:left;
  position:relative;
  width:560px;
  left:0;
  top:0
}
.newsType {
  background-image:url(../Images/newstype.jpg);
  height:1.5em;
  width:80px;
  text-align:center;
  padding:2px;
  overflow:hidden;
  color:#fff;
  font-size:9px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-weight:700;
  font-style:normal
}
.menu {
  width:163px
}
#botmainbkgrd {
  position:absolute;
  width:482px;
  height:381px;
  overflow:hidden;
  background-image:url(../Images/bot_main_bkgrd.gif);
  background-repeat:no-repeat;
  left:0
}
#tbnewsmainbkgrd {
  position:absolute;
  width:482px;
  height:296px;
  overflow:hidden;
  background-image:url(../Images/latest_news_bkgrd.gif);
  background-repeat:no-repeat;
  left:0
}
#poll_container {
  position:absolute;
  width:482px;
  height:381px;
  overflow:hidden;
  background-image:url(../Images/bot_main_bkgrd.gif);
  background-repeat:no-repeat;
  left:0
}
#polltext_container {
  float:left;
  position:relative;
  width:360px;
  left:200px;
  top:76px
}
#polltext_container_ff {
  float:left;
  position:relative;
  width:260px;
  left:200px;
  top:100px
}
#polltext_container_form {
  float:left;
  position:relative;
  width:260px;
  left:185px;
  top:55px
}
#polltitle_container {
  position:relative;
  left:105px;
  top:93px
}
.stylep {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  color:#fff
}
a.poll {
  color:#fff;
  font-weight:400;
  text-decoration:none
}
a.poll:hover {
  color:#fff;
  font-weight:400;
  text-decoration:underline
}
.pollperc {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:700;
  color:#fff
}
.tblcell {
  border-bottom:solid 1px #25120b;
  border-right:solid 1px #25120b
}
.tblcellrt {
  border-bottom:solid 1px #25120b;
  border-right:solid 1px #25120b
}
.news_style {
  display:none
}
.news_show {
  position:absolute;
  margin-left:45px;
  top:84px;
  background-color:#000;
  color:#000;
  font:100% arial,lucida grande,Verdana,Sans-Serif;
  clip:rect(0px 627px 176px 0px);
  z-index:1
}
.news_show2 {
  position:absolute;
  margin-left:64px;
  top:204px;
  z-index:3
}
.news_show3 {
  position:absolute;
  margin-left:345px;
  top:89px;
  z-index:3
}
.news_border {
  background-color:#000;
  width:627px;
  height:176px;
  font:100% arial,lucida grande,Verdana,Sans-Serif
}
.buttondiv {
  position:absolute;
  margin-left:596px;
  top:232px;
  width:70px;
  border-top:none;
  z-index:4
}
.news_move {
  position:relative
}
.mytable {
  width:627px;
  height:176px;
  vertical-align:top
}
#inventory {
  z-index:0;
  width:177px;
  height:281px;
  background-repeat:no-repeat;
  background-image:url(../Images/inventory.gif);
  border-spacing:0;
  padding:14px 9px 9px 12px
}
table.inventory tr {
  height:45px;
  padding:0;
  margin:0
}
table.inventory td {
  position:relative;
  margin:0;
  text-align:center;
  padding:0
}
.largeFont {
  font-size:12px
}
.largeFont:hover {
  font-size:12px
}
.lightrope {
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  position:absolute;
  z-index:1;
  margin:-15px 0 0;
  padding:0;
  pointer-events:none;
  width:100%
}
.lightrope li {
  position:relative;
  animation-fill-mode:both;
  animation-iteration-count:infinite;
  list-style:none;
  margin:0;
  padding:0;
  display:block;
  width:12px;
  height:28px;
  border-radius:50%;
  margin:20px;
  display:inline-block;
  background:#00f7a5;
  box-shadow:0 4.6666666667px 24px 3px #00f7a5;
  animation-name:flash-1;
  animation-duration:2s
}
.lightrope li:nth-child(2n+1) {
  background:#0ff;
  box-shadow:0 4.6666666667px 24px 3px rgba(0,255,255,.5);
  animation-name:flash-2;
  animation-duration:.4s
}
.lightrope li:nth-child(4n+2) {
  background:#f70094;
  box-shadow:0 4.6666666667px 24px 3px #f70094;
  animation-name:flash-3;
  animation-duration:1.1s
}
.lightrope li:nth-child(odd) {
  animation-duration:1.8s
}
.lightrope li:nth-child(3n+1) {
  animation-duration:1.4s
}
.lightrope li:before {
  content:"";
  position:absolute;
  background:#222;
  width:10px;
  height:9.3333333333px;
  border-radius:3px;
  top:-4.6666666667px;
  left:1px
}
.lightrope li:after {
  content:"";
  top:-14px;
  left:9px;
  position:absolute;
  width:52px;
  height:18.6666666667px;
  border-bottom:solid #222 2px;
  border-radius:50%
}
.lightrope li:last-child:after {
  content:none
}
.lightrope li:first-child {
  margin-left:-40px
}
@keyframes flash-1 {
  0%,
  100% {
    background:#00f7a5;
    box-shadow:0 4.6666666667px 24px 3px #00f7a5
  }
  50% {
    background:rgba(0,247,165,.4);
    box-shadow:0 4.6666666667px 24px 3px rgba(0,247,165,.2)
  }
}
@keyframes flash-2 {
  0%,
  100% {
    background:#0ff;
    box-shadow:0 4.6666666667px 24px 3px #0ff
  }
  50% {
    background:rgba(0,255,255,.4);
    box-shadow:0 4.6666666667px 24px 3px rgba(0,255,255,.2)
  }
}
@keyframes flash-3 {
  0%,
  100% {
    background:#f70094;
    box-shadow:0 4.6666666667px 24px 3px #f70094
  }
  50% {
    background:rgba(247,0,148,.4);
    box-shadow:0 4.6666666667px 24px 3px rgba(247,0,148,.2)
  }
}
div.select-language {
  text-align:center;
  line-height:18px
}
div.server-notice {
  background-image:url(../Images/header_rule2.gif);
  width:726px;
  height:49px;
  background-repeat:no-repeat;
  text-align:center;
  line-height:40px;
  color:#ff0;
  font-size:13px;
  font-weight:700
}
p.credits {
  text-align:center;
  line-height:10px;
  color:#fff;
  font-weight:700
}
p.links {
  text-align:center;
  line-height:13px;
  color:gray
}
p.copyright {
  text-align:center;
  line-height:8px;
  color:#fff
}
div.bckground {
  margin:0 auto;
  background:url(../Images/kol-bkgrd.jpg) no-repeat 50% 0%;
  overflow:visible
}
td.nav-bckground {
  background:url(../Images/nav_bck.gif);
  background-repeat:repeat-y
}
td.nav-bckground2 {
  background:url(../Images/nav_bck2.gif);
  background-repeat:repeat-y
}
td#td-1 {
  background-image:url(../Images/login_bck.jpg);
  padding-left:5px;
  padding-top:5px
}
td#td-2 {
  background-image:url(../Images/login_bck.jpg);
  padding-left:0;
  padding-top:5px
}
div#div-1 {
  background-image:url(../Images/header_rule1.gif);
  width:264px;
  height:49px;
  background-repeat:no-repeat
}
div#nav-forums {
  position:relative;
  left:63px;
  width:141;
  margin-top:5px
}
div#nav-fb {
  position:relative;
  left:10px;
  width:141;
  margin-top:20px;
  margin-left:-30px
}
div#nav-fb2 {
  position:relative;
  left:10px;
  width:141;
  margin-top:10px;
  margin-left:-30px
}
iframe#fb-frame {
  border:none;
  overflow:hidden
}
td#banner-img {
  background:url(../Images/banner.gif);
  width:726;
  height:243
}
img.top-nav-buttons {
  position:relative;
  z-index:7
}
td#bottom-index {
  background-image:url(../Images/content_bottom_index_0312.gif);
  background-repeat:no-repeat
}
td.footer-bckground {
  background-image:url(../Images/footer_bck.gif);
  background-repeat:no-repeat
}

.symbol{
    width: 16px;
    height: 16px;
    background-image: url(../images/icon.bmp);
    display: inline-block;
}

.symbol.a1 {
    background-position: 0px -16px;
}

.symbol.a2 {
    background-position: -16px -16px;
}

.symbol.a3 {
    background-position: -32px -16px;
}

.symbol.a4 {
    background-position: -48px -16px;
}

.symbol.a5 {
    background-position: -64px -16px;
}

.symbol.a6 {
    background-position: -80px -16px;
}

.symbol.b1 {
    background-position: -96px -16px;
}

.symbol.b2 {
    background-position: -112px -16px;
}

.symbol.b3 {
    background-position: -128px -16px;
}

.symbol.b4 {
    background-position: -144px -16px;
}

.symbol.b5 {
    background-position: -160px -16px;
}

.symbol.b6 {
    background-position: -176px -16px;
}

.job.job_101, .job.job_105, .job.job_106 {
    background-position: -32px -32px;
}

.job.job_102, .job.job_107, .job.job_108 {
    background-position: -48px -32px;
}

.job.job_103, .job.job_109, .job.job_110 {
    background-position: -64px -32px;
}

.job.job_104, .job.job_111, .job.job_112 {
    background-position: -80px -32px;
}

.job.job_201, .job.job_205, .job.job_206 {
    background-position: -96px -32px;
}

.job.job_202, .job.job_207, .job.job_208 {
    background-position: -112px -32px;
}

.job.job_203, .job.job_209, .job.job_210 {
    background-position: -128px -32px;
}

.job.job_204, .job.job_211, .job.job_212 {
    background-position: -144px -32px;
}
.job.job_11 {
    background-position: -32px -32px;
}

.job.job_12 {
    background-position: -48px -32px;
}

.job.job_13 {
    background-position: -64px -32px;
}

.job.job_14 {
    background-position: -80px -32px;
}

.job.job_21 {
    background-position: -96px -32px;
}

.job.job_22 {
    background-position: -112px -32px;
}

.job.job_23 {
    background-position: -128px -32px;
}

.job.job_24 {
    background-position: -144px -32px;
}

.nationicon_1,.nationicon_2 {
    width: 16px;
    height: 16px;
    background-image: url(../images/icon.bmp);
    display: inline-block;
}


.nationicon_1{
    background-position: 0px -32px;
}

.nationicon_2{
    background-position: -16px -32px;
}

.job{
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/icon.bmp);
}
.grade{
    width: 16px;
    height: 16px;
    background-image: url(../images/icon.bmp);
    display: inline-block;
}
.grade.g1 {
    background-position: 0px 0px;
}

.grade.g2 {
    background-position: -16px 0px;
}

.grade.g3 {
    background-position: -32px 0px;
}

.grade.g4 {
    background-position: -48px 0px;
}

.grade.g5 {
    background-position: -64px 0px;
}

.grade.g6 {
    background-position: -80px 0px;
}

.grade.g7 {
    background-position: -96px 0px;
}

.grade.g8 {
    background-position: -112px 0px;
}

.grade.g9 {
    background-position: -128px 0px;
}

.grade.g10 {
    background-position: -144px 0px;
}

.grade.g11 {
    background-position: -160px 0px;
}

.grade.g12 {
    background-position: -176px 0px;
}

.grade.g13 {
    background-position: -192px 0px;
}

.grade.g14 {
    background-position: -208px 0px;
}

.grade.g15 {
    background-position: -224px 0px;
}
.sRankPos {
  width:50px;
  height:27px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#c31402
}
.sRankName {
  width:130px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400
}
.sRankLoyalty {
  width:120px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  color:#bd8e00
}
.sealed {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(20,20,255,.3)
}
td.shortRankingsMain {
  height:26px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:bolder;
  color:#fff
}
a.nav-link {
  font-weight:700
}
a.nav-link-red {
  color:#980000;
  font-weight:700
}
a.nav-link-green {
  color:green;
  font-weight:700
}
td.nav-bckground-img {
  width:141px;
  height:24px;
  background-image:url(data:image/gif;base64,R0lGODlhjQAYAOYAAAEBAAEAAE04AQIBAAMCAAQDAAICAEw3AUo2AQkGAAgGAEs3ATQmARsTABkSAB8XACkeATUnARINADgpAT0sASwgAUEvAS0hATsrAUc0AScdARMOAEg1AQ0JAC8iARwUAAoHAEMxAR4WABQPAA4KAEYzARcRAAcFAAYEAD4tASEYACYcAAsIAD8uAUAvAUUyAUk1AUQyASIZAEUzAQUDAFA7AUIxAQ8LACUbAB0VABALABENADcoATcpATMlAQkHAJhyCw8KADwsARUQAGNIASsfAXFVCUs2AYp2QRsUABgRAEg0AUY0AT41H4FpKgoIADAjAXdXARYQADIkATIlASoeASQaAEIwAUw4ASMaABAMAIFqLzkqASofATEjASkeAIpmAQUEADYoATQnBqaGLzoqAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAACNABgAAAf/gGaCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp+goaKjpKWmp6ipqquskQGHAQEAs4IAsY2ytGavhACDs7qKwL61vJ3DxqcAAwYDgsmLsgPEjMGJBLPQoQAG1LWZ1q2N3uJm3Ze35eqSACAE6OvxjwEK74hNSE5j8vyWAAn2Dm0hA4RIIlv9Eh7CpsgImCgCoimMt0xQswEFyBn6UiNEkokgexED5iykyZMoU6pcybKly5cwY8qcKakADRQnFCQAwaIDiRtaJGwYIcWEgwYfRDxQIcPKCg0QulS44MELFQYReEzggoFCihYuLNiI8aIEkwwcYCA4suDAAQFwVePKxeJ2wQIECGBwWJKhxIwXMUJcseCiRQoKQjCUmdBDTAQGPqZA8XChQpEqEDSswJFFhooHInJ8aOBAiYkhIzZI2KEjCIkOLJ78SKDgBIowBQoQCAQAOw==)
}
#inventory2 {
  z-index:0;
  width:330px;
  height:188px;
  background-repeat:no-repeat;
  background-image:url(../Images/inventory_2.jpg);
  border-spacing:0
}
table.inventory2 tr {
  height:45px;
  padding:0;
  margin:0
}
table.inventory2 td {
  margin:0;
  text-align:center;
  padding:0
}
td.characterItem {
  position:relative
}
td.characterItem div.countable {
  position:absolute;
  font-weight:700;
  font-size:11px;
  top:29px;
  left:5px;
  color:#fff
}
.animated-button1 {
  background:linear-gradient(-30deg,#3d0b0b 50%,#2b0808 50%);
  display:inline-block;
  -webkit-transform:translate(0,0);
  transform:translate(0,0);
  overflow:hidden;
  color:#f7d4d4;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,.5);
  box-shadow:0 20px 50px rgba(0,0,0,.5)
}
.animated-button1::before {
  content:'';
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#ad8585;
  opacity:0;
  -webkit-transition:.2s opacity ease-in-out;
  transition:.2s opacity ease-in-out
}
.animated-button1:hover::before {
  opacity:.2
}
.animated-button1 span {
  position:absolute
}
.animated-button1 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(linear,right top,left top,from(rgba(43,8,8,0)),to(#d92626));
  background:linear-gradient(to left,rgba(43,8,8,0),#d92626);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite
}
@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
  }
}
.animated-button1 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(linear,left bottom,left top,from(rgba(43,8,8,0)),to(#d92626));
  background:linear-gradient(to top,rgba(43,8,8,0),#d92626);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite
}
@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
  }
}
.animated-button1 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(linear,left top,right top,from(rgba(43,8,8,0)),to(#d92626));
  background:linear-gradient(to right,rgba(43,8,8,0),#d92626);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite
}
@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
  }
}
.animated-button1 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(43,8,8,0)),to(#d92626));
  background:linear-gradient(to bottom,rgba(43,8,8,0),#d92626);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite
}
@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
  }
}
