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

* {
margin: 0;
padding: 0;
}

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

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

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

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

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

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

#mainWrapper {
width: 850px;
padding: 165px 55px 30px 55px;
position: relative;
margin: 0 auto;
min-height: 670px;
}

#mainWrapper.style-1 {
background: url('../img/gate2.5/gate_bknd_1.jpg') center 0 repeat-x;
}

#mainWrapper.style-2 {
background: url('../img/gate2.5/gate_bknd_2.jpg') center 0 repeat-x;
}

#mainWrapper.style-3 {
background: url('../img/gate2.5/gate_bknd_3.jpg') center 0 repeat-x;
}

#mainWrapper.style-4 {
background: url('../img/gate2.5/gate_bknd_4.jpg') center 0 repeat-x;
}

#mainWrapper.style-5 {
background: url('../img/gate2.5/gate_bknd_5.jpg') center 0 repeat-x;
}

#mainWrapper.style-jackpot {
background: url('../img/gate2.5/gate_bknd_jackpot.jpg') center 0 repeat-x;
}

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

#logo {
position: absolute;
z-index: 1;
width: 280px;
height: 140px;
top: 10px;
left: 50%;
margin-left: -140px;
}

#logo a {
display: block;
width: 280px;
height: 140px;
text-indent: -9999px;
}

#logo a span {
display: none;
}

#logo.en a,
#logo.uk a,
#logo.int a,
#logo.dev a {
background: url('../img/gate2.5/header_logo_en.png') no-repeat;
}

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

#gameTitle {
position: absolute;
z-index: 1;
width: 240px;
top: 150px;
left: 50%;
margin-left: -120px;
padding: 5px 0;
color: #eeb660;
font-size: 14px;
font-weight: bold;
text-align: center;
background: #000;
background: rgba(0,0,0,0.5);
text-shadow: 0px 2px 1px #000;
-moz-text-shadow: 0px 2px 1px #000;
-webkit-text-shadow: 0px 2px 1px #000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

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

#changeLanguage {
position: absolute;
z-index: 50;
top: 25px;
right: 55px;
width: 150px;
}

#changeLanguage .currentLanguage {
float: right;
line-height: 11px;
font-size: 11px;
font-weight: bold;
color: #fff;
background: #724718 url('../img/gate2.5/teaser_button.jpg') repeat-x;
border: 1px solid #ca9442;
padding: 3px 6px;
cursor: pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

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

#changeLanguage ul#languagesList {
list-style: none;
background: #492a0d;
padding: 5px;
margin: 22px 0 0 10px;
font-weight: normal;
border: 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.hallLink {
display: block;
	position: absolute;
text-decoration: none;
	top: 25px;
	left: 55px;
	z-index: 50;
line-height: 11px;
font-size: 11px;
font-weight: bold;
color: #fff;
background: #724718 url('../img/gate2.5/teaser_button.jpg') repeat-x;
border: 1px solid #ca9442;
	padding: 3px 6px;
cursor: pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#topMenu {
position: absolute;
top: 25px;
left: 55px;
z-index: 50;
}

#topMenu ul li {
	float: left;
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
}

#topMenu ul li a {
display: block;
text-decoration: none;
line-height: 11px;
font-size: 11px;
font-weight: bold;
color: #fff;
background: #724718 url('../img/gate2.5/teaser_button.jpg') repeat-x;
border: 1px solid #ca9442;
padding: 3px 6px;
cursor: pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

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

#gameAward {
min-height: 43px;
background: url('../img/gate2.5/award.png') no-repeat;
padding: 10px 0 0 100px;
margin: 10px 0 0 0;
font-size: 11px;
color: #a5682b;
}

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

#teaserButtons {
position: absolute;
top: 120px;
left: 55px;
width: 850px;
}

#teaserButtons a {
display: block;
background: #724718 url('../img/gate2.5/teaser_button.jpg') repeat-x;
border: 1px solid #ca9442;
color: #ca9442;
font-size: 14px;
font-weight: bold;
line-height: 14px;
padding: 10px 25px;
text-transform: uppercase;
text-decoration: none;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-shadow: 0 2px 1px #633c12;
-moz-text-shadow: 0 2px 1px #633c12;
-webkit-text-shadow: 0 2px 1px #633c12;
}

#teaserButtons a:hover {
color: #fff;
border-color: #fff;
}

#teaserButtons a.gameTour {
float: left;
}

#teaserButtons a.trailer {
float: right;
}

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

#registerBox {
float: left;
width: 268px;
min-height: 400px;
}

#registerBox .boxTitle,
#loginBox .boxTitle {
height: 35px;
line-height: 35px;
padding: 0 15px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

#registerBox .boxContent,
#loginBox .boxContent {
padding: 10px 30px 30px 30px;
}

.boxContent .loading {
background: url('../img/gate2.5/loading.gif') no-repeat;
height: 19px;
}

.boxContent .error {
background: #962d2d;
border: 1px solid #ff8787;
padding: 10px;
margin: 10px 0 0 0;
color: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.boxContent .row {
padding: 0 0 4px 0;
}

.boxContent .row label {
display: block;
color: #eeb660;
font-size: 11px;
}

.boxContent .row.terms {
font-size: 11px;
}

.boxContent .row.terms label {
display: inline;
}

.boxContent .row input,
.boxContent .row select {
background: #eeb660;
border: 2px solid #75470f;
padding: 4px;
color: #000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.boxContent .row input:focus,
.boxContent .row select:focus {
border-color: #fff;
}

.boxContent .buttonrow {
padding: 5px 0 0 0;
}

.boxContent .buttonrow input {
background: #a16021 url('../img/gate2.5/button_bknd.jpg') repeat-x;
border: 1px solid #a16021;
color: #eeb660;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 20px;
cursor: pointer;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-shadow: 0 2px 1px #633c12;
-moz-text-shadow: 0 2px 1px #633c12;
-webkit-text-shadow: 0 2px 1px #633c12;
}

.boxContent .buttonrow input:hover {
border-color: #fff;
color: #fff;
}

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

#loginBox {
float: right;
width: 268px;
height: 200px;
text-align: right;
}

#loginBox a {
font-size: 11px;
color: #B56D28;
}

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

#loginBox form {
margin: 0 0 10px 0;
}

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

.announcement {
position: absolute;
width: 268px;
top: 175px;
left: 336px;
background: #e03838;
padding: 10px;
margin: 15px 0;
font-size: 11px;
border: 1px solid #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 5px #fff;
-moz-box-shadow: 0px 0px 5px #fff;
-webkit-box-shadow: 0px 0px 5px #fff;
}

.announcement h2 {
font-size: 14px;
padding: 0 0 5px 0;
}

.announcement a {
color: #fff;
}

.announcement.crm_registration {
	color: #000000;
	border-color: #75470F;
	background-color: #EEB660;
	text-align: left;
}

.announcement.crm_registration .arrow {
	position: absolute;
	top: 20px;
	left: -21px;
	width: 21px;
	height: 33px;
	background-image: url('../img/gate2.5/crm_registration-arrow.png');
}

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

#aboutBox {
clear: both;
background: url('../img/gate2.5/about_bknd.jpg') 0 bottom no-repeat;
padding: 30px;
overflow: hidden;
}

* html #aboutBox {
height: 1%;
}

#aboutBox .aboutText {
float: left;
width: 450px;
}

#aboutBox .aboutText h2 {
font-size: 14px;
font-weight: normal;
text-shadow: 0 2px 2px #000;
-moz-text-shadow: 0 2px 2px #000;
-webkit-text-shadow: 0 2px 2px #000;
}

#aboutBox .aboutText p {
font-size: 11px;
color: #b56d28;
padding: 6px 0 0 0;
}

#aboutBox .screenshots {
float: right;
}

#aboutBox .screenshots a img {
border: 5px solid #b56d28;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

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

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

a.madmooJackpot {
display: block;
cursor: pointer;
margin: 20px 0 0 0;
width: 209px;
height: 86px;
background: url('../img/gate/header_logo_jackpot.png') no-repeat;
}

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

#linksTeaser {
background: #522f0c;
border: 1px solid #522f0c;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin: 15px 0;
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;
}

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

#footer {
text-align: center;
font-size: 11px;
color: #b56d28;
}

#footer a {
color: #b56d28;
}

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

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

.dialogBox {
width: 860px;
position: absolute;
top: 100px;
left: 50%;
margin-left: -430px;
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;
min-height: 300px;
}

.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 .gameTour {
padding-top: 30px;
color: #fff;
background: #573718 url('../img/gate/dialog_bknd_registration.jpg') no-repeat;
}

.dialogBox .gameTour .tourStage {
width: 800px;
height: 300px;
position: relative;
margin: 0 auto;
border: 1px solid #eeb660;
}

.dialogBox .gameTour .tourStage.stage-1 {
background: #574551 url('../img/gate2.5/tour_stage_1.jpg') no-repeat;
}

.dialogBox .gameTour .tourStage.stage-2 {
background: #574551 url('../img/gate2.5/tour_stage_2.jpg') no-repeat;
}

.dialogBox .gameTour .tourStage.stage-3 {
background: #574551 url('../img/gate2.5/tour_stage_3.jpg') no-repeat;
}

.dialogBox .gameTour .tourStage.stage-4 {
background: #574551 url('../img/gate2.5/tour_stage_4.jpg') no-repeat;
}

.dialogBox .gameTour .tourStage.stage-5 {
background: #574551 url('../img/gate2.5/tour_stage_5.jpg') no-repeat;
}

.dialogBox .gameTour .tourStage.stage-6 {
background: #574551 url('../img/gate2.5/tour_stage_6.jpg') no-repeat;
}

.dialogBox .gameTour .stageTitle {
color: #eeb660;
font-size: 16px;
margin: 20px;
}

.dialogBox .gameTour .stageText {
font-size: 12px;
margin: 0 20px;
}

.dialogBox .gameTour .tourNavigation {
overflow: hidden;
padding: 20px 0 0 0;
margin: 0 20px;
}

.dialogBox .gameTour .tourNavigation a {
display: block;
width: 150px;
background: #eeb660;
text-decoration: none;
color: #573718;
padding: 10px 20px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.dialogBox .gameTour .tourNavigation a big {
display: block;
font-weight: bold;
font-size: 14px;
line-height: 14px;
padding: 0 0 3px 0;
}

.dialogBox .gameTour .tourNavigation a small {
display: block;
font-size: 11px;
line-height: 11px;
}

.dialogBox .gameTour .tourNavigation a.prev {
float: left;
background: #eeb660 url('../img/gate2.5/tour_nav_left.gif') 0 center no-repeat;
padding-left: 50px;
}

.dialogBox .gameTour .tourNavigation a.next {
float: right;
text-align: right;
background: #eeb660 url('../img/gate2.5/tour_nav_right.gif') right center no-repeat;
padding-right: 50px;
}

.dialogBox .gameTour .tourNavigation a:hover {
background-color: #fff;
color: #000;
}

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

.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 h3 {
color: #EEB660;
font-size: 18px;
margin: 0 0 10px 0;
}

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

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

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

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

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

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

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

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

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

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

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

#barWP {
position: absolute;
top: 0;
left: 10px;
}

/* ----------------------------- */
div.counter_wrapper {
width: 226px;
overflow: hidden;
margin: 0 0 0 20px;
}

.counter_title {
color: #fff;
font-weight: bold;
font-size: 15px;
text-shadow: #000 1px 1px 2px;
text-align: center;
padding: 0 0 5px 0;
}

div.counter {
width: 226px;
height: 46px;
background: #2a1504;
padding: 2px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

div.finish_box {
width: 218px;
background: #2a1504;
padding: 4px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
overflow: hidden;
}

.days {
display: block;
float: left;
width: 45px;
margin: 0 8px 0 0;
text-align: center;
color: #fff;
line-height: 10px;
font-size: 9px;
}

.others {
display: block;
float: left;
width: 45px;
text-align: center;
color: #fff;
line-height: 10px;
font-size: 9px;
}

.digits {
padding: 0 4px;
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
font-size: 30px;
line-height: 37px;
font-weight: bold;
text-shadow: #000 1px 1px 2px;
background: #87501a;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
display: block;
float: left;
}

#loginBox .finish_box a {
padding: 0 5px;
font-size: 22px;
line-height: 33px;
font-weight: bold;
text-shadow: #000 1px 1px 2px;
background: #87501a;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
display: block;
float: left;
text-align: center;
width: 208px;
color: #fff;
text-decoration: none;
}

#loginBox .finish_box a:hover {
background: #eeb660;
}

.separator {
padding: 0 3px;
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
font-size: 33px;
line-height: 35px;
font-weight: bold;
text-shadow: #000 1px 1px 2px;
display: block;
float: left;
color: #fff;
}

/* ----------------------------- */
.khan_calendar {
width: 100%;
position: relative;
}

.khan_calendar .next {
position: absolute;
font-size: 30px;
line-height: 25px;
cursor: pointer;
height: 30px;
margin: 5px;
background: #eeb660;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
right: 0;
padding: 0 15px;
text-shadow: 1px 1px 2px #000;
}

.khan_calendar .prev {
position: absolute;
font-size: 30px;
line-height: 25px;
cursor: pointer;
height: 30px;
margin: 5px;
background: #eeb660;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
left: 0;
padding: 0 15px;
text-shadow: 1px 1px 2px #000;
}

/***/

.khan_calendar_wrapper {
margin: 0 0 0 20px;
padding: 55px 0 0 0;
}

.khan_calendar_wrapper .week .day {
position: relative;
display: inline-block;
margin: 5px;
cursor: default;
text-align: right;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font-size: 14px;
padding: 30px 5px 5px;
width: 90px;
}

.khan_calendar_wrapper .week .day span {
position: relative;
z-index: 100;
}

.khan_calendar_wrapper .week .event_day span {
color: #000;
}

.khan_calendar_wrapper .week .current_month {
background-color: #3d1f05;
}

.khan_calendar_wrapper .week .previous_month {
background-color: #63401c;
cursor: pointer;
}

.khan_calendar_wrapper .week .next_month {
background-color: #63401c;
cursor: pointer;
}

.khan_calendar_wrapper .week .today {
background-color: #3d1f05;
border: 3px solid #eeb660;
width: 84px;
font-weight: bold;
}

.khan_calendar_wrapper .week .event {
background-color: #000;
}

/***/

.khan_calendar_wrapper .week .day .event_tip {
position: absolute;
left: 50px;
top: 3px;
white-space: nowrap;
background-color: #fbe1ba;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 2px #000;
-moz-box-shadow: 1px 1px 2px #000;
-webkit-box-shadow: 1px 1px 2px #000;
color: #000;
z-index: 1000;
}

.khan_calendar_wrapper .week .day .event_mask {
position: absolute;
left: 0;
top: 0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 46px 5px 5px;
width: 90px;
background: #eeb660;
}

div.calendar_header {
height: 40px;
font-weight: normal;
font-size: 24px;
line-height: 40px;
color: #fff;
text-align: center;
top: 0;
position: absolute;
background: #63401c;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 10px 0 0 25px;
width: 760px;
text-shadow: 1px 1px 2px #000;
}


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

ul.jackpot_winners {
background: url('../img/gate2.5/jackpot_winners.png') no-repeat 0 0;
width: 212px;
padding: 50px 0 0 0;
margin: 20px 0 0 0;
}

ul.jackpot_winners li {
font-size: 12px;
margin: 0 0 0 10px;
list-style-type: none;
}

.jackpot_title {
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
font-size: 30px;
line-height: 35px;
text-shadow: #000 1px 1px 2px;
}
ul.jackpot_winners li.first_3 {
	font-size: 14px;
	font-weight: bold;
	background: #895622 url(../img/gate2.5/cup.png) no-repeat 4px 50%;
	padding: 0 0 0 25px;
	margin: 1px 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 32px;
}
ul.jackpot_winners li.second_2 {
	font-size: 12px;
	background: #895622 url(../img/gate2.5/cup.png) no-repeat 4px 50%;
	padding: 0 0 0 25px;
	margin: 1px 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 32px;
}

a.jackpot_winners:link,
a.jackpot_winners:active,
a.jackpot_winners:visited,
a.jackpot_winners:hover {
	text-decoration: none;
}
/* ---------------------------- */
/*  GATE LOGOS & PARTNER LOGOS  */
/* ---------------------------- */

#logo.ae a { background: url('../../ae/gate/img/gate/header_logo_ae.png') no-repeat; }
#logo.ar a { background: url('../../ae/gate/img/gate/header_logo_ae.png') no-repeat; }
#logo.ba a { background: url('../../ba/gate/img/gate/header_logo_ba.png') no-repeat; }
#logo.bg a { background: url('../../bg/gate/img/gate/header_logo_bg.png') no-repeat; }
#logo.br a { background: url('../../br/gate/img/gate/header_logo_br.png') no-repeat; }
#logo.cz a { background: url('../../cz/gate/img/gate/header_logo_cz.png') no-repeat; }
#logo.de a { background: url('../../de/gate/img/gate/header_logo_de.png') no-repeat; }
#logo.dk a { background: url('../../dk/gate/img/gate/header_logo_dk.png') no-repeat; }
#logo.es a { background: url('../../es/gate/img/gate/header_logo_es.png') no-repeat; }
#logo.fr a { background: url('../../fr/gate/img/gate/header_logo_fr.png') no-repeat; }
#logo.gr a { background: url('../../gr/gate/img/gate/header_logo_gr.png') no-repeat; }
#logo.hr a { background: url('../../hr/gate/img/gate/header_logo_hr.png') no-repeat; }
#logo.hu a { background: url('../../hu/gate/img/gate/header_logo_hu.png') no-repeat; }
#logo.in a { background: url('../../in/gate/img/gate/header_logo_in.png') no-repeat; }
#logo.ir a { background: url('../../ir/gate/img/gate/header_logo_ir.png') no-repeat; }
#logo.it a { background: url('../../it/gate/img/gate/header_logo_it.png') no-repeat; }
#logo.il a { background: url('../../il/gate/img/gate/header_logo_il.png') no-repeat; }
#logo.jp a { background: url('../../jp/gate/img/gate/header_logo_jp.png') no-repeat; }
#logo.laar a { background: url('../../laar/gate/img/gate/header_logo_laar.png') no-repeat; }
#logo.lt a { background: url('../../lt/gate/img/gate/header_logo_lt.png') no-repeat; }
#logo.my a { background: url('../../my/gate/img/gate/header_logo_my.png') no-repeat; }
#logo.nl a { background: url('../../nl/gate/img/gate/header_logo_nl.png') no-repeat; }
#logo.no a { background: url('../../no/gate/img/gate/header_logo_no.png') no-repeat; }
#logo.pk a { background: url('../../pk/gate/img/gate/header_logo_pk.png') no-repeat; }
#logo.pl a { background: url('../../pl/gate/img/gate/header_logo_pl.png') no-repeat; }
#logo.pt a { background: url('../../pt/gate/img/gate/header_logo_pt.png') no-repeat; }
#logo.ro a { background: url('../../ro/gate/img/gate/header_logo_ro.png') no-repeat; }
#logo.rs a { background: url('../../rs/gate/img/gate/header_logo_rs.png') no-repeat; }
#logo.ru a { background: url('../../ru/gate/img/gate/header_logo_ru.png') no-repeat; }
#logo.se a { background: url('../../se/gate/img/gate/header_logo_se.png') no-repeat; }
#logo.sg a { background: url('../../sg/gate/img/gate/header_logo_sg.png') no-repeat; }
#logo.sl a { background: url('../../sl/gate/img/gate/header_logo_sl.png') no-repeat; }
#logo.sk a { background: url('../../sk/gate/img/gate/header_logo_sk.png') no-repeat; }
#logo.tr a { background: url('../../tr/gate/img/gate/header_logo_tr.png') no-repeat; }
#logo.ua a { background: url('../../ua/gate/img/gate/header_logo_ua.png') no-repeat; }
#logo.vn a { background: url('../../vn/gate/img/gate/header_logo_vn.png') no-repeat; }
#logo.za a { background: url('../../gate2.5/img/gate/header_logo_en.png') no-repeat; }

/* INT ---------------------------- */

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

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

/* FR ---------------------------- */

#logo-jeuxvideo {
width: 204px;
height: 42px;
position: absolute;
top: 45px;
left: 60px;
background: url('../../fr/gate/img/gate/header_logo_jeuxvideo.png') no-repeat;
}

#logo-jeuxvideo a {
display: block;
cursor: pointer;
height: 42px;
}

/* AE ---------------------------- */

#logo-maktoob {
position: absolute;
width: 128px;
height: 78px;
background: url('../../ae/gate/img/gate/header_logo_maktoob.png') no-repeat;
top: 30px;
left: 60px;
}

#logo-maktoob a {
display: block;
height: 78px;
}

#logo-12allchat {
position: absolute;
width: 204px;
height: 61px;
background: url('../../ae/gate/img/gate/header_logo_12allchat.png') no-repeat;
top: 30px;
left: 60px;
}

#logo-12allchat a {
display: block;
height: 61px;
}

#logo-masrawy {
position: absolute;
width: 212px;
height: 54px;
background: url('../../ae/gate/img/gate/header_logo_masrawy.png') no-repeat;
top: 40px;
left: 60px;
}

#logo-masrawy a {
display: block;
height: 54px;
}

#logo-msnarabia {
position: absolute;
width: 132px;
height: 64px;
background: url('../../ae/gate/img/gate/header_logo_msnarabia.png') no-repeat;
top: 30px;
left: 60px;
}

#logo-msnarabia a {
display: block;
height: 64px;
}

#logo-el3ab {
position: absolute;
width: 162px;
height: 75px;
background: url('../../ae/gate/img/gate/header_logo_el3ab.png') no-repeat;
top: 25px;
left: 60px;
}

#logo-el3ab a {
display: block;
height: 75px;
}

/* DE ---------------------------- */

#logo-MyVideo {
width: 199px;
height: 74px;
position: absolute;
top: 30px;
left: 60px;
background: url('../../de/gate/img/gate/header_logo_myvideo.png') no-repeat;
}

#logo-MyVideo a {
display: block;
cursor: pointer;
height: 74px;
}

#logo-clickandbuy {
width: 215px;
height: 45px;
position: absolute;
left: 60px;
top: 50px;
background: url('../../de/gate/img/gate/header_logo_clickandbuy.png') no-repeat;
}

#logo-clickandbuy a {
display: block;
cursor: pointer;
height: 45px;
}

#logo-sevengames {
width: 225px;
height: 37px;
position: absolute;
left: 60px;
top: 50px;
background: url('../../de/gate/img/gate/header_logo_sevengames.png') no-repeat;
}

#logo-sevengames a {
display: block;
cursor: pointer;
height: 37px;
}

#logo-gxp {
width: 193px;
height: 48px;
position: absolute;
top: 40px;
left: 60px;
background: url('../../de/gate/img/gate/header_logo_gxp.png') no-repeat;
}

#logo-gxp a {
display: block;
cursor: pointer;
height: 48px;
}

#logo-stepover {
width: 125px;
height: 129px;
position: absolute;
top: -15px;
left: 60px;
background: url('../../de/gate/img/gate/header_logo_stepover.png') no-repeat;
}

#logo-stepover a {
display: block;
cursor: pointer;
height: 129px;
}

#logo-randyrun {
width: 83px;
height: 131px;
position: absolute;
top: 0;
left: 60px;
background: url('../../de/gate/img/gate/header_logo_randyrun.png') no-repeat;
}

#logo-randyrun a {
display: block;
cursor: pointer;
height: 131px;
}

#logo-playit {
width: 136px;
height: 41px;
position: absolute;
top: 45px;
left: 60px;
background: url('../../de/gate/img/gate/header_logo_playit.png') no-repeat;
}

#logo-playit a {
display: block;
cursor: pointer;
height: 41px;
}

/* IR ---------------------------- */

#logo-bazicenter {
width: 194px;
height: 69px;
position: absolute;
top: 35px;
left: 60px;
background: url('../../ir/gate/img/gate/header_logo_bazicenter.png') no-repeat;
}

#logo-bazicenter a {
display: block;
cursor: pointer;
width: 194px;
height: 69px;
}

/* PL ---------------------------- */

#logo-gryOnline {
width: 180px;
height: 59px;
position: absolute;
top: 35px;
left: 60px;
background: url('../../pl/gate/img/gate/header_logo_gryonline.jpg') no-repeat;
}

#logo-gryOnline a {
display: block;
cursor: pointer;
width: 180px;
height: 59px;
}

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

/* JP ---------------------------- */

#cherryBlossoms {
position: absolute;
width: 825px;
height: 194px;
background: url('../../jp/gate/img/gate/header_cherryblossoms.png') no-repeat;
left: 50%;
margin-left: -412px;
top: 0;
}

#kodomo {
position: absolute;
width: 876px;
height: 152px;
background: url('../../jp/gate/img/gate/header_kodomo.png') no-repeat;
left: 50%;
margin-left: -435px;
top: 0;
}

/* IR ---------------------------- */

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

/* SL ---------------------------- */

#header #logo-bringler {
width: 242px;
height: 62px;
position: absolute;
top: 35px;
left: 60px;
background: url('../../sl/gate/img/gate/header_logo_bringler.png') no-repeat;
}

#header #logo-bringler a {
display: block;
cursor: pointer;
height: 62px;
}