form,fieldset,img{border:0;margin:0;padding:0}
html{height:100%;}
body{
    background:url(../images/login/background.jpg) no-repeat 100% 100%;
    background-color: #000;
    background-size: 100% 100%;
    margin: 0 auto;
    font:12px/14px PT Sans,Helvetica,sans-serif;
    color:#CCC;
}

a{color:#424242;text-decoration:none;}
a:hover{color:#424242;}

#race_page{
    width:860px;
    margin:4px auto 0;
    overflow:hidden;
}
/*header*/
#logo{
    background:url(../images/login/logo.png) no-repeat;
    top: 20px;
    margin-left: 50%;
    left: -285px;
    width: 591px;
    height: 94px;
    overflow: hidden;
    position: absolute;
}
.top_menu_repeat {
    background:url(../images/login/top_menu_repeat.png) repeat-x;
    width:100%;
    height:77px;
    left: 0px;
    top:119px;
    position:absolute;
}
#header{
    background:url(../images/login/top_menu.png) no-repeat;
    top:119px;
    margin-left:50%;
    left:-750px;
    width:1300px;
    height:77px;
    overflow:hidden;
    position:absolute;
}

/*languages*/
div#networkBar {
    background: #000;
    padding: 0;
    border: 0;
    margin: 0;
    height: 25px;
    width: 100%;
    overflow: hidden;
}

#header ul.language{
    height:11px;
    margin:0;
    padding:0;
    list-style:none;
    text-align:center;
    overflow:hidden;
}
#header ul.language li{display:inline;}
/*two buttons*/
#header ul.buttons{
    padding: 0px;
    font-size: 11px;
    line-height: 26px;
    list-style: none outside none;
    overflow: hidden;
    left: 370px;
    position: absolute;
}
#header ul.buttons li{
    float:left;
    font-weight:bolder;
    display:inline;
    width:126px;
    margin:0 0 0 70px;
    text-align:center;
}
#header ul.buttons li a{
    font-size:13px;
    font-weight:bolder;
    float:left;
    width:102px;
    height:40px;
    padding:6px 12px;
    cursor:pointer;
    background:url(../images/login/btn-header.png) no-repeat 0px 0;
}
#header ul.buttons .skull {
    margin:0;
    width:85px;
}
#header ul.buttons .skull a,
#header ul.buttons .skull a:hover{
    background:none;
    height:50px;
    width:50px;
}

#header ul.buttons .tour {
    margin:0;
    width:126px;
}

#header ul.buttons li a:hover{background:url(../images/login/btn-header-hover.png) no-repeat 0 0;}

#header ul.buttons li a.btn-login{
    background:url(../images/login/btn-header-hover.png) no-repeat 0 0;
}

/*races*/
#header ul.race_header_text{
    width:518px;
    margin:129px auto 0;
    padding:0;
    font-size:25px;
    line-height:26px;
    list-style:none;
    overflow:hidden;
}
#header ul.race_header_text li{
    float:left;
    display:inline;
    width:300px;
    margin:0 0 0 100px;
    text-align:center;
}

.race-image {
    width: 100%;
    height: 100%;
}

/*main*/
.gradient{
    background: -moz-linear-gradient(top, rgba(135,224,253,0.6) 0%, rgba(83,203,241,0.1) 40%, rgba(5,171,224,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,0.6)), color-stop(40%,rgba(83,203,241,0.1)), color-stop(100%,rgba(5,171,224,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(135,224,253,0.6) 0%,rgba(83,203,241,0.1) 40%,rgba(5,171,224,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(135,224,253,0.6) 0%,rgba(83,203,241,0.1) 40%,rgba(5,171,224,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(135,224,253,0.6) 0%,rgba(83,203,241,0.1) 40%,rgba(5,171,224,0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(135,224,253,0.6) 0%,rgba(83,203,241,0.1) 40%,rgba(5,171,224,0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9987e0fd', endColorstr='#9905abe0',GradientType=0 ); /* IE6-9 */

    /*background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(117,217,249,0.5) 14%, rgba(83,203,241,0.1) 40%, rgba(26,180,229,0.5) 84%, rgba(5,171,224,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(14%,rgba(117,217,249,0.5)), color-stop(40%,rgba(83,203,241,0.1)), color-stop(84%,rgba(26,180,229,0.5)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(117,217,249,0.5) 14%,rgba(83,203,241,0.1) 40%,rgba(26,180,229,0.5) 84%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(117,217,249,0.5) 14%,rgba(83,203,241,0.1) 40%,rgba(26,180,229,0.5) 84%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(117,217,249,0.5) 14%,rgba(83,203,241,0.1) 40%,rgba(26,180,229,0.5) 84%,rgba(5,171,224,1) 100%); /* IE10+ */
    /*background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(117,217,249,0.5) 14%,rgba(83,203,241,0.1) 40%,rgba(26,180,229,0.5) 84%,rgba(5,171,224,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 690px;
    top: 160px;
    left: 0px;
    position: absolute;
}
#main {
    background:url(../images/login/content_box.png) no-repeat;
    height:631px;
    width:944px;
    left:-472px;
    top:197px;
    margin-left:50%;
    position:absolute;
    overflow:hidden;
}
#main div.container{
    background-color: rgba(44, 44, 44, 0.66);
    margin-top: 16px;
    margin-left: 21px;
    height:599px;
    width:902px;
    overflow:hidden;
}
/* Register Container Background with Gradient */
/*.container_background{
	top:0px;
	left:0px;
	width:1000px;
	height:800px;
	background:url('../images/login/reg_background.png') no-repeat;
}*/
.label{
    background-size: 100% 100%;
    width:100%;
    height:250px;
    padding: 0px;
    margin: 0px;
}
.image{
    background-size: 100% 100%;
    width:100%;
    height:150px;
    padding: 0px;
}
.news-image{
    width:100%;
    height:150px;
}
.image1{
    background: url(../images/login/image1.jpeg) no-repeat;
    background-size: 100% 100%;
    width:100%;
    height:150px;
}
.image2{
    background: url(../images/login/image2.jpg) no-repeat;
    background-size: 100% 100%;
    width:100%;
    height:150px;
}
.image3{
    background: url(../images/login/image3.jpg) no-repeat;
    background-size: 100% 100%;
    width:100%;
    height:150px;
}
.image4{
    background: url(../images/login/image4.jpg) no-repeat;
    background-size: 100% 100%;
    width:100%;
    height:150px;
}
.image5{
    background: url(../images/login/image5.jpg) no-repeat;
    background-size: 100% 100%;
    width:100%;
    height:150px;
}
.image6{
    background: url(../images/login/image6.jpg) no-repeat;
    background-size: 100% 100%;
    width:100%;
    height:150px;
}
hr {
    margin:0px;
    border: 0; height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.3), rgba(0,0,0,0.75), rgba(0,0,0,0.3));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0.3), rgba(0,0,0,0.75), rgba(0,0,0,0.3));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0.3), rgba(0,0,0,0.75), rgba(0,0,0,0.3));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.3), rgba(0,0,0,0.75), rgba(0,0,0,0.3));
}

h1, h2{
    text-align: center;
}
.text {
    margin-left:10px;
    margin-right: 10px;
}
.title-style {
    font-weight:inherit;
    font-family: 'PT Sans', serif;
    font-size:18px;
    text-shadow:  2px 2px 4px #000000;

}
.text-style {
    font-family: 'PT Sans', sans-serif;
    font-size:14px;
    text-shadow:  2px 2px 4px #000000;
}
.content-links{
    color:#13b3db;
}
.content-links:hover{
    color:#13dbdb;
}
.content-size{
    position:relative;
    height:286px;
    width:293px;
    float:left;
}
.content-border{
    height:271px;
    width:277px;
    background-color:rgba(0, 0, 0, 0.3);
    padding:4px;
    margin-top:15px;
    margin-left:15px;
    border-left: 1px solid rgba(84, 84, 84, 0.3);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.4) rgba(74, 74, 74, 0.6) rgba(74, 74, 74, 0.6) rgba(0, 0, 0, 0.4);
}
.content-border-full-size{
    height: 561px;
    width: 864px;
    background-color:rgba(0, 0, 0, 0.3);
    padding:4px;
    margin-top:15px;
    margin-left:15px;
    border-left: 1px solid rgba(84, 84, 84, 0.3);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.4) rgba(74, 74, 74, 0.6) rgba(74, 74, 74, 0.6) rgba(0, 0, 0, 0.4);
}
#main div.content {
    height:270.5px;
    background-color: rgba(39, 39, 39, 0.45);
    box-shadow: 0px 0px 2px 0px rgba(6, 6, 6, 1);
}
#main div.content-full-size {
    padding: 2px 0 0 0;
    height: 100%;
    text-align: justify;
    line-height: 16px;
    background-color: rgba(39, 39, 39, 0.45);
    box-shadow: 0px 0px 2px 0px rgba(6, 6, 6, 1);
}
/*big btn*/
#main div.central-btn{
    width:100%;
    height:50px;
    margin:233px 0 0;
    overflow:hidden;
    position:absolute;
}

#main div.central-btn-big{
    width:100%;
    margin:24px 0 0;
    overflow:hidden;
}

#main div.central-btn a{
    color:#e3b43d;

    display:block;
    cursor:pointer;
    margin:0 auto;
    width:191px;
    padding: 0 0 0 0;
    font:bold 20px/60px "Times New Roman",Georgia,serif;
    text-align:center;

}

#main div.subscribe a,
#main div.central-btn-big a{
    color:#e3b43d;

    display:block;
    cursor:pointer;
    margin:0 auto;
    width:191px;
    padding:23px 23px;
    font:bold 15px/48px "Times New Roman",Georgia,serif;
    text-align:center;

}
#main div.subscribe a:hover,
#main div.central-btn a:hover{
    color:#ffde9f;
    cursor:pointer;

}

#main div.central-btn-big a:hover{
    color:#ffde9f;
    cursor:pointer;
    background:url(../images/login/btn-central-hover.png) no-repeat 0 0;
}

#main div.title {
    margin:17px 0 0;
    overflow:hidden;
    width:100%;
}

#main div.title h2 {
    color:#F2D9A7;
    background:url(../images/login/title.png) no-repeat 0 0;
    display:block;
    margin:0 auto;
    width:305px;
    padding:8px 23px;
    font:19px/48px "Times New Roman",Georgia,serif;
    text-align:center;
}

/*text flag*/
#main div.text-flag{
    position:absolute;
    width:261px;
    height:160px;
    margin:6px auto 0;
    margin-left:53px;
    overflow:hidden;
}

#main div.text-flag-big h2 {
    text-align:center;
    margin: 5px 0;
    font-size: 16px;
}

#main img.story-img {
    margin: 0 6px;
    text-align: center
}

.nav-guide {
    height:96px;
    position:absolute;
    top:150px;
    width:545px;
}


.nav-guide-prev {
    background:url(../images/login/btn-prev.png) no-repeat 0 0;
    float:left;
    height: 96px;
    width:66px;
}

a:hover.nav-guide-prev  {
    background:url(../images/login/btn-prev-hover.png) no-repeat 0 0;
    float:left;
    height: 96px;
    width:66px;
}

.nav-guide-next {
    background:url(../images/login/btn-next.png) no-repeat 0 0;
    float:right;
    height: 96px;
    width:66px;
}

a:hover.nav-guide-next  {
    background:url(../images/login/btn-next-hover.png) no-repeat 0 0;
    float:right;
    height: 96px;
    width:66px;
}

#main div.subscribe {
    margin:14px auto;
    overflow:hidden;
    width:100%;
}

#main div.text-flag-big{
    width:450px;
    height:333px;
    margin:9px auto 0;
    overflow:hidden;
}

#main p{margin:0 0 7px;}

#main p.guide-text {
    margin: 0 13px 7px;
}

#main h5{
    margin:0;
    font-size:11px;
    line-height:14px;
    text-align:center;
}
#main h5 a{color:#424242;}
#main h5 a:hover{color:#424242;}

/*LOGIN*/
.login-box {
    position:absolute;
    box-shadow: 0px 0px 2px 0px #13b3db;
    height:270px;
    width:200px;
    top:170px;
    margin-left:50%;
    left: 32px;
    border-radius: 2px;
    z-index:1000;
}
.login-box-container{
    position:absolute;
    -moz-box-shadow:inset 0px 4px 24px rgba(56, 56, 56, 1);
    -webkit-box-shadow:inset 0px 4px 24px rgba(56, 56, 56, 1);
    box-shadow:inset 0px 4px 24px rgba(56, 56, 56, 1);
    background-color: rgba(26, 25, 25, 1);
    height:270px;
    width:200px;
    z-index:1000;
}
.login-box div.form{
    position:absolute;
    padding:0 0 0 15px;
    /*margin-top: -11px;*/
}
.login-title{
    font-size:15px;
    margin-top:1px;
    margin-left:58px;
    color:#13b3db;
}
.login-box div.form div.login label{
    display:block;
    font-size:13px;
    line-height:17px;
    margin-left:20px;
    color:#CCC;
}
.login-box div.form div.login select{
    background-color:#000;
    display:block;
    width:138px;
    margin-left:14px;
    color:#FFFFFF;
    font-size:11px;
}
.login-box div.form div.login div.bg{
    display:block;
    width:137px;
    height:30px;
    margin-top:-5px;
    margin-left:15px;
    background:url(../images/login/bg-login-input-new.png) no-repeat 0 0;
}
.login-box div.form div.login input.text{
    display:block;
    width:123px;
    padding:4px 10px 0 5px;
    border:0;
    margin:5px 5px 5px 0;
    font-size:11px;
    line-height:24px;
    color:#FFF;
    background:none;
}

.login-box div.form div.login input.submit{
    display: block;
    width: 130px;
    height: 40px;
    padding: 6px;
    border: 0;
    margin-left:27px;
    font-size: 12px;
    line-height: 13px;
    cursor: pointer;
    color:#CCC;
    background:url(../images/login/btn-login.png) no-repeat 0 0;
}

.login-box div.form div.login input.submit:hover{
    color:#FFFFFF;
    background:url(../images/login/btn-login-hover.png) no-repeat 0 0;
}
.login-box div.form div.login div.submit{
    position:relative;
    margin:10px 0 0 -7px;
    background:none;
    width:auto;
}
.login-box div.form ul.help{
    margin:27px 0 0 -10px;
    overflow:hidden;
    font-size:10px;
    line-height:13px;
    list-style-type:none;
}
.login-box div.form ul.help li{
    padding:0 15px;
    border-left:1px solid #CCC;
    margin:0 0 0 -1px;
}
.login-box div.form ul.help li a{color:#939393;}
.login-box div.form ul.help li a:hover{color:#FFF;}

.login-box div.register {
    width:465px;
    height: 333px;
    margin:10px auto 0;
}
/*form passwordlost*/
.login-box div.form-passwordlost{
    margin:0;
    padding:0;
}

.login-box div.form-passwordlost ul {
    height:60px;
    list-style:none;
    padding:0;
    margin:25px 30px 15px 47px;
}
.login-box div.form-passwordlost ul li{
    float:left;
    display:block;
    width:190px;
}

.register input.submit{
    display: block;
    width: 130px;
    height: 40px;
    padding: 6px;
    border: 0;
    margin: 50px;
    margin-left:45%;
    font-size: 15px;
    line-height: 13px;
    cursor: pointer;
    color:#CCC;
    background:url(../images/login/btn-login.png) no-repeat 0 0;
}

.register input.submit:hover{
    color:#FFFFFF;
    background:url(../images/login/btn-login-hover.png) no-repeat 0 0;
}

.username {
    margin:5px 0 0 0;
}
/*form register*/
#main div.form-reg{
    float:left;
    width:100%;
    padding:0;
    margin:10px 0 0;
}

#main div.form-reg ul{
    float:left;
    margin:5px 0 0;
    padding:0;
    list-style:none;
}

#main div.form-reg ul li{
    width:200px;
    padding:0 0 15px;
    float:left;
    display:block;
}
#main .agb-check {
    float:left;
    margin: 3px 10px;
}

#main p.agb-text {
    font-size: 15px;
    margin-top: -22px;
    margin-left: 188px;
    width: 220px;
}
.language_reg{
    display: block;
    font-size: 15px;
    text-shadow: 2px 2px 1px #000;
    color: #FFF;
    margin: 0px 0px 0px 0px;
}
#main div.form-reg ul.login li{
    padding:0 ;
}

#main div.form-passwordlost ul.password li label,
#main div.form-reg ul.login li label{
    display:block;
    font-size:15px;
    text-shadow:2px 2px 1px #000;
    line-height:17px;
    color:#FFF;
    float:left;
    clear: both;
    margin: 10px 0 0 10px;
}
#main div.form-reg ul.login li select{
    display:block;
    width:136px;
    color:#CCCCCC;
    font-size:11px;
}
#main div.form-passwordlost .world select.reg-server,
#main div.form-reg ul.password li select.reg-server,
#main div.form-reg ul.login li select.reg-server{
    width:182px;
    height:38px;
}

#main div.form-passwordlost .world {
    height:30px;
    margin:10px 0 0 47px;
}

#main div.form-passwordlost .world label {
    color:#C19F60;
    display:block;
    font-size:10px;
    line-height:17px;
    margin:0 0 0 10px;
}

#main div.form-reg .selectArea{
    height:38px;
}

#main div.form-passwordlost .world .center,
#main div.form-reg .center{
    background: url(../images/login/bg-reg-input.png) no-repeat;
    width:100%;
    height: 38px;
    padding:5px 21px 0 14px;
}
#main div.form-passwordlost .world .selectButton,
#main div.form-reg .selectButton {
    right:10px;
    top:9px;
}

#main div.form-passwordlost ul.password li div.bg,
#main div.form-reg ul.login li div.bg{
    display:block;
    width: 190px;
    background:url(../images/login/bg-reg-input.png) no-repeat 0 0;
    margin-left:200px;
}

#main div.form-passwordlost ul.password li input.text,
#main div.form-reg ul.login li input.text{
    display:block;
    width:170px;
    height:14px;
    padding:12px;
    border:0;
    margin:0;
    font-size:11px;
    line-height:13px;
    color:#fff;
    background:none;
    /*needed to fix IE6 Bug with PNG alpha problem and clickability*/
    position:relative;
}

#main div.form-passwordlost input.submit,
#main div.form-reg input.submit{
    display:inline;
    background:url(../images/login/btn-reg.png) no-repeat 0 0;
    border:0;
    cursor:pointer;
    color:#FFF;
    font-size:15px;
    font-family:"Times New Roman",Georgia,serif;
    text-transform: uppercase;
    height:57px;
    line-height:16px;
    margin-top: 15px;
    margin-left: 75px;
    padding:0px;
    width:221px;
}

#main div.form-passwordlost input.submit:hover,
#main div.form-reg input.submit:hover,
#main div.form-reg ul.login li input.submit:hover{
    color:#d5d5d5;
    background:url(../images/login/btn-reg-hover.png) no-repeat 0 0;
}
#main div.form-reg ul.login li div.submit{
    position:absolute;
    background:none;
    width:auto;
    margin:210px 0 0 200px;
}

.buttonSubmit {
    text-align: center;
}

.left-col {
    font-size: 12px;
    float: left;
    width: 250px;
    margin-left: 26%;
    margin-top: 125px;
}
.left-col2 {
    font-size:12px;
    padding-left: 0px;
    padding-top: 20px;
    float:left;
    width: 200px;
}
.right-col {
    position:absolute;
    top:350px;
    left:232px;
    float:left;
    width: 200px;

}

.error-message {
    color: red;
}

.togglePassVisibilityButton {
    color: white;
    position: absolute; 
    margin: -26px 0 0 152px;
    cursor: pointer;
}

/*footer*/


.footer_top {
    background:url(../images/login/footer_top.png) no-repeat;
    width:1143px;
    height:58px;
    left:-572px;
    top:825px;
    margin-left:50%;
    position:absolute;
    overflow:hidden;
}
.footer_top_repeat {
    background:url(../images/login/footer_top_repeat.png) repeat-x;
    width:100%;
    height:58px;
    left: 0px;
    top:825px;
    position:absolute;
}
#footer{
    background-color:rgba(33,33,33,0.9);
    width:897px;
    height:51px;
    text-align:center;
    font-size:12px;
    color:#CCC;
    left:-451px;
    top:850px;
    padding-top:50px;
    margin-left:50%;
    position:absolute;
    overflow:hidden;
}
.footer_bottom{
    background:url(../images/login/footer_bottom.png) no-repeat;
    width:897px;
    height:54px;
    text-align:center;
    font-size:12px;
    color:#CCC;
    left:-451px;
    top:950px;
    margin-left:50%;
    position:absolute;
    overflow:hidden;
}
#footer p{
    display:inline;
    margin:0;
}
#footer ul{
    display:inline;
    margin:0;
    padding:0;
    list-style:none;
}
#footer ul li{
    display:inline;
    padding:0 4px;
    border-left:1px solid #CCC;
}
#footer ul li:first-child{
    border:0;
}
#footer ul li a{color:#CCC;}
#footer ul li a:hover{color:#CCC;}

select {
    margin-top: 18px;
    font-family: verdana;
    font-size: 10px;
    color: #CCCCCC;
    background:url(../images/login/select-bg.png);
    border: #2a2a2a solid 3px;
}

/* Screenshots */
.gallery{
    position:relative;
    margin-left:5px;
    margin-top:20px;
}
.gallery_img_size{
    width: 202px;
    height: 120px;
}
.content-size-about{
    position:relative;
    /*   height:165px;
       width:860px;*/
    float:left;
}
.content-border-about{
    /*	height:165px;
        width:860px;*/
    background-color:rgba(0, 0, 0, 0.3);
    padding:4px;
    margin-top:15px;
    margin-left:15px;
    border-left: 1px solid rgba(84, 84, 84, 0.3);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.4) rgba(74, 74, 74, 0.6) rgba(74, 74, 74, 0.6) rgba(0, 0, 0, 0.4);
}
.content-about {
    /*	height:165px;*/
    background-color: rgba(39, 39, 39, 0.45);
    box-shadow: 0px 0px 2px 0px rgba(6, 6, 6, 1);
}
.content-size-gallery{
    position:relative;
    /*   height:165px;
       width:860px;*/
    float:left;
}
.content-border-gallery{
    /*	height:165px;
        width:860px;*/
    background-color:rgba(0, 0, 0, 0.3);
    padding:4px;
    margin-top:15px;
    margin-left:6px;
    border-left: 1px solid rgba(84, 84, 84, 0.3);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.4) rgba(74, 74, 74, 0.6) rgba(74, 74, 74, 0.6) rgba(0, 0, 0, 0.4);
}
.content-gallery {
    /*	height:165px;*/
    background-color: rgba(39, 39, 39, 1);
    box-shadow: 0px 0px 2px 0px rgba(6, 6, 6, 1);
}
.game_info_title{
    font-size:25px;
    color:#FFF;
    text-shadow:2px 2px 2px #000;
    margin-left:350px;
    margin-top:-128px;
}
.game_info {
    font-size:15px;
    color:#FFF;
    text-shadow:2px 2px 2px #000;
    width:500px;
    height:100px;
    margin-left:350px;

}
.game_info_pic {
    background:url(../images/login/image5.jpg) no-repeat;
    background-size: 100% 100%;
    width:310px;
    height:165px;

}

/* INDEX SERVER 2 TIMER BORDER */

.misiones {
    background: url(../theme/voltra/interface_images/navigation_images/bg_duplicado_angosto.png);
    height:21px;
    width:160px;
    font-weight: bold;
    color: #E8E8E8;
    /* #1C1C1C */
    text-shadow: 2px 2px 2px #000;
    margin-left:95px;
    padding-bottom: 8%;

}
.misiones_top {
    background: url(../theme/voltra/interface_images/navigation_images/misiones_header.png);
    height:21px;
    width:160px;
    margin-left:95px;

}
.misiones_footer{
    background: url(../theme/voltra/interface_images/navigation_images/misiones_footer.png);
    height:21px;
    width:160px;
    margin-left:95px;

}
#count {
    border: none;
    text-align: center;
    background-color: transparent;
}

.invisible {
    font-size: 0px;
    border-style: none;
    width: 100%;
    max-height: 0px;
    line-height: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: none;
}

.inline{display:inline-block;float:left;}
.clearBoth{clear:both;}
#uni-select .content-border {border: 2px solid transparent;}
#uni-select .content-border:hover {border: 2px solid #444;}
#uni-select div.content-border.selected_universe {border: 2px solid #a51;}

.tip {
    color: #fff;
    background:#1d1d1d;
    /*background:url(interface_images/navigation_images/bg_boxes.png);*/
    border: 2px solid #1d1d1d;
    text-align: left;
    font-weight: bold;
    display:none;
    padding:3px 3px 3px 3px;
    position:absolute;
    z-index:1000;
    max-width: 500px;
}
.tip td, .tip td img{
    background:#1d1d1d;
    padding:3px 3px 3px 3px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.tip hr{
    color:#1d1d1d;
    background-color:#1d1d1d;
    height: 2px;
    border: 0px;
    padding: 0;
    margin: 0;
}
.tip th{
    background:#1d1d1d url(interface_images/navigation_images/bg_boxes.png);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#uni-select .content
{
    cursor: pointer;
}

#uni-select .label
{
    cursor: pointer;
}

.universe-info-table, th, tr, td {
    text-align: center;
    border-collapse:unset;
}

.universe-info-table th {
    background: #3f474e;
}

.universe-info-table td {
    background: #284055;

}


/* ----------------------------- */
/* Media Query for mobile phones */
/* ----------------------------- */

@media only screen and (orientation: portrait) and (max-device-height : 900px), only screen and (orientation: landscape) and (max-device-width : 900px){
    body {
        background:none;
        background-color:rgb(18, 46, 54);
        font: 0 PT Sans,Helvetica,sans-serif;
    }

    #logo {
        background: url(../images/login/logo.png) no-repeat;
        top: 0px;
        background-size: 100% 13%;
        margin-left: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
    }


    #header {
        background:none;
        width: 100%;
        margin-left: 0;
        left: 0;
        top: 78px;
        overflow: unset;
        position: relative;
    }

    .top_menu_repeat {
        display:none;
    }

    #header ul.buttons li a {
        background: rgba(35, 148, 180, 0.8);
        font-size: 16px;
        color: white;
        border: solid 1px black;
        width: 27%;
        height: 30px;
        padding:10px;
    }

    #header ul.buttons li a:hover {
        background: #1f596acc;
    }

    #header ul.buttons li a.btn-login {
        background: rgba(37, 185, 56, 0.8);
    }

    #header .green-button {
        background: none;
        background-color: rgba(37, 185, 56, 0.8) !important;
        font-size: 26px !important;
        width: 43.5% !important;
        height: 36px !important;
    }

    #header ul.buttons li {
        width: 100%;
        margin: 0;
        float: none;
    }

    #header ul.buttons {
        line-height: unset;
        left: 0;
        font-size:0;
        width: 100%;
    }

    #header ul.buttons .tour {
        width: 27%;
    }

    .gradient {
        display:none;
    }

    #main {
        background: none;
        height: 100%;
        width: 100%;
        left: 0;
        top: 110px;
        display: flex;
        margin: 0;
        position: relative;
    }

    #main div.container {
        height: 100%;
        width: 100%;
        margin: 0px;
    }

    .content-size {
        height: 100%;
        width: 100%;
        display:flex;
    }

    .content-border {
        height: 100%;
        width: 100%;
        margin: 7px;
        padding: 9px;
        display:inline;
    }

    #main div.content {
        height: 100%;
        width: 100%;
        padding-bottom: 10px;
    }

    .login-box {
        top: 190px;
        left: -181px;
        box-shadow: none;
    }

    .login-box-container {
        background-color: rgb(39, 39, 39);
        box-shadow: 0px 0px 30px 0px #219d37;
        border-radius: 3px;
        border: solid 2px #219d37;
        height: 121%;
        width: 177%;
    }

    .login-box div.form div.login label {
        font-size: 17px;
        line-height: 21px;
    }

    .login-box div.form div.login select {
        width: 94%;
        height: 41px;
        font-size: 16px;
    }

    .login-box div.form div.login div.bg {
        display: block;
        width: auto;
        height: auto;
        margin-top: 0;
        margin-left: 0;
        background: none;
    }

    .login-box div.form div.login input.text {
        padding: 5px;
        margin: 5px 5px 5px 22px;
        width: 279px;
        height: 29px;
        font-size: 20px;
        background: white;
        color: black;
        border-radius: 8px;
        box-shadow: 0px 0px 33px #159cbd;
    }

    .login-box div.form div.login input.submit {
        background: rgba(37, 185, 56, 0.8);
        font-size: 33px;
        color: white;
        border: solid 1px black;
        width: 278px;
        height: 49px;
        margin-top: 20px;
    }

    .login-box div.form div.login input.submit:hover {
        background: rgba(44, 160, 59, 0.8);
    }

    .login-box div.form ul.help {
        margin: 0;
        font-size: 19px;
        line-height: 23px;
    }

    .register input.submit {
        background: #25b938;
        font-size: 26px;
        width: 130px;
        height: 41px;
        margin-left: 30%;
        /*position: fixed;*/
        bottom: -7%;
    }

    .register input.submit:hover {
        background: rgba(37, 185, 56, 0.8);
    }

    .togglePassVisibilityButton {
        color: black;
        position: absolute; 
        margin: -30px 0 0 280px;
    }

    .right-col {
        position: relative;
        top: 0;
        left: 0;
        float: none;
        width: 100%;
    }

    .language_reg {
        display: unset;
        font-size: 19px;
        margin: 0px 0px 0px 32px;
    }

    select {
        margin-left: 22px;
        font-size: 18px;
    }

    

    #main p.agb-text {
        font-size: 20px;
        margin-top: 27px;
        margin-left: 14px;
        width: 445px;
    }

    #main .agb-check {
        width: 20px;
        height: 20px;
    }

    .left-col {
        padding-left: 0;
        padding-top: 0;
        width: 100%;
        margin-left: 2%;
        margin-top: 0;
        /* height: 840px; */
    }

    #main div.form-passwordlost ul.password li label, #main div.form-reg ul.login li label {
        display: block;
        width: 390px;
        font-size: 17px;
        line-height: 27px;
    }

    #main div.form-passwordlost ul.password li div.bg, #main div.form-reg ul.login li div.bg {
        width: 100%;
        background: none;
        margin-left: 10px;
    }

    #main div.form-passwordlost ul.password li input.text, #main div.form-reg ul.login li input.text {
        width: 80%;
        height: 25px;
        background: white;
        font-size: 19px;
        line-height: 13px;
        color: #000;
    }

    .mobile-display-none {
        display:none;
    }

    .news-image{
        height: 190px;
        width: 100%;
    }

    .title-style {
        font-size: 21px;
        line-height: 31px;
    }

    .text-style {
        font-size: 17px;
    }

    .content-border-full-size{
        height: 100%;
        width: 90%;
    }

    .footer_top {
        display:none;
    }

    .footer_bottom {
        display:none;
    }

    .footer_top_repeat {
        display:none;
    }

    #footer {
        width: 100%;
        height: 100%;
        font-size: 18px;
        left: 0;
        top: 0;
        padding-bottom: 50px;
        margin-top: 200px;
        margin-left: 0;
        position: relative;
    }

    #main div.form-reg ul li {
        width: 100%;
    }

    .race-image {
        width:150px;
        height: 100px;
    }

}