/* Payment */

    #payment_pay {
        float:left;
        width:869px;
        height:485px;
        background:url('../images/layout/backgrounds/payment_bg_new.jpg') top center;
    }
    
     #payment_info {
        float:left;
        width:869px;
        height:485px;
        background:url('../images/layout/backgrounds/payment_bg_new.jpg') top center;
        }
    
    #payment_success {
        float:left;
        width:869px;
        height:485px;
        background:url('../images/layout/backgrounds/payment_bg_new.jpg') top center;
    }
    
    #payment_fail {
        float:left;
        width:869px;
        height:485px;
        background:url('../images/layout/backgrounds/payment_bg_new.jpg') top center;
    }

/* Login */

    #loginview{
        width:869px;
        height:484px;
        background-image: url('../images/character/login/login.jpg');
    }

    #logintitle{
        position:absolute;
        top:48px;
        left:165px;
        width:155px;
        text-align:center;

    }

    #logintitle h1{
        margin:0px;
        color:#eee0a3;
        font-size:18px;
        text-transform: uppercase;
        text-shadow: 1px 1px #000;
    }

    .login_title{
        top:50px;
        left:155px;
        width:166px;
        text-align:center;
    }

    .loginform{
        left:127px;
        position:absolute;
        top:101px;
        width:234px;
    }

    .loginform input{
        font-size:13px;
        width:193px;
        color:#fff6b9;
        background:transparent;
        border:0px;
    }

    .input_login_new{
        background:#000000;
        border:1px #FFFFFF solid;
        color:#CACACA;
        font-size:16px;
        width:232px;
    }

    .loginform .passposition{
        position:absolute;
        top:45px;
    }

    .loginform .lostpasswordlink{
        color:#777777;
        font-size:10px;
        position:absolute;
        top:65px;
        left:0px;
    }

    .loginform .button_login{
        left:172px;
        position:absolute;
        top:85px;
        cursor:pointer;
    }

    #facebook_friends_new{
        color:#FFFFFF;
        font-weight:bold;
        height:295px;
        position:absolute;
        right:75px;
        text-align:center;
        top:100px;
        width:150px;
    }

/* Lostpassword */

    #lostpassword{
        width:869px;
        height:484px;
        background: url('../images/character/login/lostpassword.jpg') 0px 0px no-repeat;
    }

    .lostpassword_title{
        top:50px;
        left:155px;
        width:166px;
        text-align:center;
    }

    .lostpwform{
        left:127px;
        position:absolute;
        top:101px;
        width:234px;
    }

    .lostpwform input{
        font-size:13px;
        width:193px;
        color:#fff6b9;
        background:transparent;
        border:0px;
    }

    .lostpwform .button_lostpassword{
        left:197px;
        position:absolute;
        top:108px;
        background-image: url('../images/buttons/lostpassword.png');
        background-position: top center;
        width:80px;
        height:70px;
        cursor:pointer;
    }

    .lostpwform .button_lostpassword:hover{background-position:bottom center;}

/* PAGES: whatis */

    #whatisview {
        background-image: url("../images/story/background_2.jpg");
        height: 514px;
        width: 869px;
    }

    #whatis_title{
        position:absolute;
        top: 50px;
        text-align:center;
        width:100%;
        height:25px;
        background:url('../images/misc/transparent_png_20.png') repeat;
        border-top:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
    }

    #whatis_title h3{
        font-size:14px;
        color:#DBCE9B;
        margin: 4px 0px 0px 0px;
    }

    #whatis_text{
        position:absolute;
        top: 70px;
        left:422px;
        text-align:left;
        width:333px;
        padding:10px;
        background:url('../images/misc/transparent_png_20.png') repeat;
        border:1px solid #FFFFFF;
    }

/* PAGES: news */

    #frontnewsview {
        position:relative;
        background: url("../images/story/background_2.jpg") top center no-repeat #000;
        width: 869px;
        top:0px;
        padding-bottom:90px;
    }

    #frontnews_title{
        position:absolute;
        top: 50px;
        text-align:center;
        width:100%;
        height:25px;
        background:url('../images/misc/transparent_png_20.png') repeat;
        border-top:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
    }

    #frontnews_title h3{
        font-size:14px;
        color:#DBCE9B;
        margin: 4px 0px 0px 0px;
    }

    #front_news_container{
        position:relative;
        margin: 0px auto 40px;
        text-align:left;
        width:700px;
        padding:10px;
        background:url('../images/misc/transparent_png_10.png') repeat;
        border:1px solid #FFFFFF;
        top:90px;
    }

    .front_news_date{
        font-size:8px;
        color:#777;
    }

    .front_news_entry h3{
        margin: 4px 0px 0px 0px;
        color:#DBCE9B;
    }

    .front_news_entry_spacer{
        position:relative;
        width:100%;
        margin:10px auto;
        height:1px;
        border-bottom:1px solid #DBCE9B;
    }

    .more_news{
        position:relative;
        display:block;
        text-align:center;
        width:100%;
        clear:both;
        margin-top:5px;
    }

    .more_news a{
        color:#DBCE9B;
    }

    .more_news a:hover{
        color:#FFF;
        text-decoration:underline
    }


/* PAGES: instructions */

    #instructionsview {
        height: 514px;
        width: 869px;
        background-image: url("../images/instructions/screenshot_bg.jpg");
    }

    #instructionpic_canvas{
        position:absolute;
        top:0px;
        height: 514px;
        width: 869px;
        overflow: hidden;
    }

    #instructionpic_0, #instructionpic_1{
        position:absolute;
        top:0px;
        height: 514px;
        width: 869px;
    }

    .ipic_character{background-image: url("../images/instructions/instructions_character.png");}
    .ipic_ride{background-image: url("../images/instructions/instructions_ride.png");}
    .ipic_map{background-image: url("../images/instructions/instructions_map.png");}
    .ipic_quest{background-image: url("../images/instructions/instructions_quest.png");}
    .ipic_horde{background-image: url("../images/instructions/instructions_horde.png");}
    .ipic_items{background-image: url("../images/instructions/instructions_items.png");}
    .ipic_bank{background-image: url("../images/instructions/instructions_bank.png");}
    .ipic_service{background-image: url("../images/instructions/instructions_service.png");}
    .ipic_guild{background-image: url("../images/instructions/instructions_guild.png");}


    #instructions_title{
        position:absolute;
        top: 50px;
        text-align:center;
        width:100%;
        height:25px;
        background:url('../images/misc/transparent_png_20.png') repeat;
        border-top:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
    }

    #instructions_title h3{
        font-size:14px;
        color:#DBCE9B;
        margin: 4px 0px 0px 0px;
    }

    .instructions_text h4{
        font-size:12px;
        color:#DBCE9B;
        margin: 1px 0px 10px 0px;
    }

    .instructions_text{
        position:absolute;
        top: 70px;
        left:547px;
        text-align:left;
        width:233px;
        height:290px;
        padding:10px;
        background:url('../images/misc/transparent_png_50.png') repeat;
        border:1px solid #FFFFFF;
    }

    .instructions_link{
        float: right;
        display:block;
        width:100%;
        text-align:right;
    }

    .ibutton{
        position:absolute;
        bottom:5px;
        background-position:top center;
        cursor:pointer;
        width:30px;
        height:30px;
    }

    .ibutton:hover{
        background-position:bottom center;
    }

    .ibutton_next{background-image:url('../images/buttons/right.png');right:10px;}
    .ibutton_back{background-image:url('../images/buttons/left.png');left:10px;}

/* PAGES: agb */
    #agbview {
        margin:30px 60px;
    }
    #agbview .main_title {
        color: #A48B67;
        margin: 20px auto;
        display: block;
        font-size:20px;
        font-weight:bold;
        font-style:italic;
    }
    #agbview .title {
        color: #A48B67;
        margin: 5px auto;
        display: block;
        font-weight:bold;
        font-style:italic;
    }

/* IMPRESSUM */
    #impressumview{
        width:869px;
        height:672px;
        background: url('../images/info/impressum.jpg') 0px 0px no-repeat;
    }

    #impressumview .impressum_title{
        position:absolute;
        top: 28px;
        width:869px;
        text-align:center;
    }

    #impressumview .impressum{
        position:absolute;
        top: 230px;
        width:869px;
        text-align:center;
    }

    #impressumview h1{
        font-size: 20px;
        color:#FFFFFF;
    }

/* screenshots */

    #screenshotview{
        float:left;
        width:869px;
        height:600px;
        background:url('../images/screenshots/screenshot_bg.jpg') top left no-repeat;
        user-select: none;
       -o-user-select:none;
       -moz-user-select: none;
       -khtml-user-select: none;
       -webkit-user-select: none;
    }

    #screenshotstitle{
        position:absolute;
        top:18px;
        left:0px;
        width:98%;
        text-align:center;
    }

    #screenshotstitle h1{
        margin:0px;
        color:#eee0a3;
        font-size:14px;
        text-transform: uppercase;
        text-shadow: 1px 1px #000;
    }

    #screenshotcontainer{
        position:relative;
        top:50px;
        left:60px;
        width:750px;
        height:500px;
    }

    .screenshot_small{
        position:absolute;
        z-index:500;
        cursor:pointer;
    }

    .screenshot_big{
        position:absolute;
        z-index:2000;
    }

    #screenshot_0{top:0px;left:0px;}
    #screenshot_1{top:0px;left:250px;}
    #screenshot_2{top:0px;left:500px;}
    #screenshot_3{top:165px;left:0px;}
    #screenshot_4{top:165px;left:250px;}
    #screenshot_5{top:165px;left:500px;}
    #screenshot_6{top:330px;left:0px;}
    #screenshot_7{top:330px;left:250px;}
    #screenshot_8{top:330px;left:500px;}

    #screenshotposition_0{top:0px;left:0px;z-index:500;}
    #screenshotposition_1{top:0px;left:250px;z-index:500;}
    #screenshotposition_2{top:0px;left:500px;z-index:500;}
    #screenshotposition_3{top:165px;left:0px;z-index:500;}
    #screenshotposition_4{top:165px;left:250px;z-index:500;}
    #screenshotposition_5{top:165px;left:500px;z-index:500;}
    #screenshotposition_6{top:330px;left:0px;z-index:500;}
    #screenshotposition_7{top:330px;left:250px;z-index:500;}
    #screenshotposition_8{top:330px;left:500px;z-index:500;}

    .screenshot_grey{position:absolute; top:-50px; left:-60px;z-index:1000; display:none; width:869px;height:600px; background:url('../images/layout/backgrounds/black_10x10_60p.png') repeat;}

    .screenshot_pagination{
        display:none;
        position:absolute;
        width:30px;
        height:50px;
        cursor:pointer;
        background-image:url('../images/buttons/signups_left.png');
        background-position:top center;
        z-index:2001;
    }

    .screenshot_pagination:hover{
        background-position:bottom center;
    }

    .shotpagina_left{background-image:url('../images/buttons/signups_left.png'); top:270px; left:40px;}
    .shotpagina_right{background-image:url('../images/buttons/signups_right.png'); top:270px; right:40px;}


/* FRONT: Map */

    #front_map{
        background:url('../images/travel/map/front_map.jpg');
        width:869px;
        height:610px;
    }


/* CHARAKTER: Index */
    #character_index{
        position:relative;
        width:869px;
        height:1375px;
    }

    .character_index_magic_enabled {background:url('../images/character/index/character_index_bg_magic.jpg') top left no-repeat;}
    .character_index_magic_disabled {background:url('../images/character/index/character_index_bg.jpg') top left no-repeat;}

    #button_achievements{
        position:absolute;
        width:80px;
        height:70px;
        left:328px;
        top:52px;
        display:block;
        cursor:pointer;
        background:url('../images/buttons/button_achievements.png') top left;
    }

    #button_achievements:hover{background-position: bottom left;}

    #button_training{
        position:absolute;
        width:80px;
        height:70px;
        left:697px;
        top:170px;
        display:block;
        cursor:pointer;
        background:url('../images/buttons/button_training.png') top left;
    }

    #button_training:hover{background-position: bottom left;}

    #character_index .char{
        position:relative;
        float:left;
        width:420px;
        min-height:734px;
        overflow:hidden;
    }

    #character_index .bars{
        position:relative;
		float:left;
		width:306px;
		height:64px;
		margin-top:37px;
		margin-left:65px;
    }

    .lifebarstyle{
        position:absolute;
        bottom:0px;
        background: url(../images/layout/redbar_9px.jpg) top left repeat-x;
        overflow:hidden;
        height:100%;
        width:100%;
    }

    .expbarstyle{
        position:absolute;
        bottom:0px;
        background: url(../images/layout/yellowbar_9px.jpg) top left repeat-x;
        overflow:hidden;
        height:100%;
        width:100%;
    }

    .hordebarstyle{
        position:absolute;
        bottom:0px;
        background: url(../images/layout/bluebar_9px.jpg) top left repeat-x;
        overflow:hidden;
        height:100%;
        width:100%;
    }

    .manabarstyle{
        position:absolute;
        bottom:0px;
        background: url(../images/layout/bluebar_9px.jpg) top left repeat-x;
        overflow:hidden;
        height:100%;
        width:100%;
    }

    #character_index .bars .lifebarposition{
        position:absolute;
        width:306px;
        height:9px;
        left:0px;
    }

    #character_index .bars .expbarposition {
       position:absolute;
       width:306px;
       height:9px;
       top:27px;
       left:0px;
    }

    #character_index .bars .hordebarposition {
       position:absolute;
       width:306px;
       height:9px;
       top:54px;
       left:0px;
    }

    #character_index .bars .manabarposition {
       position:absolute;
       width:306px;
       height:9px;
       top:54px;
       left:0px;
    }

    #character_index .bars .hordebarposition.hordeBarTitleTip {
        z-index: 100;
    }

    #character_index .bars .manabarposition.manaBarTitleTip {
        z-index: 100;
    }

    #character_index .bars .expbarposition.expBarTitleTip {
        z-index: 100;
    }

    #character_index .bars .lifebarposition.lifeBarTitleTip {
        z-index: 100;
    }

    #character_headerinfo .manaBarSmallTitleTip {
        position: absolute;
        top: 104px;
        left: 224px;
        width: 110px;
        height: 8px;
        z-index: 100;
    }

    #character_headerinfo .lifeBarSmallTitleTip {
        position: absolute;
        top: 84px;
        left: 217px;
        width: 110px;
        height: 8px;
        z-index: 100;
    }

    #character_headerinfo .expBarSmallTitleTip {
        position: absolute;
        top: 104px;
        left: 224px;
        width: 110px;
        height: 8px;
        z-index: 100;
    }

    .skillbarposition{
        margin-top:20px;
        margin-left:82px;
    }

    .skillLimitBar{
        text-align: center;
        height: 9px;
        width: 305px;
        background: #666;
    }

    .skillLimitBar .bar{
        position:absolute;
        width: 50%;
        height: 9px;
        background: #0f0;
        left:0px;
    }

    #skillLimitBarValues{
        position:absolute;
        width:100%;
        top:-2px;
        font-size:10px;
        text-align:center;
        color:#000000;
        left:0px;
    }

    #character_index .char .asset{
        position:absolute;
        height:57px;
        width:134px;
        left:192px;
        top:270px;
    }

    .charindex_name{
        float:left;
        margin-top:58px;
        margin-left:68px;
        width:350px;
        height:107px;
    }

    .charindex_name .button_buy_attibutes{
        position:absolute;
        top:66px;
        left:146px;
    }

    .charindex_name table{
        width:350px;
        color:#FFFFFF;
        font-weight:bold;
        font-size:20px;
    }

    .charindex_name td{
        color:#FFFFFF;
    }

    .charindex_info{
        position:absolute;
        top:267px;
        left:25px;
        width:306px;
        font-weight:bold;
    }

    .charindex_info .floatingdiv{
        width:170px;
        margin-top:5px;
    }

    .character_properties{
        /*postition:relative;*/
        float:left;
        width:170px;
        height:60px;
        overflow:hidden;
    }

    .character_hp{
        /*postition:relative;*/
        float:left;
        margin-left:5px;
        margin-top:17px;
        width:130px;
        text-align:left;
    }


    #character_index .char .charback{
        position:absolute;
        top:0px;
        left:0px;
        height:338px;
        width:346px;
        background: url('../images/character/charback.png') top left no-repeat;
    }

    #character_index .equipment {
        position:relative;
        float:left;
        height:338px;
        width:336px;
    }

    .equipment .slotHelmet{position:absolute; top:71px; left: 173px; width:83px; height:82px;}
    .equipment .slotBoots{position:absolute; top:283px; left: 173px; width:83px; height:82px;}
    .equipment .slotChest{position:absolute; top:157px; left: 173px; width:83px;height:119px;}
    .equipment .slotWeapon{position:absolute; top:157px; left: 83px; width:83px;height:119px;}
    .equipment .slotDistance{position:absolute; top:13px; left: 15px; width:83px;height:119px;}
    .equipment .slotBow{position:absolute; top:12px; left: 15px; width:83px;height:119px;}
    .equipment .slotAmulet{position:absolute; top:110px; left: 123px; width:40px; height:40px;}
    .equipment .slotRing{position:absolute; top:283px; left: 123px; width:40px; height:40px;}
    .equipment .slotGloves{position:absolute; top:283px; left: 263px; width:83px; height:83px;}
    .equipment .slotShield{position:absolute; top:157px; left: 263px; width:83px;height:119px;}

    .equipment .slotHelmet.slothover    {background: url('../images/items/layout/slothover_med_equip.png')}
    .equipment .slotBoots.slothover {background: url('../images/items/layout/slothover_med_equip.png')}
    .equipment .slotChest.slothover {background: url('../images/items/layout/slothover_big_equip.png')}
    .equipment .slotWeapon.slothover    {background: url('../images/items/layout/slothover_big_equip.png')}
    .equipment .slotDistance.slothover    {background: url('../images/items/layout/slothover_big_equip.png')}
    .equipment .slotAmulet.slothover    {background: url('../images/items/layout/slothover_small_equip.png')}
    .equipment .slotRing.slothover      {background: url('../images/items/layout/slothover_small_equip.png')}
    .equipment .slotGloves.slothover    {background: url('../images/items/layout/slothover_med_equip.png')}
    .equipment .slotShield.slothover    {background: url('../images/items/layout/slothover_big_equip.png')}

    .ride_char{
        position:absolute;
        top:71px;
        left:263px;
        width:81px;
        height:82px;
        background: url('../images/ride/ride_img.jpg') top left no-repeat;
        cursor:pointer;
        display: none;
    }

    .margin_tooltip{
        margin-bottom:10px;
        margin-top:5px;
        margin-right:15px;
        margin-left:15px;
    }

    #attribute_tooltip_name {
        margin: 4px 8px;
        font-size: 14px;
        font-weight: bold;
    }

    #attribute_tooltip table {
        border-spacing: 0;
        margin: 0 auto;
        padding: 0;
    }

    #attribute_tooltip_sum td,
    #attribute_tooltip_sum th{
        border-top: 1px solid white;
    }

    #attribute_tooltip_header th{
        border-bottom: 1px solid white;
    }

    .tooltip_sum {
        border-top: 1px solid white;
    }

    #attribute_tooltip th {
        color: white;
    }

    #attribute_tooltip td {
        width: 40px;
    }

    #attribute_tooltip th,
    #attribute_tooltip td {
        margin: 0;
        text-align: right;
    }

    .attributes{
        position:relative;
        float:left;
        height:288px;
        width:346px;
    }


    .attributescontainer{
        margin-left:93px;
        margin-top:17px;
    }

    .levelattributes{
        position:relative;
        margin-top:10px;
        width:326px;
        font-weight:bold;
        font-size:12px;
        color:#b743cc;
    }

    .attribute_icon_small{
        float:left;
        width:45px;
        height:45px;
    }

    .attribute_icon{
        float:left;
        width:60px;
        height:58px;
    }

    .attribute_icon a.attributelevel{
        float:left;
    }

    .attribute_icon a.attributebuy{
        display:block;
        float:left;
        width:30px;
        height:58px;
        background: url('../images/character/attributes/attributesbuy.png') 0px 0px no-repeat;
    }

    .attribute_icon a.attributebuy:hover{
        background: url('../images/character/attributes/attributesbuy.png') 0px -58px no-repeat;
    }

    .attribute_text{
        float:left;
        height:38px;
        width:180px;
        font-size:12px;
        font-weight: bold;
        margin-top:5px;
        margin-left:20px;
        color:#FFFFFF;
    }

    .attributes #attribute_skill .attribute_text{
        margin-top:18px;
    }

    .attribute_text p {
        margin: 0;
        margin-top:7px;
    }

    .attribute_text_small{
        float:left;
        height:18px;
        width:155px;
        font-size:12px;
        font-weight: bold;
        margin-top:12px;
        margin-left:10px;
        color:#FFFFFF;
    }

    .attributes #attribute_strength{
        position:relative;
        float:left;
        height:60px;
        width:326px;
        /* background: url('../images/character/attributes/neu/strength.png') top left no-repeat; */
    }

    .attributes #attribute_intelligence{
        position:relative;
        float:left;
        height:60px;
        width:326px;
        /* background: url('../images/character/attributes/neu/intelligence.png') top left no-repeat; */
    }

    .attributes #attribute_skill{
        position:relative;
        float:left;
        height:60px;
        width:326px;
        /* background: url('../images/character/attributes/neu/skill.png') top left no-repeat; */
    }

    .attributes #attribute_endurance{
        position:relative;
        float:left;
        height:60px;
        width:326px;
        /* background: url('../images/character/attributes/neu/endurance.png') top left no-repeat; */
    }

    .attributes #attribute_cognition{
        position:relative;
        float:left;
        height:60px;
        width:326px;
        background: url('../images/character/attributes/neu/instinct.png') top left no-repeat;
    }

    .blockplating{
        position:relative;
        float:left;
        margin-top:5px;
        margin-left:50px;
    }

    .blockplating #attribute_block{
        position:relative;
        width:175px;
        /* background: url('../images/character/attributes/block.png') top left no-repeat; */
    }

    .blockplating #attribute_plating{
        position:relative;
        width:175px;
        /* background: url('../images/character/attributes/armor.png') top left no-repeat; */
    }

    #character_index .inventory{
		float:left;
		/*height:197px;*/
		margin-left:35px;
		margin-top:82px;
		position:relative;
		width:357px;
    }

    #character_index .inventory .tabs{
        margin-top:-1px;
        margin-right:-2px;
        float:right;
        height:180px;
        width:54px;
        background-image:url('../images/character/index/bag_new.jpg');
        background-position: 0px 0px;
        background-repeat: repeat-y;
    }
    
    #character_index .inventory .tabs_deativated{
        margin-top:-1px;
        margin-right:-2px;
        float:right;
        height:180px;
        width:54px;
        background-image:url('../images/character/index/bag_new_deactivated.jpg');
        background-position: 0px 0px;
        background-repeat: repeat-y;
    }

    #character_index .inventory .tabs a.openbag {display:block;height:43px; width:54px;}

    .inventory #bag1 {height:135px; width:276px;margin-left:20px;}
    .inventory #bag2 {height:135px; width:276px;margin-left:20px;}
    .inventory #bag3 {height:135px; width:276px;margin-left:20px;}

    .inventory .bag_Big1 {width:83px;height:119px; float:right;margin-right:3px;margin-top:25px;}
    .inventory .bag_Big2 {width:83px;height:119px; float:right;margin-right:3px;margin-top:25px;}
    .inventory .bag_Medium3 {width:83px;height:82px; float:right;margin-right:8px;margin-top:21px;}
    .inventory .bag_Small4 {width:40px;height:40px; float:right;margin-top:5px; margin-right:8px;}
    .inventory .bag_Small5 {width:40px;height:40px; float:right;margin-top:5px; margin-right:8px;}

    .inventory .bag_Big1.slothover, .inventory .bag_Big2.slothover {background: url('../images/items/layout/slothover_big.png')}
    .inventory .bag_Medium3.slothover {background: url('../images/items/layout/slothover_med.png')}
    .inventory .bag_Small4.slothover, .inventory .bag_Small5.slothover {background: url('../images/items/layout/slothover_small.png')}

    .inventory #bag4 {
        position:relative;
        float:left;
        /*background: url('../images/character/index/bag_4.jpg') left top no-repeat;*/
        /*height:161px;*/
        width:297px;
        margin-left:8px;
        margin-top:5px;
    }

    #bag_4_container {
        position:relative;
        left:20px;
        width:278px;
        min-height: 120px;
    }

    .bag_4_content {
        float:left;
        margin-right:16px;
        margin-top:8px;
        margin-bottom:4px;
        height:30px;
        width:30px;
    }



    .ui-tabs .ui-tabs-nav ul { list-style-position:outside;}
    .ui-tabs .ui-tabs-nav {list-style: none; list-style-position:outside;}
    .ui-tabs .ui-tabs-nav li {float: left; background-color:transparent; margin:0px; top:0px; left:0px; padding:0px;}
    .ui-tabs .ui-tabs-nav li a { float: left; color:#ffffff; }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#000000;}
    .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
    .ui-tabs .ui-tabs-panel { display: block; border: none; background: none; }
    .ui-tabs .ui-tabs-hide { display: none; }

    .hoverDroppable{width:120px;height:120px;border:1px solid;float:left;background-color:#CCCCCC; }

    .iconlist_item {
        margin: 0.2em;
        text-align: center;
    }

    #character_index .description{
        position:relative;
        float:left;
        left:0px;
        height:231px;
        width:336px;
    }

    #character_index .description .button_save{
        position:absolute;
        top:138px;
        left:176px;
    }

    .inventory_title {
        position:absolute;
        top:170px;
        left:55px;
        font-size:16px;
        text-align:center;
        width:215px;
    }

    #sporran_container{
        position:relative;
        clear:both;
        margin: 60px auto 0px auto;
        width:800px;
        min-height:243px;
        background:url('../images/character/sporran/sporran_01.png') top center no-repeat;
    }

    #sporran_content_container{
        position:absolute;
        top:95px;
        left:162px;
        width:518px;
        min-height:110px;
        background:url('../images/character/sporran/sporran_02.png') top left repeat-y;
        border-bottom:1px solid #6f6335;
    }

    #sporran_content{
        position:relative;
        margin-top:10px;
        margin-left:26px;
        width:500px;
    }

    #sporran_title{
        position:absolute;
        top:48px;
        left:70px;
        color:#550000;
        text-align:center;
        width:700px;
        font-weight:bold;
        font-size:16px;
    }

    .sporran_icon{
        position:relative;
        float:left;
        width:30px;
        height:30px;
        margin-right:20px;
        margin-bottom:15px;
    }

    .sporran_thing_title{
        font-weight:bold;
    }


/* Character Bookmark */
    .bookmark_bg {
        position:relative;
        width:869px;
        height:843px;
        background:url('../images/character/bookmark/bookmark_bg.jpg') top left no-repeat;
        color:#000;
    }

    .bookmark_list {
        width: 719px;
        height:601px;
    }

    .bookmark .bookmark_entry_col {
        height: 22px;
        text-align: center;
    }
    .bookmark_group {
        display: block;
        width: 12px;
        height: 12px;
        border: 1px solid black;
        margin:0 auto;
        cursor: pointer;
    }
    .bookmark_group_0{
        background-color: green;
    }
    .bookmark_group_1{
        background-color: red;
    }
    .bookmark_group_2{
        background-color: blue;
    }
    .bookmark_group_3{
        background-color: blueviolet;
    }
    .bookmark_group_4{
        background-color: yellow;
    }

    /* tables */
    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        font-weight:bold;
    }
    table.tablesorter thead tr .headerSort {
        height: 22px;
        cursor: pointer;
    }
    table.tablesorter thead th {
        vertical-align: middle;
        border-bottom:1px solid #000;
    }

    table.tablesorter thead tr .headerSortUp {
        cursor: pointer;
    }
    table.tablesorter thead tr .headerSortDown {
        cursor: pointer;
    }
    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    }

    .bookmark .even {
        background-color:#BEAF86;
    }

    .bookmark .odd {
        background-color:#908361;
    }

    #spells_bg table.tablesorter td, #bookmark_bg table.tablesorter td {
        padding:7px 3px;
    }

    span.sort {
        padding:0 10px 0 3px;
        color:#000;
    }

    .headerSortUp span.sort{
        background-image: url(../images/icons/small_asc.gif);
        background-repeat: no-repeat;
        background-position:right center;
    }

    .headerSortDown span.sort{
        background-image: url(../images/icons/small_desc.gif);
        background-repeat: no-repeat;
        background-position:right center;
    }


    #choose_group {
        position:absolute;
        left: 11px;
        top: 0px;
        background-color:#222;
        border:1px solid black;
        padding:3px;
        display:none;
    }

    .bookmark_group_choose {
        display: block;
        width: 12px;
        height: 12px;
        border: 1px solid black;
        cursor: pointer;
        float:left;
        margin-left:3px;
    }

/* Character Magic */
    .spell_bg {
        position:relative;
        width:869px;
        height:828px;
        background:url('../images/character/spell/spell_bg.jpg') top left no-repeat;
        color:#000;
    }

    .spell_list {
        width: 720px;
        height:564px;
    }

    .spell_list_bg {
        position:absolute;
        left: 73px;
        top: 119px;
    }

    /* tables */
    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        font-weight:bold;
    }
    table.tablesorter thead tr .headerSort {
        height: 22px;
        cursor: pointer;
    }
    table.tablesorter thead th {
        vertical-align: middle;
        border-bottom:1px solid #000;
    }

    table.tablesorter thead tr .headerSortUp {
        cursor: pointer;
    }
    table.tablesorter thead tr .headerSortDown {
        cursor: pointer;
    }

    .spell .even {
        background-color:#BEAF86;
    }

    .spell .odd {
        background-color:#908361;
    }

    .spell td {
        border-right:1px dotted #333;
    }

    /*
    .spell_list table.tablesorter td {
        padding:5px 10px;
    }

    .spell_list span.sort {
        padding:0;
        color:#000;
        padding-right:0px;
    }
    */
    .headerSortUp span.sort{
        background-image: url(../images/icons/small_asc.gif);
        background-repeat: no-repeat;
        background-position:right center;
        padding-right:10px;
    }

    .headerSortDown span.sort{
        background-image: url(../images/icons/small_desc.gif);
        background-repeat: no-repeat;
        background-position:right center;
        padding-right:10px;
    }

    .spell {border-collapse:collapse;}

    .spell_list .first_col {
        text-align:left !important;
        padding-left:10px !important;
        font-weight:bold;
        color:#880000;
    }

    .spell_cast_row {
        cursor: pointer;
    }

    .spell_cast_row:hover {
        border:1px dotted black;
    }

    #spell_popup {
        display:none;
        position:absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height:100%;
        background-image: url('../images/misc/transparent_png_60.png');
        color:#fff;
        text-align:center;
        z-index: 1000;
    }

    .spell_popup_inner {
        position:absolute;
        left: 190px;
        top: 240px;
        width: 475px;
        height:206px;
        background:url('../images/character/spell/spell_popup_bg.png') top left no-repeat;
    }

    #spell_popup_title {
        margin:0 7%;
        margin-top:25px;
        font-size:16px;
        font-weight:bold;
    }

    #spell_popup_text {
        margin:0 7%;
        margin-top:10px;
    }

    #spell_popup_info {
        margin-top:5px;
        font-weight:bold;
    }

    .spell_popup_inputbox {
        position:absolute;
        top:100px;
        left:0px;
        width:100%;
        font-weight:bold;
    }

    .spell_popup_inputbox input {
        border:1px solid white;
        color:#fff;
        background-color:#000;
        margin-top:3px;
    }

    .spell_effects{
        width: 180px;
        float: left;
        padding: 2px;
        margin:0;
    }

    .spell_effects li{
        margin:1px 0px;
    }

    .spell_callers, .spell_callees, .spell_learns{
        width: 200px;
        padding: 2px;
        margin-top: 0px;
        margin-left: 20px;
    }
    .spell_effect{
        width: 180px;
        text-align: left;
        float: left;
        margin-bottom: 5px;
    }
    .spell_caller, .spell_callee, .spell_learn{
        width: 200px;
        text-align: left;
        margin-bottom: 5px;
    }
    .spell_effect_string{
        /*width: 170px;*/
        float: left;
    }
    .spell_caller_string, .spell_callee_string, .spell_learn_string{
        width: 150px;
        float: left;
    }
    .spell_effect_value{
        width: 50px;
        float: right;
        text-align: right;
    }
    .spell_caller_value, .spell_callee_value, .spell_learn_value{
        width: 50px;
        float: left;
        text-align: right;
    }
    .spell_info_tooltip_title{
        margin:0 7%;
        margin-top:10px;
        font-size:14px;
        font-weight:bold;
        white-space: nowrap;
    }
    .spell_info_tooltip_text{
        margin:0 7%;
        margin-top:5px;
    }
    .spell_info_tooltip_sub_title{
        font-weight: bold;
        text-decoration: underline;
    }
    .spell_info_tooltip_conditions{
        margin:0 7%;
        margin-top: 5px;
    }
    .spell_info_tooltip_inner{
        width: 265px;
    }

    #spell_popup .dropdown{
        width: 150px;
    }

    .dynamic_value .spell_caller {
    }

    .button_use {
        position:absolute;
        top:150px;
        left:75px;
        display:block;
        width:130px;
        height:24px;
        background:url('../images/character/spell/button_use.jpg') top left no-repeat;
        cursor:pointer;
    }

    .button_cancel {
        position:absolute;
        top:150px;
        left:275px;
        display:block;
        width:130px;
        height:24px;
        background:url('../images/character/spell/button_cancel.jpg') top left no-repeat;
        cursor:pointer;
    }

    .button_use_small{
        display:block;
        width:24px;
        height:24px;
        background:url('../images/character/spell/use_spell.png') top left no-repeat;
        cursor:pointer;
    }

    .button_cancel:hover, .button_use:hover, .button_use_small:hover {
        background-position:bottom left;
    }

    .search .dropdown{width:150px;}

	.search .dropdown .ddtextcontainer{width:125px;}

	.search .dropdown .ddopen{width:124px;}

	.search .dropdown .ddopen .jScrollPaneContainer{width:115px !important;}

	.search .dropdown .ddopen .jScrollPaneContainer .ddlist{width:115px !important;}

	.spell_enemy_title_box {
	   margin-left:130px;
	   width:366px;
	   height:98px;
	   /* background:url('../images/character/spell/spell_enemy_title.png') top left no-repeat; */
	}

	.spell_enemy_title_box .spell_enemy_title {
	   margin-top:40px;
	   color:#fff;
	   font-weight:bold;
	   text-align:center;
	}

	.spell_dropdown_box {
       position:absolute;
       top:25px;
       left:508px;
       width:292px;
       height:50px;
       color:#fff;
	}

	.show_caller {
	   display:block;
       width:106px;
       height:24px;
       background:url('../images/character/spell/show_caster.jpg') top left no-repeat;
	}

	.show_caller:hover {
	   background-position:bottom left;
	}

	.show_caller_disabled {
	   display:block;
       width:106px;
       height:24px;
       background:url('../images/character/spell/show_caster_disabled.jpg') top left no-repeat;
	}

	.spell .sell_row_disabled {
	   /* background: transparent url('../images/misc/transparent_png_90.png'); */
	}

/* CHARACTER PROFILE */

    #character_profile{
        position:relative;
        width:869px;
        height:1375px;
        background:url('../images/character/profile/profile_bg.jpg') top left no-repeat;
    }

    .profile_avatar{
        position:absolute;
        top:60px;
        left:58px;
        width:135px;
        height:135px;
    }

    .profile_avatar_over{
        position:absolute;
        top:18px;
        left:15px;
        width:227px;
        height:218px;
        background:url('../images/character/profile/profile_avatar_over.png') top left no-repeat;
    }

    .profile_map_link {
        position:absolute;
        top:137px;
        left:120px;
        width:67px;
        height:60px;
        background-position:top left;
    }

    .profile_map_link:hover {
        background-position:left -60px;
    }

    #character_profile .char{
        position:relative;
        width:420px;
        height:576px;
    }

    .charprofile_info{
        height:170px;
		left:233px;
		position:absolute;
		top:66px;
		width:186px;
    }

    .charprofile_infotable{
        width:186px;
    }

    #character_profile .equipment{
        position:relative;
        height:390px;
        width:411px;
        margin-top:16px;
    }

    .profile_description{
        position:absolute;
        height:177px;
        width:336px;
        top:392px;
        left:76px;
    }


    .profile_ranking{
        position:relative;
        width:350px;
        height:217px;
		margin-left:40px;
		margin-top:67px;
        color:#000000;
    }

    .profile_ranking a{
        color:#000000;
        text-decoration:underline;
    }

    .profile_action{
        position:absolute;
        height:76px;
        left:75px;
        top:256px;
        width:360px;
    }

    .profilebutton{
        width:71px;
        height:62px;
        display:block;
        background-position:top left;
    }

    .profilebutton:hover{background-position:left -62px;}

    .profile_action .profilebutton{
        position:relative;
        float:left;
    }

    .profile_action .attack_profile:hover,
    .profile_action .bane_profile:hover,
    .profile_action .spell_profile:hover
    {background-position:left -62px;}

    .profile_action .attack_profile_disabled {
        background-position:left bottom;
        background-image:url('../images/buttons/profile_attack.png');
     }

     .profile_action .bane_profile_disabled {
        background-position:left bottom;
        background-image:url('../images/buttons/profile_bane.png');
     }

     .profile_action .spell_profile_disabled {
        background-position:left bottom;
        background-image:url('../images/buttons/profile_spell.png');
     }

     .profile_action .gift_profile_disabled {
        background-position:left bottom;
        background-image:url('../images/buttons/profile_gift.png');
     }

     .sendpn_profile_small{
        position:absolute;
        top:-4px;
        left:290px;
        width:46px;
        height:40px;
        display:block;
        background-position:top left;
        background-image:url('../images/buttons/profile_sendpn_small.png');
     }

     .sendpn_bookmark_add_small {
        position:absolute;
        top:38px;
        left:290px;
        width:46px;
        height:40px;
        display:block;
        background-position:top left;
        background-image:url('../images/buttons/profile_bookmark_add_small.png');
     }

     .sendpn_bookmark_delete_small {
        position:absolute;
        top:38px;
        left:290px;
        width:46px;
        height:40px;
        display:block;
        background-position:top left;
        background-image:url('../images/buttons/profile_bookmark_delete_small.png');
     }

     .sendpn_profile_small:hover, .sendpn_bookmark_add_small:hover, .sendpn_bookmark_delete_small:hover {background-position:bottom left;}


     #gift_dialogue{
        position: absolute;
        background: url("../images/flashmsg/black.png") repeat scroll left top transparent;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        display:none;
        z-index: 1599;
      }

     #gift_dialogue_position{
        position: absolute;
        top: 50px;
        left: 248px;
        z-index: 10000;
     }

     #gift_dialogue_top{
        position:relative;
        float:left;
        width:400px;
        height:84px;
        margin-left:-29px;
        background: url('../images/character/new_bag_4/gift_top_02.png') top left no-repeat;
     }

     #gift_dialogue_title{
        position:absolute;
        top:40px;
        left:30px;
        font-size:14px;
        font-weight:bold;
     }

     #close_gift_dialogue{
        position:absolute;
        right:5px;
        top:5px;
        background-image:url('../images/buttons/leave.png');
        background-position: top left;
        width:30px;
        height:30px;
        cursor:pointer;
     }

     #close_gift_dialogue:hover{
        background-position: bottom left;
     }


/* CHARACTER: Stats */
    #character_stats {
        width:869px;
        min-height:484px;
        background: url('../images/character/stats/stats_bg.jpg') top left no-repeat #000000;
        color:#000000;
    }

    #character_stats a {
        color:#000;
        text-decoration:underline;
    }

    #stats_title {
        font-size:20px;
        width:500px;
        text-align:center;
        position:absolute;
        top:27px;
        left:178px;
        color:#ffffff;
        font-weight:bold;
    }

    .stats_box {
        margin-top:-15px;
        width:374px;
        float:left;
    }

    #character_stats .stats_box_first {
        margin-top:80px;
    }

    .stats_left{
        margin-left:60px;
        clear:both;
    }

    .stats_right{
        margin-left:14px;
    }

    .stats_box_title_container{
        width:374px;
        height:146px;
        background: url('../images/character/stats/stats_page_box_01.png') top left no-repeat;
    }

    .stats_box_title{
        width:350px;
        /*postition:relative;*/
        top:39px;
        left:30px;
        font-weight:bold;
    }

    .stats_box_middle_container {
        width:374px;
        padding-bottom:1px;
        min-height:1px;
        background: url('../images/character/stats/stats_page_box_02.png') top left repeat;
    }

    .stats_table {
        position:relative;
        left:30px;
        top:-72px;
        margin-bottom:-65px;
        width:313px;
        border:1px dotted #666666;
    }

    .stats_table td {
        padding:0px 2px;
        vertical-align:middle;
        height:20px;
    }

    .stats_table th {
        padding:0px 2px;
        vertical-align:middle;
        height:20px;
        text-align:left;
        border-bottom:1px solid #333;
    }

    .stats_table .first_col {
        width:50%;
        white-space: nowrap;
        padding-right:20px;
    }

    .stats_table .even {
        background-color:#a99569;
    }

    .stats_table .odd {
        background-color:#bcaf94;
    }

    .stats_box_bottom_container {
        width:374px;
        height:16px;
        background: url('../images/character/stats/stats_page_box_03.png') top left no-repeat;
    }

    .stats_footer {
        clear:both;
        width:869px;
        height:55px;
    }
/* CHARACTER: Settings */

    #settings{
        position:relative;
        float:left;
        width:869px;
        height:807px;
        text-align:center;
        background: url('../images/character/settings/character_settings.jpg') top left no-repeat;
    }

    #general_settings{
        height:208px;
        left:88px;
        position:absolute;
        text-align:center;
        top:86px;
        width:166px;
    }

    #general_settings .button_save{
        position:absolute;
        top:132px;
        left:0px;
    }

    .changepw{
        position:relative;
        float:left;
        top:60px;
        left:292px;
        width:507px;
        height:208px;
    }

    .changepw_text{
        position:absolute;
        top:40px;
        left:13px;
        text-align:left;
    }

    #changepasswordform{
        position:absolute;
        left:170px;
        top:38px;
    }

    .changepw_input{
       width: 318px;
       height:30px;
       margin-bottom:12px;
    }

    .changepw .button_save{
        left:321px;
        position:absolute;
        top:156px;
    }

    .changepw_input input{
       background:transparent;
       border:0px;
       color:#FFFFFF;
       width: 318px;
       height:16px;
    }

    .changeemail{
       height:126px;
        left:90px;
        position:absolute;
        top:312px;
        width:310px;
    }

    .changeemail_input{
        position:absolute;
        top:51px;
        left:0px;
    }

    .changeemail_input input{
       background:transparent;
       border:0px;
       color:#FFFFFF;
       width: 308px;
       height:16px;
       text-align:center;
    }

    #emailvalid{
        font-size:10px;
        position:absolute;
        text-align:center;
        top:80px;
        width:100%;
        left:0px;
    }

    .changeemail .button_save{
        position:absolute;
        top:97px;
        left:73px;
    }

    #invite_settings{
        height:98px;
        left:91px;
        position:absolute;
        top:476px;
        width:310px;
    }

    .invitelink{
        position:absolute;
        top:50px;
        width:290px;
        left:9px;
        background:#000000;
        border:1px solid #ffffff;
    }

    #forum_settings{
        height:274px;
        left:448px;
        position:absolute;
        top:308px;
        width:349px;
    }

    #forum_input_bg{
        background:url("../images/character/settings/forum_input.png") repeat scroll 0 0 transparent;
        height:130px;
        left:151px;
        position:absolute;
        top:25px;
        width:190px;
    }

    #no_forum_settings{
        height:274px;
        left:464px;
        position:absolute;
        top:337px;
        width:301px;
    }

    #forum_settings #forumaccount{
        left:158px;
        position:absolute;
        top:27px;
    }

    .forumaccount_input{
       width: 165px;
       height:20px;
       margin-bottom:22px;
       text-align:left;
    }

    #forum_settings .button_register{
        left:125px;
        position:absolute;
        top:215px;
    }

    .forumaccount_input input{
       background:transparent;
       border:0px;
       color:#FFFFFF;
       width: 165px;
       height:16px;
       float:left;
    }

    .forum_text{
        position:absolute;
        top:28px;
        left:13px;
        text-align:left;
    }

    #settings .button_forum{
        left:85px;
        position:absolute;
        top:160px;
    }

    #settings .facebook_div{
        height:125px;
        left:81px;
        position:absolute;
        top:633px;
        width:702px;
        color:#000000;
        background:url('../images/layout/backgrounds/white_10x10_60p.png');
    }

    #settings .facebook_div .fb_iframe_widget{
        float:left;
        margin:46px 10px 0px 35px;
    }

    .facebooktext {
        color:#000000;
        margin-right:10px;
        position:absolute;
        left:160px;
        top:37px;
    }

    .connectlink {
        margin-top:48px;
    }

    .connectlink a {
        color:#000000;
        text-decoration:underline;
        font-size:18px;
    }

/* CHARACTER: achievements */

    #achievements{
        position:relative;
        width:869px;
        min-height:623px;
        padding-bottom:50px;
        background:url('../images/achievements/achievements_tile.jpg') top left;
    }

    #achievements_head{
        position:relative;
        width:100%;
        height:191px;
        background:url('../images/achievements/achievements_head.jpg') top left;
        margin-bottom:-34px;
    }

    #daily_achievements_head{
        position:relative;
        width:100%;
        height:191px;
        margin-bottom:-34px;
    }

    .achievement_tab_container{
        left:0px;
        position:absolute;
        top:77px;
        width:100%;
        text-align:center;
    }

    .achievement_tab{
        width:167px;
        height:48px;
        cursor:pointer;
        margin-left:15px;
        margin-right:15px;
        display:inline-block;
        background-position:0px 0px;
    }

    .achievement_tab:hover{background-position: 0px -48px;}

    .achievement_tab_active{
        width:167px;
        height:48px;
        margin-left:15px;
        margin-right:15px;
        display:inline-block;
        background-position:0px -96px;
    }

    .tab_global{background-image:url('../images/buttons/achievements_global.png');}
    .tab_daily{background-image:url('../images/buttons/achievements_daily.png');}
    .tab_province{background-image:url('../images/buttons/achievements_province.png');}


    #achievements_container{
        margin:0px auto;
        width:85%;
        min-height:400px;
        padding-bottom:30px;
    }

    .achievement_block{
        position:relative;
        clear:both;
        width:100%;
        background:url('../images/misc/transparent_png_50.png') repeat;
        margin:10px auto 0px auto;
        border:solid 1px #444;
    }

    .achievement_block:hover{background:url('../images/misc/transparent_png_30.png') repeat;border:solid 1px #fff;}

    .achievement_icon{
        width:107px;
        height:100px;
        background-position: 0px -100px;
        margin:10px;
        position:relative;
        float:left;
    }

    .achievement_level{background-image:url('../images/achievements/achievement_level.png');}
    .achievement_friends{background-image:url('../images/achievements/achievement_friends.png');}
    .achievement_arena{background-image:url('../images/achievements/achievement_arena.png');}
    .achievement_services{background-image:url('../images/achievements/achievement_services.png');}
    .achievement_honour{background-image:url('../images/achievements/achievement_honour.png');}
    .achievement_quest{background-image:url('../images/achievements/achievement_quest.png');}
    .achievement_adventure{background-image:url('../images/achievements/achievement_adventure.png');}
    .achievement_castle_fights{background-image:url('../images/achievements/achievement_castle_attack.png');}
    .achievement_easy_quests{background-image:url('../images/achievements/achievement_quest_easy.png');}
    .achievement_hard_quests{background-image:url('../images/achievements/achievement_quest_heavy.png');}
    .achievement_castle_create{background-image:url('../images/achievements/achievement_castle_create.png');}
    .achievement_castle_activity{background-image:url('../images/achievements/achievement_castle_activity.png');}
    .achievement_world_connection_de2{background-image:url('../images/achievements/achievement_world_connection_de2.png');}

    .achievement_content{
        position:relative;
        float:left;
        width:460px;
        padding:10px;
    }

    .achievement_content h2, .achievement_content p{margin:0px 0px 10px 0px;}


    .achievement_bar{
        position:relative;
        height:50px;
        width:370px;
        clear:both;
        margin:0px auto;
        background:url('../images/achievements/attbar.png') no-repeat;
    }

    .achievement_bar_position{
        position:absolute;
        height:10px;
        left:33px;
        top:20px;
        width:304px;
    }
    .achievement_bar_width{
        position:absolute;
        height:100%;
        left:0px;
        background:url('../images/achievements/achievements_bar.jpg') repeat-x;
    }

    .thisachievementstats{
        position:absolute;
        left:90px;
        top:244px;
        width:300px;
        height:164px;
        text-align:center;
    }

    .nextachievementstats{
        position:absolute;
        left:474px;
        top:244px;
        width:300px;
        height:164px;
        text-align:center;
    }

    .achievement_info{
        height:74px;
        left:90px;
        position:absolute;
        text-align:center;
        top:449px;
        width:683px;
    }

/* CHARACTER: daily_achievements */

    .daily_achievements{
        background:url('../images/achievements/daily_achievements.jpg') 0px 10px;
        width:869px;
        height:720px;
    }

    .daily_achievements_title{
        position:absolute;
        top:62px;
        width:100%;
        text-align:center;
    }

    .daily_achievements_title h1{color:#dbd0a7;}

    .dach_box_1{
        height: 310px;
        left: 73px;
        position: absolute;
        top: 193px;
        width: 326px;
    }

    .dach_box_2{
        height: 310px;
        left: 460px;
        position: absolute;
        top: 193px;
        width: 326px;
    }

    .dach_box_title{
        position:relative;
        height:30px;
        width:100%;
        text-align:center;
        font-size:14px;
        font-weight:bold;
        color:#dbd0a7;
    }

    .dach_box_stat{
        position:relative;
        height:20px;
        width:100%;
        margin-bottom:11px;
    }

    .dach_stat_title{
        position:relative;
        width:126px;
        height:20px;
        float:left;
    }

    .dach_bar_container{
        position:relative;
        width:200px;
        height:20px;
        float:left;
    }
    .dach_bar_text{
        position:absolute;
        width:100%;
        text-align:center;
        font-size:10px;
        margin-top:1px;
    }

    .dach_bar{
        position:absolute;
        top:2px;
        left:32px;
        width:140px;
        height:10px;
    }

    .dach_bar_width{
        background:url('../images/layout/redbar_9px.jpg');
        position:absolute;
        left:0px;
        height:9px;
        width:50%;
    }

    .dach_box_info{
        width:100%;
        text-align:center;
        font-weight:bold;
    }

    .dach_box_info img{
        vertical-align:middle;
    }

    .dach_green{color:#35a43d;font-style:italic; font-weight:bold;}
    .dach_red{color:#922525;font-style:italic;font-weight:bold;}

    .dach_info{
        position:absolute;
        top:594px;
        left:80px;
        width:684px;
        color:#dbd0a7;
        text-align:center;
    }

/* RIDE INDEX */

    .ride_index{
        position:relative;
        width:869px;
        height:583px;
        background:url('../images/ride/ride_bg.jpg') top left no-repeat;
        color:#FFFFFF;
    }

    .ride_attributes_container{
        position:absolute;
        top:180px;
        left:484px;
        width:300px;
        height:260px;
    }

    .ride_attribute_text{
        float:left;
        height:43px;
        width:270px;
        font-size:12px;
        font-weight: bold;
    }

    .ride_attribute_description {
        font-size:10px;
        font-weight: bold;
    }

    a.ride_attributelevel{
        display:block;
        float:left;
        width:30px;
        height:30px;
        background: url('../images/buttons/plus.png') 0px 0px no-repeat;
    }

    a.ride_attributelevel:hover{
        background: url('../images/buttons/plus.png') 0px -30px no-repeat;
    }

    #ride_attribute_buying {
		height:66px;
		left:70px;
		position:absolute;
		top:388px;
		width:282px;
	}

	#ride_attribute_buying .button_buy{
	   position:absolute;
	   top:38px;
	   right:0px;
	}

	.ride_attributes_free{
	   position:absolute;
	   left:70px;
	   top:370px;
	}

	#ride_name{
	   height:66px;
	   left:61px;
	   position:absolute;
	   top:37px;
	   width:434px;
	}

	#ride_name input{
	   background:transparent;
	   margin-top: 15px;
	   margin-left: 10px;
	   font-size: 14px;
	   border:none;
	   color:#FFFFFF;
	}

	a#button_changeridename{
	   position:absolute;
	   display:block;
	   top:0px;
	   left:266px;
	   width:170px;
	   height:70px;
	   background:url(../images/buttons/change_ride_name.png) top left no-repeat;
	   cursor:pointer;
	}

	a#button_changeridename:hover{
	   background:url(../images/buttons/change_ride_name.png) bottom left no-repeat;
	}

	/* DEALER */

    #dealerindex{
        position:relative;
    }

    .dealerindex_1{
        background: url('../images/items/layout/dealer_bg.jpg') top left no-repeat;
        width:869px;
        height:778px;
    }

    .dealerindex_2{
        background: url('../images/items/layout/dealer_bg_2.jpg') top left no-repeat;
        width:869px;
        height:910px;
    }


    #dealerindex .dealer{
        position:relative;
        float:left;
        width:421px;
        height:560px;
    }

    .title_dealerinventory {
        position:absolute;
        top:87px;
        left:115px;
        width:230px;
        text-align:center;
        font-weight:bold;
    }

    .title_myinventory {
        position:absolute;
        top:87px;
        left:522px;
        width:230px;
        text-align:center;
        font-weight:bold;
    }

    #dealerindex .dealer .buttonnewitems{
        position:absolute;
        top:510px;
        left:3px;
    }

    #dealerindex .dealer .dealerinfo{
        position:absolute;
        width:350px;
        height:43px;
        left:58px;
        top:608px;
        color:#FFFFFF;
    }

/* Welt_1 */

    #dealerindex .dealer .dealerinventory_1{
        position:relative;
        height: 303px;
        width:352px;
        margin-top:7px;
        margin-left:77px;
    }

    .dealerinventory_1 .dealerHelmet{position:absolute; top:80px; left: 23px; width:83px; height:82px;}
    .dealerinventory_1 .dealerBoots{position:absolute; top:80px; left: 201px; width:83px; height:82px;}
    .dealerinventory_1 .dealerChest{position:absolute; top:167px; left: 201px; width:83px;height:119px;}
    .dealerinventory_1 .dealerWeapon{position:absolute; top:167px; left: 23px; width:83px;height:119px;}
    .dealerinventory_1 .dealerAmulet{position:absolute; top:295px; left: 191px; width:40px; height:40px;}
    .dealerinventory_1 .dealerRing{position:absolute; top:295px; left: 241px; width:40px; height:40px;}
    .dealerinventory_1 .dealerGloves{position:absolute; top:80px; left: 112px; width:83px; height:82px;}
    .dealerinventory_1 .dealerShield{position:absolute; top:167px; left: 112px; width:83px;height:119px;}


/* Welt_2 */

    #dealerindex .dealer .dealerinventory_2{
        position:relative;
        height: 303px;
        width:352px;
        margin-top:7px;
        margin-left:77px;
    }

    .dealerinventory_2 .dealerHelmet{position:absolute; top:119px; left: 113px; width:83px; height:82px;}
    .dealerinventory_2 .dealerBoots{position:absolute; top:336px; left: 112px; width:83px; height:82px;}
    .dealerinventory_2 .dealerChest{position:absolute; top:210px; left: 112px; width:83px;height:119px;}
    .dealerinventory_2 .dealerWeapon{position:absolute; top:210px; left: 23px; width:83px;height:119px;}
    .dealerinventory_2 .dealerAmulet{position:absolute; top:157px; left: 60px; width:40px; height:40px;}
    .dealerinventory_2 .dealerRing{position:absolute; top:336px; left: 60px; width:40px; height:40px;}
    .dealerinventory_2 .dealerGloves{position:absolute; top:336px; left: 201px; width:83px; height:82px;}
    .dealerinventory_2 .dealerShield{position:absolute; top:210px; left: 201px; width:83px;height:119px;}

    .disableddealer_big{ background: url('../images/items/layout/slothover_big_disabled.png') top left no-repeat;}
    .disableddealer_medium{ background: url('../images/items/layout/slothover_med_disabled.png') top left no-repeat;}
    .disableddealer_small{ background: url('../images/items/layout/slothover_small_disabled.png') top left no-repeat;}

    #dealerindex .charinventory{
        position:relative;
        float:left;
        width:349px;
        height:560px;
    }

    #dealerindex .charinventory .equipment{
        position:relative;
        float:left;
        width:349px;
        height:351px;
        margin-top:16px;
        margin-left:-4px;
    }

    #dealerindex .charinventory .inventory{
        position:relative;
        float:left;
        clear:left;
        width:356px;
        height:209px;
    }

    #dealerindex .inventory {
        float:left;
        height:197px;
        margin-left:35px;
        margin-top:84px;
        position:relative;
        width:357px;
    }

    #dealerindex .inventory .tabs{
        margin-top:-1px;
        margin-right:-4px;
        float:right;
        height:120px;
        width:54px;
        background-image:url('../images/character/index/bag_new_2.jpg');
        background-position: 0px 0px;
        background-repeat: repeat-y;
    }
    
    #dealerindex .inventory .tabs_deactivated{
        margin-top:-1px;
        margin-right:-4px;
        float:right;
        height:120px;
        width:54px;
        background-image:url('../images/character/index/bag_new_2_deactivated.jpg');
        background-position: 0px 0px;
        background-repeat: repeat-y;
    }

    #dealerindex .inventory .tabs a.openbag {display:block;height:40px; width:54px;}

    #dealerindex .inventory #bag1 {height:135px; width:276px;margin-left:20px;}
    #dealerindex .inventory #bag2 {height:135px; width:276px;margin-left:20px;}
    #dealerindex .inventory #bag3 {height:135px; width:276px;margin-left:20px;}

    .dealer a.buyitempage, .dealer a.freeitempage{
        position:absolute;
        left:93px;
		top:300px;
    }

    .dealer a.buyitempage_2, .dealer a.freeitempage_2{
        display:inline-block;

    }

    #itempagebutton_container_1{
        position:relative;
        top:-2px;
        width:160px;
        left:100px;
        text-align:center;
    }

    #itempagebutton_container_1 a{
        color:#fff;
    }


    #itempagebutton_container_2{
        position:relative;
        top:135px;
        width:292px;
        left:85px;
        text-align:center;
    }

    #itempagebutton_container_2 a{
        color:#fff;
    }

    .button_itempage{
        display:inline-block;
        border:1px solid #000;
        padding:5px 20px;
        background:#232d42;
        margin:0 auto;
        box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    }

    .button_itempage:hover{
        background:#3e4d6e;
    }

    #dealerspecialoffer{
        position:absolute;
        top:540px;
        left:85px;
        width:292px;
    }

    #dealerspecialoffer #specialitem_tabcontainer{
        position:relative;
        float:left;
        width:100%;
        text-align:center;
        margin-bottom:15px;
        padding:0px;
    }

    #dealerspecialoffer .specialitem_tab{
        display:inline-block;
        border:1px solid #000;
        padding:5px 5px;
        background:rgba(0,0,0,0.1);
        margin:0px 5px 0px 5px;
        box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
        left:auto;
        top:auto;
        float:none;
    }

    #dealerspecialoffer .specialitem_tab a{
        display:inline-block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        cursor:pointer;
    }

    #dealerspecialoffer .ui-state-active{
        display:inline-block;
        font-weight: bold;
        border:1px solid #000;
        padding:5px 5px;
        background:rgba(255,255,255,0.1);
        margin-left:10px;
        box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    }

    #dealerspecialoffer .ui-state-hover{
        background:rgba(124,124,124,0.1);
    }

    .specialitem_container{
        position:relative;
        float:left;
        width:100%;
        text-align:center;
    }

    .specialitem{
        position:relative;
        display:inline-block;
        margin:0px 2px;
    }

    .specialitem_container_disabled {
        position:relative;
        float:left;
        width:100%;
        text-align:center;
        color: #AA0000;
        font-weight: bold;
    }

    .specialitem_small{width:47px;height:47px;background:url(../images/items/layout/item_bg_small.jpg)top left no-repeat;}
    .specialitem_medium{width:84px;height:83px;background:url(../images/items/layout/item_bg_med.jpg)top left no-repeat;}
    .specialitem_big{width:86px;height:122px;background:url(../images/items/layout/item_bg_big.jpg)top left no-repeat;}


    .itempagebutton_container_2{
        position:relative;
        margin-top:10px;
        width:100%;
        text-align:center;
        float:left;
    }

    .itempagebutton_container_2 a{
        color:#fff;
    }

    #dealerindex .towntitle {
        width:869px;
        height:46px;
    }

    #dealerindex .towntitle_inner {
        width:869px;
        position:absolute;
        top:18px;
        text-align:center;
        font-size:18px;
        font-weight:bold;
    }

/* arsenal */

    #arsenalindex{
        position:relative;
        float:left;
        width:869px;
        height:778px;
        background: url('../images/horde/arsenal_bg.jpg') top left no-repeat;
    }

    #arsenalindex .dealer{
        position:relative;
        float:left;
        width:421px;
        height:560px;
    }

    #arsenalindex .dealer .buttonnewitems{
        position:absolute;
        top:510px;
        left:3px;
    }

    #arsenalindex .dealer .arsenalinfo{
        position:absolute;
        width:350px;
        height:43px;
        left:58px;
        top:595px;
        color:#FFFFFF;
    }

    #arsenalindex .dealer .scoutpoints{
        position:absolute;
        width:150px;
        left:105px;
        top:309px;
        color:#FFFFFF;
        text-align:center;
    }

    #arsenalindex .dealer .dealerinventory{
        position:relative;
        height: 303px;
        width:352px;
        margin-top:7px;
        margin-left:77px;
    }

    #arsenalindex .charinventory{
        position:relative;
        float:left;
        width:349px;
        height:560px;
    }

    #arsenalindex .charinventory .equipment{
        position:relative;
        float:left;
        width:349px;
        height:351px;
        margin-top:16px;
        margin-left:-4px;
    }

    #arsenalindex .charinventory .inventory{
        position:relative;
        float:left;
        clear:left;
        width:356px;
        height:209px;
    }

    #arsenalindex .inventory {
        float:left;
        height:197px;
        margin-left:35px;
        margin-top:84px;
        position:relative;
        width:357px;
    }

    #arsenalindex .inventory .tabs{
        margin-top:-1px;
        margin-right:-4px;
        float:right;
        height:120px;
        width:54px;
        background-image:url('../images/character/index/bag_new.jpg');
        background-position: 0px 0px;
        background-repeat: repeat-y;
    }
    
    #arsenalindex .inventory .tabs_deactivated{
        margin-top:-1px;
        margin-right:-4px;
        float:right;
        height:120px;
        width:54px;
        background-image:url('../images/character/index/bag_new_deactivated.jpg');
        background-position: 0px 0px;
        background-repeat: repeat-y;
    }

    #arsenalindex .inventory .tabs a.openbag {display:block;height:60px; width:54px;}

    #arsenalindex .inventory #bag1 {height:135px; width:276px;margin-left:20px;}
    #arsenalindex .inventory #bag2 {height:135px; width:276px;margin-left:20px;}
    #arsenalindex .inventory #bag3 {height:135px; width:276px;margin-left:20px;}

    #arsenalindex .towntitle {
        width:869px;
        height:46px;
    }

    #arsenalindex .towntitle_inner {
        width:869px;
        position:absolute;
        top:18px;
        text-align:center;
        font-size:18px;
        font-weight:bold;
    }

/* Bank: index */

    #bank{
        width:869px;
        height:510px;
        background: url('../images/bank/bank_bg.jpg') top left no-repeat;
        color:#000000;
    }

    #bank .chartreasury{
        color:#ffffff;
		font-size:12px;
		height:16px;
		left:240px;
		position:absolute;
		text-align:center;
		top:45px;
		width:225px;
		font-weight:bold;
    }

    #bank .myCharacter_gold {
        margin-top:3px;
        margin-right:35px;
        text-align:right;
    }

    #bank .bankertext{
        left:63px;
		position:absolute;
		top:324px;
		width:222px;
    }

    #bank .bankinput{
		left:277px;
		position:absolute;
		top:86px;
		width:320px;
    }

    #bank a.button_bankmore{
       position:relative;
       float:left;
    }
    #bank a.button_bankless{
       position:relative;
       float:left;
    }

    #bank .input_deposit{
       position:absolute;
       left:46px;
       top:0px;
       width:320px;
    }

    #bank .input_withdraw{
       position:absolute;
       left:0px;
       top:123px;
       width:320px;
    }

    #bank a.button_deposit{
        position:absolute;
        left:20px;
		top:60px;
    }

    #bank a.button_withdraw{
        position:absolute;
        left:15px;
        top:50px;
    }

    #bank .input_bank {
        background:transparent;
        border:0;
        color:#ffffff;
        text-align:right;
        width:95px;
    }

    #bank .pctogold{
        position:absolute;
        top:370px;
        left:270px;
		width:320px;
    }

    #bank .pctogold_title {
         position:absolute;
        top:342px;
        left:285px;
		width:320px;
		color:#ffffff;
    }

    #bank .dropdown {
        z-index:1100;
    }

    #bank .pctogold img{
        vertical-align:middle;
    }

    #bank a.button_exchange{
        position:absolute;
        left:27px;
        top:40px;
    }

    .bankinfo {
        position:absolute;
        left:585px;
        top:308px;
        width:207px;
        height:135px;
        font-size:11px;
    }

/* QUESTS: Index */

    #choose_quest{
        position:relative;
        width:869px;
        height:502px;
        background:url('../images/quests/backgrounds/choose_quest.jpg') top left;
    }

    #quest_sign{
        position:absolute;
        top:20px;
        left:192px;
    }

    #questTitle{
        position:absolute;
        top:50px;
        left:450px;
        width:367px;
        text-align:center;
        color:#000000;
        font-weight:bold;
        font-size:16px;
    }

    #questText{
        position:absolute;
        top:92px;
        left:459px;
        width:350px;
        height:220px;
        text-align:justify;
        color:#000000;
        font-size:13px;
    }

    #quest_reward{
        position:absolute;
        top:234px;
        left:60px;
        width:341px;
        height:58px;
        text-align:center;
        color:#FFFFFF;
        font-size:13px;
    }

    #quest_avatar{
        position:absolute;
        width: 135px;
        height:160px;
        top:45px;
        left:48px;
    }

    #questsperday{
        position:absolute;
        top:321px;
        left:60px;
        width:341px;
        height:20px;
        text-align:center;
        color:#FFFFFF;
        font-size:13px;
    }

    #quest_reward img{
        vertical-align:middle;
    }

    #choose_quest .quest_choices{
        width:240px;
        height:67px;
        position:absolute;
        top:91px;
        left:185px;
    }

    .quest_button{
        width:70px;
        height:67px;
        margin-right:5px;
        background-position:top left;
        cursor:pointer;
    }

    .quest_button:hover{background-position:0px -67px;}
    .quest_button_active{
        width:70px;
        height:67px;
        margin-right:5px;
        background-position:0px -134px;
     }

    .quest_1{background-image:url('../images/quests/buttons/quest_btn_1.png');}
    .quest_2{background-image:url('../images/quests/buttons/quest_btn_2.png');}
    .quest_3{background-image:url('../images/quests/buttons/quest_btn_3.png');}

    #choose_quest .button_accept, #choose_quest .button_accept_mk{
        position:absolute;
        top:317px;
        left:555px;
    }

    #choose_quest .button_accept_mk {
        position:absolute;
        top:317px;
        left:555px;
    }

/* QUESTS: quest */
    .do_quest{
        width:869px;
        height:525px;
        background:url('../images/layout/backgrounds/running.jpg') top left no-repeat;
    }

    .running_title{
        height:98px;
        left:212px;
        position:absolute;
        top: 0px;
        width:415px;
        background:url('../images/quests/quest_running_title.png') top left no-repeat;
    }

    .running_title .title{
       width:100%;
       text-align:center;
       font-weight: bold;
       font-size:14px;
       margin-top:42px;
    }

    .running_title .reward{
       text-align:center;
    }

    .running_title .title img{
       position:relative;
       top:5px;
       left:0px;
    }

    .runningbarcontainer{
		height:29px;
		left:272px;
		position:absolute;
		top:339px;
		width:289px;
    }

    .runningbar{
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:29px;
        background:url('../images/layout/runningbar.jpg') top left repeat-x;
    }

	.runningbarover{
	   position:absolute;
	   top:327px;
	   left:253px;
	   width:329px;
	   height:58px;
	   background:url('../images/layout/runningbar_over.png') top left no-repeat;
	}

	.runningbarover .timeRemaining{
	   width:100%;
	   margin-top:54px;
	   text-align:center;
	   font-weight: bold;
	   font-size:15px;
	}

	.runningbarover .timeRemainingTitle {
	   width:100%;
       margin-top:-95px;
       text-align:center;
       font-weight: bold;
       font-size:15px;
    }

	.do_quest .button_abort{
        position:absolute;
		left:330px;
        top:410px;
	}

	.questrunning_bg {
	   position:absolute;
		left:0px;
        top:330px;
        width:869px;
        height:180px;
        background:url('../images/quests/backgrounds/quest_running.png') top left no-repeat;
	}

/* Quest: finish */

    #quest_finish{
        width:869px;
        height:507px;
        float:left;
        background:url('../images/quests/backgrounds/quest_finish.jpg') top left no-repeat;
    }

    .quest_finish_reward{
        font-size:13px;
		font-weight:bold;
		height:95px;
		left:193px;
		position:absolute;
		text-align:left;
		top:66px;
		width:200px;
    }

    .quest_finish_state{
        position:absolute;
        top:234px;
        left:60px;
        width:341px;
        height:58px;
        text-align:center;
        color:#FFFFFF;
        font-size:13px;
    }

	.quest_finish_avatar{
        position:absolute;
        width: 135px;
        height:160px;
        top:45px;
        left:48px;
    }

    .quest_end_text{
        position:absolute;
        top:92px;
        left:459px;
        width:350px;
        height:220px;
        text-align:justify;
        color:#000000;
        font-size:13px;
    }

    #quest_finish .button_next{
        position:absolute;
        top:317px;
        left:555px;
    }

/* QUEST: fight */

	#quest_fight{
        width:869px;
        height:507px;
        float:left;
        background:url('../images/quests/backgrounds/quest_fight.jpg') top left no-repeat;
    }

    #quest_fight .button_attack{
        position:absolute;
        top:317px;
        left:555px;
    }

/* ARENA: Index */

    #arena_container{
        width:869px;
        height:700px;
        background: url('../images/lists/arena.jpg') top left no-repeat;
    }

	#arena_container input{
       background:#000000;
       border:#615630 1px solid;
       color:#FFFFFF;
    }

	#arena_search_placeholder{
	    position: absolute;
	    top: 121px;
        left: 175px;
	    height: 300px;
	    width: 531px;
	}

   #arena_search_loading {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        cursor:wait;
        background:url('../images/layout/backgrounds/black_10x10_60p.png') repeat;
    }

    #arena_search_loading_content {
        width:100%;
        height:148px;
        top: 140px;
        background:url('../images/icons/hourglass.png') top center no-repeat;
    }

	#arena_search{
	    position: absolute;
	    top: 437px;
	    left:178px;
	}

	#arena_search_level{
	   width:500px;
	   height:25px;
	}

	#arena_search_random{
	   width:500px;
       height:25px;
	}

	#arena_search_name{
	   width:500px;
       height:25px;
	}

	#arena_search_level .dropdown{
	   width:70px;
	}

	#arena_search_level .dropdown .ddtext {
        margin-left:5px;
        margin-right:20px;
        text-align:center;
    }

	#arena_search_level .dropdown .ddtextcontainer{
       width:50px;
    }

	#arena_search_level .dropdown .ddopen{
	   width:43px;
	}

	#arena_search_level .dropdown .ddopen .jScrollPaneContainer{
        height:105px !important;
        width:39px !important;
        text-align:center;
	}

	#arena_search_level .dropdown .ddopen .jScrollPaneContainer .ddlist{
	   width:23px !important;
	}

	#arena_search_level .dropdown .ddopen .jScrollPaneContainer .ddlist a{
	   margin-left:2px;
	}
	#arena_search_table{
	   width:531px;
	   font-size:13px;
	}

	#arena_search_table tr{
	   height:22px;
	}

	#arena_search_table th{
	   border-bottom:#222222 0px solid;
	   height:33px;
	   text-align:center;
	   vertical-align:top;
	}

	#arena_search_table td{
	   height:20px;
	   vertical-align:middle;
	}

	#arena_search_table tbody tr:hover{
	   /*background:url('../images/layout/backgrounds/black_10x10_60p.png') repeat;*/
	}

	.arena_search_text{
	   width:170px;
	   font-size:13px;
	   font-weight:bold;
	   margin-top:3px;
	}

	#arena_search_btn_level{
	    position:relative;
        margin-left:10px;
        margin-top:-4px;
        display:block;
	}

	#arena_search_btn_name{
        position:relative;
        margin-left:10px;
        margin-right:10px;
        margin-top:-4px;
        display:block;
    }

	#arena_search_btn_random{
        position:relative;
        margin-top:-4px;
        display:block;
    }

    #arena_title {
        position:absolute;
        top:35px;
        left:195px;
        text-align:center;
        width:400px;
        font-size:20px;
        font-weight:bold;
	}

	#arena_waittime {
        position:absolute;
        top:46px;
        left:500px;
        text-align:center;
        width:331px;
        height:89px;
        font-size:15px;
        color:#000000;
        font-weight:bold;
        background: url('../images/fight/wait_bg.png') top left no-repeat;
	}

	#arena_waittime_text {
	    position:absolute;
        top:37px;
        left:56px;
	}

/* GUILDS */

    .guildname{
        position:absolute;
        text-align:center;
        width:508px;
        height:50px;
        top:18px;
        left:190px;
        font-weight: bold;
    }
    .guild_content{
        position:relative;
        width:550px;
        padding: 0px 0px 50px 0px;
        left:20px;
        top:15px;
    }

    .guild_chat{
        position:relative;
        width:310px;
        height:750px;
    }

    .guild_chat .jScrollPaneContainer {
        left:55px;
        top:158px;
    }

    .guild_property{
        position:relative;
        width:470px;
        height:84px;
        margin-left:38px;
        margin-top:98px;
    }

    .guild_infobox{
        width:488px;
    }

    .guild_infobox_head{
        width:488px;
        height:36px;
        background: url('../images/guilds/box/border_01.png') top left no-repeat;
    }

    .guild_infobox_content{
        width:488px;
        background: url('../images/guilds/box/content.png') top left repeat-y;
    }

    .guild_infobox_footer{
        width:488px;
        height:80px;
        margin-top:-40px;
        background: url('../images/guilds/box/border_02.png') top left no-repeat;
    }

    .guild_estatebox{
        width:488px;
    }

    .guild_estatebox_head{
        width:488px;
        height:36px;
    }

    .guild_estatebox_content{
        width:488px;
    }

    .guild_estatebox_footer{
        width:488px;
        height:80px;
        margin-top:-40px;
    }

    .guild_memberbox_table{
        margin-bottom:10px;
    }

    .guild_memberbox_table th{
        text-align:left;
    }

    .guild_memberbox_bg{
        background: url('../images/layout/boxes/greybox_01.jpg') 0px 0px no-repeat;
    }

    .guild_memberbox_top{
        position:absolute;
        top:-34px;
        left:-37px;
        width: 536px;
        height:143px;
        background: url('../images/layout/boxes/greybox_overlay_01.png') 0px 0px no-repeat;
    }

    .guild_memberbox_content{
        margin-top:20px;
        margin-left:15px;
        width:430px;
        min-height: 90px;
    }

    .profilebutton_guild{
        width:90px;
        height:79px;
        display:block;
        background-position:top left;
    }

    .profilebutton_guild:hover{background-position:left -79px;}

    .guild_memberbox_bottom{
        width: 440px;
        height:3px;
        margin-bottom:20px;
        background: url('../images/layout/boxes/greybox_02.jpg') 0px 0px no-repeat;
    }

    #shoutbox_list{
        height:392px;
        width:185px;
    }

    .chat_inputbox{
        position:absolute;
        top:580px;
        left:46px;
        width:188px;
    }

    .chat_inputbox input.textbox{
        background:transparent;
        border:0px;
        color:#FFFFFF;
    }

    .chat_submitbutton{
        float:right;
        margin-top:29px;
    }

    .chat_title{
        position:absolute;
        top:124px;
        left:31px;
        width:233px;
        font-size:14px;
        font-weight:bold;
        text-align:center;
    }

/* GUILDS: chat */
    #guild_chat {
        width:869px;
        height:1025px;
        background: url('../images/guilds/chat/chat_bg.jpg') top left no-repeat;
	}

	#guild_title {
        font-size:20px;
        font-weight:bold;
        left:195px;
        position:absolute;
        text-align:center;
        top:24px;
        width:500px;
	}

	#chat_view_inputbox {
	    color:#000000;
        position:absolute;
        left:112px;
        top:813px;
        width:653px;
        height:104px;
	}

	.chat_view_submitbutton {
	    position:absolute;
        right:0px;
        top:83px;
        cursor:pointer;
	}

	.chat_view_textarea {
	   border:1px solid #555;
	   background-color:#BEAF86;
	   width:647px;
	   height:70px;
	   font-size:12px;
	   padding:2px;
	   font-family:Verdana,Arial,sans-serif;
	}

	#guild_chat_container_outer {
        color:#000000;
        position:absolute;
        left:112px;
        top:155px;
        width:653px;
        height:615px;
	}

	#guild_chat_container {
        width:653px;
        height:615px;
	}

	.chat_entry_leader {
	   color:#aa0000;
	}

	.chat_entry_subleader {
	   color:#550000;
	}

	.chat_entry_system {
	   color:#000099;
	}

	#chat_table a {
	   text-decoration:underline;
	   color:#000;
	}

	#delete_all_chatentrys {
	   color:#000;
	   text-decoration:underline;
	   position:absolute;
	   top:786px;
	   right:104px;
	   display:block;
	}

	.chat_full_button{
	    position:absolute;
        top:104px;
        left:230px;
        background: url('../images/guilds/chat/button_chat.png');
    }

    #char_counter_container {
        position:absolute;
        top:87px;
        right:110px;
    }

/* GUILDS: bulletinboard */
    #guild_bulletinboard {
        position:relative;
        top:0px;
        left:0px;
        width:869px;
        height:604px;
        background:url('../images/guilds/bulletinboard/bulletinboard_bg.jpg');
        color:#eee;
    }

    .guild_bulletinboard_dropdown {
        position:absolute;
        top:80px;
        left:530px;
    }

    .guild_bulletinboard_table_title {
        position:absolute;
        top:121px;
        left:110px;
        width:645px;
    }

    .guild_bulletinboard_table {
        position:absolute;
        top:150px;
        left:110px;
        width:645px;
    }

    .guild_bulletinboard_table_scrollable {
        height:375px;
    }

    .guild_bulletinboard_table .namerow img {
        vertical-align:top;
    }

    .guild_bulletinboard_table_title th {
        height:30px;
        padding:0 3px;
        vertical-align:top;
        text-align:left;
    }

    .guild_bulletinboard_table td {
        padding:3px;
    }

    .guild_bulletinboard_table .even {
        background-image: url('../images/misc/transparent_png_70.png');
    }

    .guild_bulletinboard_table a {
        color:#eee;
        text-decoration:underline;
    }

    .guild_bulletinboard_view_created {
        position:absolute;
        top:75px;
        left:110px;
        line-height:16px;
    }

    .guild_bulletinboard_view_created a {
        color:#eee;
        text-decoration:underline;
    }

    .guild_bulletinboard_view_created img {
        vertical-align:top;
    }

    .guild_bulletinboard_view_title {
        font-weight:bold;
        position:absolute;
        top:121px;
        left:110px;
    }

    .guild_bulletinboard_view_post {
        position:absolute;
        top:160px;
        left:110px;
        width:640px;
        height:340px;
        overflow:auto;
    }

    .guild_bulletinboard_new_info {
        position:absolute;
        top:85px;
        left:110px;
    }

    .guild_bulletinboard_new_title {
        position:absolute;
        top:118px;
        left:110px;
    }

    .guild_bulletinboard_new_title input {
        width:470px;
        border:1px solid black;
        background: transparent url('../images/misc/transparent_png_white_90.png');
        color:#fff;
    }

    .guild_bulletinboard_new_text {
        position:absolute;
        top:160px;
        left:110px;
        width:640px;
        height:340px;
    }

    .guild_bulletinboard_new_text textarea {
        width:100%;
        height:315px;
        border:1px solid black;
        background: transparent url('../images/misc/transparent_png_70.png');
        color:#fff;
    }

    .guild_bulletinboard_newpost {
        position:absolute;
        top:80px;
        left:110px;
        display:block;
        width:130px;
        height:24px;
        background:url('../images/guilds/bulletinboard/button_new_post.jpg') top left no-repeat;
    }

    .guild_bulletinboard_view_actions {
        position:absolute;
        top:507px;
        left:110px;
        width:635px;
    }

    .guild_bulletinboard_submit {
        position:absolute;
        top:503px;
        left:615px;
    }

    .guild_bulletinboard_back {
        position:absolute;
        top:80px;
        left:615px;
        display:block;
        width:130px;
        height:24px;
        background:url('../images/guilds/bulletinboard/button_back.jpg') top left no-repeat;
    }

    .guild_bulletinboard_delete {
        float:left;
        margin-right:10px;
        display:block;
        width:130px;
        height:24px;
        background:url('../images/guilds/bulletinboard/button_delete.jpg') top left no-repeat;
    }

    .guild_bulletinboard_extend {
        float:left;
        margin-right:10px;
        display:block;
        width:130px;
        height:24px;
        background:url('../images/guilds/bulletinboard/button_extend.jpg') top left no-repeat;
    }

    .guild_bulletinboard_exept {
        float:right;
        display:block;
        width:130px;
        height:24px;
        background:url('../images/guilds/bulletinboard/button_exept.jpg') top left no-repeat;
    }

    .guild_bulletinboard_invite {
        float:right;
        display:block;
        width:130px;
        height:24px;
        background:url('../images/guilds/bulletinboard/button_invite.jpg') top left no-repeat;
    }

    .guild_bulletinboard_newpost:hover,
    .guild_bulletinboard_back:hover,
    .guild_bulletinboard_delete:hover,
    .guild_bulletinboard_extend:hover,
    .guild_bulletinboard_exept:hover,
    .guild_bulletinboard_invite:hover {
        background-position:bottom left;
    }

/* GUILDS: outpost */

    #guild_outpost{
        position:relative;
        top:0px;
        left:0px;
        width:869px;
        min-height:765px;
        background:url('../images/guilds/backgrounds/guild_outpost.jpg');
    }

    #upgrade_outpost{
        position:absolute;
        background:url('../images/buttons/upgrade_outpost.png') top left;
        width:90px;
        height:79px;
        top:0px;
        right:10px;
        /*cusor:pointer;*/
    }

    #upgrade_outpost:hover{
        background-position:bottom left;

    }

    #pay_upkeep{
        position:absolute;
        background:url('../images/buttons/outpost_upkeep.png') top left;
        width:90px;
        height:79px;
        top:0px;
        right:10px;
        /*cusor:pointer;*/
    }

    #pay_upkeep:hover{
        background-position:bottom left;
    }

    .outpostbarstyle{
        position:absolute;
        bottom:0px;
        background: url(../images/layout/redbar_9px.jpg) top left repeat-x;
        overflow:hidden;
        height:100%;
        width:100%;
    }

    .outpostbarposition{
        position:absolute;
        width:306px;
        height:9px;
        left:25px;
        top:30px;
        background: url(../images/layout/greenbar_9px.jpg) top left repeat-x;
    }

    .outpostbarwidth{
        width:50%;
    }

    .outpostbarposition.outpostBarTitleTip {
        z-index: 100;
    }

    #outpostbarValues{
        position:absolute;
        width:100%;
        top:-2px;
        font-size:10px;
        text-align:center;
        color:#000000;
        left:0px;
    }


    #guild_outpost .guild_estatebox{
        margin-top:29px;
        margin-left:34px;
    }

    #createOutpost {
        display:block;
        margin-top: 15px;
        width:98px;
        height:22px;
        background: url('../images/guilds/estate/button_build.jpg') 0px 0px no-repeat;
    }

    #confirmButton {
        display:block;
        width:98px;
        height:22px;
        background: url('../images/guilds/estate/button_confirm.jpg') 0px 0px no-repeat;
    }

    #pulldownButton {
        display:block;
        width:98px;
        height:22px;
        background: url('../images/guilds/button_pulldown.jpg') 0px 0px no-repeat;
    }

/* GUILDS: applications */

    #guild_applications{
        width:869px;
        height:778px;
        background: url('../images/guilds/applications/background.jpg') 0px 0px no-repeat;
    }

    .guild_applications_table_header {
		font-weight:bold;
	}

    #guild_applications_header1 {
		position:absolute;
		top:28px;
		left:70px;
		font-size:16px;
	}

	#guild_applications_create {
		position:absolute;
		top:109px;
		left:205px;
	}

	#guild_applications_input {
		position:absolute;
		top:22px;
		left:3px;
		width:270px;
		color:#ffffff;
		background-color: transparent;
		border:0;
	}
	#button_applications_create {
		position:absolute;
		top:5px;
		left:340px;
		width:71px;
        height:75px;
        background: url('../images/guilds/applications/button_create.png') 0px 0px no-repeat;
        display:block;
	}

	#button_applications_create:hover {
        background: url('../images/guilds/applications/button_create_hover.png') 0px 0px no-repeat;
	}

    #guild_applications_create_error{
		height:14px;
		width:400px;
		position:absolute;
		top:45px;
		font-size:11px;
		color:#dd0000;
	}

	#guild_applications_create_info{
		width:400px;
		position:absolute;
		top:70px;
	}

	#guild_applications_header2 {
		position:absolute;
		top:237px;
		left:70px;
		font-size:16px;
	}

	#guild_applications_apply_input {
		position:absolute;
	    top:19px;
		left:3px;
		width:215px;
		color:#ffffff;
		background-color: transparent;
		border:0;
	}

	#guild_applications_apply_error{
		height:14px;
		width:325px;
		position:absolute;
		top:41px;
		font-size:11px;
		color:#dd0000;
	}

	#button_applications_apply {
		position:absolute;
		top:17px;
		left:225px;
		width:101px;
        height:24px;
        background: url('../images/guilds/applications/button_apply.jpg') 0px 0px no-repeat;
        display:block;
	}

	#guild_applications_invite_left {
		position:absolute;
		top:300px;
		left:84px;
		width:335px;
		height:270px;
	}

	#guild_applications_invite_right {
		position:absolute;
		top:300px;
		left:452px;
		width:335px;
		height:270px;
	}

	.guild_applications_invite_header {
		text-align: center;
	}

	.guild_applications_invite_left_list {
		height:165px;
		margin-top:11px;
	}

	.guild_applications_invite_apply {
		height:72px;
		margin-top:8px;
		margin-left:7px;
	}

	.guild_applications_invite_left_list tr {
		height:20px;
	}

	.guild_applications_delate {
		width:14px;
        height:14px;
        float:left;
        margin-left:5px;
        background: url('../images/buttons/minibutton_leave.png') 0px 0px no-repeat;
        display:block;
	}

	.guild_applications_delate:hover {
        background-position: 0px -14px;
	}

	.guild_applications_join {
		width:14px;
        height:14px;
        float:left;
        background: url('../images/buttons/minibutton_accept.png') 0px 0px no-repeat;
        display:block;
	}

	.guild_applications_join:hover {
        background-position: 0px -14px;
	}

	#guild_applications_info {
		position:absolute;
		top:610px;
		left:84px;
		width:705px;
		height:93px;
	}

/* GUILDS: memberlist */

    #guild_members{
        position:relative;
        top:0px;
        left:0px;
        width:869px;
        min-height:788px;
        background: url('../images/guilds/backgrounds/guild_defaultbg_1.jpg') top left no-repeat #000000;
    }

    .guild_memberlist{
        margin-top:26px;
    }

    .guild_memberlist .guild_infobox{
        margin-left:34px;
    }

    .guild_content .guild_memberbox{
        margin-top:10px;
        margin-left:56px;
    }

    .showtable{
        display:block;
        float:right;
        margin-right:10px;
        width:30px;
        height:30px;
        background-position: top left;
        background-repeat: no-repeat;
        cursor:pointer;
    }

    .showtable:hover{
        background-position:bottom left;
    }

    .guild_memberbox_content .button_influence{background-image: url('../images/guilds/icons/influence.png');}
    .guild_memberbox_content .button_info{background-image: url('../images/guilds/icons/info.png');}
    .guild_memberbox_content .button_location{background-image: url('../images/guilds/icons/location.png');}
    .guild_memberbox_content .button_honor{background-image: url('../images/guilds/icons/honor.png');}
    .guild_memberbox_content .button_crystal{background-image: url('../images/guilds/icons/crystal.png');}

    .choose_memberlist{
        padding-bottom:5px;
        height:30px;
        width:370px;
        margin-top:5px;
        border-bottom:1px dotted black;
    }


    .guildmaster_pinboard{
        position:relative;
        width:470px;
        height:84px;
        margin-left:42px;
    }

/* GUILDS: transfer */

    #guilds_transfer{
        position:relative;
        top:0px;
        left:0px;
        width:869px;
        height:778px;
        background: url('../images/guilds/transfer/background.jpg') top left no-repeat #000000;
    }

    #receiving_estate{
        left:60px;
        position:absolute;
        top:234px;
    }


    .transfer_button{
        position:absolute;
        width:150px;
        height:100px;
        top:226px;
        left:360px;
        background-image:url('../images/guilds/transfer/button_transfer.png');
        background-position: top left;
        cursor:pointer;
    }

    .transfer_button:hover{background-position: bottom left;}


    .thattown_property{
        width:473px;
        height:25px;
    }

    .thattown_property img{
        vertical-align:middle;
    }

    .transfer_info{
        height:80px;
        left:60px;
        position:absolute;
        top:380px;
        width:449px;
    }


/* GUILDS: settings */

    #guild_settings{
        position:relative;
        top:0px;
        left:0px;
        width:869px;
        height:778px;
        background: url('../images/guilds/settings/background.jpg') top left no-repeat #000000;
    }

    .guild_settings_button_save {
    	position:absolute;
    	right:8px;
    	bottom:0px;
    	width:98px;
        height:22px;
        background: url('../images/guilds/settings/button_save.jpg') 0px 0px no-repeat;
        display:block;
    }

    .guild_settings_content {
		position:absolute;
        top:113px;
        left:50px;
        width:480px;
        height:155px;
	}

	.charcount_description {
		float:right;
	}

	#guild_settings_banners {
		position:absolute;
        top:300px;
        left:85px;
        width:437px;
        height:358px;
	}

	.guild_settings_info {
		margin-left:110px;
		margin-top:5px;
	}
	.guild_settings_img_header {
		width:110px;
		float:left;
	}

	#guildsettinsupload {
	    text-align:center;
	    position:absolute;
        top:500px;
        left:85px;
        width:438px;
	}

	#iconuplaoddiv {
	    position:absolute;
        top:45px;
        left:70px;
        text-align:left;
	}

	#iconuploadbutton img, #iconuploadbutton, #banneruploadbutton, #banneruploadbutton img {
        cursor:pointer;
	}

	#banneruplaoddiv {
	    position:absolute;
        top:45px;
        left:260px;
        text-align:left;
	}


/* GUILDS: diplomacy */

    #guild_diplomacy {
        position:relative;
        top:0px;
        left:0px;
        width:869px;
        height:1158px;
        background: url('../images/guilds/diplomacy/background.jpg') top left no-repeat #000000;
    }

    .guild_diplomacy_delate {
		width:14px;
        height:14px;
        float:right;
        margin-left:5px;
        background: url('../images/buttons/minibutton_leave.png') 0px 0px no-repeat;
        display:block;
	}

	.guild_diplomacy_delate:hover {
        background-position: 0px -14px;
	}

	.guild_diplomacy_join {
		width:14px;
        height:14px;
        float:right;
        background: url('../images/buttons/minibutton_accept.png') 0px 0px no-repeat;
        display:block;
	}

	.guild_diplomacy_join:hover {
        background-position: 0px -14px;
	}

	.guild_diplomacy_hourglass {
		width:14px;
        height:14px;
        float:right;
        background: url('../images/buttons/minibutton_hourglass.png') 0px 0px no-repeat;
        display:block;
	}

	.guild_diplomacy_hourglass:hover {
        background-position: 0px -14px;
	}

		#guild_diplomacy_guildsearch {
		position:absolute;
        top:1013px;
        left:86px;
        width:437px;
        height:95px;
	}

	#guild_diplomacy_input {
		margin-left:3px;
		width:305px;
		color:#ffffff;
		background-color: transparent;
		border:0;
	}

	#guild_diplomacy_input1 {
		position:absolute;
        top:38px;
        left:330px;
	}

	#guild_diplomacy_input2 {
		position:absolute;
        top:8px;
        left:330px;
	}

	#guild_diplomacy_header {
		font-size:20px;
		position:absolute;
        top:113px;
        left:80px;
	}

	#guild_diplomacy_enemy {
		position:absolute;
        top:190px;
        left:85px;
        width:430px;
	}

	#guild_diplomacy_friends {
		position:absolute;
        top:482px;
        left:85px;
        width:430px;
	}

	#guild_diplomacy_enrollements {
		position:absolute;
        top:731px;
        left:85px;
        width:430px;
	}

	#guild_diplomacy tr {
		height:19px;
	}

	.enrollement_input_box {
        border:1px solid black;
        background-color:#ddd;
	}

/* GUILDS: estate*/

    #guild_estate{
        position:relative;
        top:0px;
        left:0px;
        width:869px;
        min-height:1230px;
    }

    #guild_estate .guild_estatebox{
        margin-top:29px;
        margin-left:34px;
    }

   /* estate_new */
    #guild_estate_new{
        position:relative;
        top:0px;
        left:0px;
        width:869px;
    }

    .estate_province_1{background-image:url('../images/guilds/backgrounds/guild_estate_province_1.jpg'); min-height:1230px;}
    .estate_province_2{background-image:url('../images/guilds/backgrounds/guild_estate_province_2.jpg'); min-height:1400px;}

    #guild_estate_new .guild_estatebox{
        margin-top:29px;
        margin-left:34px;
    }

    .outpostinfo{
        width:470px;
        height:92px;
        margin-left:38px;
        margin-top:45px;
    }

    .button_move_outpost{
        width:130px;
        height:24px;
        top:45px;
        left:164px;
        background-image:url('../images/guilds/estate/button_move.jpg');
        background-position:top left;
        cursor:pointer;
    }

    .button_move_outpost:hover{background-position:bottom left;}

    .building_icon{
        position:absolute;
        width:50px;
        height:50px;
        top:87px;
        left:42px;
    }

    /* /estate_new */

    .guild_content .guild_memberbox{
        margin-left: 58px;
    }

    .guild_building_image{
        width: 57px;
        height: 57px;
    }

    #upgradeBuilding{
        display:block;
        position:relative;
        clear:both;
        margin:15px auto;
        background:url('../images/guilds/estate/button_upgrade.jpg');
        width:98px;
        height:22px;
    }

    .att_strength_icon{background:url('../images/guilds/estate/att_strength.png') top left no-repeat;}
    .def_strength_icon{background:url('../images/guilds/estate/def_strength.png') top left no-repeat;}
    .att_intelligence_icon{background:url('../images/guilds/estate/att_intelligence.png') top left no-repeat;}
    .def_intelligence_icon{background:url('../images/guilds/estate/def_intelligence.png') top left no-repeat;}
    .att_skill_icon{background:url('../images/guilds/estate/att_skill.png') top left no-repeat;}
    .def_skill_icon{background:url('../images/guilds/estate/def_skill.png') top left no-repeat;}
    .att_endurance_icon{background:url('../images/guilds/estate/att_endurance.png') top left no-repeat;}
    .def_endurance_icon{background:url('../images/guilds/estate/def_endurance.png') top left no-repeat;}
    .att_plating_icon{background:url('../images/guilds/estate/att_plating.png') top left no-repeat;}
    .def_plating_icon{background:url('../images/guilds/estate/def_plating.png') top left no-repeat;}
    .speed_icon{background:url('../images/guilds/estate/speed.png') top left no-repeat;}
    .arena_icon{background:url('../images/guilds/estate/arena.png') top left no-repeat;}
    .members_icon{background:url('../images/guilds/estate/members.png') top left no-repeat;}

    a.guild_attributeleveldowngrade{
        display:block;
        position:absolute;
        top:33px;
        left:0px;
        width:30px;
        height:30px;
        background: url('../images/buttons/minus.png') 0px 0px no-repeat;
    }

    a.guild_attributelevel{
        display:block;
        position:absolute;
        top:30px;
        left:30px;
        width:30px;
        height:30px;
        background: url('../images/buttons/plus.png') 0px 0px no-repeat;
    }

    a.guild_attributelevel:hover{
        background-position: 0px -30px;
    }

    a.guild_attributeleveldowngrade:hover{
        background-position: 0px -30px;
    }

    .guild_attribute_info{
        float: left;
        margin-left:5px;
        width:130px;
        text-align:left;
    }

    .guild_attribute_cost{
        width:135px;
        text-align:center;
    }

    .guild_attribute_cost img{
        vertical-align:middle;
    }

    .guild_attribute_block{
        margin-right:12px;
        margin-top:15px;
        padding: 5px 0px 5px 0px;
        height:94px;
    }
    .change_estate{
        margin-left:20px;
    }

    .choose_estate{
        margin-top:5px;
        width:210px;
    }

    .thistown_property{
        float: left;
        width:473px;
        height:25px;
        font-size:12px;
        text-align:center;
    }

    .thistown_property img{
        vertical-align:middle;
    }

    .guild_input{
        background:#000000;
        border:1px solid #d8ce9f;
        color:#FFFFFF;
        width:90px;
    }

/* GUILDS:profile */

    #guildsprofile{
        position:relative;
        width:869px;
        height:1500px;
        background:url('../images/guilds/profile/guilds_profile.jpg') top left no-repeat;
    }

    #guildsprofile_addfriend {
        position:absolute;
        left:-80px;
        top:0px;
        width:71px;
        height:75px;
        background:url('../images/guilds/profile/button_friend.png') top left no-repeat;
        display:block;
    }

    #guildsprofile_addfriend:hover {
        background-position:0px -75px;
    }

    #guildsprofile_addenemy {
        position:absolute;
        left:0px;
        top:0px;
        width:71px;
        height:75px;
        background:url('../images/guilds/profile/button_enemy.png') top left no-repeat;
        display:block;
    }

    #guildsprofile_addenemy:hover {
        background-position:0px -75px;
    }

    #guildsprofile_sendpn {
        position:absolute;
        left:80px;
        top:8px;
    }

    #guildsprofile .guildsbanner{
        height:100px;
        left:96px;
        position:absolute;
        top:130px;
        width:300px;
    }

    #guildsprofile .guildsicon{
        width:20px;
        height:15px;
        margin-right:10px;
        margin-top:1px;
        margin-left:5px;
        float:left;
    }

    #guildsprofile .guildsname{
        position:absolute;
        top:58px;
        left:76px;
        width:450px;
        height:20px;
    }

    #guildsprofile .memberslist{
        left:70px;
        position:absolute;
        top:287px;
        width:741px;
        z-index:2000;
    }

    #guildsprofile .memberslist .jScrollPaneContainer{
        margin-left:12px;
        width:730px !important;
        margin-top:15px;
    }

    #guildsprofile .memberslist_scrollable{
        width:718px;
        height:220px;
        top:7px;
        left:0px;
        overflow:hidden;
    }

    #guildsprofile .memberslist table.listtable{
        margin-left:0px;
        margin-top: 0px;
        width:700px;
    }

    #guildsprofile .memberslist table.listtable tr{
        height:17px;
    }

    #guildsprofile table.listtable .membersname{
        text-align:left;
        width:180px;
    }

    #guildsprofile .guildsdescription{
        height:122px;
        left:452px;
        position:absolute;
        top:119px;
        width:348px;
    }

    .guildsprofile_ranking{
        height:246px;
        left:84px;
        position:absolute;
        top:585px;
        width:712px;
    }
    
    #guildsprofile_ranking_overlay{
        position:absolute;
        width:869px;
        height:491px;
        background:url('../images/guilds/profile/overlay.jpg') top center no-repeat;
        top:432px;
        z-index:1500;
    }

    .guildsprofile_townrank{
        height:275px;
        width:335px;
        margin-right:41px;
    }

    .guildsprofile_provincerank{
        height:275px;
        width:335px;
    }

    .guildsprofile_actions{
        height:87px;
        left:652px;
        position:absolute;
        top:16px;
        width:165px;
    }

    .guild_profile_btn{
        width:90px;
        height:79px;
        margin-top:8px;
        cursor:pointer;
        display:block;
        background:url('../images/buttons/profile_enrollment.png') left top no-repeat;
    }

    .guild_profile_btn:hover{background-position:left bottom;}

/* Ranking */

	#ranking_search_loading, #loading {
	    width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        cursor:wait;
        background:url('../images/layout/backgrounds/black_10x10_60p.png') repeat;
        z-index: 199999;
	}

	#ranking_search_loading_content, #loading_content {
	    width:100%;
	    height:148px;
	    top: 140px;
	    background:url('../images/icons/hourglass.png') top center no-repeat;
	}

	#loading_text{
	    position:absolute;
	    font-size:18px;
		left:418px;
		top:80px;
		font-weight:bold;
		color:#000000;
	}

	.mark_myself{background:url('../images/layout/backgrounds/gold_10x10_30p.png') repeat;}
	.mark_my_guild{background-color:#333333;}
	.mark_friend_guild{background-color:#003300;}
	.mark_enemy_guild{background-color:#330000;}

	#ranking_title{
	   text-align:center;
	   position:relative;
	   width:400px;
	   margin:40px auto 0px auto;
	   font-size:17px;
	   font-weight:bold;
	}

	#ranking_index{
	   position:relative;
	   width:869px;
	   height:653px;
	   background:url('../images/ranking/background.jpg') top center no-repeat;
	   top:0px;
	   left:0px;
	}

	#ranking_history{
       position:relative;
       width:869px;
       height:750px;
       background:url('../images/lists/influence_history.jpg') top center no-repeat;
       top:0px;
       left:0px;
    }

	#ranking_index input{
       background:#000000;
       border:#615630 1px solid;
       color:#FFFFFF;
    }

	#ranking_index input#search_rank{
	   width:25px;
	}

	#searchbox{
 	    position:relative;
 	    height:50px;
 	    position:absolute;
		left:183px;
		top:43px;
		width:550px;
	}

	#searchbox .dropdown{width:150px;}

	#searchbox .dropdown .ddtextcontainer{width:125px;}

	#searchbox .dropdown .ddopen{width:124px;}

	#searchbox .dropdown .ddopen .jScrollPaneContainer{width:115px !important;}

	#searchbox .dropdown .ddopen .jScrollPaneContainer .ddlist{width:115px !important;}

	#rankingtable{
       position:absolute;
       width:465px;
       height:284px;
       top:102px;
       left:195px;
	}

	#rankingtable_history{
       height:284px;
        left:190px;
        position:absolute;
        top:102px;
        width:541px;
    }

	#ranking_search{
        height:50px;
		left:190px;
		top:419px;
		position:absolute;
		width:540px;
    }

    #ranking_search_rank{
        width:115px;
        height:20px;
    }

    #ranking_search_name{
        width:380px;
        height:20px;
    }

    #ranking_search_table{
        width:465px;
        text-align:center;
    }

    #ranking_search_top_btn{
        width:50px;
        height:45px;
        background-image:url('../images/ranking/top_rank.png');
        background-position:top left;
        cursor:pointer;
        top:-9px;
    }

    #ranking_search_top_btn:hover{
        background-position:bottom left;
    }

    #ranking_search_my_btn{
        width:50px;
        height:45px;
        background-image:url('../images/ranking/my_rank.png');
        background-position:top left;
        cursor:pointer;
        top:-9px;
    }

    #ranking_search_my_btn:hover{
        background-position:bottom left;
    }

    #ranking_search_btn_name{
        position:relative;
        margin-left:10px;
        margin-top:-4px;
    }

    #ranking_search_btn_rank{
        position:relative;
        margin-left:10px;
        margin-top:-4px;
    }

    #pagination_ranking{
        position:absolute;
        top:257px;
        left:134px;
        width:270px;
        height:25px;
    }

    #paginate_page{
        float:left;
        margin-right:5px;
        margin-left:5px;
        margin-top:5px;
    }

    #ranking_search_table a {
        display:inline-block;
    }

    .rankinglist_action_icons a {
        margin-right:3px;
    }

/* MAP */

    #map_container {
        width: 809px;
        height: 587px;
        margin-bottom:25px;
    }
    #map_border_container {
        width: 809px;
        height: 587px;
        position:absolute;
        top:0px;
        left:31px;
    }
    #map_border_1 {
        width: 658px;
        height: 42px;
        background: url('../images/travel/travel_index_bg_01.png') top left no-repeat;

        position:absolute;
        top:0px;
        left:31px;
    }
    #map_border_2 {
        width: 151px;
        height: 469px;
        background: url('../images/travel/travel_index_bg_02.png') top left no-repeat;

        position:absolute;
        top:0px;
        left:689px;
    }
    #map_border_3 {
        width: 21px;
        height: 427px;
        background: url('../images/travel/travel_index_bg_03.png') top left no-repeat;

        position:absolute;
        top:42px;
        left:31px;
    }
    #map_border_4 {
        width: 809px;
        height: 109px;
        background: url('../images/travel/travel_index_bg_04.png') top left no-repeat;

        position:absolute;
        top:469px;
        left:31px;
    }
    #map_container #viewport {
        width: 650px;
        height: 440px;
        cursor: move;
        position:absolute;
        top:33px;
        left:45px;
        overflow: hidden;
    }
    #map-control{
        position: absolute;
        left: 702px;
        top: 38px;
        height: 70px;
        width: 117px;
    }

    .map_tooltip_element_caption {
        margin-top:10px;
    }

    #map_container .overlay_layer{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .map_town_definition{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .map_town {
        position: absolute;
        cursor: pointer;
        margin: 0px;
        background-image: url('../images/misc/transparent_png_100.png');
    }

    .map_town_active{}

    #map_tooltip {
        position: absolute;
        left: 200px;
        top: 50px;
        width: 488px;
        color: #ffffff;
        display: none;
    }

    #map_viewport_hide {
        width: 869px;
        height: 587px;
        position: absolute;
        top: 0px;
        left: 0px;
        background-image: url('../images/misc/transparent_png_50.png');
        background-position: top left;
        background-repeat: repeat;
        color: #000000;
        margin: 0px auto;
        display: none;
    }

    #map_tooltip_header{
        width:488px;
        height:36px;
        background: url('../images/guilds/box/border_01.png') top left no-repeat;
    }

    #map_tooltip_content{
        width:488px;
        background: url('../images/guilds/box/content.png') top left repeat-y;
        min-height:165px;
        padding-bottom: 40px;
    }

    #map_tooltip_title{
        text-align:left;
        font-weight: bold;
        font-size:14px;
    }

    #map_tooltip_title, #map_tooltip_text{
        margin-left:50px;
    }

    #map_tooltip_townimage{
        position:absolute;
        right:17px;
        top:4px;
        width:145px;
        height:143px;
    }

    #map_tooltip_btn_close{
        position:absolute;
        right:16px;
        top:2px;
        width:30px;
        height:30px;
        cursor:pointer;
        background-image:url('../images/icons/close_icon.png');
        background-position:top left;
    }

    #map_tooltip_btn_close:hover{background-position:bottom left;}

    #map_tooltip_footer{
        width:488px;
        height:80px;
        margin-top:-40px;
        background: url('../images/guilds/box/border_02.png') top left no-repeat;

    }

    .map_tooltip_element {
        /* display: none; */
        clear:left;
        margin-bottom:20px;
    }

    .map_tooltip_element_caption {
        font-weight: bold;
        text-decoration:underline;
    }
    .map_tooltop_margin {
        margin-left:15px;
    }

    #map_container .zoom {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    #map_container .back {
        position: absolute;
        top: 35px;
        left: 10px;
    }
    #map_container .up {
        position: absolute;
        top: 5px;
        left: 65px;
    }
    #map_container .left {
        position: absolute;
        top: 23px;
        left: 45px;
    }
    #map_container .right {
        position: absolute;
        top: 23px;
        left: 85px;
    }
    #map_container .down {
        position: absolute;
        top: 40px;
        left: 65px;
    }
    #map_container .legend {
        margin:120px 22px 0px 13px;
        height:345px;
    }
    #map_container p {
        margin: 0px;
        padding: 0px;
    }
    #map_container .legend_item {
        float: left;
        height: 45px;
        width: 50px;
    }

    #map_container .legend_item img {
        width: 50px;
    }

    #map_container .legend_marker {
        border: 2px solid #000000;
        height:12px;
        width:12px;
        float:left;
        margin-top:7px;
        margin-left:3px;
    }

    #map_container .timeRemaining{
        font-size: 1.3em;
        color: #FFFFFF;
        font-weight: bold;
    }

    #travel_abort{
        position:absolute;
        right:17px;
        top:88px;
        width:30px;
        height:30px;
        cursor:pointer;
        background-image:url('../images/icons/close_icon.png');
        background-position:top left;
    }

    #travel_abort:hover{background-position:bottom left;}

    .guild_building_bank img{
        vertical-align:middle;
    }

    .map_tooltip_btn_travel{
        background-image:url("../images/buttons/travel.png");
        background-position:left top;
        display:block;
        height:71px;
        position:relative;
        width:79px;
        cursor:pointer;
    }

    .map_tooltip_btn_travel:hover{background-position: 0px -71px;}

    .map_tooltip_btn_travel_disabled{
        background-image:url("../images/buttons/travel.png");
        background-position: 0px -142px;
        display:block;
        height:71px;
        position:relative;
        width:79px;
    }

    .guildmail_button{
        background:url("../images/buttons/submenue/submenu_guildmembers.png") top left no-repeat;
        display:block;
        position:relative;
        width:67px;
        height:60px;
        cursor:pointer;
        margin-right:-15px;

    }

    .guildmail_button:hover{background-position: left -60px;}

    .guild_members_show{
        background-image:url("../images/buttons/show_members.png");
        background-position:left top;
        display:block;
        height:71px;
        position:relative;
        width:79px;
        cursor:pointer;
    }

    .guild_members_show:hover{background-position: bottom left;}

    .guild_members_hide{
        background-image:url("../images/buttons/towninfo.png");
        background-position:left top;
        cursor:pointer;
        display:block;
        height:71px;
        left:131px;
        position:absolute;
        top:-60px;
        width:79px;
    }

    .guild_members_hide:hover{background-position: bottom left;}

/* newprovince */

    #newprovince{
        position:absolute;
        left:0;
        top:0;
        width:869px;
        height:587px;
        background:url('../images/misc/transparent_png_30.png') top left;
        color:#000000;
    }

    #newprovince_box {
        position:absolute;
        left:80px;
        top:44px;
        width:705px;
        height:504px;
    }

    #provincetitle {
        position:absolute;
        top:12px;
        left:240px;
        width:225px;
        height:auto;
        text-align:center;
        color:#ffffff;
        font-weight:bold;
        font-size:15px;
    }

    #provincetext_0{
        position:absolute;
        top:225px;
        left:45px;
        width:615px;
        height:296px;
    }

    .prov_nextpage{
        position:absolute;
        top:230px;
        left:600px;
    }

    .prov_prevpage{
        position:absolute;
        top:230px;
    }

    #provincetext_1{
        position:absolute;
        top:225px;
        left:45px;
        width:615px;
        height:296px;
        display:none;
    }

    .newprovince_button {
        position:absolute;
        left:226px;
        bottom:0px;
    }

    .show_prevprovince{
        position:absolute;
        top:7px;
        left:224px;
    }

    .show_nextprovince{
        position:absolute;
        top:7px;
        left:454px;
    }

/* services */

    #services{
        width:869px;
        height:500px;
        float:left;
        background:url('../images/services/service_bg.jpg') top left;
    }

    .serviceimage{
        position:absolute;
        top:0px;
        left:0px;
        width:697px;
        height:200px;
        background: url('../images/quests/questheader/services.jpg') top left no-repeat;
    }

    #service_avatar{
        position:absolute;
        width: 135px;
        height:160px;
        top:142px;
        left:436px;
    }

    .servicestat{
        position:relative;
        float:left;
        width:422px;
        height:455px;
    }

    .chooseservicesign{
        position:relative;
        float:left;
        width:283px;
        height:234px;
        background: url('../images/services/service_index_01.png');
    }

    .chooseservice{
        position:absolute;
        width:240px;
        height:105px;
        top:100px;
        left:110px;
    }

    #services .chooseservice a.gold{
        display:inline-block;
        width:102px;
        height:100px;
        cursor:pointer;
        background: url('../images/services/service_gold.png') top left no-repeat;
    }

    #services .chooseservice a.gold_active{
        display:inline-block;
        width:102px;
        height:100px;
        cursor:pointer;
        background: url('../images/services/service_gold.png') bottom left no-repeat;
    }

    #services .chooseservice a.ep{
        display:inline-block;
        width:102px;
        height:100px;
        cursor:pointer;
        background: url('../images/services/service_ep.png') top left no-repeat;
    }

    #services .chooseservice a.ep_active{
        display:inline-block;
        width:102px;
        height:100px;
        cursor:pointer;
        background: url('../images/services/service_ep.png') bottom left no-repeat;
    }

    #services .chooseservice a.gold:hover{
        width:102px;
        height:100px;
        cursor:pointer;
        background: url('../images/services/service_gold.png') left -100px no-repeat;
    }

    #services .chooseservice a.ep:hover{
        width:102px;
        height:100px;
        cursor:pointer;
        background: url('../images/services/service_ep.png') left -100px no-repeat;
    }

    .serviceduration{
        position:absolute;
        top:250px;
        left:100px;
        width:283px;
        height:95px;
        /* background: url('../images/services/service_index_05.png') top left no-repeat; */
    }

    .serviceduration .durationinf{
        position: absolute;
        top: 70px;
        left:7px;
        color:#000000;
        font-weight:bold;
    }

    .serviceduration #durslider{
        background: url('../images/slider/slider_bg.png') right 0px no-repeat;
        position:absolute;
        width:295px;
        height:40px;
        clear:right;
        left:-20px;
        top:20px;
    }

    .serviceduration #durslider .ui-slider{
        margin:0px 53px 0px 10px;
    }

    #servicedurslider{
        position:absolute;
        width:230px;
        height:40px;
        left:36px;
        top:107px;
    }

    .servicestat .reward{
        position:absolute;
        top:344px;
        left:107px;
        width:200px;
        color:#000000;
        font-weight:bold;
    }

    .servicestat .reward img{
        vertical-align:middle;
    }

    .serviceinfo{
        position:relative;
        float:left;
        width:414px;
        height:455px;
    }

    .serviceinfo .servicetitle{
        position:absolute;
        top: 106px;
        left:0px;
        width:400px;
        color: #000000;
        font-size:16px;
        font-weight:bold;
        text-align:center;
    }

    .serviceinfo .servicetext{
        position:absolute;
        top:140px;
        left:160px;
        width:200px;
        height:205px;
        overflow:auto;
        color: #000000;
        font-size:12px;
    }

    .serviceinfo .button_accept{
        position:absolute;
        left:160px;
		top:256px;
    }

/* service: serve */

    #serve{
        width:896px;
        height:499px;
        float:left;
        background:url('../images/layout/backgrounds/running.jpg') top left no-repeat;
    }

    #serve .button_abort{
        position:absolute;
        top:393px;
        left:334px;
    }

/* service: finish */

    #finish_serve{
        width:869px;
        height:500px;
        float:left;
        background:url('../images/services/service_bg.jpg') top left;
    }

    #finish_serve .button_next{
        left:580px;
        position:absolute;
        top:275px;
    }

    #finish_serve .reward_icon{
        position:absolute;
        width:100px;
        height:108px;
        top:265px;
        left:67px;
        background:url('../images/services/reward_gold.png');
    }

    .service_reward_text{
        color:#000000;
        position:absolute;
        width:200px;
        height:108px;
        top:265px;
        left:177px;
        text-align:center;
    }

/* pns */

    .pns{
        width:869px;
        height:493px;
        float:left;
        background:url('../images/pns/pn_bg.jpg') top left no-repeat;
        color:#000000;
    }

    .pns_write{
        width:869px;
        height:493px;
        float:left;
        background:url('../images/pns/pn_bg.jpg') top left no-repeat;
        color:#000000;
    }

    #toggle_all {
        position:relative;
        top:5px;
    }

    .pn_table th {
        /* border-bottom:1px solid black; */
    }

    .table_style_row {
        background:url('../images/pns/pn_style_row_1.png') top center no-repeat;
        height:10px;
    }

    #news_container a {
        color:#000;
        text-decoration:underline;
    }

    #news_container a:hover {
        color:#333;
        text-decoration:underline;
    }

    .table_style_row_news {
        background:url('../images/pns/pn_style_row_2.png') top center no-repeat;
        height:10px;
        width:470px;
    }

    .newsheader {
        font-family: Georgia, Times, Times New Roman, serif;
    }

    .pnreadheader {
        font-family: Georgia, Times, Times New Roman, serif;
        font-weight:bold;
        font-size:16px;
        margin-top:10px;
    }

    #messagebuttons {
        position:absolute;
        top:320px;
        left:0px;
        width:595px;
        text-align:center;
    }

    .pns .pntextcontainer, .pns_write .pntextcontainer{
        position:absolute;
        top:58px;
        left:139px;
        width:595px;
        height:314px;
    }

    .pns .pntextcontainer #list_rcv{
        margin-top:35px;
        margin-left:5px;
        width:585px;
        height:304px;
    }

    .pns .pntextcontainer #read{
        margin-top:15px;
        margin-left:64px;
        width:470px;
        height:304px;
    }

    .pntextcontainer #list_rcv #messagebuttons{
        width:585px;
    }

    #messagebuttons .button_back_small{
        position: relative;
        float:left;
    }

    #messagebuttons .button_reply{
        position: relative;
        float:left;
    }

    .pns .pntextcontainer #list_snd,.pns .pntextcontainer  #list_fights{
        height:304px;
        left:5px;
        position:absolute;
        top:35px;
        width:585px;
    }

    .pns .pntextcontainer .list_fights{
        height:304px;
        left:5px;
        position:absolute;
        top:35px;
        width:585px;
    }

    .pns .pntextcontainer .writemsg, .pns_write .pntextcontainer .writemsg{
        margin-top:25px;
        margin-left:5px;
        width:580px;
        height:304px;
        border:0px solid #000000;
        overflow:hidden;
    }

    table.pn_table{
        width:100%;
        color:#000000;
    }

    table.pn_table th{
        text-decoration:none;
        text-align:left;
    }

    table.pn_table tr td{
        text-align:left;
        height:22px;
    }

    table.pn_table tr td.icon, table.pn_table tr th.icon{
        text-align:center;
    }
    table.pn_table tr td.number, table.pn_table tr th.number{
        text-align:right;
    }

    table.writemsgtable{
        text-align:left;
        width:585px;
    }

    table.writemsgtable td{
        text-align:left;
    }

    table.writemsgtable td.tdtitle{
        width:95px;
        font-weight:bold;
    }

    table.pn_table a{
        color:#000000;
    }

    table.pn_table img{
        vertical-align:middle;
    }

    .input_writemsg{
        background:transparent;
        border:none;
        border-bottom: 0px solid #000000;
        color:#000000;
    }

    .input_message_outer {
        background:url("../images/pns/pn_style_input_2.png") no-repeat scroll 15px top transparent;
        height:225px;
        left:0;
        padding:10px;
        position:absolute;
        top:77px;
        width:422px;
    }

    #input_message{
        background:transparent;
        color:#000000;
        border:0px solid black;
        margin:7px 20px;
        width:380px;
        height:189px;
    }

    .input_text_inner {
        background:transparent url('../images/input/text_bg.png') no-repeat scroll right top;
        float:left;
    }

    .input_text_inner_inner {
        background-image:url('../images/input/text_bg.png');
        background-repeat:no-repeat;
        margin-right:2px;
        height:39px;
    }

    .input_text_inner_inner input {
        background:transparent;
        border:0px;
        background-repeat:no-repeat;
        margin:6px 2px 0 20px;
        color:#FFF;
    }

    .input_label {
        display: inline-block;
        width: 7em;
        font-weight: bold;
    }

    .checkbox{
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url('../images/input/checkbox_bg.png') 0px 0px no-repeat;
        cursor: pointer;
    }

    .checkbox_checked{
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url('../images/input/checkbox_bg.png') 0px -40px no-repeat;
        cursor: pointer;
    }

    .checkbox:hover{
        width: 20px;
        height: 20px;
        background:url('../images/input/checkbox_bg.png') 0px -20px no-repeat;
    }

    .pns a.button_sendpn, .pns_write a.button_sendpn{
        position:absolute;
        left:384px;
        top:347px;
    }

    .newscontainer {
        width:470px !important;
        margin-left:64px !important;
    }

    #read a {
        text-decoration:underline;
        color:#000;
    }

    .pns_write input {
        width:325px;
        background:url('../images/pns/pn_style_input_1.png') center bottom no-repeat;
    }

/* FIGHTS: fight */

    #fights_fight{
        width:869px;
        height:490px;
        background: url('../images/fight/fight_back.jpg') top left no-repeat;
        color:#000000;
    }

    #fight_front{
        position:absolute;
        left:0;
        width:869px;
        height:200px;
        top:20px;
        background:url('../images/fight/fight_front.png') top left no-repeat;
    }

    #fight_msg_title.win {color:#06b31f;font-weight:bold;}
    #fight_msg_title.lose {color:#b3061f;font-weight:bold;}

    #fightevent_player2{
        position:absolute;
        display:none;
        height: 110px;
        width: 110px;
        left:696px;
        top:235px;
    }

     #fightevent_player1 {
        display:none;
		height:110px;
		left:73px;
		position:absolute;
		top:235px;
		width:110px;
     }

    #fightevent_player1 div.value, #fightevent_player2 div.value{
        margin-top:44px;
        width: 110px;
        text-align: center;
        vertical-align: middle;
        font-size:14px;
        font-weight:bold;
    }

    #fightevent_player1_title{
        font-size:16px;
        font-weight:bold;
        left:178px;
        position:absolute;
        top:276px;
        width:190px;
        text-align:center;
    }

    #fightevent_player2_title{
        position:absolute;
        top:276px;
        left:512px;
        width:190px;
        font-size:16px;
        font-weight:bold;
        text-align:center;
    }

    #fight_player1{
        margin-top:28px;
        margin-left:31px;
        float:left;
        width:356px;
    }

    #playername1{
        font-size:14px;
        height:20px;
        left:143px;
        position:absolute;
        text-align:center;
        top:8px;
        width:192px;
    }

    #player1_image{
        position:absolute;
        top:24px;
        left:29px;
        width:168px;
        height:168px;
    }

    #player_1_info{
        position:absolute;
        top:30px;
        left:190px;
    }
    #fightstat_p1{
        left:186px;
        position:absolute;
        text-align:center;
        top:195px;
        width:164px;
    }

    #fight_player2{
        margin-top:28px;
        margin-left:87px;
        float:left;
        width:357px;
    }

    #playername2{
        font-size:14px;
        height:20px;
        left:41px;
        position:absolute;
        text-align:center;
        top:8px;
        width:190px;
    }

    #player2_image{
        position:absolute;
        top:25px;
        left:211px;
        width:168px;
        height:168px;
    }

    #player_2_info{
        position:absolute;
        top:30px;
        left:54px;
    }

    #fightstat_p2{
        left:530px;
        position:absolute;
        text-align:center;
        top:195px;
        width:164px;
    }

    #fightstat_p1 p, #fightstat_p2 p{
        margin: 5px 0 0 0;
    }

    #fights_fight #fight_player1 .lifebarposition{
        height:9px;
        left:52px;
        position:absolute;
        top:188px;
        width:296px;
    }

    #fights_fight #fight_player2 .lifebarposition{
        position: absolute;
        width:296px;
        height: 9px;
        right: 34px;
        top: 188px;
    }

    #fights_fight #fight_player1 .lifebarposition .lifebarwidth_fight, #fights_fight #fight_player2 .lifebarposition .lifebarwidth_fight{
        position:absolute;
        background: url(../images/layout/redbar_9px.jpg) top left repeat-x;
        overflow:hidden;
        height:100%;
        width:100%;
    }
    #fights_fight #fight_player1 .lifebarposition .lifebarwidth_fight{left:0px;}
    #fights_fight #fight_player2 .lifebarposition .lifebarwidth_fight{right:0px;}

    #fight_msg_title{
        left:326px;
        position:absolute;
        text-align:center;
        top:357px;
        width:317px;
    }

    #fight_msg{
        left:143px;
        position:absolute;
        text-align:center;
        top:380px;
        width:590px;
    }

    #fights_fight .button_fightreport{
        left:350px;
        position:absolute;
        top:410px;
    }


/* FIGHTREPORT */

    #results{
        position:relative;
        width:869px;
        height:493px;
        background:url('../images/fight/fight_report.jpg') top left no-repeat;
    }

    #results .endtextcontainer{
        position:relative;
        float:left;
        width:869px;
    }

    #results .endtextcontainer .resultstexttext{
        position:relative;
        float:left;
        width:869px;
        font-size:13px;
        color:#000000;
    }

    #results .endtextcontainer .resultstexttext img{
        vertical-align:middle;
    }

    #results .endtextcontainer .resultstexttext table{
        margin-left:215px;
		margin-top:105px;
		width:450px;
    }

    #results .endtextcontainer .resultstexttext table th{
        text-decoration: none;
    }

    #results .endtextcontainer .resultstexttext table td{
        text-align: left;
    }

    #results .endtextbottom{
        position:relative;
        float:left;
        width:697px;
        height:147px;
        background: url('../images/quests/endtext_03.png') top left no-repeat;
    }

    #results a.button_next{
        position:absolute;
        left:350px;
        top:375px;
    }

    #results a.button_back{
        position:relative;
        margin-left:207px;
        margin-top:15px;
    }

    .resultstexttext .button_showagain{
        position:relative;
        clear:both;
        margin:10px auto;
    }

    .fightreport_won a {
        color:green;
        text-decoration:underline;
    }

    .fightreport_lost a {
        color:red;
        text-decoration:underline;
    }

    .button_fightback_free {
        position:absolute;
        left:350px;
        top:450px;
        cursor:pointer;
        display:block;
        height:48px;
        width:167px;
        background-image:url("../images/buttons/fight_back.png");
        background-position:center top;
    }

    .button_fightback_free:hover {
        background-position:center bottom;
    }

    .button_fight_again {
        margin: 0px auto;
        cursor:pointer;
        display:block;
        height:48px;
        width:204px;
        background-image:url("../images/buttons/attack_again.png");
        background-position:center top;
    }

    .button_fight_again:hover {
        background-position:center bottom;
    }

    .button_fightback_disabled {
        position:absolute;
        left:350px;
        top:400px;
        display:block;
        height:48px;
        width:167px;
        background-image:url("../images/buttons/fight_back_disabled.png");
        background-position:center top;
    }

    .fightreport_info {
        position:relative;
        left:215px;
        margin-top:5px;
        width:448px;
        text-align:center;
        background-color:#000000;
        color:#ff2222;
        border:1px solid white;
    }

    .win_lose_paper {
        position:absolute;
        left:273px;
        top:14px;
    }

/* FIGHT: waitfight */

    #waitfight{
        width:869px;
        height:485px;
        background:url('../images/fight/waitfight_bg.jpg') top left no-repeat;
    }

    #waitfight .buttonaccept_free{
        position:absolute;
        left:442px;
        top:283px;
    }

    #waitfight .healerinfo{
        position:absolute;
        width:374px;
        height:60px;
        left:13px;
        top:295px;
    }

    #waitfight .healerprice{
        position:absolute;
        width:142px;
        height:20px;
        top:237px;
        left:494px;
        text-align:right;
    }

    #waitfight .healerprice img{vertical-align:middle;}

    .waitfight_buttonaccept_free{
        position:absolute;
        right:8px;
        top:80px;
        width:71px;
        height:75px;
        cursor:pointer;
        background-image:url('../images/fight/button_bribe.png');
        background-position:top center;
    }

    .waitfight_buttonaccept_free:hover{
        background-position:bottom center;
    }

    .radio_group {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    .radio_value {
        display: none;
    }

    .radio_element{
        padding-left:31px;
        padding-top:4px;
        padding-right:10px;
        margin-top:2px;
        height:18px;
        min-width:90px;
        background-image:url('../images/input/radio_bg.png');
        background-repeat:no-repeat;
        background-position: 0px 0px;
        cursor:pointer;
    }

    .radio_element.radio_checked{
        background-position: 0px -22px;
    }

/* Horde:maturity */

    #horde_index{
        float:left;
        width:869px;
        height:780px;
        color:#000000;
    }

    #horde_maturity_timer{
        margin-top:5px;
        float:left;
        width:869px;
        height:115px;
        background:url('../images/horde/horde_waitheader.jpg') top center;
        color:#000000;
    }

    #horde_maturity_timer #timer{
        position:absolute;
        left:570px;
        top:47px;
        width:250px;
    }

    #horde_maturity_1{
        float:left;
        width:869px;
        height:780px;
        background:url('../images/horde/horde_bg_1.jpg') top center;
        color:#000000;
    }

    #horde_maturity_2{
        float:left;
        width:869px;
        height:780px;
        background:url('../images/horde/horde_bg_2.jpg') top center;
        color:#000000;
    }

    #horde_finish{
        float:left;
        width:869px;
        height:780px;
        background:url('../images/horde/horde_finish_bg.jpg') top center;
        color:#000000;
    }

    .horde_finish_text{
        left:270px;
        position:absolute;
        top:141px;
        width:450px;
    }

    #traveltoprovince{
        left:667px;
        position:absolute;
        top:130px;
    }

    .horde_reward_text{
        height:100px;
        left:191px;
        position:absolute;
        top:260px;
        width:491px;
        text-align:center;
    }

    .horde_rewards{
        width:340px;
        text-align:center;
        margin: 0px auto;
        height:75px;
    }

    .horde_reward_item{
        height:75px;
        text-align:center;
    }

    .horde_avatar{
        width:135px;
        height:135px;
        position:absolute;
        top:65px;
        left:111px;
    }

    #horde_bars{
        left:283px;
        position:absolute;
        top:93px;
        width:470px;
    }

    .horde_bar{
        width: 266px;
        height:21px;
        float:left;
        margin:0px;
    }

    #hordebars_over{
        position:absolute;
        top:72px;
        left:447px;
        width:320px;
        height:170px;
        background:url('../images/horde/hordebars_over.png');
    }

    #hordebars_over_2{
        position:absolute;
        top:72px;
        left:447px;
        width:320px;
        height:170px;
        background:url('../images/horde/hordebars_over_2.png');
    }

    #manabars_over{
        position:absolute;
        top:72px;
        left:447px;
        width:320px;
        height:170px;
        background:url('../images/horde/hordebars_over.png');
    }

    .horde_bars_title{
        margin-bottom:10px;
        font-weight:bold;
    }

    .horde_infotext{
        height:100px;
        left:291px;
        position:absolute;
        text-align:justify;
        top:273px;
        width:415px;
    }

    .horde_infotext_maturity{
        height:100px;
        left:191px;
        position:absolute;
        text-align:justify;
        top:260px;
        width:491px;
    }

    .horde_item{
        height:304px;
        left:86px;
        position:absolute;
        top:409px;
        width:318px;
        background-repeat:no-repeat;
        background-position:bottom left;
    }

    .horde_map_parts{
        height:281px;
        position:absolute;
        top:420px;
        width:349px;
        background-repeat:no-repeat;
        background-position:top left;
    }
    
    .horde_map_parts_1{
        left:413px;
    }
    
    .horde_map_parts_2{
        left:274px;
    }

    #horde_progress{
        left:290px;
        position:absolute;
        top:240px;
    }

    .hordefight_progessbar{
        position:absolute;
        top:1px;
        left:144px;
        width: 400px;
        height:22px;
    }

    .hordefight_progessbar_over{
        position:absolute;
        top:-15px;
        left:110px;
        width:320px;
        height:49px;
        background:url('../images/horde/hordeprogressbar_over.png') top left no-repeat;
    }

    .horde_fight_progress{
        left:153px;
        position:absolute;
        top:410px;
        width:560px;
        text-align:center;
    }

    .horde_action{
        color:#000000;
        display:block;
        left:272px;
        position:absolute;
        top:132px;
        width:480px;
    }

    .horde_fight_icon {
        background-image: url('../images/horde/horde_fight_icon.png');
        background-position: 0px 80px;
        width: 35px;
        height: 40px;
        cursor: pointer;
        display: inline-block;
    }

    .horde_fight_icon img{
        vertical-align:top;
    }
    .horde_fight_icon:hover {
       background-position: 0px 40px;
    }

    .horde_fight_icon.completed, .horde_fight_icon.completed:hover {background-position: 0px 0px; cursor:default;}

    .button_hordequest, .button_hordequest_crystal{
        left:336px;
        position:absolute;
        top:394px;
    }

    .horde_title{
        color:#FFFFFF;
        font-weight:bold;
        left:420px;
        position:absolute;
        text-align:center;
        top:43px;
        width:230px;
    }

    .horde_item_title{
        color:#FFFFFF;
        font-weight:bold;
        left:152px;
        position:absolute;
        text-align:center;
        top:408px;
        width:230px;
    }

    .horde_map_title{
        font-weight:bold;
        position:absolute;
        text-align:center;
        top:408px;
        width:230px;
    }
    
    .horde_map_title_1{
        left:469px;
        color:#fff;
    }
    
    .horde_map_title_2{
        color:#000;
        left:328px;
    }

    #horde_fights_bg{
        position:absolute;
        left:0px;
        top:218px;
        width:869px;
        height:550px;
    }

/* HORDE: camp */

    #horde_camp{
        position:relative;
        float:left;
        width:869px;
        height:500px;
        background: url('../images/horde/camp_bg.jpg') no-repeat;
    }

    .camptext{
        position:absolute;
        top:377px;
        left:90px;
        width:685px;
    }

    .campmenu{
        left:730px;
        position:absolute;
        top:14px;
    }

    .campbutton{
        width:75px;
        height:75px;
        display:block;
    }

    #button_scout{background-image:url('../images/horde/button_scout.png'); background-position:top left;}
    #button_arsenal{background-image:url('../images/horde/button_arsenal.png'); background-position:top left;}

    #button_scout:hover{background-position:bottom left;}
    #button_arsenal:hover{background-position:bottom left;}

/* HORDE: win */
    #horde_win{
        position:relative;
        float:left;
        width:869px;
        height:767px;
        background: url('../images/horde/horde_win.jpg') no-repeat;
        color:#000000;
    }

    #horde_win .win_text{
        height:97px;
        left:292px;
        position:absolute;
        top:304px;
        width:415px;
    }

    #button_pioneers{
        position:absolute;
        top:197px;
        left:664px;
        width:90px;
        height:79px;
        background-image:url('../images/buttons/button_pioneers.png');
        background-position: top left;
    }

    #button_pioneers:hover{
        background-position: bottom left;
    }

    #button_new_province{
        background-image:url("../images/buttons/new_province.png");
        background-position:left top;
        height:200px;
        left:611px;
        position:absolute;
        top:422px;
        width:200px;
    }

    #button_new_province:hover{
        background-position: bottom left;
    }

    .horde_item_small{
        height:100px;
        left:167px;
        position:absolute;
        top:486px;
        width:100px;
    }

    #horde_win .hordeitem_text{
        height:63px;
        left:282px;
        position:absolute;
        top:499px;
        width:353px;
    }

/* TUTORIAL: index */

    #tutorial_index{
        width:869px;
        height:501px;
        float:left;
        background:url('../images/tutorial/tutorial_bg.jpg') top left;
        z-index:800;
    }

    .tutorial_portrait{
        position:absolute;
        width: 135px;
        height:160px;
        top:45px;
        left:59px;
        border:1px solid #000000;
        background:url('../images/tutorial/tutorial_avatar.jpg');
    }

    .tutorial_tip{
        color:#49f438;
        height:37px;
        left:58px;
        position:absolute;
        text-align:left;
        top:231px;
        width:346px;
    }

    .tutorial_reward{
        height:18px;
        left:48px;
        position:absolute;
        top:321px;
        width:369px;
        text-align:center;
    }
    
    .tutorial_cancel{
        height:40px;
        left:430px;
        position:absolute;
        top:367px;
        width:400px;
        text-align:center;
    }

    .tutorial_reward_text{
        color:#FFF440;
    }

    .tutorial_mission{
        color:#FFFFFF;
        left:206px;
        position:absolute;
        text-align:left;
        top:45px;
        width:185px;
    }

    .tutorial_mission h2{
        color:#FFFFFF;
    }

    .tutorial_text{
        height:304px;
        left:447px;
        position:absolute;
        text-align:left;
        top:40px;
        width:360px;
    }

    .tutorial_textblock{
        margin-bottom:10px;
        text-align:justify;
    }

    .tutorial_textblock h1{
        color:#FFFFFF;
        text-align:left;
    }

    .tutorial_textblock h2{
        margin-top: 0px;
        color:#FFFFFF;
        text-align:left;
    }

    .tutorial_imgblock{
        width:100%;
        height:162px;
        margin-bottom:30px;
        text-align:justify;
    }

    .tutorial_image_right{
        position:relative;
        float:right;
        width:140px;
        height:100px;
        margin-left:20px;
        border:solid 1px #FFFFFF;
    }

    #next_tutorialstep{
        left:547px;
        position:absolute;
        top:338px;
    }

    #mission_done{
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        background: url('../images/misc/transparent_png_60.png') repeat;
        z-index:900;
    }

    #tutorial_reward{
        width:400px;
        height:215px;
        margin: 100px auto;
        background:url(../images/tutorial/tutorial_reward.png) top left no-repeat;
    }

    #tutorial_reward .button_next{
        position:absolute;
        top:160px;
        left:118px;
    }

    #tutorial_reward_text{
        height:100px;
        left:60px;
        position:absolute;
        top:80px;
        width:282px;
        text-align:center;
    }

    .paginate_tut{
        width:30px;
        height:30px;
        cursor:pointer;
        float:left;
        display:block;
    }

    .prev_page_tut{
        background-image:url('../images/buttons/left.png');
        background-position:top left;
    }

    .next_page_tut{
        background-image:url('../images/buttons/right.png');
        background-position:top left;
    }


/* HEAL */
    #healer {
        float:left;
        width:869px;
        height:485px;
        background:url('../images/character/heal/background.jpg') top center;
    }

    .healer_buttonaccept_free{
        position:absolute;
        right:8px;
        top:80px;
        width:71px;
        height:75px;
        cursor:pointer;
        background-image:url('../images/character/heal/button_heal.png');
        background-position:top center;
    }

    .healer_buttonaccept_free:hover{
        background-position:bottom center;
    }

    .healer_avatar {
        position:absolute;
        top:83px;
        left:70px;
    }

    .healer_info {
        position:absolute;
        top:93px;
        left:300px;
        width:490px;
        height:200px;
    }

    .healer_infotime {
        font-size:16px;
    }

    #healtime {
        font-weight:bold;
    }

    .healer_infotext {
        margin-top:25px;
    }

/* STORY */
    #storyview {
        width:869px;
        height:514px;
        background-image:url('../images/story/background_2.jpg');
    }

    #storytext {
        position:absolute;
        top:25px;
        left:60px;
        width:708px;
        background:url('../images/misc/transparent_png_10.png');
        border:1px solid #FFF;
        padding:10px;
    }

    #storytext h1{
        margin:0px;
        color:#DBCE9B;
    }
    #storytext p{
    }

/* SCROLL */
    .jScrollPaneContainer {
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .jScrollPaneTrack {
        position: absolute;
        cursor: pointer;
        right: 0;
        top: 0;
        height: 100%;

    }
    .jScrollPaneDrag {
        position: absolute;

        cursor: pointer;
        overflow: hidden;
    }
    .jScrollPaneDragTop {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .jScrollPaneDragBottom {
        position: absolute;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }
    a.jScrollArrowUp {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        text-indent: -2000px;
        overflow: hidden;
    }
    a.jScrollArrowUp:hover {
        /*background-color: #f60;*/
    }

    a.jScrollArrowDown {
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 0;
        right: 0;
        text-indent: -2000px;
        overflow: hidden;
    }
    a.jScrollArrowDown:hover {
        /*background-color: #f60;*/
    }
    a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
        /*background-color: #f00;*/
    }

/* Female */

    .character_index_female {
        position:absolute;
        top:161px;
        left:549px;
        width:180px;
        height:324px;
        background-image:url('../images/character/index/character_index_female.jpg');
    }

    .character_profile_female {
        position:absolute;
        top:76px;
        left:548px;
        width:180px;
        height:324px;
        background-image:url('../images/character/index/character_index_female.jpg');
    }

    .dealer_female {
        position:absolute;
        top:124px;
        left:555px;
        width:153px;
        height:301px;
        background-image:url('../images/items/layout/dealer_female.jpg');
    }

/* Fountain - character - reset_attributes */
    #fountain_container{
        position:relative;
        float:left;
        width:869px;
        height:640px;
        background:url('../images/places/fountain_bg.jpg');
    }

    .fountain_view{
        position:absolute;
        width:579px;
        height:564px;
        z-index:11000;
    }

    .fountain_view .attributes{
        height:auto;
        margin-left: 104px;
        margin-top:136px;
    }

    .fountain_view .attributescontainer .numeric{
        background:#000000;
        border:#c4d7ef 1px solid;
        color:#FFFFFF;
        width:40px;
    }
    .fountain_view .attribute_reset_input{
        float: left;
        display:block;
        margin-right:5px;
        margin-top:14px;
    }
    .fountain_view .attribute_reset_input a{
        color:#c4d7ef;
    }

    .fountain_view .attribute_loading_icon{
        float:left;
        height: 30px;
        width: 50px;
        margin-top:14px;
    }

    .fountain_view .attributescontainer{
        margin:0px;
    }

    .fountain_view .skillbarposition{
        position:relative;
        margin:0px 0px 0px 0px;
        width:370px;
        height:50px;
        background: url(../images/character/training/view/attbar.png) top left no-repeat;
    }

    .fountain_view .attribute_text{
        margin-left:0px;
    }

    .fountain_buttons{
        position:relative;
        float:left;
        margin-top:15px;
        margin-left:150px;
        margin-bottom:30px;
    }

    #button_discardchanges{
        position:relative;
        float:left;
        width:130px;
        height:24px;
        cursor:pointer;
        background-image:url('../images/places/button_discard_changes.jpg');
        background-position:top left;
    }

    #button_discardchanges:hover{background-position:bottom left;}

    #button_savechanges{
        position:relative;
        float:left;
        width:130px;
        height:24px;
        cursor:pointer;
        margin-left:20px;
        background-image:url('../images/places/button_save_changes.jpg');
        background-position:top left;
    }

    #button_savechanges:hover{background-position:bottom left;}

    .fountain_title{
        position:absolute;
        top:26px;
        font-weight:bold;
        text-align:center;
        font-size:20px;
        width:869px;

        color:#c4d7ef;
    }

    #button_savechanges:hover{background-position:bottom left;}


/* Fountain dialog */
    .fountain_dialog_backgray{
        position:absolute;
        top:0px;
        width:100%;
        height:100%;
        background:url('../images/misc/transparent_png_30.png') repeat;
        z-index:1500;
    }

    .fountain_dialog{
        position:relative;
        left:129px;
        width:600px;
        height:564px;
    }

    .fountain_dialog_backgray .haribox{
        margin-top:40px;
    }

    .fountain_dialog .skillbarposition{
        position:relative;
        margin:0px 0px 20px 0px;
        width:370px;
        height:50px;
        background: url(../images/character/training/view/attbar.png) top left no-repeat;
    }

    .fountain_dialog .attributes{
        position:relative;
        margin-left: 104px;
        margin-top: 78px;
    }

    .fountain_dialog .fountain_title{
        position:relative;
        width:100%;
    }


/* Training: index */

    #training_index{
        position:relative;
        float:left;
        width:869px;
    }

    #training_head_1{
        position:relative;
        float:left;
        width:869px;
        height:103px;
        background:url(../images/character/training/view/training_bg_01.png) top left no-repeat;
    }

    #training_head_2{
        position:relative;
        float:left;
        width:869px;
        height:48px;
        background:url(../images/character/training/view/training_bg_02.png) top left no-repeat;
    }

    #training_content_tile{
        position:relative;
        float:left;
        width:869px;
        background:url(../images/character/training/view/training_bg_03_tile.png) top left repeat-y;
        padding-bottom:20px;
    }

    #training_footer_1{
        position:relative;
        float:left;
        width:869px;
        height:131px;
        background:url(../images/character/training/view/training_bg_04.png) top left no-repeat;
        margin-top:-20px;
    }

    #training_footer_2{
        position:relative;
        float:left;
        width:869px;
        height:116px;
        background:url(../images/character/training/view/training_bg_05.png) top left no-repeat;
    }

    .training_overview_list{
        position:relative;
        margin-top:0px;
        margin-left:115px;
        width:340px;
    }

    .training_overview_menu{
        position:relative;
        width:386px;
        margin-top:20px;
    }

    .training_overview_group{
        margin-bottom:10px;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:5px;
        color:#dbce9b;
        width:100%;
        background:url('../images/misc/transparent_png_70.png') repeat;
        border:1px solid #000000;
    }
    
    .training_overview_group_selectable{
        cursor:pointer;
    }

    .training_overview_group:hover{
        color:#FFFFFF;
        background:url('../images/misc/transparent_png_white_90.png') repeat;
    }

    .training_overview_title{
       position:relative;
       clear:both;
       height:14px;
       width:100%;
       font-weight: bold;
       text-decoration: underline;
    }

    .training_view{
        position:relative;
        width:869px;
    }

    .training_group{
        position:relative;
        width:300px;
    }

    .training_button_container{
        position:relative;
        float:left;
        width:420px;
        margin-left:105px;
    }

    .training_view .button_start_training{
        position:relative;
        float:left;
        margin-right:10px;
    }

    .training_view .button_training_overview{
        position:relative;
        float:left;
    }

    .training_title{
        position:relative;
        font-weight:bold;
        text-align:center;
        font-size:20px;
        color:#FFFFFF;
        width:100%;
        margin-top:25px;
    }

    .training_info{
        position:relative;
        width:420px;
        margin-left:105px;
        margin-bottom:20px;
        color:#dad29f;
    }

    .training_info_stats{
        position:relative;
        margin-left:105px;
        margin-bottom:20px;
        width:420px;
    }

    .actual_training{
        position:relative;
        width:420px;
        font-weight:bold;
        text-align:center;
        margin-left:105px;
    }

    .trainingbarposition{
        position:relative;
        margin-bottom:20px;
        margin-left:130px;
        width:370px;
        height:50px;
        background: url(../images/character/training/view/attbar.png) top left no-repeat;
    }

    .trainingbarstyle{
        position:absolute;
        background: url(../images/layout/greenbar_9px.jpg) top left repeat-x;
        overflow:hidden;
        height: 9px;
        left:32px;
        top:20px;
    }

    .trainingbar{
        text-align: center;
        height: 9px;
        width: 305px;
    }

    #trainingbarValues{
        position:absolute;
        width:100%;
        top:18px;
        font-size:10px;
        text-align:center;
        color:#000000;
        left:33px;
    }

    #training_sword{
        position:absolute;
        width:80px;
        height:250px;
        top:0px;
        left:25px;
        background: url(../images/character/training/view/sword.png) top left no-repeat;
    }

    .training_bg_image{
        position:absolute;
        width:207px;
        height:435px;
        top:103px;
        left:577px;

    }

    #magic_training_bg{
        background: url(../images/character/training/view/magic_training_image.jpg) top left no-repeat;
    }

    #normal_training_bg{
        background: url(../images/character/training/view/training_image.jpg) top left no-repeat;
    }

/* Training: train */

    #character_training {
        width:869px;
        min-height:484px;
        background: url('../images/character/stats/stats_bg.jpg') top left no-repeat #000000;
        color:#000000;
    }

    #character_training a {
        color:#000;
        text-decoration:underline;
    }

    #training_title {
        font-size:20px;
        width:500px;
        text-align:center;
        position:absolute;
        top:27px;
        left:178px;
        color:#ffffff;
        font-weight:bold;
    }

    .training_box {
        margin-top:-15px;
        width:750px;
        float:left;
        margin-left:60px;
    }

    #character_training .training_box_first {
        margin-top:80px;
    }

    .training_box_title_container{
        width:100%;
        height:146px;
        background: url('../images/character/training/training_page_box_01.png') top left no-repeat;
    }

    .training_box_title{
        width:350px;
        /*postition:relative;*/
        top:39px;
        left:30px;
        font-weight:bold;
    }

    .training_box_middle_container {
        width:100%;
        padding-bottom:1px;
        min-height:1px;
        background: url('../images/character/training/training_page_box_02.png') top left repeat;
    }

    .training_box_bottom_container {
        width:100%;
        height:16px;
        background: url('../images/character/training/training_page_box_03.png') top left no-repeat;
    }

    .training_table {
        margin-bottom:-55px;
        position:relative;
        top:-66px;
        width:695px;
        margin-left:30px;
        min-height:1px;
        padding-bottom:1px;
    }

    .training_table .title {
        color:#111111;
        text-decoration: underline;
    }

    .training_table .info {
        background-color:#A99569;
        border:1px dotted #666666;
        padding:5px;
        vertical-align:top;
    }

    .training_footer {
        clear:both;
        width:869px;
        height:55px;
    }

    .training_checkbox{
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url('../images/character/training/checkbox_bg.png') 0px 0px no-repeat;
        cursor: pointer;
    }

    .training_checkbox_checked{
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url('../images/character/training/checkbox_bg.png') 0px -80px no-repeat;
        cursor: pointer;
    }

    .training_permanent{
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url('../images/character/training/permantent.png') 0px 0px no-repeat;
    }

    .training_checkbox:hover{
        background:url('../images/character/training/checkbox_bg.png') 0px -40px no-repeat;
    }

    .outpost_influence th {
        width: 200px;
        text-align: left;
    }

    .outpost_influence td {
        width: 50px;
        text-align: right;
    }

    .outpost_influence .sum{
        border-top: 1px solid white;
    }

    /* Influence Map */
    .activity_map {
        position:relative;
        float:left;
        margin-top:0px;
        margin-left:75px;
        margin-bottom: 50px;
        z-index:1600;
    }

    .activity_map_img {
        position:absolute;
        top:47px;
        left:35px;
        width:650px;
        height:440px;
    }

    .activity_map_town img {
        position:absolute;
        top:-25px;
        left:-12px;
    }

    .activity_map_text {
        position:absolute;
        top:505px;
        left:58px;
        width:610px;
        height:65px;
    }

    .activity_map_text_info {
        float:left;
        width:120px;
        margin-top:9px;
    }

    .activity_map_text_info img {
        vertical-align: middle;
    }

    .activity_map_front {
        width:743px;
        height:578px;
        background:url('../images/travel/map/activity_map_front.png') left top no-repeat;
    }

    .activity_map_overlays img {
        position:absolute;
        top:0px;
        left:0px;
    }

    .activity_map_overlay_1 {
        position:absolute;
        top:315px;
        left:415px;
    }

/* Things */
    .thing {
        cursor: pointer;
    }

    .thing_info_tooltip_inner, .npc_thing_info_tooltip_inner {
        width: 250px;
    }

    .thing_info_tooltip_title, .npc_thing_info_tooltip_name {
        font-weight: bold;
        font-size: 1.2em;
    }

/* Dynamic Tooltip */
    #dynamic_tooltip_content .tooltip_name{
        font-weight: bold;
    }

    .hidden{
        display: none;
    }

/* NPC: index */
    #npc_index{
        width:869px;
        min-height:700px;
        background:url('../images/npc/index_bg.jpg') top left;
    }

    #npc_index .towntitle, #castle_bg .towntitle{
        width:869px;
        height:46px;
    }

    #npc_index .towntitle_inner,  #castle_bg .towntitle{
        width:869px;
        position:absolute;
        top:18px;
        text-align:center;
        font-size:18px;
        font-weight:bold;
    }

    #npc_index .haribox{
        top:29px;
    }

    .haribox .table{
        text-align:left
    }

/* NPC: profile */


    #npc_profile{
        float:left;
        width:869px;
        height:710px;
        background:#000 url('../images/npc/profile_bg.jpg') top left no-repeat;
    }

    .adventure_text{
        height:215px;
        left:467px;
        position:absolute;
        top:47px;
        width:340px;
        color:#000000;
    }

    .adventure_buttons{
        height:60px;
        left:466px;
        position:absolute;
        text-align:center;
        top:334px;
        width:346px;
    }

    .npc_info{
        height:165px;
        left:72px;
        position:absolute;
        top:260px;
        width:180px;
    }

    .npc_interaction_menu{
        margin-top:20px;
    }

    .interaction_button{
        width:101px;
        height:24px;
        margin-right:10px;
        margin-left:10px;
        background-position:top left;
        cursor:pointer;
        float:left;
    }

    .interaction_button:hover{background-position:bottom left;}

    .interaction_steal{background-image:url('../images/npc/buttons/steal.jpg');}
    .interaction_threaten{background-image:url('../images/npc/buttons/threaten.jpg');}
    .interaction_negotiate{background-image:url('../images/npc/buttons/negotiate.jpg');}
    .interaction_attack{background-image:url('../images/npc/buttons/attack.jpg');}


    .npc_bag{
        height:104px;
        left:92px;
        position:absolute;
        top:270px;
        width:292px;
        background:url(../images/npc/npc_bag.png) top left;
    }

    #npc_profile .inventory {
        min-height:197px;
        position:relative;
        float:left;
        left:461px;
        top:321px;
        width:357px;
    }

    #npc_profile .inventory #bag4 {
      background: transparent;
    }

    #npc_profile .inventory #bag4 .new_bag_4 .new_bag_4_bg{
        top:0px;
        left:0px;
    }

    #npc_profile .inventory .tabs{
        margin-top:-1px;
        margin-right:-2px;
        float:right;
        height:180px;
        width:54px;
        background-image:url('../images/npc/bag_new.jpg');
        background-position: 0px 0px;
        background-repeat: repeat-y;
    }
    
    #npc_profile .inventory .tabs_deactivated{
        margin-top:-1px;
        margin-right:-2px;
        float:right;
        height:180px;
        width:54px;
        background-image:url('../images/npc/bag_new_deactivated.jpg');
        background-position: 0px 0px;
        background-repeat: repeat-y;
    }

    #npc_profile .inventory .tabs a.openbag {display:block;height:43px; width:54px;}

    .npc_bag_entry{cursor:pointer;}

    .button_continue {
        background-image:url('../images/buttons/continue.jpg');
        background-position: left top;
        height:24px;
        width:101px;
        display:block;
        margin:0 auto;
    }

    .button_continue:hover {
        background-position: left bottom;
    }

    .button_npc_close {
		width:30px;
        height:30px;
        position:absolute;
        right:-15px;
        top:-15px;
        background: url('../images/buttons/leave.png') 0px 0px no-repeat;
        display:block;
	}

	.button_npc_close:hover {
        background-position: 0px -30px;
	}

	.continue_to_reward {
        background-image: url('../images/buttons/continue_to_reward.png');
        background-position: top center;
    }

    #adventure_text_lifebar{
        position:absolute;
        width:370px;
        height:50px;
        background:url(../images/npc/lifebar_bg.png) no-repeat;
        left:-16px;
        bottom:0px;
    }

    .npclifebarposition{
        position:absolute;
        width:306px;
        height:9px;
        left:32px;
        top:20px;
    }

    .npclifebarposition .npclifebarwidth{
        position:absolute;
        background: url(../images/layout/redbar_9px.jpg) top left repeat-x;
        overflow:hidden;
        left:0px;
        height:100%;
        width:100%;
    }

    #lifepoints_npc{
        position:absolute;
        width:100%;
        text-align:center;
        color:#FFF;
        font-size:10px;
        top:-2px;
    }

/* Query Log */
#queryLog{
    margin-top: 20px;
	float: left;
	width: 100%;
    color: white;
    border: 1px solid black;
    background-color: #000000;
    z-index: 999999999;
}

.queryLogTitle{
    width: 300px;
}

.queryLogQuery {
    width: 990px;
}

/* CHARACTER: tactic */

#tactic_view{
    width:869px;
    height:593px;
    background-image:url(../images/character/tactic/tactics_background.jpg);
}

#tactics_title{
    position:relative;
    width:800px;
    height:76px;
    top:30px;
    left:50px;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    color:#FFF;
}

.choose_hitspots{
    height:392px;
    width:368px;
    position:relative;
    float:left;
    margin:64px 0px 0px 50px;
}

.hitspot:hover{
    cursor:pointer;
}

.active .hitspot_border{
    position:absolute;
    width:90%;
    height:90%;
    border:1px solid green;
    top:4%;
    left:4%;
}

.active .hitspot_border .activebox{
    position:absolute;
    right:0px;
    bottom:0px;
    width:14px;
    height:14px;
    background:green url(../images/icons/icons_accept.png);
}

#hitspot_head{
    position:absolute;
    left:58px;
    top:0px;
    width:61px;
    height:51px;
}
#hitspot_head:hover{background-position:0px -51px;}
.active#hitspot_head{background-position:0px -102px !important;}

#hitspot_arm_right{
    position:absolute;
    left:0px;
    top:51px;
    width:58px;
    height:124px;
}
#hitspot_arm_right:hover{background-position:0px -124px;}
.active#hitspot_arm_right{background-position:0px -248px !important;}


#hitspot_arm_left{
    position:absolute;
    left:119px;
    top:51px;
    width:53px;
    height:124px;
}
#hitspot_arm_left:hover{background-position:0px -124px;}
.active#hitspot_arm_left{background-position:0px -248px !important;}


#hitspot_chest{
    position:absolute;
    left:58px;
    top:51px;
    width:61px;
    height:84px;
}
#hitspot_chest:hover{background-position:0px -84px;}
.active#hitspot_chest{background-position:0px -168px !important;}


#hitspot_leg_left{
    position:absolute;
    left:89px;
    top:135px;
    width:30px;
    height:158px;
}
#hitspot_leg_right:hover{background-position:0px -158px;}
.active#hitspot_leg_right{background-position:0px -316px !important;}


#hitspot_leg_right{
    position:absolute;
    left:58px;
    top:135px;
    width:31px;
    height:158px;
}
#hitspot_leg_left:hover{background-position:0px -158px;}
.active#hitspot_leg_left{background-position:0px -316px !important;}


.sex_w #hitspot_head{background-image:url(../images/character/tactic/female_head.png);}
.sex_w #hitspot_arm_right{background-image:url(../images/character/tactic/female_arm_right.png);}
.sex_w #hitspot_arm_left{background-image:url(../images/character/tactic/female_arm_left.png);}
.sex_w #hitspot_chest{background-image:url(../images/character/tactic/female_chest.png);}
.sex_w #hitspot_leg_right{background-image:url(../images/character/tactic/female_leg_right.png);}
.sex_w #hitspot_leg_left{background-image:url(../images/character/tactic/female_leg_left.png);}

.sex_m #hitspot_head{background-image:url(../images/character/tactic/male_head.png);}
.sex_m #hitspot_arm_right{background-image:url(../images/character/tactic/male_arm_right.png);}
.sex_m #hitspot_arm_left{background-image:url(../images/character/tactic/male_arm_left.png);}
.sex_m #hitspot_chest{background-image:url(../images/character/tactic/male_chest.png);}
.sex_m #hitspot_leg_right{background-image:url(../images/character/tactic/male_leg_right.png);}
.sex_m #hitspot_leg_left{background-image:url(../images/character/tactic/male_leg_left.png);}


#choose_tactic_container{
    position:absolute;
    top:90px;
    left:80px;
    width:325px;
}

#act_tactic_title{
    position:relative;
    width:100%;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
    color:#FFF;
}

#choose_tactic{
    width:270px;
    position:relative;
    margin:0 auto;
}


.radio_group_changetactictype{
    float:left;
}


#tactic_charsex{
    position:relative;
    clear:both;
    height:340px;
    width:100%;
}

#hitspot_container{
    position:absolute;
    top:30px;
    left:160px;
}


#hitspot_container_defend{
    position:absolute;
    top:30px;
    left:95px;
}


.freeActive{
    position:relative;
    width:100%;
    margin:10px auto;
    text-align:center;
}

#tactics_textbox{
    height:420px;
    width:346px;
    position:relative;
    float:left;
    margin:5px 0 0 20px;
    padding:10px;
    background:url(../images/misc/transparent_png_60.png) repeat;
    border:1px #d0bc67 solid;
}

#tactics_textbox h3{
    margin-top:0px;
}

#tactics_textbox .button_save{
    margin:0px auto;
}

#save_tactic{
    display:none;
}

.hitspotrating{
    position:absolute;
    width:50px;
    display:none;
}

#hitspotrating_head{left:64px;top:-13px;}
#hitspotrating_arm_right{left:5px;top:171px;}
#hitspotrating_arm_left{left:121px;top:171px;}
#hitspotrating_chest{left:64px;top:133px;}
#hitspotrating_leg_right{left:39px;top:288px;}
#hitspotrating_leg_left{left:91px;top:288px;}



.actual_rating{
    position:relative;
    clear:both;
    width:50px;
    background:url(../images/misc/transparent_png_60.png) repeat;
    text-align:center;
    font-weight:bold;

}

.rating_button{
    position:relative;
    margin:0 auto;
}

#icon_container{
    width:60px;
    position:absolute;
    top:60px;
    left:35px;
}

.hitspot_icon{
    position:relative;
    width:60px;
    height:60px;
    margin-bottom:20px;
}

#hitspot_icon_head{background:url(../images/character/tactic/icon_head.jpg);}
#hitspot_icon_arm_left{background:url(../images/character/tactic/icon_armleft.jpg);}
#hitspot_icon_arm_right{background:url(../images/character/tactic/icon_armright.jpg);}
#hitspot_icon_chest{background:url(../images/character/tactic/icon_chest.jpg);}
#hitspot_icon_leg_left{background:url(../images/character/tactic/icon_legleft.jpg);}
#hitspot_icon_leg_right{background:url(../images/character/tactic/icon_legright.jpg);}


/* Hitspot Rating Slider */

#tactic_view #slider-range{
        margin: 0px 0px 0px 0px !important;
        background:url(../images/character/tactic/slider_bg.png) repeat;
        height:250px;
        position:absolute;
        top: 44px;
        left:110px;
        width:10px;
        display:none;
    }

#tactic_view .ui-widget-header{background:url(../images/misc/transparent_png_60.png) repeat;}

#tactic_view .ui-slider-vertical .ui-slider-range{
        left: 0;
        width: 100%;
    }

#tactic_view .ui-slider .ui-slider-range{

        border: 0 none;
        display: block;
        font-size: 0.7em;
        position: absolute;
        z-index: 1;
    }

#tactic_view .ui-slider-handle{
        background:url(../images/character/tactic/arrow.png) repeat;
        width:30px;
        height:20px;
        left:10px;
        margin-bottom:-10px;
        cursor:pointer;
    }

/* BLACKSMITH */

#blacksmith_enhance, #blacksmith_beautify{
    position:relative;
    width:869px;
    height:860px;
}

#blacksmith_beautify{background:url(../images/blacksmith/blacksmith_bg_0.jpg) top center;}
#blacksmith_enhance{background:url(../images/blacksmith/blacksmith_bg_1.jpg) top center;}

#blacksmith_title_container{
    top:60px;
    left:253px;
    width:366px;
}


#blacksmith_title{
    position:relative;
    clear:both;
    text-align:center;
    font-size:16px;
    font-weight:bold;
}

#beautify_infobox{
    position:absolute;
    top:185px;
    left:472px;
    width:330px;
    height:100px;
    font-size:12px;
    line-height:14px;
}

#beautify_infobox img{
    vertical-align:middle;
}

#beautify_itembox, #enhance_itembox {
    position:absolute;
    top:175px;
    left:75px;
    width:320px;
    height:570px;
}

#enhance_draftbox {
    position:absolute;
    top:175px;
    left:472px;
    width:320px;
    height:570px;
}

#beautify_itembox_info, #enhance_itembox_info{
    position:absolute;
    top:760px;
    left:75px;
    width:320px;
    text-align: center;
    font-weight: bold;
    color: white;
}

#beautify_itembeautify{
    position:absolute;
    top:385px;
    left:472px;
    width:330px;
    height:100px;
}

#beautify_itemfrom{
    position:absolute;
    top:615px;
    left:472px;
    width:330px;
    height:100px;
}


.blacksmith_arrow{
    position:absolute;
    left:396px;
    width:70px;
    height:70px;
    cursor:pointer;
    background-image:url(../images/blacksmith/arrow_button.png);
}

.blacksmith_arrow.arrow_left{
    background-position:0px 0px;
}

.blacksmith_arrow.arrow_left:hover{
    background-position:0px -70px;
}

.blacksmith_arrow.arrow_right{
    background-position:0px -140px;
}

.blacksmith_arrow.arrow_right:hover{
    background-position:0px -210px;
}

.blacksmith_arrow.arrow_up{
    background-position:0px -280px;
}

.blacksmith_arrow.arrow_up:hover{
    background-position:0px -350px;
}

.blacksmith_arrow.arrow_down{
    background-position:0px -420px;
}

.blacksmith_arrow.arrow_down:hover{
    background-position:0px -490px;
}

#place_to_beautify{top:410px;}
#place_to_destroy{top:637px;}

#place_to_enhance{top:208px;}
#place_enhancement{left:195px;top:306px;}

#beautify_accept {

}

.blacksmith_itemlist_element{
    height:75px;
    padding: 5px;
    margin-bottom:10px;
    cursor:pointer;
    border: 1px solid black;
    background:url('../images/misc/transparent_png_white_90.png');
}

.blacksmith_itemdialog_element{
    height:75px;
    padding: 5px;
    margin-bottom:10px;
    border: 1px solid black;
    background:url('../images/misc/transparent_png_white_90.png');
}

.blacksmith_draftlist_element{
    padding: 5px;
    margin-bottom:10px;
    cursor:pointer;
    border: 1px solid black;
    background:url('../images/misc/transparent_png_white_90.png');
}

.blacksmith_draftdialog_element{
    padding: 5px;
    margin-bottom:10px;
    border: 1px solid black;
    background:url('../images/misc/transparent_png_white_90.png');
}

.itemtype_image{
    position:absolute;
    width:300px;
    height:75px;
    top:0px;
    left:0px;

}

.active_itembox, .active_draftbox{
    border: 1px solid #fff;
    background:url('../images/misc/transparent_png_white_80.png');
}

.active_itembox_red, .active_draftbox_red{
    border: 1px solid #AA0000;
    background:url('../images/misc/transparent_png_white_80.png');
}

.blacksmith_itemlist_element_picture{
    position:relative;
    float:left;
    margin:5px;
    height:38px;
    width:38px;
}

.blacksmith_itemlist_element_name{
}

.improvement_count_container{
    position:absolute;
    right:5px;
    bottom:20px;
    width:150px;
    height:28px;
}

.improvement_marker{
    position:relative;
    float:left;
    width:30px;
    height:28px;
}

.improvement_marker_small{
    position:relative;
    float:left;
    width:15px;
    height:14px;
}

.enhance_marker{background-image:url(../images/blacksmith/enhancement_marker.png);}
.enhance_marker_small{background-image:url(../images/blacksmith/enhancement_marker_small.png);}
.beautify_marker{background-image:url(../images/blacksmith/beautify_marker.png);}

.marker_active{background-position:0px 0px;}
.marker_inactive{background-position:0px -28px;}

.marker_active_small{background-position:0px 0px;}
.marker_inactive_small{background-position:0px -14px;}

.improvement_count_text{
    position:absolute;
    bottom:5px;
    width:100%;
    height:10px;
    text-align:center;
    font-size:10px;
    color:#cacaca;
}

#beautify_apply{
    position:absolute;
    top:465px;
    left:555px;
}

#enhance_apply{
    position:absolute;
    top:767px;
    left:556px;
}

#beautify_costs{
    position:absolute;
    top:445px;
    left:472px;
    width: 354px;
    text-align: center;
}

.blacksmith_itemlist_element_name{
    margin-top:8px;
    margin-left:55px;
}

/* CASTLE: profile */

#castle_bg{
    position:relative;
    width:100%;
    background:url(../images/castle/castle_bg.jpg) top center no-repeat;
    top:0px;
    padding-top:40px;
    float:left;
}

#castle_wrapper{
    position:relative;
    float:left;
    padding-bottom:40px;
}

.castlebox{
    position:relative;
    float:left;
    margin:80px 72px 30px;
    width:700px;
    padding:10px;
    border:1px solid #a38d4b;
    background:url(../images/misc/transparent_png_40.png) repeat;
}

#supplysurplus{
    width:96%;
    float:left;
    margin:10px 2%;
    background:url("../images/misc/transparent_png_lightbrown_70.png") repeat;
    color:#413a24;

}

.spend_supplypoints{
    display:inline-block;
    padding:0px 10px;
    margin:0 auto;
    background:#a19674;
    border:#666 1px solid;
    cursor:pointer;
    color:#413a24;
    font-weight:bold;
    box-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);
    user-select: none;
   -o-user-select:none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}

.spend_supplypoints:hover{
    background:#beb494;
    border:#888 1px solid;
    cursor:pointer;
    color:#413a24;
}

#castle_stats .dropdown {
    width: 160px;
}
#castle_stats .dropdown .ddtextcontainer {
    width: 135px;
}
#castle_stats .dropdown .ddopen {
    width: 134px;
}
#castle_stats .dropdown .ddopen .jScrollPaneContainer {
    width: 125px !important;
}
#castle_stats .dropdown .ddopen .jScrollPaneContainer .ddlist {
    width: 125px !important;
}

    .levellist_container {
      position:relative;
      border-left: 1px solid #333;
      width: 660px;
      padding: 0px;
      height:102px;
      margin-left:16px;
      margin-right:3px;
      float:right;
    }

    #castle_defence_container, .castle_ruler {
      position:relative;
      padding: 0px;
      margin-left:16px;
    }

    #castle_defence_container {
      border-left: 1px solid #333;
      height:162px;
      width: 660px;
    }

    .castle_ruler_top{
    float:right;
        height:35px;
        margin-top:10px;
        margin-bottom:3px;
        margin-left:-40px;
        width: 720px;
    }

    .castle_ruler_top .ruler_mark{
        position:relative;
        float:left;
        width:60px;
        height:20px;
    }

    .castle_ruler_top .ruler_mark{
        position:relative;
        float:left;
        width:60px;
        height:20px;
    }

    .castle_ruler_top .markline{
        position:relative;
        float:right;
        margin-left:3px;
        margin-top:5px;
        width:1px;
        height:10px;
        background:#333;
    }

    .castle_ruler_top .markvalue{
        position:relative;
        float:right;
        margin-left:3px;
        font-size:10px;
        color:#555;
    }

    .castle_ruler_top .castle_ruler_labeling{
        position:relative;
        width:670px;
        text-align:center;
        font-size:11px;
        color:#555;
        margin-bottom:5px;
        float:right;
    }

    .castle_ruler_bottom{
        height:20px;
        margin-top:3px;
        margin-bottom:10px;
        margin-left:-40px;
        width: 720px;
    }

    .castle_ruler_bottom .ruler_mark{
        position:relative;
        float:left;
        width:60px;
        height:20px;
    }

    .castle_ruler_bottom .ruler_mark{
        position:relative;
        float:left;
        width:60px;
        height:20px;
    }

    .castle_ruler_bottom .markline{
        position:relative;
        float:right;
        margin-left:3px;
        width:1px;
        height:10px;
        background:#333;
    }

    .castle_ruler_bottom .markvalue{
        position:relative;
        float:right;
        margin-top:5px;
        margin-left:3px;
        font-size:10px;
        color:#555;
    }

    .castle_ruler_bottom .castle_ruler_labeling{
        position:relative;
        width:660px;
        text-align:center;
        font-size:11px;
        color:#555;
        float:right;
    }


    .castle_ruler_left{
        position:relative;
        float:left;
        height:162px;
        width: 20px;
        right:-11px;
    }

    .castle_ruler_left .markline{
        position:relative;
        float:right;
        width:80%;
        height:1px;
        background:#333;
    }
    .castle_ruler_left .markvalue{
        position:relative;
        float:right;
        margin-right:5px;
        margin-top:-2px;
        height:50%;
        color:#555;
        text-align:right;
        margin-right:16px;
        font-size:10px;
    }


    #castle_defence_placeholder_container{
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:99997;
    }

    #castle_defence_element_container{
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:99997;
    }

    .levellist_element {
      position: relative;
      float: left;
      border-right: 1px solid #333;
      border-top: 1px solid #333;
      border-bottom: 1px solid #333;
      _zoom: 1;
      width: 5px;
      height: 100px;
    }

    .defence_element, .defence_element_placeholder, .castle_defence_element_create {
      position: relative;
      float: left;
      border-right: 1px solid #333;
      border-top: 1px solid #333;
      border-bottom: 1px solid #333;
      _zoom: 1;
      height: 160px;
      opacity: 0.8;
    }

    .defence_element{
       cursor: pointer;
    }

    .defence_position_placeholder{
        position: relative;
        float: left;
        width: 6px;
        _zoom: 1;
        height: 160px;
    }

    #castle_defence_create_container{
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:10%;
        display: none;
        z-index:99998;
    }

    #castle_defence_element_create {
        position: absolute;
        left: 0px;
        top: 0px;
        display: none;
        opacity: 1;
        z-index: 99999;
        height: 16px;
    }

    #castle_defences_position{
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        display: none;
        z-index:99999;
    }

    .defence_element_placeholder {
        width: 5px;
    }

    .defence_element_type_0 {
        width: 5px;
        background:#621501;
    }

    .defence_element_type_1 {
        width: 11px;
        background:#c05b00;
    }

    .defence_element_type_2 {
        width: 17px;
        background:#b9a900;
    }

    .defence_element_type_3 {
        width: 29px;
        background:#00376f;
    }

    .defence_element_type_4 {
        width: 59px;
        background:#647104;
    }

    #castle_defence_types{
        margin:20px auto 10px auto;
        clear:both;
        position:relative;
        text-align:center;
        width:400px;
        user-select: none;
       -o-user-select:none;
       -moz-user-select: none;
       -khtml-user-select: none;
       -webkit-user-select: none;
    }

    .defence_button{
        position:relative;
        cursor:pointer;
        display:inline-block;
        width:72px;
        height:75px;
    }

    .defence_button_inactive{
        background-position:0px 0px;
    }

    .defence_button_inactive:hover{
        background-position:0px -75px;
    }

    .defence_button_active{
        position:relative;
        cursor:pointer;
        display:inline-block;
        width:72px;
        height:75px;
        background-position:0px -150px;
    }

    .defence_button_grey{
        background-position:0px -225px;
    }


    .defence_button_0{background-image:url(../images/castle/defender_0.png);}
    .defence_button_1{background-image:url(../images/castle/defender_1.png);}
    .defence_button_2{background-image:url(../images/castle/defender_2.png);}
    .defence_button_3{background-image:url(../images/castle/defender_3.png);}
    .defence_button_4{background-image:url(../images/castle/defender_4.png);}

    .levellist_bar, .levellist_bar_empty{
      display: block;
      width: 100%;
      text-indent: -9999px;
      font-size: 0px;
      overflow: hidden;
      line-height: 2em;
      width: 5px;
    }

    .levellistempty{

    }
    .levellist_element:hover {
      background: #999999;
    }

    .simple_tooltip{
        border: 1px solid #CCCCCC;
        background-color: #666666;
        padding: 3px;
        z-index: 99995;
    }

    #castle_profile_select_selected_html{
        font-weight: bold;
    }

    #content_supply, #content_defender, #content_overview, #content_settings, #content_castleprofile{
        position:relative;
        margin:0px auto;
        float:left;
        min-height:300px;
        width:100%;
    }

    #content_defender, #content_overview, #content_settings{
        display:none;
    }


    #castle_image{
        width:660px;
        height:368px;
        background:url('../images/castle/overview/castle_background.jpg');
        position:relative;
        margin:0px auto;
        border:1px solid #000;
    }

    #defence_0_0{
        position:absolute;
        top:257px;
        left:276px;
        width:135px;
        height:111px;
        background:url('../images/castle/overview/defence_0_0.png');
    }
    #defence_0_1{
        position:absolute;
        top:0px;
        left:307px;
        width:72px;
        height:115px;
        background:url('../images/castle/overview/defence_0_1.png');
    }
    #defence_0_2{
        position:absolute;
        top:114px;
        left:128px;
        width:142px;
        height:143px;
        background:url('../images/castle/overview/defence_0_2.png');
    }
    #defence_0_3{
        position:absolute;
        top:114px;
        left:411px;
        width:152px;
        height:143px;
        background:url('../images/castle/overview/defence_0_3.png');
    }

    #defence_1_0{
        position:absolute;
        top:173px;
        left:276px;
        width:384px;
        height:188px;
        background:url('../images/castle/overview/defence_1_0.png');
    }

    #defence_2_1{
        position:absolute;
        top:257px;
        left:175px;
        width:101px;
        height:111px;
        background:url('../images/castle/overview/defence_2_0.png');
    }
    #defence_2_0{
        position:absolute;
        top:256px;
        left:411px;
        width:96px;
        height:112px;
        background:url('../images/castle/overview/defence_2_1.png');
    }

    #defence_3_1{
        position:absolute;
        top:0px;
        left:187px;
        width:121px;
        height:115px;
        background:url('../images/castle/overview/defence_3_0.png');
    }
    #defence_3_0{
        position:absolute;
        top:0px;
        left:378px;
        width:121px;
        height:115px;
        background:url('../images/castle/overview/defence_3_1.png');
    }

    #defence_4_0{
        position:absolute;
        top:114px;
        left:269px;
        width:71px;
        height:143px;
        background:url('../images/castle/overview/defence_4_0.png');
    }
    #defence_4_1{
        position:absolute;
        top:114px;
        left:340px;
        width:72px;
        height:143px;
        background:url('../images/castle/overview/defence_4_1.png');
    }

    .castle_tab{
        display:inline-block;
        border:1px solid #A38D4B;
        z-index:1500;
        height:26px;
        cursor:pointer;
        margin-right:-5px;
    }

    .castle_tab_text{
        position:relative;
        float:left;
        display:block;
        margin:5px 15px 0px;
        user-select: none;
       -o-user-select:none;
       -moz-user-select: none;
       -khtml-user-select: none;
       -webkit-user-select: none;
    }

    /*
    #show_supply{background-image:url(../images/buttons/supply.png);}
    #show_defender{background-image:url(../images/buttons/defence.png);}
    #show_overview{background-image:url(../images/buttons/castle_overview.png);}
    #show_settings{background-image:url(../images/buttons/settings.png);}
    */

    .castle_tab_inactive{
        background:url("../images/misc/transparent_png_white_80.png") repeat;

    }

    .castle_tab_inactive:hover{
        background:url("../images/misc/transparent_png_white_60.png") repeat;
    }

    .castle_tab_active{
        background:url("../images/misc/transparent_png_40.png") repeat;
        z-index:2000;
        /*box-shadow:0 0 20px #000;*/
        border-bottom:1px solid rgba(0,0,0,0.4);
    }

    .castle_defence_info{
        width:700px;
        position:relative;
        float:left;
        background:url(../images/misc/transparent_png_lightbrown_70.png) repeat;
    }

    .castle_defence_cost_tooltip {
        border: 1px dotted black;
        background: url(../images/misc/transparent_png_20.png) repeat;
    }

    #castle_defence_details, #castle_defence_preview, #castle_defence_general_info{
        top:0px;
        left:0px;
        color:#000;
    }

    #castle_defence_preview{
        display: none;
    }

    .castle_defence_details{
        float:left;
        width:90%;
        margin:15px 5% 25px 5%;
    }

    .castle_defence_details_picture{
        position:relative;
        float:left;
        margin-right:20px;
    }

    .castle_defence_details_text{
        position:relative;
        float:left;
        margin-right:10px;
        width:415px;
    }

    #castle_defence_general_info{
        display:none;
    }

    #general_info_picture{
        width:130px;
        height:130px;
    }

    .defender_button{position:relative;float:left;display:inline-block;}
    .button_destroydefence{margin-left:10px;}

    .castlesettings_block{
        width:520px;
        margin:0 auto 20px auto;

    }

    .castlesettings_block input, .castlesettings_block textarea{
        background:url(../images/misc/transparent_png_40.png) repeat;
        border:1px solid #A38D4B;
        color:#ddd;
        padding:3px;
    }

    #content_settings input.button_save{
        background-image: url('../images/buttons/save.png');
        background-color:transparent;
        background-position: top center;
        border:none;
        color:transparent;
        margin:0 auto;
    }

    #content_settings input.button_save:hover{
        background-position: bottom center;
    }

    #content_settings{
        margin-top:10px;
    }

    .supply_points {
        position:relative;
        top:0px;
        left:0px;
        width:869px;
        height:604px;
        background:url('../images/castle/supply_bg.jpg');
        color:#eee;
    }

    .supply_bar{
        position:relative;
        height:50px;
        width:370px;
        clear:both;
        margin:0px auto;
        background:url('../images/castle/attbar.png') no-repeat;
    }

    .supply_bar_position{
        position:absolute;
        height:10px;
        left:33px;
        top:20px;
        width:304px;
    }
    .supply_bar_width{
        position:absolute;
        height:100%;
        left:0px;
        background:url('../images/castle/supply_bar.jpg') repeat-x;
    }


    .castle_profile_info{
        position:relative;
        margin:10px auto;
        width:95%;
        text-align:center;
    }

    #castle_waittime {
        position:absolute;
        top:24px;
        right:40px;
        text-align:center;
        width:331px;
        height:89px;
        font-size:15px;
        color:#000000;
        font-weight:bold;
        background: url('../images/fight/wait_bg.png') top left no-repeat;
    }

    #castle_waittime_text {
        position:absolute;
        top:37px;
        left:56px;
    }
    
/* CARRIAGE MAP */

#carriage_map_bg{
    width:869px;
    height:828px;
    background:url(../images/carriage/carriage_map_bg.jpg);
}    

.carriage_town{
    position:absolute;
    width:13px;
    height:13px;
} 

.carriage_position_1{left:510px;top:163px;}
.carriage_position_2{left:668px;top:250px;}
.carriage_position_3{left:610px;top:522px;}
.carriage_position_4{left:266px;top:456px;}
.carriage_position_5{left:236px;top:244px;}

.carriage_icon{
    position:relative;
    width:74px;
    height:81px;
    right:0px;
    top:-68px;
    background:url(../images/carriage/carriage_icon.png);
}

.carriage_bar_container{
    position:absolute;
    height:60px;
    width:4px;
    right:-6px;
    top:0px;
    border:1px solid #000;
    background:rgba(0,0,0,0.6);
}

.carriage_bar_amount{
    position:absolute;
    width:100%;
    left:0px;
    bottom:0px;
    background-color:#eecc33;
}

.carriage_timer{
    position:absolute;    
    bottom:2px;
    left:20px;
    font-size:10px;
    font-weight:bold;
    color:#fff;
}

.carriage_direction{
    position:absolute;
    top:-12px;
    min-width:100%;
    font-size:10px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    white-space:nowrap;
}

#carriage_description, .carriage_info{
    position:absolute;
    top:555px;
    left:100px;
    width:515px;
    padding: 0px 10px;
    background-color:rgba(0,0,0,0.1);
    border:1px solid #876b30;
    color:#000;
}

#carriage_description h3, .carriage_info h3{
    margin-top:10px;
}

.character_carriage_map{
    position:absolute;
    left:-50px;
    top:-40px;
    width:50px;
    height:50px;
    background:url(../images/travel/knight.png) no-repeat;
}


/* CARRIAGE PROFILE */

#carriage_profile{
    float:left;
    width:869px;
    height:484px;
    background:#000 url('../images/npc/carriage_profile_bg.jpg') top left no-repeat;
}

#carriage_wait{
    position:absolute;
    top:222px;
    left:475px;
}

#carriage_attack{
    position:absolute;
    top:209px;
    left:551px;
}

.carriage_profile_info{
    position:absolute;
    top:40px;
    left:475px;
    width:320px;
    color:#000;
}