@CHARSET "UTF-8";

body{
    background-image:url('../images/layout/backgrounds/bg.jpg');
    background-position: top center;
    background-repeat:no-repeat;
    background-color:#000000;
    font-family: Verdana,Arial, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    cursor:default;
}

div{margin:0px; padding:0px;border:0px; position:relative;}

a {text-decoration:none;color:#dbce9b;}

a:hover {text-decoration:none;color:#FFFFFF;}

a:focus {outline:0px;}

:focus {outline:0;}

img{border:none;}

textarea {
    resize: none;
}

#gondal_world{
    position:relative;
    margin: 0 auto;
    width: 1066px;
}

.floatleft{float:left;}
.floatright{float:right;}

.unselectable{
    user-select: none;
    -o-user-select:none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

h1{
	color:#000000;
    font-size:16px;
    font-weight:bold;
}

h2{
    color:#CACACA;
    font-size:14px;
    font-weight:bold;
}

/* MISC */

#announcement{
    position:absolute;
    top:-7px;
    left:711px;
    width:219px;
    height:146px;
    display:block;
    cursor:pointer;
    background:url(../images/announcements/announcement.png);
    z-index:1001;
}

.announcements_ph{
    position:absolute;
    top:19px;
    left:711px;
    width:177px;
    height:114px;
    display:block;
    cursor:pointer;
    z-index:1001;
}

.anouncement_shop {
    background:url(../images/announcements/announcement_shop.png);
}

.announcement_crystal{
    background:url(../images/announcements/announcement_small.png);
}

.anouncement_world2{
    background:url(../images/announcements/announcement_world2.png);
}

#announcement_1{
    display:none;
}

.avatar_big{
    height:135px;
    width:135px;
}

.bar_small{
    width:110px;
    height:8px;
}

.lifebar{
    width:20%;
    height:100%;
    background:url(../images/layout/redbar_9px.jpg) top left repeat-x;
}

.expbar{
    width:90%;
    height:100%;
    background:url(../images/layout/yellowbar_9px.jpg) top left repeat-x;
}

.manabar{
    width:90%;
    height:100%;
    background:url(../images/layout/bluebar_9px.jpg) top left repeat-x;
}

.button_med{
	display:block;
    width:150px;
    height:50px;
    background:#AAAAAA;
}

.button_med:hover{background:#555555;}

.guildicon{width:20px;height:15px;background:#AAAAAA;}

/* slider */

    .ui-slider { position: relative; text-align: left; height:40px; margin: 0 80px 0 20px;}
    .ui-slider .ui-slider-handle { position: absolute; z-index: 2; height: 40px; width: 40px; cursor: default; }
    .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0;}
    .ui-slider-horizontal .ui-slider-handle { background: url('../images/slider/slider.png') right 0px no-repeat; height: 40px; width: 40px; cursor:pointer;}
    .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

/* HEADER */
#header{
    width:100%;
    height:250px;
}

#character_headerinfo{
    width:358px;
    height:250px;
}

.character_headerinfo_magic_enabled {
    background:url('../images/layout/interface/header_01_magic.png') top left no-repeat;
}

.character_headerinfo_magic_disabled {
    background:url('../images/layout/interface/header_01.png') top left no-repeat;
}

#character_headerinfo_front{
    width:358px;
    height:250px;
    background:url('../images/layout/interface/header_01_front.png') top left no-repeat;
    
}

#character_headerinfo_front_logolink{
    display:block;
    width:305px;
    height:160px;
    margin-top:35px;
    margin-left:20px;
}

#character_headerinfo .avatar_big{
    left:86px;
    position:absolute;
    top:69px;
}

.headerinfo_overlay{
    position:absolute;
    left:27px;
	top:30px;
    width:314px;
    height:218px;
    background:url('../images/layout/interface/avatar_over.png') top left no-repeat;
}

#hudmenue_character_indexlink{
    position:absolute;
    cursor:pointer;
    left:86px;
    top:69px;
    height:135px;
    width:135px;
}

#bars_headerinfo{
	position:absolute;
    left:217px;
    top:84px;
}

#bars_headerinfo .bar_small{
    margin-bottom:11px;
}

#header_stats{
	position:absolute;
    left:208px;
    top:124px;
    width:125px;
}

.statvalue{    
	text-align:right;
	height:20px;
    color:#FFFFFF;
    width:125px;
}

.statvalue img{vertical-align:middle;}

#menucontainer{
    width:495px;
    height:250px;
    background:url('../images/layout/interface/header_02_01.png') top left no-repeat;
}

.menu_bgimage {
    position:absolute;
    top:78px;
    left:0px;
    width:495px;
    height:172px;
    background:url('../images/layout/interface/header_02_02.jpg') top left no-repeat;
}

.menu_bgimage_front {
    position:absolute;
    top:78px;
    left:0px;
    width:495px;
    height:172px;
    background:url('../images/layout/interface/header_02_03.jpg') top left no-repeat;
}

#menucontainer_logo{
    width:495px;
    height:250px;
    background:url('../images/layout/interface/header_02_logo.png') top left no-repeat;
}

#mainmenu{
    width:500px;
    height:69px;
    margin-top:124px;
    margin-right:-5px;
    z-index:1;
}

#mainmenu_front{
    width:500px;
    height:69px;
    margin-top:134px;
    margin-right:-5px;
}

.mainmenubutton, .mainmenubutton_single {
    width:79px;
    height:71px;
    cursor:pointer;
    margin-right:-17px;
    text-align:center;
    position:relative;
}

.frontmenubutton, .frontmenubutton_single {
	width:107px;
    height:94px;
    cursor:pointer;
    margin-right:-10px;
    text-align:center;
    background-position: top left;
}

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

.frontmenubutton_single_active{
    width:107px;
    height:94px;
    cursor:pointer;
    margin-right:-10px;
    text-align:center;
}

#front_mmb_1{background-image:url('../images/buttons/menue/front_login.png'); background-position: top left;}
#front_mmb_2{background-image:url('../images/buttons/menue/front_register.png'); background-position: top left;}
#front_mmb_3{background-image:url('../images/buttons/menue/front_screenshots.png'); background-position: top left;}
#front_mmb_4{background-image:url('../images/buttons/menue/front_story.png'); background-position: top left;}
#front_mmb_5{background-image:url('../images/buttons/menue/front_forum.png'); background-position: top left;}

#front_mmb_1:hover{; background-position: bottom left;}
#front_mmb_2:hover{; background-position: bottom left;}
#front_mmb_3:hover{; background-position: bottom left;}
#front_mmb_4:hover{; background-position: bottom left;}
#front_mmb_5:hover{; background-position: bottom left;}


#mmb_1{background-image:url('../images/buttons/menue/menu_pns.png'); background-position: top left;}
#mmb_2{background-image:url('../images/buttons/menue/menu_town.png'); background-position: top left;}
#mmb_3{background-image:url('../images/buttons/menue/menu_guild.png'); background-position: top left;}
#mmb_4{background-image:url('../images/buttons/menue/menu_ranking.png'); background-position: top left;}
#mmb_5{background-image:url('../images/buttons/menue/menu_arena.png'); background-position: top left;}
#mmb_6{background-image:url('../images/buttons/menue/menu_horde2.png'); background-position: top left;}
#mmb_6_arrow{background-image:url('../images/buttons/menue/menu_horde2_arrow.png'); background-position: top left;}
#mmb_7{background-image:url('../images/buttons/menue/menu_forum.png'); background-position: top left;}
#mmb_8{background-image:url('../images/buttons/menue/menu_crystals.png'); background-position: top left;}

#mmb_1:hover{ background-position: left -71px;}
#mmb_2:hover{ background-position: left -71px;}
#mmb_3:hover{ background-position: left -71px;}
#mmb_4:hover{ background-position: left -71px;}
#mmb_5:hover{ background-position: left -71px;}
#mmb_6:hover{ background-position: left -71px;}
#mmb_6_arrow:hover{ background-position: left -71px;}
#mmb_7:hover{ background-position: left -71px;}
#mmb_8:hover{ background-position: left -71px;}

#mainmenu .mainmenubutton_active {
    background-position: left -142px;
}

.menutitle{
	display:none;
    position:absolute;
    bottom:-25px;
    left:-90px;
    width:255px;
    height:20px;
    font-size:11px;
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;
    z-index:10000;
}

.mainmenubutton_single #menutitle_3{left:-90px;}
.mainmenubutton_single #menutitle_5{left:-90px;}
.mainmenubutton_single #menutitle_6{left:-90px;}
.mainmenubutton_single #menutitle_7{left:-90px;}
.mainmenubutton_single #menutitle_8{left:-100px;}

.submenu{display:none;position:absolute;top:40px;}

a.submenubutton{
	display:inline;
	width:67px;
    height:60px;
    cursor:pointer;
    margin-right:-15px;
    position:relative;
}


a.submenubutton_active{
    width:67px;
    height:60px;
    cursor:pointer;
    margin-right:-15px;
    text-align:center;
    background-position: bottom left;
    position:relative;
}

#submenu_1{position:absolute;left:-17px;width:215px;height:62px;}
#submenu_2{position:absolute;left:-12px;width:215px;height:62px;}
#submenu_3{position:absolute;left:51px;width:260px;height:62px;}
#submenu_4{position:absolute;left:166px;width:180px;height:62px;}
#submenu_6{position:absolute;left:240px;width:180px;height:62px;}

#smb_1_1{background:url('../images/buttons/submenue/submenu_pns_news.png') top left no-repeat;}
#smb_1_2{background:url('../images/buttons/submenue/submenu_pns_inbox.png') top left no-repeat;}
#smb_1_3{background:url('../images/buttons/submenue/submenu_pns_write.png') top left no-repeat;}
#smb_1_4{background:url('../images/buttons/submenue/submenu_pns_reports.png') top left no-repeat;}
#smb_2_1{background:url('../images/buttons/submenue/submenu_townitems.png') top left no-repeat;}
#smb_2_2{background:url('../images/buttons/submenue/submenu_townbank.png') top left no-repeat;}
#smb_2_3{background:url('../images/buttons/submenue/submenu_townquest.png') top left no-repeat;}
#smb_2_4{background:url('../images/buttons/submenue/submenu_townservice.png') top left no-repeat;}
#smb_3_1{background:url('../images/buttons/submenue/submenu_guildmembers.png') top left no-repeat;}
#smb_3_2{background:url('../images/buttons/submenue/submenu_guildestate.png') top left no-repeat;}
#smb_3_3{background:url('../images/buttons/submenue/submenu_guilddiplomacy.png') top left no-repeat;}
#smb_3_4{background:url('../images/buttons/submenue/submenu_guildenrollments.png') top left no-repeat;}
#smb_3_5{background:url('../images/buttons/submenue/submenu_guildsettings.png') top left no-repeat;}
#smb_3_6{background:url('../images/buttons/submenue/submenu_guildtransfer.png') top left no-repeat;}
#smb_4_1{background:url('../images/buttons/submenue/submenu_ranking_honor.png') top left no-repeat;}
#smb_4_2{background:url('../images/buttons/submenue/submenu_ranking_influence.png') top left no-repeat;}
#smb_4_3{background:url('../images/buttons/submenue/submenu_influence_history.png') top left no-repeat;}
#smb_6_1{background:url('../images/buttons/submenue/submenu_hordecamp.png') top left no-repeat;}
#smb_6_2{background:url('../images/buttons/submenue/submenu_hordescout.png') top left no-repeat;}
#smb_6_3{background:url('../images/buttons/submenue/submenu_hordearsenal.png') top left no-repeat;}


#smb_1_1:hover{background-position:left -60px;}
#smb_1_2:hover{background-position:left -60px;}
#smb_1_3:hover{background-position:left -60px;}
#smb_1_4:hover{background-position:left -60px;}
#smb_2_1:hover{background-position:left -60px;}
#smb_2_2:hover{background-position:left -60px;}
#smb_2_3:hover{background-position:left -60px;}
#smb_2_4:hover{background-position:left -60px;}
#smb_3_1:hover{background-position:left -60px;}
#smb_3_2:hover{background-position:left -60px;}
#smb_3_3:hover{background-position:left -60px;}
#smb_3_4:hover{background-position:left -60px;}
#smb_3_5:hover{background-position:left -60px;}
#smb_3_6:hover{background-position:left -60px;}
#smb_4_1:hover{background-position:left -60px;}
#smb_4_2:hover{background-position:left -60px;}
#smb_4_3:hover{background-position:left -60px;}
#smb_6_1:hover{background-position:left -60px;}
#smb_6_2:hover{background-position:left -60px;}
#smb_6_3:hover{background-position:left -60px;}

#character_headerinfo .submenubutton_activestat,
#map_menu .submenubutton_activestat,
#mainmenu .submenubutton_activestat,
#mainmenu .submenubutton_active{
    background-position: bottom left;
}

.submenutitle{
    display:none;
    position:absolute;
    bottom:-25px;
    top:53px;
    left:0px;
    height:20px;
    font-size:11px;
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;
    z-index:10000;
}

#submenu_1 .submenutitle{width:215px;}
#submenu_2 .submenutitle{width:215px;}
#submenu_3 .submenutitle{width:215px;}
#submenu_4 .submenutitle{width:180px;}
#submenu_6 .submenutitle{width:180px;}

#map_menu{
    width:213px;
    height:250px;
    background:url('../images/layout/interface/header_03.png') top left no-repeat;
}

.map_avatar{
	height:120px;
    margin-left:26px;
    margin-top:80px;
    width:120px;
}

.map_over{
    height:155px;
    left:4px;
    position:absolute;
    top:63px;
    width:166px;
    background:url('../images/layout/interface/map_over.png');
}

#hudmenue_map_town{
    position:absolute;
    display:block;
    height:120px;
    left:26px;
    top:80px;
    width:120px;
}

.hudmenu_button{
    display:block;
    position:absolute;
    width:67px;
    height:60px;
    cursor:pointer;
    background-position: top left;
}

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

.hudmenu_button_small{
    display:block;
    position:absolute;
    width:40px;
    height:36px;
    cursor:pointer;
    background-position: top left;
}

.hudmenu_button_small:hover{background-position: left -36px;}

.hudmenu_character_index{
	top:179px;
	left:144px;
	background-image: url('../images/buttons/hudmenue/hudmenu_character_index.png');
}

.hudmenu_character_ride{
    top:165px;
    left:70px;
    background: url('../images/buttons/hudmenue/hudmenu_character_ride.png');
}

.hudmenu_character_stats{
    left:208px;
    top:161px;
    background: url('../images/buttons/hudmenue/hudmenu_character_stats.png');
}

.hudmenu_character_tutorial{
    top:33px;
    left:99px;
    background: url('../images/buttons/hudmenue/hudmenu_character_tutorial.png');
}

.hudmenu_character_settings{
    left:209px;
    top:123px;
    background: url('../images/buttons/hudmenue/hudmenu_character_settings.png');
}

.hudmenu_character_training{
    top:87px;
    left:52px;
    background: url('../images/buttons/hudmenue/hudmenu_character_training.png');
}

.hudmenu_character_forum{
    top:87px;
    left:52px;
    background: url('../images/buttons/hudmenue/hudmenu_forum.png');
}

.hudmenu_character_itemreward{
    top:161px;
    left:68px;
    background: url('../images/buttons/hudmenue/hudmenu_character_treasure.png');
}

.hudmenu_map_world2{
    top:46px;
    left:33px;
    background: url('../images/buttons/hudmenue/hudmenu_map_world2.png');
    z-index:1005;
}

.hudmenu_map_carriage{
    top:76px;
    left:105px;
    background: url('../images/buttons/hudmenue/hudmenu_map_carriage.png');
    z-index:1005;
}

.hudmenu_map_shop{
    top:46px;
    left:33px;
    background: url('../images/buttons/submenue/submenu_shop.png');
    z-index:1005;
}

.hudmenu_map_global{
    top:162px;
    left:10px;
    background: url('../images/buttons/hudmenue/hudmenu_map_global.png');
    z-index:1005;
}

.hudmenu_map_local{
    top:174px;
    left:76px;
    background: url('../images/buttons/hudmenue/hudmenu_map_local.png') top left no-repeat;
    z-index:1005;
}

.hudmenu_map_province{
    left:126px;
    top:144px;
    background: url('../images/buttons/hudmenue/hudmenu_map_province.png');
    z-index:1005;
}

.hudmenu_bane {
    left:208px;
    top:198px;
    background: url('../images/buttons/hudmenue/hudmenu_bane.png');
}

.hudmenu_spell {
    left:208px;
    top:198px;
    background: url('../images/buttons/hudmenue/hudmenu_spell.png');
}

.hudmenu_bane_spell {
    left:208px;
    top:198px;
    background: url('../images/buttons/hudmenue/hudmenu_bane_spell.png');
}

/* SIDECONTENT 
#sidecontent{
    width:258px;
    height:611px;
    background:url('../images/layout/interface/sidecontent.png') top left no-repeat;

}
*/



/* CONTENT */
#content{
}

#outerborder_1{
    width:106px;
    height:484px;
    background:url('../images/layout/interface/outerborder_01.png') top right no-repeat;
}

#outerborder_2{
    width:91px;
    height:484px;
    background:url('../images/layout/interface/outerborder_02.png') top right no-repeat;
}

#wrapper{
	width:869px;
    min-height:484px;  
    background:url('../images/layout/backgrounds/content_bg.jpg') top left #000000 no-repeat; 
}

#innerborder_left{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width:37px;
    background:url('../images/layout/interface/content_left.png') top left repeat-y;
    z-index:1600;
}
	
#innerborder_right{
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    width:37px;
    background:url('../images/layout/interface/content_right.png') top right repeat-y;
    z-index:1600;
}
	
#innerborder_top{
    position:absolute;
    top:0px;
    left:0px;
    width:869px;
    height:28px;
    background:url('../images/layout/interface/content_top.png') top left no-repeat;
    z-index:1600;
}
	
#innerborder_bottom{
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    height:37px;
    background:url('../images/layout/interface/content_bottom.png') top left repeat-x;
    z-index:1600;
}


/* FOOTER */
#footer{
	clear:both;
    width:100%;
    height:90px;
    background:url('../images/layout/interface/footer.jpg') top left no-repeat;
    margin-left:30px;
}

#footerlinks{
	height:12px;
	left:350px;
	position:absolute;
	top:30px;
	width:346px;
	text-align:center;
	font-size:11px;
}

#front_footer{
    clear:both;
    width:100%;
    height:180px;
    background:url('../images/layout/interface/footer_new.jpg') top left no-repeat;
    margin-left:30px;
}

#front_footerlinks{
    height:12px;
    left:80px;
    position:absolute;
    top:30px;
    width:836px;
    text-align:center;
    font-size:11px;
}

#front_footergamelinks{
    height:50px;
    left:80px;
    position:absolute;
    top:76px;
    width:836px;
    text-align:center;
    font-size:11px;
}

a.fgamelink{
    margin-left:10px;
    margin-right:10px;
}

#front_footergametitle{
    height:50px;
    left:80px;
    position:absolute;
    top:62px;
    width:836px;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color:#DBCE9B;
}

a.fgamelink:hover{border-bottom:1px solid #000000;}

/*
+++ !!!Bitte vorerst nicht löschen!!! +++
Der neue Footer hatte nach dem Formatwahnsinn folgende Styles. Hab grad keine Zeit diese Styles mit den momentan verwendeten Styles zu vergleichen. 
Genauere Info gibts beim Harald 
    #footer {
        clear: both;
        width: 100%;
        height: 90px;
        background: url('../images/layout/interface/footer.jpg') top left no-repeat;
        margin-left: 30px;
    }
    
    #footerlinks {
        height: 12px;
        left: 350px;
        position: absolute;
        top: 30px;
        width: 346px;
        text-align: center;
        font-size: 11px;
    }
    
    #front_footer {
        clear: both;
        width: 100%;
        height: 180px;
        background: url('../images/layout/interface/footer_new.jpg') top left no-repeat;
        margin-left: 30px;
    }
    
    #front_footerlinks {
        height: 12px;
        left: 80px;
        position: absolute;
        top: 30px;
        width: 836px;
        text-align: center;
        font-size: 11px;
    }
    
    #front_footergamelinks {
        height: 50px;
        left: 80px;
        position: absolute;
        top: 76px;
        width: 836px;
        text-align: center;
        font-size: 11px;
    }
    
    a.fgamelink {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    #front_footergametitle {
        height: 50px;
        left: 80px;
        position: absolute;
        top: 62px;
        width: 836px;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        color: #DBCE9B;
    }
    
    a.fgamelink:hover {
        border-bottom: 1px solid #000000;
    }

+++ Ende von !!!Bitte vorerst nicht löschen!!! +++
*/



/* FLASHMASSAGE */

    #flashmsg, .thing_dialog{
        display: none;
        position:fixed;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:100000;
        background: url('../images/flashmsg/black.png') top left repeat;
    }
    
    #flashmsg #flashmsg_container, .thing_dialog .thing_dialog_container{
        position:fixed;
        top:140px;
        left: 50%;
        margin-left:-240px;
        width:517px;
    }
    
    #flashmsg .flashmsg_01, .thing_dialog .thing_dialog_01{
        position:relative;
        float:left;
        width:517px;
        height:120px;
        background: url('../images/flashmsg/flashmsg_01.png') top left no-repeat;
    }
    
    #flashmsg .flashmsg_02, .thing_dialog .thing_dialog_02{
        position:relative;
        float:left;
        margin:0 auto;
        width:517px;
        background: url('../images/flashmsg/flashmsg_02.png') top left repeat-y;
    }
    
    #flashmsg .flashmsg_02 .flashtext, .thing_dialog .thing_dialog_02 .thing_dialogtext{
        margin-left:33px;
        margin-top:-95px;
        width:452px;
        color:#000000;
    }
    
    #flashmsg .flashmsg_02 .flashtext h1, .thing_dialog .thing_dialog_02 .thing_dialogtext h1{
        font-size:18px;
        font-style:italic;
    }
    
    .thing_dialog .thing_dialog_02 .thing_dialogtext h4{
        margin-top:0px;
    }
    
    #flashmsg .flashmsg_03, .thing_dialog .thing_dialog_03{
        position:relative;
        float:left;
        width:517px;
        height:14px;
        background: url('../images/flashmsg/flashmsg_03.png') top left no-repeat;
    }

    .flashtext .content{
        float:left;
        width:300px;
    }

    #flashmsg .buttons{
        float:right;
        width:131px;
        text-align:center;
    }
    
    .thing_dialog .buttons{
        margin-top:10px;
        margin-bottom:15px;
        height: 40px;
        width:452px;
        text-align:center;
    }
    
    .thing_dialog .buttons a{
        display:inline-block;
        background-position: left top;
        width:131px !important;
        height:40px !important;
        cursor:pointer;
    }
    
    #flashmsg .buttons a{
        background-position: left top;
        width:131px !important;
        height:40px !important;
    }
    
    #flashmsg .buttons a:hover, .thing_dialog .buttons a:hover{
        background-position: 0 -40px;
    }
    
    .flashmsg_button_ok, .thing_dialog .flashmsg_button_ok  {background-image: url('../images/flashmsg/button_ok.png');}
    
    .flashmsg_button_yes, .thing_dialog .flashmsg_button_yes{background-image: url('../images/flashmsg/button_yes.png');}
    
    .flashmsg_button_no, .thing_dialog .flashmsg_button_no{background-image: url('../images/flashmsg/button_no.png');}
    
    .flashmsg_button_drop, .thing_dialog .flashmsg_button_drop{background-image: url('../images/flashmsg/button_drop.png');}
   
    .flashmsg_button_sporran, .thing_dialog .flashmsg_button_sporran{background-image: url('../images/buttons/button_sporran.png');background-position: top center;}
    
    .flashmsg_button_abort, .thing_dialog .flashmsg_button_abort{background-image: url('../images/flashmsg/button_abort.png');}
    
    
    
/* TOOLTIPS */
    .tooltip_name {
        text-align:center;
        /*diplay:block;*/
    }

    .margin_tooltip{
        margin-bottom:10px;
        margin-top:5px;
        margin-right:15px;
        margin-left:15px;
        display:block;
    }
    
    #attribute_tooltip_name {
        margin: 4px 8px;
        font-size: 14px;
        font-weight: bold;
        text-align:center;
        display:block;
    }

    #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 th {
        color: white;
    }

    #attribute_tooltip td {
        width: 40px;
    }

    #attribute_tooltip th,
    #attribute_tooltip td {
        margin: 0;
        text-align: right;
    }
    
    .tooltip_table{
        color:#fff;
        border:none;
    }
    
    .tooltip_left_top {
         background:url('../images/tooltip/tooltip_01.png') no-repeat;
         height:23px;
         width:31px;
         overflow:hidden;
    }
    
    .tooltip_center_top {
         background:url('../images/tooltip/tooltip_02.png') repeat-x;
    }
    
    .tooltip_right_top {
         background:url('../images/tooltip/tooltip_03.png') no-repeat;
         width:30px;
         overflow:hidden;
    }
    
    .tooltip_left_center {
         background:url('../images/tooltip/tooltip_04.png') repeat-y;
    }
    
    .tooltip_center_center {
         background:url('../images/tooltip/tooltip_05.png');
    }
    
    .tooltip_right_center {
         background:url('../images/tooltip/tooltip_06.png') repeat-y;
    }
    
    .tooltip_left_bottom {
         background:url('../images/tooltip/tooltip_07.png') no-repeat;
         height:27px;
    }
    
    .tooltip_center_bottom {
         background:url('../images/tooltip/tooltip_08.png') repeat-x;
    }
    
    .tooltip_right_bottom {
         background:url('../images/tooltip/tooltip_09.png') no-repeat;
    }
    
    #tooltip {
        position: absolute;
        z-index: 99999999;       
        color:#FFFFFF;
        max-width: 530px;
    }
    
    .tooltip_fix{
        background: url('../images/items/layout/tooltip.png') top left no-repeat;
        width: 320px;
        height: 168px;  
    }
    
    .tooltip_fix .body{
        margin:20px;        
    }
    
    #tooltip div.itemname{
        margin: 2px 2px 6px 2px;
        font-size: 14px;
        font-weight: bold;
        vertical-align: middle;
    }
    
    #property_tooltip table {
        border-spacing: 0;
        margin: 0 auto;
        padding: 0;
        font-size: 12px;
    }
    
    .property_tooltip_title{
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        display: none;    
    }
    
    #property_tooltip_content tr {
        display: none;    
    }
    
    #property_tooltip_content th {
        width: 100px;
    }
    
    #property_tooltip_content td {
        width: 70px;
    }

    #property_tooltip_content th,
    #property_tooltip_content td {
        margin: 0;
        text-align: right;
    }
       
    .sum_line{
        width: 140px;
        height: 2px;
        margin-left: 20px;
        border-bottom: 1px solid white; 
    }
    
    #tooltip div.itemstat{
        margin: 1px 2px;
        font-size: 12px;
    }
    
    #tooltip table.item_tooltip_table th{
        color: #fff;
        text-align:left;      
    }
    
    #tooltip table.item_tooltip_table td.value{
        text-align:right;
    }
    
 /* BASICS: dropdown */
    
    .dropdown{
        width:225px;
        min-height:35px;
        position:relative;
        color:#FFFFFF;
        white-space: nowrap;
    }
    
    .dropdown .ddtextcontainer{
        float:left;
        width:200px;
        height:21px;
        background:#000000;
        border:1px #615630 solid;
        border-right:1px #000000 solid;
        overflow: hidden;
    }
    
    .dropdown .ddtext{
        position:absolute;
        top:3px;
        left:10px;
    }
    
    .dropdown a.ddbutton{
        position:absolute;
        float:left;
        width:25px;
        height:25px;
        right:0px;
        top:-1px;
        cursor:pointer;
        background-image: url('../images/layout/dropdown/dropdown_02.png');
        background-position: top left;
        z-index:90;
    }
    
    .dropdown a.ddbutton:hover{
        background-position: bottom left;
    }
    
    .dropdown .ddopen{
        position:absolute;
        left:0px;
        top: 22px; 
        width:199px;
        background: #000000;
        border:1px #615630 solid;
        border-top: 1px #000000 solid;
        z-index: 2000;       
    }
    
    .dropdown .ddopen .ddlist{
        width:190px;
        padding-bottom:5px;
        margin-left:5px;
        height: 100px;
    }
    
    .dropdown .ddopen .ddlist a{
        display:block;
        width:94%;
        margin-top:3px;
        margin-left:5px;
        color:#FFFFFF;
    }
    
    .dropdown .ddopen .ddlist a:hover{
        background:url('../images/layout/backgrounds/gold_10x10_30p.png') repeat;
        color:#FFFFFF;
        text-decoration:none;
    }
    
    .dropdown .ddopen .ddscrollbar{
        display:none;
        float:right;
        width:22px;
        height:100px;
    }
    
    .dropdown .ddopen .ddscrollbar a.ddup{
        display: block;
        float:left;
        width:22px;
        height:16px;
        background: url('../images/layout/ddscrollback_02.png') 0px 0px no-repeat;
    }
    
    .dropdown .ddopen .ddscrollbar a.ddup:hover{
        background: url('../images/layout/ddscrollback_02.png') 0px -16px no-repeat;
    }
    .dropdown .ddopen .ddscrollbar .ddscroll{
        float:left;
        width:22px;
        height:69px;
        background: url('../images/layout/ddscrollback_03.png') 0px 0px no-repeat;
    }
    
    .dropdown .ddopen .ddscrollbar a.dddown{
        display: block;
        float:left;
        width:22px;
        height:15px;
        background: url('../images/layout/ddscrollback_04.png') 0px 0px no-repeat;
    }
    
    .dropdown .ddopen .ddscrollbar a.dddown:hover{
        background: url('../images/layout/ddscrollback_04.png') 0px -15px no-repeat;
    }   

    .pagination_dropdown{
        width:85px;
        min-height:35px;
        position:relative;
    }
    
    .pagination_dropdown .ddtextcontainer{
        float:left;
        width:60px;
        height:21px;
        background:#000000;
        border:1px #615630 solid;
        border-right:1px #000000 solid;
        text-align:center;
    }
    
    .pagination_dropdown .ddtext{
        margin-top:3px;
        margin-left:5px;
    }
    
    .pagination_dropdown a.ddbutton{
        position:absolute;
        float:left;
        width:25px;
        height:25px;
        right:0px;
        top:-1px;
        cursor:pointer;
        background-image: url('../images/layout/dropdown/dropdown_02.png');
        background-position: top left;
        z-index:3000;
    }
    
    .pagination_dropdown a.ddbutton:hover{
        background-position: bottom left;
    }
    
    .pagination_dropdown .ddopen{
        position:absolute;
        left:0px;
        top: 22px; 
        width:59px;
        background: #000000;
        border:1px #615630 solid;
        border-top: 1px #000000 solid;
        z-index: 2000;       
    }
    
    .pagination_dropdown .ddopen .ddlist{
        width:50px;
        padding-bottom:5px;
        height: 100px;
        text-align:center;
    }
    
    .pagination_dropdown .ddopen .ddlist a{
        display:block;
        width:94%;
        margin-top:3px;
        margin-left:5px;
        color:#FFFFFF;
    }
    
    .pagination_dropdown .ddopen .ddlist a:hover{
        background:url('../images/layout/backgrounds/gold_10x10_30p.png') repeat;
        color:#FFFFFF;
        text-decoration:none;
    }
    
    .pagination_dropdown .ddopen .ddscrollbar{
        display:none;
        float:right;
        width:22px;
        height:100px;
    }
    
    .pagination_dropdown .ddopen .ddscrollbar a.ddup{
        display: block;
        float:left;
        width:22px;
        height:16px;
        background: url('../images/layout/ddscrollback_02.png') 0px 0px no-repeat;
    }
    
    .pagination_dropdown .ddopen .ddscrollbar a.ddup:hover{
        background: url('../images/layout/ddscrollback_02.png') 0px -16px no-repeat;
    }
    .pagination_dropdown .ddopen .ddscrollbar .ddscroll{
        float:left;
        width:22px;
        height:69px;
        background: url('../images/layout/ddscrollback_03.png') 0px 0px no-repeat;
    }
    
    .pagination_dropdown .ddopen .ddscrollbar a.dddown{
        display: block;
        float:left;
        width:22px;
        height:15px;
        background: url('../images/layout/ddscrollback_04.png') 0px 0px no-repeat;
    }
    
    .pagination_dropdown .ddopen .ddscrollbar a.dddown:hover{
        background: url('../images/layout/ddscrollback_04.png') 0px -15px no-repeat;
    }
    
    
/* BASICS: Scrollbar */

    .jScrollPaneContainer {
        position: relative;
        overflow: hidden;
        z-index: 1;
        margin-top:5px;
        margin-bottom:5px;
    }
    
    .jScrollPaneTrack {
        position: absolute;
        cursor: pointer;
        right: 0;
        top: 0;
        height: 100%;
        background: url('../images/scrollbar/scrollbar_02.jpg') 0px 0px repeat-y;
    }
    .jScrollPaneDrag {
        position: absolute;
        background: url('../images/scrollbar/scrollpanedrag.jpg') 2px 0px no-repeat;
        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;
        background: url('../images/scrollbar/scrollbar_01.jpg') 0px 0px no-repeat;
        height: 3px;
        width:5px;
    }
    
    
    a.jScrollArrowDown {
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 0;
        right: 0;
        text-indent: -2000px;
        overflow: hidden;
        background: url('../images/scrollbar/scrollbar_03.jpg') 0px 0px no-repeat;
        height: 3px;
    }
        
/* BUTTONS */

    .button_small, #flashmsg .buttons a{
        display:block;
        width:167px;
        height:48px;
        cursor:pointer;
    }
    
    .button_large{
        display:block;
        width:204px;
        height:48px;
        cursor:pointer;
    }
    
    .button_mini{
        display:block;
        width:14px;
        height:14px;
        cursor:pointer;
    }
    
    .button_small:hover, #flashmsg .buttons a:hover{background-position: bottom center;}
    .button_large:hover{background-position: bottom center;}
    .button_mini:hover{background-position: bottom center;}
    
    .button_login{
        background-image: url('../images/buttons/login.png'); 
        background-position: top center;
        width:80px;
        height:70px;
    }
    
    .button_login:hover{background-position:bottom center;}
    
    .button_startgame{background-image: url('../images/buttons/start_game.png'); background-position: top center;}
    
    .button_buy_attibutes{background-image: url('../images/buttons/buy_attribute.png'); background-position: top center;}
    
    .button_buy_attibutes{background-image: url('../images/buttons/buy_attribute.png');background-position: top center;}
    
    .button_save{background-image: url('../images/buttons/save.png');background-position: top center;}
    
    .button_register{background-image: url('../images/buttons/register.png');background-position: top center;}
    
    .button_buy{background-image: url('../images/buttons/buy.png');background-position: top center;}
    
    .button_accept{background-image: url('../images/buttons/accept.png');background-position: top center;}
    
    .button_accept_mk{background-image: url('../images/buttons/accept_mk.png');background-position: top center;}
    
    .button_exchange{background-image: url('../images/buttons/exchange.png');background-position: top center;}
    
    .button_deposit{background-image: url('../images/buttons/deposit.png');background-position: top center;}
    
    .button_withdraw{background-image: url('../images/buttons/withdraw.png');background-position: top center;}
    
    .buyitempage{background-image: url('../images/buttons/buyitempage.png');background-position: top center;}
    
    .freeitempage{background-image: url('../images/buttons/freeitempage.png');background-position: top center;}
    
    .button_yes{background-image: url('../images/buttons/yes.png');background-position: top center;}
    
    .button_no{background-image: url('../images/buttons/no.png');background-position: top center;}
    
    .button_abort{background-image: url('../images/buttons/abort.png');background-position: top center;}
    
    .button_ok{background-image: url('../images/buttons/ok.png');background-position: top center;}
    
    .button_next{background-image: url('../images/buttons/next.png');background-position: top center;}
    
    .button_attack{background-image: url('../images/buttons/attack.png');background-position: top center;}
    
    .button_assault{background-image: url('../images/buttons/assault.png');background-position: top center;}
    
    .button_sendpn{background-image: url('../images/buttons/send_pn.png');background-position: top center;}
    
    .button_fightreport{background-image: url('../images/buttons/fightreport.png');background-position: top center;}
    
    .button_hordequest{background-image: url('../images/buttons/hordequest.png');background-position: top center;}
    
    .button_hordequest_crystal{background-image: url('../images/buttons/hordequest_crystal.png');background-position: top center;}
    
    .button_reply{background-image: url('../images/buttons/reply.png');background-position: top center;}
    
    .button_reply_2{background-image: url('../images/buttons/reply_2.png');background-position: top center;}
    
    .button_back{background-image: url('../images/buttons/back.png');background-position: top center;}
    
    .button_back_2{background-image: url('../images/buttons/back_2.png');background-position: top center;}
    
    .button_start_training{background-image: url('../images/buttons/start_training.png');background-position: top center;}
    
    .button_forum{background-image: url('../images/buttons/forum.png');background-position: top center;}
    
    .button_training_overview{background-image: url('../images/buttons/back_to_overview.png');background-position: top center;}
    
    .button_beautify{background-image: url('../images/buttons/beautify.png');background-position: top center;}
    
    .button_enhance{background-image: url('../images/buttons/enhance.png');background-position: top center;}
    
    .button_leveldefence{background-image: url('../images/buttons/button_leveldefence.png');background-position: top center;}
    
    .button_destroydefence{background-image: url('../images/buttons/button_destroydefence.png');background-position: top center;}
    
    .button_showagain{background-image: url('../images/buttons/show_again.png');background-position: top center;}
        
    a.attributelevel{
        display:block;
        float:right;
        width:30px;
        height:30px;
        background: url('../images/buttons/plus.png') 0px 0px no-repeat;
    }
    
    a.start_attributelevel{
        display:block;
        width:30px;
        height:30px;
        background: url('../images/buttons/plus.png') 0px 0px no-repeat;
    }
    
    a.attributelevel:hover{
        background: url('../images/buttons/plus.png') 0px -30px no-repeat;
    }
    
    a.start_attributelevel:hover{
        background: url('../images/buttons/plus.png') 0px -30px no-repeat;
    }
    
    .button_leave{
        float:right;
        width:30px;
        height:30px;
        background-image: url('../images/buttons/leave.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
    }
    
    .button_leave:hover{background-position: 0px -30px;}
    
    .button_left{
        width:30px;
        height:30px;
        background-image: url('../images/buttons/left.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
    }
    .button_left:hover{background-position: 0px -30px;}
    
    .button_right{
        width:30px;
        height:30px;
        background-image: url('../images/buttons/right.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
    }
    .button_right:hover{background-position: 0px -30px;}
    
    
    .mbutton_add{background-image: url('../images/buttons/minibutton_add.png');background-position: top center;margin:0 auto;}
    .mbutton_leave{background-image: url('../images/buttons/minibutton_leave.png');background-position: top center;margin:0 auto;}
    .mbutton_pn{background-image: url('../images/icons/icons_pn.png');background-position: top center;margin:0 auto;}
    .mbutton_accept{background-image: url('../images/buttons/minibutton_accept.png');background-position: top center;margin:0 auto;}
    .mbutton_reset{background-image: url('../images/icons/icons_reset.png');background-position: top center;margin:0 auto;}
    .mbutton_fight{background-image:url('../images/icons/icons_attack.png');}
    .mbutton_substract{background-image: url('../images/buttons/minibutton_substract.png');background-position: top center;margin:0 auto;}
    
    .button_kick{
        float:right;
        width:30px;
        height:30px;
        background-image: url('../images/buttons/leave.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
    }
    
    .button_kick:hover{background-position: 0px -30px;}
    
    .icon_attack{
        display:block;
        width:14px;
        height:14px;
        margin:0 auto;
        background-position:top left;
    }
    
    .attack_button_list{
        display:block;
        width:77px;
        height:20px;
        margin:0 auto;
        background-position:top left;
        background-image: url('../images/buttons/attack_button_list.png');
    }
    
    .button_attack_castle_heal,
    .button_attack_castle_disabled {
        display:block;
        width:204px;
        height:48px;
        margin:0 auto;
        background-position:top left;
        background-repeat: no-repeat;
    }
    
    .button_attack_castle_instant,
    .button_attack_castle_free {
        display:block;
        width:167px;
        height:48px;
        margin:0 auto;
        background-position:top left;
        background-repeat: no-repeat;
    }
    
    .button_attack_castle_free{background-image: url('../images/buttons/attack.png');}
    .button_attack_castle_instant{background-image: url('../images/buttons/attack_mk.png');}
    .button_attack_castle_heal{background-image: url('../images/buttons/heal_and_attack.png');}
    .button_attack_castle_disabled{background-image: url('../images/buttons/attack_disabled.png');}
    
    .icon_attack:hover{
        background-position:bottom left;
    }
    
    .standard_attack{background-image:url('../images/icons/icons_attack.png');cursor:pointer;}
    .crystal_attack{background-image:url('../images/icons/icons_attack_crystal.png');cursor:pointer;}
    .no_crystal_attack{background-image:url('../images/icons/icons_attack_no_crystal.png');}
    .gold_attack{background-image:url('../images/icons/icons_attack_gold.png');cursor:pointer;}
    .no_gold_attack{background-image:url('../images/icons/icons_attack_no_gold.png');}

    
    .button_magnifyingglass{
        width:30px;
        height:27px;
        background-image:url('../images/buttons/magnifyingglass.png'); 
        background-position:top left;
        cursor:pointer;
    }
    
    .button_magnifyingglass:hover{background-position:bottom left;}
    
    .paginate{
        width:30px;
        height:30px;
        cursor:pointer;
        float:left;
        display:block;
    }
    
    .first_page{
        background-image:url('../images/buttons/left_2.png'); 
        background-position:top left;
    }
    .prev_page{
        background-image:url('../images/buttons/left.png'); 
        background-position:top left;
    }
    .next_page{
        background-image:url('../images/buttons/right.png'); 
        background-position:top left;
    }
    .last_page{
        background-image:url('../images/buttons/right_2.png'); 
        background-position:top left;
    }
    
    .first_page:hover, .prev_page:hover, .next_page:hover, .last_page:hover{background-position:bottom left;}
    
    .sendpn_profile{background-image:url('../images/buttons/profile_sendpn.png');}
    .attack_profile{background-image:url('../images/buttons/profile_attack.png');}
    .invite_profile{background-image:url('../images/buttons/profile_invite.png');}
    .kick_profile{background-image:url('../images/buttons/profile_kick.png');}
    
    .bane_profile{background-image:url('../images/buttons/profile_bane.png');}
    .spell_profile{background-image:url('../images/buttons/profile_spell.png');}
    
    .gift_profile{background-image:url('../images/buttons/profile_gift.png');}
    
    .signups_left{
        width:30px;
        height:50px;
        background-image: url('../images/buttons/signups_left.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
    }
    .signups_left:hover{background-position: 0px -50px;}
    
    .signups_right{
        width:30px;
        height:50px;
        background-image: url('../images/buttons/signups_right.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
    }
    .signups_right:hover{background-position: 0px -50px;}
    
    .signups_left_small{
        width:21px;
        height:35px;
        background-image: url('../images/buttons/signups_left_small.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
    }
    .signups_left_small:hover{background-position: 0px -35px;}
    
    .signups_right_small{
        width:21px;
        height:35px;
        background-image: url('../images/buttons/signups_right_small.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
    }
    .signups_right_small:hover{background-position: 0px -35px;}
    
/* INFO */
    .infobutton {
        width:25px;
        height:27px;
        background-image: url('../images/buttons/button_info.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
        display:block;
        position:absolute;
        left:112px;
        top:246px;
        z-index:1601;
    }
    
    .infobutton:hover{background-position: 0px -28px;}
    
    .chatbutton {
        width:25px;
        height:27px;
        background-image: url('../images/buttons/button_chat.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
        display:block;
        position:absolute;
        right:109px;
        top:246px;
        z-index:1601;
    }
    
    .chatbutton:hover{background-position: 0px -28px;}
    
    #tutorial {
	    width:869px;
	    height:100%;
	    background:url(../images/misc/transparent_png_50.png); 
	    position:absolute;
	    top:0px;
	    left:0px;
	    color:#ffffff;
	    z-index:199999;
	}
	
	#tutorial span .keyword {
	    font-weight:bold;
	    color:#900;
	}
	
	.tutorial_content {
	    height:auto;
	    background:url(../images/misc/transparent_png_20.png);
	    border:1px solid #ffffff;
	}
	
	.tutorial_margin {
	   margin:7px;
	   display:block;
	}
	
	.tutorial_close {
        background:url(../images/tutorial/x.png);
        width: 40px;
        height: 40px;
        cursor: pointer;  
        position:absolute;
        top:30px;
        right:50px; 
	}
	
	.tutorial_content_container {
	    position:absolute;
        top:85px;
        left:50px; 
        width: 769px;
	}
	
	a.move_left{
	   display: block;
	   position: absolute;
	   left:26px;
	   top:85px;
	   height: 87%;
	   width: 35px;
	   background-color: #FFF;
	   cursor: pointer;
	   background:url(../images/misc/transparent_png_white_70.png);
    }
    
    a:hover.move_left{
       background:url(../images/misc/transparent_png_white_40.png);
    }
    
    a.move_right{
       display: block;
       position: absolute;
       right:24px;
       height: 87%;
       width: 35px;
       top:85px;
       background-color: #FFF;
       cursor: pointer;
       background:url(../images/misc/transparent_png_white_70.png);
    }
    
    a:hover.move_right{
    	background:url(../images/misc/transparent_png_white_40.png);
    }
    
    .menuitem_tutorial {
        width:245px;
        height:80px;
        display:block;
        float:left;
    }
    
    .mainmenubutton_tutorial {
        width:79px;
        height:71px;
        margin-right:5px;
        text-align:center;
        display:block;
        float:left;
    }
    
    .mmb_1{background-image:url('../images/buttons/menue/menu_pns.png'); background-position: top left;}
    .mmb_2{background-image:url('../images/buttons/menue/menu_town.png'); background-position: top left;}
    .mmb_3{background-image:url('../images/buttons/menue/menu_guild.png'); background-position: top left;}
    .mmb_4{background-image:url('../images/buttons/menue/menu_ranking.png'); background-position: top left;}
    .mmb_5{background-image:url('../images/buttons/menue/menu_arena.png'); background-position: top left;}
    .mmb_6{background-image:url('../images/buttons/menue/menu_horde2.png'); background-position: top left;}
    .mmb_7{background-image:url('../images/buttons/menue/menu_forum.png'); background-position: top left;}
    .mmb_8{background-image:url('../images/buttons/menue/menu_crystals.png'); background-position: top left;}
    
    .hudmenu_button_tutorial {
        display:block;
        width:67px;
        height:60px;
        margin-top:8px;
        margin-right:5px;
        background-position: top left;
        float:left;
    }
    
    .new_pn_kb_main {
        background-image:url('../images/icons/new_pn_kp.png');
        width:23px;
        height:25px;
        position:absolute;
        top:3px;
        left:9px;
    }
    
    .new_pn_kb_sub {
        background-image:url('../images/icons/new_pn_kp.png');
        width:23px;
        height:25px;
        display:block;
        position:absolute;
        top:2px;
        left:7px;
    }
    
    .submenu_icon_running {
        background-image:url('../images/icons/menu_icon_running.png');
        width:23px;
        height:25px;
        display:block;
        position:absolute;
        top:2px;
        left:35px;
    }
    
    .mainmenu_icon_running {
        background-image:url('../images/icons/menu_icon_running.png');
        width:23px;
        height:25px;
        display:block;
        position:absolute;
        top:3px;
        left:45px;
    }
    
    .button_startgame_new{
        display:block;
        width:204px;
        height:108px;
        cursor:pointer;
        background-image: url('../images/buttons/start_game_new.png'); 
        background-position: top center;
    }
    
    .button_startgame_new:hover{
        background-position: bottom center;
    }
    
    .npc_button{
        cursor:pointer;
        display:inline-block;
        height:60px;
        position:relative;
        width:67px;
        background-position: 0px 0px;
    }
    
    .npc_button:hover{
        background-position: 0px -60px;
    }
    
    .npc_no{background-image:url('../images/buttons/npc_no.png');}
    .npc_yes{background-image:url('../images/buttons/npc_yes.png');}
    
/* Welcome */
    #welcome {
        width:869px;
        height:630px;
        background-color: #000000;
    }
    
    #welcome-logo {
        background:url('../images/character/signup/welcome.jpg') no-repeat #000;
        width:869px;
        height:476px;
        cursor:pointer;
    }
    
    #welcome-social {
        margin: 5px 0 0 40px;    
    }
    
    #welcome-social #fb_like {
        float:left;
    }
    
    #welcome-social #g_plus {
        float:left;
    }
    
    #welcome_text {
        width:800px;
        text-align:center;
        margin: 0 34px;
    }
    
    #welcome_text h1{
        margin:0px;
        color:#DBCE9B;
        font-size:13px;
    }
    
    #welcome_text p{
        margin:0px;
    }
    
/* Settings-button new */
    .settingsbutton {
        width:25px;
        height:27px;
        background-image: url('../images/buttons/button_settings.png'); 
        background-position: 0px 0px;
        background-repeat: no-repeat;
        cursor:pointer;
        display:block;
        position:absolute;
        left:931px;
        top:246px;
        z-index:1001;
    }
    
    .settingsbutton:hover{background-position: 0px -27px;}

/* haribox */

    .haribox{
        width:869px;
    }
    
    .haribox_top{
        width:869px;
        height:35px;
        background:url('../images/layout/boxes/haribox_01.png') top left;
        position:relative;
        float:left;
    }
    .haribox_center{
        width:869px;
        min-height:200px;
        background:url('../images/layout/boxes/haribox_02.png') top left;
        position:relative;
        float:left;
    }
    .haribox_bottom{
        width:869px;
        height:68px;
        margin-top:-48px;
        background:url('../images/layout/boxes/haribox_03.png') top left;
        position:relative;
        float:left;
    }
    .haribox_content{
        margin-bottom:60px;
        margin-left:140px;
    }
    
    #close_haribox{
        position:absolute;
        right:100px;
        top:4px;
        width:30px;
        height:30px;
        cursor:pointer;
        background-image:url(../images/buttons/leave.png);
        background-position: 0px 0px;
    }
    
    #close_haribox:hover{
        background-position: 0px -30px;
    }
    
    .bold_big{
        font-weight:bold;
        font-size:14px;
    }
    
    #dialog{
        display: none;
        position:fixed;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:100000;
        background: url('../images/flashmsg/black.png') top left repeat;
    }
    
    #dialog .dialog_container{
        position:fixed;
        top:140px;
        left: 50%;
        margin-left:-240px;
        width:517px;
    }
    
    #dialog .dialog_header{
        position:relative;
        float:left;
        width:517px;
        height:120px;
        background: url('../images/flashmsg/flashmsg_01.png') top left no-repeat;
    }
    
    #dialog .dialog_body{
        position:relative;
        float:left;
        margin:0 auto;
        width:517px;
        background: url('../images/flashmsg/flashmsg_02.png') top left repeat-y;
    }
    
    #dialog .dialog_body_container{
        margin-left:33px;
        margin-top:-95px;       
        width:452px;
        color:#000000;      
    }
    
    #dialog .dialog_body_title{
        width: 400px;
        text-align: center; 
        margin: 0px auto;
        margin-bottom: 10px;  
        font-size: 1.2em;
        font-weight: bold;        
    }
        
    #dialog .dialog_footer{
        position:relative;
        float:left;
        width:517px;
        height:14px;
        background: url('../images/flashmsg/flashmsg_03.png') top left no-repeat;        
    }

    #dialog .dialog_body_container_content{
        float:left;
        width:450px;
    }

    #dialog .dialog_body_container_buttons{
        float:right;
        width:450px;
        text-align:center;
        margin-bottom: 20px;
    }
    
    #dialog .dialog_body_container_buttons a{
        display:inline-block;
        background-position: left top;
        width:131px !important;
        height:40px !important;
        cursor:pointer;
    }
    
    #dialog .dialog_body_container_buttons a:hover{
        background-position: 0 -40px;
    }
    
    #worlddropdown {
        position:absolute; 
        top:111px;
    }
    #worlddropdown .dropdown {
        width: 173px;
    }
    #worlddropdown .dropdown .ddtextcontainer {
        width: 150px;
    }
    #worlddropdown .dropdown .ddopen {
        width: 150px;
    }
    #worlddropdown .dropdown .ddopen .ddlist {
        width: 150px;
    }
    #worlddropdown .dropdown .ddtext {
        overflow: hidden;
        width: 145px;
    }