/* page structure */ body {background: url(/image/payment/psubp_bg_gradient.jpg) top repeat-x; text-align: center; margin: 0px; padding: 0px;} #psubp_bg_norepeat {width: 1004px; background: url(/image/payment/psubp_bg_top.jpg) top left no-repeat; margin: 0px auto; text-align: center;} /* header */ #psubp_header_area {width: 100%; height: 70px; margin: 0px auto; text-align: left; position: relative; z-index: 3; } /* ijji logo link */ #psubp_ijjilogolink {position: absolute; top: 0px; left: 22px;} #psubp_ijjilogobtm {position: absolute; top: 70px; left: 32px;} /* //ijji logo link */ /* main menu topbar navigation */ #psubp_topnavbar_position {position: absolute; top: 22px; left: 423px;} #psubp_topnavbar {display:inline; list-style:none; height:26px; overflow:hidden; margin:0px; padding: 0px;} #psubp_topnavbar li {display:inline; list-style-type:none;} #psubp_topnavbar a {float:left; height:26px; margin:0px; font-size:0; } #psubp_topnavbar a:hover {background-position: 0 -26px;} #psubp_topnavbar a.selected, #psubp_topnavbar a.selected:hover{background-position: 0 -26px} #topnavbar_allgames a {width: 135px; background: url(/image/payment/psubp_topbar_navi01.gif) top left no-repeat; text-indent:-9000px;} #topnavbar_avatar a {width: 92px; background: url(/image/payment/psubp_topbar_navi02.gif) top left no-repeat; text-indent:-9000px;} #topnavbar_forum a {width: 85px; background: url(/image/payment/psubp_topbar_navi03.gif) top left no-repeat; text-indent:-9000px;} #topnavbar_myaccount a {width: 124px; background: url(/image/payment/psubp_topbar_navi04.gif) top left no-repeat; text-indent:-9000px;} /* submenu positioning */ #topnavsubmenu {position: relative; top: -17px; left: 52px; z-index: 1000; width: 100%;} #topnavsubmenu_allgames_helfer_frame {position: absolute;top:0px;left:361px;width:289px;filter:Alpha(Opacity=10);display:none;} #topnavsubmenu_allgames {position: absolute; top: 0px; left: 361px; z-index: 1001; width: 289px;} /* //submenu positioning */ /* //main menu topbar navigation */ /* main menu my */ #psubp_mymenu {position: absolute; top: 22px; left: 862px;} #psubp_mymenu img {display: block;} /* //main menu my */ /* top signin+signout */ #psubp_topsignin {position: absolute; top: 29px; left: 925px;} #psubp_topsignin img {display: block;} /* //top signin+signout */ /* //header */ /* footer */ #footer_area {width: 950px; height: 58px; margin: 0px auto; text-align: left; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; margin-top: 35px;} /* //footer */ /* center area */ #psubp_centerarea_colcontainer {width: 1004px; height: auto; margin: 0px auto;} #psubp_centerarea_bg_shadow_left {float: left; width: 22px; height: 350px; min-height: 350px; background: url(/image/payment/psubp_bg_mc_gradient_l.jpg) top right no-repeat;} #psubp_centerarea_bg_shadow_right {float: left; width: 189px; height: 350px; min-height: 350px; background: url(/image/payment/psubp_bg_mc_gradient_r.jpg) top left no-repeat;} #psubp_centerarea_bg_center {float: left; width: 793px; height: auto; min-height: 588px; background-color: #FFFFFF;} #psubp_centerarea_bg_btm {width: 100%; height: 0px; clear: both;} /* Fixes IE6/7 float problem, include comment tag between tags */ #psubpcontent_bg_corner_left {float: left; width: 10px; height: 10px; background: url(/image/payment/psubp_bg_mc_corner_t_l.jpg) top left no-repeat;} #psubpcontent_bg_center_area {float: left; width: 783px;} #psubpcontent_bg_center_btm {width: 100%; height: 0px; clear: both;} /* Fixes IE6/7 float problem, include comment tag between tags */ /* right banner */ #rbanner_area {float: left; width: 160px; margin-left: 7px;} #rbanner_area img {} #rbanner_area #rbanner_area_box {} /* //right banner */ /* //center area */ /* center content */ /* center area that contains left menu and right content */ #mcontent_m01_area_colcontainer {width: 783px; margin-top: 0px; text-align: left; background: url(/image/payment/psubp_bg_lmenu_y.gif) top left repeat-y;} /* left menu column */ #mcontent_m01_leftcol_lmenu {float: left; display: table; width: 161px; height: 588px; margin-top: 15px; margin-right: 15px; padding-top: 0px; text-align: left;} #m01_leftcol_lmenu_inner_overflow {width: 161px; overflow: hidden; text-align: left;} /* //left menu column */ /* right content column */ #mcontent_m01_rightcol {float: left; display: block; width: 593px; height: auto; margin-top: 15px; margin-right: 0px; padding-top: 0px; } /* inner left content and inner right login+avatar area */ #m01_rightcol_inner_leftcol {float: left; width: 424px; margin-right: 0px; overflow: visible; text-align: left;} #m01_rightcol_inner_rightcol {float: right; width: 164px; margin-right: 0px; overflow: hidden; text-align: center;} #m01_rightcol_inner_btm {width: 100%; height: 0px; clear: both;} /* //inner left content and inner right login+avatar area */ /* //right content column */ #mcontent_m01_btm {width: 100%; height: 40px; background: url(/image/payment/psubp_bg_lmenu_btm.gif) top left no-repeat; clear: both;} /* Fixes IE float bug */ /* //center area that contains left menu and right content */ /* center area that contains no left menu */ #mcontent_m02_area_noleftmenu {width: 783px; margin-top: 0px; text-align: left;} /* //center area that contains no left menu */ /* DEBUG MODE */ /* #psubp_centerarea_colcontainer {background-color: violet;} #mcontent_area_colcontainer {background-color: blue;} #mcontent_m01_leftcol_lmenu {background-color: green;} #mcontent_m01_rightcol {background-color: red;} #m01_rightcol_inner_nocol div {color: white;} #m01_rightcol_inner_nocol span {color: yellow;} #m01_rightcol_inner_leftcol {background-color: pink;} #m01_rightcol_inner_rightcol {background-color: gold;} #mcontent_m01_btm {background-color: brown;} */ /* //DEBUG MODE */ /* //center content */ /* left menu areas */ /* left list title */ #psubp_leftmenu_title {} #psubp_leftmenu_title img {display: block;} /* //left list title */ #psubp_leftmenu {width: 151px; margin-top: 6px;} #psubp_leftmenu li {border-bottom: 1px solid #EAEAEA;} #psubp_leftmenu a:hover {background-position: 0px -27px;} #psubp_leftmenu a.selected, #psubp_leftmenu a.selected:hover {background-position: 0px -54px;} /* leftmenu sub */ #psubp_leftmenu li.leftmenu_lsubmenu {border-bottom: 0px;} #psubp_leftmenu li.leftmenu_lsubmenu ul {width: 151px; margin-top: 0px;} #psubp_leftmenu li.leftmenu_lsubmenu ul li {padding: 6px 0px 8px 0px;} #psubp_leftmenu li.leftmenu_lsubmenu ul li a:link, #psubp_leftmenu li.leftmenu_lsubmenu ul li a:visited, #psubp_leftmenu li.leftmenu_lsubmenu ul li a:hover, #psubp_leftmenu li.leftmenu_lsubmenu ul li a:active {display: block; padding-left: 18px; font-size: 9px; line-height: 13px; color: #999999;} #psubp_leftmenu li.leftmenu_lsubmenu ul li a:hover {color: #FE5700;} /* Firefox bug */ html>body #psubp_leftmenu li.leftmenu_lsubmenu ul li a {position: relative; top: 1px;} /* //Firefox bug */ /* //leftmenu sub */ /* leftmenu image buttons */ #lminigame01 a {display: block; width:151px; height: 27px; background:url(/image/payment/cgw_lmenu_minigame01.gif) top left no-repeat; text-indent:-9000px;} #lminigame02 a {display: block; width:151px; height: 27px; background:url(/image/payment/cgw_lmenu_minigame02.gif) top left no-repeat; text-indent:-9000px;} #lminigame03 a {display: block; width:151px; height: 27px; background:url(/image/payment/cgw_lmenu_minigame03.gif) top left no-repeat; text-indent:-9000px;} #lpuzzlegame01 a {display: block; width:151px; height: 27px; background:url(/image/payment/cgw_lmenu_puzzlegame01.gif) top left no-repeat; text-indent:-9000px;} #lpuzzlegame02 a {display: block; width:151px; height: 27px; background:url(/image/payment/cgw_lmenu_puzzlegame02.gif) top left no-repeat; text-indent:-9000px;} #lpuzzlegame03 a {display: block; width:151px; height: 27px; background:url(/image/payment/cgw_lmenu_puzzlegame03.gif) top left no-repeat; text-indent:-9000px;} #lavatar01 a {display: block; width:151px; height: 27px; background:url(/image/payment/avt_lmenu_avatar01.gif) top left no-repeat; text-indent:-9000px;} #lavatar02 a {display: block; width:151px; height: 27px; background:url(/image/payment/avt_lmenu_avatar02.gif) top left no-repeat; text-indent:-9000px;} #lavatar03 a {display: block; width:151px; height: 27px; background:url(/image/payment/avt_lmenu_avatar03.gif) top left no-repeat; text-indent:-9000px;} #lavatar04 a {display: block; width:151px; height: 27px; background:url(/image/payment/avt_lmenu_avatar04.gif) top left no-repeat; text-indent:-9000px;} /* //leftmenu image buttons */ /* left list title */ .psubp_leftlist_title {margin-top: 18px; clear: both;} .psubp_leftlist_title img {display: block;} /* //left list title */ /* psubp_leftlist ul li */ .psubp_leftlist {width: 151px; margin-top: 0px;} .psubp_leftlist li {border-top: 1px solid #EAEAEA; padding: 6px 0px 8px 0px;} .psubp_leftlist li.top {border-top: 0px;} .psubp_leftlist li a:link, .psubp_leftlist li a:visited, .psubp_leftlist li a:hover, .psubp_leftlist li a:active {display: block; padding-left: 7px; font-size: 9px; line-height: 13px; color: #999999;} .psubp_leftlist li a:hover {color: #FE5700;} /* Firefox bug */ html>body .psubp_leftlist li a {position: relative; top: 1px;} /* //Firefox bug */ /* //leftlist ul li */ /* //left menu areas */ /* page structure */