@charset "utf-8";
@Import url("common.css");
@Import url("bbs.css");
@Import url("rating.css");

div.body .content_wrap .title { width:728px; height:42px; margin:16px 10px 10px 10px; border-bottom:1px solid #E1E1E1; }
div.body .content_wrap .title p { margin-left:15px; width:auto; height:100%; line-height:42px; font-size:12pt; color:#4D4D4D; font-weight:bold; }

/***** NewUser Wrap *****/
div.body .content_wrap .newuser_wrap { position:relative; margin:10px; width:100%; height:auto; }
div.body .content_wrap .newuser_wrap .banner { width:100%; height:90px; }
div.body .content_wrap .newuser_wrap .welcome { margin:10px; width:708px; line-height:16px; }
div.body .content_wrap .newuser_wrap .step { float:left; width:728px; margin-bottom:20px; border:1px solid #E1E1E1; }
div.body .content_wrap .newuser_wrap .step .header { width:100%; height:32px; line-height:32px; border-bottom:1px solid #E1E1E1; background-color:#EEEEEE; }
div.body .content_wrap .newuser_wrap .step .header b { margin-left:10px; font-size:10pt; }
div.body .content_wrap .newuser_wrap .step p { margin:10px; }
div.body .content_wrap .newuser_wrap .step p a { color:#369E15; text-decoration:underline; font-weight:bold; }
div.body .content_wrap .newuser_wrap .noborder { border:none; }
div.body .content_wrap .newuser_wrap .noborder .header { width:100%; height:32px; line-height:32px; border:1px solid #E1E1E1; background-color:#EEEEEE; }
div.body .content_wrap .newuser_wrap ul { float:left; margin:0px; padding:0px; }
div.body .content_wrap .newuser_wrap ul li { clear:left; float:left; margin-top:5px; border:1px solid #E1E1E1; width:726px; }
div.body .content_wrap .newuser_wrap ul li .info { position:relative; float:left; width:467px; height:102px; }
div.body .content_wrap .newuser_wrap ul li .screen { position:relative; float:left; width:258px; height:102px; border-left:1px solid #E1E1E1; background-color:#FAFAFA; }
div.body .content_wrap .newuser_wrap ul li .cbt { background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/main/game_ico_cbt.gif) top right no-repeat;  }
div.body .content_wrap .newuser_wrap ul li .new { background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/main/game_ico_new.gif) top right no-repeat;  }

div.body .content_wrap .newuser_wrap ul li .info p { float:left; margin:10px; width:131px; height:79px; border:2px solid #D7D7D7; overflow:hidden; }
div.body .content_wrap .newuser_wrap ul li .info p img { width:131px; height:79px; }
div.body .content_wrap .newuser_wrap ul li .info a:hover { text-decoration:none; }
div.body .content_wrap .newuser_wrap ul li .info dl { float:left; width:300px; height:70px; margin:12px 10px 0 0; padding:0; text-decoration:none; color:#4D4D4D; }
div.body .content_wrap .newuser_wrap ul li .info dl dt, div.body .content_wrap .newuser_wrap ul li .info dl dd { line-height:13px; }
div.body .content_wrap .newuser_wrap ul li .info dl dt a { font-weight:bold; color:#369C15; font-size:13px;  }
div.body .content_wrap .newuser_wrap ul li .info dl dd { margin:0; padding:0; }
div.body .content_wrap .newuser_wrap ul li .info dl dd.genre { margin-top:2px; font-size:10px; }
div.body .content_wrap .newuser_wrap ul li .info dl dd.genre a { color:#888888; }
div.body .content_wrap .newuser_wrap ul li .info dl dd.desc { margin-top:2px; }
div.body .content_wrap .newuser_wrap ul li .info dl dd.desc a { color:#4d4d4d; }
div.body .content_wrap .newuser_wrap ul li .info dl dd.down { margin-top:6px; }

div.body .content_wrap .newuser_wrap ul li .screen div { position:relative; width:198px; height:66px; overflow:auto; margin:18px 30px; }
div.body .content_wrap .newuser_wrap ul li .screen div ul { margin:0; padding:0; list-style:none; width:9999px; }
div.body .content_wrap .newuser_wrap ul li .screen div li { clear:none; float:left; margin:0; padding:0; width:66px; height:66px; border:none; }
div.body .content_wrap .newuser_wrap ul li .screen div li p { margin:5px; padding:0; width:54px; height:54px; border:1px solid #D7D7D7; background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/support/bg_scrimg.gif) no-repeat; }
div.body .content_wrap .newuser_wrap ul li .screen div li p img { margin:1px; width:52px; height:52px; cursor:pointer; }
div.body .content_wrap .newuser_wrap ul li .screen .btns { position: absolute; top:18px; height:66px; width:24px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/support/bg_scrbtn.gif) no-repeat 0 0; text-indent:-9999px; cursor:pointer; }
div.body .content_wrap .newuser_wrap ul li .screen .prev { background-position:0 0; left:6px; }
div.body .content_wrap .newuser_wrap ul li .screen .next { background-position:-48px; right:6px; }
/***** NewUser Wrap. End *****/

/**** Popup *****/
div.body .content_wrap .newuser_wrap .popup_wrap { display:none; position:absolute; top:222px; left:0px; width:728px; color:#4d4d4d; border:1px solid #5B9D82; background:#f5f5f5 url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/signup/bg_top.gif) top center repeat-x; z-index:11; margin-bottom:60px; }
div.body .content_wrap .newuser_wrap .popup_wrap .close { position:absolute; top:7px; right:10px; width:20px; height:20px; cursor:pointer; z-index:12; background:url(//onnetus.gamescampuscdn.com/ImageWeb//gamescampus/signup/btn_close.gif) no-repeat; }
div.body .content_wrap .newuser_wrap .popup_wrap span.title { margin-left:15px; height:35px; line-height:35px; color:#ffffff; font-size:14px; font-weight:bold; border:none; }
div.body .content_wrap .newuser_wrap .popup_wrap .sep { margin:0 auto; width:413px; height:1px; background-color:#e1e1e1; }
div.body .content_wrap .newuser_wrap .popup_wrap .wrap { margin:20px 20px 0 20px; width:686px; height:auto; }
div.body .content_wrap .newuser_wrap .popup_wrap .wrap img#screen_img { float:left; width:686px; height:515px; background:#c8c8c8; border:0; }
div.body .content_wrap .newuser_wrap .popup_wrap .wrap .controls { cursor:pointer; float:left; width:686px; height:43px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/support/scr_controls.gif); }
div.body .content_wrap .newuser_wrap .popup_wrap .wrap .controls div { margin:0 30px; height:40px; line-height:40px; color:#ffffff; }
div.body .content_wrap .newuser_wrap .popup_wrap .wrap .controls div img { float:left; margin:12px 9px 0 0; }
div.body .content_wrap .newuser_wrap .popup_wrap .wrap .controls .scr_prev { float:left; }
div.body .content_wrap .newuser_wrap .popup_wrap .wrap .controls .scr_next { float:right; }
div.body .content_wrap .newuser_wrap .popup_wrap .clear { clear:both; padding-bottom:17px; }
/**** Popup. End *****/

/***** Tab Menu *****/
div.body .content_wrap .tab { margin:0 10px; width:728px; border-bottom:1px solid #c5c5c5; }
div.body .content_wrap .tab ul { list-style:none; height:39px; padding:0; }
div.body .content_wrap .tab ul li { float:left; }
div.body .content_wrap .tab ul li a { text-decoration:none; font-weight:bold; }
div.body .content_wrap .tab ul li div { cursor:pointer; margin:2px -1px -1px 0; width:168px; height:36px; line-height:36px; text-align:center; color:#4d4d4d; border:1px solid #d2d2d2; background:#ffffff url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/support/bg_tab.gif) no-repeat; }
div.body .content_wrap .tab ul li.selected div { cursor:default; color:#369c15; margin-top:0px; height:39px; line-height:39px; background-image:none; border-bottom:none; }
/***** Tab Menu. End *****/

/***** List Pages *****/
div.body .content_wrap p.list_top { clear:left; padding:13px 23px; }
div.body .content_wrap p.list_top a { color:#369c15; text-decoration:underline; }

div.body .content_wrap .list_header { margin:0 10px; width:728px; height:33px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/support/list_titlebar.gif) no-repeat; }
div.body .content_wrap .list_header div { float:left; line-height:33px; color:#ffffff; text-align:center; }
div.body .content_wrap .list_header div.faq_num { width:65px; }
div.body .content_wrap .list_header div.faq_subject { width:435px; }
div.body .content_wrap .list_header div.faq_date { width:155px; }
div.body .content_wrap .list_header div.faq_view { width:73px; }
div.body .content_wrap .list_header div.dqa_sel { width:35px; margin-top:6px; }
div.body .content_wrap .list_header div.dqa_subject { width:350px; }
div.body .content_wrap .list_header div.dqa_category { width:105px; }
div.body .content_wrap .list_header div.dqa_date { width:130px; }
div.body .content_wrap .list_header div.dqa_state { width:108px; }

div.body .content_wrap ul.list_wrap { margin:0 10px; width:728px; padding:0; }
div.body .content_wrap ul.list_wrap li.list { height:35px; border-bottom:1px solid #efefef; }
div.body .content_wrap ul.list_wrap li.last { border-bottom:1px solid #d7d7d7; }
div.body .content_wrap ul.list_wrap li.nodata { text-align:center; height:50px; line-height:50px; border-bottom:1px solid #d7d7d7; }
div.body .content_wrap ul.list_wrap li.list div { float:left; line-height:35px; text-align:center; }
div.body .content_wrap ul.list_wrap li.list div a { color:#4b4b4b; }
div.body .content_wrap ul.list_wrap li.list div.faq_num { width:65px; }
div.body .content_wrap ul.list_wrap li.list div.faq_subject { margin-left:10px; width:425px; text-align:left; }
div.body .content_wrap ul.list_wrap li.list div.faq_date { width:90px; text-align:right; }
div.body .content_wrap ul.list_wrap li.list div.faq_time { width:65px; text-align:left; }
div.body .content_wrap ul.list_wrap li.list div.faq_view { width:73px; }
div.body .content_wrap ul.list_wrap li.list div.dqa_sel { width:35px; margin-top:6px; }
div.body .content_wrap ul.list_wrap li.list div.dqa_subject { margin-left:10px; width:340px; text-align:left; }
div.body .content_wrap ul.list_wrap li.list div.dqa_category { width:105px; }
div.body .content_wrap ul.list_wrap li.list div.dqa_date { width:130px; }
div.body .content_wrap ul.list_wrap li.list div.dqa_state { width:108px; }
div.body .content_wrap ul.list_wrap li.list div.dqa_state div.ico { margin:10px 0 0 32px; width:48px; height:15px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/support/ico_status.gif); }
div.body .content_wrap ul.list_wrap li.list div.dqa_state div.receiving { background-position:0 0; }
div.body .content_wrap ul.list_wrap li.list div.dqa_state div.ongoing { background-position:0 -15px; }
div.body .content_wrap ul.list_wrap li.list div.dqa_state div.complete { background-position:0 -30px; }

div.body .content_wrap ul.list_wrap li.page { clear:left; float:left; width:100%; vertical-align:top; }
div.body .content_wrap ul.list_wrap li.page div.page_wrap { float:left; margin-top:20px; width:40%; text-align:left; }
div.body .content_wrap ul.list_wrap li.page div.search_wrap { float:right; margin:20px 10px 0 0; }
div.body .content_wrap ul.list_wrap li.page div.search_wrap .search_type { float:left; width:121px; height:22px; margin:0; border:1px solid #d3d3d3; background-color:#f0f0f0; }
div.body .content_wrap ul.list_wrap li.page div.search_wrap .search_word { float:left; width:219px; height:23px; margin:0 6px; border:1px solid #d3d3d3; background-color:#f0f0f0; padding:0; }
/***** List Pages. End *****/

/***** View Pages *****/
div.body .content_wrap table.view_wrap { clear:left; width:728px; margin:0 10px; border:1px solid #dcdcdc; }
div.body .content_wrap table.view_wrap tbody td, table.view_wrap tbody th { border:1px solid #dcdcdc; border-top:0; vertical-align:top; color:#369c15; }
div.body .content_wrap table.view_wrap tbody th { background-color:#f5f5f5; color:#4b4b4b; line-height:30px; text-align:right; }
div.body .content_wrap table.view_wrap tbody th p { margin-right:10px; }
div.body .content_wrap table.view_wrap tbody th p.indent { margin:10px 10px 0 0; }
div.body .content_wrap table.view_wrap tbody td { padding:8px 10px; background-color:#fff; }
div.body .content_wrap table.view_wrap tbody td.subject, table.view_wrap tbody td.category { color:#369c15; }
div.body .content_wrap table.view_wrap tbody td.content { height:300px; padding:10px; vertical-align:top; padding-top:18px; color:#4b4b4b;}
div.body .content_wrap table.view_wrap tbody td.question { min-height:250px; padding:14px 10px 10px 10px; vertical-align:top; color:#369c15; }
div.body .content_wrap table.view_wrap tbody td.answer { min-height:250px; padding:14px 10px 10px 10px; vertical-align:top; color:#4b4b4b; }
div.body .content_wrap table.view_wrap tbody td textarea { width:553px; height:150px; border:1px solid #c8c8c8; margin:10px; background-color:#fff; }
div.body .content_wrap table.view_wrap tbody td p a { color: #369c15; }
div.body .content_wrap table.view_wrap tbody td p.nomore { color:#898989; }
div.body .content_wrap table.view_wrap tbody td input.file { position:relative; float:left; width:463px; height:20px; border:1px solid #c8c8c8; margin:0 10px 0 0; background-color:#fff; }
/***** Rating *****/
div.body .content_wrap table.view_wrap tbody td.feedback { padding:20px; color:#4b4b4b; }
div.body .content_wrap table.view_wrap tbody td p.resolved { font-size:14px; margin-bottom:10px; }
div.body .content_wrap table.view_wrap tbody td form.answer_rating input.submit { margin-left:5px; margin-top:-3px; }
/***** View Pages. End *****/

/***** Write Pages *****/
div.body .content_wrap table.write_wrap { clear:left; width:728px; margin:0 10px; border:1px solid #dcdcdc; }
div.body .content_wrap table.write_wrap tbody td p  { margin:5px 10px; }
div.body .content_wrap table.write_wrap tbody td, table.write_wrap tbody th { border:1px solid #dcdcdc; border-top:0; vertical-align:top; color:#888888; background-color:#fff; }
div.body .content_wrap table.write_wrap tbody th { background-color:#f5f5f5; color:#4b4b4b; line-height:30px; text-align:right; }
div.body .content_wrap table.write_wrap tbody th p { margin-right:10px; }
div.body .content_wrap table.write_wrap tbody th p.indent { margin:10px 10px 0 0; }
div.body .content_wrap table.write_wrap tbody td select { float:left; width:150px; height:19px; margin:0; padding:0; border:1px solid #c8c8c8; background-color:#fff; }
div.body .content_wrap table.write_wrap tbody td input { width:553px; height:16px; border:1px solid #c8c8c8; margin:5px 10px; background-color:#fff; }
div.body .content_wrap table.write_wrap tbody td textarea { width:553px; height:350px; border:1px solid #c8c8c8; margin:10px; background-color:#fff; }
div.body .content_wrap table.write_wrap tbody td input.file { position:relative; left:10px; float:left; width:463px; height:20px; border:1px solid #c8c8c8; margin:5px 10px 0 0; background-color:#fff; }
div.body .content_wrap table.write_wrap tbody td p { float:left; line-height:16px; }
div.body .content_wrap table.write_wrap tbody td.select { padding:5px 10px; }
iframe#fileupload { width:565px; height:40px; padding:0 0 0 10px; }
/***** Write Pages. End *****/

/***** Buttons *****/
div.body .content_wrap div.buttons { clear:left; padding:20px 15px; text-align:right; }
div.body .content_wrap div.buttons img { margin-left:3px; }
div.body .content_wrap div.buttons_left { clear:left; padding:20px 0px 0px 7px; text-align:left; }
div.body .content_wrap div.msg { clear:left; border-top:1px solid #d3d3d5; margin:0 10px 0 10px; }
div.body .content_wrap div.msg p { font-family:arial; margin:15px; text-align:left;}
div.body .content_wrap div.msg p span { color:#369c15; }
/***** Buttons. End *****/