/*
Title: CSS Styles for Nemexia.com (Gate)
Author: Joro Balinov for XS Software
Email: joro@xs-software.com
Website: http://www.xs-software.com/
*/

* {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
min-width: 960px;
min-height: 820px;
background-color: #000;
}

a {
outline: none;
}

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

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

#bodyWrapper {
min-height: 740px;
}

body#raceSkin-1 #bodyWrapper {
background: url('../img/gate/p_bknd_humans.jpg') center 0 no-repeat;
}

body#raceSkin-2 #bodyWrapper {
background: url('../img/gate/p_bknd_terteths.jpg') center 0 no-repeat;
}

body#raceSkin-3 #bodyWrapper {
background: url('../img/gate/p_bknd_noxis.jpg') center 0 no-repeat;
}

body#raceSkin-1.arabic #bodyWrapper {
background: url('../img/gate/p_bknd_humans.jpg') center 0 no-repeat;
}

body#raceSkin-2.arabic #bodyWrapper {
background: url('../img/gate/p_bknd_terteths.jpg') center 0 no-repeat;
}

body#raceSkin-3.arabic #bodyWrapper {
background: url('../img/gate/p_bknd_noxis.jpg') center 0 no-repeat;
}

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

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

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

#logo {
position: absolute;
width: 411px;
height: 53px;
top: 30px;
left: 50%;
margin-left: -206px;
z-index: 2;
}

body#raceSkin-1 #logo {
background: url('../img/gate/h_logo_humans.png') no-repeat;
}

body#raceSkin-2 #logo {
background: url('../img/gate/h_logo_terteths.png') no-repeat;
}

body#raceSkin-3 #logo {
background: url('../img/gate/h_logo_noxis.png') no-repeat;
}

/* ----------------------------- */
/* ARABIC */

body#raceSkin-1 #logo.logo-ar {
background: url('../img/gate/h_logo_ar_humans.png') no-repeat;
}

body#raceSkin-2 #logo.logo-ar {
background: url('../img/gate/h_logo_ar_terteths.png') no-repeat;
}

body#raceSkin-3 #logo.logo-ar {
background: url('../img/gate/h_logo_ar_noxis.png') no-repeat;
}

body#raceSkin-1 #logo.logo-ar,
body#raceSkin-2 #logo.logo-ar,
body#raceSkin-3 #logo.logo-ar {
width: 264px;
height: 85px;
top: 10px;
margin-left: -132px;
}

/* ----------------------------- */
/* BRAZIL */

body#raceSkin-1 #logo.logo-br {
background: url('../img/gate/h_logo_br_humans.png') no-repeat;
}

body#raceSkin-2 #logo.logo-br {
background: url('../img/gate/h_logo_br_terteths.png') no-repeat;
}

body#raceSkin-3 #logo.logo-br {
background: url('../img/gate/h_logo_br_noxis.png') no-repeat;
}

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

#logo h1 {
display: none;
}

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

#mainNavigation {
width: 1211px;
position: absolute;
z-index: 1;
font-size: 11px;
text-transform: uppercase;
height: 23px;
line-height: 23px;
top: 40px;
left: 50%;
margin-left: -611px;
}

#mainNavigation ul {
list-style: none;
}

#mainNavigation ul li {

}

#mainNavigation ul li a {
display: block;
float: left;
height: 23px;
text-decoration: none;
}

body#raceSkin-1 #mainNavigation ul li a {
color: #90adda;
}

body#raceSkin-2 #mainNavigation ul li a {
color: #89c85c;
}

body#raceSkin-3 #mainNavigation ul li a {
color: #e09099;
}

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

#mainNavigation ul.navLeft {
float: left;
padding: 0 10px 0 0;
width: 390px;
}

body#raceSkin-1 #mainNavigation ul.navLeft {
background: url('../img/gate/mainmenu_left_humans.jpg') right 0 no-repeat;
}

body#raceSkin-2 #mainNavigation ul.navLeft {
background: url('../img/gate/mainmenu_left_terteths.jpg') right 0 no-repeat;
}

body#raceSkin-3 #mainNavigation ul.navLeft {
background: url('../img/gate/mainmenu_left_noxis.jpg') right 0 no-repeat;
}

#mainNavigation ul.navLeft li {
float: right;
padding: 0 0 0 20px;
background: url('../img/gate/mainmenu_bullet.gif') 8px 9px no-repeat;
}

#mainNavigation ul.navRight {
float: right;
padding: 0 0 0 10px;
width: 390px;
}

body#raceSkin-1 #mainNavigation ul.navRight {
background: url('../img/gate/mainmenu_right_humans.jpg') no-repeat;
}

body#raceSkin-2 #mainNavigation ul.navRight {
background: url('../img/gate/mainmenu_right_terteths.jpg') no-repeat;
}

body#raceSkin-3 #mainNavigation ul.navRight {
background: url('../img/gate/mainmenu_right_noxis.jpg') no-repeat;
}

#mainNavigation ul.navRight li {
float: left;
padding: 0 0 0 20px;
background: url('../img/gate/mainmenu_bullet.gif') 8px 9px no-repeat;
}

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

#login {
width: 818px;
height: 45px;
padding: 10px 10px 0 20px;
position: absolute;
top: 98px;
left: 3px;
}

body#raceSkin-1 #login {
background: url('../img/gate/login_bknd_humans.png') no-repeat;
}

body#raceSkin-2 #login {
background: url('../img/gate/login_bknd_terteths.png') no-repeat;
}

body#raceSkin-3 #login {
background: url('../img/gate/login_bknd_noxis.png') no-repeat;
}

#login input,
#login select {
padding: 4px;
color: #fff;
vertical-align: middle;
margin: 0 5px 0 0;
}

body#raceSkin-1 #login input,
body#raceSkin-1 #login select {
background: #10283a;
border: 1px solid #9ac2eb;
}

body#raceSkin-2 #login input,
body#raceSkin-2 #login select {
background: #192f01;
border: 1px solid #7bb240;
}

body#raceSkin-3 #login input,
body#raceSkin-3 #login select {
background: #5b0a0e;
border: 1px solid #bf4147;
}

body#raceSkin-1 #login input:focus,
body#raceSkin-1 #login select:focus,
body#raceSkin-2 #login input:focus,
body#raceSkin-2 #login select:focus,
body#raceSkin-3 #login input:focus,
body#raceSkin-3 #login select:focus {
border-color: #fff;
}

body#raceSkin-1 #login input.username,
body#raceSkin-2 #login input.username,
body#raceSkin-3 #login input.username {
background-image: url('../img/gate/login_username.gif');
background-position: 5px 6px;
background-repeat: no-repeat;
padding-left: 18px;
}

body#raceSkin-1 #login input.password,
body#raceSkin-2 #login input.password,
body#raceSkin-3 #login input.password {
background-image: url('../img/gate/login_password.gif');
background-position: 5px 6px;
background-repeat: no-repeat;
padding-left: 18px;
}

#login a.button {
border-left: 1px solid #fff;
height: 24px;
line-height: 24px;
text-decoration: none;
font-weight: bold;
color: #fff;
text-transform: uppercase;
padding: 5px 20px 5px 15px;
}

body#raceSkin-1 #login a.button {
background: url('../img/gate/login_button_humans.gif') right 0 no-repeat;
}

body#raceSkin-2 #login a.button {
background: url('../img/gate/login_button_terteths.gif') right 0 no-repeat;
}

body#raceSkin-3 #login a.button {
background: url('../img/gate/login_button_noxis.gif') right 0 no-repeat;
}

#login a.button.playNow {
display: block;
padding: 0 20px;
float: right;
}

body#raceSkin-1 #login a.button.playNow {
background: url('../img/gate/playnow_button_humans.gif') right 0 no-repeat;
color: #15344e;
}

body#raceSkin-2 #login a.button.playNow {
background: url('../img/gate/playnow_button_terteths.gif') right 0 no-repeat;
color: #314e15;
}

body#raceSkin-3 #login a.button.playNow {
background: url('../img/gate/playnow_button_noxis.gif') right 0 no-repeat;
color: #4e1515;
}

#login a.forgottenPass {
font-size: 9px;
padding: 0 0 0 5px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

#login a.forgottenPass:hover {
text-decoration: underline;
}

#login a.forgottenPass {
left: 0;
top: 62px;
}

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

#partner-rsauto {
background:transparent url('../img/gate/partner_rsauto.gif') no-repeat scroll 0 0;
position:absolute;
width:166px;
height:45px;
top: 98px;
left: 760px;
}

#partner-rsauto a {
display: block;
width:166px;
height:45px;
}

#partner-apn {
background:transparent url('../img/gate/partner_apn.png') no-repeat scroll 0 0;
position:absolute;
width: 187px;
height: 90px;
top: 155px;
left: 0;
}

#partner-apn a {
display: block;
width: 187px;
height: 90px;
}

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

a.awards {
display: block;
cursor: pointer;
width: 206px;
height: 82px;
position: absolute;
top: 160px;
left: 0;
text-indent: -9999px;
background: url('../img/gate/h_awards.png') no-repeat;
}

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

a#voteBrowsergame {
position: absolute;
width: 202px;
height: 78px;
top: -75px;
right: 0;
z-index: 2;
background: url('../img/gate/vote_browsergame.png') no-repeat;
}

#nominatedBrowsergame {
position: absolute;
width: 202px;
height: 78px;
top: -75px;
right: 0;
z-index: 2;
background: url('../img/gate/nominated_browsergame.png') no-repeat;
}

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

#logo-morva {
position: absolute;
top: -60px;
left: 0;
width: 209px;
height: 62px;
}

#logo-morva a {
display: block;
height: 62px;
background: url('../img/gate/h_logo_morva.png') no-repeat;
}

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

#logo-jeuxvideo {
position: absolute;
top: -72px;
left: 0;
width: 204px;
height: 42px;
}

#logo-jeuxvideo a {
display: block;
height: 42px;
background: url('../img/gate/h_logo_jeuxvideo.png') no-repeat;
}

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

#logo-jeuxvideo {
position: absolute;
top: -72px;
left: 0;
width: 204px;
height: 42px;
}

#logo-jeuxvideo a {
display: block;
height: 42px;
background: url('../img/gate/h_logo_jeuxvideo.png') no-repeat;
}

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

#logo-legamer {
position: absolute;
top: -65px;
left: 0;
width: 209px;
height: 37px;
}

#logo-legamer a {
display: block;
height: 62px;
background: url('../img/gate/h_logo_legamer.png') no-repeat;
}

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

#logo-bbg {
position: absolute;
top: -78px;
left: 0;
width: 93px;
height: 72px;
}

#logo-bbg a {
display: block;
height: 72px;
background: url('../img/gate/h_logo_bbg.png') no-repeat;
}

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

#logo-myvideo {
position: absolute;
top: -55px;
left: 0;
width: 169px;
height: 48px;
}

#logo-myvideo a {
display: block;
height: 48px;
background: url('../img/gate/h_logo_myvideo.png') no-repeat;
}

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

a#blackRibbon {
display: block;
cursor: pointer;
position: absolute;
z-index: 10;
top: 13px;
left: 398px;
width: 49px;
height: 84px;
background: url('../img/gate/pl_ribbon.png') no-repeat;
}

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

#holiday {
position: absolute;
width: 273px;
height: 77px;
top: 160px;
left: 0;
background: url('../img/gate/h_ir_holiday.png') no-repeat;
}

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

#about {
position: absolute;
width: 848px;
height: 266px;
top: 242px;
}

#about .text {
width: 215px;
padding: 20px 20px 20px 30px;
color: #fff;
float: left;
position: relative;
z-index: 2;
}

#about .text h2 {
font-size: 23px;
line-height: 23px;
padding: 0 0 15px 0;
}

#about .text p {
font-size: 11px;
}

#about .additional {
width: 221px;
float: right;
padding: 30px 20px 0 0;
position: relative;
z-index: 2;
}

#about a.gameTrailer,
#about a.gameStory {
display: block;
width: 183px;
height: 35px;
margin: 0 0 5px 0;
line-height: 33px;
padding: 0 10px 0 30px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

body#raceSkin-1 #about a.gameTrailer {
background: url('../img/gate/trailer_button_humans.gif') no-repeat;
}

body#raceSkin-2 #about a.gameTrailer {
background: url('../img/gate/trailer_button_terteths.gif') no-repeat;
}

body#raceSkin-3 #about a.gameTrailer {
background: url('../img/gate/trailer_button_noxis.gif') no-repeat;
}

body#raceSkin-1 #about a.gameStory {
background: url('../img/gate/story_button_humans.gif') no-repeat;
}

body#raceSkin-2 #about a.gameStory {
background: url('../img/gate/story_button_terteths.gif') no-repeat;
}

body#raceSkin-3 #about a.gameStory {
background: url('../img/gate/story_button_noxis.gif') no-repeat;
}

#about .gameTrailer:hover,
#about .gameStory:hover {
color: #000;
}

#about .screenshots {
padding: 5px 0 0 0;
}

#about .screenshots a {
padding: 0 8px 0 0;
}

#about .screenshots a img {
border: 1px solid #cddde6;
}

#about .screenshots a:hover img {
border-color: #fff;
}

#about a.tour {
display: block;
width: 213px;
height: 42px;
padding: 5px;
text-decoration: none;
text-align: right;
margin: 5px 0 0 0;
cursor: pointer;
}

body#raceSkin-1 #about a.tour {
background: url('../img/gate/tour_button_humans.gif') no-repeat;
}

body#raceSkin-2 #about a.tour {
background: url('../img/gate/tour_button_terteths.gif') no-repeat;
}

body#raceSkin-3 #about a.tour {
background: url('../img/gate/tour_button_noxis.gif') no-repeat;
}


#about a.tour big {
display: block;
height: 22px;
line-height: 24px;
font-size: 14px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
padding: 0 10px 0 0;
}

#about a.tour small {
display: block;
height: 18px;
line-height: 18px;
font-size: 9px;
padding: 0 10px 0 0;
}

body#raceSkin-1 #about a.tour small {
color: #5ba4da;
}

body#raceSkin-2 #about a.tour small {
color: #72ba27;
}

body#raceSkin-3 #about a.tour small {
color: #c57e88;
}

body#raceSkin-1 #about a.tour:hover,
body#raceSkin-2 #about a.tour:hover,
body#raceSkin-3 #about a.tour:hover {
background-position: 0 -52px;
}

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

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

#gameImages {
position: absolute;
z-index: 1;
}

body#raceSkin-1 #gameImages {
width: 468px;
height: 375px;
background: url('../img/gate/images_confederation.png') no-repeat;
top: -60px;
left: 200px;
}

body#raceSkin-2 #gameImages {
width: 668px;
height: 369px;
background: url('../img/gate/images_terteths.png') no-repeat;
top: -60px;
left: 120px;
}

body#raceSkin-3 #gameImages {
width: 508px;
height: 423px;
background: url('../img/gate/images_noxis.png') no-repeat;
top: -90px;
left: 180px;
}

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

#racesSwitch {
width: 440px;
position: absolute;
left: 50%;
margin-left: -220px;
top: 590px;
}

#racesSwitch a {
display: block;
float: left;
margin: 0 17px;
position: relative;
text-decoration: none;
}

* html #racesSwitch a {
margin: 0 13px;
}

#racesSwitch a span {
display: none;
}

#racesSwitch a:hover span {
display: block;
position: absolute;
width: 100px;
left: 50%;
margin-left: -50px;
background: #fff;
padding: 5px 0;
text-align: center;
color: #000;
font-weight: bold;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
top: 40px;
}

#racesSwitch a.confederation {
width: 114px;
height: 133px;
background: url('../img/gate/race_confederation.png') no-repeat;
}

#racesSwitch a.terteths {
width: 111px;
height: 96px;
background: url('../img/gate/race_terteths.png') no-repeat;
margin-top: 15px;
}

#racesSwitch a.terteths:hover span {
top: 25px;
}

#racesSwitch a.noxis {
width: 113px;
height: 115px;
background: url('../img/gate/race_noxis.png') no-repeat;
}

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

#footer {
width: 800px;
position: absolute;
top: 750px;
left: 50%;
margin-left: -400px;
text-align: center;
font-size: 11px;
}

body#raceSkin-1 #footer {
color: #1f4564;
}

body#raceSkin-2 #footer {
color: #213e01;
}

body#raceSkin-3 #footer {
color: #65161b;
}

body#raceSkin-1 #footer a {
color: #376f9e;
}

body#raceSkin-2 #footer a {
color: #6fa435;
}

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

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

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

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

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

#dialogBox {
position: absolute;
z-index: 11;
width: 750px;
padding: 15px;
left: 50%;
margin-left: -375px;
top: 100px;
color: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
display:none;
}

body#raceSkin-1 #dialogBox {
background: #245078;
border: 5px solid #386799;
}

body#raceSkin-2 #dialogBox {
background: #326001;
border: 5px solid #427f01;
}

body#raceSkin-3 #dialogBox {
background: #7c2f37;
border: 5px solid #924650;
}

#dialogBox a.closeDialog {
display: block;
position: absolute;
width: 16px;
height: 16px;
padding: 3px;
right: 5px;
top: 5px;
background-image: url('../img/gate/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: #163754;
}

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

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

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

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 .row .left 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 #universesList {
overflow: hidden;
}

#universesList .universeItem {
width: 235px;
height: 140px;
float: left;
margin: 7px;
}

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

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

#universesList .universeItem a {
display: block;
width: 235px;
height: 140px;
background-repeat: no-repeat;
border: 1px 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/gate/sel_uni_1.jpg');
}

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

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

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

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

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

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

#universesList .universeItem a .note {
position: absolute;
font-size: 9px;
text-transform: uppercase;
background: #000;
border: 1px solid #fff;
color: #fff;
padding: 3px 6px;
top: -1px;
right: 15px;
border-radius-bottomleft: 5px;
border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-radius-bottomleft: 5px;
-webkit-border-radius-bottomright: 5px;
}

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

#universesList .universeItem a .details span {
display: block;
float: left;
font-size: 9px;
background: #000;
color: #fff;
padding: 2px 8px;
margin: 0 0 3px 0;
border-radius-topright: 5px;
border-radius-bottomright: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-radius-topright: 5px;
-webkit-border-radius-bottomright: 5px;
}

#universesList .universeItem a .details span strong {
font-size: 11px;
}

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

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

#dialogBox #awardsPreview {
background: url('../img/gate/awards_wide.jpg') no-repeat;
padding: 320px 0 0 0;
}

#dialogBox #awardsPreview ul {
list-style: none;
}

#dialogBox #awardsPreview ul li {
line-height: 20px;
}

#dialogBox #awardsPreview ul li big {
font-size: 20px;
font-weight: bold;
padding: 0 10px 0 0;
}

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

#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/gate/recruit_human.jpg');
}

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

body#raceSkin-3 #dialogBox #RecruitPlayer {
background-image: url('../img/gate/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 {
width: 750px;
height: 351px;
}

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

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

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

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

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


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

#GameTour .tourText ul,
#GameTour .tourText ol {
padding: 0 15px;
}

#GameTour .tourNavigation {
overflow: hidden;
}

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

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

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

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

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

body#raceSkin-1 #GameTour .tourNavigation a {
background-color: #163754;
color: #245078;
}

body#raceSkin-2 #GameTour .tourNavigation a {
background-color: #224101;
color: #326001;
}

body#raceSkin-3 #GameTour .tourNavigation a {
background-color: #67181e;
color: #7c2f37;
}