/**
Title: CSS Styles for Bulfleet 3.0 INDEX
Author: Joro Balinov
E-mail: joro@xs-software.com
Website: http://www.xs-software.com
**/

* {
margin: 0;
padding: 0;
}

body {
background: #282a4e;
font-family: Verdana, Helvetica, Arial, sans-serif;
min-width: 1000px;
color: #fff;
}

a {
color: #fff;
}

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

.clear {
clear: both;
}

.hide {
display: none;
}

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

#header {
background: url('../img/index/h_bknd.jpg') repeat-x;
}

#header .wrapper {
width: 820px;
height: 106px;
padding: 23px 65px 0 65px;
position: relative;
margin: 0 auto;
background: url('../img/index/h_header.jpg') center 0 no-repeat;
}

#header ul {
list-style: none;
}

#header ul#navLeft {
float: left;
}

#header ul#navLeft li {
padding: 0 5px 0 0;
}

#header ul#navRight {
float: right;
}

#header ul#navRight li {
padding: 0 0 0 5px;
}

#header ul li {
float: left;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
line-height: 26px;
}

#header ul li a {
display: block;
float: left;
background: url('../img/index/n_right.gif') right 0 no-repeat;
padding: 0 9px 0 0;
text-decoration: none;
cursor: hand; /* IE fix */
}

#header ul li a span {
display: block;
float: left; /* IE6 fix */
height: 26px;
background: url('../img/index/n_left.gif') no-repeat;
padding: 0 0 0 9px;
}

#header ul li a:hover {
color: #000;
}

#header #languages {
text-align: center;
padding: 83px 0 0 0;
}

#header #languages a img {
border: 1px solid #fff;
}

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

#intro {
height: 260px;
padding: 15px 0 0 0;
background: url('../img/index/i_bknd.jpg') repeat-x;
text-align: center;
}

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

#content {
background: #000 url('../img/index/c_bknd.jpg') repeat-x;
}

#content .wrapper {
width: 939px;
position: relative;
margin: 0 auto;
}

#content #login {
width: 227px;
float: left;
padding: 85px 0 0 0;
background: url('../img/index/c_l_bknd.jpg') no-repeat;
font-size: 11px;
}

#content #login p {
clear: both;
}

#content #login p.button {
text-align: center;
padding: 5px 0;
background: url('../img/index/c_l_button.jpg') repeat-x;
}

#content #login label {
float: left;
height: 30px;
font-size: 11px;
text-align: right;
line-height: 22px;
width: 80px;
padding: 0 7px 0 0;
}

#content #login input, #content #login select {
font-size: 11px;
font-weight: bold;
padding: 3px;
border: 1px solid #fff;
background: #8386c3 url('../img/index/c_l_input.jpg') repeat-x;
color: #fff;
}

#content #login select {
padding: 0;
}

#content #login a {
font-weight: bold;
padding: 0 15px;
color: #afb2db;
}

#content #login a:hover {
color: #fff;
}

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

#content #pageBody {
width: 479px;
float: left;
background: #292b50  url('../img/index/c_pb_bknd.jpg') 0 46px no-repeat;
}

#content #pageBody .wrap {
padding: 15px 15px 30px 15px;
background: url('../img/index/c_pb_bknd2.jpg') 0 bottom no-repeat;
}

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

.errorbox {
margin: 25px 0;
}

.errorbox h3 {
background: url('https://www.bulfleet.com/img/v3/msg_error.gif') 15px 0 no-repeat;
padding: 0 0 0 50px;
height: 27px;
line-height: 27px;
font-size: 12px;
}

.errorbox .text {
background: #c84d40 url('https://www.bulfleet.com/img/v3/msg_error_bknd.jpg') repeat-x;
padding: 15px;
border-top: 10px solid #b76158;
font-size: 12px;
}

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

#content #pageBody #recruitBox {
background: url('../img/index/recruit_bknd.jpg') no-repeat;
border-bottom: 5px solid #6a6da5;
padding: 50px 10px 0 105px;
height: 62px;
margin: 0 0 10px 0;
}

#content #pageBody #recruitBox h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
line-height: 20px;
}

#content #pageBody #recruitBox p {
color: #c0c2e2;
font-size: 11px;
padding: 0;
}

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

#content #pageBody h4 {
font-size: 15px;
margin: 0 0 10px 0;
text-align: center;
height: 35px;
background: url('../img/index/c_pb_header.jpg') center 0 no-repeat;
}

#content #pageBody p {
font-size: 12px;
padding: 0 20px 10px 20px;
text-align: justify;
}

#content #pageBody table thead tr td {
font-size: 9px;
text-transform: uppercase;
background: #151732;
border-bottom: 6px solid #0f1127;
padding: 5px;
font-weight: bold;
color: #8085c3;
}

#content #pageBody table tbody tr td {
border-bottom: 6px solid #3a3d78;
border-right: 1px solid #3a3d78;
padding: 5px 10px;
font-size: 11px;
}

#content #pageBody table tbody tr td.special {
background: #1c1e4e;
font-weight: bold;
border-color: #505393;
}

#content #pageBody #announcement {
background: #161734;
padding: 10px;
border: 1px solid #494c7c;
margin: 0 0 20px 0;
}

#content #pageBody #announcement h5 {
font-size: 15px;
line-height: 
}

#content #pageBody #announcement p {
padding: 0;
text-align: left;
color: #8d91cd;
font-size: 11px;
}

#content #pageBody #announcement a {
font-weight: bold;
}

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

#content #register {
width: 233px;
padding: 90px 0 0 0;
float: left;
background: url('../img/index/c_r_bknd.jpg') no-repeat;
}

#content #register a#registerNow-en {
display: block;
width: 203px;
height: 111px;
background: url('../img/index/register_but_en.gif') no-repeat;
margin: 0 0 40px 15px;
}

#content #register a#registerNow-bg {
display: block;
width: 203px;
height: 111px;
background: url('../img/index/register_but_bg.gif') no-repeat;
margin: 0 0 40px 15px;
}

#content #register span {
display: block;
font-size: 11px;
font-weight: bold;
background: #1f4717;
padding: 5px;
margin: 10px;
border: 1px solid #8ecd81;

}

#content #register p {
clear: both;
}

#content #register p.button {
text-align: center;
padding: 5px 0;
background: url('../img/index/c_r_button.jpg') repeat-x;
}

#content #register label {
float: left;
height: 30px;
font-size: 11px;
text-align: right;
line-height: 22px;
width: 80px;
padding: 0 7px 0 0;
}

#content #register input, #content #register select {
font-size: 11px;
font-weight: bold;
padding: 3px;
border: 1px solid #fff;
background: #53b73f url('../img/index/c_r_input.jpg') repeat-x;
color: #fff;
}

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

#footer {
background: url('../img/index/f_bknd2.jpg') repeat-x;
}

#footer .wrapper {
width: 946px;
height: 127px;
margin: 0 auto;
padding: 50px 0 0 0;
background: url('../img/index/f_bknd.jpg') center 0 no-repeat;
}

#footer #copyright {
padding: 0 0 15px 150px;
font-size: 11px;
color: #7377bb;
}

#footer #counters {
float: right;
margin: 0 0 0 20px;
}

#footer #partners {
font-size: 9px;
padding: 10px 0 10px 150px;
}

#footer #partners a {
color: #7377bb;
}

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

#footer #bottomBanner {
text-align: center;
}

/* ------------------------- 
   NEW REGISTRATION STYLES
-------------------------------- */

#selectWorld {

}

#selectWorld .worldItem {
width: 49%;
float: left;
height: 210px;
}

#selectWorld .worldItem a.linkWorld {
display: block;
width: 142px;
height: 161px;
padding: 20px 0 0 110px;
margin: 0 10px;
text-decoration: none;
color: #bcbeeb;
font-size: 13px;
position: relative;
}

#selectWorld #selWorld1 a.linkWorld {
float: right;
background-image: url('../../img/index/qreg_uni1.jpg');
}

#selectWorld #selWorld2 a.linkWorld {
float: left;
background-image: url('../../img/index/qreg_uni2.jpg');
}

#selectWorld #selWorld3 a.linkWorld {
float: right;
background-image: url('../../img/index/qreg_uni3.jpg');
}

#selectWorld #selWorld4 a.linkWorld {
float: right;
background-image: url('../../img/index/qreg_uni4.jpg');
}

#selectWorld .worldItem a.linkWorld:hover {
background-position: -252px 0;
color: #fff;
}

#selectWorld .worldItem a.linkWorld span.serverNote {
display: inline;
position: absolute;
left: 20px;
top: -20px;
background-color: #565aa3;
font-size: 12px;
line-height: 12px;
padding: 4px 8px;
}

#selectWorld .worldItem a.linkWorld:hover span.serverNote {
background-color: #7377c4;
}



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

.registerForm {
color: #fff;
padding: 34px 0 0 20px;
display: none;
}

.registerForm h3 {
text-align: center;
font-size: 22px;
padding: 0 0 50px 0;
}

.registerForm p {
padding: 10px 10%;
text-align: center;
font-size: 11px;
}

.registerForm .row {
padding: 5px 0;
margin: 0 10%;
border-bottom: 1px solid #4e5197;
}

.registerForm .row label {
display: block;
float: left;
width: 45%;
padding: 0 10px 0 0;
text-align: right;
}

.registerForm .row label a {
color: #fff;
}

.registerForm .row input {
padding: 5px;
font-size: 11px;
background: #1a1a3e;
border: 1px solid #fff;
color: #fff;
}

.registerForm .buttonRow {
text-align: center;
padding: 20px 0;
}

.registerForm .buttonRow input {
height: 59px;
background: #1a1a3e;
border: 1px solid #fff;
padding: 0 15px;
font-size: 15px;
font-weight: bold;
color: #fff;
line-height: 20px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

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

.registerWrap .closeLink {
height: 18px;
position: absolute;
right: 5px;
top: 5px;
}

.registerWrap .closeLink a {
display: block;
float: right;
color: #fff;
font-size: 11px;
font-weight: normal;
text-decoration: none;
background: url('../../img/reborn/qreg_close.gif') right 0 no-repeat;
line-height: 18px;
padding: 0 25px 0 0;
height: 18px;
}

.registerWrap .closeLink a:hover {
text-decoration: underline;
}

.registerWrap h4 {
text-align: center;
font-size: 15px;
padding: 10px 0 20px 0;
color: #fff;
}

.registerWrap {
display: none;
position: absolute;
top: 15%;
margin-left: -350px;
left: 50%;
width: 700px;
height: 470px;
background: #292b51 url('../../img/index/register_bknd.jpg') repeat-x;
text-align: left;
z-index: 1001;
overflow: auto;	
border: 1px solid #fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
}

.registerWrap .sub {
background: url('../../img/index/register_bknd2.jpg') center 0 no-repeat;
overflow: hidden;
}

#overlay{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }