div.heroinfo {
    width:100%;
    height:auto;
    min-height:100px;
    position:relative;
    margin-top:5px;
}


div.heroes_class_cat {
    width:705px;
    height:auto;
    min-height:100px;
    position:relative;
    padding:30px 0 30px 30px;
    margin:20px 0 30px 0;
}

div.heroes_class_cat div.hf_stats {
    position:relative;
    width:232px;
    height:80px;
    background-image:url(../../images/user_panel/user_stats/stats.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
    margin:0 auto;
}

div.heroes_class_cat div.hf_stats div.attack,
div.heroes_class_cat div.hf_stats div.defence,
div.heroes_class_cat div.hf_stats div.spellpower,
div.heroes_class_cat div.hf_stats div.knowledge {
    position:absolute;
    width:20px;
    height:20px;
    text-align:center;
    top:55px;
}

div.heroes_class_cat div.hf_stats div.attack {
    left:20px;
}

div.heroes_class_cat div.hf_stats div.defence {
    left:77px;
}

div.heroes_class_cat div.hf_stats div.spellpower {
    left:132px;
}

div.heroes_class_cat div.hf_stats div.knowledge {
    left:190px;
}

table.gain_skills td {
    text-align:center;
    border:1px solid #555555;
    padding:3px;
    background-image:url(../../images/1px_transparent_black25.png);
    border:1px solid #555555;
}

table.gain_skills h2 {
    margin-top:13px;
}

table.gain_skills th {
    text-align:center;
    background-image:url(../../images/1px_transparent_white10.png);
    border:1px solid #555555;
    padding:3px;
    font-weight:normal;
}



div.heroinfo div.picture_box {
    width:735px;
    height:88px;
    position:relative;
    background-image:url(../../images/1px_transparent_black15.png);
    border:1px solid #555555;
}

div.heroinfo div.picture_box div.picture {
    width:58px;
    height:64px;
    position:absolute;
    top:8px;
    left:10px;
    border:1px solid #ceb67b;
    padding:2px;
}

div.heroinfo div.picture_box div.picture2 {
    width:58px;
    height:64px;
    position:absolute;
    top:8px;
    left:80px;
    border:1px solid #ceb67b;
    padding:2px;
}

div.heroinfo div.picture_box div.specjality {
    width:46px;
    height:47px;
    position:absolute;
    top:16px;
    left:80px;
    border:1px solid #ceb67b;
    padding:2px;
}

div.heroinfo div.picture_box div.specjality2 {
    width:46px;
    height:47px;
    position:absolute;
    top:16px;
    left:150px;
    border:1px solid #ceb67b;
    padding:2px;
}

div.heroinfo div.picture_box div.hf_name {
    position:absolute;
    width:300px;
    height:45px;
    left:345px;
    top:10px;
    margin-left:-100px;
    color:#ceb67b;
    font-weight:bold;
    font-size:14px;
    padding-top:25px;
    text-align:center;
}

div.heroinfo div.info {
    width:auto;
    height:auto;
    position:relative;
    margin-left:90px;
    padding-top:13px;
    overflow:hidden;
    margin-bottom:25px;
}


table.hero_description th {
    vertical-align:top;
    padding:3px;
    background-image:url(../../images/1px_transparent_black15.png);
    border:1px solid #555555;
}

table.hero_description caption {
    color:#ceb67b;
    font-weight:bold;
    font-size:14px;
    text-align:left;
    padding:3px 3px 5px 3px;
}

table.hero_description td {
    vertical-align:top;
    padding:3px;
}

table.hero_description td.title {
    vertical-align:top;
    text-align:right;
    color:#acacac;
}

table.hero_description td.stats {
    vertical-align:middle;
    text-align:center;
    background-color:red;
    width:20px;
}

table.hero_description span.title {
    color:#d7d7d7;
    font-weight:bold;
}


/* =============================== 
 *     SPELLS
 * =============================== */


div.spellinfo {
    width:100%;
    height:auto;
    min-height:100px;
    position:relative;
    margin-top:25px;
}

div.spellinfo div.picture {
    width:78px;
    height:65px;
    position:absolute;
    top:10px;
    left:10px;
    padding:2px;
}

div.spellinfo div.picture img {
    position:relative;
}

div.spellinfo div.info {
    width:auto;
    height:auto;
    position:relative;
    margin-left:110px;
    padding-top:13px;
    overflow:hidden;
}

table.magic_description th {
    vertical-align:top;
    padding:3px;
    background-image:url(../../images/1px_transparent_black15.png);
    border:1px solid #555555;
}

table.magic_description caption{
    color:#ceb67b;
    font-weight:bold;
    font-size:14px;
    text-align:left;
    padding:3px 3px 20px 3px;
}

table.magic_description td {
    vertical-align:top;
    padding:3px;
}

table.magic_description td.spellcost {
    vertical-align:middle;
    text-align:center;
}

table.magic_description td.title {
    vertical-align:middle;
    text-align:right;
    color:#acacac;
}



/* Units */

div.unitinfo {
    width:740px;
    height:auto;
    min-height:100px;
    position:relative;
    margin-top:5px;
    padding:5px;
    overflow:auto;
}

div.unitstitle {
    width:727px;
    height:auto;
    min-height:10px;
    padding:5px;
    position:relative;
    background-image:url(../../images/1px_transparent_white10.png);
    border:1px solid #555555;
    font-size:14px;
    font-weight:bold;
    margin-top:40px;
    overflow:auto;
}

div.unitinfo div.unit {
    width:350px;
    height:auto;
    min-height:10px;
    margin-left:5px;
    padding:5px;
    float:left;
    position:relative;
}

img.minerals {
    vertical-align:middle;
}

table.unit_description {
    padding:3px;
}

table.unit_description th {
    background-image:url(../../images/1px_transparent_black15.png);
    border:1px solid #555555;
    padding:3px;
    text-align:right;
}

table.unit_description th.title {
    text-align:center;
}

table.unit_description td {
    text-align:center;
    background-image:url(../../images/1px_transparent_white10.png);
    border:1px solid #555555;
}

table.unit_description td.unvisible {
    background-image:none;
    border:0;
}

span.unit_skill_rise {
    color:#00ff00;
}

span.unit_skill_low {
    color:#ed1c24;
}


/* Skills */
table.skill_description {
    padding:3px;
    width:700px;
    margin-top:30px;
}

table.skill_description th {
    background-image:url(../../images/1px_transparent_white10.png);
    border:1px solid #555555;
    padding:3px;
    text-align:center;
}

table.skill_description th.title {
    text-align:center;
    width:100px;
}


/* Buildings */

div.buildings_area {
    position:relative;
    width:758px;
    height:auto;
    min-height:10px;
    overflow:hidden;
    color:white;
}

div.buildings_area div.row {
    overflow:hidden;
    width:auto;
    height:auto;
    min-height:10px;
    position:relative;
}

div.buildings_area div.row div.empty_building {
    position:relative;
    width:116px;
    float:left;
    min-height:10px;
    overflow:hidden;
    height:auto;
    margin-left:9px;
    background-position:0 0;
    background-repeat:repeat-y;
}



div.buildings_area div.small_building {
    position:relative;
    border:1px solid #ceb67b;
    width:114px;
    float:left;
    margin-left:9px;
    min-height:10px;
    height:auto;
    background-color:#6f654e;
    border-color:#ceb67b;
}

div.buildings_area div.small_building div.picture {
    width:114px;
    height:53px;
    position:relative;
    overflow:hidden;
    filter:inherit;
}

div.buildings_area div.small_building div.name {
    padding:2px;
    position:relative;
    text-align:center;
    background-color:inherit;
    border-bottom:1px solid #ceb67b;
    filter:inherit;
    border-color:inherit;
}

div.buildings_area div.small_building div.cost {
    padding:2px;
    position:relative;
    background-color:inherit;
    border-top:1px solid #ceb67b;
    filter:inherit;
    border-color:inherit;
}

div.buildings_area div.arrow_top_bottom_0_1 {
    position:absolute;
    background-image:url(../../images/arrows/top_bottom_0_1.png);
    width:32px;
    height:78px;
}

div.buildings_area div.arrow {
    background-position:0 0;
    background-repeat:no-repeat;
    width:647px;
    height:71px;
}

table.default {
    margin:0;
}

table.default TD {
    border:1px solid #555555;
}

a.addons_selected {
    font-weight:bold;
}