/*
Title: Global CSS File for Help system
Author: Joro Balinov, joro@xs-software.com
Website: http://www.xs-software.com
*/

@import url(../css/lightbox.css);

* {
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
background: #727272 url('../img/p_bknd.jpg') repeat-x;
min-width: 900px;
}

.clear {
clear: both;
}

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

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

#wrap {
margin: 0 10%;
}

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

#header {
background: url('../img/h_left.jpg') no-repeat;
padding: 0 0 0 10px;
}

#header a {
display: block;
cursor: hand;
}

#header .sub {
background: url('../img/h_right.jpg') right 0 no-repeat;
padding: 0 19px 0 0;
}

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

#header .sub .content #logo-mythlands {
background: url('../img/h_logo_mythlands.jpg') no-repeat;
height: 115px;
}

#header .sub .content #logo-khanwars {
background: url('../img/h_logo_khanwars.jpg') no-repeat;
height: 115px;
}

#header .sub .content #logo-bulfleet {
background: url('../img/h_logo_bulfleet.jpg') no-repeat;
height: 115px;
}

#header .sub .content #logo-zarenkriege {
background: url('../img/h_logo_zarenkriege.jpg') no-repeat;
height: 115px;
}

#header .sub .content #logo-default {
background: url('../img/h_logo_default.jpg') no-repeat;
height: 115px;
}

#header .sub .content #logo-default-en {
background: url('../img/h_logo_default_en.jpg') no-repeat;
height: 115px;
}

#header .sub .content #logo-default-bg {
background: url('../img/h_logo_default_bg.jpg') no-repeat;
height: 115px;
}

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

#headermenu {
background: url('../img/hm_left.jpg') no-repeat;
padding: 0 0 0 12px;
}

#headermenu .sub {
background: url('../img/hm_right.jpg') right 0 no-repeat;
padding: 0 12px 0 0;
}

#headermenu .sub .content {
height: 37px;
background: url('../img/hm_bknd.jpg') repeat-x;
}

#headermenu ul#games {
list-style: none;
float: left;
}

#headermenu ul#games li {
float: left;
height: 37px;
font-size: 12px;
line-height: 27px;
margin: 0 10px;
}

#headermenu ul#games li a {
text-decoration: none;
color: #4d4d4d;
font-weight: bold;
}

#headermenu ul#games li a:hover {
color: #000;
border-bottom: 1px solid #999;
}

#headermenu ul#games li.active {
background: url('../img/hm_active.jpg') 0 bottom repeat-x;
border-left: 1px solid #9fb86e;
border-right: 1px solid #5b6c3b;
padding: 0 10px;
line-height: 35px;
color: #fff;
font-weight: bold;
}

#headermenu ul#language {
float: right;
list-style: none;
}

#headermenu ul#language li {
float: left;
font-size: 11px;
line-height: 27px;
margin: 0 3px;
}

#headermenu ul#language li a {
text-decoration: none;
color: #666;
}

#headermenu ul#language li a:hover {
color: #000;
border-bottom: 1px solid #ccc;
}

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

#statusbar {
padding: 3px 15px 10px 15px;
}

#statusbar #breadcrumb {
float: left;
font-size: 11px;
color: #fff;
font-weight: bold;
line-height: 23px;
}

#statusbar #breadcrumb a {
color: #c2c2c2;
text-decoration: none;
font-weight: normal;
}

#statusbar #breadcrumb a:hover {
color: #fff;
border-bottom: 1px solid #999;
}

#statusbar #search {
float: right;
text-align: right;
font-size: 11px;
color: #fff;
}

#statusbar #search input#searchfield {
background: #d3daff url('../img/sb_search_bknd.gif') repeat-x;
border-top: 1px solid #cbd3ff;
border-bottom: 1px solid #3c3e49;
border-left: 1px solid #d6ddff;
border-right: 1px solid #72778c;
font-size: 11px;
padding: 4px;
height: 13px;
vertical-align: middle;
}

#statusbar #search input#searchsubmit {
width: 28px;
height: 23px;
border: none;
background: url('../img/sb_search_button.gif') no-repeat;
vertical-align: middle;
}

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

#pagebody {
background: #fff;
}

#pagebody #navigation {
float: left;
width: 23%;
background: #c6c6c6;
margin: 1px 0 1px 1px;
border-right: 14px solid #b8b8b8;
padding: 20px 0 20px 2%;
}

#pagebody #navigation ul {
list-style: none;
text-align: right;
}

#pagebody #navigation ul li {
padding: 6px 10px 6px 0;
border-bottom: 1px solid #b8b8b8;
font-size: 12px;
line-height: 12px;
}

#pagebody #navigation ul li a {
color: #515151;
text-decoration: none;
}

#pagebody #navigation ul li a:hover {
color: #000;
border-bottom: 1px solid #999;
}

#pagebody #navigation ul li strong a {
color: #000;
border-bottom: 1px solid #999;
}

#pagebody #navigation ul li#gamelink {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18px;
color: #000;
font-weight: bold;
background: #dadada;
padding: 12px 10px 8px 0;
}

#pagebody #navigation ul li small {
font-size: 9px;
display: block;
color: #999;
}

#pagebody #navigation ul li.title {
font-weight: bold;
background: #b8b8b8;
padding: 0 10px 0 0;
}

#pagebody #navigation ul li.title a {
border-bottom: 1px solid #333;
display: block;
margin: 0 -10px 0 0;
padding: 5px 10px;
background: #c6c6c6;
}

#pagebody #navigation ul li.title ul li {
font-size: 11px;
font-weight: normal;
border-bottom: 1px solid #c6c6c6;
margin: 0 -10px -1px 0;
}

#pagebody #navigation ul li.title ul li a {
display: inline;
border: none;
background: #b8b8b8;
padding: 0 15px 0 0;
}

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

#pagebody #pagecontent {
float: left;
width: 66%;
padding: 20px 3%;
}

#pagebody #pagecontent h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
color: #888787;
border-bottom: 3px solid #ececec;
margin: 10px 0 10px 0;
}

#pagebody #pagecontent h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
color: #666;
}

#pagebody #pagecontent h3 a {
color: #666;
text-decoration: none;
border-bottom: 1px solid #999;
}

#pagebody #pagecontent h3 a:hover {
color: #000;
}

#pagebody #pagecontent p {
font-size: 11px;
line-height: 16px;
padding: 7px 10px;
}

#pagebody #pagecontent a {
color: #000;
}

#pagebody #pagecontent a:hover {
text-decoration: none;
color: #ccc;
}

#pagebody #pagecontent ul, #pagebody #pagecontent ol {
padding: 0 0 0 30px;
font-size: 11px;
}

#pagebody #pagecontent .topic {
background: url('../img/c_topic.gif') no-repeat;
padding: 0 0 0 40px;
border-bottom: 1px dashed #ccc;
margin: 0 0 10px 0;
}

#pagebody #pagecontent .image {
float: right;
margin: 15px;
padding: 5px;
border: 1px solid #ccc;
}

#pagebody #pagecontent table {
margin: 15px 0;
}

#pagebody #pagecontent table tr th {
font-size: 9px;
text-transform: uppercase;
padding: 6px 4px;
background: #eaeaea;
border-bottom: 4px solid #ccc;
}

#pagebody #pagecontent table tr td {
font-size: 9px;
padding: 5px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
background: #fff;
}

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

ul#select-games {
list-style: none;
margin: 15px -2% 0 -6%;
}

ul#select-games li {
float: left;
border: 1px solid #88879e;
width: 30%;
margin: 0 1% 10px 1%;
}

ul#select-games li a {
display: block;
background-position: center 0;
background-repeat: no-repeat;
height: 128px;
}

ul#select-games li .title {
padding: 5px;
background: #88879e;
text-align: center;
border-top: 4px solid #747389;
}

ul#select-games li .title h4 {
font-size: 15px;
color: #fff;
line-height: 15px;
}

ul#select-games li .title small {
font-size: 9px;
color: #ccc;
}

ul#select-games li#bulfleet a {
background-image: url('../img/selgame_bulfleet.jpg');
}

ul#select-games li#khanwars a {
background-image: url('../img/selgame_khanwars.jpg');
}

ul#select-games li#mythlands a {
background-image: url('../img/selgame_mythlands.jpg');
}

ul#select-games li#turboarena a {
background-image: url('../img/selgame_turboarena.jpg');
}

ul#select-games li#pentacore a {
background-image: url('../img/selgame_pentacore.jpg');
}

ul#select-games li#zarenkriege a {
background-image: url('../img/selgame_zarenkriege.jpg');
}


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

#pagebody #bottombar {
background: #abb2db url('../img/bb_bknd.jpg') repeat-x;
border-left: 1px solid #c6cce7;
border-right: 1px solid #4b4f67;
border-bottom: 1px solid #000;
padding: 0 20px 20px 20px;
}

#pagebody #bottombar h3 {
font-size: 11px;
text-transform: uppercase;
color: #fff;
background: url('../img/bb_header_left.gif') no-repeat;
padding: 0 0 0 6px;
float: left;
margin: 0 0 10px 0;
}

#pagebody #bottombar h3 span {
display: block;
line-height: 39px;
background: url('../img/bb_header_right.gif') right 0 no-repeat;
padding: 5px 16px 0 10px;
}

#pagebody #bottombar ul {
list-style: none;
}

#pagebody #bottombar ul li {
font-size: 11px;
padding: 5px 10px 5px 22px;
border-bottom: 1px solid #bdc3e4;
background: url('../img/bb_bullet.gif') 5px 7px no-repeat;
line-height: 14px;
}

#pagebody #bottombar ul li a {
color: #e8eaf5;
text-decoration: none;
}

#pagebody #bottombar ul li a:hover {
color: #fff;
}

#pagebody #bottombar #recomended {
width: 45%;
float: left;
margin: 0 2%;
}

#pagebody #bottombar #gamemoments {
width: 45%;
float: left;
margin: 0 2%;
}

#pagebody #bottombar #gamemoments #gameimage {
float: left;
background: #c0c5e4;
border: 1px solid #d5d8ec;
padding: 6px;
margin: 0 10px 10px 10px;
text-align: center;
}

#pagebody #bottombar #gamemoments a {
font-size: 11px;
color: #fff;
text-decoration: none;
}

#pagebody #bottombar #gamemoments a small {
padding: 3px;
display: block;
}

#pagebody #bottombar #gamemoments p {
color: #fff;
font-size: 12px;
}

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

#footer {
font-size: 11px;
color: #b3b3b3;
padding: 15px;
text-align: right;
}

#footer a {
color: #fff;
}