/* OGP Main CSS */ /*-------------------------------------------------------------------------------------------------*/ /* common css style */ /*-------------------------------------------------------------------------------------------------*/ body { /*font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;*/ font-family:Arial,Verdana,Geneva,Helvetica,sans-serif; font-size:12px; line-height:19px; background-color:#7f858e; text-align:center; background-repeat:repeat-x; background-position:top; margin:0px; padding:0px; } html, body { margin: 0; padding: 0; color: #666666; font-size: 12px;} form, input, select, textarea { margin: 0; padding: 0; font-size: 12px; font-family:arial; } textarea{overflow:auto;} div, p, blockquote, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset { margin: 0; padding: 0; font-family: arial; font-size:12px;} dl, dt, dd, ul, ol, li {font-family: Arial; font-size:12px;} hr { display: none; clear: both;} ul, li{list-style:none; margin:0px; padding:0px;} img { border: 0 none; padding:0px;} a {text-decoration:underline; outline:none; overflow:hidden;} a:link, a:visited, a:active { text-decoration: underline;} a:hover { text-decoration: underline;} /* table? cellpadding="0" cellspacing="0" */ table{ border-collapse: collapse; } td{ padding: 0px; } /* use for image replacement - inline*/ .img_replace{ display:-moz-inline-box; display:inline-block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom; } /* begin ogplanet specific ones */ table a:link, table a:visited, table a:active{text-decoration:none; color:#666;} table a:hover{text-decoration:underline;} body{background:#7c828b url('../images/common/back_bg.png') repeat-x top left;} #super_container{margin:0 auto;} /* behavior needs http://.... url */ #container_wrap{width:999px; text-align:center; margin:0 auto; background:url('../images/common/main_bg.gif') repeat-y center top; padding-bottom:40px; } * html #container_wrap{/* behavior:url('../static/css/iepngfix.htc'); */ background:url('../images/common/main_bg.gif') repeat-y center top;} #container{width:828px; margin:0 auto; padding-left:1px; behavior:none;} * html #container {padding-left:3px; } /* START GNB */ #gnb{height:67px; background:url('../images/common/back_bg.png') repeat-x top left; width:832px; margin:0 auto; padding-left:1px;} * html #gnb{padding-left:3px; } #gnb .visual{float:left; width:530px; } #gnb .visual img{display:block;} #gnb div.login {background:url('../images/common/login.jpg') no-repeat right top; width:272px; height:27px; float:right; position:relative;} * html #gnb div.login{margin-right:0px;} #gnb div.login a,#gnb div.logout a{display:block; float:left; text-indent:-1000em; width:56px; height:27px; position:absolute; top:0px; left:0px;} #gnb div.login a.login{margin-left:213px;} /* html #gnb div.login a.login{margin-left:77px;}*/ #gnb div.login a.signup{margin-left:153px;} #gnb div.logout{background:url('../images/common/logout.gif') no-repeat right top; width:272px; height:27px; float:right; position:relative;} * html #gnb div.logout{margin-right:0px;} #gnb div.logout a.logout{margin-left:221px; width:50px;} /* html #gnb div.logout a.logout{margin-left:77px;}*/ #gnb div.logout a.myaccount{margin-left:153px;} #gnb span.time{float:right; margin:8px 0 0 18px; width:145px; color:#99b1ca; font-size:11px;} #gnb div.logout span.time{margin:7px 0 0 8px; width:145px;} #gnb #game_list_small {float:left; margin:13px 0 0 58px; width:94px; height:12px; color:#99b1ca; font-size:11px; cursor:pointer; background:url('../images/main/game_layer/ogp_games_list.jpg') no-repeat left top;} * html #gnb #game_list_small {margin:13px 0 0 28px;} #gnb div.logout #game_list_small {margin:12px 0 0 48px; width:94px; height:12px; background:url('../images/main/game_layer/ogp_games_list.jpg') no-repeat left top;} #game_list_small_div {position:absolute; top:22px; left:50%; margin:0 0 0 182px; width:122px; height:117px; z-index:10000; display:none;} #game_list_small_div div{background:url('../images/main/game_layer/main_gamelist_s.png') no-repeat; cursor:pointer;} * html #game_list_small_div div{background:url('../images/main/game_layer/main_gamelist_s.gif') no-repeat; cursor:pointer;} #game_list_small_div .latale_on {width:123px; height:32px; background-position: 0px 0px;} #game_list_small_div .rf_on {width:123px; height:26px; background-position: 0px -32px;} #game_list_small_div .cabal_on {width:123px; height:26px; background-position: 0px -58px;} #game_list_small_div .ls_on {width:123px; height:30px; background-position: 0px -84px;} #game_list_small_div .bbt_on {width:123px; height:33px; background-position: 0px -84px;} #game_list_small_div .latale_off {width:123px; height:32px; background-position: -122px 0px;} #game_list_small_div .rf_off {width:123px; height:26px; background-position: -122px -32px;} #game_list_small_div .cabal_off {width:123px; height:26px; background-position: -122px -58px;} #game_list_small_div .ls_off {width:123px; height:30px; background-position: -122px -84px;} #game_list_small_div .bbt_off {width:123px; height:33px; background-position: -122px -84px;} /* END GNB */ /* START #wrap_top */ #wrap_top{height:36px; background:url('../images/common/topmenu.gif') no-repeat left top; width:830px; } #wrap_top ul.top_menu li {display:block; text-indent:-1000em; float:left; } #wrap_top ul.top_menu li a{display:block;} #wrap_top ul.top_menu li a.home{width:85px; height:36px;} #wrap_top ul.top_menu li a.games{width:93px; height:36px;} #wrap_top ul.top_menu li a.planet{width:101px; height:36px;} #wrap_top ul.top_menu li a.community{width:110px; height:36px;} #wrap_top ul.top_menu li a.news{width:80px; height:36px;} #wrap_top ul.top_menu li a.shop{width:80px; height:36px;} #wrap_top ul.top_menu li a.support{width:90px; height:36px;} #wrap_top .quick_link {height:41px; width:157px; float:right; margin-right:25px; position:relative; margin-top:-5px; z-index:100; cursor:hand; background:url('../images/common/quicklinks.gif') no-repeat top left;} * html #wrap_top .quick_link {position:fixed; position:absolute; top:67px; left:50%; margin-left:234px;} *:first-child+html #wrap_top .quick_link {position:fixed; position:absolute; top:67px; left:50%; margin-left:234px;} #wrap_top .quick_link .quick_link_bu{height:41px; width:157px;} #wrap_top .quick_link .quick_link_items, #wrap_top .quick_link .quick_link_items ul {background:url('../images/common/quick_menu_bg.gif') repeat-y left bottom; } #wrap_top .quick_link .quick_link_items {position:absolute; width:157px; top:36px; display:none; left:22px; } * html #wrap_top .quick_link .quick_link_items {left:-50%; top:36px; z-index:1; margin-left:101px;} *:first-child+html #wrap_top .quick_link .quick_link_items {right:0px; z-index:99;} #wrap_top .quick_link .quick_link_items a{text-decoration:none;} #wrap_top .quick_link .quick_link_items ul{background-position:-157px top; padding:10px 0 10px 10px;} #wrap_top .quick_link .quick_link_items ul li a{display:block; width:128px; height:20px; background:url('../images/common/quick_menu_list_bg.gif') no-repeat top left; text-align:left; padding-left:12px; font-size:0.8em; color:#4b4b4b;} #wrap_top .quick_link .quick_link_items ul li a:hover{background-position:-140px top; color:white;} #wrap_top .quick_link .quick_link_items ul li.last a{background-position:left 1px;} #wrap_top .quick_link .quick_link_items ul li.last a:hover{background-position:-140px top;} /* END #wrap_top */ /*content start*/ /* START .wrap_left */ .content .wrap_left{width:649px; margin-right:12px; float:left; text-align:left; position:relative;} /* general CSS rules.. */ /* CSS code for floating layers. */ .modalFloat_wrap{width:360px; display:none; } *:first-child+html .modalFloat_wrap{height:279px;overflow:hidden;} *:first-child+html .modalFloat{overflow:hidden;} .modalFloat .body {width:332px; background:url('../images/myplanet/planetModal.gif') no-repeat top left; padding:6px 14px 0px; text-align:left; color:#666;} .modalFloat .body h1 {margin:0px 0 13px 2px; padding:0px; color:#5a6582; font-size:12px;} .modalFloat .foot {display:block; width:360px; height:4px; padding-top:7px; background:url('../images/myplanet/planetModal_ft.gif') no-repeat left bottom; } * html .modalFloat .foot{background-position:left -39px;} .modalFloat a.modalClose{display:block; width:25px; height:25px; position:absolute; top:2px; right:3px; background:url('../images/myplanet/editProfile/modal_close.gif') no-repeat 7px 6px;} /* roundBox1 */ .roundBox1 {display:block; width:515px; padding:23px 20px 0px; background:url('../images/common/roundbox1_hdbd.gif') no-repeat top left; } .roundBox1 .boxFoot{display:block; width:555px; padding:0px 20px 23px; clear:both; margin-left:-20px; background:url('../images/common/roundbox1_ft.gif') no-repeat left bottom; } .roundBox1 span.t{font-weight:bold;} * html .roundBox1 .boxFoot{padding-bottom:11px;} *:first-child+html .roundBox1 .boxFoot{padding-bottom:11px;} /* roundBox2 */ .roundBox2 {display:block; width:590px; padding:23px 20px 0px; background:url('../images/common/roundbox2_hdbd.gif') no-repeat top left; } .roundBox2 .boxFoot{display:block; width:590px; padding:0px 20px 23px; clear:both; margin-left:-20px; background:url('../images/common/roundbox2_ft.gif') no-repeat left bottom; } .roundBox2 span.t{font-weight:bold;} * html .roundBox2 .boxFoot{padding-bottom:11px;} *:first-child+html .roundBox2 .boxFoot{padding-bottom:11px;} /* roundBox3 */ .roundBox3 {display:block; width:492px; padding:18px 20px 0px; margin-left:0; background:url('../images/common/roundBox3_hdbd.gif') no-repeat top left; } .roundBox3 .boxFoot{display:block; width:492px; padding:0px 20px 18px; clear:both; margin-left:-20px; background:url('../images/common/roundBox3_ft.gif') no-repeat left bottom; } .roundBox3 span.t{font-weight:bold;} * html .roundBox3 .boxFoot{padding-bottom:11px;} *:first-child+html .roundBox3 .boxFoot{padding-bottom:11px;} /* form elements in roundBox2 */ form .roundBox2 input,form .roundBox2 label{display:block; float:left; color:#666; } form .roundBox2 label{margin-right:12px; font-weight:bold; width:116px; text-align:right; margin-bottom:12px;} form .roundBox2 input{padding:2px 4px 2px 7px; height:16px; width:156px; border:1px solid #d9d9d9; margin-right:10px;} form .roundBox2 select{width:169px;} form .roundBox2 .boxFoot{padding-bottom:16px;} * html form .roundBox2 .boxFoot{padding-bottom:0px; } *:first-child+html form .roundBox2 .boxFoot{padding-bottom:0px;} /* big Check messages! */ .wrap_left .bigCheckMsg{background:url('../images/common/bigcheck.gif') no-repeat top left; height:30px; padding-left:43px;} .wrap_left .bigXMsg{background:url('../images/common/bigX.gif') no-repeat top left; height:31px; padding-left:43px;} .wrap_left .bigWarnSign{background:url('../images/common/bigWarnSign.gif') no-repeat top left; height:31px; padding-left:43px;} .wrap_left .bigCheckMsg span, .wrap_left .bigXMsg span,.wrap_left .bigWarnSign span{text-indent:-1000em; width:290px; height:27px; display:block;} /* arrow spans */ span.leftArrow{background:url('../images/common/leftArrow.gif') no-repeat left 3px; padding-left:14px;} span.upArrow{background:url('../images/common/upArrow.gif') no-repeat left 3px; padding-left:14px;} /* errorBox div deco */ div.errorBox{padding:8px 32px 8px 28px; background:#fff8cc url('../images/common/red_exclamation_yel_bg.gif') no-repeat 17px 10px; border:1px solid #e7dda0; margin-bottom:10px;} div.errorBox span{background:url('../images/common/red_exclamation_yel_bg.gif') no-repeat 1px 2px; padding-left:18px; display:block;} div.errorBox span, x:-moz-any-link {padding-left:22px;} div.errorBox span, x:-moz-any-link, x:default {padding-left:18px;} div.errorBox a.login,div.errorBox a.signup{display:-moz-inline-box; display:inline-block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:-3px; margin-left:5px; background-image:url('../images/common/error_bus.gif'); width:51px; height:16px; } div.errorBox a.login, x:-moz-any-link{margin-top:16px;} div.errorBox a.login, x:-moz-any-link, x:default {margin-top:0px;} div.errorBox a.signup{background-position:-51px top;} div.errorBox a.signup, x:-moz-any-link{margin-top:16px;} div.errorBox a.signup, x:-moz-any-link, x:default {margin-top:0px;} /* all input.submit are hand cursors*/ input.submit {cursor:hand;} /* end general CSS rules. */ /*START MAIN PAGE!!!! */ /* start left part */ .main h1.module{display:block; text-indent:-1000em;} .main h1.module a{display:block;} .main .wrap_left {width:630px; margin-right:7px;} .main .wrap_left .main_wrap{ width:620px; margin-left:10px; margin-top:10px; position:relative; padding-top:252px;} .main .wrap_left .main_wrap .posA{ width:620px; height:252px; top:0px; position:absolute;} .main .wrap_left .main_wrap .posB{ height:171px; padding-top:2px;} .main .wrap_left .main_wrap .posC{padding-top:3px;} .main .wrap_left .main_wrap .posC .sub_left{width:197px; float:left; margin-right:7px;} .main .wrap_left .main_wrap .posC .sub_right{width:416px; float:left; overflow:hidden;} .main h1.module .more{height:16px; width:40px; float:right; margin-top:-23px;} .main .sub_left .events{height:277px;} .main .sub_left .events h1.module{background:url('../images/main/events_h1.gif') no-repeat top left; height:15px; background-color:#fff; padding-bottom:1px;} * html .main .sub_left .events h1.module{margin-bottom:-1px;} .main .sub_left .events div.showimg{height:128px; background:#fff; overflow:hidden;} .main .sub_left .events ul{height:260px; overflow:hidden; display:block; padding-top:1px;} .main .sub_left .events li{background:url('../images/main/events_list_bg.gif') no-repeat -197px bottom; padding:7px 0 1px 13px; height:20px; overflow:hidden; display:block; cursor:default;} .main .sub_left .events li.first{background-position:-197px bottom; height:21px; margin-top:-1px;} * html .main .sub_left .events li.first{background-position:-197px -22px;} *:first-child+html .main .sub_left .events li.first{background-position:-197px -22px; } * html .main .sub_left .events li{background:url('../images/main/events_list_bg.gif') no-repeat -197px -23px; } *:first-child+html .main .sub_left .events li{background:url('../images/main/events_list_bg.gif') no-repeat -197px -23px;} .main .sub_left .events li.over{background-position:left bottom; height:169px; margin-top:-1px;} * html .main .sub_left .events li.over{background-position:left 126px; margin-bottom:-1px;} *:first-child+html .main .sub_left .events li.over{background-position:left 126px; margin-bottom:-1px;} .main .sub_left .events li img{margin:-7px 0 0 -13px; display:none; width:197px; height:129px;} .main .sub_left .events li.over img{display:block;} .main .sub_left .events li h2{display:block; margin-top:-3px; height:23px; font-size:11px; } * html .main .sub_left .events li h2{position:relative; padding-left:15px;} .main .sub_left .events li h2 a{color:#878787; font-weight:normal; text-decoration:none;} .main .sub_left .events li.over h2 a{color:#3c72b5; font-weight:bold;} .main .sub_left .events li h2 a:hover{text-decoration:underline;} .main .sub_left .events li h2 span.title{margin-right:5px; color:#fff; font-size:0.8em; font-weight:bold; } .main .sub_left .events li h2 span.ev1,.main .sub_left .events li h2 span.ev2,.main .sub_left .events li h2 span.ev3,.main .sub_left .events li h2 span.ev4 { display:-moz-inline-box; display:inline-block; background:transparent none 0 0 no-repeat; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:middle; background-image:url('../images/main/events_nums.gif'); width:13px; height:13px; margin-left:-4px; } .main .sub_left .events li h2 span.ev1{background-position:left -52px;} .main .sub_left .events li h2 span.ev2{background-position:left -65px;} .main .sub_left .events li h2 span.ev3{background-position:left -78px;} .main .sub_left .events li h2 span.ev4{background-position:left -91px;} .main .sub_left .events li.over h2 span.ev1{background-position:left 0px;} .main .sub_left .events li.over h2 span.ev2{background-position:left -13px;} .main .sub_left .events li.over h2 span.ev3{background-position:left -26px;} .main .sub_left .events li.over h2 span.ev4{background-position:left -39px;} * html .main .sub_left .events li h2 span.ev1,* html .main .sub_left .events li h2 span.ev2,* html .main .sub_left .events li h2 span.ev3,* html .main .sub_left .events li h2 span.ev4 {top:4px; left:-4px; position:absolute; margin:0px;} *:first-child+html .main .sub_left .events li h2 span.ev1,*:first-child+html .main .sub_left .events li h2 span.ev2,*:first-child+html .main .sub_left .events li h2 span.ev3,*:first-child+html .main .sub_left .events li h2 span.ev4 {margin-top:1px;} .main .sub_left .events li p{font-size:11px; line-height:11px;color:#878787; display:none;} .main .sub_left .events li.over p{display:block;} .main .sub_left .new_in_game{margin-top:16px; overflow:hidden; padding:0px; position:relative;} * html .main .sub_left .new_in_game{margin-top:19px;} .main .sub_left .new_in_game a.left,.main .sub_left .new_in_game a.right{display:block; background:url('../images/main/new_in_game_bu.gif') no-repeat top left; width:14px; height:13px; text-indent:-1000em; position:absolute; top:0px; left:165px; } .main .sub_left .new_in_game a.right{background-position:-17px top; left:182px;} .main .sub_left .new_in_game .in_games{overflow:hidden; width:197px; height:269px;} .main .sub_left .new_in_game .in_games img{display:none;} .main .sub_left .new_in_game .in_games img.on{display:block;} .main .sub_left .new_in_game h1.module{background:url('../images/main/new_in_game_h1.gif') no-repeat left 2px; height:16px; } * html .main .sub_left .new_in_game h1.module{margin-bottom:-3px;} .main .sub_left .new_in_game img{padding-left:0px; padding-top:0px; display:block; overflow:hidden;} .main .sub_right .hot_topics{} .main .sub_right .hot_topics a{color:#666;} .main .sub_right .hot_topics h1.module{background:url('../images/main/hot_topic_h1.gif') no-repeat top left; height:19px;} .main .sub_right .hot_topics ul.menu{display:block; height:21px; } *:first-child+html .main .sub_right .hot_topics ul.menu{height:21px;} * html .main .sub_right .hot_topics ul.menu{height:21px;} .main .sub_right .hot_topics ul.menu li{display:block; padding:0px; margin:0px; float:left; background:none;} .main .sub_right .hot_topics ul.menu li a{display:block; height:21px; text-indent:-1000em;} .main .sub_right .hot_topics ul.menu li a.cabal{background:url('../images/main/hot_topic_cabal.gif') no-repeat top left; width:84px;} .main .sub_right .hot_topics ul.menu li a.a18{background:url('../images/main/hot_topic_a18.gif') no-repeat top left; width:86px;} .main .sub_right .hot_topics ul.menu li a.latale{background:url('../images/main/hot_topic_latale.gif') no-repeat top left; width:60px;} .main .sub_right .hot_topics ul.menu li a.bbt{background:url('../images/main/hot_topic_bbt.gif') no-repeat top left; width:76px;} .main .sub_right .hot_topics ul.menu li a.rf{background:url('../images/main/hot_topic_rf.gif') no-repeat top left; width:110px;} .main .sub_right .hot_topics ul.menu li a.on{background-position:left -21px;} .main .sub_right .hot_topics div.topics_wrap{background:url('../images/main/hot_topic_bg.gif') no-repeat top left; } .main .sub_right .hot_topics div.topics_wrap .footer{height:2px; background:url('../images/main/hot_topic_bg.gif') no-repeat left bottom; clear:both; margin-top:-8px; padding-bottom:16px; } * html .main .sub_right .hot_topics div.topics_wrap .footer{padding-bottom:3px;} .main .sub_right .hot_topics div.topics{ width:388px; padding:16px 14px 0px; display:none;} .main .sub_right .hot_topics div.topics .topic{clear:both;} .main .sub_right .hot_topics div.topics .topic h2 a{color:#666; text-decoration:none;} .main .sub_right .hot_topics div.topics .topic h2 a:hover{text-decoration:underline;} .main .sub_right .hot_topics div.topics .topic img{display:block; padding-top:58px; padding-left:80px; width:0px; height:0px; float:left; margin-right:12px; margin-bottom:12px;} * html .main .sub_right .hot_topics div.topics .topic img{margin-bottom:4px;} *:first-child+html .main .sub_right .hot_topics div.topics .topic img{margin-bottom:4px;} .main .sub_right .hot_topics div.topics .topic p{line-height:13px; font-size:12px; margin-bottom:8px;} .main .sub_right .game_news{height:287px; margin-top:16px; } .main .sub_right .game_news h1.module{height:16px; background:url('../images/main/game_news_h1.gif') no-repeat top left;} * html .main .sub_right .game_news h1.module{margin-bottom:-3px;} .main .sub_right .game_news .game_news_wrap{background:url('../images/main/game_news_bg.gif') no-repeat top left; width:388px; height:247px; padding:12px 14px;} * html .main .sub_right .game_news .game_news_wrap{overflow:hidden; } .main .sub_right .game_news .one_game_news{height:65px;} .main .sub_right .game_news .one_game_news img{width:0px; height:0px; padding-top:58px; padding-left:80px; display:block; float:left; margin-right:12px; background:url('../images/main/game_news_thumbnail.gif') no-repeat top left;} .main .sub_right .game_news .one_game_news img.a18{} .main .sub_right .game_news .one_game_news img.bbt{background-position:left -58px;} .main .sub_right .game_news .one_game_news img.rf{background-position:left -116px;} .main .sub_right .game_news .one_game_news img.cabal{background-position:left -174px;} .main .sub_right .game_news .one_game_news img.latale{background-position:left -232px;} .main .sub_right .game_news .one_game_news img.ogp{background-position:left -290px;} .main .sub_right .game_news span.updateIcon,.main .sub_right .game_news span.patchIcon{ display:-moz-inline-box; display:inline-block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:middle; width:12px; height:11px; margin-right:2px; display:none;} * html .main .sub_right .game_news span.updateIcon,* html .main .sub_right .game_news span.patchIcon{margin-right:4px;} *:first-child+html .main .sub_right .game_news span.updateIcon,*:first-child+html .main .sub_right .game_news span.patchIcon{margin-right:4px;} .main .sub_right .game_news span.updateIcon{background-image:url('../images/news/patches/icons.gif'); background-position:left -11px;} .main .sub_right .game_news span.patchIcon{background-image:url('../images/news/patches/icons.gif'); background-position:left top;} .main .sub_right .game_news a{text-decoration:none;} .main .sub_right .game_news a:hover{text-decoration:underline;} .main .sub_right .game_news .one_game_news a{color:#555;} .main .sub_right .game_news .one_game_news p{line-height:13px;} .main .sub_right .game_news .news_wrap{margin-top:10px; margin-bottom:10px; height:105px;} .main .sub_right .game_news .news_wrap .item{margin-bottom:2px;} .main .sub_right .game_news .news_wrap .item a{color:#555; } .main .sub_right .game_news .news_wrap .item span.date{display:block; width:80px; float:right; height:13px;} .main .news_wrap span.ogp,.main .news_wrap span.latale,.main .news_wrap span.bbt,.main .news_wrap span.a18,.main .news_wrap span.rf,.main .news_wrap span.cabal {background:url('../images/main/news_icons.gif') no-repeat top left; padding-left:26px; display:block; height:18px;width:280px;} * html .main .news_wrap span.ogp,* html .main .news_wrap span.latale,* html .main .news_wrap span.bbt,* html .main .news_wrap span.a18,* html .main .news_wrap span.rf,* html .main .news_wrap span.cabal {width:250px;} .main .news_wrap span.ogp{background-position:left -95px;} .main .news_wrap span.latale{background-position:left -76px;} .main .news_wrap span.cabal{background-position:left -19px;} .main .news_wrap span.rf{background-position:left -38px;} .main .news_wrap span.bbt{background-position:left -57px;} .main .news_wrap span.patch{background:url('../images/main/patch.gif') no-repeat left 5px; width:35px; height:17px; display:block; float:left; margin-right:2px;} .main .sub_right .game_news span.legend{background:url('../images/main/news_legend.gif') no-repeat left top; width:391px; height:43px; display:block; margin-top:24px;} /* end left part */ /* start right part */ .main .wrap_right {width:200px;} .main .wrap_right .main_wrap{ width:183px; margin-top:10px;} .main .wrap_right .pos{margin-bottom:10px;} .main .wrap_right .pic img{display:block;} .main .wrap_right .login{height:132px; background:url('../images/main/login.gif') no-repeat top left; padding-top:30px;} .main .wrap_right .login2{height:132px; background:url('../images/main/login2.gif') no-repeat top left; padding-top:30px;} .main .wrap_right .login input{padding:3px 0 0 6px; border:1px solid #b9b9b9; height:18px; margin-bottom:3px; width:100px; } *:first-child+html .main .wrap_right .login input{margin-bottom:1px; margin-right:5px;} * html .main .wrap_right .login input{margin-right:-15px;margin-bottom:1px; margin-left:-10px;} .main .wrap_right .login input.checkbox{width:15px; margin-top:2px; margin-right:-36px; margin-left:15px; padding:0px; float:left; display:block; border:none;} * html .main .wrap_right .login input.checkbox{margin-left:9px;} .main .wrap_right .login label.checkbox{padding:0px; margin:0 -40px 9px 35px; display:block; float:left; width:115px; font-size:11px; text-align:left;} * html .main .wrap_right .login label.checkbox{margin-left:19px; margin-bottom:0px;} *:first-child+html .main .wrap_right .login label.checkbox{margin-left:0px; margin-bottom:0px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .main .wrap_right .login input.checkbox{width:15px;margin-top:26px; margin-right:-36px; margin-left:15px; padding:0px;} } .main .wrap_right .login input.checkbox, x:-moz-any-link{margin-top:1px;}/*firefox 2hack*/ .main .wrap_right .login2 .login_fields{position:relative;} .main .wrap_right .login2 .login_fields .login_bu{display:block; text-indent:-1000em; width:155px; height:28px; position:absolute; top:27px; left:15px; background:url('../images/main/login_bu2.gif') no-repeat left top; } * html .main .wrap_right .login2 .login_fields .login_bu{left:-76px;} .main .wrap_right .login2 .login_fields .register{display:block; text-indent:-1000em; width:154px; height:22px; background:url('../images/main/signup_bu2.gif') no-repeat left top; position:absolute; left:15px; top:93px; } * html .main .wrap_right .login2 .login_fields .register{left:-76px;} * html .main .wrap_right .login .login_fields{padding-left:1px;} *:first-child+html .main .wrap_right .login .login_fields{padding-left:3px;} .main .wrap_right .login input.submit{border:none; padding:0px; margin:0 10px 0 0; display:block; float:right; width:50px; height:50px; cursor:hand; background:url('../images/common/clear.gif');} * html .main .wrap_right .login input.submit{margin-right:5px; margin-left:-3px;} *:first-child+html .main .wrap_right .login input.submit{margin-right:10px; margin-left:-3px;} .main .wrap_right .login a{color:#666;text-decoration:underline; font-size:11px;} .main .wrap_right .login a.register{display:block; background:url('../images/main/register.gif') no-repeat top left; width:157px; height:22px; text-indent:-1000em; margin:9px 0 4px 12px; } * html .main .wrap_right .login a.register{margin-left:-2px;} *:first-child+html .main .wrap_right .login a.register{margin-left:-2px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .main .wrap_right .login a.register{margin-top:25px; margin-left:-97px;} } .main .wrap_right .login a.register, x:-moz-any-link{margin-top:25px; margin-left:-97px;}/*firefox2 hack*/ .main .wrap_right .login a.register, x:-moz-any-link, x:default{margin-top:25px; margin-left:13px;} .main .wrap_right .logged{height:142px; background:url('../images/main/logged.gif') no-repeat top left; padding:7px 9px 13px 10px; text-align:left; width:164px;} .main .wrap_right .logged h1{margin-top:-3px; margin-bottom:6px;} .main .wrap_right .logged .stat{background:url('../images/main/orange_bullet.gif') no-repeat 2px 3px; width:155px; padding-left:10px;} * html .main .wrap_right .logged .stat{font-size:11px;} *:first-child+html .main .wrap_right .logged .stat{font-size:11px;} .main .wrap_right .logged .stat .right{display:block; float:right; width:37px; text-align:right;font-weight:bold;} * html .main .wrap_right .logged .stat .right{width:31px; } *:first-child+html .main .wrap_right .logged .stat .right{width:31px;} .main .wrap_right .logged .stat .view,.main .wrap_right .logged .stat .send,.main .wrap_right .logged .stat .edit{display:block; float:right; width:33px; height:15px; margin-left:7px; background:url('../images/main/logged_bu.gif') no-repeat top left;} .main .wrap_right .logged a.logout{display:block; float:right; width:50px; height:16px; background:url('../images/main/logout_bu.gif'); text-indent:-1000em;} .main .wrap_right .logged .stat .send{background-position:left -15px;} .main .wrap_right .logged .stat .edit{background-position:left -32px;} .main .wrap_right .logged a.gotoPlanet{display:block; background:url('../images/main/gotoplanet.gif') no-repeat top left; width:143px; height:22px; margin:4px auto 4px;} .main .wrap_right .logged input.selectGeneral{margin:0 auto; padding:3px 7px 2px; width:147px; background-position:147px 8px;} .main .wrap_right .logged div.selectGeneralOptions{width:155px; top:22px;} .main .wrap_right .logged div.selectGeneralOptions li{width:125px; background-image:url('../images/main/news_icons.gif'); background-repeat:no-repeat; background-position:8px 1px; padding-left:32px;} * html .main .wrap_right .logged div.selectGeneralOptions li{width:123px;} *:first-child+html .main .wrap_right .logged div.selectGeneralOptions li{width:123px;} .main .wrap_right .logged div.selectGeneralOptions #_input_latale{background-position:8px -77px;} .main .wrap_right .logged div.selectGeneralOptions #_input_cabal{background-position:8px -20px;} .main .wrap_right .logged div.selectGeneralOptions #_input_rf{background-position:8px -39px;} .main .wrap_right .logged div.selectGeneralOptions #_input_bbt{background-position:8px -58px;} .main .wrap_right .logged div.selectGeneralOptions #_input_nooption{background-image:none;} .main .wrap_right .adv{padding-top:12px; background:url('../images/main/adv.gif') no-repeat right top;} .main .wrap_right .adv a{display:block; width:183px; overflow:hidden;} .main .wrap_right .links{height:140px; margin-top:16px;} .main .wrap_right .links h1.module{background:url('../images/main/quick_link_h1.gif') no-repeat top left; height:16px;} .main .wrap_right .links a{background:url('../images/main/quick_link_img.gif') no-repeat top left; height:28px; margin-bottom:4px; display:block; } .main .wrap_right .links a.buyAstros{background-position:left -28px;} .main .wrap_right .links a.inviteFriends{background-position:left -56px;} .main .wrap_right .links a.helpdesk{background-position:left -84px;} /* end right part */ .main .content .main_bottom{height:25px; margin-bottom:-53px;} * html .main .content .main_bottom{margin-bottom:-52px;} *:first-child+html .main .content .main_bottom{margin-bottom:-51px;} /* END MAIN PAGE !!!! */ /*START sub_signup_* CREATE */ .wrap_left .crumb{float:right; height:16px; position:absolute; right:0px; top:30px; z-index:20;} .wrap_left .crumb a{text-decoration:none; color:#666;} .wrap_left .crumb a:hover{text-decoration:underline; } .wrap_left h1.title{width:649px; height:47px; float:left; margin-top:30px; text-indent:-1000em; } * html .wrap_left h1.title{width:646px;} .wrap_left h2.title, .wrap_left h2.title2{font-size:11pt; color:#5c677c; margin-bottom:11px;} .wrap_left div.explain{ width:628px; padding-top:1px; margin:83px 0px 10px 20px; } * html .wrap_left div.explain{width:630px; overflow:hidden;} .wrap_left div.explain .buttons{text-align:center; height:28px;margin-top:30px;} .wrap_left div.explain .buttons a,.wrap_left div.explain .buttons input{display:inline; text-indent:-1000em; height:28px; background:url('../images/signup/explain_buttons.gif') no-repeat top left; float:left; margin-right:5px; border:none; } .wrap_left div.explain .buttons .reverify{width:148px;} .wrap_left div.explain .buttons .support{width:98px; background-position:-148px top;} .wrap_left div.explain .buttons .home{width:98px; background-position:-246px top;} .wrap_left div.explain .buttons .register{width:98px; background-position:-344px top;} .wrap_left div.explain .buttons .login{width:98px; background-position:-442px top;} .wrap_left div.explain .buttons .closeAcc{width:128px; background-position:-540px top;} .wrap_left div.explain .buttons .cancel{width:98px; background-position:-668px top;} .wrap_left div.explain .buttons .continue{width:98px; background-position:-766px top;} .wrap_left div.explain .buttons .inviteMore,.wrap_left div.explain .buttons .myPlanet{background:url('../images/myplanet/invite/buttons_invited.gif') no-repeat top left;} .wrap_left div.explain .buttons .inviteMore {width:168px; height:28px;} .wrap_left div.explain .buttons .myPlanet {width:98px; height:28px; background-position:-168px top;} .wrap_left div.explain .bluebox {background:url('../images/common/blue_box_head_foot.gif') no-repeat top left; padding-top:15px; width:629px; margin-bottom:20px;} .wrap_left div.explain .bluebox .content {background:url('../images/common/blue_box_bd.gif') repeat-y top left; padding:0px 23px 0px; } .wrap_left div.explain .bluebox .footer {display:block; background:url('../images/common/blue_box_head_foot.gif') no-repeat left bottom; height:16px; margin:0px; width:629px;} .wrap_left div.explain .bluebox span.t{font-weight:bold; color:#707070;} .wrap_left ul li{padding-left:35px; background:url('../images/common/yellow_bullet.gif') no-repeat 24px 8px;} .wrap_left div.explain .greybox {background:url('../images/common/grey_box_head_foot.gif') no-repeat top left; padding-top:15px; width:629px; margin-bottom:20px;} .wrap_left div.explain .greybox .content {background:url('../images/common/grey_box_bd.gif') repeat-y top left; padding:0px 23px 0px; } .wrap_left div.explain .greybox .footer {display:block; background:url('../images/common/grey_box_head_foot.gif') no-repeat left bottom; height:16px; margin:0px; width:629px;} .wrap_left div.explain .greybox span.t{font-weight:bold; color:#707070;} .wrap_left div.explain p span.exclamation {padding-left:20px; background:url('../images/common/exclamation.gif') no-repeat left 3px; display:block;} span.orange { color:#f66a14;} span.center {width:100%; text-align:center; display:block;} span.small {color:#cccccc; font-size:9px;} a.gotoTop {background:url('../images/common/bu_to_top.gif') no-repeat top left; display:block; height:13px; width:35px; margin-left:605px; text-indent:-1000em;} /* select tag styling css */ /*styling select box. */ select.styled {display:none;} div.styleSelectWrap{float:left; position:relative; color:#666;} * html div.styleSelectWrap {margin-bottom:10px; } *:first-child+html div.styleSelectWrap {margin-bottom:10px;} input.selectGeneral{color:#666; background:#ffffff url('../images/common/orange_downarrow.gif') no-repeat 91px 7px; cursor:default; float:none; border:1px solid #d9d9d9;} div.selectGeneralOptions{position:absolute; border:1px solid #cfcfcf; padding:2px 3px; background:#fff;overflow:auto; left:0px; top:20px; z-index:2;} div.selectGeneralOptions ul li{margin:0px; padding:0px; background:none; cursor:default; font-weight:normal;} div.selectGeneralOptions ul li.optionCur{background:#fbe8e8;} div.selectGeneralOptions ul li.selected{font-weight:bold; background:#fbd8d8;} /* end styles for select box. */ /* 1. Sign up page */ #sub_signup .wrap_left h1.title{background:url('../images/signup/create/create_h1.gif') no-repeat top left;} #sub_signup .wrap_left h2.title{background:url('../images/signup/create/create_h2.gif') no-repeat top left; width:326px; height:18px; text-indent:-1000em; margin-bottom:3px; margin-top:3px;} #sub_signup div.errorBox{width:488px; margin-left:21px;} #sub_signup .wrap_left div.explain{ width:550px; margin-top:90px; padding-left:0px; height:92px; margin-bottom:23px; } div.explain a{color:#154cff;} div.explain p {line-height:1.5em;} div.explain p.indent {padding:0 35px 20px ; } div.explain span.note,div.explain span.important{text-indent:-1000em; display:block; float:left; background:url('../images/signup/create/note.gif') no-repeat -1px top; width:36px; height:12px; margin-top:3px;} * html div.explain span.note, * html div.explain span.important{margin-bottom:-4px;} div.explain span.important{width:72px; background:url('../images/signup/reverifyacc/important.gif') no-repeat left 3px; } #sub_signup .roundBox1 {padding-left:9px; width:537px; padding-right:9px;} #sub_signup .roundBox1 .boxFoot{padding-bottom:5px; margin-left:-9px;} * html #sub_signup .roundBox1 .boxFoot{padding-bottom:0px; } * html #sub_signup span.vtext3{margin-bottom:-100px;} *:first-child+html #sub_signup span.vtext3{margin-bottom:-100px;} .wrap_left form.signupForm {margin-left:20px; position:relative; } .wrap_left form.signupForm input,.wrap_left form.signupForm label, .wrap_left form.signupForm select{float:left; display:block;height:21px;} .wrap_left form.signupForm br{clear:left;} .wrap_left form.signupForm label{width:123px; text-align:right; padding-right:30px; font-weight:bold; padding-top:2px;} .wrap_left form.signupForm label.star{background:url('../images/signup/create/orange_star.gif') no-repeat 131px 8px;} .wrap_left form.signupForm input {margin-right:7px; padding-left:3px; padding-top:3px; padding-right:3px; height:16px;} .wrap_left form.signupForm span.vtext {font-size:11px; display:block; float:left; width:166px; text-align:left; } .wrap_left form.signupForm span.vtext2 {font-size:11px; display:block; float:left; width:165px; text-align:left; } .wrap_left form.signupForm span.vtext2 a{color:#666;} .wrap_left form.signupForm span.vtext3 {display:block; float:left; width:474px; text-align:left; clear:right; margin-bottom:10px;} * html .wrap_left form.signupForm span.vtext3 {width:477px;} .wrap_left form.signupForm input, .wrap_left form.signupForm select {border:1px solid #d9d9d9; margin-bottom:12px; width:167px;} * html .wrap_left form.signupForm select{margin-bottom:-4px;} .wrap_left form.signupForm select.styled {display:none;} .wrap_left form.signupForm p{ float:left; margin-left:153px; margin-top:-8px; width:365px; margin-bottom:10px; line-height:1.2em; } * html .wrap_left form.signupForm p{margin-left:77px;} .wrap_left form.signupForm #sq {width:356px; margin-right:2px;} .wrap_left form.signupForm #secretQuestion {width:356px; margin-right:2px;} * html .wrap_left form.signupForm #sq {margin-right:10px; margin-bottom:10px;} * html .wrap_left form.signupForm #secretQuestion {margin-right:10px; margin-bottom:10px;} .wrap_left form.signupForm #sq_input {width:300px; background-position:295px 7px;} .wrap_left form.signupForm #sq_container {width:300px;} .wrap_left form.signupForm a.v_email{display:block; width:54px; height:20px; background:url('../images/signup/create/verify.gif') no-repeat top left; text-indent:-1000em; float:left;} .wrap_left form.signupForm #newsletter{width:15px; border:none; margin-right:3px;} .wrap_left form.signupForm hr{width:99%; height:1px; border:1px solid #e2e2e2; display:block; border-bottom:none; margin:10px auto 20px;} * html .wrap_left form.signupForm hr{margin-bottom:13px;} *:first-child+html .wrap_left form.signupForm hr{margin-bottom:13px;} .wrap_left form.signupForm #dobM, .wrap_left form.signupForm #dobD,.wrap_left form.signupForm #dobY {margin-bottom:9px;} .wrap_left form.signupForm #dobM, .wrap_left form.signupForm #dobD {width:50px; margin-right:8px;} .wrap_left form.signupForm #dobY {width:59px; margin-right:4px; } .wrap_left form.signupForm #dobM_input, .wrap_left form.signupForm #dobD_input{width:30px; margin-right:8px; margin-bottom:12px; height:16px; background-position:26px 8px;} .wrap_left form.signupForm #dobM_container, .wrap_left form.signupForm #dobD_container{width:30px;} .wrap_left form.signupForm #dobY_input{width:44px; background-position:40px 8px;} .wrap_left form.signupForm #dobY_container{height:200px; overflow:auto; width:44px;} .wrap_left form.signupForm input.sex{width:15px; border:none; display:inline; margin:3px 8px 11px 0px;} .wrap_left form.signupForm span.s{margin-top:0px; display:block; float:left; height:21px; margin-right:8px; margin-bottom:5px;} .wrap_left form.signupForm #country,.wrap_left form.signupForm #state{width:176px; margin-right:8px;} .wrap_left form.signupForm #country_input{width:170px; background-position:166px 8px;} .wrap_left form.signupForm #country_container{width:170px; height:200px; overflow:auto;} .wrap_left form.signupForm a{text-decoration:underline; } .wrap_left form.signupForm p.captcha{margin-top:-18px;} .wrap_left form.signupForm img.captcha{border:1px solid #b2b2b2; display:block; margin-right:11px; float:left;} .wrap_left form.signupForm span.cap_help{display:block; margin-left:172px; margin-bottom:12px;} .wrap_left form.signupForm p.captcha a.help{background:url('../images/signup/create/question.gif') no-repeat top left; display:block; width:40px; height:14px; padding-left:20px;} #cap_help{width:314px; height:173px; background:url('../images/signup/create/cap_help.png') no-repeat top left; position:absolute; top:693px; left:50%; margin-left:-50px; z-index:9; display:none; } * html #cap_help{/* behavior:url('../static/css/iepngfix.htc');*/ background:url('../images/signup/create/cap_help_ie6.png')} *:first-child+html #cap_help{top:705px;} .wrap_left form.signupForm input#cap_a{margin-left:0px;} * html .wrap_left form.signupForm input#cap_a{margin-left:-38px;} *:first-child+html .wrap_left form.signupForm input#cap_a{margin-left:-154px;} .wrap_left form.signupForm .agreement_wrap{margin-top:-14px; margin-bottom:39px;} * html .wrap_left form.signupForm .agreement_wrap{margin-bottom:24px;} *:first-child+html .wrap_left form.signupForm .agreement_wrap{margin-bottom:14px;} .wrap_left form.signupForm .agreement_wrap .vtext3{margin-left:2px; margin-top:0px;} .wrap_left form.signupForm .agreement_wrap .LV_validation_message{float:right; margin:0px 164px -72px 0px;} * html .wrap_left form.signupForm .agreement_wrap .LV_validation_message{ margin-right:80px; margin-bottom:7px;} .wrap_left form.signupForm #agree{width:15px; margin:3px 4px 0 7px; border:none; float:left; } .wrap_left form.signupForm .submit,.wrap_left form.signupForm a.cancel{width:98px; height:28px; display:block; float:left; margin-right:5px; background:url('../images/signup/create/submit_buttons.gif') no-repeat top left; border:none; text-indent:-1000em; margin-top:15px; margin-bottom:0px;} .wrap_left form.signupForm .submit{margin-left:186px;} * html .wrap_left form.signupForm .submit{margin-left:90px;} *:first-child+html .wrap_left form.signupForm .submit{margin-left:180px;} .wrap_left form.signupForm a.cancel{background-position:-103px top;} #sub_signup .wrap_left .tip1,#sub_signup .wrap_left .tip2,#sub_signup .wrap_left .tip3{ position:absolute; background:url('../images/signup/create/tips.png') no-repeat top left; z-index:2000; } * html #sub_signup .wrap_left .tip1, * html #sub_signup .wrap_left .tip2, * html #sub_signup .wrap_left .tip3{background:url('../images/signup/create/tips.gif') no-repeat top left;} #sub_signup .wrap_left .tip1 iframe,#sub_signup .wrap_left .tip2 iframe,#sub_signup .wrap_left .tip3 iframe{ display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute;/*must have*/ top:0;/*must have*/ left:0;/*must have*/ z-index:-1;/*must have*/ filter:mask();/*must have*/ height:40px/*must have for any big value*/; }#sub_signup .wrap_left .tip2 iframe{height:108px;} #sub_signup .wrap_left .tip1{height:44px; width:351px; padding:10px 32px 0 32px;} #sub_signup .wrap_left .tip2{height:95px; width:351px; padding:13px 13px 0 32px;} #sub_signup .wrap_left .tip3{height:42px; width:261px; padding:10px 32px 0 32px;} #sub_signup .wrap_left .tip1 p,#sub_signup .wrap_left .tip2 p,#sub_signup .wrap_left .tip3 p{margin:0px; padding:0px; font-size:11px; width:325px;} #sub_signup .wrap_left #pw_tip{left:268px; top:43px;} * html #sub_signup .wrap_left #pw_tip{top:46px; left:268px; } #sub_signup .wrap_left #email_tip{top:89px; left:268px; background-position:left -58px;} * html #sub_signup .wrap_left .tip2{top:89px;left:268px; } #sub_signup .wrap_left #age_tip{top:297px; left:-94px;background-position:left -169px;} * html #sub_signup .wrap_left #age_tip{top:307px; left:-94px;} *:first-child+html #sub_signup .wrap_left #age_tip{top:307px;} /*END sub_signup END */ /*START sub_signupCanceled */ #sub_signupRestricted .wrap_left h1.title{background:url('../images/signup/restricted/h1_restricted.gif') no-repeat left -1px;} #sub_signupRestricted h1 span.notAuthorized{background:url('../images/signup/restricted/not_authorized.gif') no-repeat left 8px; display:block; width:500px;} #sub_signupRestricted .explain ul{margin-top:20px; margin-left:-7px;} #sub_signupRestricted .explain li .additional{background:#f4f4f4; padding:7px 12px; margin:12px 0 12px 5px;} #sub_signupRestricted .explain li .additional span.code{font-weight:bold; padding-left:10px; padding-right:10px; background:url('../images/common/grey_bullet_3x3.gif') no-repeat 0px 6px;} /*END sub_signupCanceled */ /*START sub_inactivatedAccount START */ #sub_inactivated .wrap_left h1.title{background:url('../images/signup/inactivated/inactive_h1.gif') no-repeat left -1px;} #sub_inactivated h1.bigXMsg {margin-bottom:20px;} #sub_inactivated h1.bigXMsg span.orange{line-height:31px; font-size:15px; font-weight:bold; text-indent:0em; width:500px;} /*END sub_inactivatedAccount END */ /*START sub_permaSuspAccount START */ #sub_permsusacc .wrap_left h1.title{background:url('../images/signup/permsusacc/permsusacc_h1.gif') no-repeat left -1px;} #sub_permsusacc h1.bigWarnSign {margin-bottom:20px;} #sub_permsusacc h1.bigWarnSign span.orange{line-height:31px; font-size:15px; font-weight:bold; text-indent:0em; width:500px;} #sub_permsusacc .roundBox2{margin-bottom:10px;} /*END sub_permaSuspAccount END */ /*START sub_reverifyAcc START */ #sub_reverifyAcc2 .wrap_left h1.title{background:url('../images/signup/reverifyacc2/title_h1.gif') no-repeat left -1px;} #sub_reverifyAcc2 .wrap_left h2.title{background:url('../images/signup/reverifyacc2/title_h2.gif') no-repeat left -1px; text-indent:-1000em;} #sub_reverifyAcc .wrap_left h1.title{background:url('../images/signup/reverifyacc/title_h1.gif') no-repeat left -1px;} #sub_reverifyAcc .wrap_left h2.title{background:url('../images/signup/reverifyacc/title_h2.gif') no-repeat left -1px; text-indent:-1000em;} #sub_reverifyAcc .errorBox {margin-top:13px;} #sub_reverifyAcc ul{margin-left:-13px; margin-bottom:10px;} #sub_reverifyAcc .roundBox2 {margin-top:10px; margin-bottom:10px;} #sub_reverifyAcc .wrap_left form.signupForm {margin-bottom:-65px; width:598px; position:relative; margin-left:9px;} #sub_reverifyAcc .wrap_left .boxFoot{margin-top:53px;} #sub_reverifyAcc .wrap_left form.signupForm label{width:88px; padding-right:9px; padding-top:0px;} #sub_reverifyAcc .wrap_left form.signupForm p{margin-left:97px;} #sub_reverifyAcc .wrap_left form.signupForm input.submit,#sub_reverifyAcc .wrap_left form.signupForm a.cancel{ background:url('../images/signup/reverifyacc/bus.gif') no-repeat top left; position:absolute; top:230px; left:280px; } * html #sub_reverifyAcc .wrap_left form.signupForm input.submit,* html #sub_reverifyAcc .wrap_left form.signupForm a.cancel{top:220px;} *:first-child+html #sub_reverifyAcc .wrap_left form.signupForm input.submit,*:first-child+html #sub_reverifyAcc .wrap_left form.signupForm a.cancel{top:220px;} #sub_reverifyAcc .wrap_left form.signupForm span.vtext{width:251px;} #sub_reverifyAcc .wrap_left form.signupForm a.cancel{background-position:-98px top;} #sub_reverifyAcc .wrap_left form.signupForm input.submit{margin-left:0px; left:174px;} * html #sub_reverifyAcc .wrap_left form.signupForm input.submit{margin-left:0px; } #sub_reverifyAcc .greybox{padding-top:3px; background:url('../images/common/greybox_corner_exclamation.gif') no-repeat top left;} #sub_reverifyAcc .greybox p{background:none;} #sub_reverifyAcc .greybox p span{background:none; padding-left:0px;} #sub_reverifyAcc .greybox .footer{height:11px; background:none;} #sub_reverifyAcc2 h1.bigCheckMsg{margin-bottom:20px;} #sub_reverifyAcc2 h1.bigCheckMsg span.sent{background:url('../images/signup/reverifyAcc2/sent.gif') no-repeat left 7px; width:500px;} #sub_reverifyAcc2 h1.bigCheckMsg img {margin-top: 12px;} /*END sub_reverifyAcc END */ /*START sub_tempsusacc START */ #sub_tempsusacc .wrap_left h1.title{background:url('../images/signup/tempsusacc/title_h1.gif') no-repeat left -1px;} #sub_tempsusacc h1.bigCheckMsg{margin-bottom:20px;} #sub_tempsusacc h1.bigCheckMsg span.orange{font-weight:bold; font-size:15px; line-height:31px; text-indent:0em; width:500px;} #sub_tempsusacc .roundBox2{margin-bottom:20px;} /*END sub_tempsusacc END */ /*START sub_valcancel2 START */ #sub_valcancel2 .wrap_left h1.title{background:url('../images/signup/validateCancel/title_h1.gif') no-repeat left -1px;} #sub_valcancel2 .wrap_left h2.title2{background:url('../images/signup/validateCancel/title2_h2.gif') no-repeat left -1px; text-indent:-1000em;} #sub_valcancel2 h1.bigWarnSign, #sub_valcancel2 h1.bigXMsg{margin-bottom:20px;} #sub_valcancel2 h1.bigWarnSign span.expired{background:url('../images/signup/validateCancel/expired.gif') no-repeat left 7px;} #sub_valcancel2 h1.bigXMsg span.noActive{background:url('../images/signup/validateCancel/noActive.gif') no-repeat left 7px; width:500px;} #sub_valcancel2 ul{margin-left:-15px; width:560px;} /*END sub_valcancel2 END */ /*START sub_valEmail START */ #sub_valEmail .wrap_left h1.title{background:url('../images/signup/validateEmail/title_h1.gif') no-repeat left -1px; } #sub_valEmail .wrap_left h2.title{background:url('../images/signup/validateEmail/title_h2.gif') no-repeat left -1px; text-indent:-1000em; height:24px; margin-left:150px; margin-top:63px;} #sub_valEmail .wrap_left .explain{clear:both; margin-top:115px;} * html #sub_valEmail .wrap_left .explain{margin-top:40px;} *:first-child+html #sub_valEmail .wrap_left .explain{margin-top:40px;} #sub_valEmail h1.bigCheckMsg {margin-bottom:10px;} #sub_valEmail h1.bigCheckMsg span.thanks{background:url('../images/signup/validateEmail/thanks.gif') no-repeat left bottom; height: 30px;} /*END sub_valEmail END */ /*START sub_validateCfrm START */ #sub_validateCfrm .wrap_left h1.title{background:url('../images/signup/validateCfrm/title_h1.gif') no-repeat left -1px; } #sub_validateCfrm .wrap_left h2.title{background:url('../images/signup/validateCfrm/title_h2.gif') no-repeat left -1px; text-indent:-1000em; height:24px;} #sub_validateCfrm .explain{margin-left:18px; color:#5b5b5b;} #sub_validateCfrm .roundBox2 p{margin-left:20px;} #sub_validateCfrm .roundBox2 h3{margin-left:20px;} #sub_validateCfrm h1.bigCheckMsg {margin-bottom:20px;} #sub_validateCfrm h1.bigCheckMsg span.confirmed{background:url('../images/signup/validateCfrm/confirmed.gif') no-repeat left 7px;} #sub_validateCfrm p.indent{padding-left:15px;} #sub_validateCfrm #readyToPlay {padding-top: 0;} #sub_validateCfrm #readyToPlay h2 {background: url(../images/signup/validateCfrm/ready_to_play.gif) no-repeat; text-indent: -9999px;} #sub_validateCfrm #readyToPlay #banner {background: url(../images/signup/validateCfrm/ready_to_play_banner.jpg) no-repeat 0 0; display: block; height: 75px;} #sub_validateCfrm #readyToPlay #banner .column {float: left; margin-right: 8px; padding-top: 88px; width: 151px; overflow: hidden; position: relative;} #sub_validateCfrm #readyToPlay #banner .column {float: left; margin-right: 8px; padding-top: 88px; width: 151px; overflow: hidden; position: relative;} #sub_validateCfrm #readyToPlay #banner .column a {background: url(../images/signup/validateCfrm/arrow.gif) no-repeat 0 0; color: #615F5F; display: block; padding-left: 15px; text-decoration: none;} #sub_validateCfrm #readyToPlay #banner .column a:hover {background-position: 0 -19px;} #sub_validateCfrm #readyToPlay #banner .last {margin-right: 0;} /*END sub_validateCfrm END */ /*START sub_signup_closeAcc START */ #sub_signup_closeAcc .wrap_left h1.title{background:url('../images/signup/closeAcc/title_h1.gif') no-repeat left -1px; height:79px;} #sub_signup_closeAcc .wrap_left h1.title2{background:url('../images/signup/closeAcc/title2_h1.gif') no-repeat left top; height:79px; width:649px; text-indent:-1000em; float:left; margin-top:28px;} #sub_signup_closeAcc .wrap_left h1.title3{background:url('../images/signup/closeAcc/title3_h1.gif') no-repeat left top; height:79px; width:649px; text-indent:-1000em; float:left; margin-top:28px;} #sub_signup_closeAcc .wrap_left .explain{margin-left:15px; padding-top:35px; clear:both;} * html #sub_signup_closeAcc .wrap_left .explain{margin-top:0px;} *:first-child+html #sub_signup_closeAcc .wrap_left .explain{margin-top:0px;} #sub_signup_clseAcc .wrap_left .explain .roundBox2 h1.bigCheckMsg {margin-bottom:10px; margin-left:30px;} #sub_signup_closeAcc .wrap_left .explain .roundBox2 h1.bigCheckMsg span.orange{font-size:15px; text-indent:0em; width:500px; line-height:30px;} #sub_signup_closeAcc .wrap_left .explain .roundBox2 p{margin-left:30px;} #sub_signup_closeAcc .wrap_left .explain .roundBox1 {margin-left:40px;} #sub_signup_closeAcc .wrap_left .explain .roundBox1 hr{border:none; border-bottom:1px solid #e4e4e4; height:1px; display:block; width:100%; margin-top:20px; margin-bottom:10px;} #sub_signup_closeAcc .wrap_left .explain .roundBox1 p.indent{margin-top:10px; padding:0pt 15px 10px;} #sub_signup_closeAcc .wrap_left h1.bigWarnSign span.orange{text-indent:0em; font-size:13px; line-height:16px; width:450px;} #sub_signup_closeAcc .wrap_left .explain h2.info{display:block; text-indent:-1000em; background:url('../images/signup/closeAcc/h2_info.gif') no-repeat top left; width:124px;height:13px;} #sub_signup_closeAcc .wrap_left .explain h2{font-size:12px; margin-bottom:0px;} #sub_signup_closeAcc .wrap_left .explain table.chars{width:100%; margin-bottom:20px;} #sub_signup_closeAcc .wrap_left .explain .chars td,#sub_signup_closeAcc .wrap_left .explain .chars th{border:1px solid #eaeaea; padding:5px 10px; text-align:center;} #sub_signup_closeAcc .wrap_left .explain .chars th{background:#f6f8f9; border-top:1px solid #c5cfd9;} #sub_signup_closeAcc .wrap_left .explain .buttons{margin-top:10px;} #sub_signup_closeAcc .wrap_left .explain table .noLBorder{border-left:none;} #sub_signup_closeAcc .wrap_left .explain table .noRBorder{border-right:none;} #sub_signup_closeAcc .wrap_left .explain table .col1{width:96px; text-align:left;} #sub_signup_closeAcc .wrap_left .explain table .col2{width:153px; text-align:left;} #sub_signup_closeAcc .wrap_left .explain table .col3{width:89px; text-align:right;} #sub_signup_closeAcc .wrap_left .explain table .col4{width:168px; text-align:right;} #sub_signup_closeAcc .wrap_left #close3 .buttons{margin-top:20px;} #sub_signup_closeAcc .wrap_left #close1 div.errorBox{margin:-35px 0 45px 40px; width:504px;} #sub_signup_closeAcc .wrap_left #close1 .roundBox1{margin-top:-35px;} #sub_signup_closeAcc .wrap_left #close1 h1.bigWarnSign{background-position:left 4px; height:35px; margin-bottom:20px;} #sub_signup_closeAcc .wrap_left #close1 h1.bigWarnSign span.pleaseNote{background:url('../images/signup/closeAcc/pleaseNote.gif') no-repeat top left; height:35px; width:450px;} #sub_signup_closeAcc .wrap_left #close1 .info{background-image:none; padding-left:10px;} #sub_signup_closeAcc .wrap_left #close1 .info ul li {padding-left:17px; background-position:5px 7px;} #sub_signup_closeAcc .wrap_left #close1 form .fields{display:block; width:100%; height:152px; } #sub_signup_closeAcc .wrap_left #close1 label{width:72px; padding-right:20px; float:left; font-weight:bold; text-align:right; margin-bottom:10px;} #sub_signup_closeAcc .wrap_left #close1 label.star{background:url('../images/signup/create/orange_star.gif') no-repeat 77px 7px;} #sub_signup_closeAcc .wrap_left #close1 label.error{color:red; font-weight:bold; text-align:center; width:590px; margin:0px;} #sub_signup_closeAcc .wrap_left #close1 select,#sub_signup_closeAcc .wrap_left #close1 textarea,#sub_signup_closeAcc .wrap_left #close1 input.selectGeneral {float:left; width:407px; border:1px solid #d9d9d9; height:21px; margin-bottom:10px;} #sub_signup_closeAcc .wrap_left #close1 select#reason{width:409px;} #sub_signup_closeAcc .wrap_left #close1 input.selectGeneral{background-position:393px 9px; padding:4px 0 0 7px; height:18px; width:400px;} #sub_signup_closeAcc .wrap_left #close1 div.selectGeneralOptions{width:401px; top:23px;} #sub_signup_closeAcc .wrap_left #close1 textarea{height:101px; } * html #sub_signup_closeAcc .wrap_left #close1 textarea{height:101px; margin-bottom:-10px;} * html #sub_signup_closeAcc .wrap_left #close1 span.center{margin-bottom:0px;} * html #sub_signup_closeAcc .wrap_left #close1 .boxFoot{padding-bottom:5px;} *:first-child+html #sub_signup_closeAcc .wrap_left #close1 .boxFoot{padding-bottom:5px;} #sub_signup_closeAcc .wrap_left .explain p.desc {padding-left:32px; background:url('../images/common/exclamation.gif') no-repeat 8px 3px; margin:15px 0px;} /*END sub_signup_closeACC END */ /*START sub_signup_confirmPW */ #sub_signup_confirmPW .wrap_left h1.title{background:url('../images/signup/confirmPw/title_h1.gif') no-repeat top left;} #sub_signup_confirmPW .wrap_left h2.title{background:url('../images/signup/confirmPw/title_h2.gif') no-repeat top left; text-indent:-1000em; height:31px;} #sub_signup_confirmPW .explain{margin-left:17px;} #sub_signup_confirmPW .wrap_left form.signupForm{margin-left:0px;} #sub_signup_confirmPW .wrap_left form.signupForm .styleSelectWrap input{background-position:293px 7px;} #sub_signup_confirmPW .wrap_left form.signupForm .styleSelectWrap .selectGeneralOptions {left:0px; top:20px;} #sub_signup_confirmPW .wrap_left form.signupForm .styleSelectWrap .selectGeneralOptions li{display:block;} #sub_signup_confirmPW .wrap_left form.signupForm label{padding-right:0px;} #sub_signup_confirmPW .wrap_left form.signupForm label.error{display:inline; color:red; font-weight:bold;width:500px; text-align:center;} #sub_signup_confirmPW #cap_help{top:211px;z-index:999; left:613px;} #sub_signup_confirmPW .wrap_left form.signupForm input.submit,#sub_signup_confirmPW .wrap_left form.signupForm a.home{ background:url('../images/signup/confirmPw/buttons.gif') no-repeat top left; width:98px; height:28px; border:none; display:block; float:left; margin-left:0px; text-indent:-1000em; margin-top:0px;} #sub_signup_confirmPW .wrap_left form.signupForm a.home{background-position:-98px top;} /*END sub_signup_confirmPW */ /* 2. games page */ /*START sub_games */ .sub_games #wrap_top {height:68px;} .sub_games #wrap_top ul.top_menu li a.games{background:url('../images/common/topmenu.gif') no-repeat -931px top;} .sub_games #wrap_top .game_links {width:720px; height:32px; background:#f99524; clear:left; padding-left:110px;} .sub_games #wrap_top .game_links a.gamehome,.sub_games #wrap_top .game_links a.gamehome_sel{margin-left:-110px; width:110px; background:url('../images/games/top_menu.gif') no-repeat -840px top;} .sub_games #wrap_top .game_links a.gamehome_sel{background-position:left top;} .sub_games #wrap_top .game_links a.gamehome{background-position:left -32px;} .sub_games #wrap_top .game_links a {display:block; text-indent:-1000em; float:left; height:32px; background:url('../images/games/top_menu.gif') no-repeat -830px top;} .sub_games #wrap_top .game_links a.a18{width:107px; background-position:-110px top;} .sub_games #wrap_top .game_links a.cabal{width:112px; background-position:-217px top;} .sub_games #wrap_top .game_links a.rf{width:128px; background-position:-329px top;} .sub_games #wrap_top .game_links a.bbt{width:88px; background-position:-457px top;} .sub_games #wrap_top .game_links a.latale{width:69px; background-position:-545px top;} .sub_games #wrap_top .game_links a.download, .sub_games #wrap_top .game_links a.download_sel{width:138px; background-position:-614px top;} .sub_games #wrap_top .game_links a.download_sel{background-position:-110px -32px;} .sub_games .wrap_left h1.title{background:url('../images/games/title_h1.gif') no-repeat top left;} .sub_games .wrap_left h2.title{background:url('../images/games/title_h2.gif') no-repeat top left; text-indent:-1000em; margin-bottom:2px;} .sub_games .wrap_left .explain{margin-top:74px; margin-bottom:-5px;} *:first-child+html .sub_games .wrap_left .explain{margin-top:0px;} * html .sub_games .wrap_left .explain{margin-top:0px;} .sub_games .wrap_left .games_wrapper{margin-top:25px; margin-left:20px; } .sub_games .wrap_left .games_wrapper .game_info{width:318px; height:210px; padding:28px 17px 22px 295px; margin-bottom:9px; position:relative;} .sub_games .wrap_left .games_wrapper .game_info h2.game{display:block; text-indent:-1000em; width:312px; height:16px; margin-bottom:7px;} .sub_games .wrap_left .games_wrapper .game_info p {line-height:1.4em; color:#777777; font-family:arial; font-size:9pt;} .sub_games .wrap_left .games_wrapper .game_info .buttons{height:28px; position:absolute; top:210px;} .sub_games .wrap_left .games_wrapper .game_info .buttons a {width:98px; height:28px; display:block; text-indent:-1000em; float:left; margin-right:5px; background:url('../images/games/games_buttons.gif') no-repeat top left;} .sub_games .wrap_left .games_wrapper .game_info .buttons a.down{background-position:-98px top;} .sub_games .wrap_left .games_wrapper .game_info .buttons a.nyroModal{background-position:-196px top;}/*for movie */ .sub_games .wrap_left .games_wrapper #a18{background:url('../images/games/a18.jpg') no-repeat top left;} .sub_games .wrap_left .games_wrapper #bbt{background:url('../images/games/bbtanks.jpg') no-repeat top left;} .sub_games .wrap_left .games_wrapper #cabal{background:url('../images/games/cabal.jpg') no-repeat top left;} .sub_games .wrap_left .games_wrapper #rf{background:url('../images/games/rf.jpg') no-repeat top left;} .sub_games .wrap_left .games_wrapper #latale{background:url('../images/games/latale.jpg') no-repeat top left;} .sub_games .wrap_left .games_wrapper #a18 h2.game{background:url('../images/games/a18_h1.gif') no-repeat top left; } .sub_games .wrap_left .games_wrapper #bbt h2.game{background:url('../images/games/bbt_h1.gif') no-repeat top left; } .sub_games .wrap_left .games_wrapper #cabal h2.game{background:url('../images/games/cabal_h1.gif') no-repeat top left; } .sub_games .wrap_left .games_wrapper #rf h2.game{background:url('../images/games/rf_h1.gif') no-repeat top left; } .sub_games .wrap_left .games_wrapper #latale h2.game{background:url('../images/games/latale_h1.gif') no-repeat top left; } .sub_games #game_downloads h1.title{background:url('../images/games/download_h1.gif') no-repeat top left;} .sub_games #game_downloads h2.title{background:url('../images/games/download_h2.gif') no-repeat top left; clear:both; display:block; height:21px; margin-left:20px;} .sub_games #game_downloads .games_wrapper{margin-left:40px; margin-top:10px;} .sub_games #game_downloads .games_wrapper .game_info{padding:10px 0px 0px; background:none; width:610px; height:auto; position:static;} * html .sub_games #game_downloads .games_wrapper .game_info{padding-top:13px;} *:first-child+html .sub_games #game_downloads .games_wrapper .game_info{z-index:0;} .sub_games #game_downloads .games_wrapper .game_info p{padding:0px 10px; display:block;} .sub_games #game_downloads .games_wrapper .game_info div.client_wrap{margin-left:-15px; margin-top:14px; width:640px;} * html .sub_games #game_downloads .games_wrapper .game_info div.client_wrap{margin-left:-30px;} .sub_games #game_downloads .games_wrapper .game_info a.client{display:block; padding-top:40px; padding-left:110px; float:left; margin-left:15px; margin-bottom:14px; background-repeat:no-repeat;} * html .sub_games #game_downloads .games_wrapper .game_info a.client{padding-top:25px;} *:first-child+html .sub_games #game_downloads .games_wrapper .game_info a.client{padding-top:25px;} .sub_games #game_downloads .games_wrapper .game_info a.sysreq{clear:both; background:url('../images/games/blue_downarrow.gif') no-repeat left 7px; padding-left:18px; display:block; color:#154cff; width:117px; height:20px; margin-left:472px;} .sub_games #game_downloads .games_wrapper div.sysreq_wrap{position:relative; height:1px; width:100%;} .sub_games #game_downloads .games_wrapper div.sysreq{width:414px; height:217px; background:url('../images/games/download_sysreq.gif') no-repeat top left; padding:11px 13px; font-size:11px; display:none; position:absolute; top:0px; left:166px; z-index:99999;} .sub_games #game_downloads .games_wrapper div.sysreq table{width:415px; height:163px;} .games_wrapper div.sysreq table th,.games_wrapper div.sysreq table td{padding:2px 9px; border:1px solid #b2c0d0;} .games_wrapper div.sysreq table .noL{border-left:none;} .games_wrapper div.sysreq table .noR{border-right:none;} * html .games_wrapper div.sysreq table .noL{width:75px;} *:first-child+html .games_wrapper div.sysreq table .noL{width:75px;} .games_wrapper div.sysreq table th{background:#e8edf1;} .games_wrapper div.sysreq table .col1{width:81px;} .games_wrapper div.sysreq table .col2{width:144px;} .games_wrapper div.sysreq table .col3{width:188px;} .games_wrapper div.sysreq span.info{background:url('../images/common/yellow_bullet.gif') no-repeat 4px 5px; padding-left:13px;} .games_wrapper hr{height:1px; border:none; border-bottom:1px solid #e7e7e7; width:610px; display:block;} .sub_games #game_downloads .games_wrapper #latale h2.game{background:url('../images/games/download_latale.gif') no-repeat top left;} .sub_games #game_downloads .games_wrapper #a18 h2.game{background:url('../images/games/download_a18.gif') no-repeat top left;} .sub_games #game_downloads .games_wrapper #bbt h2.game{background:url('../images/games/download_bbt.gif') no-repeat top left;} .sub_games #game_downloads .games_wrapper #rf h2.game{background:url('../images/games/download_rf.gif') no-repeat top left;} .sub_games #game_downloads .games_wrapper #cabal h2.game{background:url('../images/games/download_cabal.gif') no-repeat top left;} .sub_games #game_downloads .games_wrapper .game_info .new_season{background:url('../images/games/newSeason.gif') no-repeat top left; display:block; width:70px; height:34px; text-indent:-1000em; margin:-38px 0 0 167px;} *:first-child+html .sub_games #game_downloads .games_wrapper .game_info .new_season{margin-top:-45px;} .sub_games #game_downloads .drivers{margin:20px 0 20px 20px;} .sub_games #game_downloads h2.related{background:url('../images/games/download_related.gif') no-repeat top left; clear:both; display:block; height:21px;margin:10px 0; text-indent:-1000em;} .sub_games #game_downloads .driver_wrap {height:103px; margin-top:10px;} .sub_games #game_downloads .driver_wrap a{display:block; float:left; margin:0 6px; background:url('../images/games/download_drivers.gif') no-repeat top left; width:140px; height:103px;} .sub_games #game_downloads .driver_wrap a.nvidia{background-position:-153px top;} .sub_games #game_downloads .driver_wrap a.ati{background-position:-306px top;} .sub_games #game_downloads .driver_wrap a.flash{background-position:-459px top;} /*END sub_games */ /* 3. login page */ /*START sub_login */ #sub_login .wrap_left h1.title{background:url('../images/login/title_h1.gif') no-repeat top left;} #sub_login .wrap_left form.login {width:370px; height:210px; background:url('../images/login/login_bg.gif') no-repeat top left; margin:114px 0 0 155px; padding-top:70px; position:relative;} #sub_login .wrap_left form.login label {width:114px; display:block; height:23px; float:left; text-align:right; font-weight:bold; color:#666; line-height:25px;} #sub_login .wrap_left form.login input.checkbox{font-weight:normal; width:15px; margin-left:82px; border:none; margin-bottom:-20px; margin-top:8px;} * html #sub_login .wrap_left form.login input.checkbox{margin-top:-11px;} #sub_login .wrap_left form.login label.checkbox{font-weight:normal; line-height:15px; font-size:11px; text-align:left; padding-left:5px; margin:-15px 0 0px 95px; width:166px;} @media screen and (-webkit-min-device-pixel-ratio:0){ #sub_login .wrap_left form.login label.checkbox{margin:-15px 0 0 100px;} } * html #sub_login .wrap_left form.login label.checkbox{margin:-12px 0 0px 49px;} #sub_login .wrap_left form.login label.checkbox, x:-moz-any-link {margin:6px 0 20px 100px;}/*firefox2*/ #sub_login .wrap_left form.login label.checkbox, x:-moz-any-link, x:default {margin:-15px 0 15px 100px;} #sub_login .wrap_left form.login input {width:118px; border:1px solid #d9d9d9; height:15px; margin-left:10px; margin-bottom:3px; padding:3px 3px; font-weight:normal;} *:first-child+html #sub_login .wrap_left form.login input {margin-bottom:0px;} * html #sub_login .wrap_left form.login input {margin-bottom:0px;} br {clear:left;} #sub_login .wrap_left form.login label.error,#sub_login .wrap_left form.login label.buddy {display:block; color:red; font-weight:bold; float:none; width:400px; text-align:center; line-height:13px; position:absolute; top:24px; left:-12px; color:#ff7200;} #sub_login div.errorBox{clear:both; width:320px; margin-left: 155px; margin-bottom:-105px;} #sub_login .wrap_left form.login label.error{color:red; top:144px;} * html #sub_login .wrap_left form.login label.error{top:138px;} #sub_login .wrap_left form.login a{clear:both; padding-left:20px; display:block; margin-left:16px; color:#666; text-decoration:none; font-size:12px;} #sub_login .wrap_left form.login a:hover{text-decoration:underline;} #sub_login .wrap_left form.login a.forgot{background:url('../images/common/question.gif') no-repeat left 3px; margin-top:23px; width:183px;} *:first-child+html #sub_login .wrap_left form.login a.forgot{background:url('../images/common/question.gif') no-repeat left 3px; margin-top:0px; } * html #sub_login .wrap_left form.login a.forgot{background:url('../images/common/question.gif') no-repeat left 3px; margin-top:25px;} #sub_login .wrap_left form.login a.register{background:url('../images/common/exclamation.gif') no-repeat left 3px; width:226px;} #sub_login .wrap_left form.login hr {width:94%; height:1px; border:1px solid #c5c9d1; display:block; border-bottom:none; margin:9px auto 9px;} * html #sub_login .wrap_left form.login hr {margin-top:3px;} *:first-child+html #sub_login .wrap_left form.login hr {margin-top:3px; margin-bottom:2px;} #sub_login .wrap_left form.login p{width:90%; display:block; padding-left:10px; margin:-8px auto 0 6px; line-height:15px; font-size:12px;} #sub_login .wrap_left form.login p.note{background:url('../images/common/grey_bullet.gif') no-repeat left 7px;} #sub_login .wrap_left form.login input.submit,#login9th a.ok{background:url('../images/login/login_bu.gif') no-repeat top left;} #sub_login .wrap_left form.login input.submit {position:absolute; top:70px; left:248px; display:block; border:none; width:78px; height:48px;} #sub_login .wrap_left form.login2{width:320px; height:348px; background:url('../images/login/login_bg2.gif') no-repeat top left; margin:114px 0 0 174px; padding:23px 0 0 19px; position:relative; color:#333;} #sub_login .wrap_left form.login2 h1{color:black; font-size:13pt; padding-bottom:24px;} #sub_login .wrap_left form.login2 .top{height:156px;} #sub_login .wrap_left form.login2 .error{text-align:center; display:block; margin-left:-16px; width:314px; padding-bottom:22px; color:#ff0000; line-height:1.2em;} #sub_login .wrap_left form.login2 input{margin-left:22px; padding:4px 5px; border:1px solid #d9d9d9; margin-bottom:3px; width:128px;} #sub_login .wrap_left form.login2 input.submit{display:block; background:url('../images/login/login_bu2.gif') no-repeat left top; width:61px; height:52px; margin:-56px 0 0 166px; border:none; } * html #sub_login .wrap_left form.login2 input.submit{margin-top:-58px;} *:first-child+html #sub_login .wrap_left form.login2 input.submit{margin-top:-58px;} #sub_login .wrap_left form.login2 .secure{display:block; background:url('../images/login/secure_server.gif') no-repeat left top; padding:37px 0 0 33px;width:0px; height:0px; margin:-45px 0 0 235px; } #sub_login .wrap_left form.login2 .align{margin-top:19px; position:relative;} #sub_login .wrap_left form.login2 .checkbox{float:left; font-weight:bold;} #sub_login .wrap_left form.login2 input.checkbox{width:15px; height:15px; margin-top:1px; margin-right:7px; border:none;} #sub_login .wrap_left form.login2 label.checkbox{margin-top:-2px;} #sub_login .wrap_left form.login2 label.checkbox a{font-weight:normal;} #sub_login .wrap_left form.login2 a.forgot,#sub_login .wrap_left form.login2 a.register{display:block; padding-left:20px;} #sub_login .wrap_left form.login2 a.forgot{background:url('../images/common/question.gif') no-repeat left 3px; margin-top:18px;} #sub_login .wrap_left form.login2 a.register{background:url('../images/common/exclamation.gif') no-repeat left 3px; margin-bottom:7px;} #sub_login .wrap_left form.login2 p{line-height:15px;} #login9th .body{background:url('../images/login/login_modal.gif') no-repeat top left; width:372px; height:264px;} #login9th .body p{width:360px;} #login9th ul {margin-top:20px;} #login9th ul li{padding-left:21px; background:url('../images/common/yellow_bullet.gif') no-repeat 9px 8px; width:323px;} #login9th a.ok{width:74px; height:23px; background-position:left -48px; position:static; text-indent:-1000em; margin:10px auto 0;} .login9th_trigger{display:none;} #sub_login .wrap_left .tip {background:url('../images/login/tip.png') no-repeat left top; padding:17px 20px 30px 13px; width:339px; height:100px; position:absolute; left:145px; top:-132px; display:none; } * html #sub_login .wrap_left .tip{background:url('../images/login/tip.gif') no-repeat left top; left:-70px;} #sub_login .wrap_left .tip ul li{background:url('../images/common/orange_square_bullet.gif') no-repeat 2px 6px; font-size:11px; padding-left:10px; line-height:1.2em; } /* END sub_login */ /* START sub_loginRestricted */ #sub_loginRestricted .wrap_left h1.title{background:url('../images/login/restricted/h1_restricted.gif') no-repeat top left;} #sub_loginRestricted h1 span.notAuthorized{background:url('../images/login/restricted/not_authorized.gif') no-repeat left 8px; display:block; width:500px;} #sub_loginRestricted .explain ul{margin-top:20px; margin-left:-7px;} #sub_loginRestricted .explain li .additional{background:#f4f4f4; padding:7px 12px; margin:12px 0 12px 5px;} #sub_loginRestricted .explain li .additional span.code{font-weight:bold; padding-left:10px; padding-right:10px; background:url('../images/common/grey_bullet_3x3.gif') no-repeat 0px 6px;} /* END sub_loginRestricted */ /* START sub_login_forgot */ #sub_login_forgot .wrap_left h1.title{background:url('../images/login/forgot/title_h1.gif') no-repeat top left;} #sub_login_forgot .wrap_left h2.title{background:url('../images/common/arrow_bullet.gif') no-repeat left 5px; font-size:12px; padding-left:16px;} #sub_login_forgot .wrap_left .explain {margin-bottom:-55px; margin-left:17px;} #sub_login_forgot .wrap_left .roundBox2{padding-left:30px;} #sub_login_forgot .wrap_left .roundBox2 .boxFoot{margin-left:-30px;} #sub_login_forgot .wrap_left span.success{background:url('../images/login/forgot/success.gif') no-repeat left 7px;} #sub_login_forgot .wrap_left .roundBox2 p{clear:both; margin-top:20px;} #sub_login_forgot .wrap_left .roundBox2 .submit{background:url('../images/login/forgot/submit.gif') no-repeat top left; width:74px; height:23px; display:block; text-indent:-1000em; border:none; } #sub_login_forgot .wrap_left .roundBox2 label{width:42px; margin-right:9px;} #sub_login_forgot .wrap_left .roundBox2 ul{margin-left:-5px; margin-bottom:20px;} #sub_login_forgot .wrap_left .roundBox2 li{padding-left:11px; background-position:left 8px;} #sub_login_forgot .wrap_left h2.retrieveID{background:url('../images/login/forgot/h2_retrieve.gif') no-repeat top left; text-indent:-1000em;} #sub_login_forgot .wrap_left h2.resetPW{background:url('../images/login/forgot/h2_reset.gif') no-repeat top left; text-indent:-1000em;} #sub_login_forgot .wrap_left span.incorrect{background:url('../images/login/forgot/incorrect.gif') no-repeat left 7px;} #sub_login_forgot .wrap_left .buttons .tryAgain,#sub_login_forgot .wrap_left .buttons .home {background:url('../images/login/forgot/fail_bus.gif') no-repeat top left; width:98px; height:28px;} #sub_login_forgot .wrap_left .buttons .home {background-position:-98px top;} /* END sub_login_forgot */ /* START sub_secretQverify */ #sub_secretQverify .wrap_left h1.title{background:url('../images/login/secretQverify/title_h1.gif') no-repeat top left; } #sub_secretQverify .wrap_left h2.title{background:url('../images/login/secretQverify/title_h2.gif') no-repeat top left; text-indent:-1000em;} #sub_secretQverify .wrap_left .buttons .submit,#sub_secretQverify .wrap_left .buttons .cancel{ background:url('../images/login/secretQverify/bus.gif') no-repeat top left; height:28px; width:98px; display:block; border:none; padding: none; text-indent:-1000em;} #sub_secretQverify .wrap_left .buttons .cancel{background-position:-98px top; } #sub_secretQverify .wrap_left form .roundBox2 select{float:left; margin-right:3px; border:1px solid #d9d9d9;} #sub_secretQverify .wrap_left form .roundBox2 input{margin-right:3px; padding:1px 4px 1px 7px;} #sub_secretQverify .wrap_left span.dont_remember{background:url('../images/common/yellow_bullet.gif') no-repeat 13px 8px; padding-left:23px; display:block; margin-top:11px; } /* END sub_secreatQverify */ /* START sub_editPw */ #sub_editPw .wrap_left h1.title{background:url('../images/login/editPw/h1_title.gif') no-repeat top left; } #sub_editPw .wrap_left h2.title{text-indent:-1000em; background:url('../images/login/editPw/h2_title.gif') no-repeat top left; } #sub_editPw .wrap_left form .roundBox2 label{width:172px;} #sub_editPw .wrap_left form .roundBox2 input{float:left; margin-right:3px;} #sub_editPw .wrap_left form .roundBox2 span{} #sub_editPw .wrap_left .buttons .submit,#sub_editPw .wrap_left .buttons .cancel{ background:url('../images/login/editPw/bus.gif') no-repeat top left; height:28px; width:98px; display:block; border:none; padding: none; text-indent:-1000em;} #sub_editPw .wrap_left .buttons .cancel{background-position:-98px top; } #sub_editPw .wrap_left span.success{background:url('../images/login/editPw/successful.gif') no-repeat left 7px; text-indent:-1000em; width:290px; height:27px; display:block;} #sub_editPw .wrap_left h2.bigCheckMsg{margin-bottom:16px;} #sub_editPw .wrap_left .buttons .home,#sub_editPw .wrap_left .buttons .myAccount{ background:url('../images/login/editPw/done_bus.gif') no-repeat top left; height:28px; width:108px; display:block; border:none; padding: none; text-indent:-1000em;} #sub_editPw .wrap_left .buttons .home{background-position:-108px top; width:98px; } /* END sub_editPw */ /* START sub_editEmail */ #sub_editEmail .wrap_left h1.title{background:url('../images/login/editEmail/h1_title.gif') no-repeat top left;} #sub_editEmail .wrap_left h2.title{background:url('../images/login/editEmail/h2_title.gif') no-repeat top left; text-indent:-1000em;} #sub_editEmail .wrap_left a.verify, #sub_editEmail .wrap_left .buttons .submit,#sub_editEmail .wrap_left .buttons .cancel{ background:url('../images/login/editEmail/bus.gif') no-repeat top left; height:28px; width:98px; display:block; border:none; padding: none; text-indent:-1000em;} #sub_editEmail .wrap_left .buttons .cancel{background-position:-98px top; } #sub_editEmail .wrap_left a.verify{width:51px; height:16px; background-position:left -28px; float:left; margin-top:2px;} #sub_editEmail .wrap_left h2.bigCheckMsg{margin-bottom:20px;} #sub_editEmail .wrap_left span.done{background:url('../images/login/editEmail/sent.gif') no-repeat left 7px; } /* END sub_editEmail */ /* START sub_editAccount*/ #sub_editAccount .wrap_left h1.title{background:url('../images/login/editAccount/h1_title.gif') no-repeat top left; } #sub_editAccount .wrap_left h2.title{background:url('../images/login/editAccount/h2_title.gif') no-repeat top left; text-indent:-1000em; margin-bottom:-9px; } * html #sub_editAccount .wrap_left h2.title{margin-bottom:0px;} *:first-child+html #sub_editAccount .wrap_left h2.title{margin-bottom:0px;} #sub_editAccount div.errorBox{margin-left:21px; width:489px;} #sub_editAccount .signupForm .roundBox1 .boxFoot{padding-bottom:7px;} * html #sub_editAccount .signupForm .roundBox1 .boxFoot{padding-bottom:0px;} *:first-child+html #sub_editAccount .signupForm .roundBox1 .boxFoot{padding-bottom:0px;} #sub_editAccount .signupForm span.static{line-height:22px; float:left;} #sub_editAccount .signupForm label{padding-right:12px; width:122px; margin-bottom:12px;} #sub_editAccount .signupForm a.editPw,#sub_editAccount .signupForm a.editEmail, #sub_editAccount .signupForm .submit,#sub_editAccount .signupForm a.cancel {background:url('../images/login/editAccount/bus.gif') no-repeat top left; display:block; text-indent:-1000em;} #sub_editAccount .signupForm a.editPw{width:91px; height:16px; margin:3px 0 8px 0; float:left;} #sub_editAccount .signupForm a.editEmail{width:71px; height:16px; background-position:-91px top; margin-left:8px; display:-moz-inline-box; display:inline-block; text-indent:-3000px; font-size:0px; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom; margin-top:3px; } #sub_editAccount .signupForm #divContryUS{clear:left;} #sub_editAccount .signupForm .agreement_wrap .LV_validation_message{margin-right:108px;} * html #sub_editAccount .signupForm .agreement_wrap .LV_validation_message{margin-right:50px;} #sub_editAccount .signupForm .submit{width:98px; height:28px; background-position:left -16px;} #sub_editAccount .signupForm a.cancel{width:98px; height:28px; background-position:-98px -16px;} #sub_editAccount .signupForm p{margin:0 0 10px 134px; font-size:11px;} * html #sub_editAccount .signupForm p{margin:0 0 10px 68px; font-size:11px;} #sub_editAccount .signupForm p.pwInfo{margin-top:-10px; margin-bottom:17px;} #sub_editAccount .signupForm p.emailInfo{margin-top:-10px;} #sub_editAccount .wrap_left form.signupForm span.vtext{width:180px;} * html #sub_editAccount .wrap_left form.signupForm span.vtext3{margin-bottom:-20px;} *:first-child+html #sub_editAccount .wrap_left form.signupForm span.vtext3{margin-bottom:-20px;} #sub_editAccount .wrap_left form.signupForm span.warn{background:url('../images/common/warn.gif') no-repeat top left; width:9px; height:11px; display:-moz-inline-box; display:inline-block; text-indent:-3000px; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom; margin-top:3px; } #sub_editAccount .wrap_left form.signupForm #newsletter{margin-top:4px;} #sub_editAccount .wrap_left form.signupForm hr{border-color:#e2e2e2;} #sub_editAccount h1.bigCheckMsg{margin-bottom:10px;} #sub_editAccount h1.bigCheckMsg span.done{background:url('../images/login/editAccount/edit_done.gif') no-repeat left 6px; width:361px; height:27px;} #sub_editAccount .buttons a.myAccount,#sub_editAccount .buttons a.home{background:url('../images/login/editAccount/done_bus.gif') no-repeat top left; height:28px;} #sub_editAccount .buttons a.myAccount{width:118px;} #sub_editAccount .buttons a.home{width:98px; background-position:-118px top;} /* END sub_editAccount*/ /* START sub_tempRestrictIP,sub_permRestrictIP */ #sub_tempRestrictIP h1.title{background:url('../images/login/restricted/h1_tempIP.gif') no-repeat top left;} #sub_permRestrictIP h1.title{background:url('../images/login/restricted/h1_permIP.gif') no-repeat top left;} #sub_tempRestrictIP h1.bigWarnSign,#sub_permRestrictIP h1.bigWarnSign{clear:both; margin:17px 0 0 19px;} #sub_tempRestrictIP h1.bigWarnSign span,#sub_permRestrictIP h1.bigWarnSign span{text-indent:0em; width:546px; font-size:16px; line-height:30px;} #sub_tempRestrictIP .explain,#sub_permRestrictIP .explain{margin:18px 0 10px 17px; color:#707070;} #sub_tempRestrictIP .explain .roundBox2,#sub_permRestrictIP .explain .roundBox2{padding-left:23px; margin-bottom:18px;} #sub_tempRestrictIP .explain .boxFoot,#sub_permRestrictIP .explain .boxFoot{margin-left:-23px;} * html #sub_tempRestrictIP .explain .roundBox2 .boxFoot{padding-bottom:7px;} *:first-child+html #sub_tempRestrictIP .explain .roundBox2 .boxFoot{padding-bottom:7px;} * html #sub_permRestrictIP .explain .roundBox2 .boxFoot{padding-bottom:7px;} *:first-child+html #sub_permRestrictIP .explain .roundBox2 .boxFoot{padding-bottom:7px;} #sub_tempRestrictIP .explain .roundBox2 hr,#sub_permRestrictIP .explain .roundBox2 hr{display:block; height:1px; border:none; border-bottom:1px solid #e2e2e2; width:586px; margin:10px 0 -8px;} #sub_tempRestrictIP .explain label,#sub_permRestrictIP .explain label{font-weight:bold;} #sub_tempRestrictIP ul,#sub_permRestrictIP ul{margin-left:-10px; color:#707070;} #sub_tempRestrictIP a.home_bu,#sub_permRestrictIP a.home_bu{background:url('../images/login/restricted/home_bu.gif') no-repeat top left; display:block; text-indent:-1000em; width:98px; height:28px; margin:0 auto; margin-top:31px;} /* END sub_tempRestrictIP */ /* 4. My Planet */ .sub_myplanet #wrap_top {height:68px;} .sub_myplanet #wrap_top ul.top_menu li a.planet{background:url('../images/common/topmenu.gif') no-repeat -830px top;} .sub_myplanet #wrap_top .myplanet_links {width:830px; height:32px; background:url('../images/myplanet/top_menu.gif') no-repeat top left; clear:left; padding-left:0px;} * html .sub_myplanet #wrap_top .myplanet_links {margin-left:-1px; width:831px;} *:first-child+html .sub_myplanet #wrap_top .myplanet_links {} .sub_myplanet #wrap_top .myplanet_links a {display:block; text-indent:-1000em; float:left; height:32px;} .sub_myplanet #wrap_top .myplanet_links a.myprofile,.sub_myplanet #wrap_top .myplanet_links a.myprofile_sel{width:102px;} .sub_myplanet #wrap_top .myplanet_links a.mybuddies,.sub_myplanet #wrap_top .myplanet_links a.mybuddies_sel{width:97px;} .sub_myplanet #wrap_top .myplanet_links a.mymessages,.sub_myplanet #wrap_top .myplanet_links a.mymessages_sel{width:102px;} .sub_myplanet #wrap_top .myplanet_links a.invitefriends,.sub_myplanet #wrap_top .myplanet_links a.invitefriends_sel{width:111px;} .sub_myplanet #wrap_top .myplanet_links a.myprofile_sel,.sub_myplanet #wrap_top .myplanet_links a.mybuddies_sel, .sub_myplanet #wrap_top .myplanet_links a.mymessages_sel, .sub_myplanet #wrap_top .myplanet_links a.invitefriends_sel {background:url('../images/myplanet/top_menu.gif') no-repeat top left; } .sub_myplanet #wrap_top .myplanet_links a.myprofile_sel{background-position:left -32px;} .sub_myplanet #wrap_top .myplanet_links a.mybuddies_sel{background-position:-102px -32px;} .sub_myplanet #wrap_top .myplanet_links a.mymessages_sel{background-position:-199px -32px;} /* START Profile page setup */ #sub_myplanet_myprofile h1.title{background:url('../images/myplanet/myprofile_h1.gif') no-repeat top left;} #profileLayout .profile{width:630px; background:url('../images/myplanet/profile/profile_main_bg.gif') repeat-y top left; margin:77px 0px 10px 19px;} * html #profileLayout .profile{margin-left:8px;} #profileLayout .profile .header,#profileLayout .profile .footer{width:100%; height:15px; background:url('../images/myplanet/profile/profile_main_hf.gif') no-repeat top left;} #profileLayout .profile .footer {background-position:left bottom; clear:both;} #profileLayout .profile .left{margin:2px 25px 10px 15px; width:150px; float:left;} * html #profileLayout .profile .left{margin-left:7px;} /* start left part */ #profileLayout .profile .left .summary{margin-bottom:-5px;} #profileLayout .profile .left .summary img {display:block; padding-left:0px; padding-top:0px; width:150px; height:150px; background:url('../images/myplanet/profile/profile_pic_default.gif') no-repeat top left; margin-bottom:10px;} #profileLayout .profile .left .summary .id {padding-right:5px; font-weight:bold;color:#666666; float:left; display:block;} /***** sprite mapping *****/ #profileLayout .profile a.edit, #profileLayout .profile span.lock, #profileLayout .profile span.lockopen, #profileLayout .profile .left .left_module a.billing,#profileLayout .profile .left .left_module a.closeAcc, #profileLayout .profile .right .right_module_tp1 h2,#profileLayout .profile span.new, #profileLayout .profile .right .right_module_tp1 .content .buddy a.buddyCancel, #profileLayout .profile .right .right_module_tp1 table.module_table a.join, #profileLayout .profile .right #addNewBuddy input.submit, #profileLayout .profile .right #inviteFriends a.sendInv {display:block; background:url('../images/myplanet/profile/profile_icons.gif') no-repeat top left;} #profileLayout .profile .left .summary a.edit {display:block; width:36px; height:16px; background:url('../images/myplanet/profile/profile_icons.gif') no-repeat top left; background-position:top left; float:left;} #profileLayout .profile .left .summary label{display:block; float:left;} #profileLayout .profile .left .summary label.field{width:52px; color:#999999;background:url('../images/myplanet/profile/colon.gif') no-repeat right 6px; padding-right:6px; margin-right:4px; font-size:11px;} #profileLayout .profile .left .summary label.name{width:28px;} #profileLayout .profile .left .summary label.age{width:20px;} #profileLayout .profile .left .summary label.value{color:#666666; word-break:break-all;} #profileLayout .profile span.lock,#profileLayout .profile span.lockopen{width:9px; height:11px; background-position:-454px top; float:left; margin-top:4px; margin-right:2px;} * html #profileLayout .profile span.lock,* html #profileLayout .profile span.lockopen{background-position:-454px 3px;} #profileLayout .profile span.lockopen{width:13px; height:11px; background-position:-463px top; float:left;} * html #profileLayout .profile span.lockopen{background-position:-463px 3px;} #profileLayout .profile .left .left_module {padding-top:20px; } #profileLayout .profile .left .left_module h2{display:block; height:22px; width:145px; color:#5c677c; font-weight:bold; border-top:1px solid #b2c0d0; background:#e8edf1; margin-bottom:5px; font-size:11px; padding-left:5px;} #profileLayout .profile .left .left_module p{padding:3px 5px 5px 5px; line-height:1.2em; } #profileLayout .profile .left .left_module p.clickInfo{text-indent:0px; font-size:11px;} #profileLayout .profile .left .left_module ul li{background:none; word-break:break-all; padding-left:5px; color:#666666; line-height:1.3em; font-family:arial; margin-bottom:5px;} #profileLayout .profile .left .left_module ul li span.grey{color:#999999; font-size:11px;} #profileLayout .profile .left .left_module a.billing{display:block; width:120px; height:16px; background-position:-36px top; text-indent:-1000em; margin:3px auto 0;} #profileLayout .profile .left .left_module a.closeAcc{display:block; width:94px; height:16px; background-position:-156px top; text-indent:-1000em; margin:3px auto 0;} /* end left part */ #profileLayout .profile .right{margin:2px 15px 10px 0px; width:425px; float:left;} /* start right part */ #profileLayout .profile .right .right_module_tp1{width:100%; float:left; margin-bottom:18px;} #profileLayout .profile .right .right_module_tp1 h2{padding-left:17px; background-position:-445px -11px; display:block; border-bottom:1px solid #b2c0d0; height:17px; font-size:11px; line-height:12px;} #profileLayout .profile .right .right_module_tp1 h2.messages{background:url('../images/myplanet/profile/h2_messages.gif') no-repeat top left; text-indent:-1000em;} #profileLayout .profile .right .right_module_tp1 h2.buddies{background:url('../images/myplanet/profile/h2_buddies.gif') no-repeat top left; text-indent:-1000em;} #profileLayout .profile .right .right_module_tp1 h2.guild{background:url('../images/myplanet/profile/h2_guild.gif') no-repeat top left; text-indent:-1000em;} #profileLayout .profile .right .right_module_tp1 h2.favGame{background:url('../images/myplanet/profile/h2_favGame.gif') no-repeat top left; text-indent:-1000em;} #profileLayout .profile .right .right_module_tp1 h2.leaveMsg{background:url('../images/myplanet/profile/h2_leaveMsg.gif') no-repeat top left; text-indent:-1000em;} #profileLayout .profile .right .right_module_tp1 h2.newBuddies{background:url('../images/myplanet/profile/h2_newBuddies.gif') no-repeat top left; text-indent:-1000em;} #profileLayout .profile .right .right_module_tp1 .status{height:24px; width:100%;border-bottom:1px solid #c5cfd9; background:#e8edf1;} #profileLayout .profile .right .right_module_tp1 .status a {color:#666666; text-decoration:underline;} #profileLayout .profile .right .right_module_tp1 .status .left{padding-left:11px; margin:0px; margin-top:2px;} #profileLayout .profile .right .right_module_tp1 .status .right{float:right; margin:0px; margin-top:2px; width:170px; text-align:right; padding-right:11px;} #profileLayout .profile .right .right_module_tp1 table.module_table {width:100%; font-size:11px;} #profileLayout .profile .right .right_module_tp1 table.module_table th,#profileLayout .profile .right .right_module_tp1 table.module_table td{ height:24px; border-bottom:1px solid #d5d9dc; background:url('../images/myplanet/profile/table_line.gif') repeat-y right top; text-align:left; padding-left:5px; padding-right:5px; } #profileLayout .profile .right .right_module_tp1 table.module_table .content{text-align:left; word-break:break-all;} #profileLayout .profile .right .right_module_tp1 table.module_table .sender{width:79px;} #profileLayout .profile .right .right_module_tp1 table.module_table .date{background-image:none; width:59px;} #profileLayout .profile .right .right_module_tp1 table.module_table th{background-color:#f6f8f9; text-align:left; font-weight:bold;} #profileLayout .profile .right .right_module_tp1 table.module_table td{font-size:12px;} #profileLayout .profile .right .right_module_tp1 table.module_table td.nothing{text-align:center; padding:12px 0;} #profileLayout .profile .right .right_module_tp1 table.module_table td img.guild_pic{width:33px; height:33px; padding-left:0px; padding-top:0px; border:1px solid #8f8f8f; vertical-align:middle; margin-right:3px; background:url('../images/myplanet/profile/guild_bg.gif') no-repeat right top; display:block; float:left; margin:5px -6px 5px -42px;} #profileLayout .profile .right .right_module_tp1 table.module_table td.guild_n{height:45px; line-height:40px; padding-left:50px;} #profileLayout .profile .right .right_module_tp1 table.module_table .guild_g{text-align:center; width:87px;} #profileLayout .profile .right .right_module_tp1 table.module_table .guild_n{text-align:center; width:103px; } #profileLayout .profile .right .right_module_tp1 table.module_table .guild_l{text-align:center; word-break:break-all;} #profileLayout .profile .right .right_module_tp1 table.module_table .guild_m{text-align:center; width:57px;} #profileLayout .profile .right .right_module_tp1 table.module_table .guild_j{text-align:center; background-image:none; width:44px;} #profileLayout .profile span.new {display:-moz-inline-box; display:inline-block; font:0/0 Arial; overflow:hidden; /******** WAY TO DO INLINE IMAGE REPLACEMENT ******/ width:18px; height:12px; background-position:-436px 5px;} #profileLayout .profile span.new, x:-moz-any-link {margin-top:12px;} #profileLayout .profile span.new, x:-moz-any-link, x:default {margin-top:0px;} #profileLayout .profile .right .right_module_tp1 .content .break{clear:both; height:1px;} #profileLayout .profile .right .right_module_tp1 .content .float_wrap{border-bottom:1px solid #e4e4e4; padding-left:12px; clear:both; text-align:center;} #profileLayout .profile .right .right_module_tp1 .content .float_wrap .nothing{margin:18px auto; text-align:center;} * html #profileLayout .profile .right .right_module_tp1 .content .float_wrap .nothing{margin-bottom:0px;} #profileLayout .profile .right .right_module_tp1 .content .buddy{width:76px; padding:14px 12px 9px; text-align:center; float:left;margin:0 auto;} * html #profileLayout .profile .right .right_module_tp1 .content .buddy{padding-bottom:0px;} #profileLayout .profile .right .right_module_tp1 .content .buddy img{width:75px; height:75px; padding-left:0px; padding-top:0px; background:url('../images/myplanet/profile/buddy_default.jpg') no-repeat top left; display:block; margin:0 auto; } #profileLayout .profile .right .right_module_tp1 .content .buddy a{text-decoration:underline; color:#666666; word-break:break-all;} #profileLayout .profile .right .right_module_tp1 .content .buddy a.buddyCancel{display:-moz-inline-box; display:inline-block; font:0/0 Arial; overflow:hidden; /******** WAY TO DO INLINE IMAGE REPLACEMENT ******/ width:9px; height:9px; background-position:-436px -14px;} #profileLayout .profile .right .right_module_tp1 .content .buddy a.buddyCancel, x:-moz-any-link {margin-top:8px;} #profileLayout .profile .right .right_module_tp1 .content .buddy a.buddyCancel, x:-moz-any-link, x:default {margin-top:0px;} #profileLayout .profile .right .right_module_tp1 .content .game{width:76px; padding:14px 12px 9px; text-align:center; float:left;margin:0 auto;} * html #profileLayout .profile .right .right_module_tp1 .content .game{padding-bottom:0px;} #profileLayout .profile .right .right_module_tp1 .content .game img{width:0px; height:0px; padding-left:75px; padding-top:75px; background:url('../images/myplanet/profile/game_icons.gif') no-repeat top left; display:block; margin:0 auto; } #profileLayout .profile .right .right_module_tp1 .content .game .latale{background-position:left -225px;} #profileLayout .profile .right .right_module_tp1 .content .game .rf{background-position:left -300px;} #profileLayout .profile .right .right_module_tp1 .content .game .a18{background-position:left 0px;} #profileLayout .profile .right .right_module_tp1 .content .game .bbt{background-position:left -75px;} #profileLayout .profile .right .right_module_tp1 .content .game .cabal{background-position:left -150px;} #profileLayout .profile .right .right_module_tp1 .content .game a{font-size:11px; color:#666;} #profileLayout .profile .right .right_module_tp1 table.module_table a.join{width:36px; height:16px; background-position:-250px top; margin:0 auto;} #profileLayout .profile .right .right_module_tp2 {padding:9px 9px; border-top:1px solid #c5cfd9; float:left; background:#e8edf1; } #profileLayout .profile .right .right_module_tp2 h2{color:#5c677c; font-size:11px;} #profileLayout .profile .right .right_module_tp2 p{line-height:1.2em; font-family:arial; padding-bottom:7px; font-size:11px;} #profileLayout .profile .right #addNewBuddy{width:239px; margin-right:10px; padding-top:5px;} #profileLayout .profile .right #addNewBuddy label.status{display:block; height:20px;} * html #profileLayout .profile .right #addNewBuddy label.status{margin-bottom:-3px;} * html #profileLayout .profile .right #addNewBuddy label.fail{margin-bottom:-5px;} * html #profileLayout .profile .right #addNewBuddy label.success{margin-bottom:-5px;} *:first-child+html #profileLayout .profile .right #addNewBuddy label.status{margin-bottom:-3px;} #profileLayout .profile .right #addNewBuddy input.text{border:1px solid #d9d9d9; height:15px; margin-right:4px; width:165px; padding:3px;} #profileLayout .profile .right #addNewBuddy input.submit{width:54px; height:23px; background-position:-382px top; border:none; float:right; margin-right:4px; margin-top:-24px;} #profileLayout .profile .right #inviteFriends{width:140px; padding-top:5px;} #profileLayout .profile .right #inviteFriends a.sendInv{width:96px; height:16px; margin:0 auto; background-position:-286px top;} /* end right part */ /* END Profile page setup */ /* START Invite Friends */ #sub_myplanet_invite h1.title{background:url('../images/myplanet/invite_h1.gif') no-repeat top left; height:35px;} #sub_myplanet_invite h2.title{background:url('../images/myplanet/invite_h2.gif') no-repeat 134px 4px; text-indent:-1000em; } #sub_myplanet_invite h2.invite{background:url('../images/myplanet/invite/invite.gif') no-repeat 4px top; text-indent:-1000em; margin-top:10px;} #sub_myplanet_invite div.explain{margin:70px 0px 10px 16px;} #sub_myplanet_invite div.explain p.click{margin-left:18px; margin-top:-5px;} #sub_myplanet_invite div.errorBox{margin-left:30px;} #sub_myplanet_invite div.invite {margin-left:30px;} #sub_myplanet_invite div.invite div.left {width:305px; float:left;} #sub_myplanet_invite div.invite div.left .message_skin{width:308px; height:410px; position:relative; overflow:hidden;} #sub_myplanet_invite div.invite div.left .message_skins_wrap{width:305px; height:410px;} #sub_myplanet_invite div.invite div.left .message_skins_wrap .card{display:none;} #sub_myplanet_invite div.invite div.left .message_skins_wrap div.card{width:305px; height:410px;} #sub_myplanet_invite div.invite div.left .message_skins_wrap div.card span.click{display:block; width:130px; font-size:11px; height:19px; margin:-33px 0 0 14px; color:#00e; text-decoration:underline;} #sub_myplanet_invite div.invite div.left textarea{left:11px; top:210px; width:281px; height:163px; text-indent:0em; position:absolute; z-index:99; border:1px solid #aaa;} #sub_myplanet_invite div.invite div.left p{font-size:9px;} #sub_myplanet_invite div.invite div.right {width:280px; float:right; background:#e8edf1; padding:15px 10px;} #sub_myplanet_invite div.invite div.right h2{margin-bottom:6px; margin-top:-4px;} #sub_myplanet_invite div.invite div.right .skin_cat{margin-bottom:9px; color:#bebebe;} #sub_myplanet_invite div.invite div.right .skin_cat a{text-decoration:none; color:#666;} #sub_myplanet_invite div.invite div.right .skin_cat a{display:none;} #sub_myplanet_invite div.invite div.right .skin_cat span.space{display:none;} #sub_myplanet_invite div.invite div.right .skin_cat a.sel{font-weight:bold; color:#ff7200;} #sub_myplanet_invite div.invite div.right .skin_cat a:hover{text-decoration:underline;} #sub_myplanet_invite div.invite div.right .skin_cat a.sel:hover{text-decoration:none;} #sub_myplanet_invite div.invite div.right .skin_wrap a{text-indent:-1000em; display:none;} #sub_myplanet_invite div.invite div.right .skin_wrap .skin{padding:38px 0 0 48px; border:1px solid #9d9d9d; display:block; float:left; margin-right:6px; margin-bottom:5px; width:0px; height:0px; background:url('../images/myplanet/invite/msg_bg_t_default.gif') no-repeat top left; text-indent:-1000em;} #sub_myplanet_invite div.invite div.right .skin_wrap .activeSlide{border:3px solid #f99524; padding:34px 0 0 44px; background-position:-2px -2px;} #sub_myplanet_invite div.invite div.right .skin_wrap .clear{clear:both;} #sub_myplanet_invite div.invite div.right label{width:100%;display:block; margin-bottom:3px; } #sub_myplanet_invite div.invite div.right input{display:block; height:15px; border:1px solid #d9d9d9; float:left; margin-bottom:6px; width:156px; padding:3px;} #sub_myplanet_invite div.invite div.right input#email{margin-bottom:14px;} #sub_myplanet_invite div.invite div.right input.hidden{display:none;} #sub_myplanet_invite div.invite div.right input.title{width:270px;} * html #sub_myplanet_invite div.invite div.right input.title{width:270px; margin-left:-15px;} *:first-child+html #sub_myplanet_invite div.invite div.right input.title{width:270px; margin-left:-30px;} #sub_myplanet_invite div.invite div.right .friends{background:#e8edf1; border-color:#E8EDF1; border-style:solid; border-width:11px 11px 0px; margin-left:-10px; width:278px; margin-bottom:-10px; } * html #sub_myplanet_invite div.invite div.right #name {margin-left:-15px;} *:first-child+html #sub_myplanet_invite div.invite div.right #name {margin-left:-30px;} #sub_myplanet_invite div.invite div.right .input_left{margin-right:5px; width:101px;} #sub_myplanet_invite div.invite div.right hr{display:block; border:none; border-bottom:1px solid #d0d0d0; clear:both; height:1px; margin-top:5px;} *:first-child+html #sub_myplanet_invite div.invite div.right hr{margin-top:-2px;} * html #sub_myplanet_invite div.invite div.right hr{margin-top:-2px;} #sub_myplanet_invite a.addFriend,#sub_myplanet_invite input.submit{display:block; background:url('../images/myplanet/invite/buttons.gif') no-repeat top left; text-indent:-1000em;} #sub_myplanet_invite a.addFriend {width:121px; height:16px; background-position:-138px top; margin-left:157px; } *:first-child+html #sub_myplanet_invite a.addFriend {margin-top:32px;} * html #sub_myplanet_invite a.addFriend {margin-top:32px;} #sub_myplanet_invite div.invite div.footer {clear:both; text-align:center; padding-top:20px; width:305px;} *:first-child+html #sub_myplanet_invite div.invite div.footer {margin-left:-17px;} * html #sub_myplanet_invite div.invite div.footer {margin-left:-17px;} #sub_myplanet_invite input.submit {width:138px; height:28px; border:none; margin:-7px auto 5px;} #sub_myplanet_invite label.error{color:red; font-weight:bold; display:block; margin-top:40px;} #sub_myplanet_invite h1.bigCheckMsg {margin-bottom:10px; margin-left:30px;} #sub_myplanet_invite h1.bigCheckMsg span.inviteSucess{background:url('../images/myplanet/invite/inviteSuccess.gif') no-repeat left 6px; height:32px;} #sub_myplanet_invite .roundBox2 p{margin-left:30px;} /* END Invites Friends */ /* START MyBuddies */ #sub_myplanet_mybuddies h1.title{background:url('../images/myplanet/buddies_h1.gif') no-repeat top left;} #sub_myplanet_mybuddies h2.title{background:url('../images/common/arrow_bullet.gif') no-repeat left 5px; display:block; clear:both; padding-left:15px; margin-left:20px; margin-bottom:3px;} #sub_myplanet_mybuddies h2 span.buddies{background:url('../images/myplanet/buddies/h2_span.gif') no-repeat right 1px; padding-right:66px; font-size:13px;} #sub_myplanet_mybuddies .content div.buddies {border-top:2px solid #dfdfdf; margin-left:20px; margin-bottom:20px; border-bottom:1px solid #dfdfdf; } #sub_myplanet_mybuddies .content .buddies .float_wrap{padding-left:12px; clear:both; text-align:center;} #sub_myplanet_mybuddies .content .buddies .buddy{width:76px; padding:14px 13px 9px; text-align:center; float:left;margin:0 auto;} * html #sub_myplanet_mybuddies .content .buddies .buddy{padding-bottom:0px;} #sub_myplanet_mybuddies .content .buddies .buddy img{width:75px; height:75px; padding-left:0px; padding-top:0px; background:url('../images/myplanet/profile/buddy_default.jpg') no-repeat top left; display:block; margin:0 auto; } #sub_myplanet_mybuddies .content .buddies .buddy a{text-decoration:underline; color:#666666; font-size:11px;} #sub_myplanet_mybuddies .content .buddies .buddy a.buddyCancel{display:-moz-inline-box; display:inline-block; font:0/0 Arial; overflow:hidden; /******** WAY TO DO INLINE IMAGE REPLACEMENT ******/ width:9px; height:9px; background:url('../images/myplanet/buddies/red_X.gif') no-repeat top left;} #sub_myplanet_mybuddies .content .buddies .buddy a.buddyCancel, x:-moz-any-link {margin-top:8px;} #sub_myplanet_mybuddies .content .buddies .buddy a.buddyCancel, x:-moz-any-link, x:default {margin-top:0px;} #sub_myplanet_mybuddies .content .buddies .break{clear:both;} * html #sub_myplanet_mybuddies .content .buddies .break{height:4px;} div.paging a{display:block; padding:0 6px; border:1px solid #c9c9c9; margin:0 2px; float:left; color:#666;} div.paging a.sel{border:1px solid #ff7200; background:#ffe9d8; color:#ff7200; font-weight:bold;} #sub_myplanet_mybuddies h2.buddyReq{background:url('../images/myplanet/buddies/h2_buddyReq.gif') no-repeat top left; width:108px; height:14px; text-indent:-1000em; clear:both; margin-left:19px; margin-bottom:4px;} #sub_myplanet_mybuddies .content .buddies .message{width:630px; height:65px; text-align:center; padding-top:46px;} #sub_myplanet_mybuddies .content .wrap_left a.return_bu{float:right; margin-top:-10px; margin-right:5px; display:block; width:159px; height:23px; text-indent:-1000em; background:url('../images/myplanet/buddies/return_bu.gif') no-repeat top left;} /* END MyBuddies */ /* START MyMessages */ #sub_myplanet_mymessages h1.title{background:url('../images/myplanet/messages_h1.gif') no-repeat top left;} #sub_myplanet_mymessages h2.title{background:url('../images/common/arrow_bullet.gif') no-repeat left 5px; display:block; clear:both; padding-left:15px; margin-left:20px; margin-bottom:3px;} #sub_myplanet_mymessages h2 span.messages{background:url('../images/myplanet/messages/h2_span.gif') no-repeat right 1px; padding-right:77px; font-size:13px;} .sub_myplanet div.messages {margin-left:20px; border-top:2px solid #dfdfdf; border-bottom: 1px solid #e4e4e4; margin-bottom:20px; padding:11px 16px;} * html .sub_myplanet div.messages { padding:11px 0px 11px 12px;} *:first-child+html .sub_myplanet div.messages { padding:11px 0px 11px 12px;} .sub_myplanet div.messages .message{clear:both; margin-bottom:20px;} .sub_myplanet div.messages .message img{background:url('../images/myplanet/messages/friend_pic_sample.jpg') no-repeat top left; display:block; margin-top:9px; width:75px; height:75px; padding-left:0px; padding-top:0px; float:left;} .sub_myplanet div.messages .message .balloon{background:url('../images/myplanet/messages/balloon_bd.gif') repeat-y top left; width:505px; margin-left:85px; padding-left:22px; } .sub_myplanet div.messages .message .balloon h3{background:url('../images/myplanet/messages/balloon_hd_ft.gif') no-repeat left top; display:block; padding:7px 5px 5px 22px; width:100%; margin-left:-22px; font-size:14px; } .sub_myplanet div.messages .message .balloon h3 span.buddymsg{background:url('../images/myplanet/messages/span_accepted.gif') no-repeat top left; padding-left:23px; color:#ff7200;} .sub_myplanet div.messages .message .balloon .footer{background:url('../images/myplanet/messages/balloon_hd_ft.gif') no-repeat left bottom; margin-left:-22px; padding-left:22px; height:32px; width:493px; } *:first-child+html .sub_myplanet div.messages .message .balloon .footer{height:42px;} .sub_myplanet div.messages .message .balloon .footer hr{border:none; border-bottom:1px solid #e7e7e7; height:1px; display:block; clear:none; width:475px; margin-left:0px; margin-bottom:0px; padding:0px; } * html .sub_myplanet div.messages .message .balloon .footer hr{margin-bottom:-5px;} *:first-child+html .sub_myplanet div.messages .message .balloon .footer hr{margin-bottom:-5px;} .sub_myplanet div.messages .message .balloon p{width:475px; font-size:12px;} .sub_myplanet div.messages .message .balloon .footer .buttons{margin-right:21px; height:32px; float:right; width:166px;} * html .sub_myplanet div.messages .message .balloon .footer .buttons{margin-right:12px;} *:first-child+html .sub_myplanet div.messages .message .balloon .footer .buttons{margin-right:24px;} .sub_myplanet div.messages .message .balloon .footer .buttons a{ display:block; background:url('../images/myplanet/messages/buttons.gif') no-repeat top left; text-indent:-1000em; float:right; margin-left:5px; height:23px; margin-top:3px;} * html .sub_myplanet div.messages .message .balloon .footer .buttons a{} *:first-child+html .sub_myplanet div.messages .message .balloon .footer .buttons a{} .sub_myplanet div.messages .message .balloon .footer .buttons .accept{width:74px; background-position:-74px;} .sub_myplanet div.messages .message .balloon .footer .buttons .delete{width:74px;} .sub_myplanet div.messages .message .balloon .footer .buttons .decline{width:74px; background-position:-148px;} .sub_myplanet div.messages .message .balloon .footer p{padding:6px 3px 3px 3px; margin-top:0px; color:#666; font-size:11px; width:276px; height:22px;} * html .sub_myplanet div.messages .message .balloon .footer p{padding:4px 3px 0px 3px;} *:first-child+html .sub_myplanet div.messages .message .balloon .footer p{padding:4px 3px 0px 3px;} .sub_myplanet div.messages .message .balloon .footer p a{font-weight:bold; text-decoration:underline; color:#666;} /* END MyMessages */ /* START EditProfile */ #sub_myplanet_editmyprofile h1.title{background:url('../images/myplanet/edit_h1.gif') no-repeat top left;} #sub_myplanet_editmyprofile div.wrap{padding-left:20px;} #sub_myplanet_editmyprofile h2{background:url('../images/myplanet/editProfile/dot.gif') no-repeat left 6px; clear:both; padding-left:10px; font-weight:normal;} #sub_myplanet_editmyprofile div.errorBox{width:489px; margin-top:10px; margin-bottom:9px;} * html #sub_myplanet_editmyprofile div.errorBox{margin-bottom:2px;} #sub_myplanet_editmyprofile form{margin-top:8px; padding-top:0px; padding-bottom:26px; } * html #sub_myplanet_editmyprofile form{position:absolute;} * html #sub_myplanet_editmyprofile .wrap_left {height:750px;} #sub_myplanet_editmyprofile form label{width:137px; display:block; float:left; text-align:right; padding-right:11px; font-weight:bold; margin-bottom:12px;} #sub_myplanet_editmyprofile form input,#sub_myplanet_editmyprofile form textarea{ padding-left:3px; padding-top:3px; width:352px; } #sub_myplanet_editmyprofile form img.iconimg{width:75px; height:75px; padding:4px; display:block; float:left; border:1px solid #cfcfcf; background:url('../images/myplanet/editProfile/profile_pic_bg.gif') no-repeat 4px 4px; } #sub_myplanet_editmyprofile form a.editIcon,#sub_myplanet_editmyprofile form input.submit,#sub_myplanet_editmyprofile form a.cancel{ background:url('../images/myplanet/editProfile/buttons.gif') no-repeat top left; text-indent:-1000em;} #sub_myplanet_editmyprofile form a.editIcon{display:block; float:left; width:36px; height:16px; margin-top:67px; margin-bottom:10px; background-position:-196px top; margin-left:10px;} #sub_myplanet_editmyprofile form input{ border:1px solid #d9d9d9; height:17px; } #sub_myplanet_editmyprofile form input.favs{width:109px; margin-right:7px;} #sub_myplanet_editmyprofile form textarea{border:1px solid #d9d9d9; height:100px;} #sub_myplanet_editmyprofile form input,#sub_myplanet_editmyprofile form select,#sub_myplanet_editmyprofile form textarea,#sub_myplanet_editmyprofile form span.readonly {display:block; float:left; margin-bottom:12px;} #sub_myplanet_editmyprofile form select.lockSelect{display:none;} #sub_myplanet_editmyprofile form input.selectLock{background:url('../images/myplanet/editProfile/locks_input.gif') no-repeat left top; width:28px; border:1px solid #cfcfcf;cursor:default; text-indent:-1000em; height:16px;} * html #sub_myplanet_editmyprofile form input.selectLock{text-indent:0; font-size:0; color:#fff; text-align:right;} *:first-child+html #sub_myplanet_editmyprofile form input.selectLock{text-indent:0; font-size:0; color:#fff; text-align:right;} #sub_myplanet_editmyprofile form .selectLockOptions {position:absolute; left:0px; top:21px; } * html #sub_myplanet_editmyprofile form .selectLockOptions{border-top:1px solid #cfcfcf; margin-top:-1px;} #sub_myplanet_editmyprofile form .selectLockOptions ul li{margin:0px; padding:0 0 0 23px; background:#fff url('../images/myplanet/editProfile/locks.gif') no-repeat 7px 5px; display:block; height:19px; border:1px solid #cfcfcf; width:45px; margin-top:-1px; cursor:default;} #sub_myplanet_editmyprofile form .selectLockOptions ul li.optionCurLock{background-color:#fafafa;} #sub_myplanet_editmyprofile form .selectLockOptions ul li.selected{background-color:#f0f0f0;} #sub_myplanet_editmyprofile form .styled{width:128px; display:none;} #sub_myplanet_editmyprofile form table{margin-left:168px; margin-top:15px;} *:first-child+html #sub_myplanet_editmyprofile form table{margin-left:-84px;} * html #sub_myplanet_editmyprofile form table{margin-left:-84px;} /*styling select box. */ div.styleSelectWrap{float:left; position:relative; color:#666;} #sub_myplanet_editmyprofile form select#GameSystem1,#sub_myplanet_editmyprofile form select#GameSystem2,#sub_myplanet_editmyprofile form select#GameSystem3 {height:22px; width:114px;} #sub_myplanet_editmyprofile form select#GameSystem1,#sub_myplanet_editmyprofile form select#GameSystem2{margin-right:7px;} #sub_myplanet_editmyprofile form select#GameSystem3{height:22px;} #sub_myplanet_editmyprofile form input.selectGeneral{color:#666; margin-right:7px; background: #fff url('../images/common/orange_downarrow.gif') no-repeat 100px 7px; width:109px;} #sub_myplanet_editmyprofile form div.selectGeneralOptions{position:absolute; top:21px; left:0px; width:128px; height:250px; } div.selectGeneralOptions ul li{margin:0px; padding:0px; background:none; } div.selectGeneralOptions ul li.optionCur{background:#fbe8e8;} div.selectGeneralOptions ul li.selected{font-weight:bold; background:#fbd8d8;} /* end styles for select box. */ #sub_myplanet_editmyprofile form input.hometown{width:127px;} #sub_myplanet_editmyprofile form span.readonly{margin-right:10px;} #sub_myplanet_editmyprofile form div.checkboxes{float:left; margin-bottom:12px;} #sub_myplanet_editmyprofile form div.checkboxes span{display:block; float:left; margin-right:5px; padding-top:2px; margin-left:2px;} #sub_myplanet_editmyprofile form div.checkboxes input{width:15px; border:none; margin-top:4px; margin-bottom:0px;} #sub_myplanet_editmyprofile form input.hidden{display:none;} #sub_myplanet_editmyprofile form input.submit{float:left; width:98px; height:28px; border:none; margin-right:5px;} #sub_myplanet_editmyprofile form a.cancel{width:98px; height:28px; background-position:-98px top; display:block; float:left;} /* gamer icon layer */ #gamer_icon_wrap {width:551px; overflow:hidden; display:none;} .gamer_icon{background:url('../images/myplanet/editProfile/gamer_icons_bg.gif') no-repeat top left; width:538px; height:585px; padding:5px 2px 10px 10px; text-align:left; position:relative; } .gamer_icon a.modalClose{display:block; width:25px; height:25px; position:absolute; top:2px; left:521px; background:url('../images/myplanet/editProfile/modal_close.gif') no-repeat 7px 6px;} .gamer_icon h2{margin-top:15px; margin-bottom:12px; font-weight:normal;} .gamer_icon .c_wrap{overflow-y:scroll; overflow-x:hidden; margin-top:3px; height:564px;} .gamer_icon .icons{width:520px; height:500px; } .gamer_icon .icons img{display:block; width:75px; height:75px; margin-right:10px; margin-bottom:10px; float:left; background:url('../images/myplanet/editProfile/profile_pic_bg.gif') no-repeat top left; float:left;} .gamer_icon .icons img.hover{border:3px solid #ffd19c; width:69px; height:69px;} /* END EditProfile */ /* START FriendProfile */ #sub_myplanet_friendProfile h1.title{background:url('../images/myplanet/friendProfile_h1.gif') no-repeat top left;} #sub_myplanet_friendProfile #profileLayout .profile .right .right_module_tp1 .status a.budreq,#profileLayout .right form.module_form input.submit, #buddyRequestConfirm a.ok_bu , #buddyRequest a.sendreq_bu{ background:url('../images/myplanet/friendProfile/buttons.gif') no-repeat left top; text-indent:-1000em; } #sub_myplanet_friendProfile #profileLayout .profile .right .right_module_tp1 .status a.budreq{display:block; width:96px; height:16px; background-position:-74px top; text-indent:-1000em; margin-top:2px;} *:first-child+html #sub_myplanet_friendProfile #profileLayout .profile .right .right_module_tp1 .status .left{display:block; margin:2px 0 0 11px; padding-left:0px; width:98px;} #profileLayout .right form.module_form{background:#e8edf1; padding-top:10px; width:425px; padding-bottom:12px;} #profileLayout .right form.module_form label, #profileLayout .right form.module_form input,#profileLayout .right form.module_form textarea{ display:block; float:left; margin-bottom:6px; } #profileLayout .right form.module_form label {width:72px; padding-right:8px; text-align:right;} #profileLayout .right form.module_form input,#profileLayout .right form.module_form textarea {border:1px solid #dadbdb; padding:3px; width:328px;} #profileLayout .right form.module_form input{height:14px;} #profileLayout .right form.module_form textarea {height:41px;} #profileLayout .right form.module_form input.submit{border:none; width:74px; height:23px; padding:0px; margin:0 auto; float:none;} #profileLayout .right form.module_form label.error{width:417px; text-align:center; font-weight:bold; color:red; display:none;} /* CSS code for floating layers. .modalFloat_wrap{width:360px; } *:first-child+html .modalFloat_wrap{height:279px;} .modalFloat .body {width:332px; background:url('../images/myplanet/planetModal.gif') no-repeat top left; padding:6px 14px 0px; text-align:left; color:#666;} .modalFloat .body h1 {margin:0px 0 13px 2px; padding:0px; color:#5a6582; font-size:12px;} .modalFloat .foot {display:block; width:360px; height:4px; padding-top:7px; background:url('../images/myplanet/planetModal_ft.gif') no-repeat left bottom; } .modalFloat a.modalClose{display:block; width:25px; height:25px; position:absolute; top:2px; left:330px; background:url('../images/myplanet/editProfile/modal_close.gif') no-repeat 7px 6px;} */ #buddyRequest .body img.userIcon{display:block; width:75px; height:75px; background:url('../images/myplanet/profile/game_sample.gif') no-repeat top left; float:left; margin-right:13px;} #buddyRequest .body p.check{width:243px; height:75px; margin-left:85px; font-size:12px;} #buddyRequest .body textarea.infobox{clear:both; margin-top:10px; width:311px; border:1px solid #d9d9d9; padding:3pt 9px; height:92px; overflow:auto; font-size:12px;} #buddyRequest a.sendreq_bu{display:block; background-position:-170px top; width:114px; height:23px; margin:10px 0 0 109px;} #buddyRequestConfirm .body p.requested{text-align:center; padding-top:74px; padding-bottom:66px; font-size:12px; height:59px;} #buddyRequestConfirm .body a.modalClose{position:relative; left:132px;} #buddyRequestConfirm a.ok_bu {display:block; background-position:-284px top; width:74px; height:23px;} /* END FriendProfile */ /* END MyPlanet */ /* 5. Community */ /* START forums */ .sub_community #wrap_top {height:68px;} .sub_community #wrap_top ul.top_menu li a.community{background:url('../images/common/topmenu.gif') no-repeat -1024px top;} .sub_community #wrap_top .community_links, .sub_community #wrap_top .community_links a{background:url('../images/community/sub_top_menu.gif') no-repeat top left;} .sub_community #wrap_top .community_links {width:830px; height:32px; clear:left; padding-left:0px;} * html .sub_community #wrap_top .community_links {margin-left:-1px; width:831px;} *:first-child+html .sub_community #wrap_top .community_links {margin-left:0px;} .sub_community #wrap_top .community_links a {display:block; height:32px; width:126px; float:left;} .sub_community #wrap_top .community_links a.forum_sel{background-position:left -32px;} .sub_community #wrap_top .community_links a.ranking{background-position:-126px top; width:130px;} .sub_community #wrap_top .community_links a.ranking_sel{background-position:-126px -32px; width:130px;} .sub_community #wrap_top .community_links a.invitefriends,.sub_myplanet #wrap_top .myplanet_links a.invitefriends_sel{width:111px;} .sub_community #wrap_top .community_links a.invitefriends_sel{background-position:-256px -32px; } #sub_community_forums .wrap_left h1.title{background:url('../images/community/forums_h1.gif') no-repeat top left;} #sub_community_forums .wrap_left .forum_wrap{padding:10px 20px; clear:both;} /* END forums */ /* START ranking */ #sub_community_rankings .wrap_left h1.title{background:url('../images/community/rankings_h1.gif') no-repeat top left;} #sub_community_rankings .ranking_wrap {padding-left:20px;clear:both;} .tabbing_wrap{height:26px; background:url('../images/community/tab_wrap_bg.gif') repeat-x top left;} .tabbing_wrap a, .tabbing_wrap span{background:url('../images/common/tabbing_blue.gif') no-repeat top left;} .tabbing_wrap a { height:26px; padding:0 0 0 16px; float:left; background-position:left -26px; margin-right:-1px; color:#666; text-decoration:none;} .tabbing_wrap a:hover{text-decoration:underline;} .tabbing_wrap span{ padding:4px 16px 7px 0px; background-position:right top; text-align:left; color:#666;display:block; float:left; height:15px; cursor:hand;} .tabbing_wrap a.sel{background-position:left -78px; } .tabbing_wrap a.sel span{background-position:right -52px;font-weight:bold;} * html .tabbing_wrap a {} * html .tabbing_wrap a span{padding-bottom:3px;} #sub_community_rankings .ranking_wrap .info label.magnify,#sub_community_rankings .ranking_wrap a.search,#sub_community_rankings .ranking_wrap a.showRanking {background:url('../images/community/icons.gif') no-repeat top left;} #sub_community_rankings .ranking_wrap .info{height:29px; border-bottom:1px solid #c5cfd9; background:#e8edf1; clear:both;} #sub_community_rankings .ranking_wrap .info h2{float:left; padding:5px 0 0 9px;} #sub_community_rankings .ranking_wrap .info .rightside{float:right; width:230px; padding:3px 0 0 3px;} #sub_community_rankings .ranking_wrap .info label,#sub_community_rankings .ranking_wrap .info .styleSelectWrap{float:left;} #sub_community_rankings .ranking_wrap .info label{font-weight:bold; margin-right:5px; line-height:21px;} #sub_community_rankings .ranking_wrap .info label.magnify{background:url('../images/community/icons.gif') no-repeat top left; height:22px; padding-left:32px; margin:4px 0 0 12px;} #sub_community_rankings input{border:1px solid #dbdbdc; height:16px; padding:3px 0 0 3px; } #sub_community_rankings .ranking_wrap .info input.uid{margin:4px 5px 0 3px; float:left; width:169px; } #sub_community_rankings .ranking_wrap a.search{display:block; background-position:left -45px; width:74px; height:23px; text-indent:-1000em; float:left; margin-top:3px;} #sub_community_rankings .ranking_wrap .info .styleSelectWrap input {width:169px; background-position:160px 9px;} #sub_community_rankings .ranking_wrap .info .styleSelectWrap div {width:166px;} #sub_community_rankings .ranking_wrap .info .rightside select{width:181px; margin-top:2px;} #sub_community_rankings .ranking_wrap .infoNote{background-color:#fff8cc; padding:5px 0 0 10px; height:24px; display:block; border-bottom:1px solid #c5cfd9;} #sub_community_rankings .ranking_wrap table.rankTable{width:100%; text-align:center;} #sub_community_rankings .ranking_wrap table.rankTable th,#sub_community_rankings .ranking_wrap table.rankTable td{background:url('../images/myplanet/profile/table_line.gif') repeat-y right top; padding:0 7px; text-align:right;} #sub_community_rankings .ranking_wrap table.rankTable th{background-color:#f6f8f9; height:24px; border-bottom:1px solid #d5d9dc;} #sub_community_rankings .ranking_wrap table.rankTable .ranking{width:72px;} #sub_community_rankings .ranking_wrap table.rankTable .level{width:86px; } #sub_community_rankings .ranking_wrap table.rankTable .nickname{width:273px; text-align:left;} #sub_community_rankings .ranking_wrap table.rankTable .exp{background-image:none; width:119px;} #sub_community_rankings .ranking_wrap table.rankTable td.exp{text-align:right; padding-right:13px; } #sub_community_rankings .ranking_wrap table.rankTable td{height:29px; border-bottom:1px solid #e4e4e4;} #sub_community_rankings .ranking_wrap table.rankTable td.nothing{text-align:center; padding-top:40px;} #sub_community_rankings .ranking_wrap table.rankTable td.nothing p{padding-bottom:40px;} #sub_community_rankings .ranking_wrap a.showRanking{margin:7px 14px 7px 0; display:block; float:right; background-position:left -22px; text-indent:-1000em; width:139px; height:23px;} #sub_community_rankings .ranking_wrap p{display:block; margin:10px 0 0 15px;} #sub_community_rankings .ranking_wrap .paging{clear:both; margin-top:20px;} #sub_community_rankings .ranking_wrap p.onelineInfo{background:url('../images/common/grey_1box.gif') no-repeat top left; padding:7px 14px 0px; display:block; width:630px; height:33px; margin:0px; margin-top:20px; } * html #sub_community_rankings .ranking_wrap p.onelineInfo{width:601px;} #sub_community_rankings .ranking_wrap p.onelineInfo span{background:url('../images/common/exclamation.gif') no-repeat top left; padding-left:22px;} span.uparrow,span.downarrow,span.minus {background:transparent url('../images/community/icons.gif') 0 0 no-repeat; display:-moz-inline-box; display:inline-block; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom; } span.uparrow{width:6px; height:13px; background-position:-74px -60px;} * html span.uparrow{background-position:-74px -57px;} *:first-child+html span.uparrow{background-position:-74px -57px;} span.downarrow{width:6px; height:13px; background-position:-80px -59px;} * html span.downarrow{background-position:-80px -56px;} *:first-child+html span.downarrow{background-position:-80px -56px;} span.minus{width:7px; height:13px; background-position:-86px -59px;} * html span.minus{background-position:-86px -56px;} *:first-child+html span.minus{background-position:-86px -56px;} /* END ranking */ /* START invite Friends */ /* it's #sub_myplanet_invite because invite function was originally under myplanet */ .sub_community #wrap_top .community_links a.invitefriends {background-position:-256px top;} #sub_myplanet_invite input.submit, #sub_myplanet_invite a.print { background:transparent url(../images/community/invite_friends_aux/buttons.gif) no-repeat scroll left top; display:block; text-indent:-1000em; } #sub_myplanet_invite a.print,#sub_myplanet_invite input.submit{ margin:15px 2px 5px 3px; height:28px; float:left; } #sub_myplanet_invite input.submit { width:98px; margin-left:46px; } * html #sub_myplanet_invite input.submit{margin-left:14px;} *:first-child+html #sub_myplanet_invite input.submit{margin-left:14px;} #sub_myplanet_invite a.print{ width:98px; background-position:-98px top; } div.printDiv{display:none;} div.printDiv_window{ width:305px; margin:0px auto 0; padding-top:20px; overflow:hidden; } /*div.printDiv_window a.print{display:block; text-decoration:none; color:#000; height:20px; width:114px; text-align:center; margin:0 auto; background:#eff;} div.printDiv_window a.print:hover{text-decoration:underline;} print button is disabled*/ div.printDiv_window div.wrap{width:305px; position:relative; } div.printDiv_window img.head{ display:block; position:absolute; z-index:0; top:-210px; left:0px; } * html div.printDiv_window img.head{ display:block; position:static; } div.printDiv_window div.body_wrap{ border:1px solid #999; border-top:none; border-bottom:none; padding:0 15px; margin-top:298px; position:relative; z-index:1; } * html div.printDiv_window div.body_wrap{position:static; margin-top:0px; padding-top:50px; } div.printDiv_window p.body{ text-align:left; /* width:261px;*/ padding:15px 10px; margin-top:-88px; /* margin-left:11px;*/ z-index:2; background-color:#fff; position:relative; } * html div.printDiv_window p.body{word-wrap:break-word;} *:first-child+html div.printDiv_window p.body{word-wrap:break-all; } div.printDiv_window span.ogp{display:block; width:135px; height:20px; margin-bottom:-20px; margin-left:0px; position:relative;} * html div.printDiv_window span.ogp{margin-left:-170px;} *:first-child+html div.printDiv_window span.ogp{margin-left:-170px;} #sub_community_invite h1.title{/*background:url('../images/community/invite_friends_aux/season_title.gif') no-repeat top left;*/ background:url('../images/myplanet/invite_h1.gif') no-repeat top left;} #sub_community_invite div.wrap{margin:109px 0 0 30px; clear:both;} * html #sub_community_invite div.wrap{margin-top:32px;} *:first-child+html #sub_community_invite div.wrap{margin-top:32px;} #sub_community_invite div.wrap div.flash{width:305px; height:410px; position:relative;} #sub_community_invite div.wrap div.flash div.animate{ padding:10px 0 10px 8px; height:143px; overflow:auto; width:273px; position:absolute; top:210px; left:11px; border:1px solid #d0d0d0; background:white; } #sub_community_invite div.wrap div.flash a.join{width:130px; height:19px; display:block; font-size:11px; margin-left:14px;margin-top:-33px; } #sub_community_invite div.wrap a.send{display:block; width:222px; height:232px; text-indent:-1000em; float:left; margin:-327px 0 0 359px; background:url('../images/community/invite_friends_aux/click_to_send.jpg') no-repeat left top; } * html #sub_community_invite div.wrap a.send{margin-left: 180px;} /* END invite Friends */ /* END Community */ /* START Support */ .sub_support #wrap_top {height:68px;} .sub_support #wrap_top ul.top_menu li a.support{background:url('../images/common/topmenu.gif') no-repeat -1215px top;} .sub_support #wrap_top .support_links, .sub_support #wrap_top .support_links a{background:url('../images/support/sub_top_menu.gif') no-repeat top left;} .sub_support #wrap_top .support_links {width:830px; height:32px; clear:left; padding-left:0px;} * html .sub_support #wrap_top .support_links {margin-left:-1px; width:831px;} *:first-child+html .sub_support #wrap_top .support_links {margin-left:0px;} .sub_support #wrap_top .support_links a {display:block; height:32px; float:left;} .sub_support #wrap_top .support_links a.faq,.sub_support #wrap_top .support_links a.faq_sel{width:70px;} .sub_support #wrap_top .support_links a.faq_sel{background-position:left -32px;} .sub_support #wrap_top .support_links a.helpDesk,.sub_support #wrap_top .support_links a.helpDesk_sel{width:90px; background-position:-70px top;} .sub_support #wrap_top .support_links a.helpDesk_sel{background-position:-70px -32px;} .sub_support #wrap_top .support_links a.guidelines,.sub_support #wrap_top .support_links a.guidelines_sel{width:94px; background-position:-160px top;} .sub_support #wrap_top .support_links a.guidelines_sel{background-position:-160px -32px;} .sub_support .support_wrap{padding-left:20px; clear:both;} /* START FAQ */ #sub_support_faq h1.title{background:url('../images/support/faq/h1_title.gif') no-repeat top left;} #sub_support_faq h2.title{background:url('../images/support/faq/h2_title.gif') no-repeat top left; text-indent:-1000em; clear:both; margin-bottom:5px;} #sub_support_faq div.search_block{background:url('../images/support/faq/search_bar_bg.gif') no-repeat top left; width:630px; height:35px; margin-bottom:10px;} #sub_support_faq div.search_block label,#sub_support_faq div.search_block select,#sub_support_faq div.search_block a,#sub_support_faq div.search_block input{ display:block; float:left; } #sub_support_faq div.search_block label{font-weight:bold; height:35px; margin-right:8px;line-height:35px; padding-left:12px;} #sub_support_faq div.search_block label.magnify{background:url('../images/common/magnify.gif') no-repeat 11px 12px; padding-left:31px; } #sub_support_faq div.search_block select#serviceID{margin-top:8px;} #sub_support_faq div.search_block input{border:1px solid #d9d9d9; padding:5px 3px 4px 6px; margin-top:6px; width:165px;} #sub_support_faq div.search_block input.selectGeneral{background-position:161px 10px;} #sub_support_faq div.search_block div.selectGeneralOptions{top:29px; width:168px;} #sub_support_faq div.search_block a.search,#sub_support_faq a.helpDesk,#sub_support_faq a.faqList {background:url('../images/support/faq/bus.gif') no-repeat top left; display:block; text-indent:-1000em;} #sub_support_faq div.search_block a.search{width:74px; height:23px; margin:6px 0 0 5px;} #sub_support_faq label.error{width:100%; display:block; text-align:center; color:red; font-weight:bold; } #sub_support_faq label.result{background:url('../images/common/dotLong.gif') no-repeat 2px 5px; padding-left:13px; display:block; margin-bottom:10px;} #sub_support_faq .subCategory{height:25px; padding:5px 0 0 10px; background:#e8edf1; color:#bebebe;} #sub_support_faq .noCategory{height:0px;} #sub_support_faq .subCategory a{color:#666; padding:0 5px; text-decoration:none;} #sub_support_faq .subCategory a:hover{text-decoration:underline;} #sub_support_faq .subCategory a.sel{font-weight:bold;} #sub_support_faq .faq_wrap{width:100%; } #sub_support_faq .faq_wrap ul li{border-bottom:1px solid #e4e4e4; padding:5px 15px 5px 25px;} #sub_support_faq .faq_wrap ul li.close{background:url('../images/support/faq/close.gif') no-repeat 9px 11px;} #sub_support_faq .faq_wrap ul li.open{background:url('../images/support/faq/open.gif') no-repeat 9px 13px;} #sub_support_faq .faq_wrap ul li h3.q{cursor:pointer;} #sub_support_faq .faq_wrap ul li p {padding-left:48px;} #sub_support_faq .faq_wrap ul li span.a{background:url('../images/support/faq/answer.gif') no-repeat left 3px; margin-left:-31px; padding-left:16px; font-weight:bold;} #sub_support_faq span.keyword{font-weight:bold;} #sub_support_faq a.faqList{width:139px; height:23px; background-position:-74px top; text-indent:-1000em; display:block; margin-left:478px; margin-top:10px;} #sub_support_faq div.helpDesk{width:606px; height:65px; background:url('../images/support/faq/greybox.gif') no-repeat top left; margin-top:20px; padding:12px 12px 0; margin-bottom:10px;} #sub_support_faq div.helpDesk p{line-height:1.2em; width:560px;} #sub_support_faq a.helpDesk{background-position:-213px top;height:23px; margin-left:482px; margin-top:5px;} /* END FAQ */ /* START Helpdesk */ #sub_support_helpdesk h1.title{background:url('../images/support/helpdesk/h1_title.gif') no-repeat top left;} #sub_support_helpdesk h2.title{background:url('../images/support/helpdesk/h2_title.gif') no-repeat top left; clear:both; text-indent:-1000em;} #sub_support_helpdesk div.errorBox{width:504px;} #sub_support_helpdesk div.errorBox br{display:none;} #sub_support_helpdesk .roundBox1{color:#666;} #sub_support_helpdesk .roundBox1 label,#sub_support_helpdesk .roundBox1 select,#sub_support_helpdesk .roundBox1 input,#sub_support_helpdesk .roundBox1 text {display:block; float:left;} #sub_support_helpdesk .roundBox1 label{width:80px; padding-right:8px; font-weight:bold; text-align:right;} #sub_support_helpdesk .roundBox1 input,#sub_support_helpdesk .roundBox1 textarea{border:1px solid #dbdbdb; padding:4px 5px 2px; width:157px; margin-right:7px; margin-bottom:10px;} #sub_support_helpdesk .roundBox1 select#f_categorytype{margin-bottom:10px;} #sub_support_helpdesk .roundBox1 input.selectGeneral{background-position:154px 8px;} #sub_support_helpdesk .roundBox1 div.selectGeneralOptions{width:161px;} #sub_support_helpdesk .roundBox1 p.description{margin-bottom:10px; margin-left:90px; font-size:11px;} #sub_support_helpdesk .roundBox1 input#f_subject,#sub_support_helpdesk .roundBox1 textarea#f_message,#sub_support_helpdesk .roundBox1 input#orderId, #sub_support_helpdesk .roundBox1 input#file {width:333px; } #sub_support_helpdesk .roundBox1 textarea#msg{height:92px;} #sub_support_helpdesk .buttons {width:555px; margin-top:27px;} *:first-child+html #sub_support_helpdesk .buttons {margin-top:8px;} * html #sub_support_helpdesk .buttons {margin-top:8px;} #sub_support_helpdesk .buttons input,#sub_support_helpdesk .buttons a{float:left; border:none; text-indent:-1000em;} #sub_support_helpdesk .buttons .submit,#sub_support_helpdesk .buttons .history{background:url('../images/support/helpdesk/bus.gif') no-repeat top left; display:block;} #sub_support_helpdesk .buttons .submit{width:98px; height:28px; margin-right:5px;} #sub_support_helpdesk .buttons .history{width:118px; height:28px; background-position:-98px top;} #sub_support_helpdesk label.error{text-align:center; font-weight:bold; color:red; width:555px; display:block; margin:10px 0 -10px 0;} #sub_support_helpdesk h1.bigCheckMsg span.submitted{background:url('../images/support/helpdesk/submitted.gif') no-repeat left 7px;} #sub_support_helpdesk .roundBox2 p{display:block; padding:10px;} #sub_support_helpdesk .buttons .helpdesk,#sub_support_helpdesk .buttons .home{background:url('../images/support/helpdesk/submitted_bus.gif') no-repeat top left; display:block;} #sub_support_helpdesk .buttons .helpdesk{margin-right:10px; margin-left:50px;width:178px; height:28px; text-indent:-1000em;} #sub_support_helpdesk .buttons .home{width:98px; height:28px; background-position:-178px top;} #sub_support_helpdesk h2.history{background:url('../images/support/helpdesk/h2_history.gif') no-repeat top left; text-indent:-1000em; height:15px; margin-bottom:7px;} #sub_support_helpdesk .right{display:block; float:right; text-align:right; width:300px; margin-top:-3px;} #sub_support_helpdesk table.historyTable{width:629px; margin-bottom:10px;} #sub_support_helpdesk table.historyTable th,#sub_support_helpdesk table.historyTable td{padding:3px 7px 2px; } *:first-child+html #sub_support_helpdesk table.historyTable td{padding:1px 7px 0px; height:28px;} *:first-child+html #sub_support_helpdesk table.historyTable th{padding-top:1px;} * html #sub_support_helpdesk table.historyTable td{padding:1px 7px 0px; height:25px;} * html #sub_support_helpdesk table.historyTable th{padding-top:1px;} #sub_support_helpdesk table.historyTable th{border-top:1px solid #c5cfd9; border-bottom:1px solid #d5d9dc; background:#f6f8f9; color:#666; } #sub_support_helpdesk table.historyTable th,#sub_support_helpdesk table.historyTable td{border-right:1px solid #e4e4e4;} #sub_support_helpdesk table.historyTable .no{border-left:none; width:33px; text-align:right;} #sub_support_helpdesk table.historyTable .category{width:142px;} #sub_support_helpdesk table.historyTable .subject{width:215px;} #sub_support_helpdesk table.historyTable td.subject div.float_wrap{position:relative;} #sub_support_helpdesk table.historyTable td.subject div.float{background:url('../images/support/helpdesk/float_bg.gif') no-repeat top left; width:386px; height:55px; display:none; overflow:hidden; padding:7px 11px 12px; line-height:1.2em; position:absolute; top:22px; left:18px; } #sub_support_helpdesk table.historyTable .date{width:79px;} #sub_support_helpdesk table.historyTable a{color:#666;} #sub_support_helpdesk table.historyTable th.date a{display:block; width:100%; } #sub_support_helpdesk table.historyTable th.date a.desc{background:url('../images/common/orange_downarrow.gif') no-repeat 70px 8px;} #sub_support_helpdesk table.historyTable th.date a.asec{background:url('../images/common/orange_uparrow.gif') no-repeat 70px 8px;} #sub_support_helpdesk table.historyTable .status{border-right:none; width:86px; padding:2px 3px;} #sub_support_helpdesk table.historyTable .status input.selectGeneral{width:77px; padding:2px 2px 2px 5px; font-weight:bold; background: #fff url('../images/common/grey_downarrow.gif') no-repeat 73px 7px;} * html #sub_support_helpdesk table.historyTable th.status div.styleSelectWrap{margin-bottom:0px;} #sub_support_helpdesk table.historyTable .status div.selectGeneralOptions{top:18px; width:78px;} #sub_support_helpdesk table.historyTable td{border-bottom:1px solid #e4e4e4; height:30px;} #sub_support_helpdesk a.helpdesk,#sub_support_helpdesk a.list{background:url('../images/support/helpdesk/view_bus.gif') no-repeat top left; display:block; text-indent:-1000em; float:left;} #sub_support_helpdesk a.helpdesk{width:159px; height:23px; margin-left:380px; margin-right:4px;} * html #sub_support_helpdesk a.helpdesk{ margin-left:190px;} #sub_support_helpdesk a.history_helpdesk{ margin-left:442px; margin-top:63px; } * html #sub_support_helpdesk a.history_helpdesk{ margin-left:221px;} #sub_support_helpdesk a.list{width:74px; height:23px; background-position:-159px top;} #sub_support_helpdesk table.historyViewTable{width:629px; margin-bottom:10px;} #sub_support_helpdesk table.historyViewTable td,#sub_support_helpdesk table.historyViewTable th{padding:3px 10px; border:1px solid #c5cfd9;} #sub_support_helpdesk table.historyViewTable td{background:#f6f8f9;} #sub_support_helpdesk table.historyViewTable th{background:#e8edf1;} #sub_support_helpdesk table.historyViewTable .col1{width:64px;} #sub_support_helpdesk table.historyViewTable .col2{width:277px;} #sub_support_helpdesk table.historyViewTable .col3{width:89px;} #sub_support_helpdesk table.historyViewTable .col4{width:128px;} #sub_support_helpdesk table.historyViewTable .noLborder{border-left:none;} #sub_support_helpdesk table.historyViewTable .noRborder{border-right:none;} #sub_support_helpdesk table.historyViewTable td.qna{background:#fff;} #sub_support_helpdesk table.historyViewTable td.qna div {margin-top:15px; display:block;} #sub_support_helpdesk table.historyViewTable td.qna div.a{padding-bottom:25px;} #sub_support_helpdesk table.historyViewTable td.qna div.a h3{background:url('../images/support/faq/answer.gif') no-repeat left 4px; padding-left:18px; color:#ff7200;} #sub_support_helpdesk .roundBox2{margin-right:-20px;} /* END Helpdesk */ /* START Guidelines */ #sub_support_guidelines .wrap_left h1.title{background:url('../images/support/guidelines/h1_title.gif') no-repeat top left;} #sub_support_guidelines .wrap_left table.guidelines{width:630px; margin-top:22px;} #sub_support_guidelines .wrap_left table.guidelines .noL{border-left:none;} #sub_support_guidelines .wrap_left table.guidelines .noR{border-right:none;} #sub_support_guidelines .wrap_left table.guidelines th{border-top:1px solid #c5cfd9; border-bottom:1px solid #d5d9dc; text-align:center; background:#f6f8f9; padding:2px 0px;} #sub_support_guidelines .wrap_left table.guidelines th,#sub_support_guidelines .wrap_left table.guidelines td{border-left:1px solid #e4e4e4; } #sub_support_guidelines .wrap_left table.guidelines td{border-bottom:1px solid #e4e4e4; height:60px; text-align:center;padding:2px 8px;} #sub_support_guidelines .wrap_left table.guidelines tr.even td{background:#fff;} #sub_support_guidelines .wrap_left table.guidelines tr.odd td{background:#f4f4f4;} #sub_support_guidelines .wrap_left table.guidelines .left{text-align:left;} #sub_support_guidelines .wrap_left table.guidelines th.col1{text-align:left; padding-left:8px;} #sub_support_guidelines .wrap_left table.guidelines td{width:62px;} #sub_support_guidelines .wrap_left table.guidelines td.left{width:211px;} #sub_support_guidelines .wrap_left div.warning{background:url('../images/support/guidelines/warning_box.gif') no-repeat top left; width:576px; height:88px; padding:10px 27px; margin-top:20px;} #sub_support_guidelines .wrap_left div.warning p{line-height:17px;} span.red{color:red;} /* END Guidelines */ /* END Support */ /* START News */ .sub_news #wrap_top {height:68px;} .sub_news #wrap_top ul.top_menu li a.news{background:url('../images/common/topmenu.gif') no-repeat -1134px top;} .sub_news #wrap_top .news_links, .sub_news #wrap_top .news_links a{background:url('../images/news/sub_top_menu.gif') no-repeat top left;} .sub_news #wrap_top .news_links {width:830px; height:32px; clear:left; padding-left:0px;} * html .sub_news #wrap_top .news_links {margin-left:-1px; width:831px;} *:first-child+html .sub_news #wrap_top .news_links {margin-left:0px;} .sub_news #wrap_top .news_links a {display:block; height:32px; float:left;} .sub_news #wrap_top .news_links a.notice,.sub_news #wrap_top .news_links a.notice_sel{width:83px;} .sub_news #wrap_top .news_links a.notice_sel{background-position:left -32px;} .sub_news #wrap_top .news_links a.events,.sub_news #wrap_top .news_links a.events_sel{width:77px; background-position:-83px top;} .sub_news #wrap_top .news_links a.events_sel{background-position:-83px -32px;} .sub_news #wrap_top .news_links a.patchupdate,.sub_news #wrap_top .news_links a.patchupdate_sel{width:137px; background-position:-160px top;} .sub_news #wrap_top .news_links a.patchupdate_sel{background-position:-160px -32px;} .sub_news #wrap_top .news_links a.pr,.sub_news #wrap_top .news_links a.pr_sel{width:113px; background-position:-297px top;} .sub_news #wrap_top .news_links a.pr_sel{background-position:-297px -32px;} .sub_news .news_wrap{padding-left:20px; clear:both;} /* 2 table types - one with image, one without image. */ .newsList {margin-bottom:10px;} .newsList .newsItem{padding:10px 0; clear:both; border-bottom:1px solid #e6e6e6; } .newsList .newsItem .newsImg{padding:4px; border:1px solid #e6e6e6; width:166px; height:92px; display:block; float:left; margin-right:15px; } .newsList .newsItem span.newsCat{font-weight:bold; padding-right:4px; font-size:11px;} .newsList .newsItem h3{font-size:14px;} .newsList .newsItem a{color:#666; text-decoration:none;} .newsList .newsItem a:hover {text-decoration:underline;} .newsList .newsItem p{padding-right:10px; margin-left:191px; width:426px;} .newsList .newsItem .clear{clear:both;} .newsItemView {border:1px solid #e6e6e6; padding:9px; overflow:hidden; } * html .newsItemView{width:605px;} .newsItemView img{display:block; overflow:hidden;} table.listTable{width:630px; margin-top:11px; margin-bottom:10px;} table.listTable .noLBorder{border-left:none;} table.listTable .noRBorder{border-right:none;} table.listTable thead td.top{border-top:1px solid #c5cfd9; border-bottom:1px solid #c5cfd9; background:#e8edf1;} table.listTable thead td.top label.left{display:block; float:left; padding:3px 10px;} table.listTable thead td.top div.right{display:block; float:right; padding:3px 10px;} table.listTable thead td.top div.right span{display:block; float:left; margin-right:7px;} table.listTable thead td.top div.right select#gameSubject{width:174px;} table.listTable thead td.top div.right input.selectGeneral{display:block; float:left; padding:2px 10px; width:152px; background-position:158px 7px;} table.listTable thead td.top div.right div.selectGeneralOptions{width:166px; top:18px;} table.listTable thead tr.headCells td{background:#f6f8f9; border-bottom:1px solid #d5d9dc; border-right:1px solid #e4e4e4; font-weight:bold; text-align:center; padding:6px 7px;} table.listTable thead tr.headCells td.subject{text-align:left;} table.listTable thead tr.headCells td.view{text-align:right;} table.listTable thead tr.headCells td.noRBorder{border-right:none;} table.listTable tbody td{padding:6px 7px;} table.listTable td.no{width:33px;} table.listTable td.games{width:92px;} table.listTable td.subject{} table.listTable td.postedBy{width:73px;} table.listTable td.date{width:62px; } table.listTable td.view{width:48px;} table.listTable tbody td{ border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} table.listTable tbody td a{color:#666;} table.listTable tbody td a:hover{text-decoration:underline;} table.listTable td.no{text-align:center;} table.listTable td.games{text-align:center;} table.listTable td.postedBy{text-align:center;} table.listTable td.date{text-align:center;} table.listTable td.view{text-align:right;} table.listViewTable{margin-top:15px; width:630px; color:#666; margin-bottom:10px;} table.listViewTable .noLBorder{border-left:none;} table.listViewTable .noRBorder{border-right:none;} table.listViewTable td,table.listViewTable th{padding:3px 10px; border:1px solid #c5cfd9;} table.listViewTable th{background:#e8edf1; font-size:12px; text-align:left; width:66px; padding:3px 9px;} table.listViewTable td{background:#f6f8f9;} table.listViewTable td.message{background:#fff;} table.listViewTable td.message div.message{min-height:220px; padding-top:10px; padding-bottom:10px;} * html table.listViewTable td.message div.message{height:220px;} div.printWrap_print{size:landscape;} div.printWrap_print table.listViewTable{margin-top:15px; width:900px; color:#000; margin-bottom:10px; font-size:12px;} div.printWrap_print table.listViewTable .noLBorder{border-left:none;} div.printWrap_print table.listViewTable .noRBorder{border-right:none;} div.printWrap_print table.listViewTable td,div.printWrap_print table.listViewTable th{padding:3px 10px; border:none;} div.printWrap_print table.listViewTable th{background:#fff; font-size:12px; text-align:left; width:66px; padding:3px 9px 3px 11px;} div.printWrap_print table.listViewTable td{background:#fff;} div.printWrap_print table.listViewTable td.message{background:#fff;} div.printWrap_print table.listViewTable td.message div.message{min-height:220px; padding-top:10px; padding-bottom:10px; border-top:1px solid #000;} * html div.printWrap_print table.listViewTable td.message div.message{height:220px;} /* end table types */ .sub_news input#pageno{width:30px; padding:3px 5px; border:1px solid #d9d9d9; margin-left:10px; float:left;} .sub_news input#pagesubmit{background:url('../images/news/page.gif') no-repeat top left; width:36px; height:16px; cursor:hand; border:none; display:block; float:left; margin-top:3px; margin-left:4px; } .sub_news img.list_img{display:block; clear:both; padding-left:630px; padding-top:75px; width:0px; height:0px; border:none;} .sub_news img.news_top_a18{background:url('../images/news/news_top_a18.jpg') no-repeat top left;} .sub_news img.news_top_cabal{background:url('../images/news/news_top_cabal.jpg') no-repeat top left;} .sub_news img.news_top_ogp{background:url('../images/news/news_top_ogp.jpg') no-repeat top left;} .sub_news img.news_top_bbt{background:url('../images/news/news_top_bbt.jpg') no-repeat top left;} .sub_news img.news_top_latale{background:url('../images/news/news_top_latale.jpg') no-repeat top left;} .sub_news img.news_top_rf{background:url('../images/news/news_top_rf.jpg') no-repeat top left;} .sub_news a.printPost,.sub_news a.list{background:url('../images/news/notice/bus.gif') no-repeat top left; display:block; text-indent:-1000em;} .sub_news a.printPost{width:116px; height:16px; float:left; margin-left:10px;} .sub_news a.list{width:74px; height:23px; background-position:-116px; float:right; margin-right:10px;} /* Start event */ #sub_news_events h1.title{background:url('../images/news/events/h1_title.gif') no-repeat top left;} #sub_news_events .paging{clear:both; margin-top:45px;} #sub_news_events hr{width:630px; display:block; border:none; border-bottom:1px solid #e4e4e4; height:1px; margin-top:30px;} * html #sub_news_events hr{width:625px;} #sub_news_events a.listButton{background:url('../images/news/events/list_bu.gif') no-repeat top left; display:block; text-indent:-1000em; width:74px; height:23px; margin-left:546px; margin-top:10px; margin-bottom:20px;} #sub_news_events .newsItemView br{display:none;} /* End event */ /* Start notice */ #sub_news_notice h1.title{background:url('../images/news/notice/h1_title.gif') no-repeat top left;} #sub_news_notice .paging{clear:both; margin-top:45px;} /* End notice */ /* Start patch */ #sub_news_patches h1.title{background:url('../images/news/patches/h1_title.gif') no-repeat top left;} #sub_news_patches div.icons{padding-top:10px; padding-left:10px; margin-bottom:-5px;} #sub_news_patches div.icons span{margin-right:5px;} #sub_news_patches span.updateIcon,#sub_news_patches span.patchIcon{ display:-moz-inline-box; display:inline-block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:middle; width:12px; height:11px; } #sub_news_patches span.updateIcon{background-image:url('../images/news/patches/icons.gif'); background-position:left -11px;} #sub_news_patches span.patchIcon{background-image:url('../images/news/patches/icons.gif'); background-position:left top;} #sub_news_patches table.listTable td.subject span{margin-right:4px; display:block; float:left; margin-top:4px;} #sub_news_patches table.listViewTable td.content span{display:block; float:left; margin-top:4px; margin-right:4px;} #sub_news_patches .paging{clear:both; margin-top:45px;} /* End patch */ /* Start Press Release */ #sub_news_press h1.title{background:url('../images/news/press/h1_title.gif') no-repeat top left;} #sub_news_press .paging{clear:both; margin-top:45px;} #sub_news_press .newsList .newsImg{width:95px; height:95px;} #sub_news_press .newsList .newsItem p{margin-left:120px; width:492px;} /* End Press Release */ /* END News */ /* START Footers */ .wrap_left .main_footer_wrap{padding-left:16px; clear:both;} * html .wrap_left .main_footer_wrap{padding-left:15px; margin-right:-8px;} /* Start employment */ #sub_footer_job h1.title{background:url('../images/footer/employment/h1_title.gif') no-repeat top left;} #sub_footer_job h2.title{background:url('../images/footer/employment/h2_title.gif') no-repeat top left; width:325px; height:90px; padding:75px 29px 23px 276px; clear:both; font-size:12px;font-weight:normal; line-height:17px; margin-bottom:20px;} #sub_footer_job h2.openings{background:url('../images/footer/employment/h2_openings.gif') no-repeat top left; display:block; height:24px; text-indent:-1000em; } #sub_footer_job div.opening {margin-top:20px; margin-bottom:10px; width:630px; clear:both;} #sub_footer_job div.opening img{display:block; width:0px; height:0px; padding-top:100px; padding-left:100px; float:left; margin-top:4px; margin-right:20px; background-repeat:no-repeat; background-position:top left;} #sub_footer_job div.opening p{width:510px; margin-left:120px;} #sub_footer_job div.opening h1{font-size:14px; color:#ff7200;} #sub_footer_job div.opening hr{display:block; height:1px; border:none; border:1px solid #e4e4e4; width:} /* End employment*/ /* START Sitemap */ #sub_footer_sitemap h1.title{background:url('../images/footer/sitemap/h1_title.gif') no-repeat top left;} #sub_footer_sitemap div.sitemap{width:158px; height:163px;background:url('../images/footer/sitemap/sitemap_bg.gif') no-repeat -1px -8px; float:left; padding-top:9px;} #sub_footer_sitemap div.sitemap a{text-decoration:none;} #sub_footer_sitemap div.sitemap a:hover{text-decoration:underline;} #sub_footer_sitemap div.sitemap .mapTitle{height:25px; display:block; line-height:19px; padding-left:37px; background:url('../images/common/orange_donut_bullet.gif') no-repeat 20px 6px; } #sub_footer_sitemap div.sitemap .mapTitle a{color:#ff7200;} #sub_footer_sitemap div.sitemap ul {margin-left:-4px;} #sub_footer_sitemap div.sitemap li {background:url('../images/common/orange_square_bullet.gif') no-repeat 25px 9px;} #sub_footer_sitemap div.sitemap li a{color:#666;} #sub_footer_sitemap div.games{ } #sub_footer_sitemap div.news{width:156px; } #sub_footer_sitemap div.account{width:156px;} #sub_footer_sitemap hr{height:1px; display:block; border:none; border-bottom:1px solid #ececec; width:631px; margin-top:10px; margin-bottom:8px;} * html #sub_footer_sitemap hr{margin-top:-6px; margin-bottom:2px;} *:first-child+html #sub_footer_sitemap hr{margin-top:-6px; margin-bottom:2px;} /* END Sitemap */ /* START ABOUT US */ #sub_footer_about h1.title{background:url('../images/footer/aboutme/h1_title.gif') no-repeat top left;} #sub_footer_about h2.title{background:url('../images/footer/aboutme/h2_title.gif') no-repeat left -1px; clear:both; text-indent:-1000em;} #sub_footer_about div.some_media{width:590px; height:240px; margin:30px 0 30px 15px;} #sub_footer_about span.orange{font-weight:bold; font-size:14px;} #sub_footer_about span.slogan{display:block; width:161px; height:39px; margin-left:460px; text-indent:-1000em; margin-top:40px; background:url('../images/footer/aboutme/slogan.gif'); } #sub_footer_about a.bu{display:block; text-indent:-1000em; background:url('../images/footer/aboutme/bus.gif'); width:130px; height:35px; float:left; margin-right:7px; margin-top:40px;} #sub_footer_about a.employ{margin-left:111px;} #sub_footer_about a.press{background-position:-138px top;} #sub_footer_about a.contact{background-position:-275px top;} /* END ABOUT US */ /* END Footers */ /* START SURVEY */ #sub_survey h1.title{background:url('../images/survey/h1_title.gif') no-repeat top left;} #sub_survey h2.title{background:url('../images/survey/h2_title.jpg') no-repeat top left; display:block; text-indent:-1000em; width:555px; height:76px;} #sub_survey h3.take{background:url('../images/survey/take.gif') no-repeat top left; display:block; text-indent:-1000em; width:555px; height:22px; margin-top:27px; } #sub_survey div.item{padding: 11px 6px 0px; border-bottom:1px solid #dfdfdf; width:543px;} #sub_survey div.item h4{font-weight:normal;} #sub_survey div.item h4 span.no{font-weight:bold; padding-right:6px;} #sub_survey div.item div.options{margin-top:11px; margin-bottom:15px;} #sub_survey div.item div.options div.option{width:86px; float:left;} #sub_survey div.item div.options div.option,#sub_survey div.item div.options div.option_line{padding-left:22px; margin-bottom:3px;} * html #sub_survey div.item div.options div.option, *:first-child+html #sub_survey div.item div.options div.option{margin-bottom:0px;} * html #sub_survey div.item div.options div.option_line, *:first-child+html #sub_survey div.item div.options div.option_line{margin-bottom:0px;} #sub_survey div.item div.options input{display:block; margin:0 0 -16px -22px; padding-right:10px;} * html #sub_survey div.item div.options input{margin-bottom:-19px;} *:first-child+html #sub_survey div.item div.options input{margin-bottom:-19px;} #sub_survey div.item div.options div.break{clear:both;} * html #sub_survey div.item div.options div.break{clear:both; height:2px;} *:first-child+html #sub_survey div.item div.options div.break{clear:both; height:2px;} #sub_survey form {display:block; width:555px;} #sub_survey form input.submit{background:url('../images/survey/bu.gif') no-repeat top left; margin:14px auto 14px; border:none; cursor:hand; width:98px; height:28px; display:none; } #sub_survey .errorBox{display:none;} /* END SURVEY */ /* END .wrap_left */ /* START .wrap_right */ .content .wrap_right{width:164px; float:left;} .content .wrap_right .ad,.content .wrap_right .ad_outside{margin-top:15px; width:163px;} .content .wrap_right .ad_outside{padding-top:15px; background:url('../images/ad/ad_outside_bg.gif') no-repeat top left; } /* END .wrap_right */ /* START .main_bottom */ .content .main_bottom{clear:both; height:10px;} /* END .main_bottom */ /*end content*/ #footer{height:57px;width:999px; /* behavior:url('../static/css/iepngfix.htc'); */ /*background:url('../images/common/footer_bg.png') no-repeat top left;*/ background:url('../images/common/footer_bg.gif') no-repeat top left; text-align:center; margin:0 auto; padding-top:25px; } * html #footer{background:url('../images/common/footer_bg.gif') no-repeat top left;} #footer p{color:#fff;} #footer p a{color:#fff; text-decoration:none;} #footer p a:hover{text-decoration:underline;} #footer p a.add_bm{display:inline; padding-left:15px; background:url('../images/common/footer_bookmark.gif') no-repeat top left;} /*** VALIDATION CSS ***/ .LV_validation_message, .LV_invalid, .LV_valid {display:block; font-size:11px; float:left; height:23px; padding-left:15px;} .LV_valid, .LV_invalid{background:url('../images/signup/create/validation.gif') no-repeat left top;} .LV_invalid{background-position:left -26px;} /*** END VALIDATION CSS ***/ /* modal stuff */ #nyroModalLoading .showBG {background:url('../images/myplanet/friendProfile/modalWaiting.gif') no-repeat center top;} #nyroModalLoading .showBG .showBGtop{background: url(http://static.ogplanet.com/static/Common/js/jquery/plugins/nyroModal/img/ajaxLoader.gif) no-repeat scroll center center; width:100%; height:100%;} /* Game layer CSS */ .game_list_layer {position:absolute; top:504px; left:50%; width:497px; height:236px; display:none;} .game_list_layer .top_peak {position:relative; z-index:2000; width:100%; height:10px; font-size:1px; background:url('../images/main/game_layer/peak.gif') no-repeat 28px 0px;} .game_list_layer .left {float:left; margin: -1px 0 0 0; width:5px; height:214px; } * html .game_list_layer .left {float:left; margin:0; width:0; height:214; } .game_list_layer .left .left_top {width:5px; height:6px; font-size:1px; background:url('../images/main/game_layer/game_layer_top_left.png') no-repeat left top;} * html .game_list_layer .left .left_top {width:0; height:6px; font-size:1px; background:url('') no-repeat left top;} .game_list_layer .left .left_mdl {width:5px; height:210px; background:url('../images/main/game_layer/game_layer_left.png') repeat-y left top;} * html .game_list_layer .left .left_mdl {width:0; height:6px; font-size:1px; background:url('') no-repeat left top;} .game_list_layer .right {float:left; margin: -1px 0 0 0; width:5px; height:214px;} * html .game_list_layer .right {float:left; margin:0; width:3px; height:214; } .game_list_layer .right .right_top {width:5px; height:6px; font-size:1px; background:url('../images/main/game_layer/game_layer_top_right.png') no-repeat left top;} * html .game_list_layer .right .right_top {width:0; height:6px; font-size:1px; background:url('') no-repeat left top;} .game_list_layer .right .right_mdl {width:5px; height:210px; background:url('../images/main/game_layer/game_layer_right.png') repeat-y left top;} * html .game_list_layer .right .right_mdl {width:0; height:6px; font-size:1px; background:url('') no-repeat left top;} .game_list_layer .bottom {float:left; margin:0; width:100%; height:12px;} .game_list_layer .bottom .bottom_left {float:left; width:5px; height:12px; font-size:1px; background:url('../images/main/game_layer/game_layer_btm_left.png') no-repeat left top;} * html .game_list_layer .bottom .bottom_left {background:url('') repeat-x left top;} .game_list_layer .bottom .bottom_mdl {float:left; width:487px; height:12px; font-size:1px; background:url('../images/main/game_layer/game_layer_btm_mdl.png') repeat-x left top;} * html .game_list_layer .bottom .bottom_mdl {background:url('') repeat-x left top;} *:first-child+html .game_list_layer .bottom .bottom_mdl {width:487px;} .game_list_layer .bottom .bottom_right {float:left; width:5px; height:12px; font-size:1px; background:url('../images/main/game_layer/game_layer_btm_right.png') no-repeat left top;} * html .game_list_layer .bottom .bottom_right {background:url('') repeat-x left top;} .game_list_layer .game_list_layer_contents {z-index:1000; float:left; margin: -1px 0 0 0; width:485px; height:214px; background-color:#ffffff; border:1px solid #A7A7A7;} .game_list_layer .game_list_layer_contents .contents_wrap {margin:7px 7px 0 18px; width:100%;} .game_list_layer .game_list_layer_contents .contents_wrap .close {width:458px; height:12px; font-size:1px; text-align:right;} * html .game_list_layer .game_list_layer_contents .contents_wrap .close {margin:0 0 0 0;} *:first-child+html .game_list_layer .game_list_layer_contents .contents_wrap .close {margin:0 0 0 -28px;} .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .flash_box {float:left; width:233px; height:174px;} .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .flash_box .game_list_scr{position:relative; margin: 0 0 -174px 0;width:233px; height:174px; z-index:2;} .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .flash_box #ogp_glmovie_loader{position:relative; z-index:1;} .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box {float:left; width:210px; margin: 0 0 0 15px; text-align:left; font-family:Arial,Verdana;} .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box .game_layer_title_01 {font-size:10px; color:4E4E4E; line-height:10px;} * html .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box .game_layer_title_01 {margin:-2px 0 0 0;} *:first-child+html .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box .game_layer_title_01 {margin:-2px 0 0 0;} .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box #game_layer_title_img {margin: 0 7px -1px 0;} .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box .game_layer_contents_01 {font-size:11px; color:4E4E4E; line-height:12px; margin: 8px 0 0 0; font-family:Arial, Verdana;} .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box .global {margin:1px 0 4px 0; font-size:11px; font-weight:bold; color:#FF7200;} .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box .scr_list_01 {float:left; } .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box .scr_list_02 {float:left; margin:0 0 0 6px; } .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box .close_aday {float:right; margin: 5px 10px 0 0; font-size:10px; color:888888; text-decoration:underline; cursor:pointer; display:table-cell;} * html .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box .close_aday {margin: 2px 5px 0 0;display:inline; zoom:1;} *:first-child+html .game_list_layer .game_list_layer_contents .contents_wrap .contents_box .text_box .close_aday {margin: 2px 10px 0 0;display:inline; zoom:1;} /* Game layer CSS small window */ .game_list_layer_s {position:absolute; top:504px; left:50%; margin:0 0 0 -85px; width:259px; height:190px; display:none;} .game_list_layer_s .top_peak {position:relative; z-index:2000; margin:0 0 0 63px; width:100%; height:10px; font-size:1px; background:url('../images/main/game_layer/peak.gif') no-repeat 115px 0px;} .game_list_layer_s .left {float:left; margin: -1px 0 0 0; width:5px; height:148px; } .game_list_layer_s .left .left_top {width:5px; height:6px; font-size:1px; background:url('../images/main/game_layer/game_layer_top_left.png') no-repeat left top;} * html .game_list_layer_s .left .left_top {background:url('') repeat-x left top;} .game_list_layer_s .left .left_mdl {width:5px; height:145px; background:url('../images/main/game_layer/game_layer_left.png') repeat-y left top;} * html .game_list_layer_s .left .left_mdl {height:146px; background:url('') repeat-x left top;} *:first-child+html .game_list_layer_s .left .left_mdl {height:146px;} .game_list_layer_s .right {float:left; margin: -1px 0 0 0; width:5px; height:148px;} .game_list_layer_s .right .right_top {width:5px; height:6px; font-size:1px; background:url('../images/main/game_layer/game_layer_top_right.png') no-repeat left top;} * html .game_list_layer_s .right .right_top {background:url('') repeat-x left top;} .game_list_layer_s .right .right_mdl {width:5px; height:145px; background:url('../images/main/game_layer/game_layer_right.png') repeat-y left top;} * html .game_list_layer_s .right .right_mdl {height:144px; background:url('') repeat-x left top;} *:first-child+html .game_list_layer_s .right .right_mdl {height:144px;} .game_list_layer_s .bottom {float:left; margin:0; width:100%; height:12px;} .game_list_layer_s .bottom .bottom_left {float:left; width:5px; height:12px; font-size:1px; background:url('../images/main/game_layer/game_layer_btm_left.png') no-repeat left top;} * html .game_list_layer_s .bottom .bottom_left {background:url('') repeat-x left top;} .game_list_layer_s .bottom .bottom_mdl {float:left; width:241px; height:12px; font-size:1px; background:url('../images/main/game_layer/game_layer_btm_mdl.png') no-repeat left top;} * html .game_list_layer_s .bottom .bottom_mdl {width:240px; background:url('') repeat-x left top;} *:first-child+html .game_list_layer_s .bottom .bottom_mdl {width:240px;} .game_list_layer_s .bottom .bottom_right {float:left; width:5px; height:12px; font-size:1px; background:url('../images/main/game_layer/game_layer_btm_right.png') no-repeat left top;} * html .game_list_layer_s .bottom .bottom_right {background:url('') repeat-x left top;} .game_list_layer_s .game_list_layer_contents {z-index:1000; float:left; margin: -1px 0 0 0; width:239px; height:148px; background-color:#ffffff; border:1px solid #A7A7A7;} * html .game_list_layer_s .game_list_layer_contents {width:221px;} .game_list_layer_s .game_list_layer_contents .contents_wrap {margin:7px 7px 0 18px; width:100%;} .game_list_layer_s .game_list_layer_contents .contents_wrap .close {width:215px; height:12px; font-size:1px; text-align:right;} * html .game_list_layer_s .game_list_layer_contents .contents_wrap .close {margin:0 0 0 -25px;} *:first-child+html .game_list_layer_s .game_list_layer_contents .contents_wrap .close {margin:0 0 0 -25px;} .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box {float:left; width:210px; margin: 0 0 0 0; text-align:left; font-family:Arial,Verdana;} .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box #game_layer_title_s {font-size:10px; color:4E4E4E; line-height:10px;} * html .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box #game_layer_title_s {margin:-2px 0 0 0;} *:first-child+html .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box #game_layer_title_s {margin:-2px 0 0 0;} .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box #game_layer_title_img {margin: 0 7px -1px 0;} .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box #game_layer_contents_s {height:57px; font-size:11px; color:4E4E4E; line-height:13px; margin: 8px 0 0 0;} .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box .global {font-size:11px; font-weight:bold; color:#FF7200; line-height:10px;} .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box .bbt_coming {margin:4px 0 0 0; font-size:11px; font-weight:bold; color:#267BDA; line-height:10px; } .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box #scr_01 {float:left; } .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box #scr_02 {float:left; margin:0 0 0 6px; } .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box .close_aday {float:right; margin: 6px 10px 0 0; font-size:10px; color:888888; text-decoration:underline; cursor:pointer;} * html .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box .close_aday {margin:6px 0 0 0;} *:first-child+html .game_list_layer_s .game_list_layer_contents .contents_wrap .contents_box .text_box .close_aday {margin:6px 0 0 0;}