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

header, nav, section, article, aside, footer, hgroup {
    display: block
}

ol, ul {
    list-style: none outside none
}

* {
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: 0;
    padding: 0;
    margin: 0
}

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('../img/71059e50d564b806341296a114ea68-kis1.webp') top center no-repeat;
    min-width: 960px
}

#blank {
    background: 0;
    min-width: 0
}

body > .netbarslot {
    position: relative;
    z-index: 1100;
    height: 34px;
    background: url('../img/b24a2f4fd29d8aabac4ede88a4e1ac-kis1.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("../img/0692fb514df86abb7862c3a629ba17-kis1.webp") no-repeat scroll 153px 183px transparent
}

body > header > .ui.container.loggedin {
    background: url("../img/e2bce2683520b1af65c39f828a8aa0-kis1.webp") 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('../img/a42ae6e0da8bf62418063b023fb32b-kis1.webp') 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: #778e9e
}

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: #778e9e;
    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("../img/30390915128bc6b834e1b80678f0df-kis1.webp") top right repeat-y;
    margin-bottom: 26px;
    padding: 1px 0
}

nav:before {
    content: url('../img/3a7097d2f1a1e6646ce5c895d1fb88-kis1.png');
    display: block;
    margin-bottom: -5px;
    margin-top: -22px
}

nav:after {
    content: url('../img/6b5eff8ac53b25832f3e4bb2371a68-kis1.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;
    padding: 0 10px
}

nav > ul > li {
    background: url('../img/d1904481bdb6c29c65e693b60aa083-kis1.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('../img/f3cafdb823ed66b13a5ee71882d33d-kis1.png') center left no-repeat
}

nav a.selected:before, nav a:hover:before {
    content: url('../img/b4f33e3132cb5cbe191dc0dc5d9fb1-kis1.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('../img/0e03fa69211b91b603ad4a1403fe41-kis1.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('../img/07d583bf1f4f97c08a1478b5df555a-kis1.webp') center repeat-y;
    position: relative;
    min-height: 730px
}

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

div[role="main"] h2 {
    font-size: 18px;
    background: url('../img/bda06d2bfd5891a990dc847ac14a59-kis1.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("../img/badc0daf384be6ed46721aeeaf61f0-kis1.webp");
    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: 100%;
    padding: 3px;
    margin: 20px 16px;
}

article.mini-gallery img {
    display: block;
    border: 1px solid #c7d6e2;
    box-shadow: black 0 2px 4px;
    margin: 18px 0 0 22px;
}

body > .container > div.secondary {
    float: right;
    width: 181px;
    margin: 0 3px;
    position: relative
}

body > .container > .secondary > aside {
    background: url("../img/a385c6fe394354ef274b33374cc383-kis1.webp") top right repeat-y;
    margin-bottom: 31px;
    padding: 1px 0
}

body > .container > .secondary > aside:before {
    content: url('../img/00511b71ef594368fd621fe0b2b473-kis1.png');
    display: block;
    margin-bottom: -5px;
    margin-top: -19px
}

body > .container > .secondary > aside:after {
    content: url('../img/4d468a74e654166cdb058dc91ab77f-kis1.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('../img/d1904481bdb6c29c65e693b60aa083-kis1.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('../img/096f63730cd2e886f2037f8214d3b0-kis1.png')
}

.secondary > aside.recruiting > a:hover {
    background-image: url('../img/fe7dbdaf3e0cc45630e961d8c270dd-kis1.png')
}

.secondary > aside.itemshop > a {
    background: url('../img/5c7859d441e94c4afd510039f8b32a-kis1.png') 129px 0
}

.secondary > aside.itemshop > a:hover {
    background: url('../img/8b3bf223ecbcf704127c1155e46c48-kis1.png') 129px 0
}

.secondary > aside.download > a {
    background: url('../img/f07d4336bc2988b8685238fc3551c9-kis1.webp') 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: #9aafbe;
    border: 1px solid #597487;
    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('../img/0163a394cc95dc07665a041041368f-kis1.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: #4d648d;
    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 #3c4958
}

.secondary > aside.highscore > .tab > a {
    display: block;
    width: 129px;
    height: 20px;
    padding-right: 17px;
    margin: 10px auto;
    background: url('../img/1b8fe80f9bd7114931ce73a953ed88-kis1.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 {
    text-decoration: underline
}

.secondary > aside ul.tabcontrols {
    list-style: none;
    width: 159px;
    height: 40px;
    background: url('../img/55c02b6681736e5a61c4dbe405ff0a-kis1.png') 0 28px no-repeat;
    margin: 0 auto;
    overflow: hidden
}

.secondary > aside ul.tabcontrols > li {
    float: left;
    width: 78px;
    height: 40px;
    background: url('../img/55c02b6681736e5a61c4dbe405ff0a-kis1.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('../img/55c02b6681736e5a61c4dbe405ff0a-kis1.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('../img/401df7f6608508914ed00a3f2e69f9-kis1.png');
    margin-left: -4px
}

.nav-box-btn-1:hover {
    background-image: url('../img/ed3f723e8d8f81ccfbacca436dfd9d-kis1.png')
}

.nav-box-btn-2 {
    background-image: url('../img/22fc9b7de04f79a106623f66410579-kis1.png');
    width: 159px;
    margin-left: 8px
}

.nav-box-btn-2:hover {
    background-image: url('../img/754e6212111daaab847f289a8c9597-kis1.png')
}

.nav-box-btn-3 {
    background-image: url('../img/5cdfdf67f1a403e78363334af752c4-kis1.gif')
}

.nav-box-btn-4 {
    background-image: url('../img/5e936cf17e483498c32a7baa1ae612-kis1.png');
    width: 160px
}

.nav-box-btn-4:hover {
    background-image: url('../img/931590a9647ccbb9d7d9fe6d55d9aa-kis1.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('../img/61542bf2767a27a7a6f8a219ae6df8-kis1.jpg');
    background-repeat: no-repeat;
    color: #0c376f;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin: 11px 0 0;
    padding: 7px 0 7px 33px
}

.content {
    background-image: url('../img/c7712bc1c907a77a6778688af47463-kis1.jpg');
    background-repeat: repeat-y;
    margin: 0;
    width: 507px
}

.content .content-bg {
    background: url('../img/fa9a62d98c0be9179cb9c9f691eed3-kis1.jpg') no-repeat
}

.content .content-bg-bottom {
    background: url('../img/d3bc3c62b25b9f6f70b6bfca3aeefa-kis1.jpg') no-repeat 0 100%;
    overflow: hidden;
    padding: 0 0 0 11px;
    width: 492px;
    position: relative
}

.box-foot {
    background-image: url('../img/cc20ddcb0b33db1a55e98febcb8354-kis1.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: #0c376f
}

#news_compact li h4 {
    float: right;
    font-weight: normal;
    color: #0c376f;
    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: #0c376f
}

#news td {
    padding: 8px 12px 30px;
    background: url('../img/c3d63d90f91f78a04939e2ac1a9755-kis1.webp') 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: #0c376f
}

#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: #0c376f
}

#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: #0c376f
}

#news div ul h6 {
    float: right;
    font-weight: normal;
    color: #0c376f
}

#news div ul p {
    margin: 0;
    padding: 0;
    overflow: hidden
}

#news #browse {
    width: 100%;
    margin-top: 20px;
    height: 33px;
    background-image: url('../img/e977528439e683b0a62c1656dd294a-kis1.jpg')
}

#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('../img/d1ac31e494dbf1f1ef33133cc3f6af-kis1.jpg') no-repeat top right
}

#news #browse a#next span {
    padding-right: 17px
}

#news #browse a#prev {
    background: url('../img/bb4ce05d613bd00df76f059a56ce81-kis1.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: #0c376f;
    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('../img/471b3ca9cc600a8bc95b19ca0d86c5-kis1.webp') 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('../img/59676ec73c8a92e598a39239d1d669-kis1.jpg') no-repeat;
    width: 114px;
    height: 46px;
    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: 115px
}

.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('../img/4b71bb182e71ba6cc638dbdee3a4a1-kis1.webp') no-repeat;
    width: 154px
}

.content .tabs3 li a {
    width: 154px
}

.content .tabs3 #tab1 {
    background-position: 0 -40px
}

.content .tabs3 #tab2 {
    background-position: -160px -40px
}

.content .tabs3 #tab3 {
    background-position: -320px -40px;
    width: 155px
}

.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('../img/dde8780a23d9b15302df0df8db1ce7-kis1.webp') 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('../img/e0202f299a42f7ef2c3599aed35bc4-kis1.webp') no-repeat
}

.firststepsbox-2 {
    background: url('../img/fc575d732bf974cfadc98c30d88116-kis1.webp') no-repeat
}

.firststepsbox-3 {
    background: url('../img/2b560b00137100824da3977f7553bb-kis1.webp') no-repeat
}

.firststeps-inner-content {
    margin: 9px 0 0 0;
    padding: 0
}
/*BURDAYIZ*/
.firststeps-inner-content h4 {
    background: url('../img/gf-d8115ef2e940.png') no-repeat bottom left;
    color: #0c376f;
    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('../img/gf-19cb70999ecd.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('../img/gf-0edbe6cd8248.png') no-repeat;
    color: #c0d3e1;
    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('../img/gf-db2eeb822fff.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('../img/gf-d897fcf13ed6.jpg') no-repeat
}

.aboutbox-2 {
    background: url('../img/gf-61af199787e0.jpg') no-repeat
}

.aboutbox-3 {
    background: url('../img/gf-4bdcf5e8a934.jpg') no-repeat
}

.aboutbox-4 {
    background: url('../img/gf-941e71691b3b.jpg') no-repeat
}

.aboutbox-5 {
    background: url('../img/gf-98412fadc083.jpg') no-repeat
}

.about-inner-content h4 {
    background: url('../img/gf-d8115ef2e940.png') no-repeat bottom left;
    color: #0c376f;
    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('../img/gf-7dd7feecfef9.png') no-repeat;
    height: 341px;
    position: relative;
    width: 481px
}

.empirebox-2, .empirebox-3 {
    display: none
}

.empirebox-1, .empirebox-2, .empirebox-3 {
    background: url('../img/gf-fcb8b30d230d.jpg') no-repeat;
    min-height: 169px;
    padding: 7px;
    position: relative;
    width: 467px
}

.empires-content h4 {
    background: url('../img/gf-d8115ef2e940.png') no-repeat bottom left;
    color: #0c376f;
    font-size: 11px;
    padding-bottom: 8px;
    margin: 1px 0 0 0
}

.empires-content .empire-crest {
    background: url('../img/gf-fcb8b30d230d.jpg') no-repeat;
    height: 87px;
    position: absolute;
    top: 0;
    left: 345px;
    width: 136px
}

.empires-content .empirebox-1 .empire-crest {
    background: url('../img/gf-0ccec821bc71.png') no-repeat 0 0
}

.empires-content .empirebox-2 .empire-crest {
    background: url('../img/gf-0ccec821bc71.png') no-repeat 0 -87px
}

.empires-content .empirebox-3 .empire-crest {
    background: url('../img/gf-0ccec821bc71.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('../img/gf-1cb6e6bb683b.png') no-repeat 0 -196px;
    height: 145px;
    left: 0;
    top: 196px;
    width: 345px
}

.empires-content .empire-2 {
    background: url('../img/gf-1cb6e6bb683b.png') no-repeat 0 0;
    height: 160px;
    left: 0;
    top: 0;
    width: 200px
}

.empires-content .empire-3 {
    background: url('../img/gf-1cb6e6bb683b.png') no-repeat -291px 0;
    height: 225px;
    left: 291px;
    width: 190px
}

#wallpaper a, #screenshots a {
    background: url('../img/gf-dd67e44e5e54.gif') no-repeat;
    float: left;
    margin: 4px;
    padding: 4px
}

#wallpaper a.first, #screenshots a.first {
    background: url('../img/gf-0298301213e4.jpg') no-repeat
}

.gallerybox {
    background: url('../img/gf-3f543552afdd.jpg') no-repeat;
    margin-bottom: 9px;
    height: auto;
    padding-top: 7px;
    padding-left: 12px;
    width: 476px
}

.gallerybox-small {
    background-image: url('../img/gf-1b476629c508.jpg');
    min-height: 133px
}

.gallerybox-middle {
    background-image: url('../img/gf-3f543552afdd.jpg');
    min-height: 193px;
    margin-bottom: 30px
}

.gallery-inner-content h4 {
    color: #0c376f;
    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('../img/gf-0298301213e4.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
}

.wallpaper-links a {
    color: #152135;
    font-size: 11px;
    text-decoration: underline
}

.characterclasses {
    min-height: 155px;
    padding: 7px 190px 7px 9px
}

.charclass-1 {
    background: url('../img/gf-d9ba7911fc7f.jpg') no-repeat
}

.charclass-2 {
    background: url('../img/gf-d305e3c38433.jpg') no-repeat
}

.charclass-3 {
    background: url('../img/gf-d0a6c6ce22d9.jpg') no-repeat
}

.charclass-4 {
    background: url('../img/gf-895ed42e0dbc.jpg') no-repeat
}

.charclass-8 {
    background: url('../img/gf-c47648ca269b.jpg') no-repeat
}

.characterclasses h4 {
    font-size: 12px
}

.charclass-8 h4 a, .charclass-8 h4 a:visited {
    color: #1d4171;
    text-decoration: none
}

.charclass-8 h4 a:hover {
    text-decoration: underline
}

.download-inner-column-left {
    background-image: url('../img/gf-a6f9d35e4c9f.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: #0c376f;
    font-weight: bold;
    text-decoration: none
}

.download-inner-column-right p a:hover {
    color: #486fa4
}

.download-button {
    background-image: url('../img/gf-bd8cbde7202a.jpg');
    display: block;
    height: 63px;
    width: 174px
}

.download-button:hover {
    background-image: url('../img/gf-e4534e4505bd.jpg')
}

.downloadbox {
    background: url('../img/gf-db69fe169d9b.jpg') no-repeat;
    margin-bottom: 9px;
    min-height: 209px;
    padding-top: 7px;
    padding-left: 12px;
    width: 289px
}

.download-inner-content h4 {
    color: #0c376f;
    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('../img/gf-1b6eac229e0d.gif') no-repeat 0 0;
    height: 23px;
    padding-left: 20px;
    width: 69px
}

.download-box-foot {
    background-image: url('../img/gf-d0ef47c1fbe9.jpg');
    clear: both;
    height: 10px;
    margin-bottom: 12px;
    width: 481px
}

.download-content-teaser {
    float: right;
    width: 178px
}

#download h3 {
    background: 0;
    color: #152135;
    font-size: 25px;
    line-height: 25px;
    margin: 0 15px;
    text-shadow: 1px 1px #bddeea
}

#download a#requirements {
    background: url("../img/gf-e6ad9b1e07ab.gif") no-repeat scroll 0 0 transparent;
    color: #12417f;
    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 #bddeea
}

#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("../img/gf-fcb8b30d230d.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: #0c376f;
    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('../img/gf-1b6eac229e0d.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: #152135;
    margin-left: 6px
}

.administration-box a {
    float: left;
    margin: 0 7px 0
}

.delete-code {
    background-color: #9aafbe;
    border: 1px solid #597487;
    color: #0c376f;
    font: 14px bold normal;
    height: 15px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px
}

.load-link {
    color: #0c376f;
    font-weight: bold;
    text-decoration: none
}

.load-link:hover {
    text-decoration: underline
}

.load-link:visited {
    color: #2b4269
}

.input-data-box {
    background: url('../img/gf-5db5449d5ed2.jpg') no-repeat;
    min-height: 129px;
    padding-top: 9px;
    width: 481px
}

.input-data-box p a {
    color: #2b4269;
    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('../img/gf-e0a63d5bc6ac.jpg') no-repeat
}

.recruitbox-2 {
    background: url('../img/gf-fe2fa46de8e1.jpg') no-repeat
}

.recruitbox-3 {
    background: url('../img/gf-fbc03fa43556.jpg') no-repeat
}

.recruitbox-4 {
    background: url('../img/gf-9a3268a34f86.jpg') no-repeat
}

.recruitbox-5 {
    background: url('../img/gf-5523cc7a2f08.jpg') no-repeat
}

.recruit-inner-content {
    margin: 9px 0 0 0;
    padding: 0
}

.recruit-inner-content h4 {
    background: url('../img/gf-d8115ef2e940.png') no-repeat bottom left;
    color: #0c376f;
    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;
    border: 0;
    height: 24px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    background: url('../img/gf-19dfb3c539a5.png') no-repeat
}

.recruit-inner-content textarea {
    width: 280px;
    border: 0;
    height: 100px;
    padding-left: 3px;
    padding-top: 2px;
    background: url('../img/gf-30eb81d9e99f.png') no-repeat;
    overflow: hidden
}

#recruitMailForm #submitBtn, #recruitMailForm #sendMailBtn {
    background: url('../img/gf-ea242834d285.png') no-repeat;
    border: 0;
    color: #ffffff;
    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('../img/gf-001070e0a766.png') no-repeat
}

.recruit-status-th th, .recruit-status-tr td {
    vertical-align: middle;
    text-align: center
}

.recruit-status-tr {
    height: 25px;
    background: url('../img/gf-617c4ccd117c.png') no-repeat
}

.recruit-inviteLink {
    width: 280px;
    height: 24px;
    display: block;
    border: 0;
    padding-left: 3px;
    padding-top: 0;
    background: url('../img/gf-19dfb3c539a5.png') no-repeat
}

#recruitSocialForm #inviteLink {
    background: 0;
    width: 270px;
    overflow: hidden;
    height: 22px
}

.recruit-facebook {
    display: block;
    background: url('../img/gf-823e5f2b5ace.png') no-repeat;
    width: 29px;
    height: 29px;
    margin-top: 5px;
    margin-right: 15px;
    float: left
}

.recruit-twitter {
    display: block;
    background: url('../img/gf-08e20cd5bd7b.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: #0a2e5c;
    font-size: 18px
}

.recruit-code {
    position: relative;
    top: 50px;
    left: 140px;
    width: 185px;
    height: 34px;
    background: url('../img/gf-24c20caefb04.png') no-repeat;
    text-align: center;
    font-weight: bold;
    padding-left: 2px;
    padding-top: 3px
}

#recruitCode {
    color: #000000;
    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('../img/gf-79ffdd856814.png') no-repeat;
    width: 21px;
    height: 21px;
    display: block
}

#hiddenMails {
    display: none
}

.btn {
    background: url('../img/gf-211aa65fdda8.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('../img/gf-7da4f091e41e.png') no-repeat;
    text-decoration: underline
}

input.btn-login {
    background: transparent url('../img/gf-4581528a1282.png') no-repeat scroll 50% 0 !important;
    border-style: none;
    color: #fffabd;
    font-size: 16px;
    font-weight: bold;
    height: 54px;
    margin: auto;
    margin-bottom: 5px;
    padding: 0;
    text-shadow: 1px 1px black;
    width: 151px
}

input.btn-login:hover {
    background: transparent url('../img/gf-3e51e9bdc563.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('../img/gf-15f9666c95f1.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
}

#steamLogin {
    background: url('../img/gf-a26df00a6906.png') right 0 no-repeat;
    display: block;
    text-indent: -9999px;
    height: 59px;
    width: 151px
}

#steamLogin:hover {
    background: url('../img/gf-a26df00a6906.png') right -59px no-repeat
}

.btn-steam, a.btn-steam {
    background: url('../img/gf-f91aee7ba3c3.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('../img/gf-f91aee7ba3c3.png') 0 -162px no-repeat;
    text-decoration: none !important
}

.steam-icon {
    background: url('../img/gf-ab9486f14660.png') center center no-repeat;
    height: 47px;
    left: 15px;
    position: absolute;
    top: 10px;
    width: 46px
}

.agbok {
    color: #c0d1de;
    display: block;
    font-size: 12px;
    margin: 8px 8px 6px;
    text-decoration: none;
    width: 128px
}

.agbok a {
    color: #17b0e8;
    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: #1e2d48;
    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: #ffffff;
    position: relative;
    line-height: 25px
}

#screenshots.comic span {
    background: url('../img/gf-c417358a7656.png') no-repeat;
    color: #000000;
    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("../img/gf-d8115ef2e940.png") no-repeat scroll left bottom transparent;
    color: #0c376f;
    font-size: 11px;
    margin: 2px 0 0;
    padding-bottom: 8px
}

.smfaqbox {
    background: url("../img/gf-7e6cf187eb13.jpg") no-repeat scroll 0 0 transparent;
    min-height: 169px;
    padding: 7px 9px 7px 9px;
    width: 465px;
    font-size: 11px
}

.smfaqlinks {
    background: url("../img/gf-58611cbdd250.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('../img/gf-5db5449d5ed2.jpg') no-repeat;
    min-height: 129px;
    padding-top: 9px;
    width: 481px
}

.input-data-box p a {
    color: #2b4269;
    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: #0c376f;
    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('../img/gf-860c74b8d5ae.jpg') no-repeat;
    margin-left: 11px;
    overflow: hidden;
    padding-top: 10px;
    width: 275px
}

.pass-lost-box-small {
    background: url('../img/gf-8b1188882734.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('../img/gf-2132c8cb614a.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: #152135;
    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: #152135;
    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: #d2eef8 #60849e #768fa1 #d2eef8;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    vertical-align: middle;
    text-align: center
}

#highscore tr.zebra {
    background: url('../img/gf-36a958dcbb26.jpg')
}

#highscore td img {
    display: inline
}

#highscore .rank-th-1 {
    border-left: 1px solid #3e5570;
    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 #3e5570;
    padding-right: 13px;
    text-align: right;
    width: 104px
}

#highscore .rank-td-1-1 {
    border-left: 1px solid #3e5570;
    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 #3e5570;
    padding-right: 13px;
    text-align: right
}

#highscore .rank-td-2-1 {
    border-left: 1px solid #3e5570;
    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 #3e5570;
    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: #d2eef8 #60849e #768fa1 #d2eef8;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    vertical-align: middle
}

#guildHighscore tr.zebra {
    background: url('../img/gf-36a958dcbb26.jpg')
}

#guildHighscore td img {
    display: inline
}

#guildHighscore .guildrank-th-1 {
    border-left: 1px solid #3e5570;
    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 #3e5570;
    padding-right: 13px;
    text-align: right;
    width: 60px
}

#guildHighscore .guildrank-td-1-1 {
    border-left: 1px solid #3e5570;
    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 #3e5570;
    padding-right: 13px;
    text-align: right;
    width: 60px
}

#guildHighscore .guildrank-td-2-1 {
    border-left: 1px solid #3e5570;
    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 #3e5570;
    padding-right: 13px;
    text-align: right;
    width: 60px
}

#eventRanking .table-bg {
    background-color: #243148;
    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: #243148;
    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: #bbcbd1;
    font-size: .8em;
    background: url('../img/gf-44cead130d20.png') repeat-x transparent;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    line-height: 18px
}

#eventRanking .table-event.active .event {
    color: #ffffff;
    text-shadow: 0 1px 0 #000000;
    background: url('../img/gf-47fb9539d83f.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: #89a6ba
}

.table-dropdowns li.open .btn-default:hover {
    background: url('../img/gf-aa876d6117d3.png') repeat-x transparent
}

#eventRanking .btn-default {
    display: block;
    height: 26px;
    width: auto;
    line-height: 14px;
    padding: 5px;
    color: #ffffff;
    cursor: pointer;
    background: url('../img/gf-068941d82c1b.png') repeat-x transparent;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #161e2d;
    position: relative
}

#eventRanking .btn-default:hover {
    background: url('../img/gf-aa876d6117d3.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: #89a6ba;
    -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.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: #202c41;
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.dropdowns-box .select-box {
    border: 1px solid rgba(63, 81, 101, 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 #455f7c;
    color: #ffffff;
    cursor: pointer
}

.continue-btn {
    background: url('../img/gf-14570a390ddb.png') repeat-x transparent
}

.cancel-btn {
    background: url('../img/gf-f23d702f6e6f.png') repeat-x transparent
}

#eventRanking .ranking-table {
    font-family: "Droid Serif";
    background: #bdcad4;
    width: 100%;
    text-align: center
}

#eventRanking .ranking-table thead {
    background-color: #121924
}

#eventRanking .ranking-table th {
    color: #bfc9d1;
    height: 30px;
    line-height: 28px;
    font-size: 1em;
    border: 1px solid #243148
}

.ranking-table td {
    height: 30px;
    line-height: 30px;
    border: 1px solid #243148;
    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: #ffffff;
    background-color: #23528f
}

.ranking-table .searchResult td {
    color: #ffffff;
    background-color: #4488cc
}

.ranking-table.character #firstPlace {
    color: #ffffff;
    background-color: #5d7f0d
}

.ranking-table tbody tr.odd, .ranking-table tbody tr:nth-child(odd) {
    background-color: #91b2be
}

.ranking-table .empire {
    width: 30px
}

.table-page {
    height: 34px;
    width: 318px;
    text-align: center;
    background-color: #192333;
    margin: 20px auto;
    padding: 4px;
    box-shadow: 0 0 5px #080c13 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 #91b2be 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: #ffffff;
    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: #ffffff transparent transparent transparent;
    line-height: 0;
    _border-color: #ffffff #000000 #000000 #000000;
    _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 #ffffff;
    line-height: 0;
    _border-color: #000000 #000000 #000000 #ffffff;
    _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 #ffffff transparent transparent;
    line-height: 0;
    _border-color: #000000 #ffffff #000000 #000000;
    _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: #12417f;
    font-size: 10px;
    text-decoration: none
}

.ranks-nav a:hover {
    text-decoration: underline
}

.prev {
    background-image: url('../img/gf-5d0573c910d2.jpg');
    text-align: left;
    width: 241px
}

.next {
    background-image: url('../img/gf-07cecf1304fe.jpg');
    text-align: right;
    width: 240px
}

.prev-top {
    background-image: url('../img/gf-d4e761fc40a4.jpg');
    padding: 9px 10px 0
}

.next-top {
    background-image: url('../img/gf-3d291d349374.jpg');
    padding: 9px 10px 0
}

.ranks-update-time {
    color: #152135;
    height: 15px;
    font-size: 11px;
    margin-top: 10px;
    text-align: right;
    width: 475px
}

.ranks-inner-content h5 {
    color: #152135;
    font-size: 11px;
    font-weight: bold;
    margin: 7px 34px 14px 9px
}

.ranks-inner-content p {
    color: #152135;
    font-size: 11px;
    margin: 0 9px 15px 9px
}

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

.ranks-inner-content td {
    color: #12417f;
    font-size: 11px;
    height: 29px;
    padding-top: 8px
}

.ranks-dropdowns-box {
    background-image: url('../img/gf-54985a9bc252.jpg');
    height: 56px;
    margin: 0 0 15px 8px;
    width: 466px
}

.ranks-dropdowns-box select {
    background-color: #9aafbe;
    border: 1px solid #597487;
    color: #152135;
    font-size: 13px;
    margin: 0 0 0 4px;
    padding: 0;
    width: 120px
}

.ranks-dropdowns-box input {
    background: 0;
    border: 0;
    color: #152135;
    font-size: 13px;
    margin: 0 0 0 4px;
    padding-top: 2px;
    width: 110px
}

.ranks-dropdowns-box label {
    color: #0a2e5d;
    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('../img/gf-31cb1dc8eca6.jpg');
    height: 20px;
    width: 119px
}

.ranks-input-noservers {
    background-image: url('../img/gf-31cb1dc8eca6.jpg');
    color: #152135;
    font-size: 13px;
    height: 17px;
    padding-left: 4px;
    padding-top: 3px;
    width: 115px
}

.small-btn {
    background: url('../img/gf-b0be09d06627.gif') no-repeat;
    color: #dfbf8b;
    display: block;
    font-weight: bold;
    font-size: 10px;
    height: 20px;
    line-height: 12px;
    margin: 4px 0 0;
    padding: 3px 14px 0 0;
    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('../img/gf-0c37a28bbc8c.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 #bfccd6;
    width: 45px
}

#progress1, #progress2 {
    background: url('../img/gf-a9a3d23045fa.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: #152135
}

#progressTracker .inactive .progress-text a {
    color: #152135
}

#progress3 {
    float: left;
    width: 45px
}

#progressTracker .passed {
    background: url('../img/gf-445642580d8c.gif') repeat-x scroll 0 20px
}

#progressTracker .active .step {
    background-position: 0 0;
    color: #152135;
    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 #658296;
    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("../img/gf-891bc4c44d76.jpg") repeat scroll 0 0;
    border: 1px solid #86a1b4;
    color: #152135;
    padding: 15px
}

.inner-form-box h3 {
    background: none repeat scroll 0 0 transparent;
    color: #152135;
    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('../img/gf-59affec5ec7d.jpg') no-repeat;
    border-top: 1px solid #5e8099;
    height: 8px;
    margin: 0 auto;
    width: 380px
}

#pwlostForm, #lostPasswordCodeForm, #changepwForm, #emailChangeForm, #resendactivForm, #loginForm, #moveForm, #registerForm, #captchaForm, #regForm1 {
    margin: 15px auto;
    width: 290px
}

#pwlostForm div, #lostPasswordCodeForm div, #changepwForm div, #emailChangeForm div, #resendactivForm div, #loginForm div, #moveForm div, #registerForm div, #captchaForm div, #regForm1 div {
    margin-bottom: 15px;
    position: relative;
    width: 287px
}

#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 #12417f;
    color: #152135
}

#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, #register .inner-form-box h3, #captcha .inner-form-box h3 {
    color: #152135;
    font-size: 18px;
    height: 33px
}

.inner-form-box a {
    color: #12417f;
    text-decoration: none
}

.inner-form-box a:hover {
    text-decoration: underline
}

#toAdmin, #topwLost, #toLogin, .confirm-btn {
    background: url("../img/gf-fabcde181acb.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: #152135;
    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, #register .inner-form-box input, #captcha .inner-form-box input, #regForm1 input {
    background: url('../img/gf-f93c86e55b78.gif') repeat-x;
    border: 1px solid #1c2c46;
    color: #3a424f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    padding: 5px 10px;
    width: 265px
}

#login #checkerror input, #register #checkerror input, #register #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('../img/gf-0095db6f1add.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, #register #submitBtn, #captcha #submitBtn, #subscribe .btn-big, a.btn-big, .contest-inner-content #submitBtn, #regForm1 #submitBtn, .btn-newaccount {
    background: url("../img/gf-6d2e0c07ec38.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 #000000;
    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(../img/gf-fed913d5c3d0.png) repeat-x scroll 0 0 #7f97a8;
    border: 1px solid #1d334d;
    color: #111111;
    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(../img/gf-de785f87dca9.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, #register #submitBtn:hover, #captcha #submitBtn:hover, a.btn-big:hover, .contest-inner-content #submitBtn:hover, #regForm1 #submitBtn:hover {
    background-position: 0 -38px;
    color: #ffffff;
    text-decoration: none
}

#subscribe .btn-big {
    line-height: 38px
}

.char-list-content {
    color: #1b447a;
    font-weight: bold;
    margin-bottom: 10px;
    width: 480px
}

.char-list-content .pagerWrapper {
    background: transparent url('../img/gf-d2d889338d45.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 #597487;
    float: left;
    height: 18px;
    margin-left: 3px;
    overflow: hidden;
    width: 125px
}

.char-list-content .pagerWrapper select {
    background-color: #9aafbe;
    color: #152135;
    font-size: 13px;
    height: 22px;
    margin: -2px 0 0 -2px;
    width: 129px
}

.char-list-content .pagerWrapper .pager {
    background: url('../img/gf-891be5cba81b.jpg') no-repeat;
    float: right;
    height: 20px;
    text-align: right;
    width: 110px
}

.char-list-content .pagerWrapper .prev {
    background: url('../img/gf-a416a32607c1.jpg') no-repeat
}

.char-list-content .pagerWrapper .next {
    background: url('../img/gf-0ebf0634b945.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: #ffffff;
    float: left;
    font-weight: normal;
    height: 20px;
    line-height: 19px;
    text-align: center;
    width: 70px
}

.char-list-content .charList {
    background: url('../img/gf-7c0377dc0e72.jpg') no-repeat;
    height: 100px;
    padding: 2px;
    width: 476px;
    font-size: 12px
}

.char-list-content .charList .charimg {
    background: url('../img/gf-fcb7604a54f7.jpg') no-repeat 3px 3px;
    float: left;
    height: 72px;
    margin-right: 5px;
    width: 56px
}

.char-list-content .charList .charimg img {
    border: 1px solid #000000;
    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: #1b447a;
    display: block;
    float: left;
    font-weight: bold;
    width: 70px
}

.char-list-content .charList .chardata {
    color: #000000;
    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("../img/gf-12557635bbfa.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: #ffffff
}

#creation div.inner-content {
    margin: 4px 15px 0 0
}

#creation h3 {
    font-size: 14px;
    padding: 11px;
    text-align: center;
    color: #0c376f;
    height: 33px;
    background: url('../img/gf-d2d889338d45.jpg') no-repeat
}

#creation div.inner-content.notAllowed {
    background: url('../img/gf-db2eeb822fff.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: #152135;
    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('../img/gf-577a74bf7c3c.png') no-repeat
}

#creation div.jobs div.job1 {
    background: url('../img/gf-2a5d74fa49d0.png') no-repeat
}

#creation div.jobs div.job2 {
    background: url('../img/gf-79ef3d9713d7.png') no-repeat
}

#creation div.jobs div.job3 {
    background: url('../img/gf-8d142a43f7de.png') no-repeat
}

#creation div.jobs div.job p {
    margin: 52px 1px 0;
    font-size: 14px;
    padding: 3px 0 4px;
    text-align: center;
    color: #bbbbbb;
    border-top: solid 1px #bbbbbb;
    background: url('../img/gf-585521966e97.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('../img/gf-8060c08c7921.png')
}

#creation div.serverAndName.job1, #creation div.completed.job1 div {
    background-image: url('../img/gf-6d3e2bd412a4.png')
}

#creation div.serverAndName.job2, #creation div.completed.job2 div {
    background-image: url('../img/gf-0692d93bbf96.png')
}

#creation div.serverAndName.job3, #creation div.completed.job3 div {
    background-image: url('../img/gf-f9dd19b0c808.png')
}

#creation div.serverAndName.job4, #creation div.completed.job4 div {
    background-image: url('../img/gf-f71599e437bf.png')
}

#creation div.serverAndName.job5, #creation div.completed.job5 div {
    background-image: url('../img/gf-72cd6886b6cd.png')
}

#creation div.serverAndName.job6, #creation div.completed.job6 div {
    background-image: url('../img/gf-4509be39c087.png')
}

#creation div.serverAndName.job7, #creation div.completed.job7 div {
    background-image: url('../img/gf-124951bfc7b0.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('../img/gf-433dddc935d2.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('../img/gf-6d2e0c07ec38.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 #000000;
    width: 287px;
    text-decoration: none
}

#creation div.completed a:hover {
    background-position: 0 -38px;
    color: #ffffff
}

#creation div.serverAndName form {
    margin: 60px 0 0 10px
}

#creation div.serverAndName label {
    color: #152135;
    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('../img/gf-f93c86e55b78.gif') repeat-x;
    width: 208px;
    height: 22px;
    border: solid 1px #1c2c46;
    color: #3a424f;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    padding: 5px 10px;
    width: 286px
}

#creation div.serverAndName input {
    background: url('../img/gf-f93c86e55b78.gif') repeat-x;
    width: 208px;
    height: 22px;
    border: solid 1px #1c2c46;
    color: #3a424f;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    padding: 5px 10px;
    width: 285px
}

#creation #submit {
    background: url('../img/gf-6d2e0c07ec38.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 #000000;
    width: 287px
}

#creation #submit:hover {
    background-position: 0 -38px;
    color: #ffffff;
    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.pepsi {
    background: url('../img/landing-kis1.webp') top center no-repeat;
    height: 330px;
    width: 257px;
    position: absolute;
    left: 15px;
    top: -234px;
    z-index: -1;
}

#coop.pepsi a#pepsiSiteLink {
    width: 60px;
    height: 28px;
    position: absolute;
    top: 239px;
    right: 85px
}

#maintenance h1 {
    text-align: center
}

#maintenance img {
    margin: 0 auto 30px;
    display: block
}

span.version {
    color: #555555
}

#move p {
    padding: 7px
}

#serverData {
    margin: 7px 7px 20px;
    width: calc(100% - 14px)
}

#serverData thead {
    background-color: #121924;
    color: #bfc9d1
}

#serverData tr td {
    padding: 7px 10px
}

#serverData tbody tr:nth-child(odd) {
    background-color: #7798b0
}

#serverData tbody tr:nth-child(even) {
    background-color: #bdccd7
}

i.icon {
    border-radius: 50%;
    color: #bfc9d1;
    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: #336bb5
}

#move p.error {
    padding: 0 0 0 30px
}

#steam-merge-notice {
    float: left;
    margin: 30px 10px 50px 0;
    width: 40px;
    background: url('../img/gf-25fe94f1d1a7.png') 0 -50px no-repeat;
    display: inline-block;
    height: 40px
}

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(../img/gf-9fcf1d26066c.png) repeat-x;
}

#mmonetbar {
    background: transparent url(../img/gf-90b0e3c24039.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: 755px !important;
}


#mmonetbar .mmonewsout {
    width: 800px !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: #666666;
    font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
    outline: none;
    text-decoration: none;
    white-space: nowrap;
}

#mmonetbar select {
    background-color: #0a2b57 !important;
    border: 1px solid #000000 !important;
    color: #9bb1c1 !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: #0a2b57 !important;
    color: #9bb1c1 !important;
}

#mmonetbar option:hover {
    background-color: #0d376e !important;
}

#mmonetbar select#mmoCountry {
    width: 120px;
}

#mmonetbar .mmoSelectbox {
    background-color: #0a2b57;
    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(../img/gf-92d8e5a0ac64.png) no-repeat -109px -4px;
    float: left;
    width: 5px;
    height: 24px;
}
#mmonetbar .mmo-breadcrumb{
    display: block;
    width: 15px;
    height: 2px;
    float: left;
}

#mmonetbar .mmoBoxRight {
    background-position: -126px -4px;
}

#mmonetbar .mmoBoxMiddle {
    background: transparent url(../img/gf-90b0e3c24039.png) repeat-x 0 -36px;
    color: #9bb1c1 !important;
    float: left;
    height: 24px;
    line-height: 22px;
    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(../img/gf-92d8e5a0ac64.png) 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: 252px;
}

#mmonetbar #mmoNews #mmoNewsContent {
    text-align: left;
    width: 200px;
}

#mmonetbar #mmoNews #mmoNewsticker {
    overflow: hidden;
    width: 240px;
}

#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: #9bb1c1 !important;
    padding: 0;
    margin: 0;
    background: none;
    display: 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: #9bb1c1 !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: 100%;
}

#mmonetbar .mmoGame #mmoGames {
    float: left;
    width: 206px;
}

#mmonetbar .mmoGame #mmoLangs {
    float: left;
    margin: 0;
    width: 252px;
}

#mmonetbar .mmoGame label {
    color: #9bb1c1 !important;
    float: left;
    font-weight: 400 !important;
    line-height: 22px;
    margin: 0px;
    text-align: right !important;
    font-size: 11px !important;
    padding-right: 15px;
    padding-left: 15px;
}

#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(../img/gf-92d8e5a0ac64.png) 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 #000000;
    color: #9bb1c1 !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(../img/gf-92d8e5a0ac64.png) 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: #0a2b57 !important;
    border: 1px solid #000000;
    position: absolute;
    min-width: 90px;
    z-index: 3100;
}

* html #mmonetbar .mmoOptionsDivVisible .highlight {
    background-color: #0d376e !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: #0a2b57;
    height: 14px;
    padding: 2px 0;
}

#mmonetbar .mmoOptionsDivVisible a {
    color: #9bb1c1 !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: #0d376e;
}

#mmonetbar .mmoOptionsDivVisible li a:hover {
    color: #9bb1c1 !important;
}

#mmonetbar .mmoOptionsDivVisible li.mmoActive {
    background-color: #0d376e !important;
}

#mmonetbar .mmoOptionsDivVisible li.mmoActive a {
    color: #9bb1c1 !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(../img/gf-ef5570ef6d41.png) no-repeat;
    height: 14px !important;
    padding-left: 23px;
}

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(../img/gf-90b0e3c24039.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: #9bb1c1 !important;
    font-size: 11px !important;
    position: relative;
    border: 1px solid #000000;
    padding: 0 0 0 10px;
    background: #0a2b57;
    -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(../img/gf-92d8e5a0ac64.png) no-repeat -141px -8px;
}

span.iconTriangle {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 0px;
    border: 5px solid transparent;
    border-bottom-color: #9bb1c1;
}

div#mmoGamesOverviewToggle h4 a.toggleHidden {
}

div#mmoGamesOverviewToggle h4 a.toggleHidden span.iconTriangle {
    top: 10px;
    border: 5px solid transparent;
    border-top-color: #9bb1c1;
}

div#mmoGamesOverviewToggle h4 span.mmoNbBoxEdge {
    display: block;
    width: 5px;
    height: 24px;
    background: url(../img/gf-92d8e5a0ac64.png) 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: #0a2b57;
    width: 580px;
    border: 1px solid #000000;
    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: #9bb1c1;
    border-bottom: 1px solid #000000;
    background: url(../img/gf-90b0e3c24039.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: #9bb1c1 !important;
    font-size: 11px !important;
}

div#mmoGamesOverviewLists ul li a:focus, div#mmoGamesOverviewLists ul li a:hover {
    background-color: #0d376e;
}

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(../img/gf-ef5570ef6d41.png);
    background-repeat: no-repeat;
}

#mmonetbar div.nojsGame {
    width: 100% !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;
}

#pagefoldtarget .nbPF.nbPFRight {
    right: 0px;
    background-position: right 0px
}

#pagefoldtarget .nbPFDark.nbPFRight {
    background-image: url(../img/gf-f5735d73a65b.png);
    _background-image: url(../img/gf-fac601961d03.gif);
}

#pagefoldtarget .nbPFDark.nbPFLeft {
    background-image: url(../img/gf-900f4ecc8be2.png);
    _background-image: url(../img/gf-4a13c84633c9.gif);
}

#pagefoldtarget .nbPFLight.nbPFRight {
    background-image: url(../img/gf-37e30845ca20.png);
    _background-image: url(../img/gf-144e4aca0c66.gif);
}

#pagefoldtarget .nbPFLight.nbPFLeft {
    background: url(../img/gf-c473a9e8ec5b.png) no-repeat;
    _background-image: url(../img/gf-fba186644365.gif);
}

#pagefoldtarget .nbPF a {
    text-indent: -9999px;
    display: block;
    width: 110px;
    height: 95px;
}

#pagefoldtarget .nbPF.nbPFRight a {
    float: right;
}

#pagefoldtarget .nbPF.nbPFHover a {
    width: 358px;
    height: 320px;
}

#pagefoldtarget .nbPF.nbPFHover {
    background-position: left -129px !important;
    width: 400px;
    height: 400px;
}

#pagefoldtarget .nbPF.nbPFRight.nbPFHover {
    background-position: right -129px !important;
}
.facebook-like {
    position:relative;
    width:549px;height:325px;
    border:none;margin-top:10%;
}
div.fbBoard{
    line-height:0px;
    position:fixed;
    text-align:center;
    z-index:1000;
}div.fbBoard2{
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background:transparent url(../../images/black-transparent.png) repeat top left;
 }

.alert {
    padding: 10px;
    border: 1px solid rgba(60, 76, 98, .6);
    opacity: .9;
    font-weight: 700;
    margin-bottom: 1%;
    border-radius: 2px;
}
.alert-danger{
    color: #4c709f;
    background-color: #e0e7f0;
    border-color: #cfdae8;
}
.alert-success{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-info{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-warning{
    color: #4b617a;
    background-color: #fcf8e3;
    border-color: #faebcc;
}