/*
Title: << GATE >> Styles for KhanWars Revolution
Author: Joro Balinov for XS Software
Email: joro@xs-software.com
Website: http://www.xs-software.com/
*/

* {
margin: 0;
padding: 0;
}

body {
background: #613810;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
min-width: 930px;
}

a {
color: #fff;
outline: none;
}

#rightBanner {
position: absolute;
width: 160px;
height: 600px;
top: 310px;
right: -165px;
z-index: 99;
}

/* ---------------------------- */

#bodyWrapper {
background: url('../../img/gate/p_bknd.jpg') repeat-x;
}

/* ---------------------------- */

#mainWrapper {
width: 930px;
position: relative;
margin: 0 auto;
}

/* ---------------------------- */

#header {
height: 284px;
background: url('../../img/gate/header2.5_bknd.jpg') no-repeat;
position: relative;
}

/* ---------------------------- */

#header .logo {
width: 280px;
height: 140px;
position: absolute;
top: 0;
left: 324px;
text-indent: -9999px;
}

#header .logo a.logoLink {
display: block;
cursor: pointer;
height: 140px;
}

#header #logo-sk,
#header #logo-en,
#header #logo-enint,
#header #logo-za {
background: url('../../img/gate/header_logo_en.png') no-repeat;
}

#logo-tagged {
width: 200px;
height: 35px;
position: absolute;
left: 41px;
top: 86px;
background: url('../../img/gate/header_logo_tagged.png') no-repeat;
}

#logo-tagged a {
display: block;
cursor: pointer;
height: 35px;
}

#logo-forinside {
width: 208px;
height: 58px;
position: absolute;
left: 41px;
top: 76px;
background: url('../../img/gate/header_logo_forinside.png') no-repeat;
}

#logo-forinside a {
display: block;
cursor: pointer;
height: 58px;
}

/* ---------------------------- */

a#madmooJackpot {
display: block;
width: 209px;
height: 86px;
position: absolute;
right: 40px;
top: 50px;
background: url('../../img/gate/header_logo_jackpot.png') no-repeat;
}

/* ---------------------------- */

a#voteBrowsergame {
display: block;
position: absolute;
width: 202px;
height: 78px;
top: 55px;
right: 40px;
background: url('../../img/gate/vote_browsergame.png') no-repeat;
}

/* ---------------------------- */

#header ul.mainMenu {
height: 19px;
list-style: none;
position: absolute;
}

#header ul.mainMenu li {
float: right;
height: 19px;
padding: 0 3px;
}

#header ul.mainMenu li a {
display: block;
cursor: pointer;
float: left;
height: 19px;
line-height: 19px;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
color: #bc9066;
background: url('../../img/gate/mainmenu_left.gif') no-repeat;
padding: 0 0 0 4px;
}

#header ul.mainMenu li a span {
display: block;
float: left;
height: 19px;
background: url('../../img/gate/mainmenu_right.gif') right 0 no-repeat;
padding: 0 7px 0 3px;
}

#header ul.mainMenu li a:hover {
color: #fff;
text-decoration: underline;
}

#header #mainMenu-1 {
width: 390px;
top: 10px;
}

#header #mainMenu-2 {
width: 380px;
top: 10px;
right: 0;
}

#header #mainMenu-2 li {
float: left;
}

/* ---------------------------- */

#header #nationsCarousel {
position: absolute;
top: 149px;
left: 0;
width: 930px;
height: 60px;
}

#header #nationsCarousel .previous_button,
#header #nationsCarousel .next_button {
position: absolute;
top: 15px;
width: 28px;
height: 28px;
cursor: pointer;
}

#header #nationsCarousel .previous_button {
left: 11px;
background: url('../../img/gate/header_nations_nav_left.gif') no-repeat;
}

#header #nationsCarousel .next_button {
right: 11px;
background: url('../../img/gate/header_nations_nav_right.gif') no-repeat;
}

#header #nationsCarousel .previous_button.previous_button_over,
#header #nationsCarousel .next_button.next_button_over {
background-position: 0 -28px;
}

#header #nationsCarousel .previous_button.previous_button_disabled,
#header #nationsCarousel .next_button.next_button_disabled {
opacity: 0.3;
cursor: default;
}

#header #nationsCarousel .container {
position: absolute;
overflow: hidden;
height: 60px;
top: 0;
left: 44px;
width: 837px;
}

#header #nationsCarousel .container ul#nationsList {
position: relative;
top: 0;
left: 0;
overflow: hidden;
width: 100000px;
}

#header ul#nationsList {
list-style: none;
position: absolute;
height: 60px;
top: 149px;
left: 44px;
}

#header ul#nationsList li {
width: 85px;
height: 60px;
float: left;
padding: 0 9px 0 0;
}

#header ul#nationsList li a {
display: block;
width: 85px;
padding: 41px 0 0 0;
height: 19px;
line-height: 19px;
text-align: center;
font-size: 9px;
text-decoration: none;
background-repeat: no-repeat;
cursor: pointer;
}

#header ul#nationsList li a:hover {
background-position: 0 -60px;
text-decoration: underline;
}


#header ul#nationsList li.nationItem-1 a {
background-image: url('../../img/gate/header_nation_1.gif');
}

#header ul#nationsList li.nationItem-2 a {
background-image: url('../../img/gate/header_nation_2.gif');
}

#header ul#nationsList li.nationItem-3 a {
background-image: url('../../img/gate/header_nation_3.gif');
}

#header ul#nationsList li.nationItem-4 a {
background-image: url('../../img/gate/header_nation_4.gif');
}

#header ul#nationsList li.nationItem-5 a {
background-image: url('../../img/gate/header_nation_5.gif');
}

#header ul#nationsList li.nationItem-6 a {
background-image: url('../../img/gate/header_nation_6.gif');
}

#header ul#nationsList li.nationItem-7 a {
background-image: url('../../img/gate/header_nation_7.gif');
}

#header ul#nationsList li.nationItem-8 a {
background-image: url('../../img/gate/header_nation_8.gif');
}

#header ul#nationsList li.nationItem-9 a {
background-image: url('../../img/gate/header_nation_9.gif');
}

#header ul#nationsList li.nationItem-10 a {
background-image: url('../../img/gate/header_nation_10.gif');
}

#header ul#nationsList li.nationItem-11 a {
background-image: url('../../img/gate/header_nation_11.gif');
}

/* ---------------------------- */

#changeLanguage {
position: absolute;
z-index: 50;
top: 249px;
left: 25px;
}

#changeLanguage .currentLanguage {
float: left;
height: 20px;
line-height: 11px;
font-size: 11px;
font-weight: bold;
color: #fff;
background: url('../../img/gate/header_changelang_left.gif') no-repeat;
padding: 0 0 0 10px;
cursor: pointer;
}

#changeLanguage .currentLanguage span {
display: block;
float: left;
height: 17px;
background: url('../../img/gate/header_changelang_right.gif') right 0 no-repeat;
padding: 3px 30px 0 5px;
width: 135px;
}

#changeLanguage .currentLanguage img {
vertical-align: middle;
margin: 0 3px 0 0;
}

#changeLanguage ul#languagesList {
list-style: none;
background: #492a0d;
padding: 5px;
margin: 20px 10px 0 10px;
font-weight: normal;
border-left: 1px solid #EEB661;
border-right: 1px solid #EEB661;
border-bottom: 1px solid #EEB661;
}

#changeLanguage ul#languagesList li {
font-size: 11px;
height: 11px;
line-height: 11px;
color: #eeb660;
padding: 3px;
border-bottom: 1px solid #714315;
}

#changeLanguage ul#languagesList li a {
display: block;
color: #eeb660;
text-decoration: none;
}

#changeLanguage ul#languagesList li a:hover {
color: #fff;
}

#changeLanguage ul#languagesList li a img {
vertical-align: middle;
}

/* ---------------------------- */

a.registerCenter {
display: block;
position: absolute;
width: 211px;
height: 46px;
padding: 22px 158px 31px 159px;
top: 216px;
left: 203px;
background: url('../../img/gate/header_register.jpg') no-repeat;
z-index: 2;
text-align: center;
text-decoration: none;
font-weight: bold;
}

a.registerCenter big {
display: block;
font-size: 14px;
text-transform: uppercase;
color: #eee0e9;
line-height: 14px;
padding: 10px 0 0 0;
}

a.registerCenter small {
display: block;
font-size: 12px;
color: #d2c2cc;
line-height: 12px;
}

a.registerCenter:hover {
background-position: 0 -99px;
}

a.registerCenter:hover big,
a.registerCenter:hover small {
color: #fff;
}

/* ---------------------------- */

#pageBody {
width: 873px;
position: relative;
margin: 0 auto;
background: #825325 url('../../img/gate/pagebody_bknd.jpg') center 0 no-repeat;
padding: 31px 15px 15px 15px;
overflow: hidden;
}

/* ---------------------------- */

.pageSubnav {
width: 211px;
float: left;
}

/* ---------------------------- */

.pageSubnav h2 {
height: 31px;
line-height: 31px;
background: url('../../img/gate/title_small_bknd.gif') no-repeat;
padding: 0 0 0 10px;
color: #dab694;
font-size: 12px;
}

/* ---------------------------- */

.pageSubnav #loginBox {
background: url('../../img/gate/login_top.jpg') no-repeat;
margin: 0 0 15px 0;
}

.pageSubnav #loginBox .wrapper {
background: url('../../img/gate/login_bottom.jpg') 0 bottom no-repeat;
padding: 0 15px 15px 15px;
overflow: hidden;
}

* html .pageSubnav #loginBox .wrapper {
height: 1%;
}

.pageSubnav #loginBox h3 {
height: 33px;
line-height: 33px;
font-size: 14px;
text-transform: uppercase;
color: #eeb660;
margin: 0 0 10px 0;
}

.pageSubnav #loginBox label {
display: block;
font-size: 11px;
font-weight: bold;
color: #eeb660;
padding: 3px;
}

.pageSubnav #loginBox input,
.pageSubnav #loginBox select {
background: #eeb660;
border: 2px solid #75470f;
padding: 3px;
color: #000;
font-weight: bold;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

.pageSubnav #loginBox input.username {
background: #eeb660 url('../../img/gate/login_user.gif') 3px 2px no-repeat;
padding-left: 23px;
}

.pageSubnav #loginBox input.password {
background: #eeb660 url('../../img/gate/login_pass.gif') 3px 2px no-repeat;
padding-left: 23px;
}

.pageSubnav #loginBox a.loginButton {
display: block;
float: left;
height: 30px;
line-height: 30px;
background: url('../../img/gate/login_button_left.gif') no-repeat;
padding: 0 0 0 9px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #eeb660;
cursor: pointer;
margin: 10px 0 10px 0;
}

.pageSubnav #loginBox a.loginButton span {
display: block;
float: left;
height: 30px;
background: url('../../img/gate/login_button_right.gif') right 0 no-repeat;
padding: 0 30px 0 21px;
}

.pageSubnav #loginBox a.loginButton:hover {
color: #fff;
}

.pageSubnav #loginBox a.createAccount {
display: block;
clear: left;
color: #f1c98b;
font-weight: bold;
}

.pageSubnav #loginBox a.createAccount:hover {
color: #fff;
}

/* ---------------------------- */

.pageSubnav .box {
padding: 10px 5px;
color: #fff;
margin: 0 0 10px 0;
overflow: hidden;
}

.pageSubnav .gameMoments {
font-size: 11px;
color: #e4a263;
line-height: 13px;
overflow: hidden;
}

* html .pageSubnav .gameMoments {
height: 1%;
}

.pageSubnav .gameMoments .thumbnail {
float: left;
margin: 0 10px 10px 0;
}

.pageSubnav .gameMoments .thumbnail a {
border: 5px solid #e4a263;
display: block;
}

.pageSubnav .gameMoments .thumbnail a:hover {
border-color: #fff;
}

.pageSubnav .statistics dl {

}

.pageSubnav .statistics dl dd {
text-align: right;
border-bottom: 1px solid #bc8844;
padding: 3px 0;
font-weight: bold;
font-size: 14px;
line-height: 16px;
color: #fff;
overflow: hidden;
}

* html .pageSubnav .statistics dl dd {
height: 1%;
}

.pageSubnav .statistics dl dd span {
float: left;
font-size: 9px;
color: #eeb660;
font-weight: normal;
}

/* ---------------------------- */

#content {
margin: 0 0 0 225px;
}

/* ---------------------------- */

#content h2 {
color: #FFCE9F;
font-size: 16px;
background: url('../../img/gate/title_bknd.jpg') right 0 no-repeat;
height: 38px;
line-height: 38px;
padding: 0 0 0 15px;
}

#content .box {
background: #6d451f url('../../img/gate/box_bknd.jpg') right 0 no-repeat;
padding: 15px;
border-bottom: 4px solid #563618;
color: #EFB277;
margin: 0 0 10px 0;
overflow: hidden;
}

* html #content .box {
height: 1%;
}

#content .box p {
padding: 0 0 10px 0;
}

#content .box big {
color: #fff;
padding: 5px 0;
display: block;
}

#content .box h3 {
color: #DFA66F;
border-bottom: 1px solid #DFA66F;
margin: 10px 0;
padding: 0 0 5px 0;
}

#content .box ul,
#content .box ol {
padding: 10px 25px;
}

/* ---------------------------- */

.errorsmall,
.infosmall {
padding: 13px 13px 13px 48px;
font-size: 12px;
font-weight: bold;
position: relative;
margin: 10px 0;
}

.errorsmall {
background: #d22b2b url('../../img/gate/error_bknd.jpg') no-repeat;
border: 1px solid #ff0000;
color: #ddb3b3;
}

.errorsmall a {
color: #fff;
}

.infosmall {
background: #3e6299 url('../../img/gate/info_bknd.jpg') no-repeat;
border: 1px solid #7cb0ff;
color: #adc2e1;
}

.infosmall a {
color: #fff;
}

.errorsmall strong,
.infosmall strong {
color: #fff;
}

/* ---------------------------- */

.paging {
font-size: 11px;
color: #bf9b79;
background: #392109;
border: 1px solid #734a22;
padding: 10px;
margin: 10px 0;
}

.paging a {
color: #fff;
}

.paging span {
padding: 3px;
border: 1px solid #784d22;
}

.paging input,
.paging select {
background: #634323;
border: 1px solid #ae8863;
color: #fff;
padding: 2px;
margin: 0 3px;
font-size: 12px;
}

.paging select {
padding: 0;
}

/* ---------------------------- */

.box table {
font-size: 12px;
}

.box table thead tr td {
font-size: 9px;
text-transform: uppercase;
background: #4F2E0F;
padding: 5px;
color: #fff;
text-align: center;
font-weight: bold;
}

.box table tbody tr td {
border-bottom: 1px solid #c9a786;
padding: 5px;
color: #fff;
}

.box table tbody tr td a, .box table thead tr td a {
color: #fff;
}

.box table tbody tr td img {
vertical-align: middle;
}

.box table tbody tr td.special {
border-bottom: 3px solid #d5b698;
background: #B07845;
}

.box table tbody tr td input {
background: #4F2E0F;
padding: 2px;
font-size: 12px;
color: #fff;
border: 1px solid #815f3f;
}

.box table tbody tr td select {
background: #644527;
font-size: 12px;
color: #fff;
border: 1px solid #815f3f;
}

/* ---------------------------- */

.formbox {
padding: 15px 0;
}

.formbox .row {
overflow: hidden;
padding: 3px 0;
}

* html .formbox .row  {
height: 1%;
}

.formbox .row .left,
.formbox .row label {
float: left;
width: 200px;
text-align: right;
color: #DF9F61;
border-bottom: 1px solid #845a31;
padding: 5px 0;
}

.formbox .row .right {
margin: 0 0 0 210px;
color: #fff;
font-weight: bold;
}

.formbox .row .right input,
.formbox .row .right textarea,
.formbox .row .right select {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
background: #4F2C0A;
padding: 4px;
border: 1px solid #9F6731;
color: #fff;
}

.formbox .row .right select {
padding: 0;
}

.buttonrow {
text-align: center;
padding: 10px 0;
background: #5F3812;
margin: 10px 0;
}

.buttonrow input,
.buttonrow button {
background: #925e2c url('../../img/revolution/submit_bknd.jpg') repeat-x;
border: 1px solid #dfb388;
padding: 6px 12px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
font-size: 11px;
}

/* ---------------------------- */

#recruit {
background: #ab7a4a url('../../img/gate/recruit_bknd.jpg') repeat-x;
border: 1px solid #fff;
margin: 15px 0;
}

#recruit .sub {
background: url('../../img/gate/recruit_shield.jpg') no-repeat;
padding: 30px 0 20px 160px;
}

#recruit h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
color: #000;
}

#recruit p {
color: #000;
font-size: 12px;
}

/* ---------------------------- */

.announcement {
background: #573718 url('../../img/gate/announcement_bknd.jpg') repeat-x;
border: 1px solid #eeb660;
margin: 10px 0;
padding: 10px;
}

.announcement h3 {
color: #eeb660;
font-size: 14px;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #835325;
text-transform: uppercase;
}

.announcement p {
font-size: 12px;
color: #fff;
}

/* ---------------------------- */

#award {
background: url('../../img/gate/award_browsergame.jpg') no-repeat;
padding: 30px 0 0 110px;
height: 80px;
}

/* ---------------------------- */

dl.screenshotsList {
float: right;
width: 190px;
}

dl.screenshotsList dd {
float: right;
margin: 0 0 5px 5px;
}

dl.screenshotsList dd a img {
border: 2px solid #825325;
}

dl.screenshotsList dd a:hover img {
border-color: #fff;
}

/* ---------------------------- */

.dialogBox {
width: 860px;
position: absolute;
top: 280px;
left: 35px;
z-index: 9999;
}

html>body .dialogBox span.shadowTop {
display: block;
height: 34px;
background: url('../../img/gate/dialog_shadow_top.png') no-repeat;
}

html>body .dialogBox span.shadowBottom {
display: block;
height: 34px;
background: url('../../img/gate/dialog_shadow_bottom.png') no-repeat;
}

.dialogBox .wrapper {
background: #573718;
border: 5px solid #eeb660;
padding: 15px;
position: relative;
}

.dialogBox a.closeLink,
.dialogBox a.backLink {
display: block;
position: absolute;
height: 20px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
color: #eeb660;
text-decoration: none;
}

.dialogBox a.closeLink {
right: 5px;
top: 5px;
background: url('../../img/gate/dialog_close.gif') right 0 no-repeat;
padding: 0 25px 0 0;
}

.dialogBox a.backLink {
left: 5px;
top: 5px;
background: url('../../img/gate/dialog_back.gif') 0 0 no-repeat;
padding: 0 0 0 25px;
}

.dialogBox a.backLink:hover {
background-position: 0 -20px;
color: #fff;
}

.dialogBox a.closeLink:hover {
background-position: right -20px;
color: #fff;
}

/* ---------------------------- */

.dialogBox .nationInfo {
padding: 30px 30px 30px 270px;
background-repeat: no-repeat;
min-height: 270px;
}

.dialogBox .nationInfo h2 {
font-size: 18px;
line-height: 18px;
color: #fff;
border-bottom: 1px solid #835325;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

.dialogBox .nationInfo p {
color: #eeb660;
}

.dialogBox .nationInfo ul,
.dialogBox .nationInfo ol {
color: #eeb660;
padding: 0 20px;
}

.dialogBox #nationInfo-1 {
background-image: url('../../img/gate/dialog_bknd_nation_1.jpg');
}

.dialogBox #nationInfo-2 {
background-image: url('../../img/gate/dialog_bknd_nation_2.jpg');
}

.dialogBox #nationInfo-3 {
background-image: url('../../img/gate/dialog_bknd_nation_3.jpg');
}

.dialogBox #nationInfo-4 {
background-image: url('../../img/gate/dialog_bknd_nation_4.jpg');
}

.dialogBox #nationInfo-5 {
background-image: url('../../img/gate/dialog_bknd_nation_5.jpg');
}

.dialogBox #nationInfo-6 {
background-image: url('../../img/gate/dialog_bknd_nation_6.jpg');
}

.dialogBox #nationInfo-7 {
background-image: url('../../img/gate/dialog_bknd_nation_7.jpg');
}

.dialogBox #nationInfo-8 {
background-image: url('../../img/gate/dialog_bknd_nation_8.jpg');
}

.dialogBox #nationInfo-9 {
background-image: url('../../img/gate/dialog_bknd_nation_9.jpg');
}

.dialogBox #nationInfo-10 {
background-image: url('../../img/gate/dialog_bknd_nation_10.jpg');
}

.dialogBox #nationInfo-11 {
background-image: url('../../img/gate/dialog_bknd_nation_11.jpg');
}

/* ---------------------------- */

.dialogBox .registration,
.dialogBox .feedback {
padding-top: 30px;
color: #fff;
background: #573718 url('../../img/gate/dialog_bknd_registration.jpg') no-repeat;
}

.dialogBox .registration dl.worldsList {
overflow: hidden;
}

* html .dialogBox .registration dl.worldsList {
height: 1%;
}

.dialogBox .registration dl.worldsList dd {
float: left;
margin: 5px;
width: 257px;
height: 156px;
}

.dialogBox .registration dl.worldsList dd a {
display: block;
cursor: pointer;
width: 220px;
height: 143px;
border: 1px solid #eeb660;
background-repeat: no-repeat;
text-decoration: none;
padding: 11px 0 0 35px;
position: relative;
}

.dialogBox .registration dl.worldsList dd.gameWorld-1 a {
background-image: url('../../img/gate/register_world1.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-2 a {
background-image: url('../../img/gate/register_world2.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-3 a {
background-image: url('../../img/gate/register_world3.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-4 a {
background-image: url('../../img/gate/register_world4.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-5 a,
.dialogBox .registration dl.worldsList dd.gameWorld-101 a {
background-image: url('../../img/gate/register_world5.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-6 a,
.dialogBox .registration dl.worldsList dd.gameWorld-102 a {
background-image: url('../../img/gate/register_world6.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-7 a,
.dialogBox .registration dl.worldsList dd.gameWorld-103 a {
background-image: url('../../img/gate/register_world7.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-8 a,
.dialogBox .registration dl.worldsList dd.gameWorld-104 a {
background-image: url('../../img/gate/register_world8.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-9 a,
.dialogBox .registration dl.worldsList dd.gameWorld-105 a {
background-image: url('../../img/gate/register_world9.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-10 a {
background-image: url('../../img/gate/register_world10.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-11 a {
background-image: url('../../img/gate/register_world11.jpg');
}

.dialogBox .registration dl.worldsList dd.gameWorld-12 a {
background-image: url('../../img/gate/register_world12.jpg');
}

.dialogBox .registration dl.worldsList dd a:hover {
background-position: 0 -154px;
border-color: #fff;
}

.dialogBox .registration dl.worldsList dd a span {
display: block;
height: 16px;
line-height: 16px;
font-size: 14px;
font-weight: bold;
color: #eeb660;
padding: 4px 0;
}

.dialogBox .registration dl.worldsList dd a span small {
font-weight: normal;
font-size: 12px;
}

.dialogBox .registration dl.worldsList dd a:hover span {
color: #fff;
}

.dialogBox .registration dl.worldsList dd a .worldNote {
position: absolute;
bottom: 0;
right: 0;
height: 20px;
line-height: 20px;
color: #492c10;
font-size: 11px;
font-weight: bold;
padding: 0 10px;
background: url('../../img/gate/register_world_note.gif') no-repeat;
}

.dialogBox .registration dl.worldsList dd a:hover .worldNote {
background-position: 0 -20px;
color: #000;
}

.dialogBox .registration dl.worldsList dd.worldDisabled {
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}

.dialogBox .registration dl.worldsList dd.worldDisabled a {
cursor: default;
}

/* ---------------------------- */

.dialogBox .formbox h3 {
color: #EEB660;
font-size: 18px;
text-align: right;
}

.dialogBox .formbox p.note {
background: #EEB660;
padding: 8px;
margin: 7px 0;
color: #000;
}

.dialogBox .formbox .row {
padding: 5px 30px;
}

.dialogBox .formbox .row label {
display: block;
float: left;
width: 350px;
padding: 0 5px 10px 0;
margin: 0 10px 0 0;
text-align: right;
border-bottom: 1px solid #c08750;
}

.dialogBox .formbox .row label a {
color: #fff;
}

.dialogBox .formbox .row input,
.dialogBox .formbox .row select,
.dialogBox .formbox .row textarea {
padding: 5px;
font-size: 12px;
background: #EEB660;
border: 1px solid #fff;
color: #000;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

.dialogBox .formbox .buttonRow {
padding: 20px 0;
}

.dialogBox .formbox .buttonRow a.submitButton {
display: block;
position: relative;
margin: 0 auto;
width: 283px;
height: 57px;
line-height: 57px;
text-decoration: none;
font-weight: bold;
font-size: 16px;
color: #573718;
text-align: center;
background: url('../../img/gate/register_button.gif') no-repeat;
text-transform: uppercase;
}

.dialogBox .formbox .buttonRow a.registerButton:hover {
color: #000;
background-position: 0 -57px;
}

/* ---------------------------- */

.loading {
background: #EEB660 url('../../img/gate/register_loading.gif') 10px 10px no-repeat;
padding: 10px;
margin: 0 auto;
position: relative;
width: 32px;
height: 32px;
}

/* ---------------------------- */

#footer {
background: url('../../img/gate/footer_bknd.gif') 2px 0  no-repeat;
padding: 40px 15px;
text-align: center;
color: #b07f4f;
position:relative;
}

#footer a {
font-weight: bold;
color: #b07f4f;
}

#footer a:hover {
color: #fff;
}

#footer #partners {
padding: 30px 50px 0 50px;
}

#footer #partners a {
font-weight: normal;
font-size: 11px;
color: #2a1908;
}

#footer #partners a:hover {
color: #000;
}

#footer a.facebook {
background: url('http://i.khanwars.com/int/gate/img/gate/footer_ico_facebook.gif') no-repeat;
padding: 0 0 0 20px;
}

/* ---------------------------- */

#footer #changeLocalLanguage {
position: absolute;
z-index: 50;
width: 232px;
margin: 0 0 0 -116px;
left: 50%;
top: 11px;
text-align: left;
}

#footer #changeLocalLanguage .currentLocalLanguage {
width: 209px;
height: 22px;
line-height: 11px;
font-size: 11px;
font-weight: bold;
color: #fff;
background: url('../../img/gate/footer_changelang_current.gif') no-repeat;
padding: 3px 0 0 23px;
cursor: pointer;
}

#footer #changeLocalLanguage .currentLocalLanguage img {
vertical-align: middle;
margin: 0 3px 0 0;
}

#footer #changeLocalLanguage ul#languagesLocalList {
position: absolute;
bottom: 22px;
left: 17px;
width: 187px;
list-style: none;
background: url('../../img/gate/footer_changelang_list.gif') 0 bottom no-repeat;
padding: 5px 5px 10px 5px;
font-weight: normal;
}

#footer #changeLocalLanguage ul#languagesLocalList li {
font-size: 11px;
height: 11px;
line-height: 11px;
color: #eeb660;
padding: 3px;
border-bottom: 1px solid #714315;
}

#footer #changeLocalLanguage ul#languagesLocalList li a {
display: block;
color: #eeb660;
text-decoration: none;
}

#footer #changeLocalLanguage ul#languagesLocalList li a:hover {
color: #fff;
}

#footer #changeLocalLanguage ul#languagesLocalList li a img {
vertical-align: middle;
}


/* ---------------------------- */

#linksTeaser {
background: #522f0c;
border: 1px solid #522f0c;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin: 15px 12px;
padding: 10px;
position: relative;
color: #8b5b2d;
}

#linksTeaser a {
color: #8b5b2d;
text-decoration: underline;
}
#linksTeaser a:hover {
color: #c38850;
text-decoration: underline;
}

#linksTeaser .socialLinks {
overflow: hidden;
font-size: 11px;
}

* html #linksTeaser .socialLinks {
height: 1%;
}

#linksTeaser .socialLinks a {
display: block;
float: left;
background: #613810;
border: 1px solid #613810;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
color: #c38850;
margin: 0 5px 0 0;
text-decoration: none;
height: 16px;
line-height: 16px;
text-align: center;
}

#linksTeaser .socialLinks a.blog {
background: #613810 url('../../../gate/img/gate/footer_ico_blog.gif') 3px 3px no-repeat;
padding-left: 22px;
}

#linksTeaser .socialLinks a.twitter {
background: #613810 url('../../../gate/img/gate/footer_ico_twitter.gif') 3px 3px no-repeat;
padding-left: 22px;
}

#linksTeaser .socialLinks a.facebook {
background: #613810 url('../../../gate/img/gate/footer_ico_facebook.gif') 3px 3px no-repeat;
padding-left: 22px;
}

#linksTeaser .socialLinks a.meinvz {
background: #613810 url('../../../gate/img/gate/footer_ico_meinvz.gif') 3px 3px no-repeat;
padding-left: 22px;
}

#linksTeaser .socialLinks a.digg {
background: #613810 url('../../../gate/img/gate/footer_ico_digg.gif') 3px 3px no-repeat;
padding-left: 19px;
}

#linksTeaser .socialLinks a.delicious {
background: #613810 url('../../../gate/img/gate/footer_ico_delicious.gif') 3px 3px no-repeat;
padding-left: 19px;
}

#linksTeaser .socialLinks a.delicious {
background: #613810 url('../../../gate/img/gate/footer_ico_delicious.gif') 3px 3px no-repeat;
padding-left: 19px;
}

#linksTeaser .socialLinks a.stumbleupon {
background: #613810 url('../../../gate/img/gate/footer_ico_stumbleupon.gif') 3px 3px no-repeat;
padding-left: 19px;
}

#linksTeaser .socialLinks a.technorati {
background: #613810 url('../../../gate/img/gate/footer_ico_technorati.gif') 3px 3px no-repeat;
padding-left: 19px;
}

#linksTeaser .socialLinks a:hover {
background-color: #8a5119;
color: #fff;
border-color: #fff;
}

#linksTeaser .friendsLinks {
padding: 10px 0 0 0;
font-size: 11px;
margin: 0 200px 0 0;
}

#linksTeaser .friendsLinks a {
color: #794e25;
text-decoration: none;
}

#linksTeaser .friendsLinks a:hover {
color: #c38850;
text-decoration: underline;
}

#linksTeaser a.logo-xs {
display: block;
position: absolute;
right: 15px;
top: 20px;
width: 132px;
height: 23px;
background: url('../../../gate/img/gate/footer_logo_xs.gif') no-repeat;
}

#linksTeaser a.logo-xs:hover {
background-position: 0 -23px;
}

/* ONRPG Bar */
/* ---------------------------- */

#onrpgbar {
height: 30px;
background: url('http://www11.onrpg.com/images/events/bg.gif') repeat-x;
overflow: hidden;
}

* html #onrpgbar {
height: 1%;
}

#onrpgbar a {
height: 30px;
padding: 0px 5px 0px 5px;
text-decoration: none;
color: #FFFFFF;
font-size: 11px;
}

#onrpgbar a:hover {
height: 30px;
padding: 0px 5px 0px 5px;
text-decoration: underline;
color: #FFFFFF;
font-size: 11px;
}

#onrpgbar a img {
margin: 2px 0px 0px 0px;
padding: 0px;
border: none;
}

#onrpgbar .links {
height: 30px;
float: right;
line-height: 25px;
padding: 0 10px 0 0;
}

#onrpgbar .logo {
height: 30px;
margin: 0px 5px 0px 5px;
float: left;
}

/* Alert box */
/* ---------------------------- */

.alertBox {
background: #fff7b3 url('http://i.khanwars.com/int/gate/img/gate/alertbox_bknd.gif') 15px 15px no-repeat;
border: 1px solid #fff;
padding: 10px 10px 10px 80px;
color: #825325;
margin: 0 0 15px 0;
}

.alertBox h3 {
font-size: 16px;
}

.alertBox big {
font-size: 14px;
font-weight: bold;
}

/* Event (Visit us) link */
/* ---------------------------- */

#header a#eventLink {
display: block;
position: absolute;
width: 130px;
height: 28px;
background: url('http://i.khanwars.com/int/gate/img/gate/header_gamescom.gif') no-repeat;
top: 244px;
right: 25px;
line-height: 28px;
text-decoration: none;
padding: 0 0 0 40px;
font-size: 11px;
color: #fff;
}

/* ---------------------------- */

a#awardFavoriteStrategy {
display: block;
height: 144px;
background: url('../../img/gate2.5/award_favoritegame.jpg') center 0 no-repeat;
}