/* BASIC LAYOUT */ /* COMMON */ body { background: white url('//static.inven.co.kr/image/heroes/common/line_1x3_black1.gif') repeat-x left top; margin: 0; padding: 0; } #heroesBody { } #heroesHead { clear: both; } #heroesBody #heroesMiddle { clear: both; margin-top: 0px; } #heroesBody #heroesMiddle .heroesMiddle1 { background: url('//static.inven.co.kr/image/heroes/common/wrap_170_black1_mid.jpg') repeat-y left bottom; } #heroesBody #heroesMiddle .heroesMiddle2 { background: url('//static.inven.co.kr/image/heroes/common/wrap_170_black1_bot.jpg') no-repeat left bottom; } #heroesLeft { clear: both; width: 170px; padding-bottom: 459px; padding-top: 0px; background: none no-repeat left top; } #heroesMain { overflow: hidden; } #heroesTail { margin-top: 7px; clear:both; } #heroesFloatmenu { width: 167px; position: absolute; z-index: 3; overflow: hidden; } body.bCenter #heroesBody { display: block; float: none; clear: both; text-align: left; margin: 0 auto; } body.bCenter #heroesMainFloatings { clear: both; } body.bCenter #heroesMainFloatings .heroesMainFloatings1 { position: absolute; top: 0px; } /* BODY 800 */ body.b800 #heroesBody { width: 968px; } body.b800 #heroesHead { width: 800px; } body.b800 #heroesBody #heroesMiddle .heroesMiddle1 { width: 800px; } body.b800 #heroesBody #heroesMiddle .heroesMiddle2 { width: 800px; } body.b800 #heroesMain { width: 630px; margin-left: 0px; } body.b800 #heroesFloatmenu { /*top: 260px;*/ /*left: 810px; */} body.b800 #heroesTail { width: 800px; } /* BODY 915 */ body.b915 #heroesBody { width: 1083px; } body.b915 #heroesHead { width: 915px; } body.b915 #heroesBody #heroesMiddle .heroesMiddle1 { width:914px; } body.b915 #heroesBody #heroesMiddle .heroesMiddle2 { width:915px; } body.b915 #heroesMain { width: 730px; margin-left: 7px; } body.b915 #heroesFloatmenu { /*top: 200px; left: 930px;*/ } body.b915 #heroesMainWrap {width:744px;background-color:white;padding:0 0 10px 0;} body.b915 #heroesTail { width: 915px; } /* BODY POPUP */ body.bPopup { background-image: none; } /* LAYOUT */ #heroesLayout { display: block; float: left; _width: 100%; min-width: 100%; } body.bCenter #heroesLayout { text-align: center; } body.b800 #heroesLayout { background: url('//static.inven.co.kr/image_2011/heroes/common/bg_1920_main_13.jpg') no-repeat center top white; } body.b915 #heroesLayout { background: url('//static.inven.co.kr/image_2011/heroes/common/bg_1920_main_13.jpg') no-repeat center top white; } /* HEAD */ /* COMMON */ #heroesHead #heroesHeadlink div.logo { } #heroesHead #heroesHeadlink a.logo { width: 170px; height: 64px; background-image: url('//static.inven.co.kr/image_2011/heroes/common/logo_inven_170x64_1.png?v=151217a'); } #heroessTop { clear: both; width: 800px; height: 88px; overflow: hidden; margin-top: 3px; } #heroessTopLeft { height: 88px; overflow: hidden; margin: 0px; } #heroessTopRight { height: 88px; overflow: hidden; margin: 0px; } body.bAdTopHide #heroessTop { display: none; } /* BODY 800 */ body.b800 #heroesHead #heroesHeadlink { width: 800px; } body.b800 #heroessTop { width: 800px; } body.b800 #heroessTop #heroessTopLeft { width: 248px; margin-left: 0px; } body.b800 #heroessTop #heroessTopRight { width: 548px; margin-left: 0px; } /* BODY 915 */ body.b915 #heroesHead #heroesHeadlink { width: 915px; } body.b915 #heroessTop { width: 915px; } body.b915 #heroessTop #heroessTopLeft { width: 248px; margin-left: 0px; } body.b915 #heroessTop #heroessTopRight { width: 663px; margin-left: 0px; } /* HEADMENU */ /* COMMON */ #heroesHeadmenu { height: 36px; margin-top: 4px; clear: both; background: none no-repeat left top; overflow: hidden; } #heroesHeadmenu ul li a { height: 38px; float: left; display: inline; text-indent: -1000em; overflow: hidden; background: none no-repeat left top; } /* BODY 800 */ body.b800 #heroesHeadmenu { width: 800px; background-image: url('//static.inven.co.kr/image_2011/heroes/menu/headmenu_800_3.png'); } body.b800 #heroesHeadmenu ul { width: 800px; } body.b800 #heroesHeadmenu ul li a { background-image: url('//static.inven.co.kr/image_2011/heroes/menu/headmenu_800_3.png'); } body.b800 #heroesHeadmenu ul li.home a { width: 94px; background-position: 0px 0px; } body.b800 #heroesHeadmenu ul li.system a { width: 107px; background-position: -94px 0px; } body.b800 #heroesHeadmenu ul li.character a { width: 106px; background-position: -201px 0px; } body.b800 #heroesHeadmenu ul li.enchant a { width: 69px; background-position: -307px 0px; } body.b800 #heroesHeadmenu ul li.monster a { width: 78px; background-position: -376px 0px; } body.b800 #heroesHeadmenu ul li.item a { width: 103px; background-position: -454px 0px; } body.b800 #heroesHeadmenu ul li.story a { width: 76px; background-position: -557px 0px; } body.b800 #heroesHeadmenu ul li.quest a { width: 78px; background-position: -633px 0px; } body.b800 #heroesHeadmenu ul li.title a { width: 89px; background-position: -711px 0px; } /* body.b800 #heroesHeadmenu ul li.home a:hover { background-position: 0px -38px; } body.b800 #heroesHeadmenu ul li.system a:hover { background-position: -94px -38px; } body.b800 #heroesHeadmenu ul li.character a:hover { background-position: -201px -38px; } body.b800 #heroesHeadmenu ul li.enchant a:hover { background-position: -307px -38px; } body.b800 #heroesHeadmenu ul li.monster a:hover { background-position: -376px -38px; } body.b800 #heroesHeadmenu ul li.item a:hover { background-position: -454px -38px; } body.b800 #heroesHeadmenu ul li.story a:hover { background-position: -557px -38px; } body.b800 #heroesHeadmenu ul li.quest a:hover { background-position: -633px -38px; } body.b800 #heroesHeadmenu ul li.title a:hover { background-position: -711px -38px; }*/ /* BODY 915 */ body.b915 #heroesHeadmenu { width: 915px; background-image: url('//static.inven.co.kr/image_2011/heroes/menu/headmenu_915_3.png'); } body.b915 #heroesHeadmenu ul { width: 915px; } body.b915 #heroesHeadmenu ul li a { background-image: url('//static.inven.co.kr/image_2011/heroes/menu/headmenu_915_3.png'); } body.b915 #heroesHeadmenu ul li.home a { width: 98px; background-position: 0px 0px; } body.b915 #heroesHeadmenu ul li.system a { width: 117px; background-position: -98px 0px; } body.b915 #heroesHeadmenu ul li.character a { width: 122px; background-position: -215px 0px; } body.b915 #heroesHeadmenu ul li.enchant a { width: 86px; background-position: -337px 0px; } body.b915 #heroesHeadmenu ul li.monster a { width: 91px; background-position: -423px 0px; } body.b915 #heroesHeadmenu ul li.item a { width: 119px; background-position: -514px 0px; } body.b915 #heroesHeadmenu ul li.story a { width: 89px; background-position: -633px 0px; } body.b915 #heroesHeadmenu ul li.quest a { width: 93px; background-position: -722px 0px; } body.b915 #heroesHeadmenu ul li.title a { width: 100px; background-position: -815px 0px; } /* body.b915 #heroesHeadmenu ul li.home a:hover { background-position: 0px -38px; } body.b915 #heroesHeadmenu ul li.system a:hover { background-position: -98px -38px; } body.b915 #heroesHeadmenu ul li.character a:hover { background-position: -215px -38px; } body.b915 #heroesHeadmenu ul li.enchant a:hover { background-position: -337px -38px; } body.b915 #heroesHeadmenu ul li.monster a:hover { background-position: -423px -38px; } body.b915 #heroesHeadmenu ul li.item a:hover { background-position: -514px -38px; } body.b915 #heroesHeadmenu ul li.story a:hover { background-position: -633px -38px; } body.b915 #heroesHeadmenu ul li.quest a:hover { background-position: -722px -38px; } body.b915 #heroesHeadmenu ul li.title a:hover { background-position: -815px -38px; }*/ /* OUTLOGIN */ /* COMMON */ #heroesBody #heroesLeftLogin { width: 170px; height: 214px; margin-top: 0px; margin-left: 0px; } #heroesLeftLogin #comLeftOutlogin { width: 170px; height: 214px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_170_black2_whole.jpg') no-repeat left top; } #heroesLeftLogin #comLeftOutlogin label, #heroesLeftLogin #comLeftOutlogin div, #heroesLeftLogin #comLeftOutlogin input, #heroesLeftLogin #comLeftOutlogin a, #heroesLeftLogin #comLeftOutlogin form, #heroesLeftLogin #comLeftOutlogin img { float:left; display: inline; margin:0; padding:0; position: absolute; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; color:#e17e12; } #heroesLeftLogin #comLeftOutlogin a:hover { text-decoration: none; } /* LOGIN */ #heroesLeftLogin #comLeftOutlogin form.login { width: 170px; height: 214px; } #heroesLeftLogin #comLeftOutlogin form.login a.logo { left: 0px; top: 0px; width: 170px; height:40px; text-indent: -1000em; overflow: hidden; } #heroesLeftLogin #comLeftOutlogin form.login label.idLabel, #heroesLeftLogin #comLeftOutlogin form.login label.pwLabel { width: 46px; height: 14px; text-align: right; overflow: hidden; color: #e17e12; font-weight: bold; letter-spacing: -1px; } #heroesLeftLogin #comLeftOutlogin form.login label.pwLabel { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; } #heroesLeftLogin #comLeftOutlogin form.login label.idLabel { left: 15px; top: 44px; } #heroesLeftLogin #comLeftOutlogin form.login label.pwLabel { left: 15px; top: 70px; } #heroesLeftLogin #comLeftOutlogin form.login input.idField, #heroesLeftLogin #comLeftOutlogin form.login input.pwField { width: 86px; border: solid 1px #9b560a; padding: 1px 0 0 2px; color: #f5e1b4; background: #000000; font-size: 12px; line-height: 15px; } #heroesLeftLogin #comLeftOutlogin form.login input.idField { left: 67px; top: 41px; } #heroesLeftLogin #comLeftOutlogin form.login input.pwField { left: 67px; top: 68px; } #heroesLeftLogin #comLeftOutlogin form.login div.sid input { left: 18px; top: 110px; width: 12px; height: 12px; margin: 0; padding: 0; } #heroesLeftLogin #comLeftOutlogin form.login div.sid label { left: 35px; top: 110px; width: 36px; height: 15px; } #heroesLeftLogin #comLeftOutlogin form.login a.login { left: 73px; top: 104px; width: 79px; height: 21px; overflow: hidden; text-indent: -1000em; } #heroesLeftLogin #comLeftOutlogin form.login a.login { background: url('//static.inven.co.kr/image/heroes/common/bttn_79x21_teal1_login.gif') no-repeat left top; } #heroesLeftLogin #comLeftOutlogin form.login div.line { left: 21px; top: 94px; width: 130px; height: 1px; overflow: hidden; background: url('//static.inven.co.kr/image/heroes/common/dash_6x1_olive1.gif') repeat-x left top; } #heroesLeftLogin #comLeftOutlogin form.login a.register, #heroesLeftLogin #comLeftOutlogin form.login a.findpw { height: 14px; _height: 16px; color: #000000; padding-top: 2px; text-align: center; text-decoration: none; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px;} #heroesLeftLogin #comLeftOutlogin form.login a.register { left: 18px; top: 132px; width: 62px; background-image: url('//static.inven.co.kr/image/heroes/common/bttn_62x16_olive1.gif'); } #heroesLeftLogin #comLeftOutlogin form.login a.findpw { left: 83px; top: 132px; width: 70px; background-image: url('//static.inven.co.kr/image/heroes/common/bttn_70x16_olive1.gif'); } /* LOGOUT */ #heroesLeftLogin #comLeftOutlogin form.logout { width: 170px; height: 214px; } #heroesLeftLogin #comLeftOutlogin form.logout a.logo { left: 0px; top: 0px; width: 170px; height: 90px; text-indent: -1000em; overflow: hidden; } #heroesLeftLogin #comLeftOutlogin form.logout div.nickname, #heroesLeftLogin #comLeftOutlogin form.logout div.inni, #heroesLeftLogin #comLeftOutlogin form.logout div.veni { font-family: gulim, 굴림, Helvetica; font-size: 12px; line-height: 15px; font-weight: bold; letter-spacing: -1px; } #heroesLeftLogin #comLeftOutlogin form.logout div.nickname { left: 15px; top: 95px; } #heroesLeftLogin #comLeftOutlogin form.logout div.nickname span.value { } #heroesLeftLogin #comLeftOutlogin form.logout div.inni { left: 15px; top: 114px; } #heroesLeftLogin #comLeftOutlogin form.logout div.veni { left: 93px; top: 114px; } #heroesLeftLogin #comLeftOutlogin form.logout div.inni span.value, #heroesLeftLogin #comLeftOutlogin form.logout div.veni span.value { color: #0caac6; font-weight: normal; letter-spacing: 0px; } #heroesLeftLogin #comLeftOutlogin form.logout div.line { left: 17px; top: 133px; width: 137px; height: 1px; overflow: hidden; background: url('//static.inven.co.kr/image/heroes/common/dash_6x1_olive1.gif') repeat-x left top; } #heroesLeftLogin #comLeftOutlogin form.logout a.character, #heroesLeftLogin #comLeftOutlogin form.logout a.postbox, #heroesLeftLogin #comLeftOutlogin form.logout a.inventory, #heroesLeftLogin #comLeftOutlogin form.logout a.skill, #heroesLeftLogin #comLeftOutlogin form.logout a.storage, #heroesLeftLogin #comLeftOutlogin form.logout a.logout { width: 67px; height: 14px; _height: 16px; padding-top: 2px; overflow: hidden; text-align: center; color: #000000; text-decoration: none; background: url('//static.inven.co.kr/image/heroes/common/bttn_67x16_olive1.gif') no-repeat left top; } #heroesLeftLogin #comLeftOutlogin form.logout a.character { left: 15px; top: 143px; } #heroesLeftLogin #comLeftOutlogin form.logout a.postbox { left: 88px; top: 143px; } #heroesLeftLogin #comLeftOutlogin form.logout a.inventory { left: 15px; top: 165px; } #heroesLeftLogin #comLeftOutlogin form.logout a.skill { left: 88px; top: 165px; } #heroesLeftLogin #comLeftOutlogin form.logout a.storage { left: 15px; top: 187px; } #heroesLeftLogin #comLeftOutlogin form.logout .newNote { left:140px; top: 135px; } #heroesLeftLogin #comLeftOutlogin form.logout a.logout { left: 88px; top: 187px; } /* LEFTMENU */ /* COMMON */ #heroesLeftmenu { padding-top: 10px; } #heroesLeftmenu #module130114_notice { margin-top: -10px; } #heroesLeftmenu .menuGroups { margin-top: 0px; } #heroesLeftmenu .menuGroup { margin-top: 8px; } /* COLOR AND MARK */ #heroesLeftmenu .menuItems strong.normal { font-weight: normal; letter-spacing: 0; } #heroesLeftmenu .menuItems a:hover strong.normal { font-weight: bold; letter-spacing: -1px; } #heroesLeftmenu .menuItems strong em { font-weight: bold; letter-spacing: -1px; } #heroesLeftmenu .menuItems a:hover em { font-weight: bold; letter-spacing: -1px; } /* TEXT MENU TYPE 1 */ #heroesLeftmenu .textMenuType1 { width: 170px; margin-left: 0px; background: none no-repeat left bottom; padding-bottom: 0px; } #heroesLeftmenu .textMenuType1 h4 { width: 156px; height: 30px; margin-left: 7px; overflow: hidden; background: none no-repeat left top; text-indent: -1000em; } #heroesLeftmenu .textMenuType1.textMenuType1-Community h4 { background-image: url('//static.inven.co.kr/image/heroes/common/title_156x30_brown1_community.gif'); } #heroesLeftmenu .textMenuType1.textMenuType1-GamerZone h4 { background-image: url('//static.inven.co.kr/image/heroes/common/title_156x30_brown1_gamerzone.gif'); } #heroesLeftmenu .textMenuType1.textMenuType1-Pages h4 { background-image: url('//static.inven.co.kr/image_2011/heroes/common/title_156x30_brown1_page.png'); } #heroesLeftmenu .textMenuType1.textMenuType1-Mcom h4 { background-image: url('//static.inven.co.kr/image_2011/heroes/common/title_156x30_heroes_mobile1.png'); } #heroesLeftmenu .textMenuType1.textMenuType1-Duel h4 { background-image: url('//static.inven.co.kr/image_2011/heroes/common/title_156x30_heroes_duel2.png'); } #heroesLeftmenu .textMenuType1.textMenuType1-Common h4 { background-image: url('//static.inven.co.kr/image_2011/heroes/common/title_156x30_brown1_common1.gif'); } #heroesLeftmenu .textMenuType1.textMenuType1-Image h4 { background-image: url('//static.inven.co.kr/image/heroes/common/title_156x30_brown1_image.gif'); } #heroesLeftmenu .textMenuType1.textMenuType1-InfoSharing h4 { background-image: url('//static.inven.co.kr/image/heroes/common/title_156x30_brown1_infosharing.gif'); } #heroesLeftmenu .textMenuType1 .menuItemsWrap { clear: both; background: none repeat-y left top; } #heroesLeftmenu .textMenuType1 .menuItems { overflow: hidden; margin-top: 2px; margin-left: 12px; padding-bottom: 0px; } #heroesLeftmenu .textMenuType1 .menuItems ul { margin-top: -1px; } #heroesLeftmenu .textMenuType1 .menuItems ul li.nodotted { background: none; } #heroesLeftmenu .textMenuType1 .menuItems ul li.nodotted a { padding-top:3px; } #heroesLeftmenu .textMenuType1 .menuItems ul li { clear: both; width: 145px; height: 25px; overflow: hidden; background: url('//static.inven.co.kr/image/heroes/common/dot_4x1_brown1.gif') repeat-x left top; } #heroesLeftmenu .textMenuType1 .menuItems ul li span { float: left; display: inline; height: 16px; overflow: hidden; margin-top: 7px; background: url('//static.inven.co.kr/image/heroes/common/icon_arrow_brown1.gif') no-repeat 3px 5px; } #heroesLeftmenu .textMenuType1 .menuItems ul li a { float: left; display: inline; width: 134px; height: 16px; overflow: hidden; margin-left: 13px; text-decoration: none; line-height: 15px; color: #f5e1b4; } #heroesLeftmenu .textMenuType1 .menuItems ul li a:hover { text-decoration: none; color: #ffb100; background: url('//static.inven.co.kr/image/heroes/common/icon_arrow_yellow1.gif') no-repeat right 2px; } #heroesLeftmenu .textMenuType1 .menuItems ul li.bttnfolding span a:hover {background:none;} /* BUTTON MENU TYPE 1 */ #heroesLeftmenu .bttnMenuType1 { width: 170px; margin-left: 0px; background: none no-repeat left bottom; padding-bottom: 0px; } #heroesLeftmenu .bttnMenuType1 h4 { width: 156px; height: 30px; margin-left: 7px; overflow: hidden; background: none no-repeat left top; text-indent: -1000em; } #heroesLeftmenu .bttnMenuType1.bttnMenuType1-Character h4 { background-image: url('//static.inven.co.kr/image/heroes/common/title_156x30_brown1_character.gif'); } #heroesLeftmenu .bttnMenuType1 .menuItemsWrap { clear: both; background: none repeat-y left top; } #heroesLeftmenu .bttnMenuType1 .menuItems { overflow: hidden; margin-top: 8px; margin-left: 9px; padding-bottom: 5px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul { width: 156px; margin: -4px 0 0 -4px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li { margin: 4px 0 0 4px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li span { float: left; display: inline; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li span a { float: left; display: inline; width: 74px; height: 31px; overflow: hidden; text-indent: -1000em; background: url('//static.inven.co.kr/image_2011/heroes/common/bttn_74x31_olive1_characters12.jpg') no-repeat left top; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li span a:hover { } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.fiona a { width: 74px; background-position: 0px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.lethita a { width: 74px; background-position: -74px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.evy a { width: 74px; background-position: -148px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.kay a { width: 74px; background-position: -222px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.kalok a { width: 74px; background-position: -296px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.bella a { width: 74px; background-position: -370px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.hurk a { width: 74px; background-position: -444px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.lynn a { width: 74px; background-position: -518px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.arisha a { width: 74px; background-position: -592px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.hagie a { width: 74px; background-position: -666px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.delia a { width: 74px; background-position: -740px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.fiona a.notready { background-position: 0px -31px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.lethita a.notready { background-position: -74px -31px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.evy a.notready { background-position: -148px -31px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.kay a.notready { background-position: -222px -31px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.kalok a.notready { background-position: -296px -31px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.miri a { width: 74px; background-position: -814px 0px; } #heroesLeftmenu .bttnMenuType1 .menuItems ul li.talkdevcat a { background: url('//static.inven.co.kr/image/heroes/banner/talkdevcat_74x31_1.gif') no-repeat left top; } /* BANNER MENU TYPE 1 */ #heroesLeftmenu .bannerMenuType1 { width: 170px; margin-left: 0px; } #heroesLeftmenu .bannerMenuType1 h4 { display: none; } #heroesLeftmenu .bannerMenuType1 .menuItemsWrap { margin-top: 2px; } #heroesLeftmenu .bannerMenuType1 .menuItems { } #heroesLeftmenu .bannerMenuType1 .menuItems ul { margin-top: -4px; } #heroesLeftmenu .bannerMenuType1 .menuItems ul li { width: 170px; clear: both; margin-top: 4px; text-align: center; } #heroesLeftmenu .bannerMenuType1 .menuItems ul li span a { } #heroesLeftmenu .bannerMenuType1 .menuItems ul li span a img { border: none; vertical-align: top; margin: 0; padding: 0; } /* FLOATMENU */ /* COMMON */ #heroesFloatmenu { } #heroesFloatmenu .menuGroups { width: 167px; margin-top: -5px; } #heroesFloatmenu .menuGroup { margin-top: 5px; } #heroesFloatmenu .menuGroupJoined { margin-top: 7px; padding: 1px 0; } #heroesFloatmenu .menuGroupJoined .menuGroup { margin-bottom: -1px; margin-top: -1px; } /* TEXT MENU TYPE 1 : UL- */ #heroesFloatmenu .textMenuType1 { width: 167px; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_brown1_bot.gif') no-repeat left bottom; padding-bottom: 3px; } #heroesFloatmenu .textMenuType1 h4 { width: 167px; height: 17px; _height: 25px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_brown1_head.gif') no-repeat left top; } #heroesFloatmenu .textMenuType1 h4 { padding-top: 8px; font-weight: bold; letter-spacing: -1px; color: #ffd52c; text-align: center; } #heroesFloatmenu .textMenuType1 .menuItemsWrap { width: 167px; clear: both; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_brown1_mid.gif') repeat-y left top; } #heroesFloatmenu .textMenuType1 .menuItems { overflow: hidden; margin-top: 0px; margin-left: 3px; padding-bottom: 0px; } #heroesFloatmenu .textMenuType1 .menuItems ul { margin-top: -1px; padding-bottom: 4px; } #heroesFloatmenu .textMenuType1 .menuItems ul li { clear: both; width: 161px; padding: 5px 0 2px 0; overflow: hidden; border-top: solid 1px #804000; } #heroesFloatmenu .textMenuType1 .menuItems ul li span { float: left; display: inline; margin-left: 7px; padding-left: 9px; background: url('//static.inven.co.kr/image/heroes/common/icon_rect_maroon1.gif') no-repeat left 4px; } #heroesFloatmenu .textMenuType1 .menuItems ul li span a { line-height: 15px; } #heroesFloatmenu .textMenuType1 .menuItems ul li span, #heroesFloatmenu .textMenuType1 .menuItems ul li span a { color: #512b01; } #heroesFloatmenu .textMenuType1 .menuItems ul li span a:hover { } #heroesFloatmenu .textMenuType1 .menuItems ul li span a.notready { color: gray; } #heroesFloatmenu .textMenuType1 .menuItems ul li span span { float: none; margin: 0; padding: 0; background: none; } #heroesFloatmenu .textMenuType1 .menuItems ul li span.describe { color: #8d4800; font-family: dotum, 돋움, Helvetica; font-size: 11px; } #heroesFloatmenu .textMenuType1 .menuItems ul li.button { padding-bottom: 5px; } #heroesFloatmenu .textMenuType1 .menuItems ul li.button .button144 { margin-left: 4px; } /* TEXT MENU TYPE 1 COLOR 1 : UL- */ #heroesFloatmenu .textMenuType1.textMenuType1C1 { background-image: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_blue1_bot.gif'); } #heroesFloatmenu .textMenuType1.textMenuType1C1 h4 { text-align: left; text-indent: 36px; color: #ffffff; } #heroesFloatmenu .textMenuType1.textMenuType1C1 h4 { background-image: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_blue1_head.gif'); } #heroesFloatmenu .textMenuType1.textMenuType1C1 .menuItemsWrap { background-image: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_blue1_mid.gif'); } #heroesFloatmenu .textMenuType1.textMenuType1C1 .menuItems ul li { border-top: none; padding-top: 6px; background: url('//static.inven.co.kr/image/heroes/common/dot_4x1_aqua1.gif') repeat-x 2px top; } #heroesFloatmenu .textMenuType1.textMenuType1C1 .menuItems ul li span { background: url('//static.inven.co.kr/image/heroes/common/icon_rect_black1.gif') no-repeat left 4px; } #heroesFloatmenu .textMenuType1.textMenuType1C1 .menuItems ul li span, #heroesFloatmenu .textMenuType1.textMenuType1C1 .menuItems ul li span a { color: #000; } /* TEXT MENU TYPE 1 STYLE 1 : UL- */ #heroesFloatmenu .textMenuType1.textMenuType1S1 .menuItems ul li { border-top: none; padding-top: 6px; background: url('//static.inven.co.kr/image/heroes/common/dot_4x1_maroon2.gif') repeat-x 2px top; } /* TEXT MENU TYPE 1 : TITLE INFO */ #heroesFloatmenu .textMenuType1.textMenuType1-TitleInfo { } #heroesFloatmenu .textMenuType1.textMenuType1-TitleInfo .menuItems ul li span { margin: 0; padding: 0; background: none; } #heroesFloatmenu .textMenuType1.textMenuType1-TitleInfo .menuItems ul li.stats span { width: 145px; margin-left: 3px; padding-bottom: 2px; } #heroesFloatmenu .textMenuType1.textMenuType1-TitleInfo .menuItems ul li.stats a { margin-left: 2px; } #heroesFloatmenu .textMenuType1.textMenuType1-TitleInfo .menuItems ul li.areas span { width: 155px; overflow: hidden; margin-left: -2px; } #heroesFloatmenu .textMenuType1.textMenuType1-TitleInfo .menuItems ul li.areas a { float: left; display: inline; padding-left: 6px; padding-right: 5px; color: #000000; } #heroesFloatmenu .textMenuType1.textMenuType1-TitleInfo .menuItems ul li.areas a { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; } #heroesFloatmenu .textMenuType1.textMenuType1-TitleInfo .menuItems ul li.areas a { background: url('//static.inven.co.kr/image/heroes/common/sep_1x6_brown2.gif') no-repeat left 3px; } /* TEXT MENU TYPE 2 : UL- */ #heroesFloatmenu .textMenuType2 { width: 167px; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_brown1_bot.gif') no-repeat left bottom; padding-bottom: 3px; } #heroesFloatmenu .textMenuType2 h4 { width: 167px; height: 17px; _height: 25px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_brown1_head.gif') no-repeat left top; } #heroesFloatmenu .textMenuType2 h4 { padding-top: 8px; font-weight: bold; letter-spacing: -1px; color: #ffd52c; text-align: center; } #heroesFloatmenu .textMenuType2 .menuItemsWrap { width: 167px; clear: both; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_brown1_mid.gif') repeat-y left top; } #heroesFloatmenu .textMenuType2 .menuItems { overflow: hidden; margin-top: 0px; margin-left: 3px; padding-bottom: 0px; } #heroesFloatmenu .textMenuType2 .menuItems ul { margin-top: -1px; } #heroesFloatmenu .textMenuType2 .menuItems ul li { clear: both; width: 161px; overflow: hidden; border-top: solid 1px #804000; } #heroesFloatmenu .textMenuType2 .menuItems ul li span { float: left; display: inline; background: url('//static.inven.co.kr/image/heroes/common/icon_rect_maroon1.gif') no-repeat 7px 11px; } #heroesFloatmenu .textMenuType2 .menuItems ul li span a { line-height: 15px; font-weight: bold; letter-spacing: -1px; } #heroesFloatmenu .textMenuType2 .menuItems ul li span a { float: left; display: inline; width: 152px; _width: 161px; padding: 5px 0 2px 16px; overflow: hidden; background: none no-repeat 143px 3px; } #heroesFloatmenu .textMenuType2 .menuItems ul li span, #heroesFloatmenu .textMenuType2 .menuItems ul li span a { color: #512b01; } #heroesFloatmenu .textMenuType2 .menuItems ul li span a:hover { } #heroesFloatmenu .textMenuType2 .menuItems ul li span a.notready { color: gray; } #heroesFloatmenu .textMenuType2 .menuItems ul li.subMenuClose span a { background-image: url('//static.inven.co.kr/image/heroes/common/bttn_16x16_yellow1_plus.gif'); } #heroesFloatmenu .textMenuType2 .menuItems ul li.subMenuOpen span a { background-image: url('//static.inven.co.kr/image/heroes/common/bttn_16x16_yellow1_minus.gif'); } #heroesFloatmenu .textMenuType2 .menuItems ul li.subMenuClose .subMenuItemsWrap { display: none; } #heroesFloatmenu .textMenuType2 .menuItems .subMenuItemsWrap { border-top: solid 1px #804000; background: #e9dcc0; padding: 1px; } #heroesFloatmenu .textMenuType2 .menuItems .subMenuItems { width: 159px; overflow: hidden; background: #fefaf1; padding: 3px 0 2px; } #heroesFloatmenu .textMenuType2 .menuItems .subMenuItems ul { } #heroesFloatmenu .textMenuType2 .menuItems .subMenuItems ul li { padding: 4px 0 2px 0; border: none; } #heroesFloatmenu .textMenuType2 .menuItems .subMenuItems ul li span { margin: 0 0 0 7px; padding: 0 0 0 6px; } #heroesFloatmenu .textMenuType2 .menuItems .subMenuItems ul li span { background: url('//static.inven.co.kr/image/heroes/common/icon_rect_maroon2.gif') no-repeat left 5px; } #heroesFloatmenu .textMenuType2 .menuItems .subMenuItems ul li span a { float: none; display: inline; margin: 0; padding: 0; background: none; } #heroesFloatmenu .textMenuType2 .menuItems .subMenuItems ul li span a { font-weight: normal; letter-spacing: 0px; ; } #heroesFloatmenu .textMenuType2 .menuItems .subMenuItems ul li span span { float: none; margin: 0; padding: 0; background: none; } /* TEXT MENU TYPE 3 : UL- */ #heroesFloatmenu .textMenuType3 { width: 167px; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_red1_bot.png') no-repeat left bottom; padding-bottom: 3px; margin-bottom:7px;} #heroesFloatmenu .textMenuType3 h4 { width: 167px; height: 17px; _height: 25px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_red1_head.png') no-repeat left top; } #heroesFloatmenu .textMenuType3 h4 { padding-top: 8px; font-weight: bold; letter-spacing: -1px; color: #ffd52c; text-align: center; } #heroesFloatmenu .textMenuType3 .menuItemsWrap { width: 167px; clear: both; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_red1_mid.png') repeat-y left top; } #heroesFloatmenu .textMenuType3 .menuItems { overflow: hidden; margin-top: 0px; margin-left: 3px; padding-bottom: 0px; } #heroesFloatmenu .textMenuType3 .menuItems ul { margin-top: -1px; } #heroesFloatmenu .textMenuType3 .menuItems ul li { clear: both; width: 161px; overflow: hidden; border-top: solid 1px #7b7b7b; } #heroesFloatmenu .textMenuType3 .menuItems ul li span { float: left; display: inline; background: url('//static.inven.co.kr/image/heroes/common/icon_rect_maroon1.gif') no-repeat 7px 11px; } #heroesFloatmenu .textMenuType3 .menuItems ul li span a { line-height: 15px; font-weight: bold; letter-spacing: -1px; } #heroesFloatmenu .textMenuType3 .menuItems ul li span a { float: left; display: inline; width: 152px; _width: 161px; padding: 5px 0 2px 16px; overflow: hidden; background: none no-repeat 143px 3px; } #heroesFloatmenu .textMenuType3 .menuItems ul li span, #heroesFloatmenu .textMenuType3 .menuItems ul li span a { color: #512b01; } #heroesFloatmenu .textMenuType3 .menuItems ul li span a:hover { } #heroesFloatmenu .textMenuType3 .menuItems ul li span a.notready { color: gray; } #heroesFloatmenu .textMenuType3 .menuItems ul li.subMenuClose span a { background-image: url('//static.inven.co.kr/image/heroes/common/bttn_16x16_yellow1_plus.gif'); } #heroesFloatmenu .textMenuType3 .menuItems ul li.subMenuOpen span a { background-image: url('//static.inven.co.kr/image/heroes/common/bttn_16x16_yellow1_minus.gif'); } #heroesFloatmenu .textMenuType3 .menuItems ul li.subMenuClose .subMenuItemsWrap { display: none; } #heroesFloatmenu .textMenuType3 .menuItems .subMenuItemsWrap { border-top: solid 1px #7b7b7b; background: #d4d4d4; padding: 1px; } #heroesFloatmenu .textMenuType3 .menuItems .subMenuItems { width: 159px; overflow: hidden; background: #fafafa; padding: 3px 0 2px; } #heroesFloatmenu .textMenuType3 .menuItems .subMenuItems ul { } #heroesFloatmenu .textMenuType3 .menuItems .subMenuItems ul li { padding: 4px 0 2px 0; border: none; } #heroesFloatmenu .textMenuType3 .menuItems .subMenuItems ul li span { margin: 0 0 0 7px; padding: 0 0 0 6px; } #heroesFloatmenu .textMenuType3 .menuItems .subMenuItems ul li span { background: url('//static.inven.co.kr/image/heroes/common/icon_rect_maroon2.gif') no-repeat left 5px; } #heroesFloatmenu .textMenuType3 .menuItems .subMenuItems ul li span a { float: none; display: inline; margin: 0; padding: 0; background: none; } #heroesFloatmenu .textMenuType3 .menuItems .subMenuItems ul li span a { font-weight: normal; letter-spacing: 0px; ; } #heroesFloatmenu .textMenuType3 .menuItems .subMenuItems ul li span span { float: none; margin: 0; padding: 0; background: none; } /* FORM MENU TYPE 1 : UL- */ #heroesFloatmenu .formMenuType1 { width: 167px; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_brown1_bot.gif') no-repeat left bottom; padding-bottom: 3px; } #heroesFloatmenu .formMenuType1 h4 { width: 167px; height: 18px; _height: 25px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_brown1_head.gif') no-repeat left top; } #heroesFloatmenu .formMenuType1 h4 { padding-top: 7px; font-weight: bold; letter-spacing: -1px; color: #ffd52c; text-align: center; } #heroesFloatmenu .formMenuType1 .menuItemsWrap { width: 167px; clear: both; background: url('//static.inven.co.kr/image_2011/heroes/common/wrap_167_brown1_mid.gif') repeat-y left top; } #heroesFloatmenu .formMenuType1 .menuItems { overflow: hidden; margin-top: 2px; margin-left: 7px; padding-bottom: 4px; } #heroesFloatmenu .formMenuType1 .menuItems form { width: 153px; clear: both; margin-top: 3px; } #heroesFloatmenu .formMenuType1 .menuItems form input { float: left; display: inline; } #heroesFloatmenu .formMenuType1 .menuItems form input.text { width: 117px; border: solid 1px #ce9556; height: 20px; padding-top: 3px; } #heroesFloatmenu .formMenuType1 .menuItems form input.text.null { color: #a8a8a8; } #heroesFloatmenu .formMenuType1 .menuItems form input.submit { margin-left: 2px; } /* BANNER MENU TYPE 1 */ #heroesFloatmenu .bannerMenuType1 { width: 167px; } #heroesFloatmenu .bannerMenuType1 h4 { text-indent: -1000em; width: 167px; margin-top: -1px; height: 1px; overflow: hidden; } #heroesFloatmenu .bannerMenuType1 .menuItemsWrap { padding: 4px 0; } #heroesFloatmenu .bannerMenuType1 .menuItems { width: 167px; } #heroesFloatmenu .bannerMenuType1 .menuItems ul { margin-top: -4px; } #heroesFloatmenu .bannerMenuType1 .menuItems ul li { width: 167px; clear: both; margin-top: 4px; text-align: center; } #heroesFloatmenu .bannerMenuType1 ul li { width: 167px; clear: both; margin-top: 5px; text-align: center; } #heroesFloatmenu .bannerMenuType1 .menuItems ul li span { float: left; display: inline; } #heroesFloatmenu .bannerMenuType1 .menuItems ul li span a { } #heroesFloatmenu .bannerMenuType1 .menuItems ul li span a img { border: none; vertical-align: top; margin: 0; padding: 0; } /* POWER BBS */ /* COMMON */ #powerbbsHead { width: 730px; margin-left: 0px; float: left; display: inline; clear: both; } #powerbbsBody { width: 730px; margin-left: 0px; float: left; display: inline; clear: both; } #powerbbsBody form { float: none; } #powerbbsHead .heroesPowerbbsBoardTitle { display: inline; float: left; clear: both; margin: 10px 0 0 19px; } #powerbbsHead .heroesPowerbbsBoardTitle img { width: 686px; height: 40px; border: 0; } /* topsky */ /*body.topsky #heroesFloatmenu {top : 325px !important;}*/