/*
Last Update
	27 April 2011
		3:30 - a - create
*/
/*pilih*/
#table1{
		clear:both;
		display:inline;
		float:left;
		width:600px;
	}
	#table1 img{
		clear:both;
		display:inline;
		float:left;
		margin:10px 0 0 30px;
	}
	#table1 ul{
		display:inline;
		float:left;
		margin:13px 0 0 10px;
		width:200px;
	}
		#table1 ul li{
			clear:both;
			display:inline;
			float:left;
			font-weight:bold;
			width:100%;
		}
			#table1 ul li span{
				display:inline;
				float:left;
			}
			#table1 ul li span.value1{
				color:#FF9900;
				text-align:right;
				margin-right:5px;
				width:40px;
			}
			#table1 ul li span.value2{
				color:#FF9900;
			}
			#table1 ul li span.value3{
				color:#FF9900;
				text-align:right;
				margin-right:5px;
				width:30px;
			}
			#table1 ul li span.value4{
				color:#FF9900;
			}
/*end pilih*/
.wrapmember{
	clear:both;
	display:inline;
	float:left;
	margin:20px 0 0 20px;
	width:620px;
}
.bglogin{
	background:url(../images/layout/member/bglogin.jpg) no-repeat left top;
	height:333px;
	_overflow-y:hidden;
	position:relative;
}
.bgdaftar{
	background:url(../images/layout/member/bgdaftar.jpg) no-repeat left top;
}
.bglupapass{
	background:url(/images/layout/member/bglupapass.jpg) no-repeat left top;
	padding-bottom:40px;
}
.bgubahpass{
	background:url(/images/layout/member/bgubahpass.jpg) no-repeat left top;
}
	.wrapmember .headermember{
		clear:both;
		display:inline;
		float:left;	
		margin:25px 0 0 40px;
		width:500px;
	}
		.wrapmember .headermember span{
			clear:both;
			color:#CC6600;
			display:inline;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			margin:35px 0 0 0;
			text-transform:uppercase;
		}
	
	.wrapmember #headerlogin{
		background:url(../images/layout/member/headerlogin.gif) no-repeat left top;
	}
	.wrapmember #headerdaftar{
		background:url(../images/layout/member/headerdaftar.gif) no-repeat left top;
	}
	.wrapmember #headerlupapass{
		background:url(/images/layout/member/headerlupapass.gif) no-repeat left top;
	}
	.wrapmember #headerubahpass{
		background:url(/images/layout/member/headerubahpass.gif) no-repeat left top;
	}


/*form member*/
.frmmember{
	clear:both;
	display:inline;
	float:left;
	margin:15px 0 0 39px;
	width:500px;
}
	.wrapformleft{
		clear:both;
		display:inline;
		float:left;
	}
	.wrapregis{
		clear:both;
		display:inline;
		float:left;
		width:192px;
	}
		#username_availability_result{
			background:none;
			clear:both;
			display:inline;
			float:left;
			font-size:0;
			height:auto;
			margin:0 0 0 5px;
			padding-bottom:1px;
			width:180px;
		}
			#username_availability_result span{
				color:#C41C00;
				font-size:11px;
			}
		.wrapregis label{
			clear:both;
			color:#60340a;
			display:inline;
			float:left;
			font-weight:bold;
			margin-left:5px;
			width:150px;
		}
		.wrapregis label.morewidth{
			width:180px;
		}
		.wrapregis span.keyno{
			display:inline;
			color:#60340a;
			float:right;
			font-weight:bold;
			margin-right:5px;
		}
		.wrapregis div{
			background:url(../images/layout/popup/bginput.gif) no-repeat left top;
			clear:both;
			display:inline;
			float:left;
			height:38px;
			width:192px;
		}
			.wrapregis div input{
				background:none;
				border:none;
				clear:both;
				color:#fff;
				display:inline;
				float:left;
				margin:10px 0 0 10px;
				width:170px;
			}
			
			.wrapregis div strong{
				clear:both;
				cursor:default;
				color:#fff;
				display:inline;
				float:left;
				margin:10px 0 0 10px;
				width:165px;
			}
		
	.wrapformright{
		display:inline;
		float:left;
		margin:0 0 0 10px;
		position:relative;
		width:120px;
	}
	
		.wrapformright .rightform{
			clear:both;
			display:inline;
			float:left;
			width:100%;
		}
			.wrapformright .rightform label{
				cursor:pointer;
				color:#603913;
				clear:both;
				display:inline;
				float:left;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:12px;
				margin:0 0 0 3px;
				width:110px;
			}
			.wrapformright .rightform .verifikasi{
				border:5px solid #85611c;
				clear:both;
				display:inline;
				float:left;
				width:104px;
			}
				.wrapformright .rightform .verifikasi img{
					border-bottom:5px solid #85611c;
					clear:both;
					display:inline;
					float:left;
				}
				.wrapformright .rightform .verifikasi input{
					background:#c2a86c;
					border:none;
					clear:both;
					display:inline;
					float:left;
					text-align:center;
					width:104px;
				}
			
			.wrapformright .btndaftar{
				clear:both;
				display:inline;
				float:left;
				margin:5px 0 0 0;
			}
			.wrapformright .btnubahpass{
				clear:both;
				display:inline;
				float:left;
				margin:18px 0 0 0;
			}
			.wrapformright .btnstart{
				clear:both;
				display:inline;
				float:left;
				margin:17px 0 0 0;
			}
	
	.centerbtns,
	.centerbtns2{
		clear:both;
		display:inline;
		float:left;
		margin:15px 0 0 0;
		width:100%;
	}
	.centerbtns2{
		margin:25px 0 0 0;
	}
		.centerbtns img{
			display:inline;
			float:left;
			margin-right:5px;
		}
		.centerbtns a{
			display:inline;
			float:left;
			margin-right:5px;
		}
	
	.ceksetuju{
		clear:both;
		display:inline;
		float:left;
		width:350px;
	}
		.ceksetuju input{
			clear:both;
			display:inline;
			float:left;
		}
		.ceksetuju label{
			display:inline;
			float:left;
			margin-left:5px;
			width:310px;
		}
/*end form member*/

ul.peringatan,
ul.pemberitahuan{
	clear:both;
	display:inline;
	float:left;
	margin:5px 0 0 40px;
	width:100%;
}
.bodyform ul.peringatan,
.bodyform ul.pemberitahuan{
	border:none;
	margin:0 0 0 40px;
	padding:5px 0;
	width:330px;
}

	ul.peringatan li{		
		clear:both;
		color:#BC0603;
		display:inline;
		float:left;
		width:100%;
	}
	
	ul.pemberitahuan li{
		clear:both;
		color:#CC3300;
		display:inline;
		float:left;
		width:100%;
	}

ul.peringatanbox{
	border:1px solid gold;
	background:#9F0000;
	clear:both;
	display:inline;
	float:left;
	margin:10px 0 0 37px;
	padding:5px;
	width:310px;
}
	ul.peringatanbox li{
		clear:both;
		color:#fff;
		display:inline;
		float:left;
		width:100%;
	}


/*wrapsetuju*/
.wrapsetuju{
	clear:both;
	display:inline;
	float:left;
	height:38px;
	margin:10px 0 0 0;
	position:relative;
	width:500px;
}
	.wrapsetuju .bgsetuju{
		background:url(../images/layout/member/bgsetuju.png) no-repeat left top;
		clear:both;
		height:38px;
		left:0;
		position:absolute;
		top:0;
		width:490px;
	}
	/* \*/
	* html .wrapsetuju .bgsetuju{
			background:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/member/bgsetuju.png', sizingMethod='scale');
	}
	/* */
	.wrapsetuju input{
		clear:both;
		display:inline;
		float:left;
		position:relative;
		margin:12px 0 0 12px;
		_margin:8px 0 0 8px;
		vertical-align:top;
	}
	.wrapsetuju label{
		color:#fff;
		cursor:pointer;
		display:inline;
		float:left;
		position:relative;
		margin:10px 0 0 5px;
		width:450px;
	}
/*end wrapsetuju*/

.separatororange{
	background:url(../images/layout/member/bgorangesep.gif) no-repeat left top;
	clear:both;
	display:inline;
	float:left;
	font-size:0;
	height:1px;
	margin-top:20px;
	width:100%;
}


/*start wrapinfo*/
.wrapinfo{
	clear:both;
	display:inline;
	float:left;
	margin:10px 0 0 40px;
	width:320px;
}
	.wrapinfo .infotop{
		background:url(/images/layout/member/wrapinfotop.gif) no-repeat left top;
		clear:both;
		display:inline;
		float:left;
		font-size:0;
		height:7px;
		width:319px;
	}
	.wrapinfo .infobody{
		background:url(/images/layout/member/wrapinfobody.gif) no-repeat left bottom;
		clear:both;
		display:inline;
		float:left;
		padding:2px 0 10px 0;
		width:319px;
	}
		.wrapinfo .infobody p{
			clear:both;
			color:#fff;
			display:inline;
			float:left;
			margin:0 0 0 10px;
			text-align:center;
			width:300px;
		}
/*end wrapinfo*/


/*pilihan server*/
#wrappilserver{
	background:url(/images/layout/member/bgpilserver.gif) repeat-y left top;
	display:inline;
	float:left;
	position:relative;
	margin:-8px 0 -26px 0;
	padding-bottom:15px;
	position:relative;
	width:661px;
	z-index:0;
}
#maincontent .btmwrappilserver{
	background:url(/images/layout/ecash/tukargold/bgbtm.gif) no-repeat left bottom;
	z-index:3;
}
	#wrappilserver h3{
		background:url(/images/layout/member/txtpilserver.gif) no-repeat center top;
		clear:both;
		display:inline;
		float:left;
		height:30px;
		margin:25px 0 0 0;
		width:100%;
	}
		#wrappilserver h3 span{
			display:none;
		}
	
	#wrappilserver .wrapsulurtop{
		background:url(/images/layout/member/bgsulurtop.gif) no-repeat left top;
		clear:both;
		display:inline;
		float:left;
		height:123px;
		margin:10px 0 0 15px;
		width:630px;
	}
	#wrappilserver .wrapsulurbody{
		background:url(/images/layout/member/bgsulurbtm.gif) no-repeat left bottom;
		clear:both;
		display:inline;
		float:left;
		margin:0 0 0 15px;
		position:relative;
		width:630px;
	}
		#wrappilserver .wrapsulurbody .sulurbody{
			background:url(/images/layout/member/bgsulur.gif) no-repeat right bottom;
			clear:both;
			display:inline;
			float:left;
			margin:-105px 0 18px 18px;
			padding-bottom:20px;
			position:relative;
			width:595px;
		}
		#sulur1{
			background:url(/images/layout/member/sulur1.png) no-repeat left top;
			clear:both;
			height:130px;
			left:538px;
			position:absolute;
			top:-124px;
			width:91px;
		}
		/* \*/
		* html #sulur1{
				background:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/member/sulur1.png', sizingMethod='scale');
		}
		/* */
		#wrappilserver .wrapsulurbody .wrapbtmsulur{
			clear:both;
			display:inline;
			float:left;
			position:relative;
			width:100%;
		}
		#sulur2{
			background:url(/images/layout/member/sulur2.png) no-repeat left top;
			clear:both;
			height:130px;
			left:540px;
			position:absolute;
			top:-132px;
			width:89px;
		}
		/* \*/
		* html #sulur2{
				background:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/member/sulur2.png', sizingMethod='scale');
		}
		/* */
		#wrappilserver .wrapsulurbody #bannersulur{
			background:url(/images/layout/member/bgframebnr.png) no-repeat left top;
			clear:both;
			display:inline;
			float:left;
			height:143px;
			position:relative;
			width:588px;
			z-index:2;
		}
		/* \*/
		* html #wrappilserver .wrapsulurbody #bannersulur{
				background:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/member/bgframebnr.png', sizingMethod='scale');
		}
		/* */
			#wrappilserver .wrapsulurbody #bannersulur a{
				clear:both;
				display:inline;
				float:left;
				margin:23px 0 0 29px;
				position:relative;
			}
		
		#wrappilserver .wrapsulurbody .wrappilihan{
			clear:both;
			display:inline;
			float:left;
			margin:10px 0 0 0;
			width:100%;
		}
			#wrappilserver .wrapsulurbody .wrappilihan h4{
				background:url(/images/layout/member/txtpilserver2.gif) no-repeat left top;
				clear:both;
				display:inline;
				float:left;
				margin-left:70px;
				height:15px;
				width:500px;
			}
				#wrappilserver .wrapsulurbody .wrappilihan h4 span{
					display:none;
				}
			
			#wrappilserver .wrapsulurbody .wrappilihan ul{
				clear:both;
				display:inline;
				float:left;
				margin:5px 0 0 35px;
				width:170px;
			}
				#wrappilserver .wrapsulurbody .wrappilihan ul li{
					clear:both;
					display:inline;
					float:left;
					width:170px;
				}
					.wrappilihan ul li a{
						background:url(/images/layout/member/bgli.gif) no-repeat left top;
						clear:both;
						display:inline;
						float:left;
						height:60px;
						width:170px;
					}
					.wrappilihan ul li.new a{
						background:url(/images/layout/member/bglinew.gif) no-repeat left top;
					}
					.wrappilihan ul li a:hover{
						background:url(/images/layout/member/bgli.gif) no-repeat left bottom;
					}
					.wrappilihan ul li.new a:hover{
						background:url(/images/layout/member/bglinew.gif) no-repeat left bottom;
					}
					
						.wrappilihan ul li a span{							
							clear:both;
							display:inline;
							float:left;
							height:21px;
							margin:16px 0 0 0;
							width:100%;
						}
							.wrappilihan ul li a span strong{
								display:none;
							}
					
					/*jgn lupa taro di popup.css juga*/
					.wrappilihan ul li a#sbankai span{
						background:url(/images/layout/member/serverbankai.gif) no-repeat center top;
					}
					.wrappilihan ul li a#sakatsuki span{
						background:url(/images/layout/member/serverakatsuki.gif) no-repeat center top;
						margin:17px 0 0 0;
					}
					.wrappilihan ul li a#skonoha span{
						background:url(/images/layout/member/serverkonoha.gif) no-repeat center top;
						margin:19px 0 0 7px;
					}
			
			#wrappilserver .wrapsulurbody .wrappilihan .wrapchars{
				display:inline;
				float:left;
				height:88px;
				position:relative;
				width:380px;
				z-index:2;
			}
				#wrappilserver .wrapsulurbody .wrappilihan .wrapchars div.chars{
					background:url(/images/layout/member/serverchars.png) no-repeat left top;
					clear:both;
					left:30px;
					height:177px;
					position:absolute;
					top:0;
					width:350px;
				}
				/* \*/
				* html #wrappilserver .wrapsulurbody .wrappilihan .wrapchars div.chars{
						background:none;
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/member/serverchars.png', sizingMethod='scale');
				}
				/* */
/*end pilihan server*/


/*virtual keyboard*/
#wrapvk1,
#wrapvk2,
#wrapvk3,
#wrapvk4{
	clear:both;
	display:inline;
	float:left;
	left:250px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:414px;
}
#wrapvk2{
	top:230px;
}
#wrapvk3{
	left:390px;
	top:-20px;
	z-index:5;
}
#wrapvk4{
	top:50px;
}
#btnvk1{
	cursor:pointer;
}
.wrapformright #btnvk4{
	margin:10px 0 0 0;
}
img#btnvk2,
img#btnvk3{
	cursor:pointer;
	display:inline;
	float:left;
	margin:140px 0 0 10px;
}
#btnvkclose,
#btnvkclose3{
	clear:both;
	cursor:pointer;
	left:390px;
	position:absolute;
	top:10px;
}
#btnvkclose2,
#btnvkclose4{
	clear:both;
	cursor:pointer;
	left:340px;
	position:absolute;
	top:253px;
}
.vkey{
	background:url(../images/layout/vk/bgvk.jpg) no-repeat left top;
	clear:both;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	height:291px;
	width:414px;
}
	.vkey h3{
		clear:both;
		color:#754c24;
		display:inline;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		line-height:26px;
		margin:30px 0 0 45px;
		width:355px;
	}
	.vkey p.introvkey{
		clear:both;
		color:#754c24;
		display:inline;
		float:left;
		margin:5px 0 0 45px;
		width:355px;
	}
	
	.vkey .wrapkeys{
		clear:both;
		display:inline;
		float:left;
		margin:30px 0 0 45px;
		width:355px;
	}
	
	.wrapkeys .leftkey{
		clear:both;
		display:inline;
		float:left;
		margin-top:2px;
		width:48px;
	}
		.wrapkeys .leftkey label{
			background:url(../images/layout/vk/vkeybutton4.gif) no-repeat left top;
			cursor:pointer;
			clear:both;
			display:inline;
			float:left;
			height:58px;
			width:48px;
		}
			.wrapkeys .leftkey label input{
				clear:both;
				display:inline;
				float:left;
				margin:35px 0 0 17px;
			}
	
	.wrapkeys a.keypad{
		background:url(../images/layout/vk/vkeybutton.gif) no-repeat left top;
		color:#000;
		display:inline;
		float:left;
		height:18px;
		margin:2px 0 0 2px;
		text-align:center;
		width:18px;
	}
	.wrapkeys a.keypad:hover{
		color:#a0410d;
	}
	
	.wrapkeys .centerkey{
		display:inline;
		float:left;
		width:220px;
	}
		.wrapkeys .centerkey a.keypadspace{
			background:url(../images/layout/vk/vkeybutton3.gif) no-repeat left top;
			display:inline;
			float:left;
			height:18px;
			margin:2px 0 0 2px;
			width:58px;
		}
	
	.wrapkeys .centerleftkey{
		display:inline;
		float:left;
		width:20px;
	}
		.wrapkeys .centerleftkey .keypadplus{
			background:url(../images/layout/vk/vkeybutton2.gif) no-repeat left top;
			display:inline;
			float:left;
			height:38px;
			margin:2px 0 0 2px;
			width:18px;
		}
	
	.wrapkeys .rightkey{
		display:inline;
		float:left;
		width:65px;
	}
		.wrapkeys .rightkey .keypick{
			clear:both;
			display:inline;
			float:left;
			margin:2px 0 0 5px;
			padding-bottom:2px;
			width:60px;
		}
			.wrapkeys .rightkey .keypick input{
				clear:both;
				display:inline;
				float:left;
				margin-right:5px;
			}
			.wrapkeys .rightkey .keypick label{
				background:url(../images/layout/vk/vkeyempty.gif) no-repeat left top;
				cursor:pointer;
				display:inline;
				float:left;
				height:18px;
				text-align:center;
				width:18px;
			}
/*end virtual keyboard*/


.fbbox{
	clear:both;
	position:absolute;
	left:130px;
	top:50px;
}