/* aion ncwest main css */
/* last modify : 09-09-17 hyeran@ncsoft.net */
@import url("layout.css");
@import url("login.css");

h1 {display:none;}
.skip {display:none;}
hr {display:none;}

.ranktip {
	background-image: url('http://foro.mu-trujillo.net/index_files/info_table.jpg');
}
.was { color:#999999;
	}
.wasres { color:#CCCCCC;
	}
.viewchar {
	background-image: url('http://foro.mu-trujillo.net/index_files/options.jpg');
}

#div_middle #div_left {float:left; width:209px; margin:18px 0 0 0; padding:0 0 30px 13px !important;}
#div_middle #div_center {float:left; width:720px; margin:18px 0 0 0; padding:0 0 20px 10px; overflow:hidden;}
#div_left h2 {font-family:"MS Reference", Sans-serif; font-size:15px;}
#div_left p img {width:209px; height:54px; border:0 none !important;}
#div_center h2, h3, p, div, ul, li, dl, dt, dd {list-style-type:none; margin:0; padding:0;}
#div_center h2 {font-family:"MS Reference", Sans-serif; font-size:15px;}
#div_contents {float:left; width:466px !important; padding-right:10px;}
#div_contents h2 {position:relative; width:454px; margin:0; padding:6px 0 0 10px; height:25px; border-bottom:1px solid #dbe6e4; background:url("http://static.na.aiononline.com/aion/main/bg_h2.gif") repeat-x left top;}
#div_contents h2 a {font-size:11px; background:none;}
#div_contents h2 a.guide {padding-left:10px; background:url("http://static.na.aiononline.com/aion/main/bg_main.gif") no-repeat 2px -176px;}
#div_contents h2 span {position:absolute; right:10px; top:10px; font-weight:normal;}

#div_contents #promotion {position:relative; z-index:10; width:466px; height:218px; margin-bottom:10px; overflow:hidden;}
#div_contents .promotion {width:466px; height:218px;}
#div_contents .promotion {position:relative; margin-bottom:10px;}
#div_contents .promotion p {position:absolute; bottom:0; width:446px; height:58px; padding:5px 10px 9px 10px; color:#c2c2c2; background:#000; opacity:0.8; filter:alpha(opacity=80);}
#div_contents .promotion p strong {display:block; padding-bottom:3px; color:#eecc2e; font-style:normal; font-weight:bold; font-family:"MS Reference", Sans-serif; font-size:18px;}
#div_contents .promotion p span {display:block; width:350px; cursor:pointer;}
.jcarousel-skin-tango .jcarousel-container {position:relative; z-index:10;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:466px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:466px; height:218px;}
.jcarousel-skin-tango .jcarousel-item {width:466px; height:218px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:#fff; color:#000;}
/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute; bottom:10px; right:10px; width:20px;height:18px; cursor:pointer; background:url("http://static.na.aiononline.com/aion/main/btn_bg.gif") no-repeat 9px -67px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position:absolute; bottom:10px; right:68px; width:20px; height:18px; cursor:pointer; background:url("http://static.na.aiononline.com/aion/main/btn_bg.gif") no-repeat 7px -47px;}
/* Additional styles for the controls. */
.jcarousel-control {position:absolute; right:27px; bottom:14px; width:40px; height:10px; z-index:100; text-align:left;}
.jcarousel-control a {display:inline-block; padding:0 5px; margin:0; text-indent:-99999px; background:url("http://static.na.aiononline.com/aion/main/btn_bg.gif") no-repeat 0 -13px;}
.jcarousel-control a:focus,
.jcarousel-control a:active {outline:none;}
.jcarousel-control a.selected {background:url("http://static.na.aiononline.com/aion/main/btn_bg.gif") no-repeat 0 2px;}
.jcarousel-control a span {text-indent:-9999px;}
*html .jcarousel-control {position:absolute; bottom:8px;}
*html .jcarousel-control a {display:inline-block; padding:0 2px; text-indent:0px;}
*html .jcarousel-control a span {display:block; width:5px; height:5px; text-indent:-9999px;}
*+html .jcarousel-control {position:absolute; bottom:20px;}
*+html .jcarousel-control a {display:inline-block; padding:0 2px; width:5px; height:10px; text-indent:0px;}
*+html .jcarousel-control a span {display:block; width:5px; height:5px; text-indent:-9999px;}
.jcarousel-scroll {margin-top:10px; text-align:center;}
.jcarousel-scroll form {margin:0; padding:0;}
.jcarousel-scroll select {font-size:75%;}
/* jCarousel core stylesheet */
/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container {position:relative;}
.jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative;}
.jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
.jcarousel-list li,
/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-item {float:left; list-style:none; width:466px; height:218px;}
.jcarousel-item p {margin:0; padding:0;}
/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next {z-index:3; display:none;}
.jcarousel-prev {z-index:3; display:none;}
#div_contents .today_powerwiki {clear:both; overflow:hidden; float:left; position:relative; width:464px; margin:-6px 0 10px 0; border:1px solid #dbe6e4;}
#div_contents .today_powerwiki h2 {font-family:"MS Reference", Sans-serif; font-size:15px;}
#div_contents .today_powerwiki h2 a {font-size:15px;}
#div_contents .today_powerwiki h2 span a {font-size:11px !important;}
#div_contents .today_powerwiki ul {margin:12px 10px 0 10px;}
#div_contents .today_powerwiki ul  li {clear:both; height:68px;}
#div_contents .today_powerwiki ul  li img {float:left; width:118px; height:57px; border:1px solid #CCC;}
#div_contents .today_powerwiki ul  li span {float:left; width:310px; padding:0 0 0 10px; cursor:pointer;}
#div_contents .today_powerwiki ul  li span a {display:block;}
#div_contents .today_powerwiki ul  li span strong {display:block; color:#487e88; font-family:"MS Reference", Sans-serif; font-size:14px; padding:1px 0 5px 0;}
#div_contents .recommendation {clear:both; position:relative; width:464px; margin:0 0 10px 0; border:1px solid #dbe6e4;}
#div_contents .recommendation ul {overflow:hidden; padding:10px 10px 6px 10px;}
#div_contents .recommendation ul li {float:left; width:213px; padding:0 0 5px 5px; text-align:left; background:url("http://static.na.aiononline.com/aion/main/bg_main.gif") no-repeat 0 -111px;}
#div_contents .recommendation ul li strong {display:inline-block; width:85px; color:#123550;}
#div_contents .media {clear:both; position:relative; width:464px; margin:0 0 10px 0; border:1px solid #dbe6e4;}
#div_contents .media ul {overflow:hidden; margin:12px 0 12px 10px;}
#div_contents .media li {float:left; width:105px; margin:0 6px 0 0; text-align:center; background-color:#ebebeb;}
#div_contents .media li img {width:103px; height:101px; border:1px solid #959595;}
#div_contents .media li a:hover img {text-decoration:none !important;}
#div_contents .media li.concept_art {width:108px;}
#div_contents .media li.concept_art img {width:104px; height:101px; border:1px solid #959595;}
#div_contents .media li.video {width:106px;}
#div_contents .media li.video img {width:102px; height:99px; border:2px solid #000000;}
#div_contents .media li strong {display:inline-block; padding:3px 0;}

#div_right {float:left; width:244px;}
#div_right .banner {width:244px; margin-bottom:10px;}
#div_right .banner img {width:244px; height:218px;}
#div_right .highlights {position:relative; width:242px; margin:0 0 10px 0; border:1px solid #d1d3d9;}
#div_right .highlights h2 {position:relative; margin:0; padding:6px 0 0 10px; height:25px; border-bottom:1px solid #dbe6e4; background:url("http://static.na.aiononline.com/aion/main/bg_h2.gif") repeat-x left top;}
#div_right .highlights h2 span {position:absolute; right:10px; top:11px; font-size:11px;}
#div_right .highlights h2 a {display:block; text-decoration:none;}
#div_right .highlights h2 a span {color:#808183;}
#div_right .highlights h2 a:hover span {color:#808183; text-decoration:underline;}
#div_right .highlights dl {margin:0 10px 0 10px;}
#div_right .highlights dl dt {padding:10px 0 0 10px; font-weight:bold; background:url("http://static.na.aiononline.com/aion/main/bg_main.gif") no-repeat 0 -288px;}
#div_right .highlights dl dd {padding-bottom:4px; border-bottom:1px dashed #d1d3d9;}
#div_right .highlights dl dd.last {border-bottom:0 none;}
#div_right .highlights ul li a:hover {color:#487e88;}
#div_right .highlights ul {padding:5px 0 0 0;}
#div_right .highlights ul li {padding:0 0 6px 12px; background:url("http://static.na.aiononline.com/aion/main/bg_main.gif") no-repeat 5px -362px; font-family:airal; font-size:12px;}
#div_right .highlights ul li span {display:block; padding-top:3px; font-size:11px; color:#666666;}
#div_right .highlights ul li span em {padding-right:5px;}
#div_right .highlights ul li span em a {padding-right:8px; color:#487e88; font-style:normal; text-align:right; background:url("http://static.na.aiononline.com/aion/main/bg_main.gif") no-repeat right -286px;}
#div_right .banner_txt {position:relative; height:113px; padding:0; margin-bottom:10px;}
#div_right .banner_txt p {position:absolute; bottom:0; width:224px; padding:5px 10px; color:#c2c2c2;}
#div_right .banner_txt p em {display:block; color:#eecc2e; font-style:normal;}
#div_right .banner_txt img {width:244px; height:113px;}
#div_right .follow {width:234px; padding:10px 0 10px 8px; border:1px solid #d1d3d9; background-color:#f4f4f4;}
#div_right .follow h2 {display:none; font-size:0; text-indent:-10000000px;}
#div_right .follow h3 {width:226px; padding-bottom:3px; font-size:13px;}
#div_right .follow ul {width:226px; height:70px; background:url("http://static.na.aiononline.com/aion/main/bg_main.gif") no-repeat -4px -437px;}
#div_right .follow ul li {display:inline; padding:0 3px 10px 0;}/*border-bottom:1px dashed #d1d3d9;*/
#div_right .follow ul li a {display:inline-block; width:55px; height:48px; margin:2px 0 0 0; padding:0;}
#div_right .follow ul li a.twitter {display:inline-block; width:50px; height:48px; margin:2px 0 0 0; padding:0;}
#div_right .follow ul li a.rss {display:inline-block; width:51px; height:48px; margin:2px 0 0 3px; padding:0;}
#div_right .follow ul li a span {display:none; text-indent:-9999px;}
#div_right .follow .newsletter label {display:block; padding:2px 0 3px 0; font-size:10px; color:#a4a4a4;}
#div_right .follow .newsletter input {width:213px; height:14px; margin-bottom:5px; padding:3px 5px; font-size:11px; color:#FFF; border:1px solid #c4c4c4; background-color:#a3a3a3; }
#div_right .follow .newsletter a {text-decoration:underline; color:#487e88; font-size:11px;}

#div_wrap .sitemap {clear:both; float:left; width:937px; margin:5px 0 3px 13px; border:1px solid #CCC;}
* html #div_wrap .sitemap {margin:5px 0 5px 7px;}
#div_wrap .sitemap h2 {margin:0; padding:10px 0 5px 10px; border-bottom:1px solid #CCC; font-size:12px;}
#div_wrap .sitemap dl {overflow:hidden; float:left; width:140px; padding:10px 10px 10px 40px;}
#div_wrap .sitemap dl dt {padding-bottom:5px; font-weight:bold;}
#div_wrap .sitemap dl dd {padding:0 0 6px 10px; font-size:11px; background:url("http://static.na.aiononline.com/aion/main/bg_main.gif") no-repeat 0 -230px;}
#div_wrap .sitemap dl dd.update a {color:#335a70;}
#div_wrap .sitemap dl.news {width:120px !important; padding-left:45px;}
#div_wrap .sitemap dl.livestatus {width:180px !important; padding-left:30px;}

/* search */
#search_area {clear:both; position:relative; z-index:1000; width:466px; height:96px; margin:0; padding:0;}
#search_area h2 {display:none;}
#search_area .search {float:left;width:452px; height:96px; padding:11px 0 0 14px; background:url("http://static.na.aiononline.com/aion/main/bg_search.gif") no-repeat left top;}
#search_area .search .select {clear:both; width:452px; margin:0 0 0 -4px; padding:0; list-style-type:none; overflow:hidden;}
#search_area .search .select li {float:left; padding:2px 9px 3px 9px; color:#19363e; line-height:1; background:url("http://static.na.aiononline.com/aion/main/bg_search.gif") no-repeat 0 -234px;}
#search_area .search .select li.first {background:none; padding-left:5px;}
#search_area .search .select li a {color:#123550; text-decoration:underline; cursor:pointer;}
#search_area .search .select li a.on {color:#000; text-decoration:none;}
#search_area .search .select li label {cursor:pointer;}
#search_area .search .select li input {vertical-align:middle; margin:-3px 0 -3px; border:1px solid red;}
/*
#search_area .search .inputform {clear:both; margin:4px 0 5px 0;}
#search_area .search .inputform input {vertical-align:middle; width:361px; height:14px; padding:6px 7px 0 7px; color:#000; border:3px solid #2f4f5f;}
#search_area .search .inputform input.btn_search {vertical-align:middle;width:46px;height:25px;margin:0 0 0 -1px;padding:0;cursor:pointer;border:none;}
*/
/*realtime search*/
#search_area #realTime_area {position:absolute; top:56px; z-index:10000; width:195px; height:18px;}
#search_area .realtime {float:left; position:absolute; top:5px; z-index:10000; width:185px; margin:0; padding:0;}
#search_area .realtime dt {width:90px;height:13px;margin:0;padding:0 5px 0 1px; font-size:10px; color:#603913;}
#search_area .realtime dd {height:12px; margin:0 0 0 95px; padding:0;}
#search_area .realtime dd li {list-style-type:none;}
#search_area #rankList {display:none; position:absolute; top:-16px; left:90px; z-index:10000; width:188px; margin:0 !important; padding:0 !important;}
*+html #search_area #rankList {display:none; position:absolute; top:-2px; left:40px; z-index:10000; width:191px; margin:0 !important; padding:0 !important;}
*html #search_area #rankList {top:0; left:50px;}
*+html #wrap_live {width:230px;}
#search_area #wrap_live {margin-left:4px;}
#search_area #wrap_live #liveTopList {position:relative; top:0; left:0; height:191px; padding:5px 10px 10px 10px; background:#f4f4f4 url("http://static.na.aiononline.com/aion/main/ic_search.gif") no-repeat 10px 8px; vertical-align:top; border:1px solid #dbe5e4;}
*html #search_area #wrap_live #liveTopList {position:relative; top:0; left:0; height:121px !important;}
*+html #search_area #wrap_live #liveTopList {height:191px;}
#search_area #wrap_live #liveTopList li {list-style-type:none !important; height:21px; margin:0; padding:0 0 0 17px;}
#search_area #wrap_live #liveTopList li a {display:inline-block; width:120px;}
#search_area #wrap_live #liveTopList li {width:148px; height:16px !important; margin-top:-1px; padding:0 0 5px 20px; vertical-align:middle; cursor:pointer; font-family:arial; font-size:13px;}
#search_area #wrap_live #liveTopList li .rank {display:inline-block; width:22px; height:10px; text-align:right; font-size:10px;}
#search_area #wrap_live #liveTopList li .up {background:url("http://static.na.aiononline.com/aion/main/ic_search.gif") no-repeat 0 -270px;}
#search_area #wrap_live #liveTopList li .down {background:url("http://static.na.aiononline.com/aion/main/ic_search.gif") no-repeat 0 -294px;}
#search_area #wrap_live #liveTopList li .same {background:url("http://static.na.aiononline.com/aion/main/ic_search.gif") no-repeat 0 -243px;}
#search_area #wrap_live #liveTopList li .new {background:url("http://static.na.aiononline.com/aion/main/ic_search.gif") no-repeat 0 -224px;}

#wrap_live2 {position:relative; top:-13px; left:0; z-index:10000; overflow:hidden; width:165px; height:14px; margin:0; padding:0;}
#scrollRanking {position:relative;top:0;left:0; z-index:10000; width:165px !important; margin:0; padding:0;}
#scrollRanking li {width:198px; height:16px !important; margin-top:-1px; padding:0 0 0 20px; vertical-align:middle; cursor:pointer; font-family:arial; font-size:13px; background:url("http://static.na.aiononline.com/aion/main/ic_search.gif") no-repeat left top;}
#scrollRanking li a {display:inline-block; width:112px; text-decoration:none;}
#scrollRanking li.num1 {background-position:0 4px;}
#scrollRanking li.num2 {background-position:0 -16px;}
#scrollRanking li.num3 {background-position:0 -36px;}
#scrollRanking li.num4 {background-position:0 -56px;}
#scrollRanking li.num5 {background-position:0 -76px;}
#scrollRanking li.num6 {background-position:0 -96px;}
#scrollRanking li.num7 {background-position:0 -116px;}
#scrollRanking li.num8 {background-position:0 -136px;}
#scrollRanking li.num9 {background-position:0 -156px;}
#scrollRanking li.num10 {background-position:0 -176px;}
#scrollRanking li span {display:inline-block; background-image:url("http://static.na.aiononline.com/aion/main/ic_search.gif"); background-position:none; background-repeat:no-repeat; width:13px; padding-left:12px; font:9px/13px tahoma; text-align:left;}
#scrollRanking li .up{background-position:0 -270px;}
#scrollRanking li .down{background-position:0 -294px;}
#scrollRanking li .same{background-position:0 -243px;}
#scrollRanking li .new{background-position:0 -224px;}
#liveTopList .over {font-weight:bold;}
#liveTopList .out {font-weight:normal !important;}

/* suggest */
.suggest_wrapper{display:none;position:absolute;left:170px;top:42px;z-index:10000000 !important; padding:1px;width:357px;color:#444;font-size:12px;border:1px solid #37769f;background-color:#fff;}
.suggest_wrapper .footer {display:none; clear:both;height:26px;margin:0;padding:0;background-color:#f2f2f2;_margin:0px; text-align:right;}
.suggest_wrapper .footer p{margin:0;padding:7px 10px 0 0 !important;font:normal 11px Dotum;color:#888;letter-spacing:-1px;}
.suggest_wrapper .footer a{height:10px;overflow:hidden;line-height:100%;text-decoration:none;color:#888;padding:0 0 0 4px;border-left:1px solid #ddd;}
.suggest_wrapper .footer strong{margin:0 !important; padding:0 0 0 7px !important; text-align:right; font-weight:normal;}
.suggest_wrapper .footer span {text-align:right;}
.suggest_off, .suggest_on{cursor:pointer;}
.suggest_list{display:none; overflow-x:hidden; overflow-y:hidden;padding-bottom:2px; }
.suggest_list ul	{margin:0; padding:0; list-style-type:none; }
.suggest_list ul li{line-height:18px;font-size:12px;cursor:pointer;padding-left:8px;}
.suggest_list ul li.startback{padding-top:1px;border-top:1px solid #eee;}
.suggest_list ul li.mouseon{ background-color:#f5f5f5; }
.suggest_list ul li.keyon{background-color:#f5f5f5; }
.suggest_guide{display:none; position:relative !important; z-index:10000000 !important; display:none; padding:10px 5px;overflow-x:hidden; overflow-y:auto; font-size:11px;}
.wrap_mainsearch {position:absolute;width:400px;height:91px;margin:0 auto 12px auto;}
.wrap_mainsearch h2{display:none;}
.wrap_mainsearch .inputbox{position:absolute;left:170px;top:16px;display:block;width:355px;height:22px; border:3px solid #2f4f5f; background-color:#fff;}
.wrap_mainsearch .inputbox input {padding:3px 0 0 5px;}
.wrap_mainsearch .nofocus{width:327px;height:17px;vertical-align:middle;padding:5px 0 0 5px;cursor:text;border:0 none;background:#fff;}
.wrap_mainsearch .suggest{width:327px;height:17px;vertical-align:middle;padding:5px 0 0 5px;cursor:text;border:0 none;background:#fff;}
.wrap_mainsearch .suggest_toggle{display:none; position:absolute;left:510px;top:25px;cursor:pointer;}
.wrap_mainsearch .suggest_submit{position:absolute;left:534px;top:16px;width:77px;height:28px;cursor:pointer;vertical-align:middle;border:none;text-indent:-1000px;overflow:hidden;background:url('http://static.na.aiononline.com/aion/main/btn_search.gif') no-repeat left top;}
#form_default {clear:both; position:absolute; left:-170px; top:9px; z-index:10000000 !important;}
#form_total {clear:both; position:absolute; left:-170px; top:9px; z-index:10000000 !important;}
#form_char {clear:both; position:absolute; left:-170px; top:9px; z-index:10000000 !important;}
#form_powerbook {clear:both; position:absolute; left:-170px; top:9px; z-index:10000000 !important;}

/* myOn */
#myOn {clear:both; float:left; width:466px; margin:0; padding:0 0 6px 0;}
#myOn h2, dfn {display:none;}
#myOn h3 {border:0 none;}
#myOn em {font-style:normal;}
#myOn .myOn_loading {position:relative; margin-bottom:10px; background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat 0 -485px;}
#myOn .myOn_loading h3  {display:inline-block; height:22px; margin:0; padding:5px 0 0 10px; font-size:12px; color:#FFF; font-weight:normal; color:#636363;}
#myOn .myOn_loading h3 .refresh {position:absolute; right:10px; top:5px; width:52px; text-decoration:underline; color:#9a9a90; cursor:pointer; text-indent:-999px;}

#myOn .wrap {clear:both; float:left; position:relative; margin-bottom:10px; padding:0; background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat left top;}
#myOn .wrap a {color:#676767;}
#myOn .wrap {position:relative; background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat 0 -485px;}
#myOn .wrap h3 .name {display:inline-block; height:19px; margin:0; padding:5px 0 0 10px; font-size:12px; color:#FFF; font-weight:normal;}
#myOn .wrap h3 .name strong {font-weight:bold; color:#eecc2e;}
#myOn .wrap h3 .refresh {position:absolute; right:10px; top:5px; width:52px; text-decoration:underline; color:#9a9a90; cursor:pointer; text-indent:-9999999px;}
#myOn .notify {clear:both; width:466px; height:40px; background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat 1px -326px;}
#myOn .notify li {float:left; margin:0; padding:0;}
#myOn .notify li strong a {display:inline-block; position:relative; width:66px; height:19px; padding:38px 0 0 0; text-align:center; cursor:pointer;}
#myOn .notify li strong a:hover {background-image:url("http://static.na.aiononline.com/aion/login/bg_myon.gif"); background-repeat:no-repeat; padding:38px 0 0 0;}
#myOn .notify li.noti01 strong a:hover {background-position:1px -382px;}
#myOn .notify li.noti02 strong a:hover {background-position:-65px -382px;}
#myOn .notify li.noti03 strong a:hover {background-position:-131px -382px;}
#myOn .notify li.noti04 strong a:hover {background-position:-197px -382px;}
#myOn .notify li.noti05 strong a:hover {background-position:-265px -382px;}
#myOn .notify li.noti06 strong a:hover {background-position:-333px -382px;}
#myOn .notify li.noti07 strong a:hover {background-position:-399px -382px;}
#myOn .notify li em {color:#487e88; font-weight:bold;}
#myOn .notify li.noti04 strong a {width:68px !important;}
#myOn .notify li.noti05 strong a {width:68px !important;}

#myOn .notify li strong {font-family:verdana; font-size:11px; letter-spacing:-0.1em;}
#myOn .notify li strong em {text-decoration:underline; cursor:pointer;}
#myOn .notify li a {text-decoration:none;}
#myOn h4 {clear:both; margin:0; padding:5px 0 3px 0; border-bottom:1px solid #dcdadb; font-size:13px; color:#363322;}
#myOn .activity {float:left; width:456px; margin-top:15px; padding:0 0 2px 10px; line-height:20px; background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat left bottom;}
#myOn .activity p {clear:both; position:absolute; right:0; top:5px; width:100px; height:20px; margin-top:-10px; text-align:right; color:#9c9c9c;}
#myOn .activity p span {vertical-align:middle;}
#myOn .activity p .paging {display:block; padding:0 5px 0 0;}
#myOn .activity p span a {display:block; width:16px; height:15px;}
#myOn .activity p .prev {background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat 0 -45px; width:16px; height:15px;}
#myOn .activity p .next {background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat -16px -45px; width:16px; height:15px;}
#myOn .activity p em {margin-right:3px !important; color:#487e88; font-weight:bold; font-style:normal; font-family:tahoma;}
#myOn .activity ul {margin-top:7px;}
#myOn .activity ul li {display:block; color:#9c9c9c;}
#myOn .activity .recent {position:relative; width:446px; padding-bottom:10px;}
#myOn .activity .recent p {position:absolute; bottom:0; margin:0; padding:0;}
#myOn .activity .recent span {display:inline-block; font-size:11px;}
#myOn .activity .recent .article {width:125px; font-size:12px; color:#9c9c9c;}
#myOn .activity .recent em {margin-right:10px;}
#myOn .activity .recent em  a {color:#487e88;}
#myOn .activity .recent .part1 {display:inline-block; background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat -131px 1px; padding-left:20px;}
#myOn .activity .recent .part2 {display:inline-block; background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat -131px -20px; padding-left:20px;}
#myOn .myOnLayer {position:absolute; z-index:10000;}
#myOn #lyr_friend {left:145px; top:80px; width:170px;}
#myOn #lyr_legion {left:215px; top:80px; width:170px;}
#myOn .myOnLayer h3 {background:#feffff url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat -266px -183px; width:170px; height:29px; margin:0; padding:0;}
#myOn #lyr_friend h3 {background:#feffff url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat -448px -183px; width:170px; height:29px; margin:0; padding:0;}
#myOn .myOnLayer h3 span {display:block; position:relative; top:4px; left:149px; background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat 0 -203px; width:20px; height:25px; border-right:1px solid #85aab3; cursor:pointer;}
#myOn .myOnLayer dl {width:168px; margin-top:-2px; border:1px solid #85aab3; border-top:0 none; font-size:11px;}
#myOn .myOnLayer dl dt {background-color:#e9e9e9; padding:5px 0 3px 0; border-top:0 none;}
#myOn .myOnLayer dl dt a {display:inline-block; background:url("http://static.na.aiononline.com/aion/login/bg_myon.gif") no-repeat 33px -155px; width:39px; margin-left:10px;}
#myOn .myOnLayer dl dt span {margin-left:57px; padding-right:5px; text-align:left;}
#myOn .myOnLayer dl dd {background:#feffff; padding:5px 0 0 0; height:113px; overflow-y:scroll;}
#myOn .myOnLayer dl dd li {line-height:19px; vertical-align:middle;}
#myOn .myOnLayer dl .name {float:left; width:119px; padding-left:10px;}
#myOn .myOnLayer dl .status {float:left; width:22px; padding-left:0;font-family:tahoma; font-size:9px;}
#myOn .myOnLayer dl .status li {line-height:19px; vertical-align:top;}
#myOn .myOnLayer dl dd strong {color:#f6653f;}
#myOn .myOnLayer dl dd p.none {clear:both; padding-top:10px; text-align:center;}
#myOn .wrap {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-shadow-color:#cccccc;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#f9f9f9;
scrollbar-arrow-color:#cccccc;

}