/*
Last Update
	22 juli 2011
		2:30 - a - create optboxfull buat member2
	25 may 2011
		4:40 - a - add css buat recaptcha
*/

.stepdaftar{
	clear:both;
	float:left;
	display:inline;
	width:520px;
	margin:-10px 0 10px 70px;
	background:url(/images/icn/dashed.gif) repeat-x bottom left;
	padding-bottom:5px;
}

.stepdaftar div{
	float:right;
	display:inline;
	background:url(../images/layout/member/arrowhead.gif) no-repeat right top;
	height:31px;
	padding-right:12px;
	position:relative;
	margin-right:-10px;
	text-align:left;
}
.stepdaftar div.currentstep{background:url(../images/layout/member/arrowhead.gif) no-repeat right bottom;}
.stepdaftar div span{
	float:left;
	display:inline;
	background:url(../images/layout/member/arrowbody.jpg) no-repeat top left;
	height:31px;
	padding-left:5px;
}
.stepdaftar div.currentstep span,
.stepdaftar div.lastcurrentstep span{
	float:left;
	display:inline;
	background:url(../images/layout/member/arrowbody.jpg) no-repeat bottom left;
	height:31px;
	padding-left:5px;
}
.stepdaftar div span strong{
	clear:both;
	float:left;
	display:inline;
	margin:8px 8px 0 8px;
	font-size:10px;
	color:#ebebeb;
	line-height:15px;
	cursor:default;
}
.stepdaftar div.currentstep span strong, .stepdaftar div.lastcurrentstep span strong{color:#fff200;}
.stepdaftar div.last{
	margin-right:0;
	background:url(../images/layout/member/arrowhead.jpg) no-repeat right top;
}
.stepdaftar div.lastcurrentstep{
	background:url(../images/layout/member/arrowhead.jpg) no-repeat right bottom;
	margin-right:0;
}

h4.steptitle{
	clear:both;
	float:left;
	display:inline;
	color:#0072bc;
	width:500px;
	text-transform:uppercase;
	font-weight:bold;
	margin-left:8px;
}
p.introdaftar{
	clear: both;
  float: left;
  display: inline;
  text-align: justify;
  margin: 0 0 5px 23px;
  width: 667px;
}

p.introdaftar span{
	padding:0 10px;
}

p.introdaftar img.rightheadergames{
	clear: both;
  float: right;
  /* margin: -15px 0 0 0; */
  padding-left: 10px;
  position: relative;
}
ul.listinfomember{
	clear: both;
	color:#000;
	float: left;
	font-size:12px;
	display: inline;
	width: 637px;
	margin: 0 0 5px 24px;
}
ul.listinfomember li{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	background:url(/images/icn/reddot.gif) no-repeat 0px 5px;
	padding:0 0 5px 15px;
	font-size:11px;
}
div.dashedline{
	clear:both;
	float:left;
	display:inline;
	width:562px;
	background:url(../images/icn/dashed.gif) repeat-x;
	height:1px;
	font-size:0;
	margin:5px 0;
}

#registrasi{
	clear:both;
	float:left;
	display:inline;
	margin-top:10px;
	width: 100%;
}

#username_availability_result{
	clear:both;
	display:inline;
	float:left;
	font-size:0;
}
	#username_availability_result img{
		display:inline;
		float:left;
		margin-right:5px;
	}
	#username_availability_result span{
		display:inline;
		float:left;
		font-size:10px;
		margin-bottom:5px;
	}

#registrasi .bagregis{
	clear:both;
	float:left;
	_float:none;
	display:inline;
	_display:block;
	width:100%;
	padding-bottom:10px;
}

#registrasi .bagregis strong{
	clear:both;
	float:left;
	display:inline;
	margin-top:2px;
}

#registrasi .bagregis .stripinput{
	float:left;
	display:inline;
	margin:0 10px;
}

#registrasi .bagregis label,
#registrasi .komentar label{
  clear: both;
  float: left;
  display: inline;
  /* width: 165px; */
  width: 165px;
  margin: 3px 0 0 47px;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
}

#registrasi .komentar label{
  margin: 3px 0 0 0;
}

#registrasi .bagregis label.smallerlabel{
	width:140px;
}

#registrasi .bagregis div{
	float:left;
	display:inline;
	/*width: 479px;*/
}
#registrasi .bagregis div input,
#registrasi .bagregis div input.text{
	float:left;
	display:inline;
	background:url(/images/layout/member/bginput.gif) repeat-x left center;
	height:18px;
	border:1px solid #dad7c6;
	padding:3px 3px 0 3px;
	width: 462px;	
}

#registrasi .bagregis div input, #registrasi .bagregis div input.gender{
	width:auto;
}
#registrasi .bagregis div input.text{
	width:462px;
}
#registrasi .bagregis div textarea{
	float:left;
	display:inline;
	background:url(/images/layout/member/bgtextarea.gif) repeat-x left top;
	border:1px solid #dad7c6;
}
#registrasi .bagregis div select{
	float:left;
	display:inline;
	border:1px solid #dad7c6;
}
#registrasi .bagregis div span.inforegis{
	clear:both;
	float:left;
	display:inline;
	font-style:italic;
	font-size:10px;
	width:465px;
}
#registrasi .bagregis div .keyno{
	float:left;
	display:inline;
/*	background:url(/images/icn/keyno.gif) no-repeat;*/
	width:19px;
	height:19px;
	margin:2px 0 0 -25px;
	color:#2f2f2f;
	padding-left:6px;
	font-weight:bold;
	line-height:18px;
}
#registrasi .bagregis div label.txtgender{
	clear:none;
	width:auto;
	font-weight:normal;
	float:left;
	display:inline;
	margin:5px 10px 0 5px;
	text-transform:none;
}

.bggamemember{
	clear:both;
	float:left;
	display:inline;
	background-repeat:no-repeat;
	background-position: right;	
	width:100%;
}

#btnsubmit{
	clear: both;
  float: left;
  display: inline;
  width: 100%;
  text-align: left;
  margin: 0 0 0 211px;
  padding-bottom: 15px;
}
.otpsms{
	margin:0 0 0 -10px !important;
}

#btnsubmit input.btnlogin{
	float:left;
	display:inline;
	margin:0 10px 0 140px;
}

#btnsubmit img.btnlupapasslogin{
	float:left;
	display:inline;
	margin-right:10px;
}

#btnsubmit img.btngantipasslogin{
	float:left;
	display:inline;
	margin:0;
}

.listwithbignumber{
	clear:both;
	float:left;
	display:inline;
	width:538px;
	margin-left:23px;
	padding-bottom:10px;
}
.listwithbignumber div{
	clear:both;
	float:left;
	display:inline;
	width:30px;
	font-weight:bold;
}
.listwithbignumber p{
	float:left;
	display:inline;
	width:500px;
	margin:0;
}
.centangsetuju{
	clear:both;
	float:left;
	display:inline;
	width:560px;
	margin:10px 0 15px 0;
	text-align:center;
}
.centangsetuju div input{
	margin-right:10px;
}
.centangsetuju label{
	font-weight:bold;
	font-size:10px;
	color:#534741;
	cursor:pointer;
	text-transform:uppercase;
}
.centangsetuju3{
  float: left;
  display: inline;
  width: 365px;
  margin: 10px 0 15px 207px;
}
.centangsetuju3 .isisetuju{
	display:inline;
	float:right;
	width:345px;
}
.centangsetuju3 div input{
	margin-right:10px;
}
.centangsetuju3 label{
	font-weight:bold;
	font-size:10px;
	cursor:pointer;	
	text-transform:uppercase;
}
.centangsetuju2{
	clear:both;
	float:left;
	display:inline;
	width:560px;
	margin:10px 0 15px 24px;
	text-align:left;
	border-top:1px solid #cfcfcf;
	width:535px;
	padding-top:10px;
}
.centangsetuju2 div{
	float:left;
	display:inline;
}
.centangsetuju2 label{
	color:#df0023;
	cursor:pointer;
	font-weight:bold;
}
h4.headerbag{
	clear:both;
	color:#302e2e;
	border-radius:3px;
	float:left;
	display:inline;
	width:660px;
	font-size:12px;
	margin:0 0 15px 15px;
	padding:3px 0 0 7px;
	text-align:center;
	text-transform:uppercase;
	line-height:15px;
}

/*style userprofile list game lama*/
/*ul.konfirmasibar{
	clear:both;
	float:left;
	display:inline;
	width:657px;
	margin-left:23px;
}
ul.konfirmasibar li{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	height:25px;
}
ul.konfirmasibar li.alt{
	background:#efe1cf;
}
ul.konfirmasibar li.altgreen{
	background:#c4df9b;
}
ul.konfirmasibar li.altblue{
	background:#BFE5FF;
}
ul.konfirmasibar li span.gamename{
	float:left;
	display:inline;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0 20px;
	border-right:1px solid #efe1cf;
	width:160px;
	line-height:24px;
	height:25px;
}
ul.konfirmasibar li.alt span.gamename,
ul.konfirmasibar li.altgreen span.gamename{
	border-right:1px solid #fff;
}
ul.konfirmasibar li div.btnred,
ul.konfirmasibar li div.btngreen{
	float:left;
	display:inline;
	width:10px;
	height:8px;
	margin:9px 8px 0 8px;
}
ul.konfirmasibar li div.btnred{background:url(../images/layout/member/statusred.gif) no-repeat;}
ul.konfirmasibar li div.btngreen{background:url(../images/layout/member/statusgreen.gif) no-repeat;}

ul.konfirmasibar li span.statusaktif{
	float:left;
	display:inline;
	font-weight:bold;
	font-size:11px;
	margin:4px 0 0 0;
	width:100px;
}
ul.konfirmasibar li a.btnaktif{
	float:left;
	display:inline;
	width:59px;
	height:15px;
	background:url(/images/layout/member/btnaktif.gif) no-repeat;
	margin:5px 0 0 0;
}*/
/*style userprofile list game lama*/

ul.konfirmasibar{
	clear:both;
	float:left;
	display:inline;
	width:657px;
	margin-left:23px;
}
ul.konfirmasibar li{
	border:#bdbdbd 1px solid;
	clear:both;
	float:left;
	display:inline;
	width:100%;
	height:25px;
}
ul.konfirmasibar li.alt{
	background:#efe1cf;
}
ul.konfirmasibar li.altgreen{
	background:#c4df9b;
}
ul.konfirmasibar li.altblue{
	background:#BFE5FF;
}
ul.konfirmasibar li span.gamename{
	float:left;
	display:inline;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0 20px;
	width:260px;
	line-height:24px;
	height:25px;
}
ul.konfirmasibar li.alt span.gamename,
ul.konfirmasibar li.altgreen span.gamename{
	border-right:1px solid #fff;
}
ul.konfirmasibar li div.btnred,
ul.konfirmasibar li div.btngreen{
	float:left;
	display:inline;
	width:18px;
	height:22px;
	margin:0px 8px 0 8px;
}
ul.konfirmasibar li div.btnred{background:url(../images/layout/member/userprofile/statred.png) no-repeat;}
ul.konfirmasibar li div.btngreen{background:url(../images/layout/member/userprofile/statgreen.png) no-repeat;}

ul.konfirmasibar li span.statusaktif{
	float:left;
	display:inline;
	font-weight:bold;
	font-size:11px;
	margin:4px 0 0 0;
	width:100px;
}
ul.konfirmasibar li a.btnaktif{
	float:left;
	display:inline;
	width:59px;
	height:15px;
	background:url(/images/layout/member/btnaktif.gif) no-repeat;
	margin:5px 0 0 0;
}

a.btnaktif{
	background:url(/images/layout/member/btnuseraktif.gif) no-repeat left top;
	display:inline;
	float:right;
	height:15px;
	margin:5px 0 0 0;
	width:100px;
}

a.btnuseraktif{
	background:url(/images/layout/member/btnuseraktif.gif) no-repeat left top;
	display:inline;
	float:right;
	height:15px;
	margin:5px 0 0 0;
	width:100px;
}

a.btnuseraktifnew{
	background:url(/images/layout/member/userprofile/btnaktivasi.png) no-repeat left top;
	display:inline;
	float:left;
	height:25px;
	margin:-7px 0 0 52px;
	width:110px;
}

a.nonaktif{
	background:url(/images/layout/member/btnnonaktfik.gif) no-repeat left top;
	display:inline;
	float:right;
	height:15px;
	margin:5px 0 0 0;
	width:100px;
}

a.nonaktifnew{
	background:url(/images/layout/member/userprofile/btnnonaktif.png) no-repeat left top;
	display:inline;
	float:left;
	height:17px;
	margin:2px 0 0 52px;
	width:110px;
}

a.nonaktif2{
	background:url(/images/layout/member/btnnoemail.gif) no-repeat left top;
	display:inline;
	float:right;
	height:29px;
	margin:0 0 0 10px;
	width:150px;
}
	a.nonaktif2 span{
		display:none;
	}
	
	
a.nonaktif3{
	background:url(/images/layout/member/btnnosms.gif) no-repeat left top;
	display:inline;
	float:left;
	height:29px;
	margin:0 0 0 5px;
	width:214px;
}
	a.nonaktif3 span{
		display:none;
	}	

a.ubahhp{
	background:url(/images/layout/member/btnuserubahhp.gif) no-repeat left top;
	display:inline;
	float:right;
	height:15px;
	margin:5px 0 0 0;
	width:100px;
}

a.ubahhpnew{
	background:url(/images/layout/member/userprofile/btnubahsms.png) no-repeat left top;
	display:inline;
	float:left;
	height:25px;
	margin:-14px 0 0 52px;
	width:110px;
}

a.ubahemail{
	background:url(/images/layout/member/btnubahemail.gif) no-repeat left top;
	display:inline;
	float:right;
	height:15px;
	margin:5px 0 0 0;
	width:100px;
}


a.ubahemailnew{
	background:url(/images/layout/member/userprofile/btnubahemail.png) no-repeat left top;
	display:inline;
	float:left;
	height:25px;
	margin:0 0 0 0;
	width:110px;
}

.btnsend{
	background:url(/images/layout/member/btnresend.png) no-repeat;
	display:inline;
	float:left;
	height:30px;
	margin:0 0 0 20px;
	width:100px;
}

.btnverifikasi{
	background:url(/images/layout/member/btnverifikasi.gif) no-repeat;
	display:inline;
	float:left;
	height:29px;
	margin:0 0 0 10px;
	width:168px;
}

.btnverifikasi2{
	background:url(/images/layout/member/btnverifikasi2.gif) no-repeat;
	display:inline;
	float:left;
	height:29px;
	margin:0 0 0 10px;
	width:180px;
}

.btnverifikasisms{
	background:url(/images/layout/member/btnverifikasisms.png) no-repeat;
	display:inline;
	float:left;
	height:25px;
	margin:0 0 0 20px;
	width:131px;
}

.btnbatalconfirm{
	background:url(/images/layout/member/new/btnkembali.png) no-repeat;
	display:inline;
	float:left;
	height:26px;
	margin:0 0 0 0;
	width:82px;
}


.wrapbtn{
	clear:both;
	display:inline;
	float:left;
	width:400px;
}

	.wrapbtn .btnconfirm{
		display:inline;
		float:left;
		margin-left:90px;
		width:120px;
	}
	
.txtinput{
	display:inline;
	float:left;
	margin:0 0 0 30px;
	width:220px;
}
	
a.ubahhp span,
a.nonaktif span,
a.btnuseraktif span,
a.ubahemail span{
	display:none;
}


ul.konfirmasibar li a.btnweb{
	background:url(/images/layout/member/btnlihatweb.gif) no-repeat;
	display:inline;
	float:right;
	height:15px;
	margin:5px 0 0 0;
	width:100px;
}

ul.konfirmasibar li a.btnwebnew{
	background:url(/images/layout/member/userprofile/btnwebsite.gif) no-repeat;
	display:inline;
	float:right;
	height:18px;
	margin:4px 3px 0 0;
	width:107px;
}

ul.konfirmasibar li a.btnaktif span,
ul.konfirmasibar li a.btnlupapass span,
ul.konfirmasibar li a.btngantipass span,
ul.konfirmasibar li a.btnweb span{
	display:none;
}
ul.konfirmasibar li a.btngantipass{
	float:left;
	display:inline;
	width:96px;
	height:15px;
	background:url(../images/layout/member/btngantipass.gif) no-repeat;
	margin:5px 0 0 15px;
}
ul.konfirmasibar li a.btnlupapass{
	float:left;
	display:inline;
	width:96px;
	height:15px;
	background:url(../images/layout/member/btnlupapass.gif) no-repeat;
	margin:5px 0 0 0;
}

ul.konfirmasibar li.forumbar{
	border-radius:5px;
	float:left;
	margin:10px 0;
	background:#BFE5FF;
	width:100%;
}

ul.peringatan{
	clear:both;
	float:left;
	display:inline;
	width:520px;
	margin-left:23px;
	padding-bottom:6px;
}
ul.peringatan li{
	float:left;
	display:inline;
	clear:both;
	color:red;
}



/*virtual keyboard*/
.vkey{
	clear:both;
	width: 400px;
	float: left;
	display:inline;
	margin:0 0 0 200px;
}

.vkey table.tombolvk td{
	text-align:center;
	font-size:12px;
	color:#3f3f3f;
	cursor:pointer;
}

.vkey table.tombolvk td a {
	color:#3f3f3f;
}

.vkey table.tombolvk td.vkkey{
	background:url(/images/layout/member/vkeybutton.gif) no-repeat;
	width:20px;
	height:18px;
}

.vkey table.tombolvk td.vkkey2{
	background:url(/images/layout/member/vkeybutton2.gif) no-repeat;
	width:18px;
	vertical-align:middle;
}

.vkey table.tombolvk td.vkkey3{
	background:url(/images/layout/member/vkeybutton3.gif) no-repeat;
}

.vkey table.tombolvk td.vkkey4{
	background:url(/images/layout/member/vkeybutton4.gif) no-repeat;
	width:50px;
	padding-top:3px;
}

div.vkey label.keyno{
	float:left;
	display:inline;
	width:12px;
	height:19px;
	background:url(/images/icn/keyno.gif) no-repeat;
	padding:1px 0 5px 7px;
	font-weight:bold;
	color:#fff;
	font-size:9px;
	margin:2px 0 0 2px;
	cursor:pointer;
}
/*end virtual keyboard*/

/*aturan main*/
#contentisi #aturanmain{
	clear:both;
	float:left;
	display:inline;
	/*background:url(/images/icn/dashed.gif) repeat-x top left;*/
	width:660px;
	margin:10px 0 0 0;
}
#contentisi #aturanmain h3{
	clear:both;
	float:left;
	display:inline;
	color:#C53E3E;
	width:667px;
	margin:10px 0 10px 24px;
	font-size:12px;
}
#contentisi #aturanmain table{
	clear:both;
	width:667px;
	margin:0 0 0 24px;
}
#contentisi #aturanmain table tr th{
	color:#389ed7;
	border-top:1px solid #f3f3f3;
	border-bottom:1px solid #f3f3f3;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
	font-size:12px;
}
#contentisi #aturanmain table tr td{
	text-align:center;
	padding:10px 0;
	vertical-align:middle;
	font-size:10px;
}
#contentisi #aturanmain table tr.alt td{
	background:#d3e5ed;
	border-top:1px dashed #ddd;
}
#contentisi #aturanmain table tr td span{
	font-size:11px;
}
#contentisi #aturanmain table tr td p{
	font-size:10px;
	text-align:center;
	margin:0;
}
/*end aturan main*/

/*start userinfo*/
#contentisi #userinfo{
	clear:both;
	float:left;
	display:inline;
	width: 647px;
	margin-left:23px;
	padding:20px 0 15px 0;
}
/*#contentisi #userinfo .avataruser{
	clear:both;
	float:left;
	display:inline;
	border:1px solid #9b7544;
	margin-right:10px;
}*/

#contentisi #userinfo .avataruserhover{
	opacity:0; 
	/*background: url(/images/layout/member/userprofile/bggantiavatar.png) no-repeat;*/
}

#contentisi #userinfo .avataruser:hover .avataruserhover{
	opacity:0.9; 
	background: url(/images/layout/member/userprofile/bggantiavatar.png) no-repeat;
	width:100%;
	height:100%;
	background-size:100%;
}

/*#contentisi #userinfo .avataruser img:hover{
	opacity:0.3; 
	background: url(/images/layout/member/userprofile/bggantiavatar.png) no-repeat;
}*/
#contentisi #userinfo h2{
	float:left;
	display:inline;
	width:400px;
	color:#f26522;
	font-size:18px;
}
#contentisi #userinfo .baginfolist{
	color:#393939;	
	float:left;
	display:inline;
	width:410px;
	font-size:11px;
}
#contentisi #userinfo .baginfolist span{
	width:110px;
	float:left;
	display:inline;
}
#contentisi #userinfo .btnoptprofile{
	clear:both;
	float:left;
	display:inline;
	margin: 5px 0 0 95px;
	position:relative;
}
#contentisi #userinfo .baginfolist p{
	clear:both;
	float:left;
	display:inline;
	width:410px;
}
#contentisi #userinfo .baginfolist div.wrapinfoacc{
	clear:both;
	float:left;
	display:inline;
	margin:5px 0 0 0;
	width:392px;
}
#contentisi #userinfo .baginfolist div.wrapinfoacc h3{
	clear:both;
	color:#393939;	
	float:left;
	display:inline;
	width:100%;
	margin-bottom:5px;
}
#contentisi #userinfo .baginfolist div.wrapinfoacc div.rowinfo{
	clear:both;
	float:left;
	display:inline;
	width:100%;
}
#contentisi #userinfo .baginfolist div.wrapinfoacc div.rowinfo span{
	float:left;
	display:inline;
	font-weight:normal;
	width:310px;
}
#contentisi #userinfo .baginfolist div.wrapinfoacc div.rowinfo span.info{
	clear:both;
	font-weight:bold;
	width:80px;
}
#contentisi #userinfo .wrapavatar{
	clear:both;
	float:left;
	display:inline;
}
#contentisi #userinfo .wrapacc{
	float:left;
	display:inline;
	overflow:hidden;
	position:relative;
	width:415px;
}
#contentisi #userinfo .baginfolist div.wrapinfoacc div.rowinfo span.info{
	clear:both;
	font-weight:bold;
	width:80px;
}
#contentisi #userinfo .wrapavatar .avitem {
	position:relative;
	clear:both;
	float:left;
	display:inline;
	width:94px;
	margin-left:15px;
}

img.avitem {
	margin-top:110px;
	margin-left:35px;
	position:relative;
	display:inline;
}

* html img.avitem {
	margin-top:110px;
}


/*end userinfo*/
/*end userinfo*/

#contentisi h3.headerbagian{
	clear:both;
	float:left;
	display:inline;
	color:#9e0039;
	width:500px;
	margin-left:23px;
	padding:10px 0 15px 0;
	font-size:16px;
}
#contentisi h3.headerbagian span{
	clear:both;
	float:left;
	display:inline;
	font-size:10px;
	color:#000;
}
#contentisi .infoberhasiltop{
	clear:both;
	float:left;
	display:inline;
	font-size:0;
	background:url(../images/layout/member/bginfoberhasiltop.gif) top left no-repeat;
	height:7px;
	width:515px;
	margin-left:23px;
	margin-top:15px;
}
#contentisi .infoberhasil{
  clear: both;
  float: left;
  display: inline;
  width: 646px;
  /* background: url(../images/layout/member/bginfoberhasil.gif) bottom left no-repeat; */
  background: #F26522;
  padding: 5px 5px 7px 5px;
  margin: 10px 0 10px 23px;
  color: #FFF568;
  text-align: center;
  border-radius: 5px;
}

#contentisi .picklistimg{
  clear: both;
  float: left;
  display: inline;
  margin: 10px 0 10px 30px;
  width: 661px;
}
#contentisi .picklistimg p{
	clear:both;
	float:left;
	display:inline;
  width: 100%;
	line-height:16px;	
}
#contentisi .picklistimg p strong{
	font-size:11px;
}
#contentisi .picklistimg .pickimg{
	float:left;
	display:inline;
	width:110px;
	margin-right:14px;
	padding-bottom:20px;
}
#contentisi .picklistimg .pickimg input{
	clear:both;
	float:left;
	display:inline;
}
#contentisi .picklistimg .pickimg label{
	float:left;
	display:inline;
	border:1px solid #997448;
	cursor:pointer;
}
#contentisi .picklistimg .pickimg label img{
	float:left;
	display:inline;
	width:84px;
	height:108px;
}
#btnpilih{
	clear:both;
	padding-bottom:30px;
}

#contentisi .daftarintro{
	clear:both;
	float:left;
	display:inline;
	width:550px;
	margin-left:10px;
}

#contentisi .daftarintro .avatarlyto{
	clear:both;
	float:left;
	display:inline;
}

#contentisi .daftarintro .isiintro{
	float:left;
	display:inline;
	width:373px;
	margin-left:20px;
}
#contentisi .daftarintro .isiintro h2{
	clear:both;
	float:left;
	display:inline;
	width:373px;
	font-size:16px;
	line-height:18px;
	font-family:Arial;
	text-transform:uppercase;
}
#contentisi .daftarintro .isiintro ul{
	clear:both;
	float:left;
	display:inline;
	width:373px;
	margin:5px 0;
}
#contentisi .daftarintro .isiintro ul li{
	clear:both;
	float:left;
	display:inline;
	background:url(../images/icn/orangedotbig.gif) no-repeat 1px 5px;
	margin-top:10px;
	padding-left:15px;
	line-height:12px;
	width:353px;
}

#contentisi .opt2box{
	float:left;
	display:inline;
	width:240px;
	background:#fff7c0;
	padding:15px;
	margin:15px 0 0 7px;
}

#contentisi .opt2box span{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	text-align:center;
	font-size:14px;
	margin-bottom:15px;
	font-weight:bold;
	font-family:Arial;
}
#contentisi .opt2box p{
	text-align:center;
	font-size:10px;
	clear:both;
	float:left;
	display:inline;
	width:100%;
	margin-bottom:15px;
}
#contentisi .opt2box a.bigbtn{
	clear:both;
	text-align:center;
}

#contentisi .listgamelyto{
	clear:both;
	float:left;
	display:inline;
	text-align:center;
	width:562px;
	margin-top:20px;
}


#contentisi div.wrapavatar input.btnoptprofile{
	clear:both;
	float:left;
	display:inline;
	position:relative;
	margin-left:20px;
	margin-top:-32px;
}


#registrasi .bagregis .wraprecaptcha{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	position:relative;
	width:360px;
}



/*optboxfull*/
#contentisi .optboxfull{
	float:left;
	display:inline;
	width:410px;
	background:#fff7c0;
	padding:15px;
	margin:15px 0 0 60px;
}
	.optboxfull span{
		clear:both;
		float:left;
		display:inline;
		width:100%;
		text-align:center;
		font-size:14px;
		margin-bottom:15px;
		font-weight:bold;
		font-family:Arial;
	}	
	.optboxfull p{
		text-align:center;
		font-size:10px;
		clear:both;
		float:left;
		display:inline;
		width:100%;
		margin-bottom:15px;
	}
	.optboxfull a.bigbtn{
		clear:both;
		display:inline;
		float:left;
		margin:0 0 0 8px;
	}
/*end optboxfull*/

/*lupa pass option*/

.wrapopt{
	clear:both;
	display:inline;
	float:left;
	width:692px;
}
	.wrapopt a.btnpasslama{
		background:url(../images/layout/member/btnlupapasspin.gif) no-repeat left top;
		display:inline;
		float:left;
		height:65px;
		margin:10px 0 0 25px;
		width:150px;
	}
		.wrapopt a.btnpasslama:hover{
			background:url(../images/layout/member/btnlupapasspin.gif) no-repeat left bottom;
		}
		
		.wrapopt a.btnpasslama span{
			display:none;
		}
		
	.wrapopt a.btnpassemail{
		background:url(../images/layout/member/btnpassemail.gif) no-repeat left top;
		display:inline;
		float:left;
		height:65px;
		margin:10px 0 0 25px;
		width:150px;
	}
		.wrapopt a.btnpassemail:hover{
			background:url(../images/layout/member/btnpassemail.gif) no-repeat left bottom;
		}
		
		.wrapopt a.btnpassemail span{
			display:none;
		}
		
	.wrapopt a.btnpasssms{
		background:url(/images/layout/member/btnpasssms.gif) no-repeat left top;
		display:inline;
		float:left;
		height:65px;
		margin:10px 0 0 0;
		width:150px;
	}
		.wrapopt a.btnpasssms:hover{
			background:url(../images/layout/member/btnpasssms.gif) no-repeat left bottom;
		}		
		
		.wrapopt a.btnpasssms span{
			display:none;
		}
		
		
	.wrapopt a.btnpassemail2{
		background:url(../images/layout/member/btnlupapassemail.gif) no-repeat left top;
		display:inline;
		float:left;
		height:65px;
		margin:10px 0 0 25px;
		width:150px;
	}
		.wrapopt a.btnpassemail2:hover{
			background:url(../images/layout/member/btnlupapassemail.gif) no-repeat left bottom;
		}
		
		.wrapopt a.btnpassemail2 span{
			display:none;
		}
		
	.wrapopt a.btnpasssms2{
		background:url(../images/layout/member/btnlupapasssms.gif) no-repeat left top;
		display:inline;
		float:left;
		height:65px;
		margin:10px 0 0 25px;
		width:150px;
	}
		.wrapopt a.btnpasssms2:hover{
			background:url(../images/layout/member/btnlupapasssms.gif) no-repeat left bottom;
		}
		
		.wrapopt a.btnpasssms2 span{
			display:none;
		}	
/*end lupa pass*/

.smskonfirmasi{
  background: #EFEFEF;
  clear: both;
  display: inline;
  float: left;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 0 20px 5px;
  padding: 10px 0 10px 0;
  width: 688px;
}
	.smskonfirmasi .header{
		display:inline;
		float:left;
		font-weight:bold;
		text-align:center;
		width:100%;
	}
		.smskonfirmasi ul{
			clear:both;
			display:inline;
			float:left;
			margin:0 0 10px  30px;
			width:100%;
		}
			.smskonfirmasi ul li{
				list-style-type:disc;
				width:450px;
			}
			
			.smskonfirmasi .ket{
				color:#00746B;
				display:inline;
				float:left;
				text-align:center;
				width:100%;
			}

.boxpilih{
	clear: both;
	display: inline;
	float: left;
	margin: 12px 0 0 10px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 10px 10px 10px 10px;
	width: 606px;
}
	.header{
		float:left;
		display:inline;
		font-weight:bold;
		text-align:left-;
		font-size:14px;
		color:#00668d;
		width:100%;	
		padding-bottom:20px;
	}
	
.boxpilih .wrapopt2{
	clear:both;
	display:inline;
	float:left;
	width:630px;
}


	.wrapopt2 a.btnpassemail{
		background:url(/images/layout/member/btnpassemail.gif) no-repeat left top;
		display:inline;
		float:left;
		height:65px;
		margin-top:15px;
		width:150px;
	}
		.wrapopt2 a.btnpassemail:hover{
			background:url(../images/layout/member/btnpassemail.gif) no-repeat left bottom;
		}
		
		.wrapopt2 a.btnpassemail span{
			display:none;
		}
		
	.wrapopt2 a.btnpasssms{
		background:url(/images/layout/member/btnpasssms.gif) no-repeat left top;
		display:inline;
		float:left;
		height:65px;
		margin:15px 0 0 0;
		width:150px;
	}
		.wrapopt2 a.btnpasssms:hover{
			background:url(../images/layout/member/btnpasssms.gif) no-repeat left bottom;
		}		
		
		.wrapopt2 a.btnpasssms span{
			display:none;
		}


.txtsaldo{
	color:#000;
}
	.txtsaldo:hover{
		color:#0072BC;
	}
	
.warntxt{
  clear: both;
  display: inline;
  float: left;
  margin-top: 10px;
  color: red;
  font-weight: bold;
  text-align: center;
  width: 692px;
}

.warntxt2{
	clear:both;
	display:inline;
	float:left;
	color:red;
	font-weight:bold;
	margin-left:20px;
	text-align:left;
	width:550px;
}


/*ul.peringatanlupapass{
	clear:both;
	float:left;
	display:inline;
	width:520px;
	margin-left:23px;
	padding-bottom:6px;
}
ul.peringatanlupapass li{
	float:left;
	display:inline;
	clear:both;
	color:red;
	font-weight:bold;
}*/

#persetujuan{
	color:#000;
	text-decoration:underline;
}
	#persetujuan:hover{
		color:#0072BC;
	}
	
.txtnote{
	display:inline;
	float:left;
	width:10px;
}

.txtnoteuserprofile{
	background:url(../images/layout/member/userprofile/bgemail.gif) no-repeat left top;
	color:#000 !important;
	display:inline;
	float:left;
	margin:15px 0 0 0;
	height:55px;
	width:660px;
}

.txtnotesms{
	background:url(../images/layout/member/userprofile/bgsms.gif) no-repeat left top;
	color:#000 !important;	
	display:inline;
	float:left;
	margin:5px 0 0 0;
	height:55px;
	width:660px;		
}

/*start wrapbtnotp*/
.wrapbtnotp{
	clear:both;
	float:left;
	width:660px !important;
}
/*end wrapbtnotp*/

.wrapinput{
	width:479px;
}