/* La Tale CSS */ /*-------------------------------------------------------------------------------------------------*/ /* common css style */ /*-----------------------???? ???----------------------------------------------------------------------------*/ body { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:11px; line-height:19px; text-align:center; background-color:#A5A5A5; background-repeat:repeat-x; background-position:top; margin:0px; padding:0px; } html, body { margin: 0; padding: 0; color: #666666; font-family: verdana; font-size: 11px;} form, input, select, textarea { margin: 0; padding: 0; font-family: verdana; font-size: 11px;} div, p, blockquote, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset { margin: 0; padding: 0; font-family: verdana; font-size:11px;} dl, dt, dd, ul, ol, li {font-family: verdana; font-size:11px;} hr { display: none; clear: both;} img { border: 0 none;} a {text-decoration:none; outline:none; overflow:hidden;} a:link, a:visited, a:active { color: #ff6600; text-decoration: none;} a:hover { color: #ff6600; text-decoration: none;} /* table? cellpadding="0" cellspacing="0" */ table{ border-collapse: collapse; } td{ padding: 0px; } body{background-color:white;} #super_container{ margin-left:auto; margin-right:auto; } /*#super_container.about, #super_container.guide,#super_container.download {background:url('../images/about/bg.jpg') no-repeat 50% top;}*/ #super_container {background:url('../images/about/bg.jpg') no-repeat 50% top;} /*#super_container.main {background:transparent url(../images/main/timetraveller/bg.jpg) no-repeat scroll 50% -24px;}*/ #super_container.main {background:transparent url('../images/main/hellsdoor/bg.jpg') no-repeat scroll 50% -24px;} * html div.about,* html div.guide, * html div.download, * html div.forum, * html div.news, * html div.shop {background:url('../images/about/bg.jpg') no-repeat 50% top;} #container{ margin-left:auto; margin-right:auto; text-align:left; width:907px; } #container{background:none;} #container.sub{background:none; } #gnb{ height:100px; background:black; } .wrap_content{ } .content{ height:100%; } .wrap_top{ } /* divs inside .wrap_top */ .wrap_top .main_visual{ background:transparent none no-repeat scroll left top; height:302px; width:880px; } .sub .wrap_top .sub_visual{ /*background:url('../images/about/visual_bg.jpg') no-repeat top left;*/ width: 868px; height:219px; } /* END divs inside .wrap_top */ /* START FAN_SITES */ .main .fan_sites{ width:109px; background:url('../images/main/fansites/bottom_bg.gif') no-repeat left bottom; padding-bottom:11px; position:absolute; top:337px; left:50%; margin-left:431px; } .main .fan_sites h1{ display:block; text-indent:-1000em; width:109px; height:35px; background:url('../images/main/fansites/top_bg.gif') no-repeat top left; } .main .fan_sites .fan_banners{ background:url('../images/main/fansites/main_bg.gif') repeat-y left top; padding-top:14px; padding-bottom:5px; } .main .fan_sites .fan_banners a, .main .fan_sites .fan_banners img{ display:block; width:88px; margin:0 auto; } .sub .fan_sites{ width:194px; background:url('../images/common_sub/fansites/bottom_bg.gif') no-repeat left bottom; padding-bottom:4px; } .sub .fan_sites h1{ display:block; text-indent:-1000em; width:194px; height:29px; background:url('../images/common_sub/fansites/top_bg.gif') no-repeat top left; } .sub .fan_sites .fan_banners{ background:url('../images/common_sub/fansites/main_bg.gif') repeat-y left top; padding-top:8px; padding-bottom:3px; } .sub .fan_sites .fan_banners a, .sub .fan_sites .fan_banners img{ display:block; width:88px; margin:0 auto; } /* END FAN_SITES */ .wrap_content{ margin-top:0px; } .content { background:transparent url(http://static.ogplanet.com/static/LataleCS/images/main/hellsdoor/contentbg.jpg) no-repeat scroll 20px -1px; } .sub .content{background:url('../images/about/text_bg.jpg') no-repeat 4px top;} .wrap_left{ float:left; position:relative; width:203px; padding-left:26px; padding-top:18px; } * html .sub .wrap_left{ padding-top:0px;} /*divs inside .wrap_left{} */ .wrap_left a{text-indent:-1000em; display:block;} .wrap_left .game_down{position:absolute; top:-30px; left:44px;} .sub .wrap_left .game_down{left:47px; top:-33px;} .wrap_left div.login{width:183px; height:109px; background:url('../images/main/login_bg.gif') no-repeat top left; padding-left:11px; padding-top:107px; } .wrap_left div.login form{display:none;} .wrap_left div.login p.support{display:none;} .wrap_left div.login input{border:1px solid #c37300; width:106px; margin-bottom:3px; height:16px; padding-left:8px; } .wrap_left div.login a.logout,.wrap_left div.login a.login{width:60px; height:59px; background:url('../images/main/login_bu.gif') no-repeat top left; float:right; margin-top:-51px; margin-right:3px;} * html .wrap_left div.login a.logout,.wrap_left div.login a.login{margin-top:-55px;} *:first-child+html .wrap_left div.login a.logout{margin-top:-55px;} .wrap_left div.login a.login{margin-top:-35px;} .wrap_left div.login a.logout{background-position:-60px top; display:none; margin:-55px 5px 0 0;} .wrap_left div.login div.error{height:25px; color:red; font-weight:bold; font-size:10px; margin:13px 0 -10px 0px; background:#fffecb; width:172px; line-height:11px; display:none; padding:3px 0 0 3px;} .wrap_left div.login p{margin-top:11px; line-height:10px; padding-left:10px; display:block;} .wrap_left div.login p.loggedin{text-align:center; width:133px; padding-left:0px; display:none; line-height:1.5em; margin-left:-10px; margin-top:7px; color:#ffffff;} .wrap_left div.login a.link{display:inline; text-indent:0em;color:#fff; line-height:14px; text-decoration:underline;} .wrap_left .user_guide{background:url('../images/main/user_guide.gif') no-repeat top left; width:194px; height:67px; margin-left:0px; margin-top:6px;} .sub .wrap_left { padding-left:28px; margin-top:-13px; width: 213px; } .sub .wrap_left .left_menu {margin-top: 30px; } .sub .left_links{ background:url('../images/common_sub/faq_help_bg.gif') no-repeat top left; height:87px; margin-top:8px; margin-bottom:13px; } .sub .left_links a { width:94px; height:87px; float:left;} .characters_wrap2 {background:url('../images/main/characters2_bg.gif') no-repeat top left; height:206px; width:153px; margin-left:33px; margin-top:7px;} .characters_wrap2 h1.characters{display:none; width:0px; height:0px; background:url('../images/main/h1_characters.gif') no-repeat top left; text-indent:-1000em; } .characters_wrap2 a{display:block; width:153px; height:51px; text-indent:-1000em; } .characters_wrap_CS {background:url('../images/main/charactersCS_bg.gif') no-repeat top left; width:177px; height:103px; margin-left:0px; margin-top:6px; padding:0 8px 2px 9px; } .characters_wrap_CS h1 a{width:185px; height:21px; background:url('../images/main/h1_charactersCS.gif') no-repeat -9px top; text-indent:-1000em; } .characters_wrap_CS .characters{height:54px; overflow:hidden; margin-top:13px;} .characters_wrap_CS .characters .character{padding-left:73px; height:54px;} .characters_wrap_CS .characters .character h2{display:inline; text-indent:0px; line-height:14px;} .characters_wrap_CS .characters .character p {line-height:12px;} .characters_wrap_CS .characters .warrior{background:url('../images/main/charactersCS_warrior.gif') no-repeat top left;} .characters_wrap_CS .characters .knight{background:url('../images/main/charactersCS_knight.gif') no-repeat top left;} .characters_wrap_CS .characters .explorer{background:url('../images/main/charactersCS_explorer.gif') no-repeat top left;} .characters_wrap_CS .characters .wizard{background:url('../images/main/charactersCS_wizard.gif') no-repeat top left;} .wrap_left .ranking{width:194px; background:url('../images/main/ranking_bg.gif') no-repeat top left; padding-top:11px; padding-left:8px; margin-top:4px; height:246px; } .wrap_left .ranking .rank_foot{background:url('../images/main/ranking_bg.gif') no-repeat left bottom; height:20px; margin-left:-8px;} .wrap_left .ranking h1 a{background:url('../images/main/h1_ranking.gif') no-repeat top left; width:179px; height:19px;} .wrap_left .ranking .rankings{padding:7px 33px 0 5px;} .wrap_left .ranking .rankings .rank span{display:block; float:left;} .rankings .rank span.rank0, .rankings .rank span.rank1, .rankings .rank span.rank2, .rankings .rank span.rank3, .rankings .rank span.rank4, .rankings .rank span.rank5, .rankings .rank span.rank6, .rankings .rank span.rank7, .rankings .rank span.rank8, .rankings .rank span.rank9, .rankings .rank span.up,.rankings .rank span.down,.rankings .rank span.stay { display:-moz-inline-box; display:inline-block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom; background-image:url('../images/main/ranking_icons.gif'); margin-bottom:4px;} .rankings .rank span.rank0, .rankings .rank span.rank1, .rankings .rank span.rank2, .rankings .rank span.rank3, .rankings .rank span.rank4, .rankings .rank span.rank5, .rankings .rank span.rank6, .rankings .rank span.rank7, .rankings .rank span.rank8, .rankings .rank span.rank9 {width:26px; height:16px; clear:left;} .rankings .rank span.rank1{background-position:left -16px;} .rankings .rank span.rank2{background-position:left -32px;} .rankings .rank span.rank3{background-position:left -48px;} .rankings .rank span.rank4{background-position:left -64px;} .rankings .rank span.rank5{background-position:left -80px;} .rankings .rank span.rank6{background-position:left -96px;} .rankings .rank span.rank7{background-position:left -112px;} .rankings .rank span.rank8{background-position:left -128px;} .rankings .rank span.rank9{background-position:left -144px;} .rankings .rank span.name{width:80px; height:16px;} .rankings .rank span.rankno{width:42px; height:16px;} .rankings .rank span.up,.rankings .rank span.down,.rankings .rank span.stay{width:7px; height:7px; margin-top:6px; margin-bottom:7px;} .rankings .rank span.up{background-position:left -80px;} .rankings .rank span.down{background-position:-7px -80px;} .rankings .rank span.stay{background-position:1px -93px;} .wrap_left .quick_links{width:194px; height:89px; margin-top:6px;} .wrap_left .quick_links ul {display:block; margin:0px; padding:0px;} .wrap_left .quick_links ul li{list-style:none; margin:0px; padding:0px; background:url('../images/main/quick_links_bg.gif') no-repeat left -31px; padding-left:19px; padding-top:6px; height:21px;} .wrap_left .quick_links ul li.first{height:25px; background-position:left top;} .wrap_left .quick_links ul li.last{height:25px; background-position:left bottom;} .wrap_left .quick_links ul li a.faq,.wrap_left .quick_links ul li a.helpdesk,.wrap_left .quick_links ul li a.myspace {background:url('../images/main/quick_links_icons.gif') no-repeat top left; width:120px; height:21px;} .wrap_left .quick_links ul li a.helpdesk{background-position:left -30px; margin-top:-2px;} .wrap_left .quick_links ul li a.myspace{background-position:left -58px;} .sub .wrap_left .quick_links a{background:url('../images/common_sub/quick_links.gif') no-repeat top left; height:31px;} .sub .wrap_left .quick_links a.itemshop{background-position:left -31px;} .sub .wrap_left .quick_links a.forum{background-position:left -62px;} /* END DIVS INSIDE .wrap_left */ .wrap_right{ float:left; width:638px; margin:0px; padding:0px; } .sub .wrap_right{ width:627px; } /* START DIVS INSIDE .wrap_right */ .wrap_right .notice{ width:404px; height:176px; margin-top:7px; float:left; } .wrap_right .notice h1.title{display:block; width:402px; height:36px; text-indent:-1000em; background:url('../images/main/h1_notice.gif') no-repeat top left; margin-bottom:5px; } .wrap_right .notice label{display:block; width:45px; height:16px; text-indent:-1000em; background:url('../images/main/tags.gif') no-repeat left 5px; float:left; margin-right:15px; margin-left:15px; } * html .wrap_right .notice label{margin-left:7px;} .wrap_right .notice label.notices{background-position:-45px 5px;} .wrap_right .notice a{display:block; float:left; width:325px; } .wrap_right .notice a:hover{text-decoration:underline;} .wrap_right .notice a.titleLink{clear:both; display:inline; float:none;} .wrap_right .video{float:left; width:245px; height:185px; background:url('../images/main/video_bg.jpg') no-repeat top left; margin-top:13px; padding-left:13px; padding-top:10px; } .wrap_right .ucc{float:left; width: 413px; } .wrap_right .ucc h1.title{background:url('../images/main/best_uc_title.gif') no-repeat top left; width:402px; height:27px; margin-bottom: 6px; } .wrap_right .ucc .ucc_item{margin-left:13px; height:85px;} .wrap_right .ucc .ucc_item h1.uc_title {color:#5c5c5c; text-indent:0em; display:inline;} .wrap_right .ucc .ucc_item img{float:left; margin-right:15px;} .wrap_right .monsters{float:left; width: 260px; height:213px; } .wrap_right .monsters h1.title{background:url('../images/main/monsters_title.gif') no-repeat top left; width:249px; height:27px; margin-bottom:5px; } .wrap_right .monsters .tab_wrap{height:22px; width:239px; background:url('../images/main/monsters_tab.gif') no-repeat top left; padding-left:10px; } .wrap_right .monsters .tab_wrap a{display:block; float:left; width:107px; height:18px; margin-right:7px; background:url('../images/main/monsters_tab.gif') no-repeat top left; } .wrap_right .monsters .tab_wrap a.training{background-position:-10px top;} .wrap_right .monsters .tab_wrap a.elias{background-position:-124px top;} .wrap_right .monsters .monsters_list{height:151px; background:url('../images/main/monsters_desc.gif') no-repeat top left; position:relative; } .wrap_right .monsters .monsters_list a{display:block; width:100%; height:100%; position:absolute; } /* Main CS starts */ /* 2 columns */ .wrap_right .right_col1{width:408px; float:left;} .wrap_right .right_col2{float:left; width:230px;} .wrap_right .ucc_CS{width:400px; height:196px; float:left; margin-top:10px;} .wrap_right .ucc_CS h1 a{width:401px; height:27px; background:url('../images/main/h1_ucc.gif') no-repeat top left; display:block; margin-bottom:12px;} .wrap_right .ucc_CS .ucc_item{padding-left:12px; height:76px;} .wrap_right .ucc_CS .ucc_item img{display:block; border:2px solid #ababab; width:104px; height:72px; float:left; margin-right:12px;} .wrap_right .ucc_CS .ucc_item h2{display:static; text-indent:0em; line-height:12px;} .wrap_right .ucc_CS .ucc_item p{line-height:12px;} .wrap_right .ucc_CS a{color:#616161;} .wrap_right .ucc_CS a:hover{color:#8131c1; text-decoration:underline;} .wrap_right .ucc_CS ul{margin:7px 0 0 0px; padding:0px; list-style:none; padding-left:12px;} .wrap_right .ucc_CS ul li{padding-left:13px; background:url('../images/common/grey_bullet.gif') no-repeat 2px 7px;} .wrap_right .screenshots{width:402px; height:255px; margin-top:18px; float:left;} .wrap_right .screenshots h1 a{width:402px; height:27px; display:block; background:url('../images/main/h1_screenshot.gif') no-repeat top left; } .wrap_right .screenshots .shots{padding-left:4px; padding-top:14px;} .wrap_right .screenshots .shots a{display:block; width:130px; height:107px; float:left; text-align:center; line-height:12px;} .wrap_right .screenshots .shots a img{border:2px solid #a7a7a8; display:block; width:104px; height:72px; margin:0 auto; background:url('../images/main/screenshot_bg.gif') no-repeat top left;} .wrap_right .screenshots .shots a span{display:block; padding:0 10px;} .wrap_right .screenshots .shots a:hover span{text-decoration:underline;} .wrap_right .hotItems{width:223px; height:245px; float:left; margin-top:16px;} .wrap_right .hotItems h1 a{background:url('../images/main/h1_hotItems.gif') no-repeat top left; display:block; text-indent:-1000em; width:223px; height:27px;} .wrap_right .hotItems .wrap{height:211px; overflow:hidden;} .wrap_right .hotItems ul{margin:0px; padding:0px; padding-top:8px; height:175px; } .wrap_right .hotItems ul li{margin:0px; padding:0px; padding-left:3px; list-style:none; float:left; height:102px;} .wrap_right .hotItems ul li a{color:#505050; width:102px; display:block; text-align:center;} .wrap_right .hotItems ul li a:hover{text-decoration:underline;} .wrap_right .hotItems ul li a span{line-height:16px;} .wrap_right .hotItems ul li a img{display:block; margin:0 auto; width:80px; height:64px;} .wrap_right .hotItems ul li a img.item{width:0px; height:0px; padding:68px 0 0 84px;} .wrap_right .hotItems ul li a img.item0{background:url('../images/main/hotitems/Vampire_m.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item1{background:url('../images/main/hotitems/Vampire_f.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item2{background:url('../images/main/hotitems/Halloween_pumkin.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item3{background:url('../images/main/hotitems/Halloween_costume.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item4{background:url('../images/main/hotitems/wizard_m.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item5{background:url('../images/main/hotitems/witch_f.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item6{background:url('../images/main/hotitems/xpsuper.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item7{background:url('../images/main/hotitems/bigcherry.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item8{background:url('../images/main/hotitems/biggrape.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item9{background:url('../images/main/hotitems/bigsoda.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item10{background:url('../images/main/hotitems/herb.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item11{background:url('../images/main/hotitems/levi.jpg') no-repeat top left;} .wrap_right .hotItems ul li a img.item12{background:url('../images/main/hotitems/xpnostrum.jpg') no-repeat top left;} .wrap_right .minigame {float:left; margin-left:5px; width:209px; height:177px;} .wrap_right .minigame a {width:209px; height:177px; display:block; background:url('../images/main/flashGame.gif') no-repeat top left; text-indent:-1000em;} .wrap_right .poll {width:197px; height:233px; background:url('../images/main/poll_bg.gif') no-repeat top left; float:left; margin-left:5px; margin-top:7px; padding:12px 12px 5px 10px;} .wrap_right .poll h1{width:188px; height:22px; background:url('../images/main/h1_poll.gif') no-repeat top left; } .wrap_right .poll p{width:172px; height:36px; background:#e8e8e8; padding:4px 0 0 16px; font-weight:bold; line-height:14px; margin-top:2px; margin-bottom:9px;} .wrap_right .poll form{padding-left:14px;} .wrap_right .poll form input{margin-right:16px; width:13px; display:block; margin-top:8px;} * html .wrap_right .poll form input{margin-top:3px;} *:first-child+html .wrap_right .poll form input{margin-top:3px;} .wrap_right .poll form span.name{ display:block; width:138px; margin:-14px 0 0 21px; line-height:11px;} * html .wrap_right .poll form span.name{margin-top:-16px;} *:first-child+html .wrap_right .poll form span.name{margin-top:-16px;} .wrap_right .poll a.submit,.wrap_right .poll a.result,.wrap_right .poll a.back{display:block; text-indent:-1000em; background:url('../images/main/poll_buttons.gif') no-repeat top left; height:18px; float:left;} .wrap_right .poll a.submit{width:52px; margin-right:5px; margin-left:24px;} * html .wrap_right .poll a.submit{margin-left:12px;} .wrap_right .poll a.result{width:62px; background-position:-52px top;} .wrap_right .poll a.back{width:62px; background-position:-114px top;} .wrap_right .poll div.options{height:140px; font-size:10px;} .wrap_right .poll div.result{display:none; margin-bottom:10px; margin-left:-14px;} .wrap_right .poll div.result table{width:190px; text-align:center;} .wrap_right .poll div.result table td{border:1px solid #cccccc;} #poll {width:500px; display:none;} .poll_wrapper{background:#fffef0;padding:8px 8px; text-align:left; } * html .poll_wrapper{padding-left:3px;} *:first-child+html .poll_wrapper{padding-left:3px;} .poll_wrapper h1{background:url('../images/community/h1_poll.gif') no-repeat top left; width:484px; height:34px; margin:0px 1px 3px 0px;} .poll_wrapper .poll_stat h2{display:block; width:458px; height:34px; background:url('../images/community/poll_hd_ft.gif') no-repeat top left; text-indent:0em; padding:20px 0 0 27px; font-size:15px; color:#652de9;} .poll_wrapper .poll_stat .stat{background:url('../images/community/poll_bg.gif') repeat-y top left; width:464px; padding-left:20px;} .poll_wrapper .poll_stat .stat hr{display:block; margin:0; width:441px; border:none; border-bottom:1px solid #d7d7d7; margin-bottom:20px;} .poll_wrapper .poll_stat span.pollObject{display:block; float:left; width:120px; clear:both; margin-left:15px;} .poll_wrapper .poll_stat .progress{width:189px; float:left; padding-top:3px;} .poll_wrapper .poll_stat span.pollValue{display:block; float:left; width:60px; text-align:right;} .poll_wrapper .poll_stat p.center{text-align:center;clear:both; width:441px;} .poll_wrapper .poll_stat .footer{width:484px; height:34px; background:url('../images/community/poll_hd_ft.gif') no-repeat left bottom; } .poll_wrapper a.close{display:block; background:url('../images/community/poll_close_bu.gif') no-repeat top left; width:73px; height:22px; text-indent:-1000em; margin-left:410px; margin-top:15px;} span.red{color:#cf0000;} /* Main CS ends */ /* START Subpage linemap */ .sub .linemap{ text-align:right; padding-right:20px; margin-top:12px; height:23px; width:600px; } .linemap a{color:#62665A; padding-left:6px;} * html .linemap a:link, a:visited, a:active { color: #62665A;} .linemap a.home {font-weight:bold; color:#e54028;} .linemap a span.reddot{display:inline; color:#e54028; font-weight:bold; background:url('../images/common_sub/reddot.gif') no-repeat left 7px;} .linemap em{font-style:normal; font-weight:bold; } /* END Subpage linemap */ /* START subs */ /* structure codes for all subpages */ .sub .wrap_right h1.title{text-indent:-1000em; display:block; width:614px; height:34px; background-repeat:no-repeat; background-position:top left; } /* rounded box for content */ div.boxwrap_round{width:614px; background:url('../images/common_sub/boxwrap_round_bottom.gif') no-repeat left bottom; padding-bottom:14px; margin:9px 0px 10px 3px; } *:first-child+html div.boxwrap_round{margin-bottom:40px;} div.boxwrap_round ul,div.boxwrap_round li {margin:0px; padding:0px; display:block; width:614px; list-style:none;} div.boxwrap_round ul {background:url('../images/common_sub/boxwrap_round_top.gif') no-repeat left top; padding-top:12px;} div.boxwrap_round ul li {background:url('../images/common_sub/boxwrap_round_list_bg.gif') no-repeat left bottom; padding-bottom:1px;} div.boxwrap_round ul li.last {background:none;} div.boxwrap_round ul li div.box_content{background:url('../images/common_sub/boxwrap_round_bd.gif') repeat-y left top; padding:10px 0px 16px 22px; } /* Go to Top Button */ a.gotoTop {display:block; width:24px; height:37px; background:url('../images/common_sub/top_button.gif') no-repeat top left; text-indent:-1000em; position:absolute; top:518px; left:50%; margin-left:430px; } /****** ABOUT ******/ /* 1. Information */ .sub .wrap_right .about_wrap h1,h2,h3{text-indent:-1000em; display:block;} .sub .wrap_right .about_wrap h1.title {background:url('../images/about/h1_introduction.gif') no-repeat top left;} .sub .wrap_right .about_wrap h2.subtitle{background:url('../images/about/about_info_subtitle.gif') no-repeat top left; width:605px; height:35px; margin-top:20px; } .sub .wrap_right .about_wrap img.shot{padding-left:603px; padding-top:145px; width:0px; height:0px; background:url('../images/about/about_info_shot.jpg') no-repeat top left; display:block; margin-top:13px; margin-bottom:17px; } .sub .wrap_right .about_wrap p{padding-left:5px; width:595px;} .sub .wrap_right .about_wrap h3.ready {background:url('../images/about/about_info_ready.gif') no-repeat top left; width:328px; height:17px; margin-top:13px; } /* 2. Worldview */ .about .wrap_right .worldview_wrap h1,h2,h3{text-indent:-1000em; display:block;} .about .wrap_right .worldview_wrap h1.title {background:url('../images/about/h1_worldview.gif') no-repeat top left;} .about .wrap_right .worldview_wrap h2.subtitle{background:url('../images/about/about_world_subtitle.gif') no-repeat top left; width:601px; height:51px; margin-top:20px; margin-bottom:7px; } *:first-child+html .about .wrap_right .worldview_wrap h2.subtitle{margin-bottom:42px;} * html .about .wrap_right .worldview_wrap h2.subtitle{margin-bottom:42px;} .about .wrap_right .worldview_wrap div.infoitem{padding-left:3px; height:127px; margin-bottom:18px; vertical-align:bottom; position:relative; clear:left; } div.infoitem img{width:0px; height:0px; padding-left:363px; padding-top:127px; vertical-align:text-bottom;display:block; position:absolute; bottom:0px;} div.infoitem img.shot1{background:url('../images/about/about_worldshot1.jpg') no-repeat top left;} div.infoitem img.shot2{background:url('../images/about/about_worldshot2.jpg') no-repeat top left;} div.infoitem img.shot3{background:url('../images/about/about_worldshot3.jpg') no-repeat top left;} div.infoitem p{left:377px; position:absolute; bottom:0px; display:block; padding-right:20px; vertical-align:bottom; line-height:16px; width:230px;} .about .wrap_right .worldview_wrap h3.catch {background:url('../images/about/about_world_catch.gif') no-repeat top left; width:337px; height:17px; margin-left:22px; } *:first-child+html .about .wrap_right .worldview_wrap h3.catch{margin-top:-35px;} * html .about .wrap_right .worldview_wrap h3.catch{margin-top:-35px;} .about .wrap_right .features_wrap h1,h2{text-indent:-1000em; display:block;} .about .wrap_right .features_wrap h1.title{background:url('../images/about/h1_features.gif') no-repeat top left;} .about .wrap_right .features_wrap h2.subtitle{background:url('../images/about/about_features_subtitle.gif') no-repeat top left; width:602px; height:93px; margin-top:11px; } .about .wrap_right .features_wrap div.description{position:relative; margin-top:-4px;} *:first-child+html .about .wrap_right .features_wrap div.description{margin-top:40px;} * html .about .wrap_right .features_wrap div.description{margin-top:40px;} .about .wrap_right .features_wrap p {display:block; text-indent:-1000em; background:url('../images/about/about_features_img2.gif') no-repeat top left; width:614px; height:386px; padding:0px; margin-top:10px; } .about .wrap_right .features_wrap img.graphics{display:block; width:0px; height:0px; background:url('../images/about/about_features_img.png') no-repeat top left; padding-left:278px; padding-top:93px; margin-top:10px; position:absolute; } /*** END ABOUT ***/ /******* GUIDE ********/ /* 1. Installation */ .guide .wrap_right .install_wrap h1.title{background-image:url('../images/guide/installation/h1_installation.gif'); width:616px;} .install_wrap .box_content h2 {display:block; height:16px; width:578px; text-indent:0em; margin-top:10px; margin-left:4px; padding-left:38px; padding-top:6px; font-weight:normal;} .install_wrap .box_content img {display:block; width:0px; height:0px; margin-top:13px; padding-left:512px; padding-top:393px;} .install_wrap .box_content h2.step1{background:url('../images/guide/installation/step1_h2.gif') no-repeat top left;} .install_wrap .box_content img.step1{background:url('../images/guide/installation/step1.jpg') no-repeat top left; padding-left:404px; padding-top:273px; } .install_wrap .box_content h2.step2{background:url('../images/guide/installation/step2_h2.gif') no-repeat top left;} .install_wrap .box_content img.step2{background:url('../images/guide/installation/step2.gif') no-repeat top left;} .install_wrap .box_content h2.step3{background:url('../images/guide/installation/step3_h2.gif') no-repeat top left;} .install_wrap .box_content img.step3{background:url('../images/guide/installation/step3.gif') no-repeat top left;} .install_wrap .box_content h2.step4{background:url('../images/guide/installation/step4_h2.gif') no-repeat top left;} .install_wrap .box_content img.step4{background:url('../images/guide/installation/step4.gif') no-repeat top left;} .install_wrap .box_content h2.step5{background:url('../images/guide/installation/step5_h2.gif') no-repeat top left;} .install_wrap .box_content img.step5{background:url('../images/guide/installation/step5.gif') no-repeat top left;} .install_wrap .box_content h2.step6{background:url('../images/guide/installation/step6_h2.gif') no-repeat top left;} .install_wrap .box_content img.step6{background:url('../images/guide/installation/step6.gif') no-repeat top left;} .install_wrap .box_content h2.step7{background:url('../images/guide/installation/step7_h2.gif') no-repeat top left;} .install_wrap .box_content img.step7{background:url('../images/guide/installation/step7.gif') no-repeat top left;} /* 2. Characters */ .guide .wrap_right .charinfo_wrap h1.title{background-image:url('../images/guide/characters/h1_characters.gif'); width:616px;} .guide .wrap_right .charinfo_wrap p{line-height:1.2em;} .charinfo_wrap .box_content {padding-left:30px;} .charinfo_wrap .charmenu_wrap{padding-bottom:11px;} * html .charinfo_wrap .charmenu_wrap{padding-bottom:9px;} *:first-child+html .charinfo_wrap .charmenu_wrap{padding-bottom:9px;} .charinfo_wrap .charmenu_wrap li.last .box_content{padding-bottom:0px;} .charinfo_wrap .box_content .charmenu a{display:block; width:83px; height:80px; float:left; margin-right:12px; margin-bottom:10px; background:url('../images/guide/characters/title_bar.jpg') no-repeat top left;} .charinfo_wrap .box_content .charmenu a:hover{background-position:left -80px;} .charinfo_wrap .box_content .charmenu a.warrior{background-position:-0px top;} .charinfo_wrap .box_content .charmenu a.warrior:hover{background-position:-0px -80px;} .charinfo_wrap .box_content .charmenu a.knight{background-position:-83px top;} .charinfo_wrap .box_content .charmenu a.knight:hover{background-position:-83px -80px;} .charinfo_wrap .box_content .charmenu a.wizard{background-position:-166px top;} .charinfo_wrap .box_content .charmenu a.wizard:hover{background-position:-166px -80px;} .charinfo_wrap .box_content .charmenu a.explorer{background-position:-249px top;} .charinfo_wrap .box_content .charmenu a.explorer:hover{background-position:-249px -80px;} .charinfo_wrap .box_content .charmenu a.warlord{background-position:-332px top;} .charinfo_wrap .box_content .charmenu a.warlord:hover{background-position:-332px -80px;} .charinfo_wrap .box_content .charmenu a.blader{background-position:-415px top;} .charinfo_wrap .box_content .charmenu a.blader:hover{background-position:-415px -80px;} .charinfo_wrap .box_content .charmenu a.templeKnight{background-position:-498px top;} .charinfo_wrap .box_content .charmenu a.templeKnight:hover{background-position:-498px -80px;} .charinfo_wrap .box_content .charmenu a.guardian{background-position:-581px top;} .charinfo_wrap .box_content .charmenu a.guardian:hover{background-position:-581px -80px;} .charinfo_wrap .box_content .charmenu a.sorcerer{background-position:-664px top;} .charinfo_wrap .box_content .charmenu a.sorcerer:hover{background-position:-664px -80px;} .charinfo_wrap .box_content .charmenu a.bard{background-position:-747px top;} .charinfo_wrap .box_content .charmenu a.bard:hover{background-position:-747px -80px;} .charinfo_wrap .box_content .charmenu a.treasHunter{background-position:-830px top;} .charinfo_wrap .box_content .charmenu a.treasHunter:hover{background-position:-830px -80px;} .charinfo_wrap .box_content .charmenu a.gunSlinger{background-position:-913px top;} .charinfo_wrap .box_content .charmenu a.gunSlinger:hover{background-position:-913px -80px;} /* css for character info */ .box_content .char{position:relative; margin-bottom:-10px;} .box_content .char .charInfo{width:295px; margin-top:10px; } .box_content .char img,h1,h2,span.weapon{display:block; text-indent:-1000em;} .box_content .char img.charshot{background:url('../images/guide/characters/characters.jpg') no-repeat top left; width:0px; height:0px; position:absolute;} .box_content .char h1.charTitle{background:url('../images/guide/characters/char_titles.gif') no-repeat top left; height:62px;} .box_content .char .weaponlist {margin-top:15px;} .box_content .char .weaponlist h2.weapon{background:url('../images/guide/characters/weapon.gif') no-repeat top left; width:46px; height:12px; margin-bottom:5px;} .box_content .char .weaponlist span.weapon{margin-right:5px; background:url('../images/guide/characters/weap_icons.gif') no-repeat top left; width:0px; height:0px; } .charinfo_wrap .box_content .odd img.charshot{left:0px;} .charinfo_wrap .box_content .odd div.charInfo{margin-left:295px;} .charinfo_wrap .box_content .even img.charshot{right:0px; margin-right:20px;} .charinfo_wrap .box_content .even div.charInfo{margin-left:0px; padding-left:5px;} .box_content .char .charInfo p{padding-right:10px;} #warrior .char .charshot{padding-left:246px; padding-top:232px; margin:-10px 54px 0 0;} #warrior .char h1.charTitle{width:142px;} #warrior .char .weaponlist span.weapon{padding-left:113px; padding-top:79px; } #knight .char .charshot{padding-left:251px; padding-top:262px; background-position:-254px top; margin:-14px 60px 0 0;} #knight .char h1.charTitle{width:123px; background-position:-142px top; margin-bottom:3px;} #knight .char .weaponlist span.weapon{padding-left:169px; padding-top:77px; background-position:-113px top;} #wizard .char .charshot{padding-left:286px; padding-top:262px; background-position:-504px top; margin:-13px 0 0 -12px;} #wizard .char h1.charTitle{width:128px; background-position:-266px top; margin-bottom:3px;} #wizard .char .weaponlist span.weapon{padding-left:111px; padding-top:62px; background-position:-282px top;} #explorer .char .charshot{padding-left:238px; padding-top:262px; background-position:-791px top; margin:-10px 0 0 0;} #explorer .char h1.charTitle{width:160px; background-position:-394px top; margin-bottom:3px;} #explorer .char .weaponlist span.weapon{padding-left:169px; padding-top:64px; background-position:-393px top;} .charinfo_wrap .upgrade{background:url('../images/guide/characters/char_upgrade.gif') no-repeat 23px top; padding:7px 0 0 86px; margin-top:-14px; margin-bottom:2px; } .charinfo_wrap .upgrade .box_content{padding-left:20px;} .charinfo_wrap .upgrade ul{padding:0px; margin:0px; display:block; } .charinfo_wrap .upgrade li{display:block; background:url('../images/guide/characters/sub_character_bg.gif') no-repeat left top; width:527px; height:286px; list-style:none; padding:16px 0 10px; margin-bottom:9px; } * html .charinfo_wrap .upgrade li{padding-top:23px; height:279px; margin-bottom:7px;} *:first-child+html .charinfo_wrap .upgrade li{padding-top:23px; height:279px; margin-bottom:7px;} .charinfo_wrap .upgrade .char .charshot{background:url('../images/guide/characters/characters_1stupgrade.jpg') no-repeat left top;} .charinfo_wrap .upgrade .char h1.charTitle{background:url('../images/guide/characters/char_titles_1stupgrade.gif') no-repeat left top; height:55px;} .charinfo_wrap .upgrade .box_content .odd .charInfo{margin-left:197px;} .charinfo_wrap .upgrade .box_content .odd .charInfo p{padding-right:3px;} .charinfo_wrap .upgrade .box_content .char .weaponlist{margin-top:9px;} .charinfo_wrap .upgrade .box_content .char .weaponlist h2.weapon{background:url('../images/guide/characters/weapon_purple.gif') no-repeat left top;} #warlord .char .charshot{padding-left:169px; padding-top:269px; background-position:0px top;} #warlord .char h1.charTitle{width:148px; background-position:0px top; margin-bottom:3px; height:50px;} #warlord .char .weaponlist span.weapon{padding-left:117px; padding-top:77px; background-position:-563px top;} #blader .char .charshot{padding-left:175px; padding-top:269px; background-position:-168px top;} #blader .char h1.charTitle{width:121px; background-position:-148px top; margin-bottom:3px; height:46px;} #blader .char .weaponlist span.weapon{padding-left:68px; padding-top:77px; background-position:-682px top;} #templeKnight .char .charshot{padding-left:175px; padding-top:269px; background-position:-341px top;} #templeKnight .char h1.charTitle{width:258px; background-position:-269px top; margin-bottom:3px; height:46px;} #templeKnight .char .weaponlist span.weapon{padding-left:169px; padding-top:77px; background-position:-753px top;} #guardian .char .charshot{padding-left:213px; padding-top:269px; background-position:-516px top;} #guardian .char .charInfo{margin-left:217px; width:280px;} #guardian .char h1.charTitle{width:172px; background-position:-527px top; margin-bottom:3px; height:46px;} #guardian .char .weaponlist span.weapon{padding-left:53px; padding-top:77px; background-position:-925px top;} #sorcerer .char .charshot{padding-left:235px; padding-top:269px; background-position:-730px top; z-index:0;} #sorcerer .char .charInfo{position:relative; z-index:1;} #sorcerer .char h1.charTitle{width:160px; background-position:-699px top; margin-bottom:3px; height:46px;} #sorcerer .char .weaponlist span.weapon{padding-left:169px; padding-top:77px; background-position:-981px top;} #bard .char .charshot{padding-left:205px; padding-top:269px; background-position:-965px top; z-index:0;} #bard .char .charInfo{position:relative; z-index:1;} #bard .char h1.charTitle{width:86px; background-position:-859px top; margin-bottom:3px; height:46px;} #bard .char .weaponlist span.weapon{padding-left:53px; padding-top:77px; background-position:-1154px top;} #treasHunter .char .charshot{padding-left:189px; padding-top:269px; background-position:-1170px top; z-index:0;} #treasHunter .char .charInfo{position:relative; z-index:1;} #treasHunter .char h1.charTitle{width:272px; background-position:-945px top; margin-bottom:3px; height:46px;} #treasHunter .char .weaponlist span.weapon{padding-left:170px; padding-top:77px; background-position:-1210px top;} #gunSlinger .char .charshot{padding-left:245px; padding-top:269px; background-position:-1362px top; z-index:0;} #gunSlinger .char .charInfo{position:relative; z-index:1;} #gunSlinger .char h1.charTitle{width:225px; background-position:-1217px top; margin-bottom:3px; height:46px;} #gunSlinger .char .weaponlist span.weapon{padding-left:60px; padding-top:77px; background-position:-1381px top;} /* 3. Control */ .guide .wrap_right .control_wrap h1.title{background-image:url('../images/guide/control/h1_control.gif'); width:616px;} .guide .wrap_right .control_wrap h1.basic{background-image:url('../images/guide/control/t_basic.gif'); width:546px; height:25px;} .guide .wrap_right .control_wrap h1.quick{background-image:url('../images/guide/control/t_quickslot.gif'); width:546px; height:25px;} .guide .wrap_right .control_wrap h1.system{background-image:url('../images/guide/control/t_system.gif'); width:546px; height:25px;} .guide .wrap_right .control_wrap img.control{background:url('../images/guide/control/keys.gif') no-repeat top left; width:0px; height:0px; display:block; padding-left:544px; padding-top:185px; margin-bottom:23px; margin-top:22px; margin-left:10px; } .guide .wrap_right .control_wrap p {display:block; margin-top:13px; margin-left:15px; margin-bottom:16px; } /* 4. Inteface */ .guide .wrap_right .interface_wrap h1.title{background-image:url('../images/guide/interface/h1_interface.gif'); width:616px;} .guide .wrap_right .boxwrap_round {margin-bottom:14px;} .guide .wrap_right .interface_wrap .box_content {padding-left:5px;} .guide .wrap_right .box_content img.interfaceShot{display:block; width:0px; height:0px; background:url('../images/guide/interface/interfaceShot.gif') no-repeat top left; padding-left:599px; padding-top:599px; } .guide .wrap_right .interface_wrap h1.popup{display:block; width:159px; height:22px; background:url('../images/guide/interface/h1_popup.gif') no-repeat top left; } .guide .wrap_right .interface_wrap .boxwrap1 .box_content{padding-left:26px;} .guide .wrap_right .interface_wrap .box_content img{display:block; width:0px; height:0px;} .guide .wrap_right .interface_wrap .box_content img.i1{padding-left:197px; padding-top:276px; background:url('../images/guide/interface/int1_i.gif') no-repeat top left;} .guide .wrap_right .interface_wrap .box_content img.i2{padding-left:234px; padding-top:215px; background:url('../images/guide/interface/int2_i.gif') no-repeat top left;} .guide .wrap_right .interface_wrap .box_content img.i3{padding-left:290px; padding-top:323px; background:url('../images/guide/interface/int3_i.gif') no-repeat top left;} .guide .wrap_right .interface_wrap .box_content img.i4{padding-left:260px; padding-top:401px; background:url('../images/guide/interface/int4_i.gif') no-repeat top left;} .guide .wrap_right .interface_wrap .box_content img.i5{padding-left:383px; padding-top:400px; background:url('../images/guide/interface/int5_i.gif') no-repeat top left;} .guide .wrap_right .interface_wrap .box_content img.i6{padding-left:260px; padding-top:345px; background:url('../images/guide/interface/int6_i.gif') no-repeat top left;} .guide .wrap_right .interface_wrap .box_content img.i7{padding-left:247px; padding-top:272px; background:url('../images/guide/interface/int7_i.gif') no-repeat top left;} .guide .wrap_right .interface_wrap .box_content img.i8{padding-left:232px; padding-top:279px; background:url('../images/guide/interface/int8_i.gif') no-repeat top left;} .boxwrap1 .box_content p {display:block; float:right; width:290px;} .boxwrap1 .box_content p span{color:#008fff;} .boxwrap1 .box_content p.i1{margin-right:80px; } * html .boxwrap1 .box_content p.i1{margin-right:40px; } .boxwrap1 .box_content p.i2{margin-right:22px; width:319px;} * html .boxwrap1 .box_content p.i2{margin-right:10px;} .boxwrap1 .box_content p.i3{margin-right:10px; width:279px;} * html .boxwrap1 .box_content p.i3{margin-right:5px;} .boxwrap1 .box_content p.i4{margin-right:8px; width:290px;} .boxwrap1 .box_content p.i5{margin-right:3px; width:194px;} .boxwrap1 .box_content p.i6{margin-right:18px; } * html .boxwrap1 .box_content p.i6{margin-right:9px; } .boxwrap1 .box_content p.i7{margin-right:30px; } * html .boxwrap1 .box_content p.i7{margin-right:15px; } .boxwrap1 .box_content p.i8{margin-right:35px; } * html .boxwrap1 .box_content p.i8{margin-right:15px; } /* 5. Map */ .guide .wrap_right .map_wrap h1.title{background-image:url('../images/guide/map/h1_map.gif'); width:616px;} .guide .wrap_right .map_wrap .box_content {padding-left:17px;} .map_wrap .box_content table{margin:0px; padding:0px; border-collapse:collapse; width:577px; text-align:center;} .map_wrap .box_content table td{height:53px; border-bottom:1px solid #cccccc;} .map_wrap .box_content table thead td{height:53px; background:url('../images/guide/map/thead_bg.gif') no-repeat top left;} .map_wrap .box_content table tfoot td{height:65px; background:url('../images/guide/map/tfoot_bg.gif') no-repeat bottom left; border:none;} .map_wrap .box_content table td.icon img{display:block; width:0px; height:0px; padding-left:32px; padding-top:32px; margin:0 auto; background:url('../images/guide/map/icons.gif') no-repeat top left;} .map_wrap .box_content table td.name{font-weight:bold;} .map_wrap .box_content table td.exp{text-align:left; padding:0 10px;} .map_wrap .box_content table tbody tr.odd td.icon{background:url('../images/guide/map/odd1.gif') repeat-y top left;} .map_wrap .box_content table tbody tr.odd td.name{background:url('../images/guide/map/odd2.gif') repeat-y top left;} .map_wrap .box_content table tbody tr.odd td.exp{background:url('../images/guide/map/odd3.gif') repeat-y top left;} .map_wrap .box_content table tbody tr.even td.icon{background:url('../images/guide/map/even1.gif') repeat-y top left;} .map_wrap .box_content table tbody tr.even td.name{background:url('../images/guide/map/even2.gif') repeat-y top left;} .map_wrap .box_content table tbody tr.even td.exp{background:url('../images/guide/map/even3.gif') repeat-y top left;} .map_wrap .box_content table td.icon{width:72px; } .map_wrap .box_content table td.name{width:113px; } .map_wrap .box_content table td.exp{width:374px; } .map_wrap .box_content table td.name{background-position:-72px top;} .map_wrap .box_content table td.exp{background-position:-185px top;} .map_wrap .box_content td.icon img.i2{background-position:left -32px;} .map_wrap .box_content td.icon img.i3{background-position:left -64px;} .map_wrap .box_content td.icon img.i4{background-position:left -96px;} .map_wrap .box_content td.icon img.i5{background-position:left -128px;} .map_wrap .box_content td.icon img.i6{background-position:left -160px;} .map_wrap .box_content td.icon img.i7{background-position:left -192px;} .map_wrap .box_content td.icon img.i8{background-position:left -224px;} .map_wrap .box_content td.icon img.i9{background-position:left -256px;} .map_wrap .box_content td.icon img.i10{background-position:left -288px;} .map_wrap .box_content td.icon img.i11{background-position:left -320px;} .map_wrap .box_content td.icon img.i12{background-position:left -352px;} .map_wrap .box_content td.icon img.i13{background-position:left -384px;} .map_wrap .box_content td.icon img.i14{background-position:left -416px;} .map_wrap .box_content td.icon img.i15{background-position:left -448px;} .map_wrap .box_content td.icon img.i16{background-position:left -480px;} .map_wrap .box_content td.icon img.i17{background-position:left -512px;} .map_wrap .box_content td.icon img.i18{background-position:left -544px;} .map_wrap .box_content td.icon img.i19{background-position:left -576px;} /* 6. Way Point */ .guide .wrap_right .waypoint_wrap h1.title{background-image:url('../images/guide/waypoint/h1_waypoint.gif'); width:616px;} .guide .wrap_right .waypoint_wrap .box_content{padding-left:18px;} .waypoint_wrap .box_content h1.info {display:block; background-image:url('../images/guide/waypoint/info.gif'); width:525px; height:40px; } .waypoint_wrap .box_content h1.step1,.waypoint_wrap .box_content h1.step2,.waypoint_wrap .box_content h1.step3{ display:block; width:457px; height:28px; padding-left:48px; text-indent:0em; font-weight:normal;line-height:13px; margin-bottom:15px; background:url('../images/guide/waypoint/numbers.gif') no-repeat top left; } .waypoint_wrap .box_content p {margin-top:12px; margin-bottom:12px;} .waypoint_wrap .box_content span {color:#009cff; font-weight:bold;} .waypoint_wrap .box_content h1.step2{background-position:left -25px; line-height:28px;} .waypoint_wrap .box_content h1.step3{background-position:left -56px; line-height:28px;} .waypoint_wrap .box_content img.i1,.waypoint_wrap .box_content img.i2,.waypoint_wrap .box_content img.i3, .waypoint_wrap .box_content img.i4 {display:block; width:0px; height:0px;} .waypoint_wrap .box_content img.i1{background:url('../images/guide/waypoint/i1.jpg') no-repeat top left; padding-left:500px; padding-top:391px; } .waypoint_wrap .box_content img.i2{background:url('../images/guide/waypoint/i2.jpg') no-repeat top left; padding-left:511px; padding-top:384px; } .waypoint_wrap .box_content img.i3{background:url('../images/guide/waypoint/i3.jpg') no-repeat top left; padding-left:500px; padding-top:393px; } .waypoint_wrap .box_content img.i4{background:url('../images/guide/waypoint/i4.jpg') no-repeat top left; padding-left:512px; padding-top:384px; } /* 7. My Shop */ .guide .wrap_right .myshop_wrap h1.title{background-image:url('../images/guide/myshop/h1_myshop.gif'); width:616px;} .guide .wrap_right .myshop_wrap .box_content{padding-left:18px;} .myshop_wrap .box_content h1.info {display:block; background-image:url('../images/guide/myshop/info.gif'); width:527px; height:37px; } .myshop_wrap .box_content h1.step1,.myshop_wrap .box_content h1.step2, .myshop_wrap .box_content h1.step3{ display:block; width:457px; height:28px; padding-left:48px; text-indent:0em; font-weight:bold; line-height:13px; margin-bottom:15px; margin-top:15px; } .myshop_wrap .box_content h1.step1 {background:url('../images/guide/myshop/step1.gif') no-repeat top left;} .myshop_wrap .box_content h1.step2 {background:url('../images/guide/myshop/step2.gif') no-repeat top left;} .myshop_wrap .box_content h1.step3 {background:url('../images/guide/myshop/step3.gif') no-repeat top left;} .myshop_wrap .box_content h1.opening {background:url('../images/guide/myshop/h1_opening.gif') no-repeat top left; margin-bottom:15px;} .myshop_wrap .box_content p {padding-left:40px; width:510px;} .myshop_wrap .box_content p.blue {color:#009cff;} .myshop_wrap .box_content span {color:#009cff; font-weight:bold;} .myshop_wrap .box_content p.float {display:block; float:right; width:320px; padding-left:0px; margin-right:15px;} * html .myshop_wrap .box_content p.float {margin-right:7px;} .myshop_wrap .box_content img {display:block; width:0px; height:0px;} .myshop_wrap .box_content img.i1 {background:url('../images/guide/myshop/i1.gif') no-repeat top left; padding-left:257px; padding-top:191px; } .myshop_wrap .box_content img.i2 {background:url('../images/guide/myshop/i2.jpg') no-repeat top left; padding-left:500px; padding-top:391px; } .myshop_wrap .box_content img.i3 {background:url('../images/guide/myshop/i3.jpg') no-repeat top left; padding-left:500px; padding-top:391px; } .myshop_wrap .box_content img.i4 {background:url('../images/guide/myshop/i4.jpg') no-repeat top left; padding-left:500px; padding-top:391px; } .myshop_wrap .box_content h1.lastinfo {background:url('../images/guide/myshop/last_info.gif') no-repeat top left; margin-bottom:15px;} /* 8. Monsters */ .guide .wrap_right .monsters_wrap h1.title{background-image:url('../images/guide/monsters/h1_monsters.gif'); width:616px;} .guide .wrap_right .monsters_wrap .submenu{height:27px; width:601px; margin-top:21px; margin-left:7px; } * html .guide .wrap_right .monsters_wrap .submenu{height:27px; width:610px; margin-top:21px; background-position:9px top; } .guide .wrap_right .monsters_wrap .submenu, .monsters_wrap .submenu a { background:url('../images/guide/monsters/sub_menu.gif') top left;} .monsters_wrap .submenu a{display:block; height:27px; float:left;} .monsters_wrap .submenu .training,.monsters_wrap .submenu .training_sel {width:93px; background-position:-9px top; margin-left:9px;} .monsters_wrap .submenu .belos,.monsters_wrap .submenu .belos_sel {width:109px; background-position:-104px top; margin-left:2px;} .monsters_wrap .submenu .elias,.monsters_wrap .submenu .elias_sel {width:106px; background-position:-215px top; margin-left:2px;} .monsters_wrap .submenu .yonggyoung,.monsters_wrap .submenu .yonggyoung_sel {width:154px; background-position:-323px top; margin-left:2px;} .monsters_wrap .submenu .aoich,.monsters_wrap .submenu .aoich_sel {width:112px; background-position:-479px top;margin-left:2px;} .monsters_wrap .submenu .training_sel { background-position:-9px -27px;} .monsters_wrap .submenu .belos_sel { background-position:-104px -54px;} .monsters_wrap .submenu .elias_sel { background-position:-215px -81px;} .monsters_wrap .submenu .yonggyoung_sel { background-position:-323px -108px;} .monsters_wrap .submenu .aoich_sel { background-position:-479px -135px;} .monsters_wrap table.monsters{margin-top:15px; margin-left:17px; padding:0px; border-collapse:collapse; width:585px; text-align:center; color:#5a5a5a;} * html .monsters_wrap table.monsters{margin-left:12px;} .monsters_wrap table.monsters span.red {color:red;} .monsters_wrap table.monsters td{height:166px; border-bottom:1px solid #d7d7d7;} .monsters_wrap table.monsters thead td{height:33px; background:url('../images/guide/monsters/table_head.gif') no-repeat top left;} .monsters_wrap table.monsters td.map{width:78px; font-weight:bold; } .monsters_wrap table.monsters td.image{width:165px; background-position:-78px top; text-align:top;} .monsters_wrap table.monsters td.image img{width:0px; height:0px; display:block; margin:0 auto;} table.monsters img.m_00_01{background:url('../images/guide/monsters/training/Monster_00_01.gif') no-repeat top left; padding-left:128px; padding-top:192px; } table.monsters img.m_00_02{background:url('../images/guide/monsters/training/Monster_00_02.gif') no-repeat top left; padding-left:128px; padding-top:160px; } table.monsters img.m_01_01{background:url('../images/guide/monsters/belos/Monster_01_01.gif') no-repeat top left; padding-left:102px; padding-top:102px; } table.monsters img.m_01_02{background:url('../images/guide/monsters/belos/Monster_01_02.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_01_03{background:url('../images/guide/monsters/belos/Monster_01_03.gif') no-repeat top left; padding-left:128px; padding-top:104px; } table.monsters img.m_01_04{background:url('../images/guide/monsters/belos/Monster_01_04.gif') no-repeat top left; padding-left:100px; padding-top:100px; } table.monsters img.m_01_05{background:url('../images/guide/monsters/belos/Monster_01_05.gif') no-repeat top left; padding-left:102px; padding-top:102px; } table.monsters img.m_01_06{background:url('../images/guide/monsters/belos/Monster_01_06.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_01_07{background:url('../images/guide/monsters/belos/Monster_01_07.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_01_08{background:url('../images/guide/monsters/belos/Monster_01_08.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_01_16{background:url('../images/guide/monsters/belos/Monster_01_16.gif') no-repeat top left; padding-left:150px; padding-top:150px; } table.monsters img.m_01_17{background:url('../images/guide/monsters/belos/Monster_01_17.gif') no-repeat top left; padding-left:144px; padding-top:86px; } table.monsters img.m_01_11{background:url('../images/guide/monsters/belos/Monster_01_11.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_01_12{background:url('../images/guide/monsters/belos/Monster_01_12.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_01_13{background:url('../images/guide/monsters/belos/Monster_01_13.gif') no-repeat top left; padding-left:102px; padding-top:102px; } table.monsters img.m_01_14{background:url('../images/guide/monsters/belos/Monster_01_14.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_01_15{background:url('../images/guide/monsters/belos/Monster_01_15.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_02_01{background:url('../images/guide/monsters/elias/Monster_02_01.gif') no-repeat top left; padding-left:102px; padding-top:102px; } table.monsters img.m_02_02{background:url('../images/guide/monsters/elias/Monster_02_02.gif') no-repeat top left; padding-left:128px; padding-top:104px; } table.monsters img.m_02_03{background:url('../images/guide/monsters/elias/Monster_02_03.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_02_04{background:url('../images/guide/monsters/elias/Monster_02_04.gif') no-repeat top left; padding-left:85px; padding-top:85px; } table.monsters img.m_02_05{background:url('../images/guide/monsters/elias/Monster_02_05.gif') no-repeat top left; padding-left:145px; padding-top:145px; } table.monsters img.m_02_06{background:url('../images/guide/monsters/elias/Monster_02_06.gif') no-repeat top left; padding-left:155px; padding-top:155px; } table.monsters img.m_02_07{background:url('../images/guide/monsters/elias/Monster_02_07.gif') no-repeat top left; padding-left:165px; padding-top:174px; } table.monsters img.m_02_08{background:url('../images/guide/monsters/elias/Monster_02_08.gif') no-repeat top left; padding-left:100px; padding-top:100px; } table.monsters img.m_02_27{background:url('../images/guide/monsters/elias/Monster_02_27.gif') no-repeat top left; padding-left:85px; padding-top:92px; } table.monsters img.m_02_28{background:url('../images/guide/monsters/elias/Monster_02_28.gif') no-repeat top left; padding-left:85px; padding-top:92px; } table.monsters img.m_02_29{background:url('../images/guide/monsters/elias/Monster_02_29.gif') no-repeat top left; padding-left:128px; padding-top:128px; } table.monsters img.m_02_30{background:url('../images/guide/monsters/elias/Monster_02_30.gif') no-repeat top left; padding-left:128px; padding-top:128px; } table.monsters img.m_02_31{background:url('../images/guide/monsters/elias/Monster_02_31.gif') no-repeat top left; padding-left:128px; padding-top:128px; } table.monsters img.m_02_32{background:url('../images/guide/monsters/elias/Monster_02_32.gif') no-repeat top left; padding-left:128px; padding-top:128px; } table.monsters img.m_02_33{background:url('../images/guide/monsters/elias/Monster_02_33.gif') no-repeat top left; padding-left:70px; padding-top:50px; } table.monsters img.m_03_01{background:url('../images/guide/monsters/yonggyoung/Monster_03_01.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_03_02{background:url('../images/guide/monsters/yonggyoung/Monster_03_02.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_03_03{background:url('../images/guide/monsters/yonggyoung/Monster_03_03.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_03_04{background:url('../images/guide/monsters/yonggyoung/Monster_03_04.gif') no-repeat top left; padding-left:105px; padding-top:105px; } table.monsters img.m_03_05{background:url('../images/guide/monsters/yonggyoung/Monster_03_05.gif') no-repeat top left; padding-left:165px; padding-top:165px; } table.monsters img.m_03_06{background:url('../images/guide/monsters/yonggyoung/Monster_03_06.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_03_07{background:url('../images/guide/monsters/yonggyoung/Monster_03_07.gif') no-repeat top left; padding-left:165px; padding-top:165px; } table.monsters img.m_03_08{background:url('../images/guide/monsters/yonggyoung/Monster_03_08.gif') no-repeat top left; padding-left:102px; padding-top:102px; } table.monsters img.m_03_09{background:url('../images/guide/monsters/yonggyoung/Monster_03_09.gif') no-repeat top left; padding-left:155px; padding-top:155px; } table.monsters img.m_03_10{background:url('../images/guide/monsters/yonggyoung/Monster_03_10.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_03_11{background:url('../images/guide/monsters/yonggyoung/Monster_03_11.gif') no-repeat top left; padding-left:102px; padding-top:102px; } table.monsters img.m_03_12{background:url('../images/guide/monsters/yonggyoung/Monster_03_12.gif') no-repeat top left; padding-left:100px; padding-top:100px; } table.monsters img.m_03_13{background:url('../images/guide/monsters/yonggyoung/Monster_03_13.gif') no-repeat top left; padding-left:165px; padding-top:165px; } table.monsters img.m_03_14{background:url('../images/guide/monsters/yonggyoung/Monster_03_14.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_03_15{background:url('../images/guide/monsters/yonggyoung/Monster_03_15.gif') no-repeat top left; padding-left:165px; padding-top:146px; } table.monsters img.m_03_16{background:url('../images/guide/monsters/yonggyoung/Monster_03_16.gif') no-repeat top left; padding-left:165px; padding-top:146px; } table.monsters img.m_04_01{background:url('../images/guide/monsters/aoich/Monster_04_01.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_04_02{background:url('../images/guide/monsters/aoich/Monster_04_02.gif') no-repeat top left; padding-left:102px; padding-top:102px; } table.monsters img.m_04_03{background:url('../images/guide/monsters/aoich/Monster_04_03.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_04_04{background:url('../images/guide/monsters/aoich/Monster_04_04.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_04_05{background:url('../images/guide/monsters/aoich/Monster_04_05.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_04_06{background:url('../images/guide/monsters/aoich/Monster_04_06.gif') no-repeat top left; padding-left:128px; padding-top:104px; } table.monsters img.m_04_07{background:url('../images/guide/monsters/aoich/Monster_04_07.gif') no-repeat top left; padding-left:120px; padding-top:100px; } table.monsters img.m_04_08{background:url('../images/guide/monsters/aoich/Monster_04_08.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_04_09{background:url('../images/guide/monsters/aoich/Monster_04_09.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_04_10{background:url('../images/guide/monsters/aoich/Monster_04_10.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_04_11{background:url('../images/guide/monsters/aoich/Monster_04_11.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_04_12{background:url('../images/guide/monsters/aoich/Monster_04_12.gif') no-repeat top left; padding-left:146px; padding-top:146px; } table.monsters img.m_04_13{background:url('../images/guide/monsters/aoich/Monster_04_13.gif') no-repeat top left; padding-left:165px; padding-top:165px; } table.monsters img.m_04_14{background:url('../images/guide/monsters/aoich/Monster_04_14.gif') no-repeat top left; padding-left:165px; padding-top:192px; } .monsters_wrap table.monsters td.name{width:107px; background-position:-243px top;} .monsters_wrap table.monsters td.desc{width:235px; background-position:-350px top; text-align:left;} .monsters_wrap table.monsters td.desc p {padding:0 15px;} .monsters_wrap table.monsters td {background:url('../images/guide/monsters/table_td_bg.gif') repeat-y top left;} .monsters_wrap table.monsters tfoot td.last{border-bottom:none;} .monsters_wrap table.monsters tfoot td .f_wrap{position:relative; height:100%;} .monsters_wrap table.monsters tfoot td .fw{position:absolute; left:0px; width:100%;} .monsters_wrap table.monsters tfoot.training td .fw{top:43%;} .monsters_wrap table.monsters tfoot.belos td .fw{top:52%; margin-top:-16%;} .monsters_wrap table.monsters tfoot.elias td .fw{top:52%; margin-top:-21%;} .monsters_wrap table.monsters tfoot.yonggyoung td .fw{top:52%; margin-top:-21%;} .monsters_wrap table.monsters tfoot.aoich td .fw{top:52%; margin-top:-21%;} .monsters_wrap table.monsters tfoot.aoich td {height:195px;} .monsters_wrap table.monsters tfoot td .f_lt,.monsters_wrap table.monsters tfoot td .f_rt,.monsters_wrap table.monsters tfoot td .f {height:9px; background:url('../images/guide/monsters/table_footer.gif') no-repeat top left; top:158px; position:absolute; left:0px;} .monsters_wrap table.monsters tfoot.aoich td .f_lt,.monsters_wrap table.monsters tfoot.aoich td .f_rt,.monsters_wrap table.monsters tfoot.aoich td .f {top:187px;} .monsters_wrap table.monsters tfoot td .f_lt {width:77px; } .monsters_wrap table.monsters tfoot.training .f_lt{top:254px; } * html .monsters_wrap table.monsters tfoot.training .f_lt{top:255px; } *:first-child+html .monsters_wrap table.monsters tfoot.training .f_lt{top:255px; } .monsters_wrap table.monsters tfoot.belos .f_lt{top:490px; } * html .monsters_wrap table.monsters tfoot.belos .f_lt{top:492px; } *:first-child+html .monsters_wrap table.monsters tfoot.belos .f_lt{top:492px; } .monsters_wrap table.monsters tfoot.elias .f_lt{top:241px; } * html .monsters_wrap table.monsters tfoot.elias .f_lt{top:246px; } * html .monsters_wrap table.monsters tfoot.elias .f_rt{top:162px; } * html .monsters_wrap table.monsters tfoot.elias .f{top:162px; } * html .monsters_wrap table.monsters tfoot.elias .image .f{top:166px; } *:first-child+html .monsters_wrap table.monsters tfoot.elias .f_lt{top:242px; } .monsters_wrap table.monsters tfoot.yonggyoung .f_lt{top:656px; } * html .monsters_wrap table.monsters tfoot.yonggyoung .f_lt{top:659px; } *:first-child+html .monsters_wrap table.monsters tfoot.yonggyoung .f_lt{top:659px; } .monsters_wrap table.monsters tfoot.aoich td .f_lt{top:967px; } * html .monsters_wrap table.monsters tfoot.aoich td .f_lt{top:971px; } *:first-child+html .monsters_wrap table.monsters tfoot.aoich td .f_lt{top:971px; } .monsters_wrap table.monsters tfoot td .f_rt {width:235px; background-position:-350px top;} .monsters_wrap table.monsters tfoot td.image .f {width:164px; background-position:-10px top;} .monsters_wrap table.monsters tfoot td.name .f {width:106px; background-position:-10px top;} /* 9. Skill */ .sub .wrap_right .skill_wrap h1.title{background:url('../images/guide/skill/h1_skill.gif') no-repeat top left; width:616px;} .skill_wrap .submenu{width:605px; height:27px; background:url('../images/guide/skill/submenus_bg.gif') repeat-x top left; margin-top:21px;} .skill_wrap .submenu a {display:block; text-indent:-1000em; width:113px; height:27px; background:url('../images/guide/skill/submenus.gif') no-repeat top left; float:left; margin-right:4px;} .skill_wrap .submenu a.warrior{margin-left:9px;} .skill_wrap .submenu a.warrior_sel{background-position:left -27px;} .skill_wrap .submenu a.knight{background-position:-113px top;} .skill_wrap .submenu a.knight_sel{background-position:-113px -27px;} .skill_wrap .submenu a.explorer{background-position:-226px top;} .skill_wrap .submenu a.explorer_sel{background-position:-226px -27px;} .skill_wrap .submenu a.wizard{background-position:-339px top;} .skill_wrap .submenu a.wizard_sel{background-position:-339px -27px;} .skill_wrap .colorfix{background:#fffdf0; width:591px; padding:18px 0 0 14px;} .skill_wrap .skillTable {display:block; width:585px; background:url('../images/guide/skill/skillTable_hd.gif') no-repeat top left; } .skill_wrap .skillTable thead td{height:60px;} .skill_wrap .skillTable tbody td,.skill_wrap .skillTable tfoot td{background:url('../images/guide/skill/skillTable_bd.gif') repeat-y top left; height:70px; border-bottom:1px solid #d7d7d7; text-align:center;} .skill_wrap .skillTable td.category{width:87px; font-weight:bold;} .skill_wrap .skillTable td.thumb{width:71px; background-position:-87px top;} .skill_wrap .skillTable td.thumb img{width:0px; height:0px; padding:32px 0 0 32px; display:block; margin:auto auto; background:red;} /* fun times with css spirites over.. 6000 pixels!! */ .skill_wrap .warrior td.thumb img{background:url('../images/guide/skill/icons_warrior.gif') no-repeat top left;} .skill_wrap .knight td.thumb img{background:url('../images/guide/skill/icons_knight.gif') no-repeat top left;} .skill_wrap .explorer td.thumb img{background:url('../images/guide/skill/icons_explorer.gif') no-repeat top left;} .skill_wrap .wizard td.thumb img{background:url('../images/guide/skill/icons_wizard.gif') no-repeat top left;} .skill_wrap .skillTable td.thumb img.img1{background-position:left -32px;} .skill_wrap .skillTable td.thumb img.img2{background-position:left -64px;} .skill_wrap .skillTable td.thumb img.img3{background-position:left -96px;} .skill_wrap .skillTable td.thumb img.img4{background-position:left -128px;} .skill_wrap .skillTable td.thumb img.img5{background-position:left -160px;} .skill_wrap .skillTable td.thumb img.img6{background-position:left -192px;} .skill_wrap .skillTable td.thumb img.img7{background-position:left -224px;} .skill_wrap .skillTable td.thumb img.img8{background-position:left -256px;} .skill_wrap .skillTable td.thumb img.img9{background-position:left -288px;} .skill_wrap .skillTable td.thumb img.img10{background-position:left -320px;} .skill_wrap .skillTable td.thumb img.img11{background-position:left -352px;} .skill_wrap .skillTable td.thumb img.img12{background-position:left -384px;} .skill_wrap .skillTable td.thumb img.img13{background-position:left -416px;} .skill_wrap .skillTable td.thumb img.img14{background-position:left -448px;} .skill_wrap .skillTable td.thumb img.img15{background-position:left -480px;} .skill_wrap .skillTable td.thumb img.img16{background-position:left -512px;} .skill_wrap .skillTable td.thumb img.img17{background-position:left -544px;} .skill_wrap .skillTable td.thumb img.img18{background-position:left -576px;} .skill_wrap .skillTable td.thumb img.img19{background-position:left -608px;} .skill_wrap .skillTable td.thumb img.img20{background-position:left -640px;} .skill_wrap .skillTable td.thumb img.img21{background-position:left -672px;} .skill_wrap .skillTable td.thumb img.img22{background-position:left -704px;} .skill_wrap .skillTable td.thumb img.img23{background-position:left -736px;} .skill_wrap .skillTable td.thumb img.img24{background-position:left -768px;} .skill_wrap .skillTable td.thumb img.img25{background-position:left -800px;} .skill_wrap .skillTable td.thumb img.img26{background-position:left -832px;} .skill_wrap .skillTable td.thumb img.img27{background-position:left -864px;} .skill_wrap .skillTable td.thumb img.img28{background-position:left -896px;} .skill_wrap .skillTable td.thumb img.img29{background-position:left -928px;} .skill_wrap .skillTable td.thumb img.img30{background-position:left -960px;} .skill_wrap .skillTable td.thumb img.img31{background-position:left -992px;} .skill_wrap .skillTable td.thumb img.img32{background-position:left -1024px;} .skill_wrap .skillTable td.thumb img.img33{background-position:left -1056px;} .skill_wrap .skillTable td.thumb img.img34{background-position:left -1088px;} .skill_wrap .skillTable td.thumb img.img35{background-position:left -1120px;} .skill_wrap .skillTable td.thumb img.img36{background-position:left -1152px;} .skill_wrap .skillTable td.thumb img.img37{background-position:left -1184px;} .skill_wrap .skillTable td.thumb img.img38{background-position:left -1216px;} .skill_wrap .skillTable td.thumb img.img39{background-position:left -1248px;} .skill_wrap .skillTable td.thumb img.img40{background-position:left -1280px;} .skill_wrap .skillTable td.thumb img.img41{background-position:left -1312px;} .skill_wrap .skillTable td.thumb img.img42{background-position:left -1344px;} .skill_wrap .skillTable td.thumb img.img43{background-position:left -1376px;} .skill_wrap .skillTable td.thumb img.img44{background-position:left -1408px;} .skill_wrap .skillTable td.thumb img.img45{background-position:left -1440px;} .skill_wrap .skillTable td.thumb img.img46{background-position:left -1472px;} .skill_wrap .skillTable td.thumb img.img47{background-position:left -1504px;} .skill_wrap .skillTable td.thumb img.img48{background-position:left -1536px;} .skill_wrap .skillTable td.thumb img.img49{background-position:left -1568px;} .skill_wrap .skillTable td.thumb img.img50{background-position:left -1600px;} .skill_wrap .skillTable td.thumb img.img51{background-position:left -1632px;} .skill_wrap .skillTable td.thumb img.img52{background-position:left -1664px;} .skill_wrap .skillTable td.thumb img.img53{background-position:left -1696px;} .skill_wrap .skillTable td.thumb img.img54{background-position:left -1728px;} .skill_wrap .skillTable td.thumb img.img55{background-position:left -1760px;} .skill_wrap .skillTable td.thumb img.img56{background-position:left -1792px;} .skill_wrap .skillTable td.thumb img.img57{background-position:left -1824px;} .skill_wrap .skillTable td.thumb img.img58{background-position:left -1856px;} .skill_wrap .skillTable td.thumb img.img59{background-position:left -1888px;} .skill_wrap .skillTable td.thumb img.img60{background-position:left -1920px;} .skill_wrap .skillTable td.thumb img.img61{background-position:left -1952px;} .skill_wrap .skillTable td.thumb img.img62{background-position:left -1984px;} .skill_wrap .skillTable td.thumb img.img63{background-position:left -2016px;} .skill_wrap .skillTable td.thumb img.img64{background-position:left -2048px;} .skill_wrap .skillTable td.thumb img.img65{background-position:left -2080px;} .skill_wrap .skillTable td.thumb img.img66{background-position:left -2112px;} .skill_wrap .skillTable td.thumb img.img67{background-position:left -2144px;} .skill_wrap .skillTable td.thumb img.img68{background-position:left -2176px;} .skill_wrap .skillTable td.thumb img.img69{background-position:left -2208px;} .skill_wrap .skillTable td.thumb img.img70{background-position:left -2240px;} .skill_wrap .skillTable td.thumb img.img71{background-position:left -2272px;} .skill_wrap .skillTable td.thumb img.img72{background-position:left -2304px;} .skill_wrap .skillTable td.thumb img.img73{background-position:left -2336px;} .skill_wrap .skillTable td.thumb img.img74{background-position:left -2368px;} .skill_wrap .skillTable td.thumb img.img75{background-position:left -2400px;} .skill_wrap .skillTable td.thumb img.img76{background-position:left -2432px;} .skill_wrap .skillTable td.thumb img.img77{background-position:left -2464px;} .skill_wrap .skillTable td.thumb img.img78{background-position:left -2496px;} .skill_wrap .skillTable td.thumb img.img79{background-position:left -2528px;} .skill_wrap .skillTable td.thumb img.img80{background-position:left -2560px;} .skill_wrap .skillTable td.thumb img.img81{background-position:left -2592px;} .skill_wrap .skillTable td.thumb img.img82{background-position:left -2624px;} .skill_wrap .skillTable td.thumb img.img83{background-position:left -2656px;} .skill_wrap .skillTable td.thumb img.img84{background-position:left -2688px;} .skill_wrap .skillTable td.thumb img.img85{background-position:left -2720px;} .skill_wrap .skillTable td.thumb img.img86{background-position:left -2752px;} .skill_wrap .skillTable td.thumb img.img87{background-position:left -2784px;} .skill_wrap .skillTable td.thumb img.img88{background-position:left -2816px;} .skill_wrap .skillTable td.thumb img.img89{background-position:left -2848px;} .skill_wrap .skillTable td.thumb img.img90{background-position:left -2880px;} .skill_wrap .skillTable td.thumb img.img91{background-position:left -2912px;} .skill_wrap .skillTable td.name{width:83px; background-position:-158px top;} .skill_wrap .skillTable td.name p{width:81px;} .skill_wrap .skillTable td.desc{width:153px; background-position:-241px top;} .skill_wrap .skillTable td.desc p{padding:5px 5px 5px 10px; text-align:left; line-height:13px;} .skill_wrap .skillTable td.spec{width:91px; background-position:-394px top;} .skill_wrap .skillTable td.prereq{width:100px; background-position:-485px top;} .skill_wrap .skillTable tfoot tr.last td,.skill_wrap .skillTable tfoot td.last{ background:url('../images/guide/skill/skillTable_ft.gif') no-repeat left bottom; border-bottom:none; } .skill_wrap .skillTable tr.last td.thumb{width:71px; background-position:-87px bottom;} .skill_wrap .skillTable tr.last td.name{width:83px; background-position:-158px bottom;} .skill_wrap .skillTable tr.last td.desc{width:153px; background-position:-241px bottom;} .skill_wrap .skillTable tr.last td.spec{width:91px; background-position:-394px bottom;} .skill_wrap .skillTable tr.last td.prereq{width:100px; background-position:-485px bottom;} /* 10. Instance Dungeon */ .sub .wrap_right .instanceDungeon_wrap h1.title{background:url('../images/guide/instance_dungeon/h1_instance.gif') no-repeat top left; width:616px;} .sub .wrap_right .instanceDungeon_wrap h2.title{background:url('../images/guide/instance_dungeon/h2_instance.gif') no-repeat top left; height:52px; width:547px; margin:20px 0 0 44px;} .instanceDungeon_wrap hr{border:none; border-bottom:1px solid #d7d7d7; height:1px; width:570px; display:block; margin-left:-12px;} .instanceDungeon_wrap div.boxwrap_round ul li div.box_content{padding-left:33px;} .instanceDungeon_wrap img{width:0px; height:0px; display:block; margin:15px 0;} .instanceDungeon_wrap img.img1{background:url('../images/guide/instance_dungeon/page_imgs/1.gif') no-repeat top left; padding:374px 0 0 479px;} .instanceDungeon_wrap img.img2{background:url('../images/guide/instance_dungeon/page_imgs/2.gif') no-repeat top left; padding:374px 0 0 479px;} .instanceDungeon_wrap img.img3{background:url('../images/guide/instance_dungeon/page_imgs/3.gif') no-repeat top left; padding:181px 0 0 535px;} .instanceDungeon_wrap img.img4{background:url('../images/guide/instance_dungeon/page_imgs/4.gif') no-repeat top left; padding:374px 0 0 479px;} .instanceDungeon_wrap img.img5{background:url('../images/guide/instance_dungeon/page_imgs/5.gif') no-repeat top left; padding:181px 0 0 535px;} .instanceDungeon_wrap span.blueText{background:url('../images/common_sub/blue_right_arrow.gif') no-repeat left 2px; padding-left:16px; color:#0099fd;} .instanceDungeon_wrap h3.instanceInfo{background:url('../images/guide/instance_dungeon/h3_instanceinfo.gif') no-repeat top left; width:261px; height:18px; margin-left:18px;} .instanceDungeon_wrap h4.step1{background:url('../images/guide/instance_dungeon/step1.gif') no-repeat top left; padding:5px 0 0 30px;} .instanceDungeon_wrap h4.step2{background:url('../images/guide/instance_dungeon/step2.gif') no-repeat top left; padding:5px 0 0 30px;} .instanceDungeon_wrap span.step_subtext{padding-left:30px;} .instanceDungeon_wrap .info_buttons{width:559px; height:37px; margin-left:-10px; margin-bottom:20px; margin-top:15px;} .instanceDungeon_wrap .info_buttons a{display:block; float:left; width:287px; height:37px; text-indent:-1000em;} .instanceDungeon_wrap .info_buttons a.armors{margin-left:5px; width:267px;} .instanceDungeon_wrap .invoke_bu{background:url('../images/guide/instance_dungeon/invoke_buttons.gif') no-repeat top left;} .instanceDungeon_wrap .hyunmu_bu{background:url('../images/guide/instance_dungeon/hyunmu_buttons.gif') no-repeat top left; width:579px; margin-left:-18px;} .instanceDungeon_wrap .hyunmu_bu a.weapon{width:299px;} .instanceDungeon_wrap .hyunmu_bu a.armors{width:272px;} .instanceDungeon_wrap .info_slide{margin-left:-20px; display:none;} .instanceDungeon_wrap .info_slide hr{margin-left:7px;} .instanceDungeon_wrap .info_slide h4{text-indent:-1000em;} .instanceDungeon_wrap .invoke h4.weapons{background:url('../images/guide/instance_dungeon/info_title_inv_weapon.gif') no-repeat top left; margin-top:10px;} .instanceDungeon_wrap .invoke h4.armors{background:url('../images/guide/instance_dungeon/info_title_inv_armor.gif') no-repeat top left; margin-top:10px;} .instanceDungeon_wrap .hyunmu h4.weapons{background:url('../images/guide/instance_dungeon/info_title_hm_weapon.gif') no-repeat top left; margin-top:10px;} .instanceDungeon_wrap .hyunmu h4.armors{background:url('../images/guide/instance_dungeon/info_title_hm_armor.gif') no-repeat top left; margin-top:10px;} .instanceDungeon_wrap .info_slide .infoTable{width:585px; display:block; background:url('../images/guide/instance_dungeon/infoTable_hd.gif') no-repeat top left; margin-top:10px;} .infoTable thead td{height:42px; text-indent:-1000em;} .infoTable tbody td{background:url('../images/guide/instance_dungeon/infoTable_bd.gif') repeat-y top left; border-bottom:1px solid #d7d7d7;} .infoTable td{text-align:center;} .infoTable td.img{width:78px;} .infoTable td.name{width:89px; background-position:-78px top;} .infoTable td.lvl{width:84px; background-position:-167px top;} .infoTable td.stat{width:240px; background-position:-251px top; } .infoTable td.stat p{padding:5px 5px;} .infoTable td.enchant{width:94px; background-position:-491px top;} .infoTable tr.last td{background:url('../images/guide/instance_dungeon/infoTable_ft.gif') no-repeat left bottom; border-bottom:none;} .infoTable tr.last td.img{width:78px;} .infoTable tr.last td.name{width:89px; background-position:-78px bottom;} .infoTable tr.last td.lvl{width:84px; background-position:-167px bottom;} .infoTable tr.last td.stat{width:240px; background-position:-251px bottom;} .infoTable tr.last td.enchant{width:94px; background-position:-491px bottom;} .infoTable tr.even td{background-color:#efefef;} .instanceDungeon_wrap .info_slide .infoTable img{display:block; width:0px; height:0px; padding:32px 0 0 32px; margin:10px auto; background:url('../images/guide/instance_dungeon/icons.gif') no-repeat left top; } .instanceDungeon_wrap .info_slide .infoTable img.img1{padding-top:31px;} .instanceDungeon_wrap .info_slide .infoTable img.img2{background-position:left -31px; padding-top:31px;} .instanceDungeon_wrap .info_slide .infoTable img.img3{background-position:left -63px; } .instanceDungeon_wrap .info_slide .infoTable img.img4{background-position:left -95px; padding-top:31px;} .instanceDungeon_wrap .info_slide .infoTable img.img5{background-position:left -126px; padding-top:28px;} .instanceDungeon_wrap .info_slide .infoTable img.img6{background-position:left -154px; padding-top:28px;} .instanceDungeon_wrap .info_slide .infoTable img.img7{background-position:left -182px; padding-top:30px;} .instanceDungeon_wrap .info_slide .infoTable img.img8{background-position:left -212px; padding-top:25px;} .instanceDungeon_wrap .info_slide .infoTable img.img9{background-position:left -237px;} .instanceDungeon_wrap .info_slide .infoTable img.img10{background-position:left -269px;padding-top:26px;} .instanceDungeon_wrap .info_slide .infoTable img.img11{background-position:left -295px; padding-top:26px;} .instanceDungeon_wrap .info_slide .infoTable img.img12{background-position:left -321px;} .instanceDungeon_wrap .info_slide .infoTable img.img13{background-position:left -353px;} .instanceDungeon_wrap .info_slide .infoTable img.img14{background-position:left -385px;} .instanceDungeon_wrap .info_slide .infoTable img.img15{background-position:left -417px;} .instanceDungeon_wrap .info_slide .infoTable img.img16{background-position:left -449px; padding-top:22px;} .instanceDungeon_wrap .info_slide .infoTable img.img17{background-position:left -471px; padding-top:23px;} .instanceDungeon_wrap .info_slide .infoTable img.img18{background-position:left -494px; padding-top:23px;} .instanceDungeon_wrap .info_slide .infoTable img.img19{background-position:left -517px; padding-top:25px;} .instanceDungeon_wrap .info_slide .infoTable img.img20{background-position:left -542px; padding-top:25px;} .instanceDungeon_wrap .info_slide .infoTable img.img21{background-position:left -567px; padding-top:21px;} /* 3. Control */ .guide .wrap_right .affection_wrap h1.title{background-image:url('../images/guide/wedding/h1_Affection.gif'); width:616px;} .guide .wrap_right .affection_wrap .box_content h1{margin:20px 0 18px 10px; background-image:url('../images/guide/wedding/t_sprite.gif'); width:546px; height:25px;} .guide .wrap_right .affection_wrap .box_content h1.association {background-position: 0px 0px;} .guide .wrap_right .affection_wrap .box_content h1.dating {background-position: 0px -25px;} .guide .wrap_right .affection_wrap .box_content h1.propose {background-position: 0px -50px;} .guide .wrap_right .affection_wrap .box_content h1.marriage {background-position: 0px -75px;} .guide .wrap_right .affection_wrap .box_content h1.divorce {background-position: 0px -100px;} .guide .wrap_right .affection_wrap .box_content a.gotext {color:#4f4f4f; font-weight:bold;} .box_content_disc{padding:0 15px;} .affection_wrap .box_content h2.step1, .affection_wrap .box_content h2.step2, .affection_wrap .box_content h2.step3{ display:block; width:457px; height:28px; margin:15px 0; padding-left:48px; text-indent:0em; font-size:12px; font-weight:bold; line-height:20px; color:#4f4f4f; } .clear{clear:both;} .affection_wrap .box_content h2.step1 {background:url('../images/guide/myshop/step1.gif') no-repeat top left;} .affection_wrap .box_content h2.step2 {background:url('../images/guide/myshop/step2.gif') no-repeat top left;} .affection_wrap .box_content h2.step3 {background:url('../images/guide/myshop/step3.gif') no-repeat top left;} .affection_wrap .box_content h2 span{color:#0048ff;} .affection_wrap .box_content img{display:block; float:left; margin:0 15px 0 0; background:url('../images/guide/wedding/img_sprite.gif') no-repeat; border:0px; list-style: none;} .affection_wrap .box_content img.i1{width:280px; height:359px; background-position: 0px 0px;} .affection_wrap .box_content img.i2{width:242px; height:272px; background-position: 0px -359px;} .affection_wrap .box_content img.i3{margin:0; width:282px; height:359px; background-position: 0px -631px;} .affection_wrap .box_content img.i4{margin:0; width:285px; height:359px; background-position: 0px -990px;} .affection_wrap .box_content img.i5{width:188px; height:139px; background-position: 0px -1349px;} .affection_wrap .box_content img.i6{width:513px; height:252px; background:url('../images/guide/wedding/full_img.jpg') no-repeat;} .affection_wrap .box_content img.i7{width:290px; height:323px; background-position: 0px -1488px;} span.img_disc{float:left; display:block; width:250px;} div.img_block_01{float:right; margin: 0 31px 0 0; width:242px; text-align:center;} div.img_block_02{float:left; margin:0 15px 0 0; width:282px; text-align:center;} div.img_block_03{display:inline; float:left; margin:0 15px 0 0; width:283px; text-align:center;} /*** END GUIDE ***/ /****** DOWNLOAD *******/ .download span.blue{color:#009cff; font-weight:bold;} /* 1.Client */ /*/////--------START client updated 04302010*/ .download .wrap_right .client_wrap h1.ogpLauncherDownload{background-image:url('../images/download/client/h1_ogpLauncherDownload.gif'); width:245px; height:16px;} a#ogpLauncherDownload_box{background-image:url('../images/download/client/latale_launcherDownload.jpg'); width:575px; height:329px; display:block; cursor:pointer; margin-top:10px;} /*/////--------END client updated 04302010-05022010*/ .download .wrap_right .client_wrap h1.title{background-image:url('../images/download/client/h1_client.gif'); width:612px;} .download .wrap_right .box_content {padding-left:17px;} .download .wrap_right .client_wrap h1{background-repeat:no-repeat;} .download .wrap_right .client_wrap h1.join{background-image:url('../images/download/client/h1_joining.gif'); width:229px; height:16px;} .download .wrap_right .client_wrap h1.driver{background-image:url('../images/download/client/h1_driver.gif'); width:205px; height:13px;} .download .wrap_right .client_wrap h1.join{background-image:url('../images/download/client/h1_joining.gif'); width:229px; height:16px;} .download .wrap_right .client_wrap h1.sysreq{background-image:url('../images/download/client/h1_sysreq.gif'); width:184px; height:17px;} .download .wrap_right .client_wrap p {padding-left:23px; width:545px;} .client_wrap .box_content .sites_wrap{width:580px; margin-top:13px;} .client_wrap .box_content .sites_wrap a{display:block; width:0px; height:0px; padding-left:136px; padding-top:59px; background:url('../images/download/client/down_bns.gif') no-repeat top left; margin-bottom:9px; margin-right:9px; float:left; } .client_wrap .box_content .sites_wrap a.d1{background-position:-1088px top;} .client_wrap .box_content .sites_wrap a.d2{background-position:-1224px top;} .client_wrap .box_content .sites_wrap a.d3{background-position:-272px top;} .client_wrap .box_content .sites_wrap a.d4{background-position:-408px top;} .client_wrap .box_content .sites_wrap a.d5{background-position:-544px top;} .client_wrap .box_content .sites_wrap a.d6{background-position:-680px top;} .client_wrap .box_content .sites_wrap a.d7{background-position:-816px top;} .client_wrap .box_content .sites_wrap a.d8{background-position:-952px top;} .client_wrap .box_content .drivers_wrap {background:url('../images/download/client/driver_bg.gif') no-repeat top left; width:563px; height:134px; margin-left:5px; margin-top:5px; padding-left:48px; } .client_wrap .drivers_wrap .item{width:125px; text-align:center; float:left; margin-right:47px;} .client_wrap .drivers_wrap .item img{display:block; width:0px; height:0px; padding-left:125px; padding-top:90px; margin-top:10px; background:url('../images/download/client/down_drivers.gif') no-repeat top left;} .client_wrap .drivers_wrap .item img.nv{background-position:-125px top;} .client_wrap .drivers_wrap .item img.ati{background-position:-250px top;} .client_wrap .drivers_wrap .item a{display:block; width:72px; height:18px; background:url('../images/download/client/download_bu.gif') top left;margin:8px auto;} .client_wrap .box_content table{ width:577px; margin-top:5px; text-align:center; border-left:1px solid white; border-right:1px solid white; border-color:white white white white; } .client_wrap .box_content table th{height:32px; background-color:#beebf1; border-right:1px solid white; border-top:1px solid #d7d7d7;} .client_wrap .box_content table td{border:1px solid #d7d7d7; border-style:inset;} *:first-child+html .client_wrap .box_content table td{border-style:solid;} .client_wrap .box_content table td.cat{font-weight:bold; text-align:left; padding-left:10px;} .client_wrap .box_content table td.cat span{display:block; text-align:center;} /* 2. Wallpaper */ .download .wrap_right .wallpaper_wrap h1.title{background-image:url('../images/download/wallpaper/h1_wallpaper.gif'); width:612px;} .wallpaper_wrap .papers_wrap {width:615px; height:550px; margin-top:10px;} .papers_wrap .paper_t, .papers_wrap .paper{ width:197px; height:168px; float:left; margin:0 8px 12px 0; background:url('../images/download/wallpaper/elem_bg.gif') no-repeat top left; } .papers_wrap .paper_t{background-image:url('../images/download/wallpaper/elem_bg_tops.gif');} .wallpaper_wrap .papers_wrap img{display:block; margin-left:20px; margin-top:13px; width:0px; height:0px; padding-left:157px; padding-top:119px; background:url('../images/download/wallpaper/thumbs.jpg') no-repeat top left;} .papers_wrap img.i2{background-position:-157px top;} .papers_wrap img.i3{background-position:-314px top;} .papers_wrap img.i4{background-position:-471px top;} .papers_wrap img.i5{background-position:-628px top;} .papers_wrap img.i6{background-position:-785px top;} .papers_wrap img.i7{background-position:-942px top;} .papers_wrap img.i8{background-position:-1099px top;} .papers_wrap img.i9{background-position:-1256px top;} .papers_wrap a{display:block; margin-left:12px; width:80px; height:26px; float:left;} /* 3. Multimedia */ .download .wrap_right .multimedia_wrap h1.title{background-image:url('../images/download/multimedia/h1_multimedia.gif'); width:612px;} .multimedia_wrap .box_content table.playlist{width:246px; border:1px solid #b5b5b5; } .box_content table.playlist td{height:39px; border:1px solid #b5b5b5; padding-left:56px; background:url('../images/download/multimedia/list_bg.gif') no-repeat left -39px;} .playlistSelect{background-position:left top;} .playlistDeSel{background-position:left -39px;} .box_content .video_player {width:298px; height:241px; float:left;} /* 4. Gallery */ .download .wrap_right .gallery_wrap h1.title{background-image:url('../images/download/gallery/h1_gallery.gif'); width:612px;} .gallery_wrap .papers_wrap {width:615px; height:550px; margin-top:10px; text-align:center;} .gallery_wrap .papers_wrap .paper {background-image:url('../images/download/gallery/elem_bg.gif'); text-align:center;} .gallery_wrap .papers_wrap .paper_t {background-image:url('../images/download/gallery/elem_bg_tops.gif'); text-align:center;} .gallery_wrap .papers_wrap span {font-weight:bold;} .gallery_wrap .papers_wrap img{display:block; margin:0 auto; margin-top:13px; } .gallery_wrap .papers_wrap a.nyroModal{width:172px;height:146px;margin:0 auto; float:none;} /* 5. Mini Game */ .download .wrap_right .minigame_wrap h1.title{background:url('../images/download/minigames/h1_minigames.gif') no-repeat top left; width:616px;} .download .wrap_right .minigame_wrap h2.title{height:63px; width:608px; background:url('../images/download/minigames/h2_bg.gif') no-repeat top left; margin:9px 0 0 4px; text-align:center; text-indent:0em; font-size:22px; color:#ff780b; line-height:60px;} .download .wrap_right .minigame_wrap .box_content {height:170px;} .download .wrap_right .minigame_wrap .short .box_content {height:77px;} .download .minigame_wrap .games{width:583px; height:181px; margin-left:5px;} .download .minigame_wrap .games span {display:block; margin-right:16px; float:left; text-indent:-1000em; color:#fff;} .download .minigame_wrap .games .dash{background:url('../images/download/minigames/flashgame1.gif') no-repeat top left; width:128px; height:177px; line-height:1px;} .download .minigame_wrap .games .below{background:url('../images/download/minigames/flashgame2.gif') no-repeat top left; width:128px; height:177px; line-height:1px;} .download .minigame_wrap .games .smash{background:url('../images/download/minigames/flashgame3.gif') no-repeat top left; width:128px; height:177px; line-height:1px;} .download .minigame_wrap .games .traveler{background:url('../images/download/minigames/flashgame4.gif') no-repeat top left; width:128px; height:177px; line-height:1px;} .download .minigame_wrap .game_area{margin:10px auto; width:620px; text-align:center; margin-left:-3px;} .download .wrap_right .minigame_wrap .share .box_content{height:50px;} .download .wrap_right .minigame_wrap .share .box_content h3{background:url('../images/download/minigames/h3_share.gif') no-repeat top left; display:block; text-indent:-1000em; width:575px; height:26px; margin-bottom:15px;} .download .wrap_right .minigame_wrap .share .box_content label, .download .wrap_right .minigame_wrap .share .box_content input {float:left; display:block; height:17px;} .download .wrap_right .minigame_wrap .share .box_content label{font-weight:bold; color:#7d7d7d; padding-left:10px; line-height:16px; margin-right:4px;} .download .wrap_right .minigame_wrap .share .box_content input{border:1px solid #909090; height:17px; width:230px; background:#f8f8f8; padding:3px 0 0 9px; height:14px; width:221px;} /* 6. Jukebox */ .download .wrap_right .jukebox_wrap h1.title{background:url('../images/download/jukebox/h1_jukebox.gif') no-repeat top left; width:616px; margin-bottom:10px;} .download .wrap_right .jukebox_wrap h2.title{background:url('../images/download/jukebox/h2_jukebox.gif') no-repeat top left; width:608px; height:145px; margin:9px 0 0 4px; } /*updated 0502,2010*/ #jukebox_top{background: #ffffff url('../images/download/jukebox/h2_jukebox.gif') no-repeat top left; width:608px; height:145px; margin:0; position:absolute; z-index:9999; display:block;} /*end 05022010*/ ul.jukebox{display:block; list-style:none; width:608px; padding:10px 0px 0px; margin:9px 0 0 4px; background:url('../images/download/jukebox/jukeTable_hd.gif') no-repeat top left; } ul.jukebox li{background:url('../images/download/jukebox/jukeTable_mid.gif') no-repeat left bottom; display:block; width:100%; padding:0px 0px 11px; } /*use with jukebox player */ ul.playlist li{ width:560px; padding:6px 24px 24px; height:18px; } * html ul.playlist li{margin-bottom:-5px;} *:first-child+html ul.playlist li{margin-bottom:-5px;} ul.playlist li.sm2_playing,ul.playlist li.sm2_paused{ background-image:url('../images/download/jukebox/jukeTable_mid_play.gif'); height:47px; } ul.playlist li.sm2_paused{ background-image:url('../images/download/jukebox/jukeTable_mid_pause.gif'); } * html ul.playlist li.sm2_paused{ padding-top:9px;} ul.jukebox li.last{background:url('../images/download/jukebox/jukeTable_ft.gif') no-repeat left bottom;} ul.jukebox li.border{background:url('../images/download/jukebox/jukeTable_block.gif') no-repeat left -47px; height:10px; margin-top:-10px; padding-top:0px; padding-bottom:0px;} * html ul.jukebox li.border{margin-top:-14px;} *:first-child+html ul.jukebox li.border{margin-top:-30px;} /*updated 0622,2010*/ #jukeboxtempwhitebox{background:#ffffff; width:608px; height:46px; display:block; position:absolute; z-index:9999; margin-top:703px;} /*** END DOWNLOAD ***/ /****** FORUM *******/ .forum iframe {border:1px dashed; width:562px;} /* 1. Freeboard */ .forum .wrap_right .freeboard_wrap h1.title{background-image:url('../images/forum/h1_freeboard.gif'); width:616px;} /* 2. Q and A */ .forum .wrap_right .qa_wrap h1.title{background-image:url('../images/forum/h1_qa.gif'); width:616px;} /* 3. Screenshot */ .forum .wrap_right .screenshot_wrap h1.title{background-image:url('../images/forum/h1_screenshot.gif'); width:616px;} .forum .wrap_right .screenshot_wrap .box_content{padding-left:11px;} .screenshot_wrap .shots_wrap{height:103px;} .forum .wrap_right .screenshot_wrap .box_content a.nyroModal {width:143px; height:109px; display:block; float:left; margin-right:5px; background:url('../images/forum/screenshot_bg.gif') no-repeat top left; text-align:center; } .forum .wrap_right .screenshot_wrap .box_content a.nyroModal img{margin:3px auto;} /* 4. Poll */ .wrap_right .listTable {width:603px; margin-left:5px; margin-top:18px;} .wrap_right .listTable a {color:#666666;} .wrap_right .listTable th {text-align:center; background-color:#19b2d7; color:#fff; border:1px solid #bedfe9; border-top:none; border-bottom:1px solid #9d66ad;} .wrap_right .listTable tr.mark td{background:#f9ecfc;} .wrap_right .listTable td {padding-left:13px; height:29px; border-bottom:1px solid #d2d3d0;} .wrap_right .listTable td.date,.wrap_right .listTable td.no,.wrap_right .listTable td.view {text-align:center; padding-left:0px;} /* generic use! */ .polls_wrap .listTable th{border:none;} .polls_wrap .listTable tr.mark td{background:#e6f9ff;} .polls_wrap h1.title{background:url('../images/community/poll/h1_poll.gif') no-repeat top left; width:616px;} .polls_wrap .boardView .subject{background:url('../images/community/poll/poll_subject_bg.gif') no-repeat top left;} .polls_wrap .boardView .body{background-image:url('../images/community/poll/poll_body_foot.gif');} .polls_wrap .boardView .toListBu{background-image:url('../images/community/poll/poll_list_bu.gif');} .polls_wrap .poll_wrapper {padding-left:57px;} /* 6. Rankings */ .wrap_right .rankings_wrap h1.title{background:url('../images/community/ranking/h1_rankings.gif') no-repeat top left; width:616px;} .wrap_right .rankings_wrap h2.title{background:url('../images/community/ranking/h2_rankings.gif') no-repeat top left; margin:10px 0 10px 22px;} .rankings_wrap .submenu{background:url('../images/community/ranking/submenus_bg.gif') repeat-x left bottom; width:605px; height:27px; margin:19px 0 13px; padding-left:9px;} .rankings_wrap .submenu a{background:url('../images/community/ranking/submenus.gif') no-repeat top left; display:block; float:left; width:113px; height:27px;} .rankings_wrap .submenu a.iris_sel{background-position:left -27px;} .rankings_wrap .submenu a.kaznonas, .rankings_wrap .submenu a.kaznonas_sel{background-position:-113px top; margin-left:4px;} .rankings_wrap .submenu a.kaznonas_sel{background-position:-113px -27px;} .rankings_wrap hr{display:block; width:400px; border:none; border-bottom:1px solid #d7d7d7; width:614px; margin:14px 0 0 0; height:1px;} .rankings_wrap hr.thick{border-bottom-width:2px; height:2px;} .rankings_wrap .rankingTable{width:585px; display:block; margin:0 0 0 16px; background:url('../images/community/ranking/rank_table_hd.gif') no-repeat left top;} .rankings_wrap .rankingTable thead td{height:40px;} .rankings_wrap .rankingTable tbody{background:url('../images/community/ranking/rank_table_bd.gif') repeat-y top left;} .rankings_wrap .rankingTable tbody td{height:43px; border-bottom:1px solid #d7d7d7;} .rankings_wrap .rankingTable tfoot td{height:45px; background:url('../images/community/ranking/rank_table_ft.gif') no-repeat top left;} .rankings_wrap .rankingTable td {text-align:center;} .rankings_wrap .rankingTable td.red{color:red;} .rankings_wrap .rankingTable td.rank{width:62px; font-weight:bold;} .rankings_wrap .rankingTable td.name{width:132px; background-position:-62px top; font-weight:bold; padding-left:15px; text-align:left;} .rankings_wrap .rankingTable td.character{width:131px; background-position:-209px top; text-align:left; padding-left:15px;} .rankings_wrap .rankingTable td.character img{width:0px; height:0px; margin:-8px 0 -15px -62px; padding:34px 0 0 34px; float:left; } * html .rankings_wrap .rankingTable td.character img{margin-top:0px; margin-bottom:0px;} *:first-child+html .rankings_wrap .rankingTable td.character img{margin-top:0px; margin-bottom:0px;} .rankings_wrap .rankingTable td.character img.knight{background:url('../images/community/ranking/img_knight.gif') no-repeat top left;} .rankings_wrap .rankingTable td.character img.warrior{background:url('../images/community/ranking/img_warrior.gif') no-repeat top left;} .rankings_wrap .rankingTable td.character img.explorer{background:url('../images/community/ranking/img_explorer.gif') no-repeat top left;} .rankings_wrap .rankingTable td.character img.wizard{background:url('../images/community/ranking/img_wizard.gif') no-repeat top left;} .rankings_wrap .rankingTable td.level{width:96px; background-position:-355px top;} .rankings_wrap .rankingTable td.exp{width:134px; background-position:-451px top;} /*** END FORUM ***/ /****** NEWS ******/ /* 1. Events */ .news .wrap_right .eventView_wrap h1.title, .news .wrap_right .events_wrap h1.title{background-image:url('../images/news/events/h1_events.gif'); width:616px;} .wrap_right .events_wrap .box_content{padding-left:10px;} .events_wrap .box_content .board_wrap .item {width:588px; height:126px; background:url('../images/news/events/item_bg.gif') repeat-x top left; margin-bottom:5px;} .events_wrap .box_content .board_wrap .item a.thumblink{display:block; border:5px solid #fff; float:left; margin-top:10px; margin-left:23px; margin-right:20px; } .board_wrap .item .snip {width:338px; height:109px; float:right; margin-top:10px;} .board_wrap .item .snip a {color:#652de9;} .board_wrap .item .snip p {color:#4f4f4f;} .board_wrap .item .snip h1.subject{text-indent:0em; background:url('../images/news/events/label.gif') no-repeat top left; width:300px; height:32px; padding-top:20px; color:#652de9; font-size:1.2em;} .board_wrap .paging{text-align:center;margin:10px auto; width:400px;} .board_wrap .paging a.sel{font-weight:bold;} .eventView_wrap hr{width:564px; margin:15px 0pt; color:#fff; display:block; border:1px solid #d2d2d2; height:1px;} .eventView_wrap a.toListBu{display:block; width:75px; height:22px; background:url('../images/news/notices/list_bu.gif') no-repeat top left; margin-left:488px; } /*2. Notices */ .news .wrap_right .notices_wrap h1.title {background-image:url('../images/news/notices/h1_notices.gif'); width:616px;} .boardView{width:603px; margin-top:18px; margin-left:6px;} .boardView .subject{width:603px; height:60px; background:url('../images/news/notices/subject_bg.gif') no-repeat top left; padding-top:7px; } .boardView .subject span{display:inline; height:47px; padding-top:13px; color:#fff;} .boardView .subject span a{color:#fff;} .boardView .subject span.no{margin-left:48px; font-weight:bold;} .boardView .subject span.title{margin-left:33px; text-decoration:underline;} .boardView .subject div {margin-top:9px;} .boardView .subject span.date{margin-left:61px; font-weight:bold;} .boardView .subject span.viewCount{margin-left:357px; font-weight:bold;} .boardView .body{ padding:10px; background:url('../images/news/notices/body_foot.gif') no-repeat left bottom;} .boardView .toListBu{display:block; width:75px; height:22px; background:url('../images/news/notices/list_bu.gif') no-repeat top left; margin:5px 0 20px 527px; } /* 3. Updates */ .news .wrap_right .updates_wrap h1.title {background-image:url('../images/news/h1_update.gif'); width:616px;} .news .wrap_right .purpleTable {width:603px; margin-left:5px; margin-top:18px;} .news .wrap_right .purpleTable a {color:#666666;} .news .wrap_right .purpleTable th {text-align:center; background-color:#9d66ad; color:#fff; border:1px solid #ce99db; border-top:none; border-bottom:1px solid #9d66ad;} .news .wrap_right .purpleTable tr.mark td{background:#f9ecfc;} .news .wrap_right .purpleTable td {padding-left:13px; height:29px; border-bottom:1px solid #d2d3d0;} .news .wrap_right .purpleTable td.date,.news .wrap_right .purpleTable td.no,.news .wrap_right .purpleTable td.view {text-align:center; padding-left:0px;} .wrap_right .paging {margin:10px auto; text-align:center; margin-bottom:30px;} .wrap_right .paging a{color:#6b707c;} .wrap_right .paging .sel{color:red; font-weight:bold;} /* 4. News */ .news .wrap_right .press_wrap h1.title{background:url('../images/news/h1_press.gif') no-repeat top left;} .news .wrap_right .press_wrap .box_content .board_wrap .item{background:url('../images/news/press_item_bg.gif') repeat-x top left;} .news .wrap_right .press_wrap .box_content .board_wrap .item a.thumblink{border:none; padding:4px; background:url('../images/news/press_item_img_frame.gif') no-repeat top left;} * html .news .wrap_right .press_wrap .box_content .board_wrap .item a.thumblink{margin-left:10px;} .news .wrap_right .press_wrap .box_content .board_wrap .item a.thumblink img{height:84px; width:158px;} .press_wrap .board_wrap .item .snip{width:372px;} .press_wrap .board_wrap .item .snip h1.subject{padding-top:8px; background:none; height:15px; padding-bottom:3px;} .press_wrap .board_wrap .item .snip h1.new{padding-top:11px; background:url('../images/common_sub/new_icon.gif') no-repeat top left;} /*** END NEWS ***/ /****** HELP *******/ /* 1. FAQ */ .help .wrap_right .faq_wrap h1.title{background-image:url('../images/help/h1_faq.gif'); width:616px;} .help .wrap_right .faq_wrap .wrap{background:url('../images/help/faq_bg.jpg') no-repeat 416px top;} .faq_wrap table.qTable{border:3px solid #e4e4e4; width:413px;} .faq_wrap table.qTable td{background:url('../images/help/q_bullet.gif') no-repeat 11px 8px; margin:0px; padding:3px 6px;} .faq_wrap table.qTable a.q,.faq_wrap table.qTable a.q1{display:block; width:354px; background:url('../images/help/q_bg.gif') repeat-x top left; padding-left:44px; padding-top:7px; color:#4f4f4f;} .faq_wrap table.qTable a.q1{background-position:left -1px;} .faq_wrap table.qTable div.a{padding:10px 10px 10px 40px; background:url('../images/help/ans_bullet.gif') no-repeat 8px 11px;} .faq_wrap p.info{margin-top:20px; font-weight:bold;} .faq_wrap li.last .box_content{padding-left:219px; padding-top:15px;} .faq_wrap a.helpdesk{display:block; width:177px; height:47px; background:url('../images/help/helpdesk_bu.gif') no-repeat top left; } /* 2. Helpdesk */ .help .wrap_right .helpdesk_wrap h1.title{background-image:url('../images/help/h1_helpdesk.gif'); width:616px;} .help .wrap_right .helpdesk_wrap .wrap{background:url('../images/help/faq_bg.jpg') no-repeat 416px top;} .helpdesk_wrap table.qTable{border:3px solid #e4e4e4; width:413px;} .helpdesk_wrap table.qTable td{height:37px; background:url('../images/help/q_bullet.gif') no-repeat 11px 8px; margin:0px; padding:0 6px;} .helpdesk_wrap table.qTable a.q,.helpdesk_wrap table.qTable a.q1{display:block; height:30px; width:354px; background:url('../images/help/q_bg.gif') repeat-x top left; padding-left:44px; padding-top:7px;} .helpdesk_wrap table.qTable a.q1{background-position:left -1px;} .helpdesk_wrap table.qTable div.a{padding:10px 40px; background:url('../images/help/ans_bullet.gif') no-repeat 8px 11px;} .helpdesk_wrap p.info{margin-top:20px; font-weight:bold;} .helpdesk_wrap li.last .box_content{padding-left:219px; padding-top:15px;} .helpdesk_wrap a.helpdesk{display:block; width:177px; height:47px; background:url('../images/help/helpdesk_bu.gif') no-repeat top left; } /*** END HELP ***/ /****** SHOP ******/ .shop .wrap_right .items_wrap h1.title_items{background-image:url('../images/shop/h1_items.gif'); width:616px; height:34px;} .shop .wrap_right .items_wrap h2.desc{background-image:url('../images/shop/h2_title.gif'); width:610px; height:286px; margin:13px 0 0 4px;} .shop .wrap_right .items_wrap h3.bestItems{background:url('../images/shop/h3_title.gif') no-repeat top left; width:106px; height:15px; margin:13px 0 0 4px;} .shop .wrap_right .items_wrap .float_wrap{text-align:center;} * html .shop .wrap_right .items_wrap .float_wrap{margin-left:-20px;} .shop .wrap_right .items_wrap .float_wrap .atom{margin:16px 20px 29px; float:left;width:100px; height:90px;} * html .shop .wrap_right .items_wrap .float_wrap .atom{height:125px; margin-bottom:-10px;} .shop .wrap_right .items_wrap .float_wrap img{display:block; padding:68px 0 0 84px; width:0px; height:0px; margin:0 auto;} .shop .wrap_right .items_wrap .float_wrap img.url{height:68px; width:84px; padding:0px;} .shop .wrap_right .items_wrap .float_wrap img.item{width:0px; height:0px; padding:68px 0 0 84px;} .shop .wrap_right .items_wrap .float_wrap img.item12{background:url('../images/main/hotitems/Vampire_m.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item13{background:url('../images/main/hotitems/Vampire_f.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item14{background:url('../images/main/hotitems/Halloween_costume.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item15{background:url('../images/main/hotitems/Halloween_pumkin.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item16{background:url('../images/main/hotitems/wizard_m.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item17{background:url('../images/main/hotitems/witch_f.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item18{background:url('../images/main/hotitems/xpsuper.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item19{background:url('../images/main/hotitems/bigcherry.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item20{background:url('../images/main/hotitems/biggrape.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item21{background:url('../images/main/hotitems/bigsoda.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item22{background:url('../images/main/hotitems/herb.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item23{background:url('../images/main/hotitems/levi.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item24{background:url('../images/main/hotitems/xpnostrum.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item0{background:url('../images/main/hotitems/Black_Square_Sunglasseses.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item1{background:url('../images/main/hotitems/Blue_Floral_Beanie.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item2{background:url('../images/main/hotitems/Blue_Ribbon_Falling_Hat.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item3{background:url('../images/main/hotitems/Female_Shaman_Suit.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item4{background:url('../images/main/hotitems/General_Helmet.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item5{background:url('../images/main/hotitems/Knight_Costume.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item6{background:url('../images/main/hotitems/Leather_Jacket.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item7{background:url('../images/main/hotitems/MrsBears_Strap_Skirt.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item8{background:url('../images/main/hotitems/Ninja_Costume.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item9{background:url('../images/main/hotitems/Server_Mic.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item10{background:url('../images/main/hotitems/Sky_Blue_Rain_Coat.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap img.item11{background:url('../images/main/hotitems/Warp_Crystal.jpg') no-repeat top left;} .shop .wrap_right .items_wrap .float_wrap .clear{clear:both;} .shop .wrap_right .items_wrap a.buyingAstroBu{display:block; width:188px; height:47px; background:url('../images/shop/bu.gif') no-repeat top left; margin:0 auto;} .shop .wrap_right .items_wrap #buyingAstro{width:585px; height:500px; display:none;} .buyingAstro_wrap{background:url('../images/shop/buying_info_bg.gif') no-repeat top left; width:585px; height:500px; position:relative; } .buyingAstro_wrap p{padding:149px 0 0 66px; width:465px; font-size:16px; display:block; text-align:left;} * html .buyingAstro_wrap p{padding:167px 0 0 66px; width:465px; font-size:18px;} *:first-child+html .buyingAstro_wrap p{padding:167px 0 0 66px; width:465px; font-size:18px;} * html .buyingAstro_wrap p{padding-left:16px;} *:first-child+html .buyingAstro_wrap p{padding-left:16px;} .buyingAstro_wrap a.nyroModalClose{width:61px; height:22px; position:absolute; top:462px; left:505px; text-indent:-1000em;} .buyingAstro_wrap a.buyastros{width: 95px; height: 22px; position: absolute; top: 462px; left: 398px; text-indent: -1000em;} /*** start pet ***/ .shop .wrap_right .pets_wrap h1.title{background-image:url('../images/shop/pets/h1_title.gif'); width:616px;} .shop .wrap_right .pets_wrap h2.subtitle{background:url('../images/shop/pets/h2_title.gif'); width:610px; height:105px; display:block; margin-left:4px; margin-top:12px; margin-bottom:13px;} .shop .wrap_right .pets_wrap h1.boxTitle{display:block; background-repeat:no-repeat; background-position:top left; margin:10px 0 0px 10px; text-indent:-1000em; height:17px; } .shop .wrap_right .pets_wrap div.boxwrap_round {margin-top:8px; margin-bottom:10px;} .shop .wrap_right .pets_wrap div.boxwrap_round ul{padding-top:8px;} .shop .wrap_right .pets_wrap div.boxwrap_round ul li div.box_content{padding-left:21px; padding-bottom:8px;} .shop .wrap_right .pets_wrap h1.care{background-image:url('../images/shop/pets/h1_care.gif');} .shop .wrap_right .pets_wrap h1.abil{background-image:url('../images/shop/pets/h1_abil.gif');} .shop .wrap_right .pets_wrap h1.enhance{background-image:url('../images/shop/pets/h1_enhance.gif');} .shop .wrap_right .pets_wrap h1.wake{background-image:url('../images/shop/pets/h1_wake.gif');} .shop .wrap_right .pets_wrap .box_content p{display:block; width:566px; clear:both; line-height:17px;} .shop .wrap_right .pets_wrap .box_content p img{width:0px; height:0px; background-repeat:no-repeat; background-position:top left; display:block; float:left;} .shop .wrap_right .pets_wrap .box_content p img.care_1{background-image:url('../images/shop/pets/care_1.gif'); padding-left:88px; padding-top:104px; margin-right:14px; } .shop .wrap_right .pets_wrap .box_content p img.care_2{background-image:url('../images/shop/pets/care_2.gif'); padding-left:273px; padding-top:403px; } .shop .wrap_right .pets_wrap .box_content p img.abil_1{background-image:url('../images/shop/pets/abil_1.gif'); padding-right:254px; padding-top:308px; background-position:left 4px; margin-left:14px; float:right; } .shop .wrap_right .pets_wrap .box_content p img.enhance_1{background-image:url('../images/shop/pets/enhance_1.gif'); padding-left:216px; padding-top:276px; } .shop .wrap_right .pets_wrap .box_content p img.enhance_2{background-image:url('../images/shop/pets/enhance_2.gif'); padding-left:240px; padding-top:153px; float:none;display:block; clear:both; } .shop .wrap_right .pets_wrap .box_content p img.wake_1{background-image:url('../images/shop/pets/wake_1.gif'); padding-left:215px; padding-top:276px; } .shop .wrap_right .pets_wrap .box_content p img.wake_2{background-image:url('../images/shop/pets/wake_2.gif'); padding-left:240px; padding-top:124px; float:none;display:block; clear:both; margin-top:11px; } /*** end pet ***/ /*** END SHOP ***/ /* END subs */ /* END DIVS INSIDE .wrap_right */ /* START DIV .main_bottom */ .main_bottom{ clear:both; height:30px; margin-left:36px; } * html .main_bottom{ height:30px;} *:first-child+html .main_bottom{ height:30px;} .characters_wrap h1.characters{display:block; width:810px; height:27px; background:url('../images/main/h1_characters.gif') no-repeat top left; text-indent:-1000em; } .characters_wrap a{display:block; width:197px; height:151px; background:url('../images/main/characters.jpg') no-repeat top left; margin-right:10px; float:left; margin-top:11px; text-indent:-1000em; } .characters_wrap a.knight {background-position:-197px;} .characters_wrap a.wizard {background-position:-394px;} .characters_wrap a.explorer {background-position:-591px;} /* .main_bottom adjustments for subpages */ .sub .content .main_bottom{height:30px;} /* END DIV .main_bottom */ #footer{ background:url('../images/common/footer.gif') no-repeat top left; width:864px; height:63px; clear:both; position:relative; } #footer a{display:block; text-indent:-1000em; position:absolute;} #footer a{width:78px; height:16px; top:15px;} #footer a.actoz,#footer a.ogplanet{width:93px; height:55px; top:4px;} #footer a.ogplanet{left:41px;} #footer a.actoz{left:758px;} #footer a.contact{left:164px;} #footer a.policy{left:254px;} #footer a.agree{left:344px; width:88px;} #footer a.about{left:443px; width:123px;} #footer a.career{left:572px;} #footer a.news{left:657px;} #footer2{ background:url('http://static.ogplanet.com/static/LataleCS/images/common/latale_footer.jpg') no-repeat top left; width:864px; height:63px; clear:both; position:relative; } #footer2 a{display:block; text-indent:-1000em; position:absolute;} #footer2 a{width:78px; height:15px; top:18px;} #footer2 a.actoz,#footer2 a.ogplanet{width:93px; height:55px; top:4px;} #footer2 a.ogplanet{left:47px;} #footer2 a.actoz{left:765px;} #footer2 a.contact{left:590px;} #footer2 a.policy{left:473px;} #footer2 a.agree{left:350px; width:80px;} #footer2 a.about{left:220px; width:86px;} /* for the login pop up */ #uLayer {font-weight:bold;} #uLayer a{color:#000; display:inline;} #uLayer a:hover{border-bottom:dashed #ef4718 2px; background:white;} /*last updated : 0622,2010 Jung-a J. */