﻿/**
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('http://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('http://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 #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 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;
}