#calendarSelector {
    position:absolute;
    padding:3px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color:#ffffff;
    border:1px solid #666666;
    -webkit-box-shadow:0px 3px 6px #666666;
    -moz-box-shadow:0px 3px 6px #666666;
    box-shadow:0px 3px 6px #666666;
    font-size:12px;
    -moz-user-select:none;
    cursor:default;
    width:auto;
    height:auto;
    min-width:0;
    min-height:0;
    display:block;
}
#calendarSelector * {
    position:static;
    color:#000000;
    background:transparent;
    font:normal 12px Arial,sans-serif;
    width:auto;
    height:auto;
    min-width:0;
    min-height:0;
    margin:0px;
    padding:0px;
    border:0px none;
    outline:0px;
    vertical-align:baseline
    line-height:1.3em;
}
#calendarSelector table {
    background-color:#777777;
}
#calendarSelector table thead tr td {
    background-color:#bbbbbb;
    text-align:center;
    cursor:pointer;
}
#calendarSelector table thead tr td:hover {
    background-color:#cccccc;
}
#calendarSelector table thead tr td.disabled {
    cursor:default;
    color:#999999;
    background-color:#bbbbbb;
}
#calendarSelector table thead tr th {
    background-color:#bbbbbb;
    padding:0.1em 0px;
    font-weight:normal;
}
#calendarSelector table thead tr th em,
#calendarSelector table thead tr th strong {
    padding:0px 4px;
    cursor:pointer;
    font-weight:normal;
    font-style:normal;
}
#calendarSelector table thead tr th em {
    float:right;
}
#calendarSelector table thead tr th strong {
    float:left;
}
#calendarSelector table thead tr th *.disabled {
    cursor:default;
    color:#999999;
}
#calendarSelector table thead tr th span {
    font-size:90%;
}

#calendarSelector table tfoot tr td {
    font-size:80%;
    text-align:center;
    padding:0px;
    background-color:#bbbbbb;
    cursor:pointer;
}
#calendarSelector table tfoot tr td:hover {
    background-color:#cccccc;
}

#calendarSelector table tbody tr td {
    text-align:center;
    padding:0.1em 0.4em;
    background-color:#dddddd;
    color:#999999;
}
#calendarSelector table tbody tr td.valid {
    color:#000000;
    cursor:pointer;
}
#calendarSelector table tbody tr td.month {
    background-color:#ffffff;
}
#calendarSelector table tbody tr td.weekend {
    background-color:#ffffdd;
}
#calendarSelector table tbody tr td.today {
    background-color:#ddddff;
}
#calendarSelector table tbody tr td.selected {
    outline:1px solid #ff0000;
}
#calendarSelector table tbody:hover tr td.selected {
    outline:0px none;
}
#calendarSelector table tbody tr td.valid:hover {
    background-color:#ddffdd;
    outline:1px solid #ff0000;
}


/* TextboxList sample CSS */
ul.facelist {
    list-style: none;
    overflow: hidden;
    /*height: auto !important;
    height: 1%; */
    padding: 4px 5px 0;
    min-width:250px;
    min-height:25px;
    border: 1px solid #c9ab57;
    box-shadow: inset 1px 1px 3px #b8ae81;
    background:#ece2b3;
    border-radius:0px;
    color:#4f4f4f;
    font-weight:bold;
    float:left;
    font-size: 14px;
    font-family: sans-serif;
}
ul.facelist li {
    float: left;
    margin: 0 5px 4px 0;
}
ul.facelist li.token-input input {
    width: 150px;
    margin: 0;
    border: 1px solid #FFF;
    outline: 0;
    padding: 3px 0 1px;
    font-weight:bold;
} /* no left/right padding here please */

ul.facelist li.token-input {
    margin: 0;
    width: 5px;
}
.token{
    color:black;
    position: relative;
    background-color: #eff2f7;
    border: solid 1px #ccd5e4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease-in;
    cursor: pointer;
    padding:2px 20px 2px 5px;
}
.tokenhover,
.token:hover{
    position: relative;
    background-color: #d8dfea;
    border: solid 1px #ccd5e4;
}
.token_selected:hover,
.token_selected{
    color:#fff;
    background-color: #5670a6;
    border: solid 1px #3b5998;
}

.token span.x,
.token span.x_hover,
.tokenhover span.x,
.tokenhover span.x_hover{background-image:url('//www.warbarons.com/images/token_x.gif');background-position:4px 1px;cursor:pointer;display:inline;padding:0px 4px 0px 5px; width: 10px; display: block; position:absolute; right: 0px; top: 3.5px;text-indent: -9999px; background-repeat:no-repeat;}



/* Autocompleter */

#result_list {
    position: absolute;
    min-width: 264px;
}
#result_list .default {
    padding: 5px 7px;
    border: 1px solid #ccc;
    border-width: 0 1px 1px;
    background: #eee;
}
#result_list ul {
    margin: 0;
    padding: 0;
    background: #fff;
}
#result_list ul li {
    padding: 5px 12px;
    margin: 0;
    list-style-type: none;
    border: 0px solid #ccc;
    border-width: 0 1px 1px;
    font: 12px "Lucida Grande", "Verdana";
    text-shadow: none;
}
#result_list ul li em {
    font-weight: bold;
    font-style: normal;
    background: #dae1eb;
    color: #000;
}
#result_list ul li.auto-focus {
    background: #3b5998;
    color: #fff;
}
#result_list ul li.auto-focus em {
    background: none;
}

.flag {
    width: 16px;
    height: 11px;
    background:url(images/flags.png) no-repeat;
    float:left;
    margin-top: 2px;
    margin-right:4px;
}

.flag.flag-ad {background-position: -16px 0}
.flag.flag-ae {background-position: -32px 0}
.flag.flag-af {background-position: -48px 0}
.flag.flag-ag {background-position: -64px 0}
.flag.flag-ai {background-position: -80px 0}
.flag.flag-al {background-position: -96px 0}
.flag.flag-am {background-position: -112px 0}
.flag.flag-an {background-position: -128px 0}
.flag.flag-ao {background-position: -144px 0}
.flag.flag-ar {background-position: -160px 0}
.flag.flag-as {background-position: -176px 0}
.flag.flag-at {background-position: -192px 0}
.flag.flag-au {background-position: -208px 0}
.flag.flag-aw {background-position: -224px 0}
.flag.flag-az {background-position: -240px 0}
.flag.flag-ba {background-position: 0 -11px}
.flag.flag-bb {background-position: -16px -11px}
.flag.flag-bd {background-position: -32px -11px}
.flag.flag-be {background-position: -48px -11px}
.flag.flag-bf {background-position: -64px -11px}
.flag.flag-bg {background-position: -80px -11px}
.flag.flag-bh {background-position: -96px -11px}
.flag.flag-bi {background-position: -112px -11px}
.flag.flag-bj {background-position: -128px -11px}
.flag.flag-bm {background-position: -144px -11px}
.flag.flag-bn {background-position: -160px -11px}
.flag.flag-bo {background-position: -176px -11px}
.flag.flag-br {background-position: -192px -11px}
.flag.flag-bs {background-position: -208px -11px}
.flag.flag-bt {background-position: -224px -11px}
.flag.flag-bv {background-position: -240px -11px}
.flag.flag-bw {background-position: 0 -22px}
.flag.flag-by {background-position: -16px -22px}
.flag.flag-bz {background-position: -32px -22px}
.flag.flag-ca {background-position: -48px -22px}
.flag.flag-catalonia {background-position: -64px -22px}
.flag.flag-cd {background-position: -80px -22px}
.flag.flag-cf {background-position: -96px -22px}
.flag.flag-cg {background-position: -112px -22px}
.flag.flag-ch {background-position: -128px -22px}
.flag.flag-ci {background-position: -144px -22px}
.flag.flag-ck {background-position: -160px -22px}
.flag.flag-cl {background-position: -176px -22px}
.flag.flag-cm {background-position: -192px -22px}
.flag.flag-cn {background-position: -208px -22px}
.flag.flag-co {background-position: -224px -22px}
.flag.flag-cr {background-position: -240px -22px}
.flag.flag-cu {background-position: 0 -33px}
.flag.flag-cv {background-position: -16px -33px}
.flag.flag-cy {background-position: -32px -33px}
.flag.flag-cz {background-position: -48px -33px}
.flag.flag-de {background-position: -64px -33px}
.flag.flag-dj {background-position: -80px -33px}
.flag.flag-dk {background-position: -96px -33px}
.flag.flag-dm {background-position: -112px -33px}
.flag.flag-do {background-position: -128px -33px}
.flag.flag-dz {background-position: -144px -33px}
.flag.flag-ec {background-position: -160px -33px}
.flag.flag-ee {background-position: -176px -33px}
.flag.flag-eg {background-position: -192px -33px}
.flag.flag-eh {background-position: -208px -33px}
.flag.flag-england {background-position: -224px -33px}
.flag.flag-er {background-position: -240px -33px}
.flag.flag-es {background-position: 0 -44px}
.flag.flag-et {background-position: -16px -44px}
.flag.flag-eu {background-position: -32px -44px}
.flag.flag-fi {background-position: -48px -44px}
.flag.flag-fj {background-position: -64px -44px}
.flag.flag-fk {background-position: -80px -44px}
.flag.flag-fm {background-position: -96px -44px}
.flag.flag-fo {background-position: -112px -44px}
.flag.flag-fr {background-position: -128px -44px}
.flag.flag-ga {background-position: -144px -44px}
.flag.flag-gb {background-position: -160px -44px}
.flag.flag-gd {background-position: -176px -44px}
.flag.flag-ge {background-position: -192px -44px}
.flag.flag-gf {background-position: -208px -44px}
.flag.flag-gh {background-position: -224px -44px}
.flag.flag-gi {background-position: -240px -44px}
.flag.flag-gl {background-position: 0 -55px}
.flag.flag-gm {background-position: -16px -55px}
.flag.flag-gn {background-position: -32px -55px}
.flag.flag-gp {background-position: -48px -55px}
.flag.flag-gq {background-position: -64px -55px}
.flag.flag-gr {background-position: -80px -55px}
.flag.flag-gs {background-position: -96px -55px}
.flag.flag-gt {background-position: -112px -55px}
.flag.flag-gu {background-position: -128px -55px}
.flag.flag-gw {background-position: -144px -55px}
.flag.flag-gy {background-position: -160px -55px}
.flag.flag-hk {background-position: -176px -55px}
.flag.flag-hm {background-position: -192px -55px}
.flag.flag-hn {background-position: -208px -55px}
.flag.flag-hr {background-position: -224px -55px}
.flag.flag-ht {background-position: -240px -55px}
.flag.flag-hu {background-position: 0 -66px}
.flag.flag-id {background-position: -16px -66px}
.flag.flag-ie {background-position: -32px -66px}
.flag.flag-il {background-position: -48px -66px}
.flag.flag-in {background-position: -64px -66px}
.flag.flag-io {background-position: -80px -66px}
.flag.flag-iq {background-position: -96px -66px}
.flag.flag-ir {background-position: -112px -66px}
.flag.flag-is {background-position: -128px -66px}
.flag.flag-it {background-position: -144px -66px}
.flag.flag-jm {background-position: -160px -66px}
.flag.flag-jo {background-position: -176px -66px}
.flag.flag-jp {background-position: -192px -66px}
.flag.flag-ke {background-position: -208px -66px}
.flag.flag-kg {background-position: -224px -66px}
.flag.flag-kh {background-position: -240px -66px}
.flag.flag-ki {background-position: 0 -77px}
.flag.flag-km {background-position: -16px -77px}
.flag.flag-kn {background-position: -32px -77px}
.flag.flag-kp {background-position: -48px -77px}
.flag.flag-kr {background-position: -64px -77px}
.flag.flag-kw {background-position: -80px -77px}
.flag.flag-ky {background-position: -96px -77px}
.flag.flag-kz {background-position: -112px -77px}
.flag.flag-la {background-position: -128px -77px}
.flag.flag-lb {background-position: -144px -77px}
.flag.flag-lc {background-position: -160px -77px}
.flag.flag-li {background-position: -176px -77px}
.flag.flag-lk {background-position: -192px -77px}
.flag.flag-lr {background-position: -208px -77px}
.flag.flag-ls {background-position: -224px -77px}
.flag.flag-lt {background-position: -240px -77px}
.flag.flag-lu {background-position: 0 -88px}
.flag.flag-lv {background-position: -16px -88px}
.flag.flag-ly {background-position: -32px -88px}
.flag.flag-ma {background-position: -48px -88px}
.flag.flag-mc {background-position: -64px -88px}
.flag.flag-md {background-position: -80px -88px}
.flag.flag-me {background-position: -96px -88px}
.flag.flag-mg {background-position: -112px -88px}
.flag.flag-mh {background-position: -128px -88px}
.flag.flag-mk {background-position: -144px -88px}
.flag.flag-ml {background-position: -160px -88px}
.flag.flag-mm {background-position: -176px -88px}
.flag.flag-mn {background-position: -192px -88px}
.flag.flag-mo {background-position: -208px -88px}
.flag.flag-mp {background-position: -224px -88px}
.flag.flag-mq {background-position: -240px -88px}
.flag.flag-mr {background-position: 0 -99px}
.flag.flag-ms {background-position: -16px -99px}
.flag.flag-mt {background-position: -32px -99px}
.flag.flag-mu {background-position: -48px -99px}
.flag.flag-mv {background-position: -64px -99px}
.flag.flag-mw {background-position: -80px -99px}
.flag.flag-mx {background-position: -96px -99px}
.flag.flag-my {background-position: -112px -99px}
.flag.flag-mz {background-position: -128px -99px}
.flag.flag-na {background-position: -144px -99px}
.flag.flag-nc {background-position: -160px -99px}
.flag.flag-ne {background-position: -176px -99px}
.flag.flag-nf {background-position: -192px -99px}
.flag.flag-ng {background-position: -208px -99px}
.flag.flag-ni {background-position: -224px -99px}
.flag.flag-nl {background-position: -240px -99px}
.flag.flag-no {background-position: 0 -110px}
.flag.flag-np {background-position: -16px -110px}
.flag.flag-nr {background-position: -32px -110px}
.flag.flag-nu {background-position: -48px -110px}
.flag.flag-nz {background-position: -64px -110px}
.flag.flag-om {background-position: -80px -110px}
.flag.flag-pa {background-position: -96px -110px}
.flag.flag-pe {background-position: -112px -110px}
.flag.flag-pf {background-position: -128px -110px}
.flag.flag-pg {background-position: -144px -110px}
.flag.flag-ph {background-position: -160px -110px}
.flag.flag-pk {background-position: -176px -110px}
.flag.flag-pl {background-position: -192px -110px}
.flag.flag-pm {background-position: -208px -110px}
.flag.flag-pn {background-position: -224px -110px}
.flag.flag-pr {background-position: -240px -110px}
.flag.flag-ps {background-position: 0 -121px}
.flag.flag-pt {background-position: -16px -121px}
.flag.flag-pw {background-position: -32px -121px}
.flag.flag-py {background-position: -48px -121px}
.flag.flag-qa {background-position: -64px -121px}
.flag.flag-re {background-position: -80px -121px}
.flag.flag-ro {background-position: -96px -121px}
.flag.flag-rs {background-position: -112px -121px}
.flag.flag-ru {background-position: -128px -121px}
.flag.flag-rw {background-position: -144px -121px}
.flag.flag-sa {background-position: -160px -121px}
.flag.flag-sb {background-position: -176px -121px}
.flag.flag-sc {background-position: -192px -121px}
.flag.flag-scotland {background-position: -208px -121px}
.flag.flag-sd {background-position: -224px -121px}
.flag.flag-se {background-position: -240px -121px}
.flag.flag-sg {background-position: 0 -132px}
.flag.flag-sh {background-position: -16px -132px}
.flag.flag-si {background-position: -32px -132px}
.flag.flag-sk {background-position: -48px -132px}
.flag.flag-sl {background-position: -64px -132px}
.flag.flag-sm {background-position: -80px -132px}
.flag.flag-sn {background-position: -96px -132px}
.flag.flag-so {background-position: -112px -132px}
.flag.flag-sr {background-position: -128px -132px}
.flag.flag-ss {background-position: -144px -132px}
.flag.flag-st {background-position: -160px -132px}
.flag.flag-sv {background-position: -176px -132px}
.flag.flag-sy {background-position: -192px -132px}
.flag.flag-sz {background-position: -208px -132px}
.flag.flag-tc {background-position: -224px -132px}
.flag.flag-td {background-position: -240px -132px}
.flag.flag-tf {background-position: 0 -143px}
.flag.flag-tg {background-position: -16px -143px}
.flag.flag-th {background-position: -32px -143px}
.flag.flag-tj {background-position: -48px -143px}
.flag.flag-tk {background-position: -64px -143px}
.flag.flag-tl {background-position: -80px -143px}
.flag.flag-tm {background-position: -96px -143px}
.flag.flag-tn {background-position: -112px -143px}
.flag.flag-to {background-position: -128px -143px}
.flag.flag-tr {background-position: -144px -143px}
.flag.flag-tt {background-position: -160px -143px}
.flag.flag-tv {background-position: -176px -143px}
.flag.flag-tw {background-position: -192px -143px}
.flag.flag-tz {background-position: -208px -143px}
.flag.flag-ua {background-position: -224px -143px}
.flag.flag-ug {background-position: -240px -143px}
.flag.flag-um {background-position: 0 -154px}
.flag.flag-us {background-position: -16px -154px}
.flag.flag-uy {background-position: -32px -154px}
.flag.flag-uz {background-position: -48px -154px}
.flag.flag-va {background-position: -64px -154px}
.flag.flag-vc {background-position: -80px -154px}
.flag.flag-ve {background-position: -96px -154px}
.flag.flag-vg {background-position: -112px -154px}
.flag.flag-vi {background-position: -128px -154px}
.flag.flag-vn {background-position: -144px -154px}
.flag.flag-vu {background-position: -160px -154px}
.flag.flag-wales {background-position: -176px -154px}
.flag.flag-wf {background-position: -192px -154px}
.flag.flag-ws {background-position: -208px -154px}
.flag.flag-ye {background-position: -224px -154px}
.flag.flag-yt {background-position: -240px -154px}
.flag.flag-za {background-position: 0 -165px}
.flag.flag-zm {background-position: -16px -165px}
.flag.flag-zw {background-position: -32px -165px}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (//www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - //leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - //creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit //leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}


body, h1, h2, h3, h4, h5, h6, blockquote, p, form{margin: 0px; padding: 0px;}

body	{margin: 0; font-family: Arial, Helvetica, Georgia, Sans-serif; font-weight:bold; line-height:18px; text-shadow:1px 1px 1px #faf1d5; color:#393939;  font-size: 14px;  text-align: left; vertical-align: top; }
html,body			{ height: 100%; margin: 0px; padding: 0px; }

#outer 				{margin:0px; height:100%; min-height:100%;}
html>body #outer	{height:auto; overflow: hidden;}

.loggedInBodyBack {color: #000000; background: url('interface/main_back.png') repeat;}
.frontbody { background: url('interface/win_back.png') repeat;}

.close   { width:17px; height:16px;  border: solid 1px;   float:right; cursor:pointer; background: url(images/baseimage.png) -268px -30px;}
.close:hover   { width:17px; height:16px;  border: solid 1px;  background:#333333; float:right; cursor:pointer; color:#DDDDDD; background: url(images/baseimage.png) -268px -30px;}

.roundclose   { width:15px; height:14px; float:right; cursor:pointer;  background: url(images/baseimage.png) -120px -71px; margin-right:10px;}
.roundclose:hover   { width:15px; height:14px; float:right; cursor:pointer;  background: url(images/baseimage.png) -120px -71px; margin-right:10px;}


.smallarrow {width:19px; height:24px;   float:left; cursor:pointer; background: url(images/baseimage.png) -124px -6px;}

.ok1		{background: url(images/baseimage.png) -0px -2px; width:110px; height:28px; border: 0px; background-color:#eadea6; margin:4px;  color:#FFFFFF; cursor:pointer;}
.ok1:hover	{background: url(images/baseimage.png)  -0px -32px; width:110px; height:28px; border: 0px; background-color:#eadea6; margin:4px;  color:#FFFFFF; cursor:pointer;}
.ok2		{background: url(images/baseimage.png) -0px -2px; width:110px; height:28px; border: 0px; background-color:#eadea6; margin:4px;  color:#FFFFFF; cursor:pointer;}
.ok3		{background: url(images/misctranparent.png) -2px -323px; width:109px; height:27px; border: 0px; margin:4px;  color:#FFFFFF; cursor:pointer;}
.ok3:hover	{background: url(images/misctranparent.png)  -0px -351px; width:109px; height:27px; border: 0px;  margin:4px;  color:#FFFFFF; cursor:pointer;}


.centeredPopup {left:50%; width:500px; margin-left:-250px; top:200px; position:absolute; display:none; z-index:5;}
.miscPopup {left:50%; top:50%; margin-top:-240px; position:fixed; display:none; z-index:5;}

.hover {}
.hover:hover{background-color:#f1ecd7; cursor:pointer;}


.bottomlist {list-style-type: none; border:solid 1px;}
.bottomlist li {list-style-type: none; margin-left: -39px; line-height:16px;}

.big_paladin {position: absolute; top:10px; margin-left:-370px; left:50%; width: 128px; height:120px; color:#FFFFFF; background:url(../beta5/units/set2/heroes.png) -0px -0px; background-repeat: no-repeat;}
.big_valkyria {position: absolute; top:10px; margin-right:-350px; right:50%; width: 128px; height:120px; color:#FFFFFF;  background:url(../beta5/units/set2/heroes.png) -256px -0px; background-repeat: no-repeat;}


.logo_small       {width:412px; height:62px; background:url('images/logos.png') -0px -0px; position:absolute;  left:50%; margin-left:-231px; top:6px;}
.logo_big         {width:480px; height:79px; background:url('images/logos.png') -0px -63px;  position:absolute; left:50%; margin-left:-240px; top:58px;}

.structtable		{min-height:90%; width:1001px; margin-top:27px; margin-bottom:5px;}
.wrapper			{margin: 0 auto 0 auto; width: 950px; text-align: left;}
/*.content			{float: left; width: 940px;  padding:5px; min-height:100%;   border-color: #c79f80;}*/
.content			{float: left; width: 940px; background-color: #a7a76d; background-image: url("//www.warbarons.com/beta5/css/interface4/dropdownbg.png");  padding:5px; min-height:100%;   border-color: #c79f80;}

.lineitem {width:700px; border-bottom:1px solid; border-top:1px solid; cursor:pointer; font-size:18px; line-height:28px;}
.lineitem:hover {width:700px; border-bottom:1px solid; border-top:1px solid; cursor:pointer; font-size:18px; line-height:28px; background-color:#f5efd4;}


/*.header				{float: left; width: 908px; height:152px; margin:15px 15px 10px 15px; background-image: url(//www.warbarons.com/images/bg_header.jpg); background-repeat: no-repeat; border: solid 1px;}*/
.main				{float: left; width: 930px; margin:0px 5px 15px 5px;}

.widewin		{float: left; width: 250px; margin:10px; padding:0px; }

.lobby_setup		{float: left; width: 313px; height:574px; margin:10px; border: solid 1px; background-image: url("//www.warbarons.com/beta5/css/interface4/contentback.png");}
.lobby_prechat		{float: left; width: 575px; background-image: url("//www.warbarons.com/beta5/css/interface4/contentback.png"); margin:10px; border: solid 1px; padding:0px; }
.lobby_players		{float: left; width: 240px; margin:10px; border: solid 1px; height:574px;  background-image: url("//www.warbarons.com/beta5/css/interface4/contentback.png");}
.lobby_scrolldiv    {width:100%; float:left; height: 526px; overflow-y: scroll;}
.lobby_viewmap		{float: left; width: 310px; background-image: url("//www.warbarons.com/beta5/css/interface4/contentback.png"); margin:10px; border: solid 1px; border-color:#000000; color:#ffffff;}
.lobby_chat			{float: left; width: 270px; background: #ffffff; padding:5px; border: solid 1px; height: 140px; overflow-y: scroll; color:#000000;}

.lobby_info {}

.account_popa   	{float: left; width: 585px; background-image: url("//www.warbarons.com/beta5/css/interface4/dropdownbg2.png"); margin:10px; border: solid 1px;}
.account_leftmenu	{float: left; width: 160px; background-image: url("//www.warbarons.com/beta5/css/interface4/contentback.png"); margin:10px; border: solid 1px;}
.account_gamemenu	{float: left; width: 300px; background-image: url("//www.warbarons.com/beta5/css/interface4/contentback.png"); margin:10px; border: solid 1px;}
.account_games	    {float: right; width: 725px; background-image: url("//www.warbarons.com/beta5/css/interface4/contentback.png"); margin:10px; border: solid 1px;}
.account_activelist	{float: left; width: 907px; background-image: url("//www.warbarons.com/beta5/css/interface4/contentback.png"); margin:10px; border: solid 1px;}
.account_gamelist	{float: left; width: 585px; background-image: url("//www.warbarons.com/beta5/css/interface4/contentback.png"); margin:10px; border: solid 1px;}
.account_history	{float: left; width: 907px; background-image: url("//www.warbarons.com/beta5/css/interface4/contentback.png"); margin:10px; border: solid 1px;}
.locker             {background: url(//www.warbarons.com/images/baseimage.png) -358px -97px; width: 10px; height:12px; float:left; margin-left:5px;}
.icon_google    {background-image: url(//www.warbarons.com/images/google.png); width:45px; height:36px; float:right; margin-right:16px; margin-top:5px;}
.icon_yahoo     {background-image: url(//www.warbarons.com/images/yahoo.png); width:38px; height:36px; float:right; margin-right:16px; margin-top:5px;}
.icon_msn       {background-image: url(//www.warbarons.com/images/msn.png); width:41px; height:36px; float:right; margin-right:16px; margin-top:5px;}
.icon_warmail   {background-image: url(//www.warbarons.com/images/warmail.png); width:45px; height:36px; float:right; margin-right:16px; margin-top:5px;}


.menutopic          {font-family: arial, sans-serif; color:#3f320c; font-size:18px; float:left; font-weight:100; margin-left:5px; margin-right:15px;}


.timetext {font-size:10px; color:#5b5745; float:right;}


.leftspace          {padding-left:10px;}
div.dead   {background: url(//www.warbarons.com/images/transpimage.png) -257px -3px; width:23px; height: 29px; float:left; background-repeat: no-repeat;}
div.message         {padding:5px; margin:5px; font-size:16px;  color: #7c0800;}

.highlight {height:50px;}
.highlight:hover {background-color: #f3ebc8; height:50px; }

.messagelisting     {}
.messagelisting:hover   {background-color: #DDDDDD; cursor:pointer;}
.selectedlisting     {background-color: #FFFFFF;}
.selectedlisting:hover   {background-color: #EEEEEE; cursor:pointer;}


.lobby_fullscreen     {position: absolute; top:250px; left: 50%; z-index:4; width:400px; margin-left:-200px;}

.menutopback_left { width:3px; height:40px; position:absolute; top:80px; left:50%; margin-left: -478px; background-repeat:repeat-x; z-index:2;}
.menutopback_center { width:950px; height:40px; position:absolute; top:80px; left:50%; margin-left: -475px; background-repeat:repeat-x; z-index:2;}
.menutopback_right { width:3px; height:40px; position:absolute; top:80px; left:50%; margin-left: 475px; background-repeat:repeat-x; z-index:2;}


.fowicon    {width:17px; height:11px; background: url(images/baseimage.png) -137px -74px; float:left;}
.speedicon    {width:22px; height:15px; background: url(images/baseimage.png) -347px -71px; float:left;}
.laddericon    {width:6px; height:12px; background: url(images/baseimage.png) -338px -74px; float:left; margin-left:5px; margin-right:3px;}
.blueline   {width:30px; height:5px; background: url(images/baseimage.png) -304px -73px; float:left;  margin-top: 3px;}
.youline   {width:30px; height:5px; background: url(images/baseimage.png) -304px -84px; float:left; margin-top: 5px;}
.closedletter   {width:14px; height:10px; background: url(images/baseimage.png) -392px -73px; float:left;}
.newicon   {width:39px; height:10px; background: url(images/baseimage.png) -236px -20px; float:left; margin-top:3px;}
.menuletter   {width:17px; height:14px; background: url(images/baseimage.png) -178px -74px; float:left;}
.menuwrite   {width:17px; height:18px; background: url(images/baseimage.png) -101px -67px; float:left;}
.menufriends   {width:16px; height:16px; background: url(images/baseimage.png) -224px -71px; float:left; clear:left;}

.shareFB    {width:23px; height:24px; background: url(images/baseimage.png) -75px -64px; float:left;}
.shareEmail    {width:23px; height:24px; background: url(images/baseimage.png) -51px -64px; float:left;}
.shareTwitter    {width:23px; height:24px; background: url(images/baseimage.png) -27px -64px; float:left;}
.shareLinkedin    {width:23px; height:24px; background: url(images/baseimage.png) -3px -64px; float:left;}

.menugear    {width:22px; height:17px; background: url(images/baseimage.png) -198px -72px; float:left; clear:left;}
/* chat */
/*div.arrowdown {float:right; background-image:url('images/arrowdown.gif'); margin:2px 2px 0px 0px; width:10px; height:10px; cursor:pointer;}*/

.sidepanels {position:absolute; width:170px; min-height:50px; left:50%; top:0px; margin-left:-660px;}
.frontfeedentry {font-size: 12px;  width:100%; margin-bottom:5px; font-weight:bold; float:left; line-height:26px;}
.feeddivide   {width:200px; height:2px; margin: 3px auto 3px auto; background: url(images/win_base2.png) -182px -40px; clear:both;}


.formtable          {margin:0px;}

.laddericon2 {float:left; width:13px; height:23px; background: url(images/misctranparent.png) -67px -4px;  margin:8px 1px 0 1px;}
.speedicon2 {float:left;  width:38px; height:29px; background: url(images/misctranparent.png) -162px -3px;  margin:4px 1px 0 1px;}
.locker2 {float:left;  width:20px; height:31px; background: url(images/misctranparent.png) -139px -2px;  margin:4px 1px 0 1px;}
.fowicon2 {float:left;  width:39px; height:30px; background: url(interface/tranparent.png) -266px -47px;  margin:6px 1px 0 1px;}



.goldball {float:left; width:57px; height:60px; background: url(images/misctranparent.png) -3px -137px;  margin-top:4px;}
.silverball {float:left; width:57px; height:60px; background: url(images/misctranparent.png) -3px -199px;  margin-top:4px;}
.upgradeball {float:left; width:57px; height:60px; background: url(images/misctranparent.png) -3px -260px;  margin-top:4px;}

.silverstar {float:left; width:30px; height:30px; background: url(images/misctranparent.png) -290px -0px;  margin:0px 1px 0 1px;}
.goldstar {float:left; width:30px; height:30px; background: url(images/misctranparent.png) -230px -0px;  margin:0px 1px 0 1px;}
.greenstar {float:left; width:30px; height:30px; background: url(images/misctranparent.png) -260px -0px;  margin:0px 1px 0 1px;}
.bluestar {float:left; width:30px; height:30px; background: url(images/misctranparent.png) -200px -0px;  margin:0px 1px 0 1px;}

.silverstars {float:left; width:18px; height:18px;  background: url(images/misctranparent.png) -380px -0px;  margin:0px 2px 0 1px;}
.goldstars {float:left; width:18px; height:18px;   background: url(images/misctranparent.png) -342px -0px;  margin:0px 2px 0 1px;}
.greenstars {float:left; width:18px; height:18px;   background: url(images/misctranparent.png) -361px -0px;  margin:0px 2px 0 1px;}
.bluestars {float:left; width:18px; height:18px;  background: url(images/misctranparent.png) -323px -0px;  margin:0px 2px 0 1px;}

.noedit {width:25px; height:25px; background: url(images/symbols.png) -0px -0px; float:left;}
.toedit {width:25px; height:25px; background: url(images/symbols.png) -25px -0px; float:left;}
.doneedit {width:25px; height:25px; background: url(images/symbols.png) -50px -0px; float:left;}
.edited {width:25px; height:25px; background: url(images/symbols.png) -80px -0px; float:left;}

.win_tl {background: url(images/win_base.png) -8px -38px; width:8px; height:38px;}
.win_tr {background: url(images/win_base.png) -0px -38px; width:8px; height:38px;}
.win_t  {background: url(images/win_base.png) repeat-x -0px -0px;  height:38px; font-size: 18px; color:#FFFFFF;}
.win_l  {background: url(images/win_vertical.png) -9px -0px;  width:8px;}
.win_r  {background: url(images/win_vertical.png) -0px -0px; width:8px;}
.win_c  {background: #eadea6 url(images/win_horizontal.png) repeat-x -0px -64px;}
.win_bl {background: url(images/win_base.png) -24px -58px; width:8px; height:9px;}
.win_b  {background: url(images/win_horizontal.png) -0px -43px;  height:9px;}
.win_br {background: url(images/win_base.png) -24px -67px; width:8px; height:9px;}

.win2_tl {background: url(images/win_base.png) -48px -38px; width:8px; height:38px;}
.win2_tr {background: url(images/win_base.png) -40px -38px; width:8px; height:38px;}
.win2_t  {background: url(images/win_base.png) repeat-x -0px -76px;  height:38px; font-size: 18px; color:#FFFFFF;}
.win2_l  {background: url(images/win_vertical.png) -54px -0px;  width:8px;}
.win2_r  {background: url(images/win_vertical.png) -43px -0px; width:8px;}
.win2_c  {background: url(images/win2_center.png);}
.win2_bl {background: url(images/win_base.png) -64px -58px; width:8px; height:9px;}
.win2_b  {background: url(images/win_horizontal.png) -0px -54px;  height:9px;}
.win2_br {background: url(images/win_base.png) -64px -67px; width:8px; height:9px;}

.fbwin_tl {background: url(images/win_base.png) -145px -45px; width:11px; height:31px;}
.fbwin_tr {background: url(images/win_base.png) -158px -45px; width:11px; height:31px;}
.fbwin_t  {background: url(images/win_horizontal.png) -0px -12px;  height:31px; font-size: 14px; color:#FFFFFF;}
.fbwin_l  {background: url(images/win_vertical.png) -18px -0px;  width:11px;}
.fbwin_r  {background: url(images/win_vertical.png) -30px -0px; width:11px;}
.fbwin_c  {background: #FFFFFF url(images/win_base.png) repeat-x -198px -62px;}
.fbwin_bl {background: url(images/win_base.png) -170px -65px; width:11px; height:11px;}
.fbwin_b  {background: url(images/win_horizontal.png) -0px -0px;  height:11px;}
.fbwin_br {background: url(images/win_base.png) -181px -65px; width:11px; height:11px;}

.fbwin_r2 {background: url(images/win_base.png) -87px -59px; width:11px; height:17px; float:left;}
.fbwin_l2 {background: url(images/win_base.png) -119px -59px; width:11px; height:17px; float:left;}



.fbwin_bl1 {background: url(images/win_base.png) -521px -46px; height:29px; float:left; line-height:28px; padding: 0 5px 0 12px; color:#3d4350; font-size:12px; font-weight:bold;}
.fbwin_br1 {background: url(images/win_base.png) -612px -46px; width:7px; height:29px; float:left;}

.fbwin_bl1:hover {background: url(images/win_base.png) -521px -46px; height:29px; float:left; line-height:28px; padding: 0 5px 0 12px; cursor:pointer; color:#3d4350; font-size:12px; font-weight:bold;}
.fbwin_br1:hover {background: url(images/win_base.png) -612px -46px; width:7px; height:29px; float:left; cursor:pointer;}

.watermark {color: #999 !important;}
.watermark2 {color: #999 !important; font-style: italic !important;}
.watermark3 {color: #c77 !important;}

li 					{margin-left: -20px;}
input[type=checkbox] { padding:5px; font-size: 15px; border:0px;}
select				{ border:solid 1px; border-color:#abadb3; padding:3px; font-size: 15px;}



div.mapselect       {float:left; cursor:pointer;}
div.mapselect:hover {float:left; background-image:url(//www.warbarons.com/beta5/css/interface4/contentback.png); cursor:pointer;}
/* Menutabs */



.tabstyle2 {
    top:0px;
    float:left;
    width:100%;
    font-size:12px;
    line-height:22px;
    overflow:hidden;
    position:relative;
    margin-top: 10px;
}




/* NEXT */

#tabs2 ul {
    margin:0;
    padding:3px 10px 0 0px;
    list-style:none;
    float:left;

}

#tabs2 li {

    display:inline;
    margin:0;
    padding:0;
}

#tabs2 a {
    float:left;
    background:url("//www.warbarons.com/images/topbuttonl1.png") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;

}

#tabs2 a span {
    float:left;
    display:block;
    background:url("//www.warbarons.com/images/topbuttonr1.png") no-repeat right top;
    padding:3px 11px 4px 6px;
    margin-right:5px;
    color:#ffffff;
    font-weight: bold;
    font-family: sans-serif;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span {float:none;}

/* End IE5-Mac hack */
#tabs2 a:hover span {
}

#tabs2 a:hover {
    float:left;
    background:url("//www.warbarons.com/images/topbuttonl2.png") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;
}

#tabs2 a:hover span {
    float:left;
    display:block;
    background:url("//www.warbarons.com/images/topbuttonr2.png") no-repeat right top;
    padding:3px 11px 4px 6px;
    margin-right:5px;
    color:#ffffff;
    font-weight: bold;
    font-family: sans-serif;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}

div.hot1 {background: url(//www.warbarons.com/css/images/misctranparent.png) -0px -17px; width:50px; height:24px; float:left;}
div.hot2 {background: url(//www.warbarons.com/css/images/misctranparent.png) -0px -44px; width:50px; height:26px; float:left;}
div.hot3 {background: url(//www.warbarons.com/css/images/misctranparent.png) -0px -72px; width:50px; height:26px; float:left; margin-top:-4px;}
div.cold1 {background: url(//www.warbarons.com/css/images/misctranparent.png) -0px -0px; width:56px; height:16px; float:left; margin-top:6px;}




.closeChat  {width:13px; height:12px; cursor:pointer; float:right; background: url(images/baseimage.png) -121px -72px; margin:2px;}

.constantchat {position:fixed; bottom:-1px; left:5px; background-color:#f1d391;  width:260px; border: solid 1px; margin: 1px 3px 0px 0px; padding:2px;}
.comchatwin {width: 255px; height:288px; float:left; padding:2px; overflow-y:auto; overflow-x:hidden;}
.comchatwin span { color: white; background: #333; padding: 2px 2px; -moz-border-radius: 3px; -webkit-border-radius: 5px; margin: 2px 4px 2px 0px; }
.comchatwin p { padding: 3px 0; border-bottom: 1px solid #333; }
.userlist   {list-style: none; margin-left: -15px;}
.userlist li {padding:1px 0px 1px 0px;}
/*#chat-wrap                      { border: 1px solid #eee; }*/




#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    margin-top: -80px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {

    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

a.sample_attach, a.sample_attach:visited, div.sample_attach
{
    display: block;
    width:   100px;

    border:  1px solid black;
    padding: 2px 5px;

    background: #FFFFEE;

    text-decoration: none;
    font-family: Verdana, Sans-Sherif;
    font-weight: 900;
    font-size: 1.0em;
    color:   #008000;
}

/* Tooptip */
#dhtmltooltip{
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: #ffffff;
    visibility: hidden;
    z-index: 100;
    font-size: 13px; color:#000000; font-family:Arial;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/

}

#dhtmlpointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

div.dwarf  {background:url(../beta5/units/set2/units1.png) -192px -256px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.reddragon {background:url(../beta5/units/set2/units1.png) -128px -64px; width:64px; height: 64px; z-index: 200; float:left; position:relative;}
div.greendragon {background:url(../beta5/units/set2/units1.png) -64px -256px; width:64px; height: 64px; z-index: 200; float:left; position:relative;}
div.pegasi {background:url(../beta5/units/set2/units1.png) -256px -64px; width:64px; height: 64px;z-index: 200; float:left; position:relative;}
div.devil {background:url(../beta5/units/set2/units1.png) -192px -320px; width:64px; height: 64px; z-index: 1; float:left; position:relative;}
div.giant  {background:url(../beta5/units/set2/units1.png) -256px -256px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}

div.scout  {background:url(../beta5/units/set2/units1.png) -320px 0px; width:64px; height: 64px; z-index: 130; position:relative; float:left;}
div.lightinfantry  {background:url(../beta5/units/set2/units1.png) -192px -128px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.wizard  {background:url(../beta5/units/set2/units1.png) -384px 0px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.minotaur  {background:url(../beta5/units/set2/units1.png) 0px -128px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.crow  {background:url(../beta5/units/set2/units1.png) -64px -384px;  width:64px; height: 64px; z-index: 200; float:left; position:relative;}

div.wolf  {background:url(../beta5/units/set2/units1.png) -64px 0px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.spider  {background:url(../beta5/units/set2/units1.png) -192px 0px; width:64px; height: 64px;z-index: 130; float:left; position:relative;}
div.lightcav  {background:url(../beta5/units/set2/units1.png) -256px -128px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.heavycav  {background:url(../beta5/units/set2/units1.png) -320px -192px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.gryphon  {background:url(../beta5/units/set2/units1.png) 0px -256px; width:64px; height: 64px; z-index: 200; float:left; position:relative;}
div.unicorn  {background:url(../beta5/units/set2/units1.png) -128px 0px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.orc  {background:url(../beta5/units/set2/units1.png) -320px -64px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.elf  {background:url(../beta5/units/set2/units1.png) -0px -320px; width:64px; height: 64px; z-index: 1; float:left; position:relative;}
div.catapult  {background:url(../beta5/units/set2/units1.png) -320px -320px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.batteringram  {background:url(../beta5/units/set2/units1.png) -0px -384px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.pikeman  {background:url(../beta5/units/set2/units1.png) -192px -64px; width:64px; height: 64px; z-index: 1; float:left; position:relative;}
div.heavyinfantry  {background:url(../beta5/units/set2/units1.png) -256px -192px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.elephant  {background:url(../beta5/units/set2/units1.png) -64px -320px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.demon  {background:url(../beta5/units/set2/units1.png) -256px -320px; width:64px; height: 64px; z-index: 200; float:left; position:relative;}
div.elemental {background:url(../beta5/units/set2/units1.png) -320px -384px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.ghost {background:url(../beta5/units/set2/units1.png) -320px -256px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.medusa {background:url(../beta5/units/set2/units1.png) -64px -128px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.archon  {background:url(../beta5/units/set2/units1.png) -128px -384px; width:64px; height: 64px; z-index: 200; float:left; position:relative;}
div.grandarchon  {background:url(../beta5/units/set2/units1.png) -128px -256px; width:64px; height: 64px; z-index: 200; float:left; position:relative;}
div.crusader  {background:url(../beta5/units/set2/units1.png) -256px -384px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.sandworm  {background:url(../beta5/units/set2/units1.png) -64px -64px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.yeti      {background:url(../beta5/units/set2/units1.png) -0px 0px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.seaserpent1  {background:url(../beta5/units/set2/units1.png) -256px 0px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.seaserpent2  {background:url(../beta5/units/set2/units1.png) -192px -384px; width:64px; height: 64px; z-index: 50; float:left; position:relative;}
div.kraken1  {background:url(../beta5/units/set2/units1.png) 0px -192px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.kraken2  {background:url(../beta5/units/set2/units1.png) -320px -128px; width:64px; height: 64px; z-index: 50; float:left; position:relative;}
div.scorpion  {background:url(../beta5/units/set2/units1.png) -0px -64px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.eagle  {background:url(../beta5/units/set2/units1.png) -128px -320px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.mammoth  {background:url(../beta5/units/set2/units1.png) -128px -128px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}

div.heropaladin  {background:url(../ver08/units/set2/units1.png) -64px -192px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.herovalkyria  {background:url(../ver08/units/set2/units1.png) -192px -192px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.herodreadknight  {background:url(../ver08/units/set2/units1.png) -128px -192px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.heroassassin  {background:url(../ver08/units/set2/units1.png) -64px -448px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.herohorselord  {background:url(../ver08/units/set2/units1.png) -128px -448px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}
div.herobarbarian  {background:url(../ver08/units/set2/units1.png) -192px -448px; width:64px; height: 64px; z-index: 130; float:left; position:relative;}

div.herodreadknightframe  {background:url(../ver08/units/set2/heroes.png) -153px -128px; width:150px; height: 150px; float:left; margin:1px 5px 5px 5px; border:solid 1px;}
div.heroknightframe  {background:url(../ver08/units/set2/heroes.png) -0px -128px; width:150px; height: 150px; float:left; margin:1px 5px 5px 5px; border:solid 1px;}
div.heroamazonframe  {background:url(../ver08/units/set2/heroes.png) -306px -128px; width:150px; height: 150px; float:left; margin:1px 5px 5px 5px; border:solid 1px;}
div.herobarbarianframe  {background:url(../ver08/units/set2/heroes.png) -458px -128px; width:150px; height: 150px; float:left; margin:1px 5px 5px 5px; border:solid 1px;}
div.herohorselordframe  {background:url(../ver08/units/set2/heroes.png) -762px -128px; width:150px; height: 150px; float:left; margin:1px 5px 5px 5px; border:solid 1px;}
div.heroassassinframe  {background:url(../ver08/units/set2/heroes.png) -610px -128px; width:150px; height: 150px; float:left; margin:1px 5px 5px 5px; border:solid 1px;}

div.heropaladin_big  {background:url(../ver08/units/set2/heroes.png) -0px -0px; width:128px; height: 128px;}
div.heroamazon_big  {background:url(../ver08/units/set2/heroes.png) -256px -0px; width:128px; height: 128px;}
div.herodreadknight_big  {background:url(../ver08/units/set2/heroes.png) -128px -0px; width:128px; height: 128px;}
div.herobarbarian_big  {background:url(../ver08/units/set2/heroes.png) -384px -0px; width:128px; height: 128px;}
div.herohorselord_big  {background:url(../ver08/units/set2/heroes.png) -640px -0px; width:128px; height: 128px;}
div.heroassassin_big  {background:url(../ver08/units/set2/heroes.png) -512px -0px; width:128px; height: 128px;}

div.small_crow  {background:url(../beta5/units/set2/units_small.png) -160px -128px; width:32px; height: 32px; float:left;}
div.small_dwarf  {background:url(../beta5/units/set2/units_small.png) -0px -128px; width:32px; height: 32px; float:left;}
div.small_reddragon {background:url(../beta5/units/set2/units_small.png) -64px -32px; width:32px; height: 32px; float:left;}
div.small_greendragon {background:url(../beta5/units/set2/units_small.png) -160px -96px; width:32px; height: 32px; float:left;}
div.small_pegasi {background:url(../beta5/units/set2/units_small.png) -128px -32px; width:32px; height: 32px; float:left;}
div.small_devil {background:url(../beta5/units/set2/units_small.png) -32px -160px; width:32px; height: 32px; float:left;}
div.small_giant  {background:url(../beta5/units/set2/units_small.png) -32px -128px; width:32px; height: 32px; float:left;}
div.small_galleon  {background:url(../beta5/units/set2/units_small.png) -64px -192px; width:32px; height: 32px; float:left;}
div.small_scout  {background:url(../beta5/units/set2/units_small.png) -160px -0px; width:32px; height: 32px; float:left;}
div.small_lightinfantry  {background:url(../beta5/units/set2/units_small.png) -64px -64px; width:32px; height: 32px; float:left;}
div.small_wizard  {background:url(../beta5/units/set2/units_small.png) -192px -0px; width:32px; height: 32px; float:left;}
div.small_minotaur  {background:url(../beta5/units/set2/units_small.png) -192px -32px; width:32px; height: 32px; float:left;}
div.small_wolf  {background:url(../beta5/units/set2/units_small.png) -32px -0px; width:32px; height: 32px; float:left;}
div.small_spider  {background:url(../beta5/units/set2/units_small.png) -96px -0px; width:32px; height: 32px; float:left;}
div.small_lightcav  {background:url(../beta5/units/set2/units_small.png) -96px -64px; width:32px; height: 32px; float:left;}
div.small_heavycav  {background:url(../beta5/units/set2/units_small.png) -96px -96px; width:32px; height: 32px; float:left;}
div.small_gryphon  {background:url(../beta5/units/set2/units_small.png) -128px -96px; width:32px; height: 32px; float:left;}
div.small_unicorn  {background:url(../beta5/units/set2/units_small.png) -64px -0px; width:32px; height: 32px; float:left;}
div.small_orc  {background:url(../beta5/units/set2/units_small.png) -160px -32px; width:32px; height: 32px; float:left;}
div.small_elf  {background:url(../beta5/units/set2/units_small.png) -96px -128px; width:32px; height: 32px; float:left;}
div.small_catapult  {background:url(../beta5/units/set2/units_small.png) -96px -160px; width:32px; height: 32px; float:left;}
div.small_batteringram  {background:url(../beta5/units/set2/units_small.png) -192px -160px; width:32px; height: 32px; float:left;}
div.small_pikeman  {background:url(../beta5/units/set2/units_small.png) -96px -32px; width:32px; height: 32px; float:left;}
div.small_heavyinfantry  {background:url(../beta5/units/set2/units_small.png) -64px -96px; width:32px; height: 32px; float:left;}
div.small_elephant  {background:url(../beta5/units/set2/units_small.png) -192px -128px; width:32px; height: 32px; float:left;}
div.small_demon  {background:url(../beta5/units/set2/units_small.png) -160px -160px; width:32px; height: 32px; float:left;}
div.small_elemental {background:url(../beta5/units/set2/units_small.png) -128px -128px; width:32px; height: 32px; float:left;}
div.small_ghost {background:url(../beta5/units/set2/units_small.png) -64px -128px; width:32px; height: 32px; float:left;}
div.small_medusa {background:url(../beta5/units/set2/units_small.png) -0px -64px; width:32px; height: 32px; float:left;}
div.small_archon  {background:url(../beta5/units/set2/units_small.png) -64px -160px; width:32px; height: 32px; float:left;}
div.small_grandarchon  {background:url(../beta5/units/set2/units_small.png) -192px -96px; width:32px; height: 32px; float:left;}
div.small_crusader  {background:url(../beta5/units/set2/units_small.png) -32px -192px; width:32px; height: 32px; float:left;}

div.small_sandworm  {background:url(../beta5/units/set2/units_small.png) -32px -32px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_yeti      {background:url(../beta5/units/set2/units_small.png) -0px -0px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_seaserpent1  {background:url(../beta5/units/set2/units_small.png) -128px -0px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_seaserpent2  {background:url(../beta5/units/set2/units_small.png) -0px -192px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_kraken1  {background:url(../beta5/units/set2/units_small.png) -160px -64px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_kraken2  {background:url(../beta5/units/set2/units_small.png) -128px -64px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_scorpion  {background:url(../beta5/units/set2/units_small.png) -0px -32px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_eagle  {background:url(../beta5/units/set2/units_small.png) -0px -160px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_mammoth  {background:url(../beta5/units/set2/units_small.png) -32px -64px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_djonk  {background:url(../beta5/units/set2/units_small.png) -128px -192px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_galey  {background:url(../beta5/units/set2/units_small.png) -96px -192px; width:32px; height: 32px; z-index: 130; float:left; position:relative;}

div.small_skeleton  {background:url(../beta5/units/set2/skeleton_small.png); width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_ghoul  {background:url(../beta5/units/set2/ghoul_small.png); width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_mummy  {background:url(../beta5/units/set2/mummy_small.png); width:32px; height: 32px; z-index: 130; float:left; position:relative;}
div.small_vampire  {background:url(../beta5/units/set2/vampire_small.png); width:32px; height: 32px; z-index: 130; float:left; position:relative;}

div.small_heropaladin  {background:url(../beta5/units/set2/units_small.png) -192px -64px; width:32px; height: 32px; float:left;}
div.small_herovalkyria  {background:url(../beta5/units/set2/units_small.png) -32px -96px; width:32px; height: 32px; float:left;}
div.small_herodreadknight  {background:url(../beta5/units/set2/units_small.png) -0px -96px; width:32px; height: 32px; float:left;}

div.small_herobarbarian  {background:url(../ver08/units/set2/units_small.png) -160px -192px; width:32px; height: 32px; float:left;}
div.small_herohorselord  {background:url(../ver08/units/set2/units_small.png) -0px -224px; width:32px; height: 32px; float:left;}
div.small_heroassassin  {background:url(../ver08/units/set2/units_small.png) -192px -192px; width:32px; height: 32px; float:left;}

/**************************************************
/**************************************************
/**************************************************/

/* SHIELDS */
.shield_1   {background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -53px -89px; width: 25px; height:37px; float:left; }
.shield_2   {background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -153px -89px; width: 25px; height:37px; float:left; }
.shield_3   {background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -77px -89px; width: 25px; height:37px; float:left; }
.shield_4   {background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -205px -89px; width: 25px; height:37px; float:left; }
.shield_5   {background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -27px -89px; width: 25px; height:37px; float:left; }
.shield_6   {background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -2px -89px; width: 25px; height:37px; float:left; }
.shield_7   {background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -179px -89px; width: 25px; height:37px; float:left; }
.shield_8   {background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -102px -89px; width: 25px; height:37px; float:left; }
.dead_      {background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -127px -89px; width: 25px; height:37px; float:left; }

div.shield_tiny0      {background: url('//www.warbarons.com/css/interface/transparent.png') -445px -16px; float:left; height: 22px; width:17px;}
div.shield_tiny1      {background: url('//www.warbarons.com/css/interface/transparent.png') -331px -16px; float:left; height: 22px; width:16px;}
div.shield_tiny2      {background: url('//www.warbarons.com/css/interface/transparent.png') -396px -16px; float:left; height: 22px; width:17px;}
div.shield_tiny3      {background: url('//www.warbarons.com/css/interface/transparent.png') -347px -16px; float:left; height: 22px; width:17px;}
div.shield_tiny4      {background: url('//www.warbarons.com/css/interface/transparent.png') -429px -16px; float:left; height: 22px; width:16px;}
div.shield_tiny5      {background: url('//www.warbarons.com/css/interface/transparent.png') -315px -16px; float:left; height: 22px; width:17px;}
div.shield_tiny6      {background: url('//www.warbarons.com/css/interface/transparent.png') -299px -16px; float:left; height: 22px; width:16px;}
div.shield_tiny7      {background: url('//www.warbarons.com/css/interface/transparent.png') -412px -16px; float:left; height: 22px; width:17px;}
div.shield_tiny8      {background: url('//www.warbarons.com/css/interface/transparent.png') -363px -16px; float:left; height: 22px; width:17px;}

/* DROPDOWN MENUS */
div.dropmenu {z-index:1000; background:url('interface/win_back.png');}
ul.topmenu {text-align:left; margin: 1px; max-width:160px; list-style-type:none; border: solid 1px; border-color:#737373; z-index:1000; padding:10px; box-shadow: 1px 1px 3px #45392b;}
li.topmenu  {margin-left:0px; line-height: 28px; text-decoration:none; max-width:160px; height:20px; z-index:1000; padding:0px; white-space:nowrap; }
li.topmenu:hover {margin-left:0px; line-height: 28px; text-decoration:underline; max-width:160px; height:20px; z-index:1000; padding:0px; white-space:nowrap;}

li.topmenu a  {line-height: 24px; text-decoration:none; max-width:160px; height:20px; float:left; z-index:1000; white-space:nowrap;}
li.topmenu a:hover {line-height: 24px;  text-decoration:underline; max-width:160px; height:20px; float:left; z-index:1000; white-space:nowrap;}

div.dropmenu2 {z-index:1000; background:url('interface/win_back.png'); float:left;}
ul.topmenu2 {text-align:left; float:left; margin: 1px; width:270px; list-style-type:none; border: solid 1px; border-color:#737373; z-index:1000; padding:5px; box-shadow: 1px 1px 3px #45392b; cursor: pointer;}
li.topmenu2  {margin-left:0px; line-height: 45px; text-decoration:none; width:260px; z-index:1000; padding:0px; white-space:nowrap; clear:both;}
li.topmenu2:hover {margin-left:0px; line-height: 45px; background:url('interface/highlight.png'); width:260px;  z-index:1000; padding:0px; white-space:nowrap;  clear:both;}

li.topmenu2 a  {height: 45px; text-decoration:none; width:260px;  float:left; z-index:1000; white-space:nowrap;  clear:both;}
li.topmenu2 a:hover {height: 45px;  background:url('interface/highlight.png'); width:260px; float:left; z-index:1000; white-space:nowrap;  clear:both;}


li.topmenu3  { height:45px; text-decoration:none; float:left; width:120px; z-index:1000;  color:#000000; cursor:pointer; padding:3px;  margin-left:0px;}
li.topmenu3:hover { height:45px; background:url('interface/highlight.png'); float:left;  text-decoration:none; width:120px;  z-index:1000; color: #000000; cursor:pointer; padding:3px;  margin-left:0px;}

li.topmenu4  { height:45px;   text-decoration:none; float:left; width:135px; z-index:1000; color:#000000; cursor:pointer; padding:3px;  margin-left:0px;}

.topmenuHover { float:left;  text-decoration:none; width:100px;}
.topmenuHover:hover { background:url('interface/highlight.png'); float:left;  text-decoration:none; width:100px;}

.tabstyle3 {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
    margin-top: 4px;
}

.tabstyle1 {

    margin: 12px 0 15px 18px;
    float:left;
    width:100%;
    line-height:22px;
    overflow:hidden;

}

#tabs a {
    display:inline;
    float:left;
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -996px 0px;
    padding:0 0 0 4px;
    margin-right: 4px;
    text-decoration:none;
}

#tabs a span {
    cursor:pointer;
    float:left;
    display:block;
    background:url("//www.warbarons.com/css/interface/transparent.png") repeat right 40px;
    padding:3px 10px 0px 4px;
    height:24px;
    color:#3d1a00;
    text-shadow:1px 1px 1px #efd696;
    white-space:nowrap;
    -moz-user-select: none;-webkit-user-select: none;
}


/* LINKS */

a   {text-decoration:none; color:#6d2e00;}
a:visited   {text-decoration:none; color:#6d2e00;}
a:active   {text-decoration:none; color:#6d2e00;}
a:hover   {text-decoration:underline; color:#572500;}

.changelink {text-decoration:none; color:#6d2e00;}
.changelink:hover {text-decoration:underline; color:#6d2e00;}

/* MISC */
.facebook   {background: url("interface/transparent.png") -507px -15px; color:#FFFFFF; text-shadow:none;   cursor:pointer; width:191px; height:22px; text-decoration:none; padding-left: 28px; line-height:22px; float:left;}
.mapentry       {width:300px; height: 455px; float:left; margin:15px 0px 4px 0px; padding:1px; border-left:1px solid #f7e9c2; border-top:1px solid #f7e9c2; border-bottom:1px solid #84795a; border-right:1px solid #84795a;}
.account_mail       {width: 690px; max-height:350px; overflow-y:auto; background: url('interface/softlight.png'); padding:5px; margin-top:10px; margin-bottom: 10px;   box-shadow:0px 0px 3px #5d5a4d; float:left; border-left:1px solid #f7e9c2; border-top:1px solid #f7e9c2; border-bottom:1px solid #84795a; border-right:1px solid #84795a;}
.account_mail_self  {width: 690px; max-height:350px; overflow-y:auto; background:url('interface/softdark.png'); padding:5px; margin-top:10px; margin-bottom: 10px;  box-shadow:0px 0px 3px #5d5a4d; float:left; border-left:1px solid #f7e9c2; border-top:1px solid #f7e9c2; border-bottom:1px solid #84795a; border-right:1px solid #84795a;}

.laddertext {float:left; margin-top:3px; font-size:18px; margin-right:4px; color:#ffe16c; text-shadow: -1px 0 #d4b53e, 0 1px #d4b53e, 1px 0 #d4b53e, 0 -1px #d4b53e;}
.darkarea {padding:10px;  box-shadow:0px 0px 3px #5d5a4d; float:left; border-left:1px solid #f7e9c2; border-top:1px solid #f7e9c2; border-bottom:1px solid #84795a; border-right:1px solid #84795a;}
.lightarea {padding:10px;  box-shadow:0px 0px 3px #5d5a4d; background: url('interface/softlight.png'); float:left; border-left:1px solid #f7e9c2; border-top:1px solid #f7e9c2; border-bottom:1px solid #84795a; border-right:1px solid #84795a;}

.premiumhighlight {width:300px; padding:10px; margin-bottom:15px;  box-shadow:0px 0px 3px #5d5a4d; float:left; border-left:1px solid #f7e9c2; border-top:1px solid #f7e9c2; border-bottom:1px solid #84795a; border-right:1px solid #84795a;}
.dark    {width:100%; height:100%; z-index:2; top:0px; position: fixed; background:url("interface/darkbox.png"); display:none;}
.highlighted {background:url("//www.warbarons.com/css/interface/highlight.png");}
.darklighted {background:url("//www.warbarons.com/css/interface/darklight.png");}
.arrowdropdown  {width:13px; height:7px; background: url("interface/transparent.png") -92px -4px; float:left;}

.leftarrow {background:url('interface/transparent.png') -358px -93px; width:34px; height:25px;}
.rightarrow {background:url('interface/transparent.png') -392px -93px; width:34px; height:25px;}

.header {
    height:110px;
    background: url(interface/win_back.png);
    border-bottom: solid 1px #b89c64;
    box-shadow:0 3px 3px #282014;
}

.logo_big {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -0px -469px;
    width:474px;
    height:69px;
    position:absolute;
    left:50%;
    margin-left:-240px;
    top:2px;
}

.logo_front {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -0px -469px;
    width:474px; height:69px;
    float:left;
}

#menuHead p {
    display:inline;
    float:left;
    background:url("//www.warbarons.com/css/interface/transparent.png") repeat-y 0px 220px;
    padding:0 0 0 41px;
    width:41px;
    text-decoration:none;
}

#menuHead p span {
    float:left;
    display:block;
    background:url("//www.warbarons.com/css/interface/transparent.png") repeat-y right 220px;
    padding:0px 38px 0px 0px;
    height: 49px;
}

.menuTopHead {
    position:absolute;
    top:71px; left:50%;
    margin-left:-476px;
    width:950px;
}




.blueBorder {border: solid 1px #0000ee; float:left; text-shadow:1px 1px 0 #FFFFFF; color:#000000;  height:36px; margin-bottom:1px; }
.dashedBorder {border: dashed 1px #000000; float:left; text-shadow:1px 1px 0 #FFFFFF; color:#000000;  height:36px; margin-bottom:1px;}
.unseenborder {margin:1px; float:left; height:36px; margin-bottom:2px;}

.shieldcontainer {float:left; height:40px; width:26px; margin:1px 2px 2px 2px;}
.awaybar {height:2px; float:left;}
.awaybarback {border:solid 1px; background-color:#b1b1b1; height:2px; float:left; width:25px;}

/* FORMS */
.wallInput {
    float:left;
    width:450px;
    margin:1px;
    padding:5px;
    background: url('interface/highlight.png');
}

input {
    padding-left: 4px;
    height:27px;
}

.textInput {
    border: 1px solid #c9ab57;
    box-shadow: inset 1px 1px 3px #b8ae81;
    background:#ece2b3;
    color:#4f4f4f;
    font-weight:bold;
    text-shadow:1px 1px 1px #f7f4e4;
    font-size: 15px;
    font-family: sans-serif;
}

.textInputOuter {
    box-shadow: 0 0 2px 2px #f4ddaf;
    margin:2px;
    float:left;
}


/* ICONS */
.icon_startarrow {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -237px -44px;
    width:23px;
    height:38px;
    cursor: pointer;
}

.icon_coin  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -147px -16px;
    line-height:25px;
    width:1px;
    padding-left:25px;
    white-space:nowrap;
}

.icon_bitcoin  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -331px -99px;
    line-height:25px;
    width:1px;
    padding-left:25px;
    white-space:nowrap;
}

.icon_bitcoin2  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -331px -89px;
    width:29px;
    height:35px;
    float:left;
}

.icon_closemail  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -196px -18px;
    line-height:22px;
    width:1px;
    padding-left:26px;
    white-space:nowrap;
}


.icon_openmail  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -223px -18px;
    line-height:22px;
    width:1px;
    padding-left:26px;
    white-space:nowrap;
}

.icon_compose  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -126px -18px;
    line-height:22px;
    width:1px;
    padding-left:21px;
    white-space:nowrap;
}

.icon_friends  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -103px -17px;
    line-height:22px;
    width:1px;
    padding-left:22px;
    white-space:nowrap;
}

.icon_gear  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -171px -16px;
    line-height:22px;
    width:1px;
    padding-left:23px;
    white-space:nowrap;
}

.icon_ladder  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -156px -44px;
    width:29px;
    height:35px;
    float:left;
}

.icon_melee  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -3px -42px;
    width:28px;
    height:41px;
    float:left;
}

.icon_battle  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -31px -42px;
    width:40px;
    height:40px;
    float:left;
}

.icon_horse  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -186px -46px;
    width:50px;
    height:35px;
    float:left;
}

.icon_realtime  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -186px -46px;
    width:50px;
    height:35px;
    float:left;
}

.icon_freeze  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -943px -44px;
    width:35px;
    height:35px;
    float:left;
}

.icon_hammer  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -686px -46px;
    width:60px;
    height:35px;
    float:left;
}

.icon_prize  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -74px -43px;
    width:37px;
    height:39px;
    float:left;
}
.icon_map  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -111px -46px;
    width:45px;
    height:39px;
    float:left;
}

.icon_beacon  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -175px -130px;
    width:100px;
    padding-left: 48px;
    height:45px;
    float:left;
}

.icon_blog  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -110px -0px;
    width:16px;
    height:16px;
    margin-right: 6px;
    float:left;
}

.icon_fb  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -149px -0px;
    width:16px;
    height:16px;
    margin-right: 6px;
    float:left;
}

.icon_tweet  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -130px -0px;
    width:16px;
    height:16px;
    margin-right: 6px;
    float:left;
}

.icon_addgroup  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -931px -14px;
    width:26px;
    height:26px;
    margin-right: 50px;
    margin-top:-3px;
    float:right;
    cursor:pointer;
}

.icon_viewmembers  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -958px -14px;
    width:26px;
    height:26px;
    margin-right: 5px;
    margin-top:-3px;
    float:right;
    cursor:pointer;
}

.icon_simgame  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -257px -89px;
    width:35px;
    height:35px;
    float:left;
}

.icon_message  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -296px -91px;
    width:30px;
    height:32px;
    float:left;
}

.icon_timeglass  {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -169px -2px;
    width:14px;
    height:14px;
    position: relative;
    top:21px;
    left:10px;
    float:left;
}

.text45
{
    -ms-transform:rotate(315deg); /* IE 9 */
    -moz-transform:rotate(315deg); /* Firefox */
    -webkit-transform:rotate(315deg); /* Safari and Chrome */
    -o-transform:rotate(315deg); /* Opera */
}

table.wikitable,
table.wikitable td,
table.wikitable tr
{
    border-collapse: collapse;
    border: 1px solid #563602;
    font-size: 12px;
}


.wikiheadline {font-weigth:bold; font-size:18px; text-decoration:underline;}

.icon_ffa {margin:auto; width:50px; height:19px; background: url("//www.warbarons.com/css/interface/transparent.png") -790px -17px;  margin-top:4px;}
.icon_1v1 {margin:auto; width:34px; height:19px; background: url("//www.warbarons.com/css/interface/transparent.png") -895px -17px;  margin-top:4px;}
.icon_team {margin:auto; width:50px; height:19px; background: url("//www.warbarons.com/css/interface/transparent.png") -731px -17px;  margin-top:4px;}
.icon_scenario {margin:auto; width:50px; height:19px; background: url("//www.warbarons.com/css/interface/transparent.png") -842px -17px;  margin-top:4px;}


.icon_locker {float:left;  width:24px; height:31px; background: url("//www.warbarons.com/css/interface/transparent.png") -311px -47px;  margin:6px 1px 0 1px;}
.icon_fow {float:left;  width:39px; height:34px; background: url("//www.warbarons.com/css/interface/transparent.png") -266px -49px;  margin:6px 1px 0 1px;}
.icon_star {background: url("//www.warbarons.com/css/interface/transparent.png") -482px -15px; width:22px; height:22px; float:left;}
.icon_friendmedal {background: url("//www.warbarons.com/css/interface/transparent.png") -123px -129px; width:48px; height:54px; float:left;}
.icon_medal {background: url("//www.warbarons.com/css/interface/transparent.png") -72px -129px; width:48px; height:54px; float:left;}
.icon_medaldead {background: url("//www.warbarons.com/css/interface/transparent.png") -3px -132px; width:66px; height:52px; float:left;}

.icon_paypal {background: url("//www.warbarons.com/css/interface/transparent.png") -341px -42px; width:339px; height:40px; float:left; margin-top:4px;}
.icon_webmoney {background: url("//www.warbarons.com/css/interface/transparent.png") no-repeat -849px -42px; font-size: 12px; color:#006dae; width:93px; padding-top:31px; float:left; margin-top:8px;}
.icon_bitcoin3 {background: url("//www.warbarons.com/css/interface/transparent.png") no-repeat -177px -127px; color:#006dae; width:129px; height:49px; float:left; margin-top:6px; margin-left:5px;}

.tour {background: url("//www.warbarons.com/css/interface/transparent.png") -340px -250px; width:140px; height:215px; float:left;}


.commentarea {width:445px; height:100px; font-size:14px; text-shadow:1px 1px 0px #FFF; line-height:18px; background:#f5deab; padding:5px; color:#5d4612; border:solid 1px; font-weight:bold; font-family:arial;}

/* WINDOW */
#windowTop p {
    display:inline;
    float:left;
    background:url("//www.warbarons.com/css/interface/transparent.png") repeat-y 0px 115px;
    padding:0 0 0 40px;
    width:41px;
    text-decoration:none;
}

#windowTop p span {
    float:left;
    display:block;
    background:url("//www.warbarons.com/css/interface/transparent.png") repeat-y right 115px;
    padding:0px 39px 0px 0px;
    height: 47px;
}

.windowTopHead {
    font-weight: bold;
    font-family: sans-serif;
    color:#3b1101;
    font-size:18px;
    text-shadow:1px 1px 1px #efd696;
    position:relative;
    top:40px; left:21px;
}

#windowFot p {
    display:inline;
    float:left;
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat 0px 0px;
    margin:0;
    padding:0 0 0 7px;
    width:1px;
}

#windowFot p span {
    float:left;
    display:block;
    background:url("//www.warbarons.com/css/interface/transparent.png") repeat-y right 12px;
    padding:0px 13px 0px 6px;
    height:12px;
}

.windowBox {
    float:left;
    margin-bottom:-5px;
}

.winPop {
    left:50%;
    position:fixed;
    top:40px;
    display:none;
    z-index:2;
}

.winmain {
    float:left;
    margin:0px 6px 0 6px;
    padding:2px 8px 8px 8px;
    background: url(interface/win_back.png);
    box-shadow:6px 0 4px  -4px #0d0d0d , -4px 0 4px  -4px #0d0d0d;
}

/* Box */
.boxoutline {
    border:solid 1px #392d24;
    background: url(interface/win_back.png);
    box-shadow: 0px 0px 10px #a7a7a7;
}



/* BUTTONS */
#btn_sidenote p {
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -995px -60px;
    padding: 0 0 0 5px;
    float:left;
    cursor:pointer;

}

#btn_sidenote p span {

    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat right -130px;
    width: 49px;
    height:45px;
    float:left;
    padding: 5px 0px 5px 0px;
    cursor:pointer;

}

#buttonClose p {
    display:inline;
    float:left;
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -996px 0px;
    padding:0 0 0 3px;

}

#buttonClose p span {
    cursor:pointer;
    float:left;
    display:block;
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -69px 8px, url("//www.warbarons.com/css/interface/transparent.png") repeat right 40px;
    padding:5px 8px 0px 15px;
    height:23px;
    color:#3d1a00;
    font-size:14px;
    font-weight: bold;
    text-shadow:1px 1px 1px #efd696;
    white-space:nowrap;
    -moz-user-select: none;-webkit-user-select: none;
}

#buttonClose:active p  {
    display:inline;
    float:left;
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -996px -27px;
    padding:0 0 0 3px;

}

#buttonClose:active p span  {
    cursor:pointer;
    float:left;
    display:block;
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -68px 9px, url("//www.warbarons.com/css/interface/transparent.png") repeat right 68px;
    padding:5px 8px 0px 15px;
    height:22px;
    color:#3d1a00;
    font-size:14px;
    font-weight: bold;
    text-shadow:1px 1px 1px #efd696;
    white-space:nowrap;
    -moz-user-select: none;-webkit-user-select: none;
}

#RTbutton p {
    display:inline;
    background:url("interface/transparent.png") no-repeat -995px -60px;
    padding: 0 0 0 5px;
    height:54px;
    float:left;
    cursor:pointer;
}


#RTbutton p span {
    display:block;
    background:url("interface/transparent.png") no-repeat right -130px;
    height:54px;
    float:left;
    padding: 5px 5px 5px 0px;
    cursor:pointer;
    width: 225px;
    overflow:hidden;
}

#button p {
    display:inline;
    float:left;
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -996px 0px;
    padding:0 0 0 4px;

}

#button p span {
    cursor:pointer;
    float:left;
    display:block;
    background:url("//www.warbarons.com/css/interface/transparent.png") repeat right 40px;
    padding:5px 10px 0px 4px;
    height:23px;
    color:#3d1a00;
    font-size:14px;
    font-weight: bold;
    text-shadow:1px 1px 1px #efd696;
    white-space:nowrap;
    -moz-user-select: none;-webkit-user-select: none;
}

#button:active p  {
    display:inline;
    float:left;
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -996px -27px;
    padding:0 0 0 4px;

}

#button:active p span  {
    cursor:pointer;
    float:left;
    display:block;
    background:url("//www.warbarons.com/css/interface/transparent.png") repeat right 68px;
    padding:6px 9px 0px 5px;
    height:22px;
    color:#3d1a00;
    font-size:14px;
    font-weight: bold;
    text-shadow:1px 1px 1px #efd696;
    white-space:nowrap;
    -moz-user-select: none;-webkit-user-select: none;
}

#button a {
    display:inline;
    float:left;
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -996px 0px;
    padding:0 0 0 4px;

}

#button a span {
    cursor:pointer;
    float:left;
    display:block;
    background:url("//www.warbarons.com/css/interface/transparent.png") repeat right 40px;
    padding:5px 10px 0px 4px;
    height:23px;
    color:#3d1a00;
    font-size:14px;
    font-weight: bold;
    text-shadow:1px 1px 1px #efd696;
    white-space:nowrap;
    -moz-user-select: none;-webkit-user-select: none;
}

#button:active a  {
    display:inline;
    float:left;
    background:url("//www.warbarons.com/css/interface/transparent.png") no-repeat -996px -27px;
    padding:0 0 0 4px;

}

#button:active a span  {
    cursor:pointer;
    float:left;
    display:block;
    background:url("//www.warbarons.com/css/interface/transparent.png") repeat right 68px;
    padding:6px 9px 0px 5px;
    height:22px;
    color:#3d1a00;
    font-size:14px;
    font-weight: bold;
    text-shadow:1px 1px 1px #efd696;
    white-space:nowrap;
    -moz-user-select: none;-webkit-user-select: none;
    text-decoration:none;
}

.winClose {
    background:url("//www.warbarons.com/css/interface/transparent.png")no-repeat -249px -18px;
    width:18px;
    height:18px;
    float:right;
    cursor:pointer;
    margin-right:48px;
}

.winClose:hover {
    background:url("//www.warbarons.com/css/interface/transparent.png")no-repeat -267px -18px;
    width:18px;
    height:18px;
    float:right;
    cursor:pointer;
    margin-right:48px;
}

.winCloseChat {
    background:url("//www.warbarons.com/css/interface/transparent.png")no-repeat -249px -18px;
    width:18px;
    height:18px;
    float:right;
    cursor:pointer;
}

.winCloseChat:hover {
    background:url("//www.warbarons.com/css/interface/transparent.png")no-repeat -267px -18px;
    width:18px;
    height:18px;
    float:right;
    cursor:pointer;

}

/* POPUPS */
.smallPop {
    display:none;
    float:left;
    margin:5px 0px 0 20px;
    padding:8px 8px 8px 8px;
    background: url(interface/win_back.png);
    box-shadow:1px 1px 4px #0d0d0d;
    position:relative;
    clear:right;
    border: solid 1px; border-color:#737373;
}

/* Frontpage */
.transparentContainer {color:#FFFFFF; font-size:16px; text-shadow: 0 0 3px #000; font-weight:normal; background: url('interface/darklight.png'); border-radius:5px; padding:10px; margin:18px; box-shadow:0 0 5px #555;}
.gallerybox {width:298px; height:169px; box-shadow:0 0 5px #555; border:solid 1px #FFF; margin:10px 10px 0 10px;}
.gallerysubtext {width:298px; height:20px; margin:0 10px 10px 10px; font-size:12px; font-weight:normal;}


/* WALL */
.wallImage {float:right; border:solid 1px; margin-top:20px; cursor:pointer; height:75px;}

a.sample_attach, a.sample_attach:visited, div.sample_attach
{
    display: block;
    width:   100px;

    border:  1px solid black;
    padding: 2px 5px;

    background: #FFFFEE;

    text-decoration: none;
    font-family: Verdana, Sans-Sherif;
    font-weight: 900;
    font-size: 1.0em;
    color:   #008000;
}

/* PACKAGES */

/* Front Take tour */
.separateturns {background:url('interface/transparent.png') -476px -171px; width:200px; height:25px;}
.simultanturns {background:url('interface/transparent.png') -476px -146px; width:226px; height:25px;}
.realtimeturns {background:url('interface/transparent.png') -476px -129px; width:226px; height:15px;}




/* CHAT */
#chat-area                      { height: 500px; overflow: auto; overflow-y:auto; float:left; margin: 0px 10px 0px 0px; width:710px;}
#chat-area span                 { color: #111111; background: #c79d51; padding: 2px 4px; -moz-border-radius: 3px; -webkit-border-radius: 5px; margin: 0 5px 0 0; }
#chat-area p                    { padding: 6px 0; border-bottom: 1px solid #555555; }
#onlinelist                    {float:left; height:450px; width:140px; overflow-y:auto;}
#send-message-area            { float: left; padding-top: 27px; font-size: 14px; }
#sendie                         {  width: 574px; padding: 3px; float: left; }

.hide {display:none;}

/* Animation */

.trans {
    transition:all 0.5s ease-out;
}

.slider {
    transition:margin-left 1s, margin-left 1s;
    -webkit-transition:margin-left 1s, margin-left 1s, -webkit-transform 1s;
}

.blink {
    animation:fade 1000ms infinite;
    -webkit-animation:fade 1000ms infinite;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.1; }
    to { opacity: 1.0; }
}

@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.1; }
    to { opacity: 1.0; }
}

.windowBoxHead {
    font-size: 18px;
}