* {margin: 0; padding: 0; font-family: arial;} ul, li {list-style: none;} a:link, a:visited {outline: none; text-decoration: none;} img {border: none;} body {background: url(../img/bg_main.jpg) repeat-x 0 42px;} body#subPage {background: url(../img/bg_main_sub.jpg) repeat-x 0 42px;} .left {float: left;} .right {float: right;} .noborderbottom {border-bottom: none !important;} #wrapper_main {background: url(../img/bg_mountain.jpg) no-repeat center 0; min-height: 917px;/* ff bug */} #wrapper_in {margin: 0 auto; width: 900px;} #header {height: 410px; width: 730px;} #contentWrapper {float: left; overflow: hidden; position: relative; width: 730px;} #leftColumn {float: left; margin: 0 0 0 5px; width: 210px;} #wrapper_sub {background: url(../img/bg_mountain_sub.jpg) no-repeat center 0; min-height: 917px;/* ff bug */} #subHeader {height: 265px; width: 730px;} #mainColumn {float: right; margin-right: 5px; width: 510px;} #mainColumn #mainBanner {height: 130px; margin-bottom: 5px; width: 510px;} #footer {background: url(../img/bg_footer.gif) repeat-x; clear: both; display: block; height: 63px; margin: 0 auto; position: relative; width: 450px;} #footer #ogpHome {display: block; height: 30px; height: 38px; left: 0; position: absolute; top: 10px; width: 160px;} #footer img {padding: 14px;} .footer_sub {width: 680px !important;} /* leftBox starts */ #loginBox {background: url(../img/login_bottom.gif) no-repeat left bottom; margin: 0 0 5px 0; padding-bottom: 12px;} #loginBox #login {background: url(../img/login_top.gif) no-repeat left top; position: relative;} #videoBox {background: url(../img/video_bottom.gif) no-repeat left bottom; margin: 0 0 5px 0; padding-bottom: 12px;} #videoBox #video {background: url(../img/video_top.gif) no-repeat left top; position: relative;} #screenshotsBox {background: url(../img/screenshots_bottom.gif) no-repeat left bottom; position: relative;} #screenshotsBox #screenshots {background: url(../img/screenshots_top.gif) no-repeat left top; margin: 0; padding: 0; position: relative; width: auto;} .moreButton {display: block; height: 20px; position: absolute; right: 10px; top: 3px; width: 45px;} #loginBox #login h3 {padding-bottom: 11px; text-indent: -9999px;} .login_input1 {display: block; margin: 5px 4px 0 11px; *margin-top: 6px; *margin-left: 6px; width: 126px;} .login_input2 {display: block; margin: 5px 4px 5px 11px; *margin-top: 3px; *margin-left: 6px; width: 126px;} .login_input1 input, .login_input2 input {background: #512f3e; border-left: 1px solid #3d1b1b; border-top: 1px solid #3d1b1b; border-right: 1px solid #512f3e; border-bottom: 1px solid #512f3e; color: #d6afb4; height: 19px; width: 126px; *width: 125px;} #loginButton {background: url(../img/icons.gif) no-repeat 0 -31px; border: none; cursor: pointer; display: block; height: 47px; position: absolute; top: 39px; right: 18px; width: 48px;} .forgot {background: url(../img/square.gif) no-repeat 15px 50%; font-size: 11px; line-height: 20px; padding-left: 12px;} .forgot a {color: #c6a5b4;} a#signup {background: url(../img/icons.gif) no-repeat 0 0; display: block; margin: 4px 0 0 10px; height: 31px; text-indent: -9999px; width: 184px;} #loggedOut {display: block;} #loggedIn {display: none; padding-top: 8px; padding-bottom: 28px; position: relative;} #loggedIn p {color: #d6afb4; font-size: 12px; line-height: 16px; padding-right: 10px; text-align: center;} #loggedIn #userID {color: #d6afb4; font-weight: bold; text-decoration: underline;} #loggedIn .level {color: #fff; font-weight: bold;} #loggedIn #logoutButton {background: url(../img/icons.gif) no-repeat -48px -31px; border: none; bottom: 0; cursor: pointer; display: block; height: 23px; left: 70px; position: absolute; text-indent: -9999px; width: 58px;} #videoBox #video h3 {padding-bottom: 6px; text-indent: -9999px;} #flashVideo {height: 165px; margin: 0 0 0 6px; padding-top: 6px; width: 190px;} #screenshotsBox #screenshots h3 {padding-bottom: 20px; text-indent: -9999px;} #screenshots ul#thumbnails {overflow: hidden; position: relative;} #screenshots ul#thumbnails li {float: left; height: 105px; margin: 0 0 0 9px; text-align: center; width: 86px;} #screenshots ul#thumbnails img {border: 3px solid #523a5c; display: block; height: 54px; width: 80px;} #screenshots ul#thumbnails img:hover {border: 3px solid #cdb1d8;} #screenshots ul#thumbnails .screenshots_desc {color: #fff; font-size: 11px; position: relative; top: 6px; vertical-align: top;} /* mainBox starts */ #noticeDiv {background: #fff; display: none; min-height: 350px; height: auto!important; height: 350px; position: relative; width: 510px;} #eventsDiv {background: #fff; min-height: 350px; height: auto!important; height: 350px; position: relative; width: 510px;} /*#updatesDiv {background: #fff; display: none; min-height: 350px; height: auto!important; height: 350px; position: relative; width: 510px;}*/ #noticeDiv span#notice {background: url(../img/main_news.gif) no-repeat 0 0; display: block; height: 27px; margin-bottom: 16px; text-indent: -9999px;} #eventsDiv span#events {background: url(../img/main_news.gif) no-repeat 0 -27px; display: block; height: 27px; margin-bottom: 16px; text-indent: -9999px;} /*#updatesDiv span#updates {background: url(../img/main_notices_events_updates.gif) no-repeat 0 -54px; display: block; height: 27px; margin-bottom: 16px; text-indent: -9999px;}*/ .notice_link, .events_link, .updates_link {display: block; height: 20px; position: absolute; text-indent: -9999px; top: 5px; width: 58px;} .notice_link {left: 8px;} .events_link {left: 68px; width: 60px;} .updates_link {left: 130px; width: 62px;} #mainColumn .moreButton {right: 2px;} .notice_entry {clear: both; margin: 0 0 14px 10px; position: relative;} .notice_entry .calendar {background: url(../img/icons.gif) -135px -31px no-repeat; display: block; height: 37px; float: left; margin-top: 3px; position: relative; text-align: center; width: 29px;} .notice_entry .first {background-position: -106px -31px;} .notice_entry .month {color: #1b2d4c; font-size: 9px; line-height: 16px; position: relative; vertical-align: 6px; *vertical-align: 4px;} .notice_entry .first .month {color: #912d00;} .notice_entry .date {color: #fff; font-size: 18px; line-height: 18px; position: relative;} .notice_entry .contents {line-height: 16px; margin-left: 40px; width: 447px;} .notice_entry .title {color: #333; font-size: 12px; font-weight: bold;} .notice_entry .title a {color: #333;} .notice_entry .inside {color: #333; font-size: 12px;} .events_entry {clear: both; margin: 0 0 14px 10px; position: relative;} .events_entry .calendar {background: url(../img/icons.gif) -135px -31px no-repeat; display: block; height: 37px; float: left; margin-top: 3px; position: relative; text-align: center; width: 29px;} .events_entry .first {background-position: -106px -31px;} .events_entry .month {color: #1b2d4c; font-size: 9px; line-height: 16px; position: relative; vertical-align: 6px; *vertical-align: 4px;} .events_entry .first .month {color: #912d00;} .events_entry .date {color: #fff; font-size: 18px; line-height: 18px; position: relative;} .events_entry .contents {line-height: 16px; margin-left: 40px; width: 447px;} .events_entry .title {color: #333; font-size: 12px; font-weight: bold;} .events_entry .title a {color: #333;} .events_entry .inside {color: #333; font-size: 12px;} /* .updates_entry {clear: both; margin: 0 0 14px 10px; position: relative;} .updates_entry .calendar {background: url(../img/icons.gif) -29px -160px no-repeat; display: block; height: 37px; float: left; margin-top: 3px; position: relative; text-align: center; width: 29px;} .updates_entry .first {background-position: 0 -160px;} .updates_entry .month {color: #1b2d4c; font-size: 9px; line-height: 16px; position: relative; vertical-align: 6px;} .updates_entry .first .month {color: #912d00;} .updates_entry .date {color: #fff; font-size: 18px; line-height: 18px; position: relative;} .updates_entry .contents {line-height: 16px; margin-left: 40px; width: 447px;} .updates_entry .title {color: #333; font-size: 12px; font-weight: bold;} .updates_entry .title a {color: #333;} .updates_entry .inside {color: #333; font-size: 12px;} /* rightColumn starts */ #wrapper_main #menu {float: right; margin-top: -405px; position: relative;} #wrapper_sub #menu {float: right; margin-top: -260px; position: relative;} #rightColumn {float: right; padding: 0; width: 170px;} #banners {background: url(../img/main_bg_rightColumn.png) no-repeat; margin-top: -215px; padding: 1px 5px 10px 5px; *padding: 5px 5px 10px 5px; position: relative; width: 160px;} #subBanners {background: url(../img/sub_bg_rightColumn.png) no-repeat; margin-top: -68px; min-height: 500px; height: auto !important; height: 500px; padding: 1px 5px 10px 5px; *padding: 5px 5px 10px 5px; position: relative; width: 160px;} .banner {margin-top: 5px; position: relative;} #rightColumn .moreButton {right: 0; z-index: 99;} .gameStart {height: 80px; width: 170px; margin-left: -10px;} .characters {padding-bottom: 50px;} .flashChar {height: 212px; width: 160px;} /* .rankingBanner {background: url(../img/ranking_banner.gif) no-repeat; height: 185px; padding: 0 10px; width: 140px;} .rankingBanner .title {color: #490E00; font-size: 11px; overflow: hidden; padding-top: 36px; padding-bottom: 5px; position: relative; width: 140px;} .rankingBanner .title span.rankLabel {float: left;} .rankingBanner .title span.levelLabel {float: right;} .rankingBanner .level {font-size: 11px; line-height: 25px; text-indent: 7px; overflow: hidden; position: relative;} .rankingBanner .level span.icon {background: url(../img/icons.gif) no-repeat; display: block; float: left; height: 12px; margin-top: 7px; text-indent: -9999px; width: 12px;} .rankingBanner .level span.name {float: left;} .rankingBanner .level span.level {float: right;} .rankingBanner .one span.icon {background-position: 0 -148px;} .rankingBanner .two span.icon {background-position: -12px -148px;} .rankingBanner .three span.icon {background-position: -24px -148px;} .rankingBanner .four span.icon {background-position: -36px -148px;} .rankingBanner .five span.icon {background-position: -48px -148px;} */ .pollBanner {background: #fff; padding-bottom: 15px;} .pollBanner #poll_question {background: #fff url(../img/poll_banner.gif) no-repeat; color: #333; display: block; font-size: 11px; font-weight: bold; line-height: 15px; padding: 0 10px; padding-top: 40px; width: 140px;} .pollBanner #poll_a {background: #fff; padding-top: 5px; padding-bottom: 28px;} .pollBanner p {line-height: 15px; padding: 2px 10px; *padding: 0 5px;} .pollBanner input {vertical-align: baseline;} .pollBanner span {font-size: 11px; padding-left: 10px; *padding-left: 5px; vertical-align: 2px;} .pollBanner a#submit {background: #fff url(../img/icons.gif) no-repeat 0 -78px; bottom: 15px; left: 19px; height: 20px; position: absolute; text-indent: -9999px; width: 60px;} .pollBanner a#result {background: #fff url(../img/icons.gif) no-repeat -60px -78px; bottom: 15px; left: 82px; height: 20px; position: absolute; text-indent: -9999px; width: 60px;} .downloadBanner {background: url(../img/icons.gif) no-repeat 0 -98px; cursor: pointer; height: 35px; width: 160px;} .helpdeskBanner {background: url(../img/icons.gif) no-repeat 0 -134px; cursor: pointer; height: 35px; width: 160px;} .forumBanner {background: url(../img/icons.gif) no-repeat 0 -169px; cursor: pointer; height: 35px; width: 160px;} /* subpages */ #subMain {background: #fff; margin: 0 5px; min-height: 500px; height: auto !important; height: 500px; overflow: hidden; padding: 20px 20px 50px; position: relative; width: 680px;} #subMain p {color: #333; font-size: 12px; line-height: 16px;} #breadcrumbs {float: right; font-size: 11px; line-height: 16px;} #breadcrumbs a {color: #3a2005;} #breadcrumbs a.current {color: #7026e0;} /* h3 tags */ .heading {background: url(../img/headings.gif) no-repeat; display: block; float: left; height: 11px; text-indent: -9999px; width: 250px;} .about_intro {background-position: 0 -120px;} .about_characters {background-position: 0 -131px;} .about_maps {background-position: 0 -142px;} .about_mode {background-position: 0 -198px;} .news_notices {background-position: 0 0;} .news_events {background-position: 0 -10px;} .news_updates {background-position: 0 -476px;} .rankings {background-position: 0 -32px;} .polls {background-position: 0 -264px;} .helpdesk {background-position: 0 -220px;} .helpdesk_history {background-position: 0 -231px;} .download_clients {background-position: 0 -176px;} .download_multimedia {background-position: 0 -275px;} .download_screenshots {background-position: 0 -264px;} .download_wallpapers {background-position: 0 -308px;} .support_faq {background-position: 0 -108px;} .tuts_lunia {background-position: 0 -33px;} .tuts_controls {background-position: 0 -22px;} .tuts_characters {background-position: 0 -242px;} .tuts_story {background-position: 0 -99px;} .items_functional {background-position: 0 -319px;} .items_pet {background-position: 0 -330px;} /* h4 tags */ .myRanking {background: url(../img/headings.gif) no-repeat 0 -43px; display: block; height: 11px; margin-top: 25px; text-indent: -9999px; width: 250px;} .download_client {background: url(../img/headings.gif) no-repeat 0 -187px; display: block; height: 11px; margin-top: 25px; margin-bottom: 20px; text-indent: -9999px; width: 250px;} .related_driver {background: url(../img/headings.gif) no-repeat 0 -198px; display: block; height: 11px; margin-top: 34px; margin-bottom: 20px; text-indent: -9999px; width: 250px;} .system_requirements {background: url(../img/headings.gif) no-repeat 0 -209px; display: block; height: 11px; margin-top: 34px; margin-bottom: 20px; text-indent: -9999px; width: 250px;} .multimedia_video {background: url(../img/headings.gif) no-repeat 0 -286px; display: block; height: 11px; margin-top: 34px; margin-bottom: 20px; text-indent: -9999px; width: 250px;} .multimedia_bgm {background: url(../img/headings.gif) no-repeat 0 -297px; display: block; height: 11px; margin-top: 34px; margin-bottom: 20px; text-indent: -9999px; width: 250px;} .lostsaga_faq {background: url(../img/headings.gif) no-repeat 0 -54px; display: block; height: 11px; margin-top: 20px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .mode_boss_raid {background: url(../img/headings.gif) no-repeat 0 -209px; display: block; height: 11px; margin-top: 20px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .mode_prisoner_mode {background: url(../img/headings.gif) no-repeat 0 -220px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .maps_hq {background: url(../img/headings.gif) no-repeat 0 -153px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .maps_skyscraper {background: url(../img/headings.gif) no-repeat 0 -165px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .maps_bootcamp {background: url(../img/headings.gif) no-repeat 0 -176px; display: block; height: 11px; margin-top: 45px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .maps_ancient_ruins {background: url(../img/headings.gif) no-repeat 0 -187px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .howtoplay {background: url(../img/headings.gif) no-repeat 0 -297px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .launcher_download {background: url(../img/headings.gif) no-repeat 0 -341px; display: block; height: 11px; margin-top: 35px; margin-bottom: 16px; text-indent: -9999px; width: 300px;} .shadow_assassin {background: url(../img/headings.gif) no-repeat 0 -331px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .fire_mage {background: url(../img/headings.gif) no-repeat 0 -342px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .iron_knight {background: url(../img/headings.gif) no-repeat 0 -353px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .infantryman {background: url(../img/headings.gif) no-repeat 0 -364px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .savage_berserker {background: url(../img/headings.gif) no-repeat 0 -375px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .tao_warrior {background: url(../img/headings.gif) no-repeat 0 -386px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .cyber_medic {background: url(../img/headings.gif) no-repeat 0 -397px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .boxing_champ {background: url(../img/headings.gif) no-repeat 0 -408px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .cowboy {background: url(../img/headings.gif) no-repeat 0 -419px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} #pageTop {height: 28px; border-bottom: 1px solid #dfd9d2;} #pageInfo {color: #333; font-size: 12px; line-height: 18px; margin: 20px 0 6px 10px;} .events_list {border-bottom: 1px solid #dfd9d2; margin-top: 20px; overflow: hidden; padding-bottom: 15px; position: relative; width: 675px;} .events_list .image {display: block; float: left; height: 92px; width: 166px;} .events_list .title {font-size: 16px !important; margin-left: 180px; padding-bottom: 3px; width: 493px;} .events_list .title a {color: #333;} .events_list .content {font-size: 12px; line-height: 18px !important; margin-left: 180px;} .events_list .date {color: #e03726 !important; margin-left: 180px;} #charSelect {margin: 30px 0 0 0; width: 680px;} #charSelect ul {height: 65px; margin: 0 auto; padding: 0; overflow: hidden; position: relative; width: 645px;} #charSelect ul li {display: inline;} #charSelect ul li a {background: url(http://static.ogplanet.com/static/Lunia/img/characters_100216.gif) no-repeat; cursor: pointer; display: block; float: left; height: 65px; text-indent: -9999px; width: 125px;} #charSelect ul li a#eir {background-position: 0 0; margin-right: 4px;} #charSelect ul li a#dainn {background-position: 0 -65px; margin-right: 4px;} #charSelect ul li a#sieg {background-position: 0 -130px; margin-right: 4px;} #charSelect ul li a#tia {background-position: 0 -195px; margin-right: 4px;} #charSelect ul li a#dacy {background-position: 0 -260px; margin-right: 4px;} #charSelect ul li a#lime {background-position: 0 -325px; margin-right: 4px;} #charSelect ul li a#keieg {background-position: 0 -390px; margin-right: 4px;} #charSelect ul li a#yuki {background-position: 0 -455px; margin-right: 4px;} #charSelect ul li a#arien {background-position: 0 -520px; margin-right: 4px;} #charSelect ul li a#ryan {background: url('../img/ryan_select_100304.gif') no-repeat; display:block; margin-right: 4px;} #charSelect ul li a#kali{background: url('../img/kali_select_100401.gif') no-repeat; display:block; margin-right: 4px;} #charSelect ul li a#eir:hover, #charSelect ul li.on a#eir {background-position: -125px 0; margin-right: 4px;} #charSelect ul li a#dainn:hover, #charSelect ul li.on a#dainn {background-position: -125px -65px; margin-right: 4px} #charSelect ul li a#sieg:hover, #charSelect ul li.on a#sieg {background-position: -125px -130px; margin-right: 4px} #charSelect ul li a#tia:hover, #charSelect ul li.on a#tia {background-position: -125px -195px; margin-right: 4px;} #charSelect ul li a#dacy:hover, #charSelect ul li.on a#dacy {background-position: -125px -260px; margin-right: 4px;} #charSelect ul li a#lime:hover, #charSelect ul li.on a#lime {background-position: -125px -325px; margin-right: 4px;} #charSelect ul li a#keieg:hover, #charSelect ul li.on a#keieg {background-position: -125px -390px; margin-right: 4px;} #charSelect ul li a#yuki:hover, #charSelect ul li.on a#yuki {background-position: -125px -455px; margin-right: 4px;} #charSelect ul li a#arien:hover, #charSelect ul li.on a#arien {background-position: -125px -520px;margin-right: 4px;} #charSelect ul li a#ryan:hover, #charSelect ul li.on a#ryan {background: url('../img/ryan_select_100304.gif') no-repeat -125px 0; display:block} #charSelect ul li a#kali:hover, #charSelect ul li.on a#kali {background: url('../img/kali_select_100401.gif') no-repeat -125px 0; display:block} #charSelect #prev {background: url(http://static.ogplanet.com/static/Lunia/img/icons.gif) no-repeat 0 -453px; display: block; height: 15px; float: left; margin-top: 25px; text-indent: -9999px; width: 8px;} #charSelect #next {background: url(http://static.ogplanet.com/static/Lunia/img/icons.gif) no-repeat -8px -453px; display: block; height: 15px; float: right; margin-top: 25px; text-indent: -9999px; width: 8px;} #charDesc {padding-top: 15px; width: 680px;} #charDesc .eir {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; display: none; position: relative;} #charDesc .top {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_top.gif) no-repeat left top; display: block; padding-top: 5px; width: 680px;} #charDesc .eir .img {background: url(http://static.ogplanet.com/static/Lunia/img/characters_big_100216.gif) no-repeat 0 0; display: block; height: 461px; margin: 0 auto; width: 674px;} #charDesc .img div {left: 310px; position: absolute; top: 148px; width: 355px;} #charDesc .img div p {padding-bottom: 20px;} .combos {background: url(http://static.ogplanet.com/static/Lunia/img/headings.gif) no-repeat 0 -253px; display: block; height: 11px; margin: 27px 0 0 20px; text-indent: -9999px; width: 250px;} #charDesc .dainn {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; display: none; position: relative;} #charDesc .dainn .img {background: url(http://static.ogplanet.com/static/Lunia/img/characters_big_100216.gif) no-repeat 0 -461px; display: block; height: 358px; margin: 0 auto; width: 674px;} #charDesc .sieg {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; display: none; position: relative;} #charDesc .sieg .img {background: url(http://static.ogplanet.com/static/Lunia/img/characters_big_100216.gif) no-repeat 0 -819px; display: block; height: 338px; margin: 0 auto; width: 674px;} #charDesc .tia {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; display: none; position: relative;} #charDesc .tia .img {background: url(http://static.ogplanet.com/static/Lunia/img/characters_big_100216.gif) no-repeat 0 -1157px; display: block; height: 338px; margin: 0 auto; width: 674px;} #charDesc .dacy {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; display: none; position: relative;} #charDesc .dacy .img {background: url(http://static.ogplanet.com/static/Lunia/img/characters_big_100216.gif) no-repeat 0 -1495px; display: block; height: 338px; margin: 0 auto; width: 674px;} #charDesc .lime {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; display: none; position: relative;} #charDesc .lime .img {background: url(http://static.ogplanet.com/static/Lunia/img/characters_big_100216.gif) no-repeat 0 -1833px; display: block; height: 336px; margin: 0 auto; width: 674px;} #charDesc .keieg {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; display: none; position: relative;} #charDesc .keieg .img {background: url(http://static.ogplanet.com/static/Lunia/img/characters_big_100216.gif) no-repeat 0 -2169px; display: block; height: 338px; margin: 0 auto; width: 674px;} #charDesc .yuki {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; display: none; position: relative;} #charDesc .yuki .img {background: url(http://static.ogplanet.com/static/Lunia/img/characters_big_100216.gif) no-repeat 0 -2507px; display: block; height: 338px; margin: 0 auto; width: 674px;} #charDesc .arien {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; position: relative;} #charDesc .arien .img {background: url(http://static.ogplanet.com/static/Lunia/img/characters_big_100216.gif) no-repeat 0 -2846px; display: block; height: 345px; margin: 0 auto; width: 674px;} #charDesc .ryan {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; position: relative;} #charDesc .ryan .img {background: url('../img/ryan_100304.gif') no-repeat 0 0; display: block; height: 342px; margin: 0 auto; width: 674px;} #charDesc .kali {background: url(http://static.ogplanet.com/static/Lunia/img/char_outline_bottom.gif) no-repeat left bottom; position: relative;} #charDesc .kali .img {background: url('../img/kali_100401.gif') no-repeat 0 0; display: block; height: 342px; margin: 0 auto; width: 674px;} #charDesc .char {padding-bottom: 30px;} #charDesc img {display: block; margin: 17px auto 0;} .Lunia {overflow: hidden; padding: 5px 0 10px 0; position: relative; width: 680px;} .Lunia p {width: 423px;} .Lunia img {background: #555; display: block; height: 130px; width: 240px;} .stagesystem {background: url(../img/headings.gif) no-repeat 0 -44px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .rpggame {background: url(../img/headings.gif) no-repeat 0 -55px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .pvp {background: url(../img/headings.gif) no-repeat 0 -66px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .cinemasystem {background: url(../img/headings.gif) no-repeat 0 -77px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .keyboardcontrol {background: url(../img/headings.gif) no-repeat 0 -88px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .story {clear: both; position: relative; padding: 5px 0; width: 424px;} .story_1 {background: url(../img/headings.gif) no-repeat 0 -110px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .story_2 {background: url(../img/headings.gif) no-repeat 0 -121px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .story_3 {background: url(../img/headings.gif) no-repeat 0 -132px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .story_4 {background: url(../img/headings.gif) no-repeat 0 -143px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .story_5 {background: url(../img/headings.gif) no-repeat 0 -154px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .story_6 {background: url(../img/headings.gif) no-repeat 0 -165px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;} .story_img {background: url(../img/story.jpg) no-repeat; display: block; width: 240px;} .first_image {background-position: 0 0; height: 302px; margin-top: 30px;} .second_image {background-position: -240px 0; height: 237px;} .third_image {background-position: -480px 0; height: 316px;} #controls {width: 680px;} #controls #keyboard {background: url(../img/controls.jpg) no-repeat; display: block; height: 189px; margin: 46px auto 0; width: 567px;} #controls table {border: 1px solid #f0f0f0; margin-top: 48px; width: 680px;} #controls .col1 {border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; width: 84px;} #controls .col2 {border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; color: #814dcf; font-family: arial; font-size: 10px; font-weight: bold; padding-left: 12px; text-transform: uppercase; width: 220px;} #controls .col3 {border-bottom: 1px solid #f0f0f0; color: #444; font-size: 12px; line-height: 16px; padding: 8px 12px;} #controls .key {background: url(../img/controls.jpg) no-repeat; display: block; width: 84px;} #controls .space {background-position: 0 -189px; height: 29px;} #controls .l {background-position: 0 -218px; height: 29px;} #controls .d {background-position: 0 -247px; height: 29px;} #controls .g {background-position: 0 -276px; height: 29px;} #controls .f_enter {background-position: 0 -305px; height: 29px;} #controls .f12 {background-position: 0 -334px; height: 29px;} #controls .prtscr {background-position: 0 -363px; height: 29px;} #controls .arrow {background-position: 0 -392px; height: 35px;} #controls .a_s {background-position: 0 -427px; height: 29px;} #controls .one_0 {background-position: -84px -189px; height: 29px;} #controls .m {background-position: -84px -218px; height: 29px;} #controls .i {background-position: -84px -249px; height: 29px;} #controls .c {background-position: -84px -276px; height: 29px;} #controls .u {background-position: -84px -305px; height: 29px;} #items {margin: 25px auto 0; overflow: hidden; position: relative; width: 670px;} #items .itemBox {color: #808080; float: left; height: 137px; margin: 0 0 28px 0; overflow: hidden; width: 134px;} #items .itemBox p {color: #808080; font-family: tahoma; font-size: 11px; padding-top: 2px; text-align: center;} .itemBox .item_1 {background: url(../img/items_functional.jpg) no-repeat; display: block; height: 103px; margin: 0 auto 0; width: 104px;} .itemBox .m_stone {background-position: 0 0;} .itemBox .c_stone {background-position: -104px 0;} .itemBox .bf_stone {background-position: -208px 0;} .itemBox .ads_catalyst {background-position: -312px 0;} .itemBox .r_form_regrading {background-position: -416px 0;} .itemBox .i_bag {background-position: 0px -103px;} .itemBox .ob_vault {background-position: -104px -103px;} .itemBox .si_card_1 {background-position: -208px -103px;} .itemBox .si_card_2 {background-position: -312px -103px;} .itemBox .l_stone {background-position: -416px -103px;} .itemBox .r_stone {background-position: 0 -206px;} .itemBox .fc_dragon {background-position: -104px -206px;} .itemBox .sh_potion {background-position: -208px -206px;} .itemBox .sm_potion {background-position: -312px -206px;} .itemBox .p_store {background-position: -416px -206px;} .itemBox .pp_store {background-position: 0 -309px;} .itemBox .n_loudspeaker_1 {background-position: -104px -309px;} .itemBox .n_loudspeaker_2 {background-position: -208px -309px;} .itemBox .s_authority {background-position: -312px -309px;} .itemBox .krg_ticket {background-position: -416px -309px;} .itemBox .gs_register_1 {background-position: 0 -412px;} .itemBox .gs_register_2 {background-position: -104px -412px;} .itemBox .gs_register_3 {background-position: -208px -412px;} .itemBox .gs_register_4 {background-position: -312px -412px;} .itemBox .dg_box {background-position: -416px -412px;} .itemBox .tb_registration {background-position: 0 -515px;} .itemBox .gu_voucher {background-position: -104px -515px;} .itemBox .gm_potion {background-position: -208px -515px;} .itemBox .io_unbinding {background-position: -312px -515px;} .itemBox .cc_slots_1 {background-position: -416px -515px;} .itemBox .cc_slots_2 {background-position: 0 -618px;} .itemBox .c_item {background-position: -104px -618px;} .itemBox .g_box {background-position: -208px -618px;} .itemBox .item_2 {background: url(../img/items_pet.jpg) no-repeat; display: block; height: 103px; margin: 0 auto 0; width: 104px;} .itemBox .c_puppy {background-position: 0 0;} .itemBox .p_puppy {background-position: -104px 0;} .itemBox .a_puppy {background-position: -208px 0;} .itemBox .sh_accessory_1 {background-position: -312px 0;} .itemBox .sh_accessory_2 {background-position: -416px 0;} .itemBox .p_necklace_1 {background-position: 0 -103px;} .itemBox .p_necklace_2 {background-position: -104px -103px;} .itemBox .t_ticket {background-position: -208px -103px;} .itemBox .pld_ticket {background-position: -312px -103px;} .itemBox .rc_pet {background-position: -416px -103px;} .itemBox .pp_milk {background-position: 0 -206px;} .itemBox .pnc_agreement {background-position: -206px;} #items .itemPopUp {background: #fcf3e6; border: 1px solid #e4d6c3; position: absolute; width: 220px; margin: -84px 0 0 64px; padding: 15px 13px;} #items .itemPopUp p {color: #827561; font-family: tahoma; font-size: 11px; padding-top: 0; text-align: left;} #items .left {margin-left: -178px;} #items .high {margin-top: -69px;} #items .leftwide {margin-left: -258px; width: 300px;} #intro_video {height: 268px; position: absolute; top: 379px; right: 90px; width: 370px;} #boss_raid {background: url(../img/graphics.jpg) 0 0; display: block; height: 260px; width: 675px;} #prisoner_mode {background: url(../img/graphics.jpg) 0 -260px; display: block; height: 260px; width: 675px;} .mode_label {color: #e03726 !important; padding: 10px 0 2px 0;} #hq {background: url(../img/maps.jpg) no-repeat 0 0; display: block; height: 260px; margin-bottom: 10px; text-indent: -9999px; width: 675px;} #skyscraper {background: url(../img/maps.jpg) no-repeat 0 -260px; display: block; height: 260px; margin-bottom: 10px; text-indent: -9999px; width: 675px;} #skyscraper_small {background: url(../img/maps.jpg) no-repeat 0 -520px; display: block; height: 141px; margin-top: 20px; margin-bottom: 15px; text-indent: -9999px; width: 675px;} #bootcamp {background: url(../img/maps.jpg) no-repeat 0 -661px; display: block; height: 260px; margin-bottom: 10px; text-indent: -9999px; width: 675px;} #bootcamp_small {background: url(../img/maps.jpg) no-repeat 0 -921px; display: block; height: 141px; margin-top: 20px; margin-bottom: 15px; text-indent: -9999px; width: 675px;} #ancient_ruins {background: url(../img/maps.jpg) no-repeat 0 -1062px; display: block; height: 260px; margin-bottom: 10px; text-indent: -9999px; width: 675px;} #ancient_ruins_small {background: url(../img/maps.jpg) no-repeat 0 -1322px; display: block; height: 141px; margin-top: 20px; margin-bottom: 15px; text-indent: -9999px; width: 675px;} .bgm {color: #e03726 !important;} .bgm a {color: #e03726; text-decoration: underline;} #maps_three_column {color: #333; font-size: 12px; overflow: hidden; position: relative; width: 675px;} #maps_three_column li {float: left; line-height: 16px; margin-right: 22px; width: 210px;} #maps_three_column li.last {margin-right: 0;} #guide_control {background: url(../img/graphics.jpg) no-repeat 0 -611px; display: block; height: 367px; margin-top: 40px; text-indent: -9999px; width: 675px;} .features {display: block; margin-top: 25px; overflow: hidden; position: relative; width: 675px;} .features span {background: url(../img/graphics.jpg) no-repeat; display: block; float: left; height: 154px; text-indent: -9999px; width: 230px;} .features span.one {background-position: 0 -978px;} .features span.two {background-position: -230px -978px;} .features span.three {background-position: 0 -1132px;} .features p {margin-left: 248px; position: relative; width: 424px;} .features .label {color: #e03726 !important; line-height: 18px !important; padding-bottom: 2px;} .combo_entry {overflow: hidden; position: relative; width: 675px;} .combo_entry .name {background: #ededed; float: left; padding: 14px 0 0 14px; width: 132px;} .combo_entry .name .ultra_combo_1 {background: url(../img/headings.gif) no-repeat 0 -430px; display: block; height: 8px; text-indent: -9999px; width: 80px;} .combo_entry .name .ultra_combo_2 {background: url(../img/headings.gif) no-repeat 0 -438px; display: block; height: 8px; text-indent: -9999px; width: 80px;} .combo_entry .name .ultra_combo_3 {background: url(../img/headings.gif) no-repeat 0 -446px; display: block; height: 8px; text-indent: -9999px; width: 80px;} .combo_entry .content {background: #f6f6f6; float: right; margin: 0 0 0 16px; padding: 14px 0 0 0; width: 513px;} .combo_entry .content span {background: url(../img/combo.jpg) no-repeat; display: block; width: 500px;} #shadow_assassin_1 {background-position: 0 0; height: 119px;} #shadow_assassin_2 {background-position: 0 -119px; height: 118px;} #shadow_assassin_3 {background-position: 0 -237px; height: 118px;} #fire_mage_1 {background-position: 0 -355px; height: 111px;} #fire_mage_2 {background-position: 0 -466px; height: 233px;} #fire_mage_3 {background-position: 0 -699px; height: 111px;} #iron_knight_1 {background-position: 0 -810px; height: 117px;} #iron_knight_2 {background-position: 0 -927px; height: 117px;} #infantryman_1 {background-position: 0 -1044px; height: 111px;} #infantryman_2 {background-position: 0 -1155px; height: 111px;} #savage_berserker_1 {background-position: 0 -1272px; height: 111px;} #savage_berserker_2 {background-position: 0 -1383px; height: 112px;} #savage_berserker_3 {background-position: 0 -1495px; height: 111px;} #tao_warrior_1 {background-position: 0 -1606px; height: 112px;} #tao_warrior_2 {background-position: 0 -1718px; height: 111px;} #tao_warrior_3 {background-position: 0 -1829px; height: 112px;} #cyber_medic_1 {background-position: 0 -1941px; height: 112px;} #cyber_medic_2 {background-position: 0 -2053px; height: 110px;} #cyber_medic_3 {background-position: 0 -2163px; height: 112px;} #boxing_champ_1 {background-position: 0 -2275px; height: 111px;} #boxing_champ_2 {background-position: 0 -2386px; height: 112px;} #boxing_champ_3 {background-position: 0 -2498px; height: 111px;} #cowboy_1 {background-position: 0 -2609px; height: 111px;} #cowboy_2 {background-position: 0 -2720px; height: 111px;} #cowboy_3 {background-position: 0 -2831px; height: 111px;} #tips {margin-top: 25px; overflow: hidden; position: relative; width: 675px;} #tips #left_column {float: left; margin-right: 20px; width: 330px;} #tips #left_column div {margin-bottom: 20px; overflow: hidden; position: relative; width: 330px;} #tips #left_column div span {background: url(../img/graphics.jpg) no-repeat; display: block; float: left; height: 85px; margin-left: 7px; width: 85px;} #tips #left_column div p {margin-left: 100px; position: relative; width: 230px;} #tips #left_column div p.label {color: #e03726; line-height: 1; padding-bottom: 2px;} #tips #left_column div #tips_01 {background-position: 0 -1286px;} #tips #left_column div #tips_02 {background-position: -170px -1286px;} #tips #left_column div #tips_03 {background-position: -340px -1286px;} #tips #left_column div #tips_04 {background-position: -510px -1286px;} #tips #left_column div #tips_05 {background-position: -85px -1371px;} #tips #left_column div #tips_06 {background-position: -255px -1371px;} #tips #left_column div #tips_07 {background-position: -425px -1371px;} #tips #left_column div #tips_08 {background-position: 0 -1456px;} #tips #right_column {float: left; width: 323px;} #tips #right_column div {margin-bottom: 20px; overflow: hidden; position: relative; width: 323px;} #tips #right_column div span {background: url(../img/graphics.jpg) no-repeat; display: block; float: left; height: 85px; margin-left: 3px; width: 85px;} #tips #right_column div p {margin-left: 100px; position: relative; width: 230px;} #tips #right_column div p.label {color: #e03726; line-height: 1; padding-bottom: 2px;} #tips #right_column div #tips_01 {background-position: -85px -1286px;} #tips #right_column div #tips_02 {background-position: -255px -1286px;} #tips #right_column div #tips_03 {background-position: -425px -1286px;} #tips #right_column div #tips_04 {background-position: 0 -1371px;} #tips #right_column div #tips_05 {background-position: -170px -1371px;} #tips #right_column div #tips_06 {background-position: -340px -1371px;} #tips #right_column div #tips_07 {background-position: -510px -1371px;} #multimedia {width: 680px;} #multimedia #video {margin: 0 auto; padding: 10px 38px;} #multimedia #title {font-size: 12px; font-weight: bold; line-height: 18px; margin-top: 12px;} #multimedia #desc {font-size: 12px; line-height: 18px;} #multimedia #video_list {margin-top: 30px; overflow: hidden; padding-bottom: 22px; position: relative; text-align: center; width: 620px;} #multimedia #video_list .entry {float: left; margin: 0 46px 0 0; width: 120px;} #multimedia #video_list .entry img {height: 90px; width: 120px;} #multimedia #video_list .entry .title {color: #154cff; display: block; font-size: 11px; margin: 13px 0 0 0; text-decoration: underline;} #multimedia #video_list .last {margin: 0;} #multimedia #bgm {overflow: hidden; position: relative; width: 680px;} #multimedia #bgm .audio {background: url(../img/audio.jpg) no-repeat 50% 0; display: block; float: left; height: 87px; margin-right: 15px; width: 78px} #multimedia #bgm a {color: #585858; display: block; font-size: 12px; margin-top: 72px; text-align: center;} #multimedia #bgm a:hover {text-decoration: underline;} #screenshots {margin: 0 auto; overflow: hidden; padding: 0 0 0 24px; position: relative; width: 656px;} #screenshots .entry {float: left; height: 90px; padding: 25px 24px 0 0; width: 140px;} #screenshots .entry img {height: 80px; width: 140px;} #screenshots .entry .desc {display: block; font-size: 12px; padding-top: 8px; text-align: center;} #wallpapers {margin: 0 auto; overflow: hidden; padding: 0 0 0 24px; position: relative; width: 656px;} #wallpapers .entry {float: left; height: 90px; padding: 25px 24px 0 0; width: 140px;} #wallpapers .entry img {height: 80px; width: 140px;} #wallpapers .entry .desc {display: block; font-size: 12px; padding-top: 8px; text-align: center;} #faq_nav ul {overflow: hidden; position: relative; width: 675px;} #faq_nav ul#all {background: url(../img/secondNav.gif) no-repeat 0 0; display: block; height: 27px; text-indent: -9999px;} #faq_nav ul#hardware {background: url(../img/secondNav.gif) no-repeat 0 -27px; display: block; height: 27px; text-indent: -9999px;} #faq_nav ul#patch {background: url(../img/secondNav.gif) no-repeat 0 -54px; display: block; height: 27px; text-indent: -9999px;} #faq_nav ul#game {background: url(../img/secondNav.gif) no-repeat 0 -81px; display: block; height: 27px; text-indent: -9999px;} #faq_nav ul#policy {background: url(../img/secondNav.gif) no-repeat 0 -108px; display: block; height: 27px; text-indent: -9999px;} #faq_nav li {float: left;} #faq_nav li a {display: block; height: 27px;} #faq_nav li a#all {width: 51px;} #faq_nav li a#hardware {width: 87px;} #faq_nav li a#patch {width: 107px;} #faq_nav li a#game {width: 63px;} #faq_nav li a#policy {width: 58px;} #faq_list {width: 675px;} #faq_list div {border-bottom: 1px solid #dfd9d2; overflow: hidden; padding: 6px 0; position: relative; width: 675px;} #faq_list div span.icon {background: url(../img/icons.gif) no-repeat; display: block; float: left; height: 18px; text-indent: -9999px; width: 72px;} #faq_list div.hardware span.icon {background-position: 0 -44px;} #faq_list div.patch span.icon {background-position: 0 -62px;} #faq_list div.game span.icon {background-position: 0 -80px;} #faq_list div.policy span.icon {background-position: 0 -98px;} #faq_list div .q {cursor: pointer; float: left; margin-left: 12px; line-height: 18px;} #faq_list div .a {border-top: 1px solid #dfd9d2; clear: both; display: block; line-height: 18px; padding: 10px 0; position: relative; top: 6px; width: 675px;} #faq_list div .expand {background: url(../img/icons.gif) no-repeat 0 -116px; display: block; float: right; height: 8px; margin: 6px 8px 0 0; width: 8px;} #faq_list div .collapse {background: url(../img/icons.gif) no-repeat -8px -116px; display: block; height: 8px; float: right; margin: 6px 8px 0 0; width: 8px;} /* tables */ table tbody a {color: #333;} #noticesTable {border: none; color: #333; width: 677px;} #tableHead_1 {background: url(../img/tableLedge.gif) no-repeat 0 0; border-top: 3px solid #b588a2; border-bottom: 1px solid #dfd9d2; display: block; height: 30px; width: 677px;} #noticesTable td {border-bottom: 1px solid #dfd9d2; font-size: 12px; line-height: 30px; text-align: left; padding: 0;} #noticesTable .first {padding-left: 8px; width: 51px;} #noticesTable .second {padding-left: 2px; width: 318px;} #noticesTable .third {width: 100px;} #noticesTable .third span.postByLunia {background: url(../img/icons.gif) no-repeat 0 -252px; display: block; height: 18px; margin: 0 auto; width: 58px;} #noticesTable .fourth {text-align: center; width: 104px;} #noticesTable .fifth {padding-right: 11px; text-align: right;} #pagenation {clear: both; color: #e3e3e3; display: block; margin: 0 auto; padding-top: 20px; text-align: center; width: 260px;} #pagenation ul li {display: inline; font-size: 12px;} #pagenation ul li a {color: #333;} #pagenation ul li a.current {color: #e03726;} #noticesView {color: #333; font-size: 12px; padding-top: 30px; position: relative; width: 675px;} #noticesView #tableHead_2 {background: url(../img/tableLedge.gif) no-repeat 0 -30px; height: 63px; width: 680px;} #noticesView #subject {height: 20px; left: 90px; position: absolute; top: 41px; width: 510px;} #noticesView #view {height: 20px; left: 609px; position: absolute; top: 71px; width: 48px;} #noticesView #no {height: 20px; left: 90px; position: absolute; top: 71px; width: 48px;} #noticesView #postByLunia {background: url(../img/icons.gif) no-repeat 0 -252px; display: block; height: 18px; left: 440px; position: absolute; top: 69px; width: 58px;} #noticesView #date {height: 20px; left: 260px; position: absolute; top: 71px; width: 70px;} #noticesView #textarea {border-bottom: 1px solid #dfd9d2; padding: 10px 9px 10px 10px; width: 661px;} #noticesView #listButton {background: url(../img/icons.gif) no-repeat -220px -228px; display: block; float: right; margin-top: 10px; height: 24px; position: relative; text-indent: -9999px; width: 80px;} #eventsView {color: #333; font-size: 12px; padding-top: 30px; position: relative; width: 675px;} #eventsView #tableHead_9 {background: url(../img/tableLedge.gif) no-repeat 0 -93px; height: 63px; width: 680px;} #eventsView #subject {height: 20px; left: 90px; position: absolute; top: 41px; width: 510px;} #eventsView #no {height: 20px; left: 90px; position: absolute; top: 71px; width: 48px;} #eventsView #date {height: 20px; left: 421px; position: absolute; top: 71px; width: 70px;} #eventsView #textarea {border-bottom: 1px solid #dfd9d2; padding: 10px 9px 10px 10px; text-align: center; width: 661px;} #eventsView #listButton {background: url(../img/icons.gif) no-repeat -220px -228px; display: block; float: right; margin-top: 10px; height: 24px; position: relative; text-indent: -9999px; width: 80px;} #myranking_logout {border: 1px solid #DFD9D2; color: #333; font-size: 12px; line-height: 30px; margin-top: 10px; padding: 15px 0; text-align: center;} #myranking_not_player {border: 1px solid #DFD9D2; color: #333; font-size: 12px; line-height: 30px; margin-top: 10px; padding: 15px 0; text-align: center;} #myrankingView {background: url(../img/tableLabels.gif) no-repeat 0 -156px; font-size: 12px; height: 36px; margin-top: 10px; position: relative; width: 675px;} #myrankingView #myRank {height: 12px; left: 82px; position: absolute; top: 12px; text-align: center; width: 48px;} #myrankingView #name {color: #e03726; height: 12px; left: 224px; position: absolute; top: 12px; text-align: left; width: 88px;} #myrankingView #level {height: 12px; left: 406px; position: absolute; top: 12px; text-align: left; width: 40px;} #myrankingView #exp {height: 12px; left: 566px; position: absolute; top: 12px; text-align: left; width: 72px;} .rankingTable {border: none; color: #333; width: 677px;} span.tableHead_3 {background: url(../img/tableLabels.gif) no-repeat 0 -192px; border-top: 3px solid #dea51a; border-bottom: 1px solid #dfd9d2; display: block; height: 30px; width: 677px;} .rankingTable td {border-bottom: 1px solid #dfd9d2; font-size: 12px; line-height: 30px; text-align: center; padding: 0;} .rankingTable .first {padding: 0; width: 56px;} .rankingTable .second {padding-left: 6px; text-align: left; width: 300px;} .rankingTable .third {padding-right: 6px; width: 116px;} .rankingTable .fourth {padding-left: 10px;} #pollsTable {border: none; color: #333; width: 680px;} #tableHead_4 {background: url(../img/tableLedge.gif) no-repeat 0 -460px; border-top: 3px solid #b588a2; border-bottom: 1px solid #dfd9d2; display: block; height: 30px; width: 680px;} #pollsTable td {border-bottom: 1px solid #dfd9d2; font-size: 12px; line-height: 30px; text-align: left; padding: 0;} #pollsTable .first {padding-left: 8px; width: 45px;} #pollsTable .second {padding-left: 8px; width: 420px;} #pollsTable .third {text-align: center; width: 104px;} #pollsTable .fourth {padding-right: 13px; text-align: right;} #pollsView {color: #333; font-size: 12px; padding-top: 30px; position: relative; width: 680px;} #pollsView #tableHead_5 {background: url(../img/tableLedge.gif) no-repeat 0 -490px; height: 63px; width: 680px;} #pollsView #subject {height: 20px; left: 90px; position: absolute; top: 41px; width: 579px;} #pollsView #no {height: 20px; left: 90px; position: absolute; top: 71px; width: 48px;} #pollsView #date {height: 20px; left: 258px; position: absolute; top: 71px; width: 76px;} #pollsView #total {height: 23px; left: 428px; position: absolute; top: 71px; width: 70px;} #pollsView #view {height: 20px; left: 579px; position: absolute; top: 71px; width: 65px;} #pollsView #textarea {border-bottom: 1px solid #dfd9d2; padding: 10px 9px 10px 10px; width: 659px;} #pollsView #listButton {background: url(../img/icons.gif) no-repeat -220px -228px; display: block; float: right; margin-top: 10px; height: 24px; position: relative; text-indent: -9999px; width: 80px;} #pollsView table {padding: 10px 0 5px; width: 675px;} #pollsView table td {text-align: left;} #pollsView table td.one {padding-left: 68px;} #pollsView table td.two {text-align: left; width: 264px;} #helpdeskHistory {border: none; color: #333; width: 677px;} #tableHead_6 {background: url(../img/tableLedge.gif) no-repeat 0 -156px; border-top: 3px solid #A26FD5; border-bottom: 1px solid #dfd9d2; display: block; height: 30px; width: 680px;} #helpdeskHistory td {border-bottom: 1px solid #dfd9d2; font-size: 12px; line-height: 30px; text-align: left; padding: 0;} #helpdeskHistory .first {padding-left: 8px; width: 45px;} #helpdeskHistory .second {padding-left: 8px; width: 135px;} #helpdeskHistory .third {padding-left: 9px; width: 225px;} #helpdeskHistory .fourth {text-align: center; width: 100px;} #helpdeskHistory .fifth {text-align: center;} #helpdeskButton {background: url(../img/icons.gif) no-repeat 0 -228px; display: block; float: right; margin-top: 10px; height: 24px; position: relative; text-indent: -9999px; width: 100px;} #helpdeskHistoryView {color: #333; font-size: 12px; padding-top: 30px; position: relative; width: 680px;} #helpdeskHistoryView #tableHead_7 {background: url(../img/tableLedge.gif) no-repeat 0 -186px; height: 63px; width: 680px;} #helpdeskHistoryView #subject {height: 20px; left: 90px; position: absolute; top: 41px; width: 510px;} #helpdeskHistoryView #category {height: 20px; left: 90px; position: absolute; top: 71px; width: 176px;} #helpdeskHistoryView #date {height: 20px; left: 365px; position: absolute; top: 71px; width: 72px;} #helpdeskHistoryView #status {height: 23px; left: 535px; position: absolute; top: 71px; width: 85px;} #selectBox {position: absolute; top: 101px; right: 25px; width: 124px;} #helpdeskHistoryView #textarea_q {border-bottom: 1px solid #dfd9d2; padding: 15px 9px 15px 10px; width: 655px;} #helpdeskHistoryView #textarea_a {border-bottom: 1px solid #dfd9d2; padding: 15px 9px 15px 10px; width: 655px;} #helpdeskHistoryView #textarea_q .icon {background: url(../img/icons.gif) no-repeat 0 -270px; display: block; height: 9px; margin-bottom: 10px;} #helpdeskHistoryView #textarea_a .icon {background: url(../img/icons.gif) no-repeat 0 -279px; display: block; height: 11px; margin-bottom: 10px;} #helpdeskHistoryView #goToHelpdesk {background: url(../img/icons.gif) no-repeat -100px -228px; display: block; float: right; margin-top: 10px; height: 24px; position: relative; text-indent: -9999px; width: 120px;} #helpdeskHistoryView #listButton {background: url(../img/icons.gif) no-repeat -220px -228px; display: block; float: right; margin-top: 10px; margin-left: 5px; height: 24px; position: relative; text-indent: -9999px; width: 80px;} #helpdesk {border: none; color: #333; font-size: 12px; position: relative; width: 680px;} #helpdesk #description {padding: 20px 0;} #helpdesk #description span {background: url(../img/icons.gif) no-repeat 0 -381px; display: block; float: left; height: 72px; margin-right: 15px; width: 89px;} #helpdeskSubmit {background: url(../img/icons.gif) no-repeat 0 -204px; display: block; float: right; margin-top: 10px; height: 24px; position: relative; text-indent: -9999px; width: 80px;} #myHelpdeskHistory {background: url(../img/icons.gif) no-repeat -80px -204px; display: none; float: right; margin-top: 10px; margin-left: 5px; height: 24px; position: relative; text-indent: -9999px; width: 150px;} #helpdeskForm ul {border-top: 3px solid #A26FD5; display: block; width: 680px;} #helpdeskForm ul li {border-bottom: 1px solid #bdbdbd; font-size: 11px; padding: 5px 0;} #helpdeskForm label {display: block; font-size: 11px; font-weight: bold; float: left; margin-top: 4px; padding-left: 6px; width: 90px;} #helpdeskForm #f_categorytype, #helpdeskForm input#userid, #helpdeskForm input#f_email {width: 200px;} #helpdeskForm textarea#f_message {height: 136px; width: 572px;} #helpdeskForm input#file {width: 572px;} #system_req {color: #333; font-size: 12px; line-height: 30px; position: relative; width: 675px;} #system_req #tableHead_8 {background: url(../img/tableLedge.gif) no-repeat 0 -249px; display: block; height: 211px; width: 680px;} #system_req table {position: absolute; width: 570px; top: 32px; left: 105px;} #system_req table td {text-align: center; width: 280px;} /* download */ #client {height: 165px; margin: 20px auto; width: 566px;} #client li {background: url(../img/clients.jpg) no-repeat 0 0; display: block; float: left; height: 57px; margin: 0 10px 10px 0; width: 134px;} #client li.nomargin {margin-right: 0;} #client li a {display: block; height: 57px; width: 134px;} #client #softpedia {background-position: 0 0;} #client #mmosite {background-position: 0 -57px;} #client #gamershell {background-position: 0 -114px;} #client #atomicgamer {background-position: 0 -171px;} #client #computergames {background-position: 0 -228px;} #related_driver {border: 3px solid #dfd9d2; height: 164px; margin-top: 16px; overflow: hidden; position: relative; width: 675px;} #related_driver div {float: left; margin: 0 0 0 75px; height: 158px; width: 115px;} #related_driver div a.download {background: url(../img/icons.gif) no-repeat -120px -78px; display: block; height: 19px; margin: 0 auto; position: relative; text-indent: -9999px; width: 80px;} #related_driver div span#direct_x {background: url(../img/icons.gif) no-repeat 0 -290px; display: block; height: 91px; margin: 18px auto 13px; text-indent: -9999px; width: 91px;} #related_driver div span#nvidia {background: url(../img/icons.gif) no-repeat -91px -290px; display: block; height: 91px; margin: 18px auto 13px; text-indent: -9999px; width: 113px;} #related_driver div span#ati {background: url(../img/icons.gif) no-repeat -204px -290px; display: block; height: 91px; margin: 18px auto 13px; text-indent: -9999px; width: 104px;} #launcher_download {background: url(../img/download_client.gif) no-repeat; height: 211px; position: relative; width: 680px;} #launcher_download p {color: #555; left: 225px; position: absolute; top: 20px; width: 406px;} #launcher_download #link {color: #0024ff; display: block; height: 20px; left: 220px; position: absolute; text-align: right; text-decoration: underline; top: 65px; width: 160px;} /* thickbox */ #TB_window {background: #fff; border: none;} #TB_caption {color: #333;} #TB_closeWindowButton {background: transparent url(http://static.ogplanet.com/static/LostSaga/obt/img/x_button.gif) no-repeat scroll 0 0; height: 20px; width: 22px;} #TB_prev {background: transparent url(http://static.ogplanet.com/static/Lunia/img/arrow_prev.png); height: 50px; width: 50px;} #TB_next {background: transparent url(http://static.ogplanet.com/static/Lunia/img/arrow_next.png); height: 50px; width: 50px;} /* Facebook */ #facebook{height:22px;left:50%;margin-left:460px;position:absolute;top:42px;width:125px;} #facebook #fanpage{height: 22px;width: 74px;text-indent: -9999px;background: transparent url(http://static.ogplanet.com/static/LostSaga/obt/img/facebook.gif) left top;float:left;} #facebook #fanpage:hover{background: transparent url(http://static.ogplanet.com/static/LostSaga/obt/img/facebook.gif) left 22px;} #facebook #share:hover{background: transparent url(http://static.ogplanet.com/static/LostSaga/obt/img/facebook.gif) -74px 44px;} #facebook #share{height:22px;width:51px;text-indent:-9999px;background:transparent url(http://static.ogplanet.com/static/LostSaga/obt/img/facebook.gif) -74px top;float:left;}