* {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_body.jpg) repeat-x 0 35px;}
body#subPage {background: url(../img/bg_body.jpg) repeat-x 0 -90px;}
body#news {background: url(../img/bg_body.jpg) repeat-x 0 -90px;}
body#news {background: url(../img/bg_body.jpg) repeat-x 0 -90px;}
body#news {background: url(../img/bg_body.jpg) repeat-x 0 -90px;}
body#news {background: url(../img/bg_body.jpg) repeat-x 0 -90px;}
body#news {background: url(../img/bg_body.jpg) repeat-x 0 -90px;}
body#news {background: url(../img/bg_body.jpg) repeat-x 0 -90px;}

#wrapper_main {background: url(../img/bg_main.jpg) no-repeat 0 35px; min-height: 500px;/* ff bug */}
#wrapper_sub {background: url(../img/bg_main.jpg) no-repeat 0 -90px; min-height: 500px;/* ff bug */}
#wrapper_in {width: 900px;}
#header {height: 425px; width: 730px;}
#subHeader {height: 265px; width: 730px;}
#contentWrapper {float: left; overflow: hidden; position: relative; width: 730px;}
#leftColumn {float: left; margin: 0 0 0 8px; width: 207px;}
.leftBox {background: url(../img/leftBox_bottom.gif) no-repeat left bottom; margin: 0 0 5px 0; padding-bottom: 12px;}
#mainColumn {float: right; margin-right: 5px; width: 510px;}
#mainColumn #mainBanner {height: 130px; margin-bottom: 5px; width: 510px;}

/* //START added new section for mmosite promo*/
#mainColumn #beforeactivate{background: url("../img/mmosite/beforeactivate_bg.jpg") no-repeat 0 0; width:510px; height:270px; margin-bottom:5px; position:relative;}
#mainColumn #afteractivate{background: url("../img/mmosite/afteractivate_bg.jpg") no-repeat 0 0; width:510px; height:270px; margin-bottom:5px; position:relative;}
#beforeactivate .keyinputbox{background: url("../img/mmosite/inputbox.jpg") no-repeat 0 0; width:173px; height:43px; display:block; position:absolute; top:131px; left:21px;}
#beforeactivate .keyinput{width:150px; height:29px; color:#ffffff; font-size:16px; line-height:29px; border:0; margin:6px 7px 7px 7px; background:#000000; padding-left:5px; padding-right:5px;}
#beforeactivate #activationBt{background: url("../img/mmosite/activationbt.jpg") no-repeat 0 0; width:95px; height:33px; position:absolute; top:135px; left:196px; display:block; cursor:pointer; border:0;}
.activationErrorTxtWrap{ padding-left:25px; width:480px; height:17px; text-align:left; position:absolute; top:172px; left:0; display:block; }
.activationErrorTxtWrap .errortxt{font-size:11px; font-family:Arial; color:#d50000; padding:3px 0px; font-weight:bold;}
#beforeactivate #registerBt{ width:60px; height:16px; cursor:pointer; display:block; position:absolute; bottom:58px; left:25px;  border:0;}
#beforeactivate #membersinginBt{width:46px; height:16px; cursor:pointer; display:block; position:absolute; bottom:41px; left:225px;  border:0;}
#beforeactivate #receivekeyBt{width:207px; height:13px; cursor:pointer; display:block; position:absolute; left:292px; bottom:17px;  border:0;}
#afteractivate #playnowBt{background: url("../img/mmosite/playnowbt.jpg") no-repeat 0 0; width:175px; height:33px; cursor:pointer; display:block; position:absolute; left:75px; bottom:29px; border:0;}
/* //END mmosite promo section*/

#footer {background: url(../img/bg_footer.gif) repeat-x; clear: both; display: block; height: 63px; position: relative; width: 100%;}
#footer #ogpHome {display: block; height: 30px; height: 38px; left: 0; position: absolute; top: 10px; width: 160px;}
#footer img {padding: 14px;}

/* leftBox starts */
.leftBox #login {background: url(../img/leftBox_login_top.gif) no-repeat left top; position: relative;}
.leftBox #video {background: url(../img/leftBox_video_top.gif) no-repeat left top; position: relative;}
.leftBox #screenshots {background: url(../img/leftBox_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;}

.leftBox #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: #4e2f04; border-left: 1px solid #3a2303; border-top: 1px solid #3a2303; border-right: 1px solid #4e2f04; border-bottom: 1px solid #4e2f04; color: #f4bf45; height: 19px; width: 126px; *width: 125px;}
#loginButton {background: url(../img/loginButton.gif) no-repeat; 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: 22px;}
.forgot a {color: #000;}
a#signup {background: url(../img/icons.gif) no-repeat 0 -292px; display: block; margin: 4px 0 0 10px; height: 31px; text-indent: -9999px; width: 181px;}
#loggedOut {display: block;}
#loggedIn {display: none; padding-top: 8px; padding-bottom: 28px; position: relative;}
#loggedIn p {color: #532100; font-size: 12px; line-height: 16px; padding-right: 10px; text-align: center;}
#loggedIn #userID {color: #532100; font-weight: bold; text-decoration: underline;}
#loggedIn .level {color: #fff; font-weight: bold;}
#loggedIn #logoutButton {background: url(../img/loginButton.gif) no-repeat 0 -47px; border: none; bottom: 0; cursor: pointer; display: block; height: 23px; left: 70px; position: absolute; text-indent: -9999px; width: 58px;}

.leftBox #video h3 {padding-bottom: 6px; text-indent: -9999px;}
#flashVideo {height: 165px; margin: 0 0 0 6px; padding-top: 6px; width: 190px;}

.leftBox #screenshots h3 {padding-bottom: 20px; position: relative; 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 #ffc153; display: block; height: 54px; width: 80px;}
#screenshots ul#thumbnails img:hover {border: 3px solid #5b3800;}
#screenshots ul#thumbnails .screenshots_desc {color: #532100; font-size: 11px; position: relative; top: 6px; vertical-align: top;}

/* mainBox starts */
#noticeDiv {background: #fff; min-height: 350px; height: auto!important; height: 350px; position: relative; width: 510px;}
#eventsDiv {background: #fff; display: none; 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_notices_events_updates.gif) no-repeat 0 0; display: block; height: 27px; margin-bottom: 16px; text-indent: -9999px;}
#eventsDiv span#events {background: url(../img/main_notices_events_updates.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) -29px -160px no-repeat; display: block; height: 37px; float: left; margin-top: 3px; position: relative; text-align: center; width: 29px;}
.notice_entry .first {background-position: 0 -160px;}
.notice_entry .month {color: #1b2d4c; font-size: 9px; line-height: 16px; position: relative; vertical-align: 6px;}
.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) -29px -160px no-repeat; display: block; height: 37px; float: left; margin-top: 3px; position: relative; text-align: center; width: 29px;}
.events_entry .first {background-position: 0 -160px;}
.events_entry .month {color: #1b2d4c; font-size: 9px; line-height: 16px; position: relative; vertical-align: 6px;}
.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: -420px; 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: -230px; 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; 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;}

.rankingBanner {background: url(../img/ranking_banner.gif) no-repeat; height: 185px; margin-bottom: 5px; 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 {background: url(http://static.ogplanet.com/static/LostSaga/obt/img/rank_icon.png) no-repeat; float: right; margin: -1px 0 0; text-indent: -9999px; width: 27px;}
.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;}

.rankingBanner .level span.levelNum0 {background-position: 0 0;}
.rankingBanner .level span.levelNum1 {background-position: -27px 0;}
.rankingBanner .level span.levelNum2 {background-position: -54px 0;}
.rankingBanner .level span.levelNum3 {background-position: -81px 0;}
.rankingBanner .level span.levelNum4 {background-position: -108px 0;}
.rankingBanner .level span.levelNum5 {background-position: -135px 0;}
.rankingBanner .level span.levelNum6 {background-position: -162px 0;}
.rankingBanner .level span.levelNum7 {background-position: -189px 0;}
.rankingBanner .level span.levelNum8 {background-position: -216px 0;}
.rankingBanner .level span.levelNum9 {background-position: -243px 0;}

.rankingBanner .level span.levelNum10 {background-position: 0 -27px;}
.rankingBanner .level span.levelNum11 {background-position: -27px -27px;}
.rankingBanner .level span.levelNum12 {background-position: -54px -27px;}
.rankingBanner .level span.levelNum13 {background-position: -81px -27px;}
.rankingBanner .level span.levelNum14 {background-position: -108px -27px;}
.rankingBanner .level span.levelNum15 {background-position: -135px -27px;}
.rankingBanner .level span.levelNum16 {background-position: -162px -27px;}
.rankingBanner .level span.levelNum17 {background-position: -189px -27px;}
.rankingBanner .level span.levelNum18 {background-position: -216px -27px;}
.rankingBanner .level span.levelNum19 {background-position: -243px -27px;}

.rankingBanner .level span.levelNum20 {background-position: 0 -54px;}
.rankingBanner .level span.levelNum21 {background-position: -27px -54px;}
.rankingBanner .level span.levelNum22 {background-position: -54px -54px;}
.rankingBanner .level span.levelNum23 {background-position: -81px -54px;}
.rankingBanner .level span.levelNum24 {background-position: -108px -54px;}
.rankingBanner .level span.levelNum25 {background-position: -135px -54px;}
.rankingBanner .level span.levelNum26 {background-position: -162px -54px;}
.rankingBanner .level span.levelNum27 {background-position: -189px -54px;}
.rankingBanner .level span.levelNum28 {background-position: -216px -54px;}
.rankingBanner .level span.levelNum29 {background-position: -243px -54px;}

.rankingBanner .level span.levelNum30 {background-position: 0 -81px;}
.rankingBanner .level span.levelNum31 {background-position: -27px -81px;}
.rankingBanner .level span.levelNum32 {background-position: -54px -81px;}
.rankingBanner .level span.levelNum33 {background-position: -81px -81px;}
.rankingBanner .level span.levelNum34 {background-position: -108px -81px;}
.rankingBanner .level span.levelNum35 {background-position: -135px -81px;}
.rankingBanner .level span.levelNum36 {background-position: -162px -81px;}
.rankingBanner .level span.levelNum37 {background-position: -189px -81px;}
.rankingBanner .level span.levelNum38 {background-position: -216px -81px;}
.rankingBanner .level span.levelNum39 {background-position: -243px -81px;}

.rankingBanner .level span.levelNum40 {background-position: 0 -108px;}
.rankingBanner .level span.levelNum41 {background-position: -27px -108px;}
.rankingBanner .level span.levelNum42 {background-position: -54px -108px;}
.rankingBanner .level span.levelNum43 {background-position: -81px -108px;}
.rankingBanner .level span.levelNum44 {background-position: -108px -108px;}
.rankingBanner .level span.levelNum45 {background-position: -135px -108px;}
.rankingBanner .level span.levelNum46 {background-position: -162px -108px;}
.rankingBanner .level span.levelNum47 {background-position: -189px -108px;}
.rankingBanner .level span.levelNum48 {background-position: -216px -108px;}
.rankingBanner .level span.levelNum49 {background-position: -243px -108px;}

.rankingBanner .level span.levelNum50 {background-position: 0 -135px;}
.rankingBanner .level span.levelNum51 {background-position: -27px -135px;}
.rankingBanner .level span.levelNum52 {background-position: -54px -135px;}
.rankingBanner .level span.levelNum53 {background-position: -81px -135px;}
.rankingBanner .level span.levelNum54 {background-position: -108px -135px;}

.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; bottom: 15px; left: 50px; height: 20px; position: absolute; text-indent: -9999px; width: 60px;}

.guideBanner {background: url(../img/three_banner.jpg) no-repeat 0 0; cursor: pointer; height: 36px; width: 160px;}
.helpdeskBanner {background: url(../img/three_banner.jpg) no-repeat 0 -36px; cursor: pointer; height: 35px; width: 160px;}
.faqBanner {background: url(../img/three_banner.jpg) no-repeat 0 -71px; cursor: pointer; height: 36px; width: 160px;}
.tipBanner {background: url(../img/tip_banner.jpg) no-repeat; height: 221px; width: 160px;}

/* subpages */
#subMain {background: #fff; margin: 0 5px 0 8px; min-height: 350px; height: auto !important; height: 350px; overflow: hidden; padding: 20px 20px 50px; position: relative; width: 677px;}
#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: #eb5200;}

/* h3 tags */
.heading {background: url(../img/headings.gif) no-repeat; display: block; text-indent: -9999px; width: 250px;}
.about_intro {background-position: 0 -120px; float: left; height: 10px;}
.about_characters {background-position: 0 -131px; float: left; height: 10px;}
.about_maps {background-position: 0 -142px; float: left; height: 10px;}
.about_mode {background-position: 0 -198px; float: left; height: 10px;}
.news_notices {background-position: 0 0; float: left; height: 10px;}
.news_events {background-position: 0 -10px; float: left; height: 10px;}
.news_updates {background-position: 0 -476px; float: left; height: 10px;}
.rankings {background-position: 0 -32px; float: left; height: 11px;}
.polls {background-position: 0 -21px; float: left; height: 11px;}
.helpdesk {background-position: 0 -66px; float: left; height: 10px;}
.helpdesk_history {background-position: 0 -77px; float: left; height: 10px;}
.download_clients {background-position: 0 -231px; float: left; height: 10px;}
.download_multimedia {background-position: 0 -276px; float: left; height: 10px;}
.download_screenshots {background-position: 0 -287px; float: left; height: 10px;}
.support_faq {background-position: 0 -108px; float: left; height: 10px;}
.guide_combo {background-position: 0 -320px; float: left; height: 10px;}
.guide_controls {background-position: 0 -298px; float: left; height: 10px;}
.guide_features {background-position: 0 -454px; float: left; height: 10px;}
.guide_tips {background-position: 0 -465px; float: left; height: 10px;}

/* 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 -242px; 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 -253px; display: block; height: 11px; margin-top: 34px; margin-bottom: 20px; text-indent: -9999px; width: 250px;}
.codec_download {background: url(../img/headings.gif) no-repeat 0 -608px; 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 -264px; 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_crusade {background: url(../img/headings.gif) no-repeat 0 -730px; display: block; height: 11px; margin-top: 30px; 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: 30px; 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;}
.mode_powerstone_mode {background: url(../img/headings.gif) no-repeat 0 -696px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.mode_fishing_mode {background: url(../img/headings.gif) no-repeat 0 -520px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.mode_crown_control {background: url(../img/headings.gif) no-repeat 0 -564px; 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;}
.maps_enchanted_forest {background: url(../img/headings.gif) no-repeat 0 -487px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.maps_sky_castle {background: url(../img/headings.gif) no-repeat 0 -542px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.maps_crystal_rift {background: url(../img/headings.gif) no-repeat 0 -553px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.maps_wild_west {background: url(../img/headings.gif) no-repeat 0 -586px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.maps_starbase {background: url(../img/headings.gif) no-repeat 0 -663px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.maps_citadel {background: url(../img/headings.gif) no-repeat 0 -718px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.maps_volcano {background: url(../img/headings.gif) no-repeat 0 -674px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.maps_ankor_wat {background: url(../img/headings.gif) no-repeat 0 -685px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.maps_piratebay {background: url(../img/headings.gif) no-repeat 0 -752px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.maps_cube {background: url(../img/headings.gif) no-repeat 0 -762px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.maps_refinery {background: url(../img/headings.gif) no-repeat 0 -795px; display: block; height: 11px; margin-top: 30px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.howtoplay {background: url(../img/headings.gif) no-repeat 0 -309px; 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 -509px; 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;}
.treasure_hunter {background: url(../img/headings.gif) no-repeat 0 -498px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.ice_mage {background: url(../img/headings.gif) no-repeat 0 -531px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.space_trooper {background: url(../img/headings.gif) no-repeat 0 -641px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.dark_sharman {background: url(../img/headings.gif) no-repeat 0 -652px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.grim_reaper {background: url(../img/headings.gif) no-repeat 0 -707px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.viking_raider {background: url(../img/headings.gif) no-repeat 0 -575px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.robin_hood {background: url(../img/headings.gif) no-repeat 0 -597px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.crazy_sapper {background: url(../img/headings.gif) no-repeat 0 -619px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.kage_ninja {background: url(../img/headings.gif) no-repeat 0 -630px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.captain_hook {background: url(../img/headings.gif) no-repeat 0 -740px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.taekwon_master {background: url(../img/headings.gif) no-repeat 0 -773px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.musketeer {background: url(../img/headings.gif) no-repeat 0 -784px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.justice_defender{background: url(../img/headings.gif) no-repeat 0 -806px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.lightning_mage{background: url(../img/headings.gif) no-repeat 0 -817px; display: block; height: 11px; margin-top: 25px; margin-bottom: 16px; text-indent: -9999px; width: 250px;}
.smile_joker{background: url(../img/headings.gif) no-repeat 0 -828px; 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;}

#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;}
#fishing_mode {background: url(../img/graphics.jpg) 0 -1541px; display: block; height: 260px; width: 675px;}
#powerstone_mode {background: url(../img/graphics.jpg) 0 -1801px; display: block; height: 260px; width: 675px;}
#crusade_mode {background: url(../img/mode_crusade.jpg) 0 0; 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;}
.maps_image {margin-bottom: 10px;}
.maps_image_small {margin: 20px 0 15px 0;}
.slogan {font-weight: bold; padding-bottom: 12px;}

#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 {margin: 0 auto; padding: 30px 27px 0 27px; width: 600px;}
#multimedia #video {height: 400px; width: 600px;}
#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;}

#screenshots {margin: 0 auto; overflow: hidden; padding: 0 0 0 24px; position: relative; width: 656px;}
#screenshots .entry {float: left; height: 120px; 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;}

#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/tableLabels.gif) no-repeat 0 0; border-top: 3px solid #dea51a; 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.postByLs {background: url(../img/icons.gif) no-repeat 0 -269px; display: block; height: 23px; margin: 0 auto; width: 55px;}
#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/tableLabels.gif) no-repeat 0 -30px; height: 63px; width: 675px;}
#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 #postByLS {background: url(../img/icons.gif) no-repeat 0 -269px; display: block; height: 23px; left: 440px; position: absolute; top: 67px; width: 55px;}
#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: 655px;}
#noticesView #listButton {background: url(../img/icons.gif) no-repeat 0 -20px; 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/tableLabels.gif) no-repeat 0 -345px; height: 63px; width: 675px;}
#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; width: 655px;}
#eventsView #listButton {background: url(../img/icons.gif) no-repeat 0 -20px; display: block; float: right; margin-top: 10px; height: 24px; position: relative; text-indent: -9999px; width: 80px;}

#updatesTable td {border-bottom: 1px solid #dfd9d2; font-size: 12px; line-height: 30px; text-align: left; padding: 0;}
#updatesTable .first {padding-left: 8px; width: 51px;}
#updatesTable .second {padding-left: 2px; width: 318px;}
#updatesTable .third {width: 100px;}
#updatesTable .third span.postByLs {background: url(../img/icons.gif) no-repeat 0 -269px; display: block; height: 23px; margin: 0 auto; width: 55px;}
#updatesTable .fourth {text-align: center; width: 104px;}
#updatesTable .fifth {padding-right: 11px; text-align: right;}

#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; font-weight: bold; line-height: 30px; margin-top: 10px; padding: 15px 0; text-align: center;}
#myrankingView {background: url(../img/bg_myrank.gif) no-repeat; font-size: 12px; height: 40px; 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_20091201.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 {color: #fff; font-size: 10px; padding: 0; width: 56px;}
.rankingTable .second {padding-left: 6px; text-align: left; width: 300px;}
.rankingTable .third {padding-right: 6px; text-align: left; width: 146px;}
.rankingTable .third span.classIcon {background: url(http://static.ogplanet.com/static/LostSaga/obt/img/rank_icon.gif) no-repeat; display: block; float: left; height: 27px; margin: 0 5px 0 22px; width: 27px;}
.rankingTable .fourth {padding-left: 10px;}
.rankingTable .first span {background: url(http://static.ogplanet.com/static/LostSaga/obt/img/rank123.gif) no-repeat 0 -39px; display: block; height: 13px; line-height: 13px; margin: 0 auto 0; width: 33px;}

.rankingTable .third span.num0 {background-position: 0 0;}
.rankingTable .third span.num1 {background-position: -27px 0;}
.rankingTable .third span.num2 {background-position: -54px 0;}
.rankingTable .third span.num3 {background-position: -81px 0;}
.rankingTable .third span.num4 {background-position: -108px 0;}
.rankingTable .third span.num5 {background-position: -135px 0;}
.rankingTable .third span.num6 {background-position: -162px 0;}
.rankingTable .third span.num7 {background-position: -189px 0;}
.rankingTable .third span.num8 {background-position: -216px 0;}
.rankingTable .third span.num9 {background-position: -243px 0;}

.rankingTable .third span.num10 {background-position: 0 -27px;}
.rankingTable .third span.num11 {background-position: -27px -27px;}
.rankingTable .third span.num12 {background-position: -54px -27px;}
.rankingTable .third span.num13 {background-position: -81px -27px;}
.rankingTable .third span.num14 {background-position: -108px -27px;}
.rankingTable .third span.num15 {background-position: -135px -27px;}
.rankingTable .third span.num16 {background-position: -162px -27px;}
.rankingTable .third span.num17 {background-position: -189px -27px;}
.rankingTable .third span.num18 {background-position: -216px -27px;}
.rankingTable .third span.num19 {background-position: -243px -27px;}

.rankingTable .third span.num20 {background-position: 0 -54px;}
.rankingTable .third span.num21 {background-position: -27px -54px;}
.rankingTable .third span.num22 {background-position: -54px -54px;}
.rankingTable .third span.num23 {background-position: -81px -54px;}
.rankingTable .third span.num24 {background-position: -108px -54px;}
.rankingTable .third span.num25 {background-position: -135px -54px;}
.rankingTable .third span.num26 {background-position: -162px -54px;}
.rankingTable .third span.num27 {background-position: -189px -54px;}
.rankingTable .third span.num28 {background-position: -216px -54px;}
.rankingTable .third span.num29 {background-position: -243px -54px;}

.rankingTable .third span.num30 {background-position: 0 -81px;}
.rankingTable .third span.num31 {background-position: -27px -81px;}
.rankingTable .third span.num32 {background-position: -54px -81px;}
.rankingTable .third span.num33 {background-position: -81px -81px;}
.rankingTable .third span.num34 {background-position: -108px -81px;}
.rankingTable .third span.num35 {background-position: -135px -81px;}
.rankingTable .third span.num36 {background-position: -162px -81px;}
.rankingTable .third span.num37 {background-position: -189px -81px;}
.rankingTable .third span.num38 {background-position: -216px -81px;}
.rankingTable .third span.num39 {background-position: -243px -81px;}

.rankingTable .third span.num40 {background-position: 0 -108px;}
.rankingTable .third span.num41 {background-position: -27px -108px;}
.rankingTable .third span.num42 {background-position: -54px -108px;}
.rankingTable .third span.num43 {background-position: -81px -108px;}
.rankingTable .third span.num44 {background-position: -108px -108px;}
.rankingTable .third span.num45 {background-position: -135px -108px;}
.rankingTable .third span.num46 {background-position: -162px -108px;}
.rankingTable .third span.num47 {background-position: -189px -108px;}
.rankingTable .third span.num48 {background-position: -216px -108px;}
.rankingTable .third span.num49 {background-position: -243px -108px;}

.rankingTable .third span.num50 {background-position: 0 -135px;}
.rankingTable .third span.num51 {background-position: -27px -135px;}
.rankingTable .third span.num52 {background-position: -54px -135px;}
.rankingTable .third span.num53 {background-position: -81px -135px;}
.rankingTable .third span.num54 {background-position: -108px -135px;}

#pollsTable {border: none; color: #333; width: 677px;}
#tableHead_4 {background: url(../img/tableLabels.gif) no-repeat 0 -315px; border-top: 3px solid #dea51a; border-bottom: 1px solid #dfd9d2; display: block; height: 30px; width: 677px;}
#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: 675px;}
#pollsView #tableHead_5 {background: url(../img/tableLabels.gif) no-repeat 0 -93px; height: 63px; width: 675px;}
#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 0 -20px; 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/tableLabels.gif) no-repeat 0 -222px; border-top: 3px solid #dea51a; border-bottom: 1px solid #dfd9d2; display: block; height: 30px; width: 677px;}
#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 -245px; 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: 675px;}
#helpdeskHistoryView #tableHead_7 {background: url(../img/tableLabels.gif) no-repeat 0 -252px; height: 63px; width: 675px;}
#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/headings.gif) no-repeat 0 -88px; display: block; height: 9px; margin-bottom: 10px;}
#helpdeskHistoryView #textarea_a .icon {background: url(../img/headings.gif) no-repeat 0 -97px; display: block; height: 11px; margin-bottom: 10px;}

#helpdeskHistoryView #goToHelpdesk {background: url(../img/icons.gif) no-repeat 0 -124px; 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 0 -20px; 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: 675px;}
#helpdesk #description {padding: 20px 0;}
#helpdesk #description span {background: url(../img/icons.gif) no-repeat 0 -323px; display: block; float: left; height: 66px; margin-right: 15px; width: 93px;}
#helpdeskSubmit {background: url(../img/icons.gif) no-repeat 0 -197px; display: block; float: right; margin-top: 10px; height: 24px; position: relative; text-indent: -9999px; width: 80px;}
#myHelpdeskHistory {background: url(../img/icons.gif) no-repeat 0 -221px; display: block; float: right; margin-top: 10px; margin-left: 5px; height: 24px; position: relative; text-indent: -9999px; width: 150px;}

#helpdeskForm ul {border-top: 3px solid #DEA51A; display: block; width: 675px;}
#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/tableLabels.gif) no-repeat 0 -408px; display: block; height: 211px; width: 675px;}
#system_req table {position: absolute; width: 570px; top: 32px; left: 105px;}
#system_req table td {text-align: center; width: 280px;}

/* download */
#client {display: block; margin: 20px auto; overflow: hidden; position: relative; 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 #ogplanet {background: url(../img/ogpButton.gif) no-repeat; display: block; width: 247px}			
#client li#ogplanet a {display: block; height: 57px; width: 247px;}
#client #download {background: url(../img/download_com.jpg) no-repeat; display: block;}
#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;}
#client #gameborder {background: url(../img/gameborder.gif) no-repeat; display: block;}
#client #playwhat {background: url(../img/playwhat.gif) no-repeat; display: block;}
#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 0 -389px; display: block; height: 19px; margin: 0 auto; position: relative; text-indent: -9999px; width: 80px;}
#related_driver div span#direct_x {background: url(../img/graphics.jpg) no-repeat 0 -520px; display: block; height: 91px; margin: 18px auto 13px; text-indent: -9999px; width: 91px;}
#related_driver div span#nvidia {background: url(../img/graphics.jpg) no-repeat -91px -520px; display: block; height: 91px; margin: 18px auto 13px; text-indent: -9999px; width: 124px;}
#related_driver div span#ati {background: url(../img/graphics.jpg) no-repeat -215px -520px; display: block; height: 91px; margin: 18px auto 13px; text-indent: -9999px; width: 99px;}

#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;}
#codec_download {padding: 0 10px; overflow: hidden; position: relative; width: 660px;}
#codec_download img {float: left; margin-right: 16px;}
#codec_download p {padding-top: 6px;}

/* 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/LostSaga/obt/img/prev.png); height: 49px; width: 49px;}
#TB_next {background: transparent url(http://static.ogplanet.com/static/LostSaga/obt/img/next.png); height: 49px; width: 49px;}

/* Facebook */
#facebook{width:125px;height:22px;position:absolute;top:35px;left:909px;}
#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;}