/*
Title: CSS Styles for Lady Popular (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;
background: #27051b;
}

a {
outline: none;
}

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

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

.mainWrapper {
width: 960px;
position: relative;
margin: 0 auto;
}

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

#header {
height: 252px;
background: url('../img/gate/h_bknd.jpg') repeat-x;
}

#header .headerWrapper {
height: 252px;
background: url('../img/gate/h_bknd_2.jpg') center 0 no-repeat;
/*background: url('../img/gate/h_bknd_2_christmas.jpg') center 0 no-repeat;*/
}

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

#header .logo {
position: absolute;
width: 291px;
height: 112px;
left: 50%;
top: 10px;
margin-left: -145px;
}

#header #logo {
background: url('../img/gate/h_logo.png') no-repeat;
}

#header #logo.lt {
background: url('../img/gate/h_logo_lt.png') no-repeat;
}

#header #logo.pl {
background: url('../img/gate/h_logo_pl.png') no-repeat;
}

#header #logo.ae {
background: url('../img/gate/h_logo_ae.png') no-repeat;
}

#header #logo.ua {
background: url('../img/gate/h_logo_ua.png') no-repeat;
}

#header #logo.br {
background: url('../img/gate/h_logo_br.png') no-repeat;
}

#header #logo.laar {
background: url('../img/gate/h_logo_laar.png') no-repeat;
}

#header #logo.fr {
background: url('../img/gate/h_logo_fr.png') no-repeat;
}

#header .logo h1 {
display: none;
}

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

#holiday {
position: absolute;
z-index: 10;
top: 260px;
right: 0;
width: 192px;
height: 78px;
background: url('../img/gate/h_tr_holiday.png') no-repeat;
}

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

#mainNavigation {
width: 1000px;
position: absolute;
z-index: 1;
font-size: 12px;
line-height: 16px;
font-weight: bold;
text-transform: uppercase;
top: 50px;
left: 50%;
margin-left: -500px;
}

#mainNavigation>ul {
list-style: none;
}

#mainNavigation>ul>li {
padding: 0 4px;
}

#mainNavigation>ul>li>a {
display: block;
color: #fff;
text-decoration: none;
background: #8F3900;
padding: 3px 8px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #FFB27F;
margin: 0 5px;
}

#mainNavigation ul li a.collection {
background: #470E2A;
display: block;
position: relative;
color: #fff;
text-decoration: none;
padding: 3px 8px;
border: 1px solid #C23179;
margin: 0 5px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

#mainNavigation ul li a.collection span {
background: #681a40;
position: absolute;
top: -14px;
right: 7px;
padding: 0 2px;
text-align: center;
color: #fff;
font-size: 10px;
border: 1px solid #C23179;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

#mainNavigation>ul>li>a:hover,
#mainNavigation>ul>li>a:focus {
color: #C1571D;
background-color: #fff;
border-color: #8F3900;
}

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

#mainNavigation ul.navLeft li a {
float: right;
}

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

#mainNavigation ul.navRight li a {
float: left;
}

     
#mainNavigation ul.navRight li.languages {     
}     

#mainNavigation>ul.navRight>li.languages>ul.languagesList {
background: #2F091C;
border: 1px solid #C23179;
display: none;                            
list-style: none outside none;
margin-top: 5px;
padding: 5px;
position: absolute;
right: 68px;
top: 18px;                           
width: 135px; 
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}   

#mainNavigation ul.navRight li.languages ul.languagesList li a {
font-size: 10px;  
color: #C23179;    
text-decoration: none;        
}   

#mainNavigation ul.navRight li.languages ul.languagesList li a:hover {
color: #EF77B4;       
}

#mainNavigation ul.navRight li.languages ul.languagesList li a img {
margin-right: 5px;
}

#mainNavigation ul.navRight li.languages:hover ul.languagesList {
display: block;
}



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

ul#tourStages {
list-style: none;
position: absolute;
top: 123px;
left: 0;
width: 1000px;
}

ul#tourStages li {
float: left;
padding: 0 10px 0 0;
}

ul#tourStages li a {
display: block;
float: left;
width: 127px;
height: 19px;
padding: 90px 0 1px 0;
line-height: 19px;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #fff;
}

ul#tourStages li.wardrobe a {
background: url('../img/gate/tour_stage_wardrobe.gif') no-repeat;
}

ul#tourStages li.pet a {
background: url('../img/gate/tour_stage_pet.gif') no-repeat;
}

ul#tourStages li.mall a {
background: url('../img/gate/tour_stage_mall.gif') no-repeat;
}

ul#tourStages li.podium a {
background: url('../img/gate/tour_stage_podium.gif') no-repeat;
}

ul#tourStages li.city a {
background: url('../img/gate/tour_stage_city.gif') no-repeat;
}

ul#tourStages li.games a {
background: url('../img/gate/tour_stage_games.gif') no-repeat;
}

ul#tourStages li.makeup a {
background: url('../img/gate/tour_stage_makeup.gif') no-repeat;
}

ul#tourStages li a:hover,
ul#tourStages li a:focus {
background-position: 0 -110px;
}

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

#content {
background: #470e2a url('../img/gate/c_bknd.jpg') repeat-x;
}

#content .mainWrapper {
padding: 0 0 200px 0;
background: url('../img/gate/c_bknd_2.jpg') center bottom no-repeat;
/*background: url('../img/gate/c_bknd_2_christmas.jpg') center bottom no-repeat;*/
}

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

#splashImage-1 {
background-image: url('../img/gate/splash_1.jpg');
}

#splashImage-2 {
background-image: url('../img/gate/splash_2.jpg');
}

#splashImage-3 {
background-image: url('../img/gate/splash_3.jpg');
}

#splashImage-4 {
background-image: url('../img/gate/splash_4.jpg');
}

#splashImage-5 {
background-image: url('../img/gate/splash_5.jpg');
}

#splashImage-6 {
background-image: url('../img/gate/splash_6.jpg');
}

.splashScreen {
padding: 40px 480px 80px 0;
position: relative;
background-repeat: no-repeat;
background-position: right 0;
}

.splashScreen h2 {
color: #fff;
font-size: 22px;
padding: 0 0 10px 0;
}

.splashScreen p,
.splashScreen ul {
color: #f0a683;
font-size: 12px;
}

.splashScreen a.tourButton {
display: block;
position: absolute;
width: 255px;
height: 48px;
padding: 10px 0 0 15px;
background: url('../img/gate/tour_button.gif') no-repeat;
bottom: 0;
left: 110px;
text-decoration: none;
color: #6a330e;
}

.splashScreen a.tourButton:hover,
.splashScreen a.tourButton:focus {
color: #000000;
}

.splashScreen a.tourButton big {
display: block;
font-size: 20px;
line-height: 22px;
font-weight: bold;
text-transform: uppercase;
}

.splashScreen a.tourButton small {
font-size: 11px;
display: block;
}

.splashScreen a.tourButton:hover,
.splashScreen a.tourButton:focus, {
background-position: 0 -58px;
}

.splashScreen #loginBox {
border: 1px solid #C23179;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
background: #2F091C;
}

.splashScreen .formbox .row .left {
width: 170px;
float: left;
}

.splashScreen .formbox .row .right {
margin: 0 0 0 180px;
}

.splashScreen .formbox .buttonrow {
padding-top: 5px;
padding-left: 180px;
overflow: hidden;
}

.splashScreen .formbox .buttonrow input {
background: #ba5917;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
padding: 5px;
border: 5px solid #e89055;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor: pointer;
}

.splashScreen .formbox .buttonrow input:hover,
.splashScreen .formbox .buttonrow input:focus {
background: #fff;
color: #000;
}

.splashScreen .formbox .buttonrow a.forgotten {
font-size: 11px;
color: #C23179;
margin: 0 0 0 10px;
}

.splashScreen .formbox .buttonrow a.forgotten:hover,
.splashScreen .formbox .buttonrow a.forgotten:focus {
color: #fff;
}

.splashScreen .formbox .buttonrow a.register {
display: block;
position: absolute;
background: #C23179;
padding: 8px 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
font-size: 12px;
line-height: 12px;
height: 12px;
top: -29px;
right: 20px;
border-radius-topleft: 10px;
border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}

.splashScreen .formbox .buttonrow a.register:hover,
.splashScreen .formbox .buttonrow a.register:focus {
color: #C23179;
background: #fff;
}

.splashScreen .formbox .buttonrow .onlinePlayers {
display: block;
position: absolute;
background: #2F091C;
border-top: 1px solid #C23179;
border-left: 1px solid #C23179;
border-right: 1px solid #C23179;
padding: 8px 16px;
color: #C23179;
text-decoration: none;
font-size: 11px;
line-height: 14px;
height: 12px;
top: -29px;
left: 20px;
border-radius-topleft: 10px;
border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}

.splashScreen .formbox .buttonrow a.onlinePlayesrs:hover,
.splashScreen .formbox .buttonrow a.onlinePlayesrs:focus {
color: #fff;
}

.splashScreen span.loginSuccess {
background: #4F9F13;
padding: 4px 10px;
color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 0 0 5px;
}

.splashScreen span.loginFail {
display: block;
background: #9F1D13;
padding: 4px 10px;
color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 7px 20px 0 0;
}

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

.splashScreen .partnerLogo {
position: absolute;
}

.splashScreen .partnerLogo a {
display: block;
}

.splashScreen .partnerLogo#logo-apn,
.splashScreen .partnerLogo#logo-yellowbg,
.splashScreen .partnerLogo#logo-forinside,
.splashScreen .partnerLogo#logo-myvideo,
.splashScreen .partnerLogo#logo-gxp,
.splashScreen .partnerLogo#logo-playitch,
.splashScreen .partnerLogo#logo-komputerswiat,
.splashScreen .partnerLogo#logo-teen385 {
width: 281px;
height: 99px;
bottom: 15px;
right: 111px;
}

.splashScreen .partnerLogo#logo-zbeng {
bottom: 10px;
right: 25px;
}

.splashScreen .partnerLogo#logo-himama,
.splashScreen .partnerLogo.ir#logo-apn,
.splashScreen .partnerLogo.ae#logo-apn {
width: 281px;
height: 99px;
bottom: 15px;
right: 611px;
}

.splashScreen .partnerLogo#logo-yellowbg a {
width: 281px;
height: 99px;
background: url('../img/gate/partner_logo_yellowbg.png') no-repeat;
}

.splashScreen .partnerLogo#logo-gxp a {
width: 281px;
height: 99px;
background: url('../img/gate/partner_logo_gxp.png') no-repeat;
}

.splashScreen .partnerLogo#logo-apn a {
width: 187px;
height: 90px;
background: url('../img/gate/partner_logo_apn.png') no-repeat;
}

.splashScreen .partnerLogo#logo-playitch a {
width: 220px;
height: 99px;
background: url('../img/gate/partner_logo_playitch.png') no-repeat;
}

.splashScreen .partnerLogo#logo-forinside a {
width: 208px;
height: 58px;
background: url('../img/gate/partner_logo_forinside.png') no-repeat;
}

.splashScreen .partnerLogo#logo-myvideo a {
width: 169px;
height: 48px;
background: url('../img/gate/partner_logo_myvideo.png') no-repeat;
}

.splashScreen .partnerLogo#logo-bbg a {
width: 93px;
height: 72px;
background: url('../img/gate/partner_logo_bbg.png') no-repeat;
}

.splashScreen .partnerLogo#logo-gxp a {
width: 193px;
height: 48px;
background: url('../img/gate/partner_logo_gxp.png') no-repeat;
}

.splashScreen .partnerLogo#logo-himama a {
width: 156px;
height: 120px;
background: url('../img/gate/partner_logo_himama.png') no-repeat;
}

.splashScreen .partnerLogo#logo-zbeng a {
width: 114px;
height: 102px;
background: url('../img/gate/partner_logo_zbeng.png') no-repeat;
}

.splashScreen .partnerLogo#logo-teen385 a {
width: 188px;
height: 78px;
background: url('../img/gate/partner_logo_teen385.png') no-repeat;
}

.splashScreen .partnerLogo#logo-komputerswiat a {
width: 137px;
height: 57px;
background: url('../img/gate/partner_logo_komputerswiat.png') no-repeat;
}

.splashScreen .partnerLogo#oyunolsun {
background: url('../img/gate/partner_logo_oyunolsun.png') no-repeat;
display: block;
width: 120px;
height: 70px; 
top: 208px;  
right: 193px;
}

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

#gameDetails {
overflow: hidden;
}

#gameDetails .about,
#gameDetails .welcomeText {
width: 445px;
height: 240px;
}

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

#gameDetails .about {
float: left;
background: #841b4f url('../img/gate/about_bknd.jpg') repeat-x;
border-radius-topleft: 15px;
border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
border: 1px solid #841b4f;
padding: 15px;
}

#gameDetails .about .title {
overflow: hidden;
padding: 0 0 10px 0;
}

#gameDetails .about .title span {
display: block;
float: left;
color: #fff;
font-weight: bold;
background: #c23179;
padding: 5px 15px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#gameDetails .about .screenshots {
width: 125px;
float: right;
margin: 0 0 30px 30px;
}

#gameDetails .about .screenshots a img {
border: 5px solid #c6568e;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

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

#gameDetails .about p {
color: #fff;
font-size: 11px;
padding: 0 0 10px 0;
}

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

#gameDetails .welcomeText {
float: left;
background: #dd681a url('../img/gate/login_bknd.jpg') no-repeat;
border-radius-topright: 15px;
border-radius-bottomright: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
border: 1px solid #dd681a;
padding: 15px;
color: #fff;
}

#gameDetails .welcomeText .title {
overflow: hidden;
padding: 0 0 10px 0;
}

#gameDetails .welcomeText .title span {
display: block;
float: left;
color: #fff;
font-weight: bold;
background: #653210;
padding: 5px 15px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#gameDetails .welcomeText .title a {
float: right;
color: #fff;
font-size: 11px;
}

#gameDetails .welcomeText p {
font-size: 11px;
}

#gameDetails .welcomeText ul {
font-size: 11px;
padding: 10px 20px;
}

#gameDetails .startGame {
border-top: 1px solid #FFB27F;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
}

#gameDetails .startGame p {
color: #fff;
padding: 0 0 10px 0;
}

#gameDetails .startGame input {
vertical-align: middle;
}

#gameDetails .startGame input.username {
background: #FFC59F;
font-size: 14px;
padding: 5px;
border: 5px solid #e89055;
color: #000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-radius: 10px;
margin: 0 10px 0 0;
}

#gameDetails .startGame input.username:focus {
background: #fff;
border-color: #ba5917;
}

#gameDetails .startGame input.button {
background: #ba5917;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
padding: 5px;
border: 5px solid #e89055;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor: pointer;
}

#gameDetails .startGame input.button:hover,
#gameDetails .startGame input.button:focus {
background: #fff;
color: #000;
}

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

#footer {
border-top: 5px solid #841b4f;
}            

#footer #social {
overflow: hidden;
margin-bottom: 10px;
}

#footer #social a {
float: left;
display: block;
width: 16px;
height: 16px;
margin-right: 10px;    
}   

#footer #social a.facebook {  
background: #dd681a url('../img/gate/social_networks.gif') no-repeat 0px 0px;
}

#footer #social a.twitter {    
background: #dd681a url('../img/gate/social_networks.gif') no-repeat -16px 0px;
}

#footer #social a.digg {  
background: #dd681a url('../img/gate/social_networks.gif') no-repeat -32px 0px;
}

#footer #social a.delicious { 
background: #dd681a url('../img/gate/social_networks.gif') no-repeat -48px 0px;
}

#footer #social a.stumbleupon { 
background: #dd681a url('../img/gate/social_networks.gif') no-repeat -64px 0px;
}

#footer #social a.technorati { 
background: #dd681a url('../img/gate/social_networks.gif') no-repeat -80px 0px;
} 

#footer #social a.facebook:hover {  
background-position: 0px -16px;
}

#footer #social a.twitter:hover {    
background-position: -16px -16px;
}

#footer #social a.digg:hover {  
background-position: -32px -16px;
}

#footer #social a.delicious:hover { 
background-position: -48px -16px;
}

#footer #social a.stumbleupon:hover { 
background-position: -64px -16px;
}

#footer #social a.technorati:hover { 
background-position: -80px -16px;
}  

#footer .wrapper {
padding: 30px 0 50px 0;
width: 980px;
margin: auto;
}

#footer a.xssoft {
display: block;
float: right;
width: 142px;
height: 24px;
background: url('../img/gate/f_logo_xs.gif') no-repeat;
}

#footer a.xssoft:hover,
#footer a.xssoft:focus {
background-position: 0 -24px;
}

#footer #logo-jeddahbikers {
float: right;
margin: -10px 0 0 10px;
}

#footer #logo-jeddahbikers a {
display: block;
width: 120px;
height: 50px;
background: url('../img/gate/partner_logo_jeddahbikers.png') no-repeat;
}    

#footer .copyright {
color: #841b4f;
}

#footer .copyright a {
color: #c2337a;
}

#footer .copyright a:hover,
#footer .copyright a:focus {
color: #fff;
}

/* -------------------------------------
DIALOG BOX
------------------------------------- */

.dialogBoxWrapper {
width: 550px;
position: absolute;
top: 100px;
z-index: 9999;
left: 50%;
margin: 0 0 0 -275px;
}

html>body .dialogBoxWrapper .shadowTop {
height: 26px;
background: url('../img/gate/dialog_shadow_top.png') center 0 no-repeat;
}

html>body .dialogBoxWrapper .shadowBottom {
height: 26px;
background: url('../img/gate/dialog_shadow_bottom.png') center 0 no-repeat;
}

.dialogBoxWrapper .dialogBody {
background: #e469b8 url('../img/gate/dialog_bknd.jpg') no-repeat;
border: 5px solid #fff;
padding: 40px 15px 32px 15px;
position: relative;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.dialogBoxWrapper .dialogBody.alert {
background: #d63b3b url('../img/gate/dialog_error_bknd.jpg') no-repeat;
padding: 40px 15px 15px 150px;
min-height: 120px;
font-size: 14px;
}

.dialogBoxWrapper .dialogBody p {
font-size: 14px;
font-weight: bold;
background: #AE3582;
padding: 15px;
color: #fff;
}

.dialogBoxWrapper .dialogBody .dialogTitle {
position: absolute;
left: 10px;
top: 0;
height: 30px;
line-height: 30px;
font-weight: bold;
font-size: 14px;
color: #e469b8;
background: url('../img/gate/dialog_title_left.gif') no-repeat;
padding: 0 0 0 13px;
}

.dialogBoxWrapper .dialogBody.alert .dialogTitle {
color: #921C1C;
}

.dialogBoxWrapper .dialogBody .dialogTitle span {
display: block;
float: left;
height: 30px;
background: url('../img/gate/dialog_title_right.gif') right 0 no-repeat;
padding: 0 13px 0 0;
}

.dialogBoxWrapper .dialogBody a {
color: #FFFFFF;
}

.dialogBoxWrapper .dialogBody a:hover,
.dialogBoxWrapper .dialogBody a:focus {
font-weight: bold;
}

.dialogBoxWrapper .dialogBody a.dialogClose {
display: block;
position: absolute;
right: 10px;
top: 0;
width: 26px;
height: 30px;
background: url('../img/gate/dialog_close.gif') no-repeat;
}

.dialogBoxWrapper .dialogBody a.dialogClose:hover,
.dialogBoxWrapper .dialogBody a.dialogClose:focus {
background-position: 0 -30px;
}

.dialogBoxWrapper .dialogBody .dialogButtons {
line-height: 54px;
height: 54px;
margin: 25px 0 0 0;
text-align: center;
}

.dialogBoxWrapper .dialogBody a.dialogButton {
background: #f29b55;
padding: 15px 30px;
font-size: 14px;
/*line-height: 40px;*/
font-weight: bold;
border: 5px solid #fff;
color: #fff;
text-decoration: none;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.dialogBoxWrapper .dialogBody a.dialogButton.dark {
background: #AE3582;
color: #FF9FDD;
}

.dialogBoxWrapper .dialogBody a.dialogButton:hover,
.dialogBoxWrapper .dialogBody a.dialogButton:focus {
border-color: #000;
color: #000;
background: #fff;
background-position: 0 -51px;
}





.dialogBoxWrapper .dialogBody input.dialogButton {
background: #f29b55;
padding: 15px 30px;
font-size: 14px;
/*line-height: 40px;*/
font-weight: bold;
border: 5px solid #fff;
color: #fff;
text-decoration: none;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.dialogBoxWrapper .dialogBody input.dialogButton.dark {
background: #AE3582;
color: #FF9FDD;
}

.dialogBoxWrapper .dialogBody input.dialogButton:hover,
.dialogBoxWrapper .dialogBody input.dialogButton:focus {
border-color: #000;
color: #000;
background: #fff;
background-position: 0 -51px;
}




.dialogBoxWrapper .formbox {
text-align: left;
}

.dialogBoxWrapper .formbox .row label,
.dialogBoxWrapper .formbox .row .left {
color: #fff;
}

.dialogBoxWrapper .formbox .row .formError {
font-weight: bold;
}

.dialogBody .termsText {
height: 400px;
overflow: auto;
font-size: 11px;
font-weight: normal;
text-align: left;
color: #fff;
}

.dialogBody .termsText p {
font-weight: normal;
font-size: 11px;
padding: 5px;
background: none;
}

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

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

.formbox .row {
margin-bottom:5px;
overflow:hidden;
padding:4px 0;
}

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

.formbox .row .left {
float: left;
width: 200px;
padding: 0 10px 5px 0;
text-align: right;
color: #EF77B4;
}

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

.formbox .row .right input,
.formbox .row .right textarea,
.formbox .row .right select {
background: #A64417;
border: 1px solid #fa9363;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 4px;
color: #fff;
}

.formbox .row .right input:focus,
.formbox .row .right textarea:focus,
.formbox .row .right select:focus {
background: #CF6333;
}

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

.formbox .row .right input[type="file"] {
color: #000;
}

.formbox .row .right img {
vertical-align: middle;
}

.formbox .row .right label {
width: auto;
padding: 0;
display: inline;
float: none;
}

.formbox .buttonrow {
padding: 0 0 0 210px;
}

#activityBox {
text-align:center;
}

#activityBox .formbox .row {
overflow: hidden;
padding: 4px 0;
margin-bottom: 5px;
}

#activityBox .formbox .row label,
#activityBox .formbox .row .left {
float: left;
width: 200px;
padding: 0 10px 8px 0;
border-bottom: 1px solid #831B4E;
text-align: right;
color: #fff;
margin-right: 15px;
}

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

#activityBox .formbox .row .right input,
#activityBox .formbox .row .right textarea,
#activityBox .formbox .row .right select {
background: #A64417;
border: 1px solid #fa9363;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 4px;
color: #fff;
}

#activityBox .formbox .row .right textarea {
background: #A64417;
border: 1px solid #fa9363;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 4px;
color: #fff;
width: 275px;
height: 150px;
}

.loadingBar {
background: #27051b;
width: 240px;
padding: 10px 0;
margin: 10px auto;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.black_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index:2000;
-moz-opacity: 0.8;
opacity:0.8;
filter: alpha(opacity=0);
}

/* -------------------------------------
GAME TOUR
------------------------------------- */

#gameTour {
width: 750px;
margin: -100px 0 0 -375px;
}

#gameTour .tourImage {
width: 710px;
}

#gameTour .tourImage#tour-1 {
background: url('../img/gate/tour_step_1.jpg') no-repeat;
height: 266px;
}

#gameTour .tourImage#tour-2 {
background: url('../img/gate/tour_step_2.jpg') no-repeat;
height: 500px;
}

#gameTour .tourImage#tour-3 {
background: url('../img/gate/tour_step_3.jpg') no-repeat;
height: 561px;
}

#gameTour .tourImage#tour-4 {
background: url('../img/gate/tour_step_4.jpg') no-repeat;
height: 451px;
}

#gameTour .tourImage#tour-5 {
background: url('../img/gate/tour_step_5.jpg') no-repeat;
height: 401px;
}

#gameTour .tourImage#tour-6 {
background: url('../img/gate/tour_step_6.jpg') no-repeat;
height: 418px;
}

#gameTour .tourImage#tour-7 {
background: url('../img/gate/tour_step_7.jpg') no-repeat;
height: 399px;
}

#gameTour .tourText {
padding: 20px;
color: #fff;
}

#gameTour .tourText h2 {
font-size: 22px;
font-weight: normal;
color: #f5bbe0;
margin: 0 0 10px 0;
}

#gameTour .tourText h2 strong {
color: #fff;
}

#gameTour .tourNav {
height: 51px;
overflow: hidden;
}

#gameTour .tourNav a {
display: block;
height: 41px;
width: 157px;
padding-top: 10px;
text-decoration: none;
cursor: pointer;
}

#gameTour .tourNav a big {
display: block;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #ffe3d1;
}

#gameTour .tourNav a small {
display: block;
color: #ffc6a0;
font-size: 12px;
}

#gameTour .tourNav a.previous {
background: url('../img/gate/tour_nav_previous.gif') no-repeat;
float: left;
padding-left: 55px;
}

#gameTour .tourNav a.next {
background: url('../img/gate/tour_nav_next.gif') no-repeat;
float: right;
padding-right: 55px;
text-align: right;
}

#gameTour .tourNav a:hover,
#gameTour .tourNav a:focus {
background-position: 0 -51px;
}

#gameTour .tourNav a:hover big,
#gameTour .tourNav a:focus big,
#gameTour .tourNav a:hover small,
#gameTour .tourNav a:focus small {
color: #fff;
}

.splashScreen.ae, .splashScreen.pk, .splashScreen.ir, .splashScreen.tr {
background: url('../img/gate/ramadan2010_1.png') no-repeat scroll right top !important;
}