@font-face {
	font-family: 'HelveticaNeueLTStdMedCnBold';
	src: url('helveticaneueltstd-hvcn-webfont.eot');
	src: url('helveticaneueltstd-hvcn-webfont.eot#iefix') format('embedded-opentype'),
		 url('helveticaneueltstd-hvcn-webfont.woff') format('woff'),
		 url('helveticaneueltstd-hvcn-webfont.ttf') format('truetype'),
		 url('helveticaneueltstd-hvcn-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}
/* DEFAULT */
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,input,textarea,select,blockquote,th,td,div,h1,h2,h3,h4,p,form,label,input,textarea,img,span,body{margin:0;padding:0}
body {margin-bottom: 1px;height: 100%;}html body {background:url(../../../img-sub/yulgang/yulgang_20120806/bg_yg_big.jpg) no-repeat fixed 50% 0 transparent;  font-size:12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
html>body .child_menu a{ width: auto;}
ul{list-style-type:none}
img{border:none;outline:none;margin:0;padding:0}
a{text-decoration:none;outline:none;color:#000}
table{border-collapse:collapse;border-spacing:0; margin-top:10px}
li{font-size:12px; font-family:Arial,Helvetica,sans-serif;}
div{outline:none}
p{line-height:20px; text-align:justify}
.spacer{clear:both;font-size:0;line-height:0}
.input{text-align:left;clear:both}
.clear{clear:both}
h4{margin-top:10px; font-size:12px; font-weight:bold}
h3{margin-bottom:10px}
.c_center img{-webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px; margin-right:10px;}

/* CUSTOM */
.w_100{width:100px}
.w_150{width:150px}
.w_200{width:200px}
.w_300{width:300px}
.w_400{width:400px}
.w_500{width:500px}
.w_600{width:600px}
.w_700{width:700px}
.w_800{width:800px}
.w_900{width:900px}
.w_1000{width:1000px}
.a_left{text-align:left}
.a_center{text-align:center}
.a_right{text-align:right}

/* LAYOUT */
.wraper{width:980px; margin:0 auto;}
.container{width:980px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_slicing_bg_16.png) repeat-y; margin:0 auto; overflow:hidden;}
.header{width:980px;  margin:0 auto; margin-top:80px; }
.c_left{float:left;  padding:5px; margin-left:65px; min-height:300px; height:auto}
.c_center{float:left; padding:5px; min-height:250px; padding:5px; height:auto}
.c_right{float:left; width:169px; padding:5px; min-height:400px}
.bar_title{margin:0}
.box_logo_menu{width:500px; margin-left:15px; height:120px; margin-top:10px; }
.box_logo_menu ul{position:absolute; margin-top:25px; height:20px; }
.box_logo_menu li{float:left; margin:2px; padding:2px}
.box_img_top{width:399px; height:245px; position:absolute; z-index:-1; margin-left:540px; margin-top:-199px}
.logo_yulgang{width:282px; height:134px; margin:0 auto}
.logo_download{width:204px; height:104px; margin:0 auto;}
.border_top{width:980px; height:21px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_slicing_bg_12_2.png) no-repeat}
.border_bottom{width:980px; height:82px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_slicing_bg_19.png) no-repeat}
.box_menu{width:962px; height:83px; margin:0 auto; margin-top:-45px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_menu_top_30.png) no-repeat}

/* MENU */
.menu{font-family:verdana,arial,sans-serif; margin-left:100px; margin-top:43px; width:750px; height:40px; position:absolute; font-size:9px;}
.menu ul li a, .menu ul li a:visited{display:block; text-decoration:none; font-size:9px}
.menu ul{padding:0; margin:0; list-style-type:none}
.menu ul li{float:left; position:relative}
.menu ul li ul{visibility:hidden; position:absolute}
.menu table{border-collapse:collapse; margin:0; padding:0; font-size:9px; ; margin:-1px}
.menu ul li:hover a, .menu ul li a:hover{color:#000; background:none}
.menu ul li:hover ul, .menu ul li a:hover ul{visibility:visible; bottom:8px; left:-11px; background:URL(http://img.gemscool.com/yulgang/yulgang_20120806/top_scroll.gif) no-repeat top; padding-top:8px; width:92px}
.menu ul li:hover ul li, .menu ul li a:hover ul li{display:block; color:#48764e; width:86px; height:18px; line-height:18px; clear:both;  background:URL(http://img.gemscool.com/yulgang/yulgang_20120806/scroll_gede.gif) no-repeat top; text-align:center; margin-left:3px; margin-right:3px}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a{display:block; color:#48764e; width:100%}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover{color:#113215}

/* MENU LEFT */
.menu_left_logo li{margin:0; height:63px}
.sidebar-list{width:130px; text-align:left; margin-top:-5px; margin-left:10px; padding-left:5px; background:url(../../../img-sub/yulgang/yulgang_20120806/scroll_menu.gif) repeat-y;background-position: top center;}
.sidebar-list ul{margin:0 !important;}
.sidebar-list ul li{list-style:none;color:#835733;	padding:3px;margin: 0 0 0 0px;}


.box_facebook{width:223px; height:350px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_FB_section_71.png) no-repeat}
.p_menu{font:12px/22px 'HelveticaNeueLTStdMedCnBold'; }
.sidebar-list ul li ul li{margin-left:10px; font-weight:normal; margin-left:10px}
.sidebar-list ul li ul li a{font-weight:normal}
.sidebar-list ul li a { color:#835733; padding:5px}
.selected{margin-left:5px; padding:5px;}

/* SLIDE BANNER */
#box_slide_banner{width:422px; height:249px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_home_banner_38.png) no-repeat}
#slider_content{width:422px; height:249px; }
a:link, a:visited{text-decoration:none}
a img{border:0}
div#top div#nav{float:left; clear:both; width:100px; height:52px; margin:22px 0 0}
div#top div#nav ul{float:left; width:249px; height:52px; list-style-type:none}
div#nav ul li{float:left; height:52px}
div#nav ul li a{border:0; height:52px; display:block; line-height:52px; text-indent:-9999px}
div#header{margin-top:1px; height:249px; width:422px;}
div#header div.wrap{height:249px; width:422px}
div#header div#slide-holder{z-index:10; width:422px; height:249px; position:absolute}
div#header div#slide-holder div#slide-runner{top:0px; width:422px; height:249px; overflow:hidden; position:absolute; border:solid 0px #0CF}
div#header div#slide-holder img{margin:0; display:none; position:absolute}
div#header div#slide-holder div#slide-controls{top:-20px; width:422px; height:30px; display:block; position:absolute}
div#header div#slide-holder div#slide-controls p.text{float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:5px 0 0 10px; text-transform:uppercase}
div#header div#slide-holder div#slide-controls p#slide-nav{float:right; height:24px; display:inline; margin:235px 15px 0 0}
div#header div#slide-holder div#slide-controls p#slide-nav a{float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight:bold; text-align:center; text-decoration:none; background-position:0 0; background-repeat:no-repeat}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{background-position:0 -24px}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(../../../img-sub/mako/silde-nav_edit.png)}
div#nav ul li a{background:url(http://img.gemscool.com/atlantica/slide_banner/nav.png) no-repeat}

/* NEWS HOME */
.box_all_news_home{width:422px; height:226px; margin-top:10px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_notice_bg_73.png) no-repeat}
#box_tab{width:422px; padding-top:5px; text-align:center; height:22px;}
#box_tab_content{width:422px; padding-top:10px; height:100px; padding-left:2px}
#box_tab_content a{color:#000; text-decoration:none}
.news_index_date{color:#000}
.date{color:#000}
#box_tab_date{margin-top:10px; width:250px; height:15px; margin-left:70px}
#news_all{position:absolute; width:422px;  height:108px; visibility:visible}
#news_notice{position:absolute; width:422px;  height:108px; visibility:hidden}
#news_update{position:absolute; width:422px;  height:108px; visibility:hidden}
#news_event{position:absolute; width:422px;  height:108px; visibility:hidden}
#tab_all{background:URL(http://img.gemscool.com/yulgang/news_tab_all.gif) no-repeat; background-position:top}
#tab_notice{background:URL(http://img.gemscool.com/yulgang/news_tab_notice.gif) no-repeat; background-position:bottom}
#tab_update{background:URL(http://img.gemscool.com/yulgang/news_tab_update.gif) no-repeat; background-position:bottom}
#tab_event{background:URL(http://img.gemscool.com/yulgang/news_tab_event.gif) no-repeat; background-position:bottom}

/* TABLE */
table{ width:100%; border-collapse:collapse; font:normal 11px verdana,arial,helvetica,sans-serif;  color:#363636}
td{padding:5px; text-align:center}
td a{ background:transparent;  text-decoration:none;  color:#363636; cursor:pointer; padding:2px}
td img{padding:2px;}
.news_type{text-align:center; padding:2px; font-weight:bold; background:#ebebeb;}
.news_title{text-align:center; padding:2px; font-weight:bold; background:#ebebeb;}
.news_date{width:80px; padding:2px; text-align:center; font-weight:bold; background:#ebebeb;}
.news_date_z{text-align:center}

/* LOGIN */
.box_login{width:169px; height:249px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_login_side_41.png) no-repeat}
.box_logout{width:169px; text-align:center; height:249px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_login_inside_45.png) no-repeat}
.user_id{padding-top:143px; margin-left:20px; #margin-left:10px; width:120px; height:25px}
.user_pwd{padding-top:1px; margin-left:20px; #margin-left:10px; width:120px; height:25px}
.user_login{width:52px; height:60px; float:left}
.but_login{width:66px; height:29px; cursor:pointer; border:solid 0; background: url(../../../img-sub/yulgang/yulgang_20120806/web_button_login_71.png) no-repeat; }
.box_ssl{width:200px; padding:1px; border:solid 0; font-size:11px; margin-top:2px}
.box_ssl .ssl{width:30px; margin-left:10px; border:solid 0; background:none; color:#fff}
.box_ssl span{color:#fff}
.box_login form .user_id input{width:120px; background-color:#fff; border:solid 1px #fff; color:#000}
.box_login form .user_pwd input{width:120px; background-color:#fff; border:solid 1px #fff; color:#000}
.box_login form .user_login input{width:66px;}
.box_login input.blur {color: #fff}
.register{float:left; margin-left:16px; width:91px; height:18px}
.lupa_password{float:left; margin-left:5px; margin-top:10px; width:92px; height:18px}
.fb_connect button{width:125px; -moz-box-shadow:0 1px 0 #E5E5E5;background-position:0 -48px;color:#fff;text-decoration:none;border-color:#29447E #29447E #1A356E;border-style:solid;border-width:1px; background:#5B74A8; color:#fff; font-size:9px; margin-left:90px;  margin-top:18px}
.box_userid{font-weight:bold; font-size:12px; color:#000; margin-top:4px; padding-bottom:8px}

/* NEWS HOME */
.box_news_tab{width:420px; height:24px;margin:0 auto; text-align:center}
.box_news_tab ul {margin-left:80px}
.box_news_tab ul li{float:left}
.news_home{width:420px; height:185px;}
.news_home ul{width:430px; margin-left:20px}
.news_home ul li{margin:7px}
.news_home a{width:300px}
.news_home a:hover{text-decoration:underline}
.news_home span{text-align:left; float:left; width:150px}

.news_alls {float:left; height:auto; width:420px; padding:0; margin:0;}
.news_alls li {float:left; height:10px; padding:0px; margin:0px;}
.news_alls li a{float:left;} 
.news_alls li span {float:left;} 
.news_alls li img {float:left;}
.news_alls li a, span {margin-top:2px;}
.news_alls li span {width:70px;}		
.news_alls li a {width:265px; }
.news_alls li img {}

.news_table{float:left;}
.row1{font-family:Tahoma; color:#185318; font-size:12px; padding:5px 0; font-weight:bold}
.row2{font-family:Tahoma; color:#666; font-size:12px; padding:5px 0}
.row2 a{color:#666; text-decoration:none}
.row3{font-family:Tahoma; color:#185318; font-size:12px; padding:5px 0}
.row4{font-family:Tahoma; color:#0086cf; font-size:12px; padding:5px 0}
.bgtitle{background-color:#CEAA7D; height:21px; color:#fff; padding:0; font-weight:bold}
.bgtitle a{color:#fff}

/* VIEDEO WAL */
.box_video_wall{width:169px; height:217px; text-align:center; padding-top:10px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_vidwall_bg_75.png) no-repeat}
.box_tab_vid_wall{width:169px;  height:24px; text-align:center }
.box_tab_vid_wall ul{width:169px; height:24px; margin-left:25px}
.box_tab_vid_wall li{float:left; }

/* ITEMAMLL */
.box_itemmall{width:422px; margin-top:10px; height:81px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_newitem_bg_95.png) no-repeat}
.box_itemmall ul{margin-left:45px; padding-top:25px}
.box_itemmall ul li{padding-top:10px; width:90px; height:50px; float:left; text-align:center; font-size:10px; font-weight:bold}

/* GUIDE */
#content_guide_guide{width:500px; padding-bottom:20px}
#content_guide_guide h2{color:#90633F; margin:5px; font-size:16px; font-weight:bold}
#box_guide{float:left; text-align:justify; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; padding:2px; padding-bottom:10px}
#box_guide img{text-align:left; padding-right:10px; float:left}
#text_guide{width:500px; float:left}
#box_guide li{font-family:Arial,Helvetica,sans-serif; font-size:12px; list-style-type:circle}
#content_guide_guide li{font-family:Arial,Helvetica,sans-serif; font-size:12px; list-style-type:circle; margin:15px; text-align:justify}
#content_guide_guide h3{font-size:14px; font-weight:bold; margin-top:10px}

#button{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:3px;
	background:url(../../../img-sub/yulgang/yulgang_20120806/repeat_button.gif) repeat-x;
	color:#835733; 
	height:25px; 
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.075) inset;
	margin-bottom:2px;
	font-weight:bold;
	cursor:pointer;
	width:auto;
}
#button_click{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:3px;
	/*background:url(../../../img-sub/yulgang/yulgang_20120806/repeat_button.gif) repeat-x;*/
	color:blue; 
	height:25px; 
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.075) inset;
	margin-bottom:2px;
	font-weight:bold;
	cursor:pointer;
	width:auto;
}
.btn_go{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:3px;
	font-size:12px;
	background:url(../../../img-sub/yulgang/yulgang_20120806/repeat_button.gif) repeat-x;
	color:#835733; 
	height:25px; 
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.075) inset;
	margin-bottom:2px;
	font-weight:bold;
	width:100px;
}
.btn_gos{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:0px;
	background:url(../../../img-sub/yulgang/yulgang_20120806/repeat_button.gif) repeat-x;
	color:#835733; 
	height:24px; 
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.075) inset;
	margin-bottom:1px;
	font-weight:bold;
}
#button_yellow{background-color:rgb(255,153,0); border:2px outset rgb(255,51,0); color:rgb(0,102,0); height:21px}
#border_kecil{border:1px solid #B3885E; text-align:left; padding:5px; margin-bottom:2px}
#border_kecil p{padding-bottom:5px}
.select{background-color:#B3885E; border:2px outset #B3885E; color:#fff; height:20px; width:150px}
#content_guide_guide table{border-collapse:collapse; width:100%}
.questname{font-weight:bold}
.subhead td{font-weight:bold}
.monstercontent td{font-family:Tahoma; color:#063; font-size:12px; padding:5px; font-weight:bold}

/* TABLE */
/*table{ width:100%; border-collapse:collapse; color:#363636}
td{padding:5px; border:solid 1px #F2D9A0}
td a{ background:transparent;  text-decoration:none;  color:#363636; cursor:pointer; padding:2px}
td img{padding:2px}/*

/* FOOTER */
.footer {width:900px; height:50px; background:url(../../../img-sub/yulgang/yulgang_20120806/web_banner_bottom_148.png) no-repeat; margin:0 auto;color:#000;padding-top:10px;}
.footer .footer_text p{text-align:center; margin-left:-30px; color:#000; font-size:9px; font-weight:normal; line-height:14px}

.menu_internal{width:501px; height:35px; text-align:center; background:url(../../../img-sub/yulgang/yulgang_20120806/scroll_menu_mid_58.png) no-repeat;}
.menu_internal{list-style:none;color:#835733;	padding:5px;}
.menu_internal a{text-decoration:none !important;padding:5px; font:12px/22px 'HelveticaNeueLTStdMedCnBold';}	
.menu_internal a:hover{color:#FFAA28}

.penampilan tr td{text-align:center; border:solid 1px red}



.data_grid{width:450px; border-collapse:collapse;text-align:left;table-layout:fixed;margin:0; border:solid 1px #E9E9E9}
.data_grid tr td{text-align:center}
.data_grid tr td img{width:125px; height:135px}
.c_center h3{color:#885A31}

.link_normal{color:#835733; cursor:pointer}
.link_biru{color:#0000FF; cursor:pointer}

.subhead td {font-family:Tahoma;	color:#FFCC00;	font-size:11px;	font-weight:bold;	background-color:#CEAA7D;}
.monstercontent td {	font-family:Tahoma;	color:#006633;	font-size:10px;	padding:5px;	font-weight:bold;}
img.avatar_download {
	max-width: none;
}