/*
Title: CSS Styles for Nemexia 2.0 Gate
Author: Design Department @ XS Software
Email: design@xs-software.com
Website: http://www.xs-software.com/
*/

* {
margin: 0;
padding: 0;
}

/*
@font-face {
font-family: 'Play';
font-style: normal;
font-weight: normal;
src: local('Play'), url('nemexia/2/gate/img/fonts/Play_normal.woff') format('woff');
}

@font-face {
font-family: 'Play';
font-style: normal;
font-weight: bold;
src: local('Play'), url('nemexia/2/gate/img/fonts/Play_bold.woff') format('woff');
}
*/

/*
body {
font-family: 'Play', Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
min-width: 940px;
background-color: #000;
}
*/

body {
font-family: 'Ubuntu', Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
min-width: 940px;
background-color: #000;
}


a {
outline: none;
}

/*
input, select, textarea {
font-family: 'Play', Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
}
*/

input, select, textarea {
font-family: 'Ubuntu', Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
}


ul, ol {
list-style: none;
}

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

#bodyWrapper {
background-position: center 0;
background-repeat: no-repeat;
}

body#raceSkin-1 #bodyWrapper {
background-image: url(img/p_bknd_humans.jpg);
}

body#raceSkin-2 #bodyWrapper {
background-image: url(img/p_bknd_terteths.jpg);
}

body#raceSkin-3 #bodyWrapper {
background-image: url(img/p_bknd_noxis.jpg);
}

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

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

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

#logo {
width: 350px;
height: 80px;
position: absolute;
top: 6px;
left: 50%;
margin-left: -175px;
background-repeat: no-repeat;
background-position: center center;
}

#logo h1,
#logo p {
display: none;
}

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

body#raceSkin-1 #logo {
background-image: url(img/logo_en_humans.png);
}

body#raceSkin-2 #logo {
background-image: url(img/logo_en_terteths.png);
}

body#raceSkin-3 #logo {
background-image: url(img/logo_en_noxis.png);
}

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

body#raceSkin-1 #logo.ar,
body#raceSkin-1 #logo.ae { background-image: url(img/logo_ar_humans.png); }
body#raceSkin-2 #logo.ar,
body#raceSkin-2 #logo.ae { background-image: url(img/logo_ar_terteths.png); }
body#raceSkin-3 #logo.ar,
body#raceSkin-3 #logo.ae { background-image: url(img/logo_ar_noxis.png); }

body#raceSkin-1 #logo.br { background-image: url(img/logo_br_humans.png); }
body#raceSkin-2 #logo.br { background-image: url(http://static.xs-software.com/nemexia/2/gate/img/gate_2/logo_br_terteths.png); }
body#raceSkin-3 #logo.br { background-image: url(img/logo_br_noxis.png); }

body#raceSkin-1 #logo.ir { background-image: url(img/logo_ir_humans.png); }
body#raceSkin-2 #logo.ir { background-image: url(img/logo_ir_terteths.png); }
body#raceSkin-3 #logo.ir { background-image: url(img/logo_ir_noxis.png); }

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

.headerSocialNets {
position: absolute;
top: 5px;
right: 0;
}

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

div.headerSocialNets .main {
overflow: hidden;
}

div.headerSocialNets .main .facebook {
float: right;
}

div.headerSocialNets .main .twitter {
float: right;
}

div.headerSocialNets .main .twitter div {
width: 55px;
}

a.twitterLink {
display: block;
height: 20px;
width: 55px;
background: url("img/tweet.png") no-repeat scroll 0 0 transparent;
}

a.twitterLink:hover {
background-position: 0 -21px;
}

a.twitterLink:active {
background-position: 0 -42px;
}

div.socialNets {
margin: 0 auto;
width: auto;
margin: 10px 0 10px -36px;
width: 86px;
height: 32px;
left: 50%;
position: absolute;
}

div.socialNets a {
display: block;
float: left;
margin: 0 10px 20px 0;
width: 32px;
height: 32px;
}

div.socialNets a.blip:link,
div.socialNets a.blip:active,
div.socialNets a.blip:visited,
div.socialNets a.blip:hover {
background: url(img/social.png) no-repeat -96px 0;
}

div.socialNets a.blip:hover {
background: url(img/social.png) no-repeat -96px -32px;
}

div.socialNets a.nk:link,
div.socialNets a.nk:active,
div.socialNets a.nk:visited,
div.socialNets a.nk:hover {
background: url(img/social.png) no-repeat -128px 0;
}

div.socialNets a.nk:hover {
background: url(img/social.png) no-repeat -128px -32px;
}

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

#baseMenu {
overflow: hidden;
padding: 30px 0 0 0;
}

#baseMenu ul {
height: 44px;
background-repeat: no-repeat;
width: 285px;
}

#baseMenu ul li {
padding: 9px 0 0 0;
}

#baseMenu ul li a {
display: block;
height: 26px;
line-height: 26px;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 1px 2px #000;
font-weight: bold;
}

body#raceSkin-1 #baseMenu ul li a:hover,
body#raceSkin-2 #baseMenu ul li a:hover,
body#raceSkin-3 #baseMenu ul li a:hover {
color: #fff;
text-decoration: none;
}

#baseMenu ul.group-1 {
float: left;
background-position: right 0;
padding-right: 25px;
}

#baseMenu ul.group-1 li {
float: right;
}

#baseMenu ul.group-1 li a {
margin-left: 15px;
}

#baseMenu ul.group-2 {
float: right;
background-position: 0 0;
padding-left: 25px;
}

#baseMenu ul.group-2 li {
float: left;
}

#baseMenu ul.group-2 li a {
margin-right: 15px;
}

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

body#raceSkin-1 #baseMenu ul.group-1 {
background-image: url(img/topmenu_left_humans.png);
}

body#raceSkin-1 #baseMenu ul.group-2 {
background-image: url(img/topmenu_right_humans.png);
}

body#raceSkin-1 #baseMenu ul li a {
color: #7baaff;
}

body#raceSkin-2 #baseMenu ul.group-1 {
background-image: url(img/topmenu_left_terteths.png);
}

body#raceSkin-2 #baseMenu ul.group-2 {
background-image: url(img/topmenu_right_terteths.png);
}

body#raceSkin-2 #baseMenu ul li a {
color: #74cb60;
}

body#raceSkin-3 #baseMenu ul.group-1 {
background-image: url(img/topmenu_left_noxis.png);
}

body#raceSkin-3 #baseMenu ul.group-2 {
background-image: url(img/topmenu_right_noxis.png);
}

body#raceSkin-3 #baseMenu ul li a {
color: #ec8686;
}

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

#login {
width: 885px;
height: 67px;
padding: 30px 0 0 25px;
position: relative;
margin: 8px auto 0 auto;
background-repeat: no-repeat;
background-position: 0 0;
}

#login .loginForm,
#login .lofin_form {
float: left;
}

#login .loginForm select,
#login .login_form select {
color: #fff;
}

#login .loginForm input.username,
#login .loginForm input.password,
#login .login_form input.username,
#login .login_form input.password {
width: 125px;
height: 19px;
padding: 5px 6px 2px 26px;
color: #fff;
border: none;
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
}

body#raceSkin-1 #login .loginForm input.username:focus,
body#raceSkin-1 #login .loginForm input.password:focus,
body#raceSkin-2 #login .loginForm input.username:focus,
body#raceSkin-2 #login .loginForm input.password:focus,
body#raceSkin-3 #login .loginForm input.username:focus,
body#raceSkin-3 #login .loginForm input.password:focus,
body#raceSkin-1 #login .login_form input.username:focus,
body#raceSkin-1 #login .login_form input.password:focus,
body#raceSkin-2 #login .login_form input.username:focus,
body#raceSkin-2 #login .login_form input.password:focus,
body#raceSkin-3 #login .login_form input.username:focus,
body#raceSkin-3 #login .login_form input.password:focus{
color: #fff;
background-position: 0 -26px;
outline: none;
}

#login .loginForm a.button,
#login .login_form a.button {
height: 12px;
line-height: 12px;
font-size: 12px;
padding: 6px 20px 6px 10px;
border-left-style: solid;
border-left-width: 1px;
background-position: right 0;
background-repeat: no-repeat;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

body#raceSkin-1 #login .loginForm a.button:hover,
body#raceSkin-1 #login .login_form a.button:hover,
body#raceSkin-2 #login .loginForm a.button:hover,
body#raceSkin-2 #login .login_form a.button:hover,
body#raceSkin-3 #login .loginForm a.button:hover,
body#raceSkin-3 #login .login_form a.button:hover {
color: #fff;
background-position: right -30px;
border-left-color: #fff;
}

#login .additional {
text-align: right;
padding: 5px 0 0 0;
font-size: 11px;
}

body#raceSkin-1 #loginForm .additional a:hover,
body#raceSkin-2 #loginForm .additional a:hover,
body#raceSkin-3 #loginForm .additional a:hover,
body#raceSkin-1 #login_form .additional a:hover,
body#raceSkin-2 #login_form .additional a:hover,
body#raceSkin-3 #login_form .additional a:hover {
color: #fff;
}

#loginForm .additional label,
#login_form .additional label{
cursor: pointer;
margin-left: 10px;
}

#login a.register {
display: block;
position: absolute;
right: 20px;
top: 26px;
width: 109px;
height: 38px;
line-height: 38px;
text-align: right;
padding: 0 20px 0 0;
background: url(img/login_register.png) no-repeat;
text-transform: uppercase;
text-decoration: none;
color: #423a0b;
font-weight: bold;
text-shadow:  0px 1px 0px #ffda00;
font-size: 14px;
z-index: 3;
}

#login a.register:hover {
background-position: 0 -38px;
color: #000;
text-shadow: 0px 1px 0px #fff;
}

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

body#raceSkin-1 #login {
background-image: url(img/login_box_humans.png);
}

body#raceSkin-2 #login {
background-image: url(img/login_box_terteths.png);
}

body#raceSkin-3 #login {
background-image: url(img/login_box_noxis.png);
}

body.tr.holiday#raceSkin-1 #login {
background-image: url(img/login_box_humans_tr.png);
}

body.tr.holiday#raceSkin-2 #login {
background-image: url(img/login_box_terteths_tr.png);
}

body.tr.holiday#raceSkin-3 #login {
background-image: url(img/login_box_noxis_tr.png);
}

body.ar.holiday#raceSkin-1 #login {
background-image: url(img/login_box_humans_ar.png);
}

body.ar.holiday#raceSkin-2 #login {
background-image: url(img/login_box_terteths_ar.png);
}

body.ar.holiday#raceSkin-3 #login {
background-image: url(img/login_box_noxis_ar.png);
}

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

body#raceSkin-1 #login .loginForm select,
body#raceSkin-1 #login .login_form select {
background-color: #417dc9;
border: 1px solid #7baaff;
}

body#raceSkin-1 #login .loginForm select:focus,
body#raceSkin-1 #login .login_form select:focus {
border-color: #fff;
}

body#raceSkin-1 #loginForm input.username,
body#raceSkin-1 #loginForm input.password,
body#raceSkin-1 #login_form input.username,
body#raceSkin-1 #login_form input.password {
color: #a0c2ff;
text-shadow: 0px 1px 0px #284c8b;
}

body#raceSkin-1 #loginForm input.username,
body#raceSkin-1 #login_form input.username{
background-image: url(img/login_user_humans.png);
}

body#raceSkin-1 #loginForm input.password,
body#raceSkin-1 #login_form input.password {
background-image: url(img/login_pass_humans.png);
}

body#raceSkin-1 #loginForm a.button,
body#raceSkin-1 #login_form a.button {
background-image: url(http://static.xs-software.com/nemexia/2/gate/img/gate_2/login_button_humans.png);
border-left-color: #84d1ff;
color: #a7dfff;
text-shadow: 0px 1px 2px #0f4985;
}

body#raceSkin-1 #loginForm .additional,
body#raceSkin-1 #loginForm .additional a,
body#raceSkin-1 #login_form .additional,
body#raceSkin-1 #login_form .additional a {
color: #7baaff;
}

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

body#raceSkin-2 #login .loginForm select,
body#raceSkin-2 #login .login_form select {
background-color: #298015;
border: 1px solid #74cb60;
}

body#raceSkin-2 #login .loginForm select:focus,
body#raceSkin-2 #login .login_form select:focus {
border-color: #fff;
}

body#raceSkin-2 #loginForm input.username,
body#raceSkin-2 #loginForm input.password,
body#raceSkin-2 #login_form input.username,
body#raceSkin-2 #login_form input.password {
color: #7fd66b;
text-shadow: 0px 1px 0px #144b07;
}

body#raceSkin-2 #loginForm input.username,
body#raceSkin-2 #login_form input.username {
background-image: url(img/login_user_terteths.png);
}

body#raceSkin-2 #loginForm input.password,
body#raceSkin-2 #login_form input.password {
background-image: url(img/login_pass_terteths.png);
}

body#raceSkin-2 #loginForm a.button,
body#raceSkin-2 #login_form a.button {
background-image: url(img/login_button_terteths.png);
border-left-color: #8ee57a;
color: #7fd66b;
text-shadow: 0px 1px 2px #144b07;
}

body#raceSkin-2 #loginForm .additional,
body#raceSkin-2 #loginForm .additional a,
body#raceSkin-2 #login_form .additional,
body#raceSkin-2 #login_form .additional a {
color: #7fd66b;
}

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

body#raceSkin-3 #login .loginForm select,
body#raceSkin-3 #login .login_form select {
background-color: #9b3535;
border: 1px solid #ec8686;
}

body#raceSkin-3 #login .loginForm select:focus,
body#raceSkin-3 #login .login_form select:focus{
border-color: #fff;
}

body#raceSkin-3 #loginForm input.username,
body#raceSkin-3 #loginForm input.password,
body#raceSkin-3 #login_form input.username,
body#raceSkin-3 #login_form input.password {
color: #ffa1a1;
text-shadow: 0px 1px 0px #671f1f;
}

body#raceSkin-3 #loginForm input.username,
body#raceSkin-3 #login_form input.username{
background-image: url(img/login_user_noxis.png);
}

body#raceSkin-3 #loginForm input.password,
body#raceSkin-3 #login_form input.password {
background-image: url(img/login_pass_noxis.png);
}

body#raceSkin-3 #loginForm a.button,
body#raceSkin-3 #login_form a.button {
background-image: url(img/login_button_noxis.png);
border-left-color: #ffa4a4;
color: #ffa1a1;
text-shadow: 0px 1px 2px #671f1f;
}

body#raceSkin-3 #loginForm .additional,
body#raceSkin-3 #loginForm .additional a,
body#raceSkin-3 #login_form .additional,
body#raceSkin-3 #login_form .additional a{
color: #df6d6d;
}

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

#charactersSwitch {
display: none;
}

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

.menuWrapper {
overflow: hidden;
padding: 5px 0 0 0;
margin: 0 0 75px 0;
}

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

ul#racesMenu {
float: left;
margin: 0 0 0 21px;
}

ul#racesMenu li {
margin: 0 0 10px 0;
}

ul#racesMenu li a {
display: block;
position: relative;
width: 260px;
height: 101px;
background-repeat: no-repeat;
text-decoration: none;
}

ul#racesMenu li a span {
display: block;
position: absolute;
width: 120px;
height: 120px;
top: -10px;
left: -10px;
}

ul#racesMenu li a small {
display: block;
position: absolute;
top: 27px;
right: 0;
height: 28px;
width: 150px;
line-height: 28px;
font-size: 14px;
padding: 0 0 0 15px;
color: #fff;
font-weight: bold;
text-shadow: 0px 1px 2px #000;
}

ul#racesMenu li a:hover {
background-position: 0 -101px;
}

ul#racesMenu li a:hover small {
color: #000;
text-shadow: 0px 1px 0px #fff;
}

ul#racesMenu li.humans a span {
background-image: url(img/race_icon_humans.png);
}

ul#racesMenu li.terteths a span {
background-image: url(img/race_icon_terteths.png);
}

ul#racesMenu li.noxis a span {
background-image: url(img/race_icon_noxis.png);
}

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

body#raceSkin-1 ul#racesMenu li a {
background-image: url(img/menu_block_left_humans.png);
}

body#raceSkin-2 ul#racesMenu li a {
background-image: url(img/menu_block_left_terteths.png);
}

body#raceSkin-3 ul#racesMenu li a {
background-image: url(img/menu_block_left_noxis.png);
}

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

ul#infoMenu {
float: right;
margin: 0 21px 0 0;
}

ul#infoMenu li {
margin: 0 0 10px 0;
}

ul#infoMenu li a {
display: block;
position: relative;
width: 260px;
height: 101px;
background-repeat: no-repeat;
text-decoration: none;
}

ul#infoMenu li a span {
display: block;
position: absolute;
width: 100px;
height: 100px;
top: 0;
right: 0;
}

ul#infoMenu li a small {
display: block;
position: absolute;
top: 27px;
left: 0;
height: 28px;
width: 150px;
line-height: 28px;
font-size: 14px;
padding: 0 15px 0 0;
color: #fff;
font-weight: bold;
text-align: right;
text-shadow: 0px 1px 2px #000;
}

ul#infoMenu li a:hover {
background-position: 0 -101px;
}

ul#infoMenu li a:hover small {
color: #000;
text-shadow: 0px 1px 0px #fff;
}

ul#infoMenu li.tour a span {
background-image: url(img/menu_icon_tour.png);
}

ul#infoMenu li.trailer a span {
background-image: url(img/menu_icon_trailer.png);
}

ul#infoMenu li.story a span {
background-image: url(img/menu_icon_story.png);
}


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

body#raceSkin-1 ul#infoMenu li a {
background-image: url(img/menu_block_right_humans.png);
}

body#raceSkin-2 ul#infoMenu li a {
background-image: url(img/menu_block_right_terteths.png);
}

body#raceSkin-3 ul#infoMenu li a {
background-image: url(img/menu_block_right_noxis.png);
}

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

#registerButton {
position: absolute;
top: 500px;
left: 50%;
width: 424px;
margin-left: -212px;
}

#registerButton a {
display: block;
height: 63px;
padding: 23px 0 0 0;
text-align: center;
text-decoration: none;
background-repeat: no-repeat;
text-shadow: 0px 2px 3px #000;
}

#registerButton a:hover {
background-position: 0 -86px;
}

#registerButton a big {
display: block;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
}

#registerButton a small {
display: block;
font-size: 14px;
letter-spacing: 2px;
font-weight: bold;
}

body#raceSkin-1 #registerButton a:hover big,
body#raceSkin-1 #registerButton a:hover small,
body#raceSkin-2 #registerButton a:hover big,
body#raceSkin-2 #registerButton a:hover small,
body#raceSkin-3 #registerButton a:hover big,
body#raceSkin-3 #registerButton a:hover small {
color: #fff;
}

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

body#raceSkin-1 #registerButton a {
background-image: url(img/register_big_humans.png);
}

body#raceSkin-1 #registerButton a big {
color: #caddff;
}

body#raceSkin-1 #registerButton a small {
color: #7baaff;
}

body#raceSkin-2 #registerButton a {
background-image: url(img/register_big_terteths.png);
}

body#raceSkin-2 #registerButton a big {
color: #c4f1ba;
}

body#raceSkin-2 #registerButton a small {
color: #74cb60;
}

body#raceSkin-3 #registerButton a {
background-image: url(img/register_big_noxis.png);
}

body#raceSkin-3 #registerButton a big {
color: #f6c7c7;
}

body#raceSkin-3 #registerButton a small {
color: #ec8686;
}

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

#screenshots {
width: 491px;
height: 126px;
position: relative;
margin: 0 auto;
background-repeat: no-repeat;
}

#screenshots a {
display: block;
float: left;
height: inherit;
}

#screenshots a.screen-1,
#screenshots a.screen-5 {
width: 70px;
}

#screenshots a.screen-2,
#screenshots a.screen-4 {
width: 92px;
}

#screenshots a.screen-3 {
width: 167px;
}

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

body#raceSkin-1 #screenshots {
background-image: url(img/screenshots_humans.png);
}

body#raceSkin-2 #screenshots {
background-image: url(http://static.xs-software.com/nemexia/2/gate/img/gate_2/screenshots_terteths.png);
}

body#raceSkin-3 #screenshots {
background-image: url(img/screenshots_noxis.png);
}

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

#footer {
text-align: center;
padding: 20px 0 40px 0;
}

body#raceSkin-1 #footer a:hover,
body#raceSkin-2 #footer a:hover,
body#raceSkin-3 #footer a:hover {
color: #fff;
}

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

.partnerLogo {
z-index: 15;
}

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

body#raceSkin-1 #footer {
color: #2453a7;
}

body#raceSkin-1 #footer a {
color: #7baaff;
}

body#raceSkin-2 #footer {
color: #2b8217;
}

body#raceSkin-2 #footer a {
color: #74cb60;
}

body#raceSkin-3 #footer {
color: #a33d3d;
}

body#raceSkin-3 #footer a {
color: #ec8686;
}

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

#dialogOverlay {
position: fixed;
z-index: 10;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
display: none;
}

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

#dialogBox {
position: absolute;
z-index: 50;
width: 800px;
left: 50%;
margin-left: -400px;
top: 100px;
color: #fff;
display: none;
}

#dialogBox .dialogTop {
height: 30px;
background-repeat: no-repeat;
}

#dialogBox .dialogBottom {
height: 28px;
background-repeat: no-repeat;
}

#dialogBox .dialogMiddle {
background-repeat: repeat-y;
padding: 0 30px;
}


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

body#raceSkin-1 #dialogBox .dialogTop {
background-image: url(img/dialog_top_humans.png);
}

body#raceSkin-1 #dialogBox .dialogBottom {
background-image: url(img/dialog_bottom_humans.png);
}

body#raceSkin-1 #dialogBox .dialogMiddle {
background-image: url(img/dialog_middle_humans.png);
}

body#raceSkin-2 #dialogBox .dialogTop {
background-image: url(img/dialog_top_terteths.png);
}

body#raceSkin-2 #dialogBox .dialogBottom {
background-image: url(img/dialog_bottom_terteths.png);
}

body#raceSkin-2 #dialogBox .dialogMiddle {
background-image: url(img/dialog_middle_terteths.png);
}

body#raceSkin-3 #dialogBox .dialogTop {
background-image: url(img/dialog_top_noxis.png);
}

body#raceSkin-3 #dialogBox .dialogBottom {
background-image: url(img/dialog_bottom_noxis.png);
}

body#raceSkin-3 #dialogBox .dialogMiddle {
background-image: url(img/dialog_middle_noxis.png);
}

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

#dialogBox a.closeDialog {
display: block;
position: absolute;
width: 16px;
height: 16px;
padding: 3px;
right: 13px;
top: 30px;
background-image: url('img/dialog_close.gif');
background-position: 3px 3px;
background-repeat: no-repeat;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

body#raceSkin-1 #dialogBox a.closeDialog {
background-color: #7baaff;
}

body#raceSkin-2 #dialogBox a.closeDialog {
background-color: #74cb60;
}

body#raceSkin-3 #dialogBox a.closeDialog {
background-color: #ec8686;
}

body#raceSkin-1 #dialogBox a.closeDialog:hover,
body#raceSkin-2 #dialogBox a.closeDialog:hover,
body#raceSkin-3 #dialogBox a.closeDialog:hover {
background-color: #000;
}

#dialogBox .title {
font-size: 18px;
padding: 0 0 20px 0;
text-align: center;
}

body#raceSkin-1 #dialogBox .title {
color: #8abaed;
}

body#raceSkin-2 #dialogBox .title {
color: #8fd744;
}

body#raceSkin-3 #dialogBox .title {
color: #e599a3;
}

#dialogBox .formbox {
padding: 15px 0;
}

#dialogBox .formbox .row {
overflow: hidden;
padding: 5px 0;
}

#dialogBox .formbox .row .left {
width: 350px;
text-align: right;
float: left;
}

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

#dialogBox .formbox .row .right {
margin: 0 0 0 360px;
}

#dialogBox .formbox .row .right input {
padding: 5px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #fff;
}

body#raceSkin-1 #dialogBox .formbox .row .right input {
border: 1px solid #bbd6ef;
background: #7eb1df;
}

body#raceSkin-2 #dialogBox .formbox .row .right input {
border: 1px solid #aff764;
background: #85cd3a;
}

body#raceSkin-3 #dialogBox .formbox .row .right input {
border: 1px solid #f1c3c8;
background: #db8f99;
}

body#raceSkin-1 #dialogBox .formbox .row .right input:focus,
body#raceSkin-2 #dialogBox .formbox .row .right input:focus,
body#raceSkin-3 #dialogBox .formbox .row .right input:focus {
border-color: #fff;
background: #000;
}

#dialogBox .formbox .buttonrow {
text-align: center;
padding: 15px 0 0 0;
}

#dialogBox .formbox .buttonrow input,
#dialogBox .formbox .buttonrow button {
padding: 15px 30px;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
cursor: pointer;
}

body#raceSkin-1 #dialogBox .formbox .buttonrow input,
body#raceSkin-1 #dialogBox .formbox .buttonrow button {
background: #163754;
border: 3px solid #a5c7e7;
color: #a5c7e7;
}

body#raceSkin-2 #dialogBox .formbox .buttonrow input,
body#raceSkin-2 #dialogBox .formbox .buttonrow button {
background: #224101;
border: 3px solid #9ee653;
color: #9ee653;
}

body#raceSkin-3 #dialogBox .formbox .buttonrow input,
body#raceSkin-3 #dialogBox .formbox .buttonrow button {
background: #67181e;
border: 3px solid #edadb3;
color: #edadb3;
}

body#raceSkin-1 #dialogBox .formbox .buttonrow input:hover,
body#raceSkin-2 #dialogBox .formbox .buttonrow input:hover,
body#raceSkin-3 #dialogBox .formbox .buttonrow input:hover,
body#raceSkin-1 #dialogBox .formbox .buttonrow button:hover,
body#raceSkin-2 #dialogBox .formbox .buttonrow button:hover,
body#raceSkin-3 #dialogBox .formbox .buttonrow button:hover {
border-color: #fff;
color: #fff;
background: #000;
}

#dialogBox .textbox {
height: 600px;
overflow-y: auto;
}

#dialogBox .textbox p {
padding: 0 0 10px 0;
}

#dialogBox #HallOfFamePopup .textbox {
height: 400px;
}

#dialogBox #HallOfFamePopup p {
}

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

#dialogBox #universesList {
overflow: hidden;
}

#universesList .universeItem {
float: left;
margin: 7px;
}

#universesList .universeItem.closed {
opacity: 0.4;
}

#universesList .universeItem.closed a {
cursor: default;
}

#universesList .universeItem a {
display: block;
width: 350px;
height: 105px;
background-repeat: no-repeat;
border: 3px solid #fff;
position: relative;
text-decoration: none;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#universesList .universeItem.uni-1 a {
background-image: url('img/sel_uni_1.jpg');
}

#universesList .universeItem.uni-2 a {
background-image: url('img/sel_uni_2.jpg');
}

#universesList .universeItem.uni-3 a {
background-image: url('img/sel_uni_3.jpg');
}

#universesList .universeItem.uni-4 a {
background-image: url('img/sel_uni_4.jpg');
}

#universesList .universeItem.uni-5 a {
background-image: url('img/sel_uni_5.jpg');
}

#universesList .universeItem.uni-6 a {
background-image: url('img/sel_uni_6.jpg');
}

#universesList .universeItem a:hover {
background-position: 0 -105px;
}

#universesList .universeItem a .note {
position: absolute;
font-size: 11px;
text-transform: uppercase;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
color: #fff;
padding: 4px 6px;
top: 0;
right: 0;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
}

#universesList .universeItem a:hover .note {
background-color: #fff;
color: #000;
}

#universesList .universeItem a .details {
position: absolute;
width: 150px;
right: 0;
top: 75px;
}

#universesList .universeItem a .details span {
display: block;
float: left;
height: 21px;
line-height: 21px;
margin-left: 15px;
font-size: 12px;
font-weight: bold;
color: #fff;
background-repeat: no-repeat;
}

#universesList .universeItem a:hover .details span {
background-position: 0 -21px;
}

#universesList .universeItem a .details span.players {
background-image: url(img/reg_uni_players.png);
padding-left: 35px;
}

#universesList .universeItem a .details span.day {
background-image: url(img/reg_uni_days.png);
padding-left: 26px;
}

#universesList .universeItem a:hover .details span {
color: #000;
text-shadow: 0px 1px 0px #fff;
}

#universesList .universeItem a .evolution {
position: absolute;
right: 8px;
top: 29px;
line-height: 13px;
font-size: 12px;
color: #423A0B;
font-weight: bold;
text-transform: uppercase;
background: #FFDA00;
padding: 4px 7px;
text-shadow: 0px 1px 0px white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#universesList .universeItem a:hover .evolution {
background: #fff;
color: #000;
text-shadow: none;
}

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

#dialogBox #RecruitPlayer {
padding: 0 0 0 210px;
min-height: 270px;
background-repeat: no-repeat;
background-position: 20px 0;
}

body#raceSkin-1 #dialogBox #RecruitPlayer {
background-image: url('img/recruit_human.jpg');
}

body#raceSkin-2 #dialogBox #RecruitPlayer {
background-image: url('http://static.xs-software.com/nemexia/2/gate/img/gate_2/recruit_terteths.jpg');
}

body#raceSkin-3 #dialogBox #RecruitPlayer {
background-image: url('img/recruit_noxis.jpg');
}

#dialogBox #RecruitPlayer h1 {
font-size: 20px;
font-weight: normal;
border-bottom-width: 4px;
border-bottom-style: solid;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
}

body#raceSkin-1 #dialogBox #RecruitPlayer h1 {
border-bottom-color: #386799;
}

body#raceSkin-2 #dialogBox #RecruitPlayer h1 {
border-bottom-color: #427f01;
}

body#raceSkin-3 #dialogBox #RecruitPlayer h1 {
border-bottom-color: #924650;
}

#dialogBox #RecruitPlayer h1 strong {
color: #fff;
}

#dialogBox #RecruitPlayer p {
font-size: 14px;
}

body#raceSkin-1 #dialogBox #RecruitPlayer h1,
body#raceSkin-1 #dialogBox #RecruitPlayer p {
color: #8abaed;
}

body#raceSkin-2 #dialogBox #RecruitPlayer h1,
body#raceSkin-2 #dialogBox #RecruitPlayer p {
color: #8fd744;
}

body#raceSkin-3 #dialogBox #RecruitPlayer h1,
body#raceSkin-3 #dialogBox #RecruitPlayer p {
color: #e599a3;
}

#dialogBox #RecruitPlayer .buttonrow {
text-align: left;
}

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

#dialogBox #GameTour {

}

#GameTour .tourImage {
height: 351px;
background-position: center 0;
background-repeat: no-repeat;
border-width: 1px;
border-style: solid;
}

#GameTour .tourImage#tour-1 {
background-image: url('img/tour_screen_1.jpg');
}

#GameTour .tourImage#tour-2 {
background-image: url('img/tour_screen_2.jpg');
}

#GameTour .tourImage#tour-3 {
background-image: url('img/tour_screen_3.jpg');
}

#GameTour .tourImage#tour-4 {
background-image: url('img/tour_screen_4.jpg');
}

#GameTour .tourImage#tour-5 {
background-image: url('img/tour_screen_5.jpg');
}

body#raceSkin-1 #GameTour .tourImage {
border-color: #8abaed;
}

body#raceSkin-2 #GameTour .tourImage {
border-color: #8fd744;
}

body#raceSkin-3 #GameTour .tourImage {
border-color: #e599a3;
}

#GameTour .tourText {
margin: 15px 0;
font-size: 13px;
}

#GameTour .tourText ul,
#GameTour .tourText ol {
padding: 5px 15px;
list-style-type: square;
}

#GameTour .tourNavigation {
overflow: hidden;
padding: 0 0 10px 0;
}

#GameTour .tourNavigation a {
padding: 10px;
text-decoration: none;
width: 200px;
border-style: solid;
border-width: 1px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

body#raceSkin-1 #GameTour .tourNavigation a {
border-color: #8abaed;
}

body#raceSkin-2 #GameTour .tourNavigation a {
border-color: #8fd744;
}

body#raceSkin-3 #GameTour .tourNavigation a {
border-color: #e599a3;
}

body#raceSkin-1 #GameTour .tourNavigation a:hover,
body#raceSkin-2 #GameTour .tourNavigation a:hover,
body#raceSkin-3 #GameTour .tourNavigation a:hover {
border-color: #fff;
}

#GameTour .tourNavigation a span {
font-size: 40px;
line-height: 20px;
font-weight: bold;
}

#GameTour .tourNavigation a big {
display: block;
font-size: 14px;
font-weight: bold;
padding: 0 0 3px 0;
}

#GameTour .tourNavigation a small {
display: block;
font-size: 9px;
line-height: 9px;
}

#GameTour .tourNavigation a:hover big,
#GameTour .tourNavigation a:hover small,
#GameTour .tourNavigation a:hover span {
color: #fff;
}

#GameTour .tourNavigation a.navPrev {
float: left;
display: block;
}

#GameTour .tourNavigation a.navNext {
float: right;
text-align: right;
display: block;
}

#GameTour .tourNavigation a.navPrev span {
float: left;
margin: 0 10px 0 0;
}

#GameTour .tourNavigation a.navNext span {
float: right;
margin: 0 0 0 10px;
}

#GameTour .tourNavigation a.navNext small {
margin-right:32px;
}

#GameTour .tourNavigation a.navPrev small {
margin-left:32px;
}

body#raceSkin-1 #GameTour .tourNavigation a {
background-color: #284c8b;
color: #8abaed;
}

body#raceSkin-2 #GameTour .tourNavigation a {
background-color: #144b07;
color: #8fd744;
}

body#raceSkin-3 #GameTour .tourNavigation a {
background-color: #671f1f;
color: #e599a3;
}

body#raceSkin-1 #GameTour .tourNavigation .pagination,
body#raceSkin-2 #GameTour .tourNavigation .pagination,
body#raceSkin-3 #GameTour .tourNavigation .pagination {
display:inline;
text-align: center;
line-height: 30px;
position:absolute;
left:320px;
bottom:40px;
cursor: default;
}

body#raceSkin-1 #GameTour .tourNavigation .pagination a,
body#raceSkin-2 #GameTour .tourNavigation .pagination a,
body#raceSkin-3 #GameTour .tourNavigation .pagination a {
text-decoration: none;
padding: 3px 6px;
margin: 0 2px;
width:auto;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

body#raceSkin-1 #GameTour .tourNavigation .pagination a:hover,
body#raceSkin-2 #GameTour .tourNavigation .pagination a:hover,
body#raceSkin-3 #GameTour .tourNavigation .pagination a:hover {
color: #fff;
}

.pagination span {
border: 1px solid #fff;
padding: 3px 6px;
font-weight: bold;
color: #fff;
margin: 0 2px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

body#raceSkin-1 .pagination a {
background: #3e6f95;
}

body#raceSkin-2 .pagination a {
background: #438028;
}

body#raceSkin-3 .pagination a {
background: #88482c;
}

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

#trailerButtonsHolder {
overflow: hidden;
padding: 10px 0;
}

#trailerButtonsHolder.thin {

}

#trailerButtonsHolder a {
display: block;
float: left;
width: 45%;
margin: 0 2%;
height: 50px;
padding: 120px 0 0 0;
border-width: 1px;
color: #fff;
font-weight: bold;
font-size: 14px;
border-style: solid;
text-align: center;
text-decoration: none;
background: url(img/menu_icon_trailer.png) center 15px no-repeat;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#trailerButtonsHolder.thin a {
padding: 0 0 0 6%;
width: 39%;
background-position: 0 -12px;
line-height: 60px;
height: 60px;
}

body#raceSkin-1 #trailerButtonsHolder a {
border-color: #7baaff;
}

body#raceSkin-2 #trailerButtonsHolder a {
border-color: #74cb60;
}

body#raceSkin-3 #trailerButtonsHolder a {
border-color: #ec8686;
}

body#raceSkin-1 #trailerButtonsHolder a:hover,
body#raceSkin-2 #trailerButtonsHolder a:hover,
body#raceSkin-3 #trailerButtonsHolder a:hover {
border-color: #fff;
text-decoration: underline;
}

.videoHolder {
padding: 0 0 10px 0;
}

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

#HallOfFamePopup {
padding: 10px 0;
}

#HallOfFamePopup select,
#HallOfFamePopup table select {
color: #fff;
margin: 0 10px 10px 0;
border-width: 1px;
border-style: solid;
}

body#raceSkin-1 #HallOfFamePopup select,
body#raceSkin-1 #HallOfFamePopup table select {
background: #2e6088;
border-color: #5e8fb9;
}

body#raceSkin-2 #HallOfFamePopup select,
body#raceSkin-2 #HallOfFamePopup table select {
background: #33711c;
border-color: #448129;
}

body#raceSkin-3 #HallOfFamePopup select,
body#raceSkin-3 #HallOfFamePopup table select {
background: #873840;
border-color: #a55359;
}

#HallOfFamePopupNavigation,
#HallOfFamePopup p {
padding:10px;
margin: 15px 0;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

body#raceSkin-1 #HallOfFamePopupNavigation, {
body#raceSkin-1 #HallOfFamePopup p
background: #0C293F;
}

body#raceSkin-2 #HallOfFamePopupNavigation,
body#raceSkin-2 #HallOfFamePopup p {
background: #143D01;
}

body#raceSkin-3 #HallOfFamePopupNavigation,
body#raceSkin-3 #HallOfFamePopup p {
background: #611422;
}

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

.box table thead tr td,
.box table tr th {
border-bottom: 3px solid #266292;
padding: 4px 8px;
font-size: 12px;
color: #87b9e2;
font-weight: bold;
}

.box table thead tr td img,
.box table tr th img {
vertical-align: middle;
}

body#raceSkin-1 .box table thead tr td,
body#raceSkin-1 .box table tr th {
background: #1f5784;
border-bottom: 3px solid #266292;
color: #87b9e2;
}

body#raceSkin-2 .box table thead tr td,
body#raceSkin-2 .box table tr th {
background: #236A02;
border-bottom: 3px solid #448129;
color: #a8ef85;
}

body#raceSkin-3 .box table thead tr td,
body#raceSkin-3 .box table tr th {
background: #81333b;
border-bottom: 3px solid #8c3d44;
color: #E7B48F;
}

body#raceSkin-1 .box table tbody tr.highlight td, body#raceSkin-1 .box table tbody tr td.highlight { background: #1f5784; }
body#raceSkin-2 .box table tbody tr.highlight td, body#raceSkin-2 .box table tbody tr td.highlight { background: #236A02; }
body#raceSkin-3 .box table tbody tr.highlight td, body#raceSkin-3 .box table tbody tr td.highlight{ background: #7B3A1E; }

body#raceSkin-1 .box table tbody tr.hover:hover td { background: #1f5784; }
body#raceSkin-2 .box table tbody tr.hover:hover td { background: #236A02; }
body#raceSkin-3 .box table tbody tr.hover:hover td { background: #7B3A1E; }

.box table tbody tr td {
border-bottom: 1px solid #1f5784;
border-right: 1px solid #1f5784;
padding: 4px 8px;
}

body#raceSkin-1 .box table tbody tr td {
border-bottom: 1px solid #1f5784;
border-right: 1px solid #1f5784;
background:#144266;
}

body#raceSkin-2 .box table tbody tr td {
border-bottom: 1px solid #2B6914;
border-right: 1px solid #2B6914;
background:#1a5201;
}

body#raceSkin-3 .box table tbody tr td {
border-bottom: 1px solid #8f3f46;
border-right: 1px solid #8f3f46;
background:#742630;
}

body#raceSkin-1 .box table tbody .special {
background: #0c2e48;
border-color: #1F5784;
font-weight: bold;
}

body#raceSkin-2 .box table tbody .special {
background: #1A5201;
border-color: #2B6914;
font-weight: bold;
}

body#raceSkin-3 .box table tbody .special {
background: #622A11;
border-color: #9F5737;
font-weight: bold;
}

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

.box table tbody tr td .options {
line-height: 22px;
}

.box table tbody tr td .options a {
background: #a46637;
padding: 3px 6px;
text-decoration: none;
border: 1px solid #e99b5f;
font-weight: bold;
color: #e99b5f;
}

.box table tbody tr td .options a.edit {
background: #a46637 url('http://static.xs-software.com/nemexia/2/gate/css/img/icon_options_edit.gif') 5px 5px no-repeat;
padding: 3px 6px 3px 20px;
}

.box table tbody tr td .options a.delete {
background: #a46637 url('http://static.xs-software.com/nemexia/2/gate/css/img/icon_options_delete.gif') 5px 5px no-repeat;
padding: 3px 6px 3px 20px;
}

.box table tbody tr td .options a:hover {
border-color: #fff;
color: #fff;
}

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

#RaceDescriptionPopup1 .logo {
background: url('img/race_confederation.png') 0 0 no-repeat;
width:114px;
height:133px;
float:right;
margin:10px 0 10px 20px;
}

#RaceDescriptionPopup2 .logo {
background: url('img/race_terteths.png') 0 0 no-repeat;
width:111px;
height:96px;
float:right;
margin:10px 0 10px 20px;
}

#RaceDescriptionPopup3 .logo {
background: url('img/race_noxis.png') 0 0 no-repeat;
width:113px;
height:115px;
float:right;
margin:10px 0 10px 20px;
}

#RaceDescriptionPopup1 h2,
#RaceDescriptionPopup2 h2,
#RaceDescriptionPopup3 h2 {
text-align:center;
margin:0 0 10px;
}

p#registrationMessage, p#reg_status {
background-color:#b03333;
border:1px solid #cb4242;
color:#fff;
padding:3px 6px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}



/*-----------------------------------------------------------------------------------*/
/*	CHRISTMAS GATE
/*-----------------------------------------------------------------------------------*/

body#raceSkin-1.christmas #bodyWrapper {
background-image: url(img/christmas_p_bknd_humans.jpg);
}

body#raceSkin-2.christmas #bodyWrapper {
background-image: url(img/christmas_p_bknd_terteths.jpg);
}

body#raceSkin-3.christmas #bodyWrapper {
background-image: url(img/christmas_p_bknd_noxis.jpg);
}

body#raceSkin-1.christmas #login {
background-image: url(img/christmas_login_box_humans.png);
}

body#raceSkin-2.christmas #login {
background-image: url(img/christmas_login_box_terteths.png);
}

body#raceSkin-3.christmas #login {
background-image: url(img/christmas_login_box_noxis.png);
}

body#raceSkin-1.christmas #baseMenu ul.group-1 {
background-image: url(img/christmas_topmenu_left_humans.png);
}

body#raceSkin-1.christmas #baseMenu ul.group-2 {
background-image: url(img/christmas_topmenu_right_humans.png);
}

body#raceSkin-2.christmas #baseMenu ul.group-1 {
background-image: url(img/christmas_topmenu_left_terteths.png);
}

body#raceSkin-2.christmas #baseMenu ul.group-2 {
background-image: url(img/christmas_topmenu_right_terteths.png);
}

body#raceSkin-3.christmas #baseMenu ul.group-1 {
background-image: url(img/christmas_topmenu_left_noxis.png);
}

body#raceSkin-3.christmas #baseMenu ul.group-2 {
background-image: url(img/christmas_topmenu_right_noxis.png);
}

body#raceSkin-1.christmas #registerButton a {
background-image: url(img/christmas_register_big_humans.png);
}

body#raceSkin-2.christmas #registerButton a {
background-image: url(img/christmas_register_big_terteths.png);
}

body#raceSkin-3.christmas #registerButton a {
background-image: url(img/christmas_register_big_noxis.png);
}

body.christmas #registerButton a {
height: 125px;
}

body.christmas #registerButton a:hover {
background-position: 0 -148px;
}

body#raceSkin-1.christmas.shipsVersion #bodyWrapper {
background-image: url(img/christmas_rtl_p_bknd_humans.jpg);
}

body#raceSkin-2.christmas.shipsVersion #bodyWrapper {
background-image: url(img/christmas_rtl_p_bknd_terteths.jpg.jpg);
}

body#raceSkin-3.christmas.shipsVersion #bodyWrapper {
background-image: url(img/christmas_rtl_p_bknd_noxis.jpg);
}