* {
margin: 0;
padding: 0;
}

body {
background: #000 url('p_bknd.jpg') repeat-x;
font-family: Georgia, Times, serif;
font-size: 12px;
min-width: 930px;
color: white;
}

html, body {  /* required by JoltOnline footer */
height: 100%;
}

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

.clear {
clear: both;
font-size: 1px;
}

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

#mainWrapper {
width: 930px;
position: relative;
margin: 0 auto;
height: 100%; /* required by JoltOnline footer */
padding-bottom: 180px; /* required by JoltOnline footer */
}

body > #mainWrapper { /* required by JoltOnline footer */
height: auto;
min-height: 100%;
}

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



#rightBanner {

position: absolute;

width: 160px;

height: 600px;

top: 224px;

right: -165px;

z-index: 99;

}




#header {
height: 273px;
background: url('top.jpg') no-repeat;
position: relative;
}

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

.quester_link a {
background: url('quester_link.gif') no-repeat;
position: absolute;
display: block;
z-index: 1;
height: 92px;
width: 77px;
margin: 21px 0 0 597px;
}

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

#header .logo {
width: 226px;
height: 146px;
position: absolute;
top: 0;
left: 349px;
text-indent: -9999px;
}

#header .logo a.logoLink {
display: block;
cursor: pointer;
height: 146px;
}

#header #logo-en {
background: url('header_logo_en.jpg') no-repeat;
}

#header a#adviserLink {
display: block;
width: 116px;
height: 122px;
position: absolute;
top: 15px;
right: 37px;
text-decoration: none;
font-weight: bold;
}

#header a#adviserLink span {
display: block;
height: 21px;
line-height: 21px;
text-align: center;
position: absolute;
bottom: 19px;
width: 116px;
color: #f0c79e
}

#header a#adviserLink:hover span {
color: #fff;
}

#header a.adviserNormal {
background: url('adviser_link_normal.gif');
}

#header a.adviserActive {
background: url('adviser_link_active.gif');
}

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

#header ul.mainMenu {
height: 19px;
list-style: none;
position: absolute;
z-index: 2;
}

#header ul.mainMenu li {
float: right;
height: 19px;
padding: 0 3px;
}

#header ul.mainMenu li a {
display: block;
cursor: pointer;
float: left;
height: 19px;
line-height: 19px;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
color: #bc9066;
background: url('mainmenu_left.gif') no-repeat;
padding: 0 0 0 4px;
}

#header ul.mainMenu li a span {
display: block;
float: left;
height: 19px;
background: url('mainmenu_right.gif') right 0 no-repeat;
padding: 0 7px 0 3px;
}

#header ul.mainMenu li a:hover {
color: #fff;
text-decoration: underline;
}

#header #mainMenu-1 {
width: 390px;
top: 10px;
right: 310px;
}

#header #mainMenu-2 {
width: 380px;
top: 10px;
left: 470px;
}

#header #mainMenu-2 li {
float: left;
}

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


#header ul#mainNav {
position: absolute;
height: 59px;
list-style: none;
left: 55px;
top: 117px;
}

#header ul#mainNav li {
height: 59px;
width: 103px;
float: left;
}

#header ul#mainNav li a {
display: block;
cursor: pointer;
background-repeat: no-repeat;
text-align: center;
font-size: 11px;
font-weight: bold;
line-height: 17px;
text-decoration: none;
color: #f3b07d;
height: 113px;
padding: 5px 0 0 0;
}

#header ul#mainNav li a:hover {
background-position: 0 -118px;
color: #fff;
}

#header ul#mainNav li.castle a {
background-image: url('nav_castle.jpg');
}

#header ul#mainNav li.world a {
background-image: url('nav_world.jpg');
padding: 5px 3px 0 0;
}

#header ul#mainNav li.army a {
background-image: url('nav_army.jpg');
padding: 5px 10px 0 0;
}

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

#header ul#secondaryNav {
position: absolute;
height: 59px;
list-style: none;
left: 569px;
top: 117px;
}

#header ul#secondaryNav li {
width: 78px;
height: 118px;
float: left;
position: relative;
}

#header ul#secondaryNav li a {
display: block;
cursor: pointer;
background-repeat: no-repeat;
text-align: center;
font-size: 11px;
line-height: 17px;
text-decoration: none;
color: #f3b07d;
height: 113px;
padding: 5px 0 0 0;
}

#header ul#secondaryNav li a:hover {
background-position: 0 -118px;
color: #fff;
}

#header ul#secondaryNav li.hero a {
background-image: url('nav_hero.jpg');
}

#header ul#secondaryNav li.clan a {
background-image: url('nav_clan.jpg');
}

#header ul#secondaryNav li.messages a {
background-image: url('nav_messages.jpg');
}

#header ul#secondaryNav li.vip a {
background-image: url('nav_vip.jpg');
}


#header ul#secondaryNav li.messages a span.messageCount {
display: block;
width: 17px;
height: 17px;
line-height: 15px;
padding: 4px 7px 10px 7px;
position: absolute;
right: -12px;
top: -12px;
text-align: center;
font-size: 11px;
color: #fff;
font-weight: bold;
z-index: 1;
}

html>body #header ul#secondaryNav li.messages a span.messageCount{
background: url('nav_msgcount.png');
}

* html #header ul#secondaryNav li.messages a span.messageCount {
background: url('nav_msgcount.gif');
}

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

#header #userBlock {
position: absolute;
top: 155px;
left: 359px;
width: 180px;
height: 77px;
padding: 0 13px;
}

#header #userBlock .avatar {
width: 50px;
height: 50px;
float: left;
border: 1px solid #fff;
}

#header #userBlock .details {
margin: 0 0 0 60px;
}

#header #userBlock .details span.name {
font-size: 14px;
line-height: 14px;
font-weight: bold;
color: #fff;
display: block;
}

#header #userBlock .details span.level {
color: #dfbc97;
font-size: 12px;
line-height: 12px;
font-weight: bold;
display: block;
}

#header #userBlock .details .bar {
height: 15px;
padding: 2px;
background: #a5a8cb;
margin: 5px 0 0 0;
}

#header #userBlock .details .bar span.full {
display: block;
height: 15px;
background: url('header_user_bar.gif') repeat-x;
}

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

#header #underAttackNotice {
position: absolute;
top: 133px;
left: 373px;
}

#header #underAttackNotice a {
display: block;
cursor: pointer;
width: 131px;
height: 55px;
background: url('header_underattack.gif') no-repeat;
text-decoration: none;
padding: 22px 0 0 50px;
}

#header #underAttackNotice a:hover {
background-position: 0 -77px;
}

#header #underAttackNotice a big {
display: block;
height: 33px;
font-size: 13px;
font-weight: bold;
line-height: 13px;
padding: 5px 60px 0 8px;
color: #ffcaa6;
}

#header #underAttackNotice a small {
display: block;
height: 22px;
line-height: 22px;
padding: 0 0 0 10px;
font-size: 11px;
color: #ee7e7e;
}

#header #underAttackNotice a small span {
background-color: #ee7e7e;
padding: 2px 4px;
font-weight: bold;
color: #fff;
font-size: 9px;
}

#header #underAttackNotice a:hover big,
#header #underAttackNotice a:hover small {
color: #fff;
}

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

#captchaTime {
position: absolute;
line-height: 14px;
font-size: 9px;
font-weight: bold;
top: 203px;
left: 350px;
z-index: 10;
}

#captchaTime a {
display: block;
text-decoration: none;
cursor: pointer;
color: #fff;
padding: 13px 10px 13px 36px;
width: 33px;
height: 14px;
background: url('header_captcha.png') no-repeat;
}

* html #captchaTime a {
background: url('header_captcha.gif') no-repeat;
}

#captchaTime a:hover {
color: #000;
background-position: 0 -40px;
}


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

#header #resources {
position: absolute;
height: 46px;
bottom: 0;
left: 260px;
}

#header #resources ul {
list-style: none;
height: 26px;
}

#header #resources ul li {
float: left;
height: 46px;
line-height: 40px;
padding-top: 3px;
font-size: 11px;
font-weight: bold;
color: #fff;
}

#header #resources ul li.gold {
background: url('res_gold.jpg') no-repeat;
width: 52px;
padding: 0 0 0 54px;
}

#header #resources ul li.iron {
background: url('res_iron.jpg') no-repeat;
width: 55px;
padding: 0 0 0 48px;
}

#header #resources ul li.wood {
background: url('res_wood.jpg') no-repeat;
width: 65px;
padding: 0 0 0 43px;
}

#header #resources ul li.food {
background: url('res_food.jpg') no-repeat;
width: 46px;
padding: 0 0 0 59px;
}

#header #resources ul li.population {
background: url('res_population.jpg') no-repeat;
width: 93px;
padding: 0 0 0 31px;
}

#header #resources ul li.coins {
background: url('res_coins.jpg') no-repeat;
width: 45px;
padding: 0 0 0 45px;
}

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

#changeCastle {
position: absolute;
width: 219px;
left: 18px;
top: 230px;
z-index: 99;
}

#changeCastle .currentCastle {
height: 43px;
line-height: 33px;
padding: 0 0 0 25px;
background: url('header_castle.jpg') no-repeat;
cursor: pointer;
}

#changeCastle .currentCastle big {
display: block;
font-size: 12px;
font-weight: bold;
color: #fff;
}

#changeCastle .currentCastle small {
display: block;
font-size: 11px;
color: #b494c0;
}

#changeCastle .currentCastle small strong {
color: #e2caeb;
}

#changeCastle dl#castlesList {
background: #6599e8 url('header_castle_list.jpg') repeat-x;
position: absolute;
width: 211px;
left: 0;
top: 43px;
}

#changeCastle dl#castlesList dd {
padding: 7px 7px 7px 35px;
border-top: 1px solid #ECDFFF;
border-bottom: 1px solid #8A6EA9;
background: url('header_castle_kingdom.gif') 5px 7px no-repeat;
}

#changeCastle dl#castlesList dd.capital {
background: url('header_castle_capital.gif') 5px 7px no-repeat;
}

#changeCastle dl#castlesList dd a {
display: block;
cursor: pointer;
text-decoration: none;
}

#changeCastle dl#castlesList dd a big {
display: block;
font-size: 12px;
line-height: 11px;
font-weight: bold;
color: #fff;
}

#changeCastle dl#castlesList dd a small {
display: block;
color: #DDD1EF;
font-size: 11px;
line-height: 11px;
}

#changeCastle dl#castlesList dd a:hover big, #changeCastle dl#castlesList dd a:hover small {
color: #000;
}

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

#serverTime {
float: right;
color: #696969;
width: 180px;
height: 19px;
line-height: 19px;
text-align: right;
background: #1F1B1B;
padding: 0 5px;
}


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

#pageBody {
width: 873px;
position: relative;
margin: 0 auto;
background: #414141 url('pagebody_bknd.jpg') center 0 no-repeat;
padding: 5px 15px 15px 15px;
overflow: hidden;
min-height: 500px;
}

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

.pageSubnav {
width: 210px;
float: left;
}

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

.pageSubnav h2 {
height: 31px;
line-height: 31px;
background: url('title_small_bknd.gif') no-repeat;
padding: 0 0 0 10px;
color: #dab694;
font-size: 12px;
}

.pageSubnav .box {
padding: 5px 0;
overflow: hidden;
}

* html .pageSubnav .box {
height: 1%;
}

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

.pageSubnav ul.buttons {
list-style: none;
padding: 5px 0;
}

.pageSubnav ul.buttons li {
height: 54px;
}

.pageSubnav ul.buttons li a {
display: block;
line-height: 54px;
background-repeat: no-repeat;
text-decoration: none;
background-image: url('leftbutton_default.jpg');
color: #BFB3B3;
font-weight: bold;
font-size: 12px;
padding: 0 0 0 70px;
}

.pageSubnav ul.buttons li a:hover {
color: #fff;
background-position: 0 -54px;
}

.pageSubnav ul.buttons li.marches a {
background-image: url('leftbutton_marches.jpg');
}

.pageSubnav ul.buttons li.barracks a {
background-image: url('leftbutton_barracks.jpg');
}

.pageSubnav ul.buttons li.stables a {
background-image: url('leftbutton_stables.jpg');
}

.pageSubnav ul.buttons li.workshop a {
background-image: url('leftbutton_workshop.jpg');
}

.pageSubnav ul.buttons li.order a {
background-image: url('leftbutton_order.jpg');
}

.pageSubnav ul.buttons li.armyorder a {
background-image: url('leftbutton_armyorder.jpg');
}

.pageSubnav ul.buttons li.simulator a {
background-image: url('leftbutton_simulator.jpg');
}

.pageSubnav ul.buttons li.reports a {
background-image: url('leftbutton_reports.jpg');
}

.pageSubnav ul.buttons li.blacksmith a {
background-image: url('leftbutton_blacksmith.jpg');
}


.pageSubnav ul.buttons li.skills a {
background-image: url('leftbutton_skills.jpg');
}

.pageSubnav ul.buttons li.dynasty a {
background-image: url('leftbutton_dynasty.jpg');
}

.pageSubnav ul.buttons li.friends a {
background-image: url('leftbutton_friends.jpg');
}

.pageSubnav ul.buttons li.notes a {
background-image: url('leftbutton_notes.jpg');
}

.pageSubnav ul.buttons li.signature a {
background-image: url('leftbutton_signature.jpg');
}

.pageSubnav ul.buttons li.recruit a {
background-image: url('leftbutton_recruit.jpg');
}



.pageSubnav ul.buttons li.buildings a {
background-image: url('leftbutton_buildings.jpg');
}

.pageSubnav ul.buttons li.vip a {
background-image: url('leftbutton_vip.jpg');
}

.pageSubnav ul.buttons li.coins a {
background-image: url('leftbutton_coins.jpg');
}

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

.pageSubnav ul.menu {
padding: 10px 0;
list-style: none;
}

.pageSubnav ul.menu li {
border-bottom: 1px solid #696969;
}

.pageSubnav ul.menu li a {
display: block;
text-decoration: none;
padding: 4px 4px 4px 24px;
line-height: 18px;
height: 18px;
font-weight: bold;
color: #AFA4A4;
background: url('leftmenu_bullet.gif') 0 4px no-repeat;
}

.pageSubnav ul.menu li a:hover {
color: #fff;
text-decoration: underline;
background-color: #1F1F1F;
background-position: 5px 4px;
padding-left: 30px;
}

.pageSubnav ul.menu li.vipItem a {
background: url('leftmenu_vipitem.jpg') no-repeat;
padding-left: 32px;
font-size: 10px;
text-transform: uppercase;
}

.pageSubnav ul.menu li.vipItem a:hover {
background-position: 0 -26px;
color: #fff;
}

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

.pageSubnav ul.folders {
padding: 5px 0;
list-style: none;
}

.pageSubnav ul.folders li {
padding: 5px 0;
}

.pageSubnav ul.folders li a {
display: block;
cursor: pointer;
height: 39px;
background-repeat: no-repeat;
padding: 10px 0 0 60px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #cd9d6e;
}

.pageSubnav ul.folders li a small {
display: block;
color: #e8c7a6;
font-size: 12px;
}

.pageSubnav ul.folders li a:hover,
.pageSubnav ul.folders li a:hover small,
.pageSubnav ul.folders li.writeNew a:hover {
background-position: 0 -49px;
color: #fff;
}

.pageSubnav ul.folders li.writeNew a {
height: 49px;
background: url('folder_writenew.jpg') no-repeat;
color: #e7b1cf;
line-height: 49px;
font-size: 12px;
font-weight: bold;
padding: 0 0 0 60px;
}

.pageSubnav ul.folders li.active {
background: #4B4B4B url('folder_active.gif') right 5px no-repeat;
padding: 5px;
border: 1px solid #9F9F9F;
}

.pageSubnav ul.folders li.active a,
.pageSubnav ul.folders li.active a small {
color: #fff;
background-position: 0 -49px;
}

.pageSubnav ul.folders li.personal a {
background-image: url('folder_personal.gif');
}

.pageSubnav ul.folders li.reports a {
background-image: url('folder_reports.gif');
}

.pageSubnav ul.folders li.market a {
background-image: url('folder_market.gif');
}

.pageSubnav ul.folders li.marches a {
background-image: url('folder_marches.gif');
}

.pageSubnav ul.folders li.spy a {
background-image: url('folder_spy.gif');
}

.pageSubnav ul.folders li.sent a {
background-image: url('folder_sent.gif');
}

.pageSubnav ul.folders li.news a {
background-image: url('folder_news.gif');
}

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

.errorsmall,
.infosmall {
padding: 13px 13px 13px 48px;
font-size: 12px;
font-weight: bold;
position: relative;
margin: 10px 0;
}

.errorsmall {
background: #8a1818 url('error_bknd.jpg') no-repeat;
border: 1px solid #AF2B2B;
color: #ddb3b3;
}

.errorsmall a {
color: #fff;
}

.infosmall {
background: #3e6299 url('info_bknd.jpg') no-repeat;
border: 1px solid #7cb0ff;
color: #adc2e1;
}

.infosmall a {
color: #fff;
}

.errorsmall strong,
.infosmall strong {
color: #fff;
}

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

.textformbox .row {
overflow: hidden;
padding: 3px 0;
}

* html .textformbox .row  {
height: 1%;
}

.textformbox .row .left {
float: left;
width: 200px;
text-align: right;
color: #CFCFCF;
}

.textformbox .row .right {
margin: 0 0 0 210px;
border-bottom: 1px solid #4C4C4C;
color: #fff;
font-weight: bold;
}

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

#feedbackWrapper {
position: absolute;
z-index: 9999;
width: 600px;
left: 50%;
top: 100px;
margin: 0 0 0 -300px;
background: #333333;
padding: 15px;
border: 10px solid #666666;
}

#feedbackWrapper .buttonrow {
background-color: #333333;
}

#feedbackWrapper a.feedbackClose {
display: block;
position: absolute;
right: 7px;
top: 7px;
width: 39px;
height: 39px;
}

html>body #feedbackWrapper a.feedbackClose {
background: url('quest_close.png');
}

* html #feedbackWrapper a.feedbackClose {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='quest_close.png');
}

#feedbackWrapper h2 {
color: #fff;
font-size: 18px;
border-bottom: 1px solid #666;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
}

#feedbackWrapper p {
color: #fff;
}

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

#scroll {
height: 17px;
border: 1px solid #696969;
margin: 0 200px 5px 229px;
}

#scroll strong, #scroller a {
color: #fff;
}

#scroll a#post {
background: #1F1B1B url('scroll_post.gif') 3px 2px no-repeat;
float: left;
display: block;
height: 17px;
width: 20px;
}

#scroll #scroller {
font-size: 9px;
color: #cbae92;
height: 12px;
padding: 2px 5px;
}

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

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

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

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

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

.box table tbody tr td.special {
border-bottom: 3px solid #2F2F2F;
background: #414141;
}

.box table tbody tr td input {
background: #000;
padding: 2px;
font-size: 12px;
color: #fff;
border: 1px solid #9F9595;
}

.box table tbody tr td select {
background: #000;
font-size: 12px;
color: #fff;
border: 1px solid #ccc;
}

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

.formbox {
padding: 15px 0;
overflow: hidden;
}

.formbox .row {
overflow: hidden;
padding: 3px 0;
}

* html .formbox .row  {
height: 1%;
}

.formbox .row .left,
.formbox .row label {
float: left;
width: 200px;
text-align: right;
color: #CFCFCF;
border-bottom: 1px solid #4C4C4C;
padding: 5px 0;
}

.formbox .row .right {
margin: 0 0 0 210px;
color: #fff;
font-weight: bold;
}

.formbox .row .right input,
.formbox .row .right textarea,
.formbox .row .right select {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
background: #000;
padding: 4px;
border: 1px solid #AFA4A4;
color: #fff;
}

.formbox .row .right select {
padding: 0;
}

.buttonrow {
text-align: center;
padding: 10px 0;
background: #333;
margin: 10px 0;
}

.buttonrow input,
.buttonrow button {
background: #000;
/*background: #925e2c url('submit_bknd.jpg') repeat-x;*/
border: 1px solid #696969;
padding: 6px 12px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
font-size: 11px;
}

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

.paging {
font-size: 11px;
color: #ccc;
background: #1F1B1B;
border: 1px solid #696969;
padding: 10px;
margin: 10px 0;
}

.paging a {
color: #fff;
}

.paging span {
padding: 3px;
border: 1px solid #784d22;
}

.paging input,
.paging select {
background: #000;
border: 1px solid #666;
color: #fff;
padding: 2px;
margin: 0 3px;
font-size: 12px;
}

.paging select {
padding: 0;
}

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

#content {

}

.contentNormal {
margin: 0 0 0 225px;
}

.contentWide {

}

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

#content h2 {
color: #fff;
font-size: 16px;
background: url('title_bknd.jpg') right 0 no-repeat;
height: 38px;
line-height: 38px;
padding: 0 0 0 15px;
}

#content .box {
background: #696969 url('box_bknd.jpg') right 0 no-repeat;
padding: 15px;
border-bottom: 4px solid #353535;
color: #fff;
margin: 0 0 10px 0;
overflow: hidden;
}

* html #content .box {
height: 1%;
}

#content .box h3 {
color: #ccc;
border-bottom: 1px solid #ccc;
margin: 10px 0;
padding: 0 0 5px 0;
}

#content .box ul,
#content .box ol {
padding: 10px 25px;
}

.bbCode {
padding: 5px;
background: #3F3B3B;
margin: 5px 0 0 0;
}

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

#footer {
background: url('footer_bknd.gif') 2px 0  no-repeat;
height: 80px;
text-align: center;
color: #414141;
font-size: 11px;
}

#footer a {
font-weight: bold;
color: #414141;
}

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

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

.footerRecomend {
color: #333;
padding: 25px 0 0;
}

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

#jolt_footer {
margin-top: -180px; /* negative value of footer height */
height: 180px;
position: relative;
}

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

.smallBox {
padding: 5px 0;
border-bottom: 1px dashed #ae7a48;
}

.smallBox img {
vertical-align: middle;
}

.ttipError {
background: #bb2424;
padding: 5px;
margin: 5px 0;
border: 1px solid #db6d6d;
}

.ttipSuccess {
background: #118a1f;
padding: 5px;
margin: 5px 0;
border: 1px solid #83d08c;
}




/*
================================
PAGE SPECIFIC STYLES
================================
*/

/* INFORMATION PAGE */
/* --------------------------- */

.infoPic {
float: right;
margin: 0 0 15px 15px;
border: 5px solid #9F6227;
}

/* MARCHES */
/* --------------------------- */

h2 .marchesFilter {
float: right;
margin: 0 70px 0 0;
font-size: 12px;
}

h2 .marchesFilter form {
display: inline;
}

h2 .marchesFilter select {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
background: #000;
border: 1px solid #ccc;
color: #fff;
}

.marchType-1, .marchType-2, .marchType-3, .marchType-4, .marchType-5, .marchType-7, .marchType-8 {
padding: 2px 4px;
font-weight: bold;
}

/* trade */
.marchType-1 {
background-color: #003399;
}

/* support */
.marchType-2 {
background-color: #009933;
}

/* attack */
.marchType-3 {
background-color: #990000;
}

/* patrol */
.marchType-4 {
background-color: #999999;
}

/* cleanup */
.marchType-5 {
background-color: #666600;
}

/* spy */
.marchType-7 {
background-color: #666600;
}

/* transfer */
.marchType-8 {
background-color: #666600;
}




/* UPGRADES LIST */
/* --------------------------- */

#upgradesList {
padding: 10px 0 0 0;
}

#upgradesList .upgradeItem {
width: 640px;
height: 246px;
background: url('upgrade_box.jpg') no-repeat;
margin: 0 0 15px 0;
}

#upgradesList .upgradeItem .unitPreview {
width: 200px;
height: 230px;
background-repeat: no-repeat;
background-position: center 25px;
background-color: #333;
float: left;
margin: 8px 0 0 8px;
}

#upgradesList .upgradeDetails {
margin: 0 0 0 223px;

}

#upgradesList .upgradeDetails .title {
height: 33px;
line-height: 33px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0 0 0 15px;
}

#upgradesList .upgradeDetails .title a {
display: block;
height: 33px;
margin: 0 116px 0 0;
text-decoration: none;
}

#upgradesList .upgradeDetails .title a:hover {
text-decoration: underline;
}

#upgradesList .upgradeDetails .title span.unitAmount {
display: block;
height: 33px;
float: right;
width: 106px;
text-align: center;
}

#upgradesList .upgradeDetails .upgradeType {
width: 403px;
height: 89px;
margin: 10px 0 0 0;
}

#upgradesList .upgradeDetails .upgradeType .typeTitle {
height: 27px;
line-height: 27px;
font-size: 12px;
padding: 0 0 0 10px;
}

#upgradesList .upgradeDetails .upgradeType .typeTitle strong {
color: #fff;
}

#upgradesList .upgradeDetails .upgradeType .typeTitle span.typeLevel {
display: block;
float: right;
width: 31px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
}

#upgradesList .upgradeDetails .upgradeType ul.upgradeResources {
list-style: none;
width: 160px;
padding: 7px 0 0 10px;
}

#upgradesList .upgradeDetails .upgradeType ul.upgradeResources li {
width: 50px;
height: 22px;
line-height: 22px;
padding: 0 0 3px 28px;
color: #e3af7e;
float: left;
background-repeat: no-repeat;
}

#upgradesList .upgradeDetails .upgradeType ul.upgradeResources li.resGold {
background-image: url('res_ico_gold.gif');
}

#upgradesList .upgradeDetails .upgradeType ul.upgradeResources li.resIron {
background-image: url('res_ico_iron.gif');
}

#upgradesList .upgradeDetails .upgradeType ul.upgradeResources li.resFood {
background-image: url('res_ico_food.gif');
}

#upgradesList .upgradeDetails .upgradeType ul.upgradeResources li.resWood {
background-image: url('res_ico_wood.gif');
}

#upgradesList .upgradeDetails .upgradeType .inactive {
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}

#upgradesList .upgradeDetails .upgradeType .typeInfo {
height: 19px;
float: right;
font-size: 9px;
color: #fff;
line-height: 19px;
margin: 4px 7px 0 0;
}

#upgradesList .upgradeDetails .upgradeType .typeInfo span {
display: block;
float: left;
padding: 0 6px 0 0;
background: url('upgrade_attack_right.gif') right 0 no-repeat;
}

#upgradesList .upgradeDetails .upgradeType .typeStatus {
width: 160px;
height: 44px;
padding: 2px 2px 2px 42px;
float: right;
margin: 7px 10px 0 0;
}

#upgradesList .upgradeDetails .upgradeType .typeStatus a {
display: block;
height: 44px;
text-decoration: none;
}

#upgradesList .upgradeDetails .upgradeType .typeStatus a:hover span.status,
#upgradesList .upgradeDetails .upgradeType .typeStatus a:hover span.subStatus {
color: #fff;
}

#upgradesList .upgradeDetails .upgradeType .typeStatus span.status {
height: 26px;
display: block;
line-height: 26px;
font-size: 12px;
}

#upgradesList .upgradeDetails .upgradeType .typeStatus span.status strong {
color: #fff;
}

#upgradesList .upgradeDetails .upgradeType .typeStatus span.subStatus {
display: block;
height: 18px;
line-height: 18px;
font-size: 9px;
}

#upgradesList .upgradeDetails .upgradeType .typeStatus span.time {
background: url('upgrade_time.gif') 0 4px no-repeat;
padding: 0 0 0 13px;
}




#upgradesList .upgradeDetails .upgradeAttack {
background: url('upgrade_attack.jpg') no-repeat;
}

#upgradesList .upgradeDetails .upgradeAttack .typeTitle {
color: #e4897b;
}

#upgradesList .upgradeDetails .upgradeAttack .typeTitle .attackInfantry {
background: url('upgrade_attack_infantry.gif') no-repeat;
padding: 0 0 0 17px;
}

#upgradesList .upgradeDetails .upgradeAttack .typeTitle .typeInfo span {
background: url('upgrade_attack_right.gif') right 0 no-repeat;
}

#upgradesList .upgradeDetails .upgradeAttack .typeTitle .attackCavalry {
background: url('upgrade_attack_cavalry.gif') no-repeat;
padding: 0 0 0 18px;
}

#upgradesList .upgradeDetails .upgradeAttack .typeStatus {
background: url('upgrade_attack_action.gif') no-repeat;
}

#upgradesList .upgradeDetails .upgradeAttack .typeStatus span.status {
color: #e58b88;
}

#upgradesList .upgradeDetails .upgradeAttack .typeStatus span.subStatus {
color: #dd9a9a;
}



#upgradesList .upgradeDetails .upgradeDefence {
background: url('upgrade_defence.jpg') no-repeat;
}

#upgradesList .upgradeDetails .upgradeDefence .typeTitle {
color: #55b63b;
}

#upgradesList .upgradeDetails .upgradeDefence .typeTitle .defenceLife {
background: url('upgrade_defence_life.gif') no-repeat;
padding: 0 0 0 18px;
}

#upgradesList .upgradeDetails .upgradeDefence .typeTitle .typeInfo span {
background: url('upgrade_defence_right.gif') right 0 no-repeat;
}

#upgradesList .upgradeDetails .upgradeDefence .typeStatus {
background: url('upgrade_defence_action.gif') no-repeat;
}

#upgradesList .upgradeDetails .upgradeDefence .typeStatus span.status {
color: #52c23b;
}

#upgradesList .upgradeDetails .upgradeDefence .typeStatus span.subStatus {
color: #52c23b;
}



/* BUILDINGS & UNITS LIST */
/* --------------------------- */

#buildingsList,
#unitsList,
#skillsList {
overflow: hidden;
}

* html #buildingsList,
* html #unitsList,
* html #skillsList {
height: 1%;
}

#buildingsList .buildingItem,
#unitsList .unitItem,
#skillsList .skillItem ,
#techList .techItem {
width: 200px;
float: left;
margin: 0 15px 15px 0;
}

#buildingsList .buildingItem .title,
#unitsList .unitItem .title,
#skillsList .skillItem .title,
#techList .techItem .title {
height: 31px;
line-height: 31px;
padding: 0 0 0 10px;
font-size: 14px;
font-weight: bold;
}

#unitsList .unitItem .title {
font-size: 12px;
}

#buildingsList .buildingItem .title a,
#unitsList .unitItem .title a,
#skillsList .skillItem .title a,
#techList .techItem .title a {
display: block;
height: 31px;
margin: 0 33px 0 0;
}

#unitsList .unitItem .title a {
margin: 0 56px 0 0;
}

#buildingsList .buildingItem .title a:hover,
#unitsList .unitItem .title a:hover,
#skillsList .skillItem .title a:hover,
#techList .techItem .title a:hover {
color: #fff;
}

#buildingsList .buildingItem .title span.buildingLevel,
#unitsList .unitItem .title span.unitLevel,
#skillsList .skillItem .title span.skillLevel,
#techList .techItem .title span.techLevel {
display: block;
float: right;
height: 31px;
width: 33px;
text-align: center;
font-size: 18px;
}

#unitsList .unitItem .title span.unitLevel {
width: 56px;
font-size: 14px;
}

#buildingsList .buildingItem .buildingPreview,
#unitsList .unitItem .unitPreview,
#skillsList .skillItem .skillPreview ,
#techList .techItem .techPreview  {
position: relative;
background-repeat: no-repeat;
background-position: center 0;
background-color: #353535;
border-top: 6px solid #515151;
border-bottom: 6px solid #515151;
}

#buildingsList .buildingItem .buildingPreview {
height: 160px;
background-position: center -10px;
}

#unitsList .unitItem .unitPreview {
height: 180px;
}

#skillsList .skillItem .skillPreview {
height: 222px;
border-bottom: none;
}
#techList .techItem .techPreview {
height: 222px;
border-bottom: none;
}

#buildingsList .buildingItem .buildingPreview span.buildingTime,
#unitsList .unitItem .unitPreview span.unitTime,
#skillsList .skillItem .skillPreview span.skillLevel {
display: block;
padding: 0 6px 3px 19px;
position: absolute;
left: 10px;
top: 0;
font-size: 11px;
font-weight: bold;
background: #515151 url('building_time.gif') 5px 2px no-repeat;
color: #9B9595;
cursor: default;
}

#buildingsList .buildingItem .buildingPreview span.readyBuildingTime {
display: block;
padding: 3px 6px 0 19px;
position: absolute;
left: 10px;
bottom: 0;
font-size: 11px;
font-weight: bold;
background: #515151 url('building_time.gif') 5px 4px no-repeat;
color: #9B9595;
cursor: default;
}

#buildingsList .buildingItem .buildingPreview span.buildingInfo,
#skillsList .skillItem .skillPreview a.revertSkill,
#techList .techItem .techPreview a.revertTech {
display: block;
width: 26px;
height: 28px;
position: absolute;
bottom: 0;
right: 10px;
}

html>body #buildingsList .buildingItem .buildingPreview span.buildingInfo {
background: url('building_info.png');
}

* html #buildingsList .buildingItem .buildingPreview span.buildingInfo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='building_info.png');
}

html>body #skillsList .skillItem .skillPreview a.revertSkill {
background: url('skills/skill_revert.png');
}

* html #skillsList .skillItem .skillPreview a.revertSkill {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='skills/skill_revert.png');
}

#buildingsList .buildingItem ul.neededResources,
#unitsList .unitItem ul.neededResources {
height: 68px;
list-style: none;
}

#buildingsList .buildingItem ul.neededResources li,
#unitsList .unitItem ul.neededResources li {
width: 54px;
float: left;
font-size: 12px;
font-weight: bold;
margin: 5px 10px;
height: 22px;
line-height: 22px;
padding: 0 0 0 26px;
background-repeat: no-repeat;
}

#buildingsList .buildingItem ul.neededResources li.neededGold,
#unitsList .unitItem ul.neededResources li.neededGold {
background-image: url('res_ico_gold.gif');
}

#buildingsList .buildingItem ul.neededResources li.neededIron,
#unitsList .unitItem ul.neededResources li.neededIron {
background-image: url('res_ico_iron.gif');
}

#buildingsList .buildingItem ul.neededResources li.neededWood,
#unitsList .unitItem ul.neededResources li.neededWood {
background-image: url('res_ico_wood.gif');
}

#buildingsList .buildingItem ul.neededResources li.neededFood,
#unitsList .unitItem ul.neededResources li.neededFood {
background-image: url('res_ico_food.gif');
}

#buildingsList .buildingItem .status,
#unitsList .unitItem .status,
#skillsList .skillItem .status {
display: block;
height: 30px;
margin: 1px 0 0 0;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
}

#unitsList .activeUnit .unitLevel small {
color: #E4AC70;
}

#unitsList .dynastyUnit ul.neededResources {
height: 48px;
padding: 10px;
color: #fff;
}

#unitsList .inactiveUnit ul.neededResources {
color: #E0A96A;
}

#unitsList .dynastyUnit ul.neededResources big {
display: block;
font-size: 13px;
font-weight: bold;
}

#unitsList .dynastyUnit ul.neededResources input {
background: #333;
padding: 2px 4px;
font-size: 12x;
border: 1px solid #ccc;
color: #fff;
margin: 3px 0 0 0;
}

#unitsList .dynastyUnit .status a {
display: block;
text-transform: uppercase;
text-decoration: none;
}

#unitsList .dynastyUnit .status a:hover {
color: #000;
text-decoration: underline;
}







#buildingsList .activeBuilding .title,
#unitsList .activeUnit .title,
#skillsList .activeSkill .title {
background: url('building_active_title.gif') no-repeat;
color: #d3d3d3;
}

#unitsList .activeUnit .title {
background: url('unit_active_title.gif') no-repeat;
}

#buildingsList .activeBuilding .title a,
#unitsList .activeUnit .title a,
#skillsList .activeSkill .title a {
color: #d3d3d3;
}

#buildingsList .activeBuilding .title span.buildingLevel,
#unitsList .activeUnit .title span.unitLevel,
#skillsList .activeSkill .title span.skillLevel {
color: #fff;
cursor: default;
}


#buildingsList .activeBuilding ul.neededResources,
#unitsList .activeUnit ul.neededResources {
background: url('building_active_res.gif') center 0 no-repeat;
}

#buildingsList .activeBuilding ul.neededResources li,
#unitsList .activeUnit ul.neededResources li {
color: #fff;
}

#buildingsList .activeBuilding .action,
#unitsList .activeUnit .action,
#skillsList .activeSkill .action {
text-decoration: none;
color: #603c1a;
background: url('building_active_action.gif') center 0 no-repeat;
}

#unitsList .activeUnit .action {
font-size: 11px;
}

#unitsList .activeUnit .action input,
#unitsList .activeUnit .action select {
background: #6D421B;
border: 1px solid #fff;
color: #fff;
font-size: 12px;
}

#buildingsList .activeBuilding a.action:hover,
#skillsList .activeSkill a.action:hover {
background-position: center -30px;
color: #000;
}



#buildingsList .inactiveBuilding .title,
#unitsList .inactiveUnit .title,
#skillsList .inactiveSkill .title {
background: url('building_inactive_title.gif') no-repeat;
color: #858585;
cursor: default;
}

#unitsList .inactiveUnit .title {
background: url('unit_inactive_title.gif') no-repeat;
}

#buildingsList .inactiveBuilding .title a,
#unitsList .inactiveUnit .title a,
#skillsList .inactiveSkill .title a {
color: #858585;
}

#buildingsList .inactiveBuilding .title span.buildingLevel,
#unitsList .inactiveUnit .title span.unitLevel {
color: #858585;
}

#buildingsList .inactiveBuilding .buildingPreview,
#unitsList .inactiveUnit .unitPreview,
 {
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}

#buildingsList .inactiveBuilding ul.neededResources,
#unitsList .inactiveUnit ul.neededResources {
background: url('building_inactive_res.gif') no-repeat;
}

#buildingsList .inactiveBuilding ul.neededResources li,
#unitsList .inactiveUnit ul.neededResources li {
color: #676767;
}

#buildingsList .inactiveBuilding .error,
#unitsList .inactiveUnit .error,
#skillsList .inactiveSkill .error {
background: url('building_inactive_error.gif') center 0 no-repeat;
color: #ff9f9f;
cursor: default;
}


#buildingPic-1 {
background-image: url('buildings/1.jpg');
}

#buildingPic-2 {
background-image: url('buildings/2.jpg');
}

#buildingPic-3 {
background-image: url('buildings/3.jpg');
}

#buildingPic-4 {
background-image: url('buildings/4.jpg');
}

#buildingPic-5 {
background-image: url('buildings/5.jpg');
}

#buildingPic-6 {
background-image: url('buildings/6.jpg');
}

#buildingPic-7 {
background-image: url('buildings/7.jpg');
}

#buildingPic-8 {
background-image: url('buildings/8.jpg');
}

#buildingPic-9 {
background-image: url('buildings/9.jpg');
}

#buildingPic-10 {
background-image: url('buildings/10.jpg');
}

#buildingPic-11 {
background-image: url('buildings/11.jpg');
}

#buildingPic-12 {
background-image: url('buildings/12.jpg');
}

#buildingPic-13 {
background-image: url('buildings/13.jpg');
}

#buildingPic-14 {
background-image: url('buildings/14.jpg');
}

#buildingPic-15 {
background-image: url('buildings/15.jpg');
}


#unitPic-1 {
background-image: url('units/1.jpg');
}

#unitPic-2 {
background-image: url('units/2.jpg');
}

#unitPic-3 {
background-image: url('units/3.jpg');
}

#unitPic-4 {
background-image: url('units/4.jpg');
}

#unitPic-5 {
background-image: url('units/5.jpg');
}

#unitPic-6 {
background-image: url('units/6.jpg');
}

#unitPic-7 {
background-image: url('units/7.jpg');
}

#unitPic-8 {
background-image: url('units/8.jpg');
}

#unitPic-9 {
background-image: url('units/9.jpg');
}

#unitPic-10 {
background-image: url('units/10.jpg');
}

#unitPic-11 {
background-image: url('units/11.jpg');
}

#unitPic-12 {
background-image: url('units/12.jpg');
}

#unitPic-13 {
background-image: url('units/13.jpg');
}

#unitPic-14 {
background-image: url('units/14.jpg');
}

#unitPic-15 {
background-image: url('units/15.jpg');
}

#unitPic-16 {
background-image: url('units/16.jpg');
}

#unitPic-17 {
background-image: url('units/17.jpg');
}

#unitPic-18 {
background-image: url('units/18.jpg');
}

#unitPic-19 {
background-image: url('units/19.jpg');
}

#unitPic-20 {
background-image: url('units/20.jpg');
}

#unitPic-21 {
background-image: url('units/21.jpg');
}

#unitPic-22 {
background-image: url('units/22.jpg');
}

#unitPic-23 {
background-image: url('units/23.jpg');
}

#unitPic-24 {
background-image: url('units/24.jpg');
}

#unitPic-25 {
background-image: url('units/25.jpg');
}



.unitPicTiny-1 {
background-image: url('tiny/1.jpg');
}

.unitPicTiny-2 {
background-image: url('tiny/2.jpg');
}

.unitPicTiny-3 {
background-image: url('tiny/3.jpg');
}

.unitPicTiny-4 {
background-image: url('tiny/4.jpg');
}

.unitPicTiny-5 {
background-image: url('tiny/5.jpg');
}

.unitPicTiny-6 {
background-image: url('tiny/6.jpg');
}

.unitPicTiny-7 {
background-image: url('tiny/7.jpg');
}

.unitPicTiny-8 {
background-image: url('tiny/8.jpg');
}

.unitPicTiny-9 {
background-image: url('tiny/9.jpg');
}

.unitPicTiny-10 {
background-image: url('tiny/10.jpg');
}

.unitPicTiny-11 {
background-image: url('tiny/11.jpg');
}

.unitPicTiny-12 {
background-image: url('tiny/12.jpg');
}

.unitPicTiny-13 {
background-image: url('tiny/13.jpg');
}

.unitPicTiny-14 {
background-image: url('tiny/14.jpg');
}

.unitPicTiny-15 {
background-image: url('tiny/15.jpg');
}

.unitPicTiny-16 {
background-image: url('tiny/16.jpg');
}

.unitPicTiny-17 {
background-image: url('tiny/17.jpg');
}

.unitPicTiny-18 {
background-image: url('tiny/18.jpg');
}

.unitPicTiny-19 {
background-image: url('tiny/19.jpg');
}

.unitPicTiny-20 {
background-image: url('tiny/20.jpg');
}

.unitPicTiny-21 {
background-image: url('tiny/21.jpg');
}

.unitPicTiny-22 {
background-image: url('tiny/22.jpg');
}

.unitPicTiny-23 {
background-image: url('tiny/23.jpg');
}

.unitPicTiny-24 {
background-image: url('tiny/24.jpg');
}

.unitPicTiny-25 {
background-image: url('tiny/25.jpg');
}



#race-1-prince {
background-image: url('1_male.jpg');
}

#race-1-princess {
background-image: url('1_female.jpg');
}

#race-2-prince {
background-image: url('2_male.jpg');
}

#race-2-princess {
background-image: url('2_female.jpg');
}

#race-3-prince {
background-image: url('3_male.jpg');
}

#race-3-princess {
background-image: url('3_female.jpg');
}

#race-4-prince {
background-image: url('4_male.jpg');
}

#race-4-princess {
background-image: url('4_female.jpg');
}

#race-5-prince {
background-image: url('5_male.jpg');
}

#race-5-princess {
background-image: url('5_female.jpg');
}

#race-6-prince {
background-image: url('6_male.jpg');
}

#race-6-princess {
background-image: url('6_female.jpg');
}

#race-7-prince {
background-image: url('7_male.jpg');
}

#race-7-princess {
background-image: url('7_female.jpg');
}

#race-8-prince {
background-image: url('8_male.jpg');
}

#race-8-princess {
background-image: url('8_female.jpg');
}

#race-9-prince {
background-image: url('9_male.jpg');
}

#race-9-princess {
background-image: url('9_female.jpg');
}

#techPic-1 {
background-image: url('tech/1.jpg');
}

#techPic-2 {
background-image: url('tech/2.jpg');
}

#techPic-3 {
background-image: url('tech/3.jpg');
}


#skillPic-1 {
background-image: url('skills/skill_1.jpg');
}

#skillPic-2 {
background-image: url('skills/skill_2.jpg');
}

#skillPic-3 {
background-image: url('skills/skill_3.jpg');
}

#skillPic-4 {
background-image: url('skills/skill_4.jpg');
}

#skillPic-5 {
background-image: url('skills/skill_5.jpg');
}

#skillPic-6 {
background-image: url('skills/skill_6.jpg');
}

#skillPic-7 {
background-image: url('skills/skill_7.jpg');
}

#skillPic-8 {
background-image: url('skills/skill_8.jpg');
}

#skillPic-9 {
background-image: url('skills/skill_9.jpg');
}

#skillPic-10 {
background-image: url('skills/skill_10.jpg');
}

#skillPic-11 {
background-image: url('skills/skill_11.jpg');
}


#armyQueue {
margin: 15px 0;
border: 1px solid #7B7B7B;
background: #181715 url('armyqueue_bknd.jpg') right bottom no-repeat;
padding: 10px;
overflow: auto;
}

* html #armyQueue {
height: 1%;
}

#armyQueue .title {
color: #666;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #7B7B7B;
padding: 0 0 5px 0;
line-height: 15px;
}

#armyQueue .title span.totalTime {
float: right;
}

#armyQueue .title span.totalTime strong {
font-size: 15px;
color: #fff;
}

#armyQueue .queueArmy {
float: left;
width: 46%;
background: url('buildqueue_box_left.gif') no-repeat;
padding: 0 0 0 6px;
margin: 10px 1% 0 1%;
position: relative;
}

#armyQueue .queueArmy a.cancelArmy {
display: block;
cursor: pointer;
position: absolute;
width: 21px;
height: 21px;
top: -6px;
right: -4px;
background: url('buildqueue_cancel.gif') no-repeat;
}

#armyQueue .waiting {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}

#armyQueue .queueArmy .wrapper {
background: url('buildqueue_box_right.gif') right 0 no-repeat;
padding: 5px 10px 0 4px;
height: 62px;
}

#armyQueue .queueArmy .thumbnail {
width: 50px;
float: left;
padding: 2px 0 0 0;
position: relative;
}

#armyQueue .queueArmy .thumbnail .queueNumber {
position: absolute;
left: 0;
bottom: 0;
margin: 0 3px 3px 0;
background: #fff;
padding: 2px;
font-size: 9px;
font-weight: bold;
color: #000;
cursor: default;
}

#armyQueue .queueArmy .thumbnail img {
border: 1px solid #fff;
}

.info {
font-family: Arial,Verdana, Helvetica, sans-serif;
}

#armyQueue .queueArmy .info {
margin: 0 0 0 65px;
color: #020202;
font-size: 11px;
}

#armyQueue .queueArmy .info strong {
display: block;
line-height: 14px;
font-size: 13px;
color: #000;
}

#armyQueue .queueArmy .info span.timeLeft {
display: block;
padding: 3px 6px;
margin: 5px 0 0 0;
background: #333;
color: #fff;
font-size: 14px;
line-height: 16px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#armyQueue .queueArmy .info span.timeLeft a.cancel {
float: right;
font-size: 12px;
color: #ccc;
}

#armyQueue .queueArmy .info span.timeLeft a.cancel:hover {
color: #fff;
}

/* SKILLS */
/* --------------------------- */

#heroPoints {
background: #3d0000;
border: 1px solid #c34c4c;
padding: 10px;
margin: 0 0 20px 0;
overflow: hidden;
font-size: 12px;
}

* html #heroPoints {
height: 1%;
}

#heroPoints .avatar {
float: left;
}

#heroPoints .avatar .image {
border: 1px solid #fff;
margin: 0 0 1px 0;
}

#heroPoints .avatar .level {
background: #fff;
font-weight: bold;
color: #3d0000;
padding: 3px 0;
text-align: center;
line-height: 11px;
font-size: 11px;
}

#heroPoints .details {
margin: 0 0 0 85px;
}

#heroPoints .details .skillPoints {
color: #af4747;
}

#heroPoints .details .skillPoints big {
font-size: 15px;
font-weight: bold;
color: #fff;
}

#heroPoints .details .progressBar {
background: #180303;
padding: 10px;

}

#heroPoints .details .progressBar .bar {
background: #6e1616 url('heropoints_bar.jpg') repeat-x;
padding: 2px;
}

#heroPoints .details .progressBar .bar span.full {
display: block;
height: 22px;
background: url('heropoints_bar_full.jpg') repeat-x;
line-height: 22px;
text-align: right;
color: #6f1a1a;
font-weight: bold;
}

#heroPoints .details .nextLevel {
text-align: right;
padding: 5px 10px 0 0;
color: #bf6464;
font-weight: bold;
}


/* COINS */
/* --------------------------- */


ul#creditsNavigation {
list-style: none;
text-align: center;
height: 25px;
padding: 0 10px;
}

ul#creditsNavigation li {
float: left;
height: 25px;
padding: 0 1px 0 0;
}

ul#creditsNavigation li a {
display: block;
float: left;
font-size: 12px;
height: 15px;
padding: 5px 10px;
color: #EFC195;
text-decoration: none;
background: #AE7A48;
}

ul#creditsNavigation li a:hover {
color: #fff;
}

ul#creditsNavigation li a img {
border: 2px solid #EFC195;
}

ul#creditsNavigation li.active a, ul#creditsNavigation li a:hover {
background: #EFC195;
color: #000;
}

ul#creditsNavigation li.active a img, ul#creditsNavigation li a:hover img {
border-color: #fff;
}

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


/* _____ CREDITS ___________________________ */


a.credits-box {
display: block;
width: 20%;
margin: 0 1% 15px 1%;
float: left;
text-align: center;
color: #fff;
text-decoration: none;
background-color: #636363;
background-repeat: no-repeat;
background-position: center 10px;
border: 1px solid #e7d7c8;
padding: 60px 0 0 0;
height: 170px;
position: relative;
}

html>body a.credits-box {
width: 22%;
}

.priceList p {
border-bottom: 1px solid #414141;
padding: 3px 0;
}

a#sms {
background-image: url('pay_sms.gif');
}

a#ebank {
background-image: url('pay_ebank.gif');
}

a#paypal {
background-image: url('pay_paypal.gif');
}

a#phone {
background-image: url('pay_phone.gif');
}

a#txtnation {
background-image: url('pay_txtnation.gif');
}

a#offerpal {
background-image: url('pay_offerpal.gif');
}


#logo-paypal {
width: 98px;
height: 98px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pay_logo_paypal.png');
float: right;
margin: 5px 0 15px 15px;
}

html>body #logo-paypal {
background: url('http://i.zarenkriege.de/game/reborn/pay_logo_paypal.png') no-repeat;
}

#logo-creditcard {
width: 120px;
height: 78px;
float: right;
margin: 5px 0 15px 15px;
background: url('pay_logo_creditcards.gif') no-repeat;
}



a.credits-box span.header {
font-size: 16px;
font-weight: bold;
display: block;
padding: 5px 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.credits-box div.prices {
font-size: 9px;
background: #414141;
padding: 5px 0;
}

a.credits-box div.prices p {
padding: 2px 0;
border-bottom: 1px solid #636363;
}

a.credits-box p {
font-size: 9px;
padding: 5px 0;
}

p.creditsLine {
height: 25px;
color: #fff;
}

p.creditsLine span {
color: #fff;
display: block;
float: left;
width: 50%;
border-bottom: 1px solid #ca9e73;
padding: 5px 0;
margin: 0 5px 0 0;
}

p.creditsLine input {
background: #4b321a url('http://i.zarenkriege.de/game/reborn/i_b_accept.gif') 5px 5px no-repeat;
padding: 5px 5px 5px 25px;
color: #fff;
font-weight: bold;
font-size: 9px;
text-transform: uppercase;
border: 1px solid #6d4f32;
cursor: pointer;
}

a#logoTuev {
display: block;
float: right;
background: url('http://i.zarenkriege.de/game/logo_tuev.gif') no-repeat;
width: 90px;
height: 137px;
margin: 0 0 10px 10px;
border: 5px solid #ca9e73;
}

a.credits-box span.note {
position: absolute;
top: 10px;
left: 10px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
background: #3E250C;
padding: 2px 5px;
}


.paymentPack {
border-bottom: 1px solid #6F4A29;
padding: 3px 0;
overflow: hidden;
}

* html .paymentPack {
height: 1%;
}

.paymentPack span.coins {
display: block;
float: left;
height: 25px;
background: url('pay_coins.gif') no-repeat;
padding: 0 0 0 35px;
line-height: 25px;
}

.paymentPack span.coins big {
font-size: 16px;
font-weight: bold;
}

.paymentPack span.price {
display: block;
float: left;
height: 25px;
line-height: 25px;
font-size: 15px;
color: #fff;
font-weight: bold;
padding: 0 0 0 15px;
}

.paymentPack input.buyButton {
display: block;
float: right;
height: 25px;
line-height: 25px;
background: #613810;
padding: 0 10px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: #EFAB68;
}

.paymentPack input.buyButton:hover {
color: #fff;
}

.paymentPack a.buyButton {
display: block;
float: right;
height: 25px;
line-height: 25px;
background: #613810;
padding: 0 10px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: #EFAB68;
}

.paymentPack a.buyButton:hover {
color: #fff;
}

.flagsList {
padding: 15px 0;
}

.flagsList a img {
border: 3px solid #BA8C60;
}

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

/* ARMY ORDER */
/* --------------------------- */


.box #army-order {
padding: 10px 0;
border-bottom: 1px solid #ccc;
margin: 0 0 10px 0;
position: relative;
height: 420px;
}

.box #army-order .unit {
width: 12%;
height: 95px;
padding: 5px 0;
text-align: center;
border: 1px solid #FFAE5F;
position: absolute;
}

.box #army-order .unit a {
display: block;
height: 83px;
text-decoration: none;
background-repeat: no-repeat;
}

.box #army-order .unit a:hover {
background-position: 0 -133px;
}

.box #army-order .unit a small {
display: block;
color: #fff;
font-size: 9px;
font-weight: bold;
line-height: 9px;
}

html>body .box #army-order .unit a small {
padding: 3px 0;

}

.box #army-order #1-1 {
margin: 10px;
}

/** ----- **/

.box #army-order .x1y1 {
top: 0;
left: 0;
}

.box #army-order .x2y1 {
top: 0;
left: 12%;
}

.box #army-order .x3y1 {
top: 0;
left: 24%;
}

.box #army-order .x4y1 {
top: 0;
left: 36%;
}

.box #army-order .x5y1 {
top: 0;
left: 48%;
}

.box #army-order .x6y1 {
top: 0;
left: 60%;
}

.box #army-order .x7y1 {
top: 0;
left: 72%;
}

.box #army-order .x8y1 {
top: 0;
left: 84%;
}

/** ----- **/

.box #army-order .x1y2 {
top: 105px;
left: 0;
}

.box #army-order .x2y2 {
top: 105px;
left: 12%;
}

.box #army-order .x3y2 {
top: 105px;
left: 24%;
}

.box #army-order .x4y2 {
top: 105px;
left: 36%;
}

.box #army-order .x5y2 {
top: 105px;
left: 48%;
}

.box #army-order .x6y2 {
top: 105px;
left: 60%;
}

.box #army-order .x7y2 {
top: 105px;
left: 72%;
}

.box #army-order .x8y2 {
top: 105px;
left: 84%;
}

/** ----- **/

.box #army-order .x1y3 {
top: 210px;
left: 0;
}

.box #army-order .x2y3 {
top: 210px;
left: 12%;
}

.box #army-order .x3y3 {
top: 210px;
left: 24%;
}

.box #army-order .x4y3 {
top: 210px;
left: 36%;
}

.box #army-order .x5y3 {
top: 210px;
left: 48%;
}

.box #army-order .x6y3 {
top: 210px;
left: 60%;
}

.box #army-order .x7y3 {
top: 210px;
left: 72%;
}

.box #army-order .x8y3 {
top: 210px;
left: 84%;
}


/** ----- **/

.box #army-order .x1y4 {
top: 315px;
left: 0;
}

.box #army-order .x2y4 {
top: 315px;
left: 12%;
}

.box #army-order .x3y4 {
top: 315px;
left: 24%;
}

.box #army-order .x4y4 {
top: 315px;
left: 36%;
}

.box #army-order .x5y4 {
top: 315px;
left: 48%;
}

.box #army-order .x6y4 {
top: 315px;
left: 60%;
}

.box #army-order .x7y4 {
top: 315px;
left: 72%;
}

.box #army-order .x8y4 {
top: 315px;
left: 84%;
}

#army-order div.selected {
background-position: 0 -99px;
}


#order-buttons {
width: 50%;

margin-left: auto;
margin-right: auto;
text-align: left;

}

#order-buttons a#up {
display: block;
width: 34px;
height: 34px;
background: url('army_move_up.gif') no-repeat;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#order-buttons a#left {
display: block;
width: 20%;
height: 40px;
background: url('army_move_left.gif') 0 5px no-repeat;
float: left;
}

#order-buttons #button {
float: left;
text-align: center;
width: 60%;
height: 30px;
padding: 10px 0 0 0;
}

#order-buttons a#right {
display: block;
width: 20%;
height: 40px;
background: url('army_move_right.gif') right 5px no-repeat;
float: right;
}

#order-buttons a#down {
display: block;
width: 34px;
height: 39px;
background: url('army_move_down.gif') 0 5px no-repeat;
margin-left: auto;
margin-right: auto;
text-align: left;
clear: both;
}

#enemybox {
width: 50%;
background: #333333 url('army_order_enemy.gif') center 30px no-repeat;
border: 1px solid #ccc;
text-align: left;
padding: 0 0 40px 0;
margin: 0 auto 10px auto;
}

#enemybox strong {
font-size: 20px;
text-transform: uppercase;
line-height: 30px;
display: block;
text-align: center;
color: #fff;
}

/* PLAYER PREVIEW */
/* --------------------------- */

#playerColumn {
padding: 10px 0;
}

#playerColumn .avatar {
overflow: hidden;
font-weight: bold;
color: #fff;
}

#playerColumn .avatar img {
float: right;
border: 5px solid #3E2611;
margin: 0 0 0 10px;
}

#playerColumn .avatar small {
color: #BA9F57;
font-weight: normal;
display: block;
border-bottom: 1px solid #BA9F57;
padding: 0 0 2px 0;
margin: 0 0 2px 0;
font-size: 11px;
}

#playerColumn dl {
padding: 10px 0 0 0;
}

#playerColumn dl dd {
text-align: right;
border-bottom: 1px solid #9F6C3B;
padding: 2px 5px;
color: #fff;
font-weight: bold;
overflow: hidden;
}

* html #playerColumn dl dd,
* html #playerColumn .avatar {
height: 1%;
}

#playerColumn dl dd small {
float: left;
color: #BA9F57;
font-weight: normal;
font-size: 11px;
}

/* MESSAGES */
/* --------------------------- */

.messageWrapper {
overflow: hidden;
}

.messageWrapper .userDetails {
width: 102px;
padding: 10px;
float: left;
}

.messageWrapper .userDetails .avatar {
border: 1px solid #BF8853;
margin: 0 0 5px 0;
}

.messageWrapper .userDetails .details small {
font-size: 11px;
color: #ccc;
}

.messageWrapper .message {
margin: 0 0 0 120px;
}

#deleteMessages {
overflow: hidden;
}

* html #deleteMessages {
height: 1%;
}

#deleteMessages a {
background: #4d4d4d url('linkbutton.gif') repeat-x;
display: block;
float: right;
padding: 6px 10px;
text-decoration: none;
margin: 0 5px;
border: 1px solid #ccc;
font-weight: bold;
}

#deleteMessages a:hover {
color: #000;
}

h2 span.dateSent {
font-weight: normal;
font-size: 11px;
padding: 0 0 0 15px;
}

h2 span.status {
display: block;
float: right;
font-size: 11px;
line-height: 11px;
height: 11px;
padding: 4px 8px 3px 8px;
text-decoration: none;
color: #ca9e74;
margin: 10px 60px 0 0;
background: #9E6731;
}

h2 span.unread {
font-weight: bold;
color: #fff;
text-transform: uppercase;
font-size: 12px;
}

h2 span.read {
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}

.message p.options {
border-top: 1px dashed #BF8853;
margin: 10px 0 0 0;
padding: 5px 0 0 0;
overflow: hidden;
}

.message p.options a {
font-size: 11px;
font-weight: bold;
padding: 0 6px 0 17px;
background-repeat: no-repeat;
}

.message p.options a:hover {
color: #fff;
}

.message p.options span.markMsg {
float: right;
}

.message p.options span.markMsg input {
vertical-align: middle;
}

.message p.options a#reply {
background-image: url('msg_reply.gif');
}

.message p.options a#delete {
background-image: url('msg_delete.gif');
}

.message p.options a#report {
background-image: url('msg_report.gif');
}

.message p.options a#ignore {
background-image: url('msg_ignore.gif');
}

span#delMsgs {
float: right;
}

span#delMsgs input {
font-size: 12px;
}


.chatHistoryWrap {
clear: left;
}

.chatHistoryWrap .ownMessage {
padding: 0 40% 15px 0;
}

.chatHistoryWrap .ownMessage .wrapper {
background: #d0a57b;
font-size: 12px;
padding: 10px;
}

.chatHistoryWrap .ownMessage .footer {
font-size: 9px;
color: #b88656;
background: url('chathistory_bulb1.gif') 20px 0 no-repeat;
padding: 3px 0 0 50px;
}

.chatHistoryWrap .ownMessage .footer a {
color: #fff;
}

.chatHistoryWrap .foreignMessage {
padding: 0 0 15px 40%;
}

.chatHistoryWrap .foreignMessage .wrapper {
background: #b88656;
font-size: 12px;
padding: 10px;
text-align: right;
}

.chatHistoryWrap .foreignMessage .footer {
font-size: 9px;
color: #b88656;
background: url('chathistory_bulb2.gif') right 0 no-repeat;
margin: 0 20px 0 0;
text-align: right;
padding: 3px 30px 0 0;
}

.chatHistoryWrap .foreignMessage .footer a {
color: #fff;
}

.chatHistoryWrap .ownMessage .wrapper a, .chatHistoryWrap .foreignMessage .wrapper a {
color: #000;
}

h2 a.fromUser {
display: block;
height: 28px;
line-height: 28px;
float: left;
text-decoration: none;
background: url('msg_user.gif') no-repeat;
padding: 0 0 0 32px;
margin: 5px 0 0 0;
color: #ccc;
}

h2 a.fromUser:hover {
color: #fff;
}

h2 a.chatHistory {
display: block;
cursor: pointer;
float: right;
font-size: 11px;
line-height: 11px;
height: 11px;
padding: 4px 8px 3px 20px;
text-decoration: none;
color: #A9A9A9;
margin: 10px 60px 0 0;
background: #333333 url('chathistory.gif') 2px 2px no-repeat;
}

h2 a.chatHistory:hover {
color: #fff;
text-decoration: underline;
}


/* VIP SERVICES TABLE */
/* --------------------------- */


table#servicesTable {
}

table#servicesTable tbody tr td.description p {
font-size: 11px;
color: #e4e4e4;
}

table#servicesTable tbody tr td.description big {
font-weight: bold;
font-size: 15px;
color: #fff;
}

table#servicesTable tbody tr td.price {
font-size: 9px;
text-align: center;
}

table#servicesTable tbody tr td.price strong {
font-size: 18px;
font-family: Arial, Verdana, Helvetica, sans-serif;
display: block;
}

table#servicesTable tbody tr td a.activateLink {
background: #d8af4d url('services_link.gif') repeat-x;
border: 1px solid #71581b;
display: block;
float: right;
padding: 8px 18px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #42330e;
}

table#servicesTable a.activateLink:hover {
color: #fff;
}

/* OVERVIEW AND BUILDINGS */
/* ---------------------------- */

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

#resTimes {
overflow: auto;
}

* html #resTimes {
height: 1%;
}

#resTimes .timeItem {
float: left;
width: 65px;
height: 40px;
background-repeat: no-repeat;
padding: 3px 0 0 40px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#resTimes .timeItem small {
display: block;
font-size: 11px;
line-height: 11px;
color: #d9b490;
}

#resTimes .timeItem big {
display: block;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #fff;
}

#resTimes #timeGold {
background-image: url('time_gold.jpg');
}

#resTimes #timeIron {
background-image: url('time_iron.jpg');
}

#resTimes #timeWood {
background-image: url('time_wood.jpg');
}

#resTimes #timeFood{
background-image: url('time_food.jpg');
}

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

#build {
position: absolute;
width: 61px;
height: 63px;
z-index: 10;
}

* html #build {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='build.png');
}

html>body #build {
background: url('build.png');
}

.build-b1 {
top: 165px;
left: 442px;
}

.build-b2 {
top: 101px;
left: 184px;
}

.build-b3 {
top: 102px;
left: 374px;
}

.build-b4 {
top: 101px;
left: 437px;
}

.build-b5 {
top: 155px;
left: 45px;
}

.build-b6 {
top: 153px;
left: 488px;
}

.build-b7 {
top: 247px;
left: 385px;
}

.build-b8 {
top: 183px;
left: 228px;
}

.build-b9 {
top: 168px;
left: 305px;
}

.build-b10 {
top: 254px;
left: 285px;
}

.build-b11 {
top: 135px;
left: 175px;
}

.build-b12 {
top: 285px;
left: 149px;
}

.build-b13 {
top: 44px;
left: 257px;
}

.build-b14 {
top: 225px;
left: 437px;
}

.build-b15 {
top: 111px;
left: 125px;
}

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



.wall-1 {
width: 78px;
height: 48px;
position: absolute;
top: 244px;
left: 491px;
z-index: 7;
}

* html .wall-1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wall_1.png');
}

html>body .wall-1 {
background: url('wall_1.png');
}

.wall-2 {
width: 52px;
height: 55px;
position: absolute;
top: 312px;
left: 375px;
z-index: 7;
}

* html .wall-2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wall_2.png');
}

html>body .wall-2 {
background: url('wall_2.png');
}

.wall-3 {
width: 113px;
height: 54px;
position: absolute;
top: 280px;
left: 57px;
z-index: 7;
}

* html .wall-3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wall_3.png');
}

html>body .wall-3 {
background: url('wall_3.png');
}

/** ============ **/

a#b1 {
width: 73px;
height: 57px;
top: 165px;
left: 442px;
z-index: 6;
}

* html a#b1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_1.png');
}

html>body a#b1 {
background: url('b_1.png');
}

a#b2 {
width: 67px;
height: 49px;
top: 101px;
left: 184px;
z-index: 1;
}

* html a#b2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_2.png');
}

html>body a#b2 {
background: url('b_2.png');
}

a#b3 {
width: 82px;
height: 65px;
top: 102px;
left: 374px;
z-index: 6;
}

* html a#b3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_3.png');
}

html>body a#b3 {
background: url('b_3.png');
}

a#b4 {
width: 106px;
height: 90px;
top: 101px;
left: 437px;
z-index: 1;
}

* html a#b4 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_4-1.png');
}

html>body a#b4 {
background: url('b_4-1.png');
}

a#b4-2 {
width: 106px;
height: 90px;
top: 101px;
left: 437px;
z-index: 1;
}

* html a#b4-2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_4-2.png');
}

html>body a#b4-2 {
background: url('b_4-2.png');
}

a#b5-1 {
width: 153px;
height: 162px;
top: 155px;
left: 45px;
z-index: 1;
}

* html a#b5-1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_5-1.png');
}

html>body a#b5-1 {
background: url('b_5-1.png');
}

a#b5-2 {
width: 153px;
height: 162px;
top: 155px;
left: 45px;
z-index: 1;
}

* html a#b5-2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_5-2.png');
}

html>body a#b5-2 {
background: url('b_5-2.png');
}

a#b5 {
width: 153px;
height: 162px;
top: 150px;
left: 50px;
z-index: 4;
}

* html a#b5 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_5-1.png');
}

html>body a#b5 {
background: url('b_5-1.png');
}

a#b6 {
width: 116px;
height: 106px;
top: 138px;
left: 180px;
z-index: 3;
}

* html a#b6 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_6.png');
}

html>body a#b6 {
background: url('b_6.png');
}



a#b8 {
width: 102px;
height: 79px;
top: 223px;
left: 348px;
z-index: 3;
}

* html a#b8 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_8.png');
}

html>body a#b8 {
background: url('b_8.png');
}

a#b9 {
width: 49px;
height: 53px;
top: 228px;
left: 230px;
z-index: 3;
}

* html a#b9 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_9.png');
}

html>body a#b9 {
background: url('b_9.png');
}

a#b10 {
width: 59px;
height: 61px;
top: 254px;
left: 285px;
z-index: 3;
}

* html a#b10 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_10.png');
}

html>body a#b10 {
background: url('b_10.png');
}

a#b11 {
width: 97px;
height: 72px;
top: 135px;
left: 175px;
z-index: 1;
}

* html a#b11 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_11.png');
}

html>body a#b11 {
background: url('b_11.png');
}

a#b12 {
width: 160px;
height: 82px;
top: 287px;
left: 153px;
z-index: 100;
}

* html a#b12 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_12.png');
}

html>body a#b12 {
background: url('b_12.png');
}

a#b13 {
width: 115px;
height: 158px;
top: 44px;
left: 257px;
z-index: 1;
}

* html a#b13 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_13.png');
}

html>body a#b13 {
background: url('b_13.png');
}

a#b7 {
width: 85px;
height: 80px;
top: 165px;
left: 288px;
z-index: 1;
}

* html a#b7 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_7.png');
}

html>body a#b7{
background: url('b_7.png');
}

a#b15 {
width: 59px;
height: 61px;
top: 111px;
left: 125px;
z-index: 1;
}

* html a#b15 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='b_15.png');
}

html>body a#b15 {
background: url('b_15.png');
}

/** ============ **/

a#tb1 {
width: 73px;
height: 57px;
top: 165px;
left: 442px;
z-index: 2;
}

* html a#tb1:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_1.png');
}

html>body a#tb1:hover {
background: url('tb_1.png');
}

a#tb2 {
width: 67px;
height: 49px;
top: 101px;
left: 184px;
z-index: 1;
}

* html a#tb2:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_2.png');
}

html>body a#tb2:hover {
background: url('tb_2.png');
}

a#tb3 {
width: 82px;
height: 65px;
top: 102px;
left: 374px;
z-index: 3;
}

* html a#tb3:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_3.png');
}

html>body a#tb3:hover {
background: url('tb_3.png');
}

a#tb4 {
width: 106px;
height: 90px;
top: 101px;
left: 437px;
z-index: 1;
}

* html a#tb4:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_4.png');
}

html>body a#tb4:hover {
background: url('tb_4.png');
}

a#tb5 {
width: 153px;
height: 162px;
top: 155px;
left: 45px;
z-index: 1;
}

* html a#tb5:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_5.png');
}

html>body a#tb5:hover {
background: url('tb_5.png');
}

a#tb6 {
width: 116px;
height: 106px;
top: 153px;
left: 488px;
z-index: 3;
}

* html a#tb6:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_6.png');
}

html>body a#tb6:hover {
background: url('tb_6.png');
}

a#tb7 {
width: 102px;
height: 79px;
top: 247px;
left: 385px;
z-index: 3;
}

* html a#tb7:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_7.png');
}

html>body a#tb7:hover {
background: url('tb_7.png');
}

a#tb8 {
width: 84px;
height: 120px;
top: 183px;
left: 228px;
z-index: 3;
}

* html a#tb8:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_8.png');
}

html>body a#tb8:hover {
background: url('tb_8.png');
}

a#tb9 {
width: 86px;
height: 77px;
top: 168px;
left: 305px;
z-index: 3;
}

* html a#tb9:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_9.png');
}

html>body a#tb9:hover {
background: url('tb_9.png');
}

a#tb10 {
width: 85px;
height: 80px;
top: 254px;
left: 285px;
z-index: 3;
}

* html a#tb10:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_10.png');
}

html>body a#tb10:hover {
background: url('tb_10.png');
}

a#tb11 {
width: 97px;
height: 72px;
top: 135px;
left: 175px;
z-index: 1;
}

* html a#tb11:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_11.png');
}

html>body a#tb11:hover {
background: url('tb_11.png');
}

a#tb12 {
width: 160px;
height: 82px;
top: 285px;
left: 149px;
z-index: 3;
}

* html a#tb12:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_12.png');
}

html>body a#tb12:hover {
background: url('tb_12.png');
}

a#tb13 {
width: 115px;
height: 158px;
top: 44px;
left: 257px;
z-index: 1;
}

* html a#tb13:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_13.png');
}

html>body a#tb13:hover {
background: url('tb_13.png');
}

a#tb14 {
width: 49px;
height: 53px;
top: 225px;
left: 437px;
z-index: 1;
}

* html a#tb14:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_14.png');
}

html>body a#tb14:hover {
background: url('tb_14.png');
}

a#tb15 {
width: 59px;
height: 61px;
top: 111px;
left: 125px;
z-index: 1;
}

* html a#tb15:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_15.png');
}

html>body a#tb15:hover {
background: url('tb_15.png');
}

/* ________ GUIDE BUILDINGS ______________ */

.guideArrow {
position: relative;
margin: -50px auto 0 auto;
width: 33px;
height: 50px;
background: url('guide_arrow.gif') no-repeat;
}

* html .guideArrow  {
margin: 0 auto;
}

a#guide-b1 {
width: 73px;
height: 57px;
top: 165px;
left: 442px;
z-index: 2;
}

* html a#guide-b1{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_1.png');
}

html>body a#guide-b1 {
background: url('tb_1.png');
}


a#guide-b2 {
width: 67px;
height: 49px;
top: 101px;
left: 184px;
z-index: 1;
}

* html a#guide-b2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_2.png');
}

html>body a#guide-b2 {
background: url('tb_2.png');
}


a#guide-b3 {
width: 82px;
height: 65px;
top: 102px;
left: 374px;
z-index: 3;
}

* html a#guide-b3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_3.png');
}

html>body a#guide-b3 {
background: url('tb_3.png');
}

a#guide-b4 {
width: 106px;
height: 90px;
top: 101px;
left: 437px;
z-index: 3;
}

* html a#guide-b4 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_4.png');
}

html>body a#guide-b4 {
background: url('tb_4.png');
}

a#guide-b5 {
width: 153px;
height: 162px;
top: 155px;
left: 45px;
z-index: 3;
}

* html a#guide-b5 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_5.png');
}

html>body a#guide-b5 {
background: url('tb_5.png');
}

a#guide-b6 {
width: 116px;
height: 106px;
top: 153px;
left: 488px;
z-index: 3;
}

* html a#guide-b6 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_6.png');
}

html>body a#guide-b6 {
background: url('tb_6.png');
}

a#guide-b7 {
width: 102px;
height: 79px;
top: 247px;
left: 385px;
z-index: 3;
}

* html a#guide-b7 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_7.png');
}

html>body a#guide-b7 {
background: url('tb_7.png');
}

a#guide-b8 {
width: 84px;
height: 120px;
top: 183px;
left: 228px;
z-index: 3;
}

* html a#guide-b8 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_8.png');
}

html>body a#guide-b8 {
background: url('tb_8.png');
}

a#guide-b9 {
width: 86px;
height: 77px;
top: 168px;
left: 305px;
z-index: 3;
}

* html a#guide-b9 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_9.png');
}

html>body a#guide-b9 {
background: url('tb_9.png');
}

a#guide-b10 {
width: 85px;
height: 80px;
top: 254px;
left: 285px;
z-index: 3;
}

* html a#guide-b10 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_10.png');
}

html>body a#guide-b10 {
background: url('tb_10.png');
}

a#guide-b11 {
width: 97px;
height: 72px;
top: 135px;
left: 175px;
z-index: 3;
}

* html a#guide-b11 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_11.png');
}

html>body a#guide-b11 {
background: url('tb_11.png');
}

a#guide-b13 {
width: 115px;
height: 158px;
top: 44px;
left: 257px;
z-index: 3;
}

* html a#guide-b13 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_13.png');
}

html>body a#guide-b13 {
background: url('tb_13.png');
}

a#guide-b14 {
width: 49px;
height: 53px;
top: 270px;
left: 464px;
z-index: 3;
}

* html a#guide-b14 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_14.png');
}

html>body a#guide-b14 {
background: url('tb_14.png');
}

a#guide-b15 {
width: 67px;
height: 64px;
top: 160px;
left: 120px;
z-index: 3;
}

* html a#guide-b15 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tb_15.png');
}

html>body a#guide-b15 {
background: url('tb_15.png');
}

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

#buyResources {
background: url('buyres_bknd.jpg') no-repeat;
height: 53px;
padding: 25px 0 26px 0;
}

#buyResources a.wrapper {
font-family: Arial, Verdana, Helvetica, sans-serif;
display: block;
cursor: pointer;
height: 48px;
padding: 5px 0 0 80px;
text-decoration: none;
}

#buyResources a.wrapper big {
font-size: 14px;
display: block;
padding: 5px 5px 0 0;
line-height: 13px;
font-weight: bold;
color: #fff;
}

#buyResources a.wrapper small {
font-size: 10px;
display: block;
line-height: 10px;
color: #ccc;
}

#buyResources a.wrapper:hover big, #buyResources a.wrapper:hover small {
color: #fff;
}

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

#resourceBars {

}

#resourceBars .row {
padding: 0 0 5px 0;
}

#resourceBars .row .details {
font-weight: bold;
color: #fff;
height: 11px;
font-size: 11px;
padding: 0 0 5px 0;
line-height: 11px;
}

#resourceBars .row .details small {
display: block;
float: right;
font-size: 9px;
line-height: 11px;
color: #dbba9b;
font-weight: normal;
}

#resourceBars .row .details small.training {
background: #DFAD7D;
padding: 3px 6px 2px 6px;
float: right;
color: #000;
font-weight: bold;
}

#resourceBars .row .resourceBar {
background: url('bar_base_left.gif') no-repeat;
padding: 0 0 0 6px;
position: relative;
}

#resourceBars .row .resourceBar .wrapper {
height: 42px;
background: url('bar_base_right.gif') right 0 no-repeat;
padding: 0 7px 0 1px;
}

#resourceBars .row .resourceBar .barFull {
position: absolute;
top: 7px;
left: 7px;
height: 28px;
padding: 0 0 0 6px;
width: 190px;
z-index: 1;
}

#resourceBars .row .resourceBar .barFull span small {
font-size: 11px;
font-weight: bold;
color: #fff;
background: #4a331d;
padding: 2px 4px;
line-height: 28px;
margin: 0 5px 0 0;
}

#resourceBars .row .resourceBar .barGold {
background: url('bar_gold_left.gif') no-repeat;
}

#resourceBars .row .resourceBar .barGold span {
display: block;
height: 28px;
background: url('bar_gold.jpg') repeat-x;
text-align: right;
}

#resourceBars .row .resourceBar .barIron {
background: url('bar_iron_left.gif') no-repeat;
}

#resourceBars .row .resourceBar .barIron span {
display: block;
height: 28px;
background: url('bar_iron.jpg') repeat-x;
text-align: right;
}

#resourceBars .row .resourceBar .barWood {
background: url('bar_wood_left.gif') no-repeat;
}

#resourceBars .row .resourceBar .barWood span {
display: block;
height: 28px;
background: url('bar_wood.jpg') repeat-x;
text-align: right;
}

#resourceBars .row .resourceBar .barFood {
background: url('bar_food_left.gif') no-repeat;
}

#resourceBars .row .resourceBar .barFood span {
display: block;
height: 28px;
background: url('bar_food.jpg') repeat-x;
text-align: right;
}

#resourceBars .row .resourceBar .barPop {
background: url('bar_pop_left.gif') no-repeat;
}

#resourceBars .row .resourceBar .barPop span {
display: block;
height: 28px;
background: url('bar_pop.jpg') repeat-x;
text-align: right;
}

#resourceBars .row .resourceBar .barCache {
position: absolute;
top: 7px;
left: 7px;
height: 28px;
background: url('bar_cache.gif') no-repeat;
z-index: 3;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}

#resourceBars .row .resourceBar .storageLimit {
position: absolute;
height: 28px;
line-height: 28px;
font-size: 9px;
font-weight: bold;
color: #9a7553;
top: 7px;
right: 10px;
z-index: 0;
}


#overview {
margin: 0 0 10px 0;
position: relative;
margin: 0 auto;
}

#overview .plain {
background-image: url('bknd_2.jpg');
}

#overview .wall {
background-image: url('bknd_1.jpg');
}

#overview .map {
width: 645px;
height: 390px;
background-repeat: no-repeat;
position: relative;

}

#overview .map a {
display: block;
cursor: hand;
position: absolute;
}

#overview .map .confirmMessage {
width: 580px;
position: absolute;
left: 50%;
top: 120px;
margin: 0 0 0 -305px;
z-index: 99;
padding: 15px;
background: #1d1d1d url('buildingdialog_bknd.jpg') right 0 no-repeat;
border: 1px solid #ccc;
z-index: 15;
}

#overview .map .confirmMessage a.closeDialog {
display: block;
width: 22px;
height: 22px;
position: absolute;
right: 5px;
top: 5px;
background: url('buildingdialog_close.gif') no-repeat;
z-index: 99;
}

#overview #advisorMessage {
background: url('advisor_wizard.gif') no-repeat;
padding: 0 0 0 136px;
margin: 0 50px;
height: 178px;
text-align: left;
}

#overview #advisorMessage .wrapper {
background: #cabb3f url('advisor_bknd.gif') repeat-x;
border: 1px solid #766e2b;
padding: 10px;
}

.confirmMessage .buildingPreview {
width: 200px;
height: 200px;
float: left;
position: relative;
}

.confirmMessage .buildingPreview a.gotoBuilding {
display: block;
position: absolute;
bottom: 0;
left: 10px;
width: 182px;
height: 29px;
background: url('buildingdialog_goto.gif') no-repeat;
padding: 14px 0 0 0;
line-height: 29px;
text-align: center;
text-decoration: none;
font-weight: normal;
}

.confirmMessage .buildingPreview a.gotoBuilding:hover {
background-position: 0 -43px;
color: #000;
}

.confirmMessage .buildingDetails {
margin: 0 0 0 210px;
position: relative;
}

.confirmMessage .buildingDetails .buildingTitle {
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0 20px 4px 10px;
border-bottom: 1px solid #ccc;
}

#overview .map .confirmMessage .buildingDetails .buildingTitle a {
position: static;
}

.confirmMessage .buildingDetails .buildingTitle span.buildingLevel {
display: block;
float: right;
background: #ccc;
padding: 3px 6px;
font-size: 11px;
text-transform: uppercase;
color: #666;
margin: 0 0 -4px 0;
}

.confirmMessage .buildingDetails .buildingTitle span.buildingLevel strong {
color: #333;
}

#overview .map .confirmMessage .buildingText a {
display: inline;
position: relative;
color: #fff;
font-weight: bold;
}

#overview .map .confirmMessage .buildingText {
background: #111;
padding: 5px;
font-size: 12px;
color: #fff;
margin: 5px 0 0 0;
text-align: center;
}

#overview .map .confirmMessage .buildingText .buildingResources {
padding: 5px 0 0 0;
}

#overview .map .confirmMessage .buildingText a.buildLevel {
display: block;
position: relative;
margin: 5px auto;
width: 240px;
height: 30px;
font-size: 15px;
background: url('buildingdialog_buildlevel.gif') no-repeat;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
color: #333;
text-align: center;
}

#overview .map .confirmMessage .buildingText a.buildLevel:hover {
color: #fff;
}

#overview .map .confirmMessage .buildingSlider {
background: url('buildingdialog_slider.gif') center 0 no-repeat;
margin: 10px 0 0 0;
padding: 12px 0 0 0;
}

#overview .map .confirmMessage .buildingSlider .slider {
width: 370px;
margin: 5px 0 10px 0;
background-color: #000;
height: 5px;
position: relative;
}

#overview .map .confirmMessage .buildingSlider .slider .handle {
width: 22px;
height: 34px;
background: url('buildingdialog_handle.gif') no-repeat;
cursor: w-resize;
position: absolute;
top: -15px;
z-index: 99;
}

#overview .map .confirmMessage .buildingSlider .sliderOptions {
overflow: hidden;
}

#overview .map .confirmMessage .buildingSlider .sliderOptions ul {
list-style: none;
float: left;
}

#overview .map .confirmMessage .buildingSlider .sliderOptions ul li {
float: left;
padding: 0 20px 0 0;
font-size: 13px;
color: #fff;
font-weight: bold;
}

#overview .map .confirmMessage .buildingSlider .sliderOptions ul li small {
display: block;
font-size: 11px;
color: #f39233;
font-weight: normal;
}

#overview .map .confirmMessage .buildingSlider .sliderOptions a.sliderSave {
position: relative;
display: block;
float: right;
width: 150px;
height: 30px;
background: url('buildingdialog_saveslider.gif') no-repeat;
line-height: 30px;
text-align: center;
text-decoration: none;
color: #ccc;
}

#overview .map .confirmMessage .buildingSlider .sliderOptions a.sliderSave:hover {
color: #fff;
}

#overview .map .confirmMessage .buildingText span {
padding: 2px 5px 3px 20px;
color: #d5a77b;
line-height: 15px;
}

#overview .map .confirmMessage .buildingText span.gold {
background: url('res_gold.gif') no-repeat;
}

#overview .map .confirmMessage .buildingText span.iron {
background: url('res_iron.gif') no-repeat;
}

#overview .map .confirmMessage .buildingText span.wood {
background: url('res_wood.gif') no-repeat;
}

#overview .map .confirmMessage .buildingText span.food {
background: url('res_food.gif') no-repeat;
}

#overview .map .confirmMessage .buttons {
padding: 10px 0 0 0;
cursor: default;
text-align: center;
}

#overview .map .confirmMessage .buttons input {
padding: 5px;
font-weight: bold;
text-transform: uppercase;
background: #3e250c;
border: 1px solid #fff;
margin: 0 5px;
color: #fff;
}

span.tinyBuild {
display: block;
border-bottom: 1px solid #573e25;
padding: 5px 0;
font-weight: bold;
height: 50px;
}

span.tinyBuild img {
float: left;
margin: 0 5px 0 0;
}

span.tinyBuild small {
display: block;
font-weight: normal;
font-size: 11px;
color: #deb894;
}



#buildingsQueue {
margin: 0 0 15px 0;
overflow: hidden;
}

* html #buildingsQueue {
height: 1%;
}

#buildingsQueue span.totalTime {
display: block;
font-size: 11px;
color: #CF945A;
border-top: 1px dashed #CF945A;
padding: 5px;
margin: 10px 0 0 0;
}

#buildingsQueue span.totalTime strong {
font-size: 12px;
color: #fff;
}

#buildingsQueue .queueBuilding {
background: url('buildqueue_box_left.gif') no-repeat;
padding: 0 0 0 6px;
margin: 10px 1% 0 1%;
}

#buildingsQueue .waiting {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}

#buildingsQueue .queueBuilding .wrapper {
background: url('buildqueue_box_right.gif') right 0 no-repeat;
padding: 5px 8px 0 2px;
height: 62px;
}

#buildingsQueue .queueBuilding .thumbnail {
width: 50px;
float: left;
padding: 2px 0 0 0;
position: relative;
}

#buildingsQueue .queueBuilding .thumbnail .queueNumber {
position: absolute;
right: 0;
bottom: 0;
margin: 0 3px 3px 0;
background: #fff;
padding: 2px;
font-size: 9px;
font-weight: bold;
color: #000;
cursor: default;
}

#buildingsQueue .queueBuilding .thumbnail img {
border: 1px solid #fff;
}

#buildingsQueue .queueBuilding .info {
margin: 0 0 0 60px;
color: #444;
font-size: 11px;
}

#buildingsQueue .queueBuilding .info strong {
display: block;
line-height: 14px;
font-size: 14px;
color: #000;
}

#buildingsQueue .queueBuilding .info span.timeLeft {
display: block;
padding: 3px 6px;
margin: 5px 0 0 0;
background: #333;
color: #fff;
font-size: 13px;
line-height: 16px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#buildingsQueue .queueBuilding .info span.timeLeft a.cancel {
float: right;
font-size: 12px;
color: #ccc;
}

#buildingsQueue .queueBuilding .info span.timeLeft a.cancel:hover {
color: #fff;
}

/* BUDDYLIST */
/* ---------------------------- */

.playersList {

}

.playersList .playerItem {
background: #ab723d;
padding: 0 6px 5px 6px;
float: left;
margin: 0 8px 8px 0;
text-align: center;
position: relative;
}

.playersList .playerItem a.playerName {
display: block;
text-decoration: none;
font-weight: bold;
color: #eac29d;
padding: 5px 0;
}

.playersList .playerItem a.playerName:hover {
color: #fff;
text-decoration: underline;
}

.playersList .playerItem .avatar {
border: 1px solid #fff;
margin: 0 0 5px 0;
}

.playersList .playerItem a.sendMessage {
display: block;
width: 102px;
height: 23px;
line-height: 23px;
background: url('buddylist_message.gif') no-repeat;
font-size: 11px;
text-decoration: none;
color: #e8ae79;
}

.playersList .playerItem a.sendMessage:hover {
color: #fff;
text-decoration: underline;
}

.playersList .playerItem a.deletePlayer,
.playersList .playerItem a.unIgnore {
display: block;
width: 26px;
height: 26px;
position: absolute;
top: -8px;
right: -8px;
}

html>body .playersList .playerItem a.deletePlayer {
background: url('buddylist_delete.png');
}

* html .playersList .playerItem a.deletePlayer {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='buddylist_delete.png');
}

html>body .playersList .playerItem a.unIgnore {
background: url('buddylist_unignore.png');
}

* html .playersList .playerItem a.unIgnore {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/utopia/buddylist_delete.png');
}

/* RECRUIT BAR */
/* ---------------------------- */

#recruit {
background: #858585 url('recruit_bknd.jpg') repeat-x;
border: 1px solid #fff;
margin: 15px 0;
}

#recruit .sub {
background: url('recruit_shield.jpg') no-repeat;
padding: 30px 0 20px 160px;
}

#recruit h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
color: #000;
}

#recruit p {
color: #000;
font-size: 12px;
}

/* CHOOSE RACE */
/* ---------------------------- */

#content .racesListBox {
background: #6D451F;
}

#racesList {

}

#racesList dl {
overflow: hidden;
}

* html #racesList dl {
height: 1%;
}

#racesList dl dd {
width: 244px;
height: 110px;
float: left;
position: relative;
padding: 6px;
margin: 10px
}

#racesList dl dd big {
display: block;
height: 22px;
line-height: 22px;
text-align: right;
padding: 0 10px 0 0;
font-size: 12px;
color: #fff;
font-weight: bold;
}

#racesList dl dd span.description {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
display: block;
height: 46px;
line-height: 10px;
color: #ccc;
text-align: right;
padding: 5px 10px 0 0;
}

#racesList dl dd a.chooseButton {
display: block;
width: 133px;
height: 38px;
background: url('chooserace_button.jpg') no-repeat;
position: absolute;
right: 0;
bottom: 0;
padding: 0 0 0 33px;
line-height: 38px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #f0d3a4;
}

#racesList dl dd a.chooseButton:hover {
color: #fff;
}

#racesList dl dd.raceItem-1 {
background: url('chooserace_1.jpg') no-repeat;
}

#racesList dl dd.raceItem-2 {
background: url('chooserace_2.jpg') no-repeat;
}

#racesList dl dd.raceItem-3 {
background: url('chooserace_3.jpg') no-repeat;
}

#racesList dl dd.raceItem-4 {
background: url('chooserace_4.jpg') no-repeat;
}

#racesList dl dd.raceItem-5 {
background: url('chooserace_5.jpg') no-repeat;
}

#racesList dl dd.raceItem-6 {
background: url('chooserace_6.jpg') no-repeat;
}

#racesList dl dd.raceItem-7 {
background: url('chooserace_7.jpg') no-repeat;
}

#racesList dl dd.raceItem-8 {
background: url('chooserace_8.jpg') no-repeat;
}

#racesList dl dd.raceItem-9 {
background: url('chooserace_9.jpg') no-repeat;
}



/* CLAN FORUM */
/* ---------------------------- */

.forumNav {
height: 34px;
margin: 15px 0;
}

.forumNav a {
display: block;
height: 34px;
line-height: 34px;
color: #ccc;
font-weight: bold;
font-size: 12px;
text-decoration: none;
float: left;
background-repeat: no-repeat;
padding: 0 0 0 26px;
margin: 0 10px 0 0;
}

.forumNav a:hover {
color: #fff;
}

.forumNav a span {
display: block;
float: left;
height: 34px;
background: url('clanforum/button_right.gif') right 0 no-repeat;
padding: 0 10px 0 5px;
}

.forumNav a.new {
background-image: url('clanforum/button_add.gif');
}

.forumNav a.reply {
background-image: url('clanforum/button_reply.gif');
}

.forumNav a.back {
background-image: url('clanforum/button_back.gif');
}

.forumNav a.delete {
background-image: url('clanforum/button_delete.gif');
}

.messageOptions {
padding: 10px 0 0 0;
margin: 10px 0 0 0;
border-top: 1px dashed #333;
font-size: 9px;
text-align: right;
}

.messageOptions a {
background: #333;
padding: 5px;
text-decoration: none;
}

.messageOptions a:hover {
text-decoration: underline;
color: #000;
}

.messageWrap {

}

.messageWrap textarea {
font-size: 12px;
padding: 5px;
border: 1px solid #ccc;
background: #000;
display: block;
color: #fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

h2 input.text {
background: #755332;
border: 1px solid #fff;
padding: 3px;
margin: 0 5px 0 0;
color: #fff;
}

h2 input.editButton {
background: #000;
border: 1px solid #fff;
padding: 3px;
color: #fff;
}

h2 a.toggleEditTopic {
float: right;
font-size: 11px;
color: #bf8b59;
}

h2 a.toggleEditTopic:hover {
color: #fff;
}

.emoticonsList {
font-size: 11px;
color: #c98e55;
padding: 5px 0 0 0;
}

form#category_box {
padding: 0 0 10px 0;
}

form#category_box input.text,
form#category_box input.button {
padding: 5px;
background: #000;
border: 1px solid #ccc;
color: #fff;
}


tr.highlight td {
background: #414141;
font-weight: bold;
}

tr.highlight .messageBody {
font-weight: normal;
}

tr.highlight td .messageOptions  {
border-color: #d0a379;
}

tr.highlight td .messageOptions a {
background: #d0a379;
padding: 5px;
text-decoration: none;
}

td.small {
font-size: 9px;
line-height: 10px;
color: #714924;
}

td.topic a {
text-decoration: none;
}

td.topic a:hover {
text-decoration: underline;
}

a.topicLink {
display: block;
}

a.topicLink img {
vertical-align: middle;
}

a.toggleOptions {
float: right;
font-size: 9px;
font-weight: bold;
}

.topicOptions {
text-align: right;
font-size: 9px;
}

.topicOptions a {
background: #333;
padding: 2px 4px;
}


/* MAP */
/* ---------------------------- */

#playerMessage {
width: 280px;
position: absolute;
left: 50%;
top: 150px;
margin: 0 0 0 -150px;
z-index: 99;
padding: 10px;
background: #3e250c url('map_dialogbox.jpg') center bottom no-repeat;
border: 1px solid #fff;
z-index: 10;
font-size: 12px;
text-align: center;
}

#playerMessage a.closeMessage {
display: block;
float: right;
width: 16px;
height: 16px;
background: url('map_dialogbox_close.gif') no-repeat;
}

#playerMessage p {
color: #fff;
padding: 0 0 10px 0;
}

#playerMessage p a {
display: inline;
position: relative;
color: #fff;
font-weight: bold;
}

#playerMessage .buttons {
padding: 10px 0 0 0;
cursor: default;
text-align: center;
font-size: 12px;
}

#playerMessage .buttons a {
display: block;
padding: 5px 0;
cursor: pointer;
text-decoration: none;
}

#playerMessage .buttons a span {
padding: 5px;
font-weight: bold;
text-transform: uppercase;
background: #ae7a48;
border: 1px solid #fff;
margin: 0 5px;
color: #000;
font-size: 12px;
line-height: 22px;
}

#playerMessage .buttons a:hover span {
color: #fff;
}

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

.box table.map tr td {
border-bottom: none;
}

.mapBlock {
width: 50px;
height: 50px;
position: absolute;
}

.mapBlock .mapSign {
width: 11px;
height: 11px;
font-size: 1px;
float: right;
background-repeat: no-repeat;
}

.mapBlock .s1 {
background: url('map_sign_1.gif');
}

.mapBlock .s2 {
background: url('map_sign_2.gif');
}

.mapBlock .s3 {
background: url('map_sign_3.gif');
}

.mapBlock .s4 {
background: url('map_sign_4.gif');
}

.mapBlock .s5 {
background: url('map_sign_5.gif');
}

.mapBlock .s6 {
background: url('map_sign_6.gif');
float: left;
}

.mapBlock .s7 {
background: url('map_sign_7.gif');
float: left;
}

.mapBlock .s8 {
background: url('map_sign_8.gif');
float: left;
}

.mapBlock .s9 {
background: url('map_sign_9.gif');
float: left;
}

.mapBlock .s10 {
background: url('map_sign_10.gif');
float: left;
}

.moving_map {
position: absolute;
background: url('map_grass1.jpg');
overflow: hidden;
}

#map {
position: relative;
overflow: hidden;
}

.largeMap {
width: 400px;
height: 400px;
}

.largeMapFrame {
width: 400px;
height: 400px;
padding: 39px 38px;
background: url('largemap_frame.jpg') no-repeat;
position: relative;
margin: 0 auto;
}

#map_gd {
width: 201px;
height: 201px;
position: relative;
overflow: hidden;
}

#gd_move {
border: 1px solid #fff;
width: 39px;
height: 39px;
position: absolute;
}

.navBar {
position: absolute;
}

.navBar span {
display: block;
text-align: center;
font-size: 9px;
color: #fff;
background-image: url('coord_bknd.gif');
background-repeat: no-repeat;
}

a.navLink {
display: block;
cursor: pointer;
}

#topBar {
width: 400px;
height: 39px;
top: 0;
left: 38px;
}

#topBar span {
float: left;
width: 50px;
padding: 13px 0 0 0;
line-height: 15px;
height: 15px;
background-position: center 15px;
}

#topBar a.navLink {
float: left;
width: 100px;
height: 39px;
}

#bottomBar {
width: 400px;
height: 39px;
bottom: 0;
left: 38px;
}

#bottomBar span {
float: left;
width: 50px;
padding: 13px 0 0 0;
line-height: 15px;
height: 15px;
background-position: center 15px;
}

#bottomBar a.navLink {
float: left;
width: 100px;
height: 39px;
}

#leftBar {
width: 38px;
height: 400px;
top: 39px;
left: 0;
}

#leftBar span {
width: 38px;
padding: 20px 0 15px 0;
line-height: 15px;
height: 15px;
background-position: center 21px;
}

#leftBar a.navLink {
width: 38px;
height: 100px;
}

#rightBar {
width: 38px;
height: 400px;
right: 0;
top: 39px;
}

#rightBar span {
width: 38px;
padding: 20px 0 15px 0;
line-height: 15px;
height: 15px;
background-position: center 21px;
}

#rightBar a.navLink {
width: 38px;
height: 100px;
}

#smallMapWrapper {
width: 201px;
}

#smallMapWrapper .smallMapNav {
height: 23px;
padding: 7px 0;
}

#smallMapWrapper .smallMapNav a {
display: block;
width: 22px;
height: 22px;
cursor: pointer;
background-repeat: no-repeat;
}

#smallMapWrapper .smallMapNav a.navLeft {
float: left;
background-image: url('smallmap_goleft.gif');
}

#smallMapWrapper .smallMapNav a.navRight {
float: right;
background-image: url('smallmap_goright.gif');
}

#smallMapWrapper .smallMapNav a.navUp {
margin: 0 auto;
background-image: url('smallmap_goup.gif');
}

#smallMapWrapper .smallMapNav a.navDown {
margin: 0 auto;
background-image: url('smallmap_godown.gif');
}

#smallMapWrapper  #gotoCoords {
height: 24px;
padding: 6px 8px 7px 8px;
background: url('block_bknd.gif');
font-size: 12px;
font-weight: bold;
color: #ccc;
line-height: 24px;
margin: 15px 0;
}

#smallMapWrapper  #gotoCoords .field {
background: #000;
border: 1px solid #ccc;
font-size: 12px;
padding: 3px;
color: #fff;
}

#smallMapWrapper  #gotoCoords a.gotoButton {
display: block;
cursor: pointer;
float: right;
width: 24px;
height: 24px;
background: url('gotocoords.gif') no-repeat;
}

.gotoButton {
display: block;
cursor: pointer;
float: right;
width: 24px;
height: 24px;
background: url('gotocoords.gif') no-repeat;
}

#smallMapWrapper #viewLegend {
height: 24px;
padding: 6px 8px 7px 8px;
background: url('block_bknd.gif');
font-size: 12px;
font-weight: bold;
color: #764e26;
line-height: 24px;
margin: 15px 0;
}


#smallMapWrapper #viewLegend a {
display: block;
cursor: pointer;
height: 24px;
background: url('legend.gif') right 0 no-repeat;
color: #764e26;
text-decoration: none;
}

#smallMapWrapper #viewLegend a:hover {
color: #fff;
text-decoration: underline;
}

#smallMapWrapper #globalNews {
height: 24px;
padding: 6px 8px 7px 8px;
background: url('block_bknd.gif');
font-size: 12px;
font-weight: bold;
color: #764e26;
line-height: 24px;
margin: 15px 0;
}

#smallMapWrapper #globalNews a {
display: block;
cursor: pointer;
height: 24px;
background: url('legend.gif') right 0 no-repeat;
color: #764e26;
text-decoration: none;
}

#smallMapWrapper #globalNews a:hover {
color: #fff;
text-decoration: underline;
}

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

#mapLegend {
position: absolute;
width: 655px;
padding: 15px;
top: 0;
left: 50%;
margin: 0 0 0 -327px;
z-index: 99;
background: #3e240b;
border: 1px solid #ae7a48;
color: #fff;
font-size: 11px;
}

#mapLegend .castleImage {
width: 50px;
height: 50px;
}

#mapLegend h3 {
font-size: 15px;
color: #755332;
line-height: 15px;
height: 15px;
padding: 0 0 10px 0;
}

#mapLegend h3 a.closeLink {
display: block;
float: right;
height: 11px;
line-height: 11px;
font-size: 11px;
color: #613810;
padding: 0;
}

#mapLegend h3 a.closeLink:hover {
color: #fff;
}

#mapLegend table thead tr td {
font-size: 9px;
background: #613810;
padding: 4px;
border-bottom: 2px solid #000;
color: #ae7a48;
line-height: 9px;
}

#mapLegend table tbody tr td {
padding: 2px;
border-bottom: 1px solid #613810;
}

#mapLegend table tbody tr td.separator {
border-left: 1px solid #613810;
text-align: center;
}

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

#globalNewsWrapper {
position: absolute;
width: 800px;
background: #613810;
border: 1px solid #fff;
margin: 0 0 0 -415px;
left: 50%;
top: 0;
padding: 15px;
z-index: 1001;
}

#globalNewsWrapper a#closeNews {
position: absolute;
right: 10px;
top: 10px;
background: url('qreg_close.gif') right 0 no-repeat;
font-size: 11px;
color: #fff;
text-decoration: none;
padding: 0 23px 0 0;
height: 18px;
line-height: 18px;
}

#globalNewsWrapper a#closeNews:hover {
text-decoration: underline;
}

#globalNewsWrapper h3 {
text-transform: uppercase;
font-size: 15px;
color: #fff;
border-bottom: 1px solid #9F6731;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
}

#globalNewsWrapper dl {
font-size: 12px;
}

#globalNewsWrapper dl dd {
background: #3F2308;
padding: 10px;
margin: 0 0 5px 0;
color: #fff;
}

#globalNewsWrapper dl dd a {
color: #9F6731;
}

#globalNewsWrapper dl dd .title {
background: #000;
padding: 3px;
color: #AF7741;
margin: 0 0 10px 0;
}

#globalNewsWrapper #newsNavigation {
text-align: center;
padding: 15px 0 0 0;
font-size: 11px;
}

#globalNewsWrapper #newsNavigation a {
background: #9F6227;
padding: 3px 6px;
border: 1px solid #000;
color: #fff;
text-decoration: none;
}

#globalNewsWrapper #newsNavigation a:hover {
text-decoration: underline;
}



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

html>body .mapCastle-0 {
background: url('castle_xs.png');
}

* html .mapCastle-0 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_xs.png');
}

html>body .mapCastle-1 {
background: url('castle_1.png');
}

* html .mapCastle-1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_1.png');
}

html>body .mapCastle-2 {
background: url('castle_2.png');
}

* html .mapCastle-2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_2.png');
}

html>body .mapCastle-3 {
background: url('castle_3.png');
}

* html .mapCastle-3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_3.png');
}

html>body .mapCastle-4 {
background: url('castle_4.png');
}

* html .mapCastle-4 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_4.png');
}

html>body .mapCastle-5 {
background: url('castle_5.png');
}

* html .mapCastle-5 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_5.png');
}

html>body .mapCastle-6 {
background: url('castle_6.png');
}

* html .mapCastle-6 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_6.png');
}

html>body .mapCastle-7 {
background: url('castle_7.png');
}

* html .mapCastle-7 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_7.png');
}

html>body .mapCastle-8 {
background: url('castle_8.png');
}

* html .mapCastle-8 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_8.png');
}

html>body .mapCastle-9 {
background: url('castle_9.png');
}

* html .mapCastle-9 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_9.png');
}

html>body .mapCastle-10 {
background: url('castle_10.png');
}

* html .mapCastle-10 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_10.png');
}

html>body .mapCastle-11 {
background: url('castle_11.png');
}

* html .mapCastle-11 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_11.png');
}

html>body .mapCastle-12 {
background: url('castle_12.png');
}

* html .mapCastle-12 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_12.png');
}

html>body .mapCastle-13 {
background: url('castle_13.png');
}

* html .mapCastle-13 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_13.png');
}

html>body .mapCastle-14 {
background: url('castle_14.png');
}

* html .mapCastle-14 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_14.png');
}

html>body .mapCastle-15 {
background: url('castle_15.png');
}

* html .mapCastle-15 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_15.png');
}

html>body .mapCastle-16 {
background: url('castle_16.png');
}

* html .mapCastle-16 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_16.png');
}

html>body .mapCastle-17 {
background: url('castle_17.png');
}

* html .mapCastle-17 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_17.png');
}

html>body .mapCastle-18 {
background: url('castle_18.png');
}

* html .mapCastle-18{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_18.png');
}

html>body .mapCastle-19 {
background: url('castle_19.png');
}

* html .mapCastle-19 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_19.png');
}

html>body .mapCastle-20 {
background: url('castle_20.png');
}

* html .mapCastle-20 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_20.png');
}

html>body .mapCastle-21 {
background: url('castle_21.png');
}

* html .mapCastle-21 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_21.png');
}

html>body .mapCastle-22 {
background: url('castle_22.png');
}

* html .mapCastle-22 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_22.png');
}

html>body .mapCastle-23 {
background: url('castle_23.png');
}

* html .mapCastle-23 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_23.png');
}

html>body .mapCastle-24 {
background: url('castle_24.png');
}

* html .mapCastle-24 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/castle_24.png');
}

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

html>body .forest {
background: url('forest.png');
}

* html .forest {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/forest.png');
}

html>body .forest_1 {
background: url('forest_1.png');
}

* html .forest_1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/forest_1.png');
}

html>body .forest_2 {
background: url('forest_2.png');
}

* html .forest_2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/forest_2.png');
}

html>body .forest_3 {
background: url('forest_3.png');
}

* html .forest_3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/forest_3.png');
}

html>body .hill_1_1 {
background: url('hill_1_1.png');
}

* html .hill_1_1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_1_1.png');
}

html>body .hill_1_2 {
background: url('hill_1_2.png');
}

* html .hill_1_2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_1_2.png');
}

html>body .hill_2_1 {
background: url('hill_2_1.png');
}

* html .hill_2_1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_2_1.png');
}

html>body .hill_2_2 {
background: url('hill_2_2.png');
}

* html .hill_2_2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_2_2.png');
}

html>body .hill_2_3 {
background: url('hill_2_3.png');
}

* html .hill_2_3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_2_3.png');
}

html>body .hill_3_1 {
background: url('hill_3_1.png');
}

* html .hill_3_1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_3_1.png');
}

html>body .hill_3_2 {
background: url('hill_3_2.png');
}

* html .hill_3_2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_3_2.png');
}

html>body .hill_3_3 {
background: url('hill_3_3.png');
}

* html .hill_3_3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_3_3.png');
}

html>body .hill_3_4 {
background: url('hill_3_4.png');
}

* html .hill_3_4 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_3_4.png');
}

html>body .hill_3_5 {
background: url('hill_3_5.png');
}

* html .hill_3_5 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_3_5.png');
}

html>body .hill_3_6 {
background: url('hill_3_6.png');
}

* html .hill_3_6 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hill_3_6.png');
}

html>body .lake_1_1 {
background: url('lake_1_1.png');
}

* html .lake_1_1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_1_1.png');
}

html>body .lake_1_2 {
background: url('lake_1_2.png');
}

* html .lake_1_2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_1_2.png');
}

html>body .lake_1_3 {
background: url('lake_1_3.png');
}

* html .lake_1_3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_1_3.png');
}

html>body .lake_1_4 {
background: url('lake_1_4.png');
}

* html .lake_1_4 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_1_4.png');
}

html>body .lake_2_1 {
background: url('lake_2_1.png');
}

* html .lake_2_1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_2_1.png');
}

html>body .lake_2_2 {
background: url('lake_2_2.png');
}

* html .lake_2_2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_2_2.png');
}

html>body .lake_3_1 {
background: url('lake_3_1.png');
}

* html .lake_3_1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_3_1.png');
}

html>body .lake_3_2 {
background: url('lake_3_2.png');
}

* html .lake_3_2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_3_2.png');
}

html>body .lake_4_1 {
background: url('lake_4_1.png');
}

* html .lake_4_1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_4_1.png');
}

html>body .lake_4_2 {
background: url('lake_4_2.png');
}

* html .lake_4_2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_4_2.png');
}

html>body .lake_4_3 {
background: url('lake_4_3.png');
}

* html .lake_4_3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_4_3.png');
}

html>body .lake_5_1 {
background: url('lake_5_1.png');
}

* html .lake_5_1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_5_1.png');
}

html>body .lake_5_2 {
background: url('lake_5_2.png');
}

* html .lake_5_2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_5_2.png');
}

html>body .lake_5_3 {
background: url('lake_5_3.png');
}

* html .lake_5_3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lake_5_3.png');
}


/* BATTLE REPORT */
/* --------------------------- */

.contentReport h2 span {
font-size: 12px;
font-weight: normal;
color: #ccc;
padding: 0 5px 0 19px;
}

.contentReport h2 span.version {
background: url('report/report_version.gif') no-repeat;
margin: 0 0 0 10px;
}

.contentReport h2 span.date {
background: url('report/report_date.gif') no-repeat;
}

.contentReport h2 a.saveReport,
.contentReport h2 a.viewAnalysis {
float: right;
display: block;
padding: 6px 6px 6px 23px;
font-weight: bold;
font-size: 11px;
line-height: 11px;
height: 11px;
text-transform: uppercase;
color: #ccc;
text-decoration: none;
margin: 7px 60px 0 0;
}

.contentReport h2 a.saveReport:hover,
.contentReport h2 a.viewAnalysis:hover {
color: #fff;
}

.contentReport h2 a.saveReport {
background: #333 url('report/report_save.gif') 4px 5px no-repeat;
}

.contentReport h2 a.viewAnalysis {
background: #333 url('report/round_analysis.gif') 4px 5px no-repeat;
}

#playerDetails {
overflow: hidden;
padding: 5px 0;
}

* html #playerDetails {
height: 1%;
}

#playerDetails #AttackerInfo {
margin: 0 13px 0 0;
}

#playerDetails .playerItem {
width: 430px;
float: left;
}

#playerDetails .playerItem .title {
background: #222;
padding: 6px;
overflow: hidden;
}

* html #playerDetails .playerItem .title {
height: 1%;
}

#playerDetails .playerItem .title a.playerAvatar {
float: left;
border: 1px solid #edc59d;
}

#playerDetails .playerItem .title a.playerAvatar:hover {
color: #fff;
}

#playerDetails .playerItem .title .details {
margin: 0 0 0 60px;
color: #ccc;
line-height: 15px;
padding: 3px 0 0 0;
}

#playerDetails .playerItem .title .details a {
font-weight: bold;
color: #ccc;
}

#playerDetails .playerItem .title .details a:hover {
color: #fff;
}

#playerDetails .playerItem .title .details strong {
display: block;
color: #fff;
text-transform: uppercase;
}

#playerDetails .playerItem .playerSkills {

}

#playerDetails .playerItem .playerSkills table thead tr td {
background: #333;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
padding: 4px 8px;
color: #999;

}

#playerDetails .playerItem .playerSkills table tbody tr td {
background: #666;
padding: 4px 8px;
color: #000;
font-size: 11px;
}

#playerDetails .playerItem .playerSkills table tbody tr td.special {
background: url('report/plinfo_skills/skill_row2.jpg') 0 bottom repeat-x;
font-weight: bold;
color: #fff;
}

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

#unitPicSmall-1 {
background-image: url('../../img_ut/units/small/1.jpg');
}

#unitPicSmall-2 {
background-image: url('../../img_ut/units/small/2.jpg');
}

#unitPicSmall-3 {
background-image: url('../../img_ut/units/small/3.jpg');
}

#unitPicSmall-4 {
background-image: url('../../img_ut/units/small/4.jpg');
}

#unitPicSmall-5 {
background-image: url('../../img_ut/units/small/5.jpg');
}

#unitPicSmall-6 {
background-image: url('../../img_ut/units/small/6.jpg');
}

#unitPicSmall-7 {
background-image: url('../../img_ut/units/small/7.jpg');
}

#unitPicSmall-8 {
background-image: url('../../img_ut/units/small/8.jpg');
}

#unitPicSmall-9 {
background-image: url('../../img_ut/units/small/9.jpg');
}

#unitPicSmall-10 {
background-image: url('../../img_ut/units/small/10.jpg');
}

#unitPicSmall-11 {
background-image: url('../../img_ut/units/small/11.jpg');
}

#unitPicSmall-12 {
background-image: url('../../img_ut/units/small/12.jpg');
}

#unitPicSmall-13 {
background-image: url('../../img_ut/units/small/13.jpg');
}

#unitPicSmall-14 {
background-image: url('../../img_ut/units/small/14.jpg');
}

#unitPicSmall-15 {
background-image: url('../../img_ut/units/small/15.jpg');
}

#unitPicSmall-16 {
background-image: url('../../img_ut/units/small/16.jpg');
}

#unitPicSmall-17 {
background-image: url('../../img_ut/units/small/17.jpg');
}

#unitPicSmall-18 {
background-image: url('../../img_ut/units/small/18.jpg');
}

#unitPicSmall-19 {
background-image: url('../../img_ut/units/small/19.jpg');
}

#unitPicSmall-20 {
background-image: url('../../img_ut/units/small/20.jpg');
}

#unitPicSmall-21 {
background-image: url('../../img_ut/units/small/21.jpg');
}

#unitPicSmall-22 {
background-image: url('../../img_ut/units/small/22.jpg');
}

#unitPicSmall-23 {
background-image: url('../../img_ut/units/small/23.jpg');
}

#unitPicSmall-24 {
background-image: url('../../img_ut/units/small/24.jpg');
}

#unitPicSmall-25 {
background-image: url('../../img_ut/units/small/25.jpg');
}

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

#content .round { /* to remove the background image */
background: #4d4d4d;
position: relative;
}

#content .round .roundAnalysis {
background: url('report/round_analysis_arrow.gif') 350px 0 no-repeat;
padding: 16px 0 0 0;
width: 400px;
position: absolute;
right: 60px;
top: 0px;
z-index: 999;
}

#content .round .roundAnalysis .sub {
background: #999;
padding: 10px;
}

#content .round .roundAnalysis ul {
list-style: none;
padding: 0;
font-size: 11px;
max-height: 300px;
overflow-y: auto;
}

#content .round .roundAnalysis ul li {
padding: 3px 0 3px 19px;
border-bottom: 1px solid #333;
}

#content .round .roundAnalysis ul li.hitting {
background: url('report/round_hitting.gif') 4px 4px no-repeat;
}

#content .round .roundAnalysis ul li.sustaining {
background: #666 url('report/round_sustaining.gif') 4px 5px no-repeat;
}

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

#content .box .armyOrder {

position: relative;
height: 553px;
}

#content .box .armyOrder .unit {
width: 98px;
height: 133px;
text-align: center;
position: absolute;
}

#content .box .armyOrder .unit a {
display: block;
height: 128px;
color: #eec39b;
text-decoration: none;
font-size: 11px;
padding: 5px 0 0 0;
}

#content .box .armyOrder .unit a:hover {
color: #fff;
text-decoration: underline;
background-position: 0 -133px;
}


#content .box .armyOrder .unitType-1 a {
background: url('report/temp_unit.jpg') no-repeat;
}

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

.specialUnitsBox {
border: 1px solid #A8A8A8;
padding: 5px;
margin: 10px 0;
color: #fff;
background: #4D4D4D;
overflow: hidden;
}

* html .specialUnitsBox {
height: 1%;
}

.specialUnitsBox table tbody tr td {
border: none;
}

.specialUnitsBox h4 {
background: #222222;
padding: 3px 6px;
font-size: 11px;
font-weight: bold;
color: #CCCCCC;
margin: 0 0 5px 0;
}

.specialUnitsBox span {
padding: 0 10px 0 20px;
}

.specialUnitsBox div.side-attacker {
float: left;
width: 48%;
}

.specialUnitsBox div.side-defender {
float: right;
width: 48%;
}

.specialUnitsBox span.side-attacker {
background: url('report/report_bonus_attacker.gif') no-repeat;
}

.specialUnitsBox span.side-defender {
background: url('report/report_bonus_defender.gif') no-repeat;
}

.specialUnitsBox span.unit {
background: url('report/report_bonus_unit.gif') no-repeat;
}

.specialUnitsBox span.bonus {
background: url('report/report_bonus_bonus.gif') no-repeat;
}

.specialUnitsBox span.max {
background: url('report/report_bonus_max.gif') no-repeat;
}

.specialUnitsBox span.skill {
background: url('report/report_bonus_skill.gif') no-repeat;
}

span.cleanupGold {
background: url('res_gold.gif') no-repeat;
padding: 0 10px 0 19px;
font-weight: bold;
}

span.cleanupIron {
background: url('res_iron.gif') no-repeat;
padding: 0 10px 0 19px;
font-weight: bold;
}

span.cleanupFood {
background: url('res_food.gif') no-repeat;
padding: 0 10px 0 19px;
font-weight: bold;
}

span.cleanupWood {
background: url('res_wood.gif') no-repeat;
padding: 0 10px 0 19px;
font-weight: bold;
}

span.cleanupPopulation {
background: url('res_pop.gif') no-repeat;
padding: 0 0 0 19px;
font-weight: bold;
}

ul.battleResults li {
padding: 3px 0;
}

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

.healing-attacker {
float: left;
}

.healing-defender {
float: right;
}

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

dl.unitTip { /* class for tooltip info */
font-size: 11px;
}

dl.unitTip dt,
dl.unitTip dd {
line-height: 11px;
height: 11px;
padding: 3px 0;
border-bottom: 1px solid #666;
}

dl.unitTip dt {
float: left;
width: 60%;
font-size: 9px;
}

dl.unitTip dd {
margin: 0 0 0 20%;
text-align: right;
font-weight: bold;
}

.round .wall {
height: 109px;
padding: 15px 0;
}

.round  .wall a {
display: block;
height: 109px;
background: url('report/unit_wall.jpg') center 0 no-repeat;
}

.round .wall a:hover {
background-position: center -109px;
}

.armySpacer {
height: 64px;
background: url('report/army_spacer.jpg') center 0 no-repeat;
margin: 10px 0;
}

#content .box .defender .x1y1 {
top: 0;
left: 0;
}

#content .box .defender .x2y1 {
top: 0;
left: 105px; /* the step */
}

#content .box .defender .x3y1 {
top: 0;
left: 210px;
}

#content .box .defender .x4y1 {
top: 0;
left: 315px;
}

#content .box .defender .x5y1 {
top: 0;
left: 420px;
}

#content .box .defender .x6y1 {
top: 0;
left: 525px;
}

#content .box .defender .x7y1 {
top: 0;
left: 630px;
}

#content .box .defender .x8y1 {
top: 0;
left: 735px;
}

/** ----- **/

#content .box .defender .x1y2 {
top: 140px;
left: 0;
}

#content .box .defender .x2y2 {
top: 140px;
left: 105px; /* the step */
}

#content .box .defender .x3y2 {
top: 140px;
left: 210px;
}

#content .box .defender .x4y2 {
top: 140px;
left: 315px;
}

#content .box .defender .x5y2 {
top: 140px;
left: 420px;
}

#content .box .defender .x6y2 {
top: 140px;
left: 525px;
}

#content .box .defender .x7y2 {
top: 140px;
left: 630px;
}

#content .box .defender .x8y2 {
top: 140px;
left: 735px;
}

/** ----- **/

#content .box .defender .x1y3 {
top: 280px;
left: 0;
}

#content .box .defender .x2y3 {
top: 280px;
left: 105px; /* the step */
}

#content .box .defender .x3y3 {
top: 280px;
left: 210px;
}

#content .box .defender .x4y3 {
top: 280px;
left: 315px;
}

#content .box .defender .x5y3 {
top: 280px;
left: 420px;
}

#content .box .defender .x6y3 {
top: 280px;
left: 525px;
}

#content .box .defender .x7y3 {
top: 280px;
left: 630px;
}

#content .box .defender .x8y3 {
top: 280px;
left: 735px;
}


/** ----- **/

#content .box .defender .x1y4 {
top: 420px;
left: 0;
}

#content .box .defender .x2y4 {
top: 420px;
left: 105px; /* the step */
}

#content .box .defender .x3y4 {
top: 420px;
left: 210px;
}

#content .box .defender .x4y4 {
top: 420px;
left: 315px;
}

#content .box .defender .x5y4 {
top: 420px;
left: 420px;
}

#content .box .defender .x6y4 {
top: 420px;
left: 525px;
}

#content .box .defender .x7y4 {
top: 420px;
left: 630px;
}

#content .box .defender .x8y4 {
top: 420px;
left: 735px;
}

/** ================ **/


#content .box .attacker .x1y4 {
top: 0;
left: 0;
}

#content .box .attacker .x2y4 {
top: 0;
left: 105px; /* the step */
}

#content .box .attacker .x3y4 {
top: 0;
left: 210px;
}

#content .box .attacker .x4y4 {
top: 0;
left: 315px;
}

#content .box .attacker .x5y4 {
top: 0;
left: 420px;
}

#content .box .attacker .x6y4 {
top: 0;
left: 525px;
}

#content .box .attacker .x7y4 {
top: 0;
left: 630px;
}

#content .box .attacker .x8y4 {
top: 0;
left: 735px;
}

/** ----- **/

#content .box .attacker .x1y3 {
top: 140px;
left: 0;
}

#content .box .attacker .x2y3 {
top: 140px;
left: 105px; /* the step */
}

#content .box .attacker .x3y3 {
top: 140px;
left: 210px;
}

#content .box .attacker .x4y3 {
top: 140px;
left: 315px;
}

#content .box .attacker .x5y3 {
top: 140px;
left: 420px;
}

#content .box .attacker .x6y3 {
top: 140px;
left: 525px;
}

#content .box .attacker .x7y3 {
top: 140px;
left: 630px;
}

#content .box .attacker .x8y3 {
top: 140px;
left: 735px;
}

/** ----- **/

#content .box .attacker .x1y2 {
top: 280px;
left: 0;
}

#content .box .attacker .x2y2 {
top: 280px;
left: 105px; /* the step */
}

#content .box .attacker .x3y2 {
top: 280px;
left: 210px;
}

#content .box .attacker .x4y2 {
top: 280px;
left: 315px;
}

#content .box .attacker .x5y2 {
top: 280px;
left: 420px;
}

#content .box .attacker .x6y2 {
top: 280px;
left: 525px;
}

#content .box .attacker .x7y2 {
top: 280px;
left: 630px;
}

#content .box .attacker .x8y2 {
top: 280px;
left: 735px;
}


/** ----- **/

#content .box .attacker .x1y1 {
top: 420px;
left: 0;
}

#content .box .attacker .x2y1 {
top: 420px;
left: 105px; /* the step */
}

#content .box .attacker .x3y1 {
top: 420px;
left: 210px;
}

#content .box .attacker .x4y1 {
top: 420px;
left: 315px;
}

#content .box .attacker .x5y1 {
top: 420px;
left: 420px;
}

#content .box .attacker .x6y1 {
top: 420px;
left: 525px;
}

#content .box .attacker .x7y1 {
top: 420px;
left: 630px;
}

#content .box .attacker .x8y1 {
top: 420px;
left: 735px;
}

/* KHANWARS 2.2 STYLES */
/* ---------------------------- */

#buildingsQueue .queueBuilding {
overflow: hidden;
}

* html #buildingsQueue .queueBuilding {
height: 1%;
}

#buildingsQueue .queueBuilding a.finishBuilding {
display: block;
float: right;
cursor: pointer;
height: 17px;
line-height: 17px;
text-decoration: none;
font-weight: bold;
color: #f1d5ba;
background: url('buildingqueue_finish_left.gif') no-repeat;
padding: 0 0 0 24px;
margin: 0 5px 0 0;
}

#buildingsQueue .queueBuilding a.finishBuilding span {
display: block;
float: left;
height: 17px;
background: url('buildingqueue_finish_right.gif') right 0 no-repeat;
padding: 0 15px 0 5px;
}

#buildingsQueue .queueBuilding a.finishBuilding:hover {
color: #fff;
}

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

#buyCoinsTeaser {
padding: 0 0 0 10px;
}

#buyCoinsTeaser a {
display: block;
cursor: pointer;
text-decoration: none;
font-weight: bold;
height: 70px;
padding: 40px 0 0 180px;
background: url('buycoins_teaser.jpg') no-repeat;
}

#buyCoinsTeaser a:hover {
background-position: 0 -110px;
}

#buyCoinsTeaser a big {
display: block;
font-size: 18px;
line-height: 18px;
color: #fff;
}

#buyCoinsTeaser a small {
display: block;
font-size: 12px;
line-height: 12px;
color: #f0bd8e;
}

#buyCoinsTeaser a:hover big,
#buyCoinsTeaser a:hover small {
color: #000;
}

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

#skillsHeader {
overflow: hidden;
}

* html #skillsHeader {
height: 1%;
}

#skillsRevertInfo {
height: 110px;
background: url('skills_revert_info.jpg') right 0 no-repeat;
margin: 0 0 0 320px;
padding: 10px 100px 0 20px;
}

#skillsRevertInfo big {
display: block;
color: #ccc;
font-weight: bold;
font-size: 16px;
padding: 0 0 5px 0;
}

#skillsRevertInfo p {
font-size: 11px;
color: #f4d8bc;
line-height: 13px;
}

#heroPoints {
width: 300px;
float: left;
background: #3d0000;
border: 1px solid #c34c4c;
padding: 10px;
margin: 0 0 20px 0;
font-size: 12px;
height: 90px;
}

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

#clanLogoHolder {
background: url('../../img_ut/clanlogo/background_1.png') no-repeat;
width: 210px;
height: 250px;
margin-bottom: 20px;
position: relative;
}

#clanText {
font-size: 20px;
font-weight: bold;
text-align: center;
color: #27190B;
top: 192px;
position: absolute;
width: 210px;
}

.logoPosition {
float: left;
}

.logoPosition img {
border: none;
}

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

.formbox .highlight {
background: #9F6731;
}

.formbox .highlight .left,
.formbox .highlight label {
color: #fff;
border-color: #BF8247;
margin: 0 0 0 5px;
width: 195px;
}

.formbox .highlight .right a.motivationOptions {
display: block;
float: right;
text-transform: uppercase;
font-size: 11px;
background: #4F2C0A;
padding: 3px 8px;
text-decoration: none;
color: #CF945A;
margin: 0 5px 0 0;
border: 1px solid #CF945A;
}

.formbox .highlight .right a.motivationOptions:hover {
color: #fff;
border-color: #fff;
}

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

.coinsTip {
position: absolute;
width: 169px;
z-index: 99;
}

.coinsTip .tipTitle {
height: 35px;
padding: 20px 10px 0 40px;
font-size: 11px;
line-height: 11px;
font-weight: bold;
color: #5c340f;
background: url('coinstip_top.gif') no-repeat;
}

.coinsTip .tipBody {
background: url('coinstip_bottom.gif') 0 bottom no-repeat;
padding: 0 15px 20px 15px;
font-size: 11px;
line-height: 11px;
color: #000;
}

.coinsTip .tipBody a {
font-weight: bold;
color: #7F4A17;
}

.coinsTip .tipBody a:hover {
color: #fff;
}

.coinsTip a.hideTip {
display: block;
position: absolute;
cursor: pointer;
bottom: 6px;
right: 6px;
height: 15px;
line-height: 17px;
background: url('coinstip_close.gif') no-repeat;
padding: 0 6px 0 17px;
text-decoration: none;
font-size: 9px;
font-weight: normal;
}

.coinsTip a.hideTip:hover {
color: #000;
background-position: 0 -15px;
}

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

#overPop-header {
overflow: hidden;
margin: 0 0 15px 0;
position: relative;
}

* html #overPop-header {
height: 1%;
}

#overPop-header #getPop {
width: 447px;
height: 119px;
background: url('overpop_getpop.jpg') no-repeat;
float: left;
padding: 10px 10px 0 170px;
position: relative;
font-weight: bold;
}

#overPop-header #getPop a.buyPop {
display: block;
width: 205px;
height: 41px;
position: absolute;
right: 10px;
bottom: 10px;
line-height: 41px;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 14px;
font-weight: bold;
background: url('overpop_getpop_button.gif') no-repeat;
}

#overPop-header #getPop a.buyPop:hover {
background-position: 0 -41px;
color: #000;
}

#overPop-header #totalPop {
position: absolute;
right: 0;
bottom: 0;
font-size: 30px;
color: #eda054;
text-align: right;
}

#overPop-header #totalPop small {
font-size: 12px;
font-weight: bold;
display: block;
}

#overPop-header #totalPop strong {
color: #fff;
}

dl#overPop-mines {
overflow: hidden;
}

* html dl#overPop-mines {
height: 1%;
}

dl#overPop-mines dd {
margin: 0 10px 10px 0;
width: 258px;
height: 61px;
float: left;
background: #333;
padding: 5px;
border: 1px solid #ccc;
}

dl#overPop-mines dd .thumb {
width: 50px;
height: 50px;
float: left;
background: #222;
padding: 5px;
}

dl#overPop-mines dd .details {
margin: 0 0 0 70px;
}

dl#overPop-mines dd .details span.mineWorkersAmount {
font-size: 16px;
float: right;
font-weight: bold;
}

dl#overPop-mines dd .details span.name {
display: block;
font-weight: bold;
line-height: 24px;
height: 28px;
}

dl#overPop-mines dd .details span.name input {
float: right;
background: #442F1A;
color: #fff;
border: 1px solid #fff;
padding: 2px;
}

dl#overPop-mines .slider {
width: 190px;
margin: 15px 0 15px 0;
background-color: #000;
height: 5px;
position: relative;
}

dl#overPop-mines .slider .handle {
width: 22px;
height: 34px;
background: url('buildingdialog_handle.gif') no-repeat;
cursor: w-resize;
position: absolute;
top: -15px;
z-index: 99;
}

dl#overPop-mines .unitSlide {
cursor: w-resize;
}

dl#overPop-units {
overflow: hidden;
}

* html dl#overPop-units {
height: 1%;
}

dl#overPop-units dd {
width: 193px;
height: 55px;
float: left;
padding: 5px;
margin: 0 5px 5px 0;
background: #333;
border: 1px solid #CCCCCC;
}

dl#overPop-units dd .thumb {
float: left;
width: 60px;
}

dl#overPop-units dd .details {
margin: 0 0 0 75px;
}

dl#overPop-units dd .details span.name {
display: block;
font-weight: bold;
}

dl#overPop-units dd .details .unitAmount {
height: 26px;
padding: 5px 0 0 0;
}

dl#overPop-units dd .details .unitAmount input {
font-size: 14px;
background: #000;
color: #fff;
border: 1px solid #fff;
padding: 2px;
height: 18px;
margin: 0 1px;
float: left;
}

dl#overPop-units dd .details .unitAmount a.decrease {
display: block;
width: 26px;
height: 24px;
background: url('overpop_decrease.jpg') no-repeat;
float: left;
}

dl#overPop-units dd .details .unitAmount a.increase {
display: block;
width: 26px;
height: 24px;
background: url('overpop_increase.jpg') no-repeat;
float: left;
}

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

.promoBtns {
background: #3F3F3F;
overflow: hidden;
padding-left: 40px;
}

*html .promoBtns {
height: 1%;
}

.promoBtns dd {
float: left;
width: 125px;
padding:5px 0px;
text-align:center;
height: 100px;
margin-right: 10px;
}

.promoBtns dd a {
display:block;
width: 125px;
height: 100px;
background: url('promoBtn.jpg') no-repeat;
text-decoration: none;
}

.promoBtns dd a:hover {
background-position: 0 -101px;
color: #000;
}

.promoBtns dd a:hover  span{
color: #000;
}

.btnAddDays{
color: #1b1a1a;
text-transform: uppercase;
text-decoration: none;
font-size: 10px;
font-weight: bold;
line-height: 14px;
vertical-align: middle;
text-align: center;
display: block;
padding-top: 7px;
}

.btnNumber {
font-size: 45px;
font-weight: bold;
color: #fff;
text-decoration: none;
display: block;

}

.btnCoins {
color: #fff;
text-decoration: none;
text-align: right;
font-weight: bold;
font-size: 14px;
font-weight: bold;
padding-right: 15px;
margin-top: -12px;
display: block;
}

.numberDays {
color: #1b1a1a;
font-weight: bold;
font-size: 11px;
display: block;
padding-top: 3px;
}

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

.premiumBox {
background: #7d7d7d url('vip_prem_box_new.jpg') no-repeat;
border-bottom: #fff 1px solid;
border-left: #fff 1px solid;
border-right: #fff 1px solid;
overflow: hidden;
}

*html .premiumBox {
height: 1%;
}

.premiumDescription {
margin-left: 260px;
width: 369px;
font-size: 14px;
padding: 30px 20px 20px 0;
}

.premiumDescription .formbox .row label {
color:#000;
}

.premiumDescription .textformbox .row .left {
color:#000;
}

.premiumDescription .buttonrow {
background: none;
}

.premiumDescription .row {
color:#5F3812;
}

.premiumBtn {
padding: 15px;
height: 37px;
}

.premiumBtn a {
background: url('vip_btn_activate.gif') no-repeat;
height: 37px;
width: 269px;
text-align: center;
float: right;
display: block;
line-height: 37px;
vertical-align: middle;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}

.premiumBtn a:hover {
background-position: 0 -36px;
color: #000;
}

#premiumPopulation {
background: #7d7d7d url('vip_prem_pulation.jpg') no-repeat;
}

#premiumShelter {
background: #7d7d7d url('vip_prem_shelter.jpg') no-repeat;
}

#premiumLoyalty {
background: #7d7d7d url('vip_prem_loyalty.jpg') no-repeat;
}

#premiumStorage {
background: #7d7d7d url('vip_prem_storage.jpg') no-repeat;
}

#premiumBuild {
background: #7d7d7d url('vip_prem_build.jpg') no-repeat;
}

#premiumResources {
background: #7d7d7d url('vip_prem_resources.jpg') no-repeat;
}

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

.priestList dd {
float: left;
padding-right: 5px;
}

.priestWrapper {
display: block;
width: 200px;
height: 244px;
}

.priestTitle {
height: 32px;
line-height: 12px;
background: url('priest_top.gif') no-repeat;
color: #B9B9B9;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
text-transform: uppercase;
text-align: center;
padding-top: 8px;
}

.priestImage {
display: block;
height: 144px;
background: url('priest01.jpg') no-repeat;
}

.priestImage2 {
display: block;
height: 144px;
background: url('priest02.jpg') no-repeat;
}

.priestImage3 {
display: block;
height: 144px;
background: url('priest03.jpg') no-repeat;
}

.priestButton {
background: url('building_active_res.gif') no-repeat;
height: 68px;
text-align: center;
padding-top: 20px;
padding-left: 15px;
}

.priestButton a {
background: url('priestBtn.jpg') no-repeat;
height: 32px;
width: 169px;
line-height: 30px;
text-align:center;
font-size: 12px;
display: block;
text-decoration: none;
vertical-align: middle;
font-weight: bold;
color: #414141;
text-transform: uppercase;
}

.priestButton a:hover {
color: #fff;
}