@charset "UTF-8";
/* box untuk form */
.skn-register>.top,
.skn-register>.btm{
  background:url(../img/skn_box_orange.png) no-repeat 0 0;
  padding-left:6px;
}
.skn-register>.top .l,
.skn-register>.btm .l{
  background-color:#f69a47;
  padding-left:66px;
}
.skn-register>.top .r,
.skn-register>.btm .r{
  background:url(../img/skn_box_color.png) no-repeat right top;
  padding-right:6px;
}
.skn-register>.top .m,
.skn-register>.btm .m{
  border-top:#E0E0CB solid 1px;
  background-color:#f5f5ef;
  height:15px;
}
/* btm */
.skn-register>.btm{
  background-position:left bottom;
}
.skn-register>.btm .r{
  background-position:right bottom;
}
.skn-register>.btm .m{
  border-top:none;
  border-bottom:#E0E0CB solid 1px;
}
/* mid  */
.skn-register>.mid{
  background-color:#f69a47;
  padding-left:72px;
}
.skn-register>.mid .r{
  padding:0px 20px;
  border-right:#E0E0CB solid 1px;
  background-color:#f5f5ef;
  position:relative;
}
/* text format  */
.skn-register>.mid .title,
.skn-register>.mid .step{
	padding:0;
	margin:0;
}
.skn-register .mid .title{
	border-bottom:#dfdfdf solid 1px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.skn-register>.mid .step{
	position:absolute;
	right:100%;
	top:0;
	text-align:center;
	text-transform:lowercase;
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	padding:5px 10px;
}
.skn-register .step span{
	display:block;
}
.skn-register .step .no{
	font-size:48px;
	clear:left;
	margin-top:10px;
}
.skn-register .star{
	color:#900;
	font-size:24px;
	line-height:0;
}
.skn-register #aturan-explain td *{
	font-size:12px;
}
.skn-register #aturan-explain h4{
	font-size:14px;
}
/* form input */
.skn-register .input-text{
	background:#fff url(../img/bg_input.png) repeat-x;
	border:#bcbcbc solid 1px;
	font-size:12px;
	padding:3px 5px;
	width:300px;
}
.skn-register .input-text:focus{
	border-color:#93cf01;
}
/* form button */
.button-wrap{
	display:inline-block;
	background:url(../img/bg_butt.png) no-repeat left top;
	padding-left:5px;
	margin-top:10px;
}
.button-wrap .sider{
	background:url(../img/bg_butt.png) no-repeat right bottom;
	padding-right:5px;
}
.button-wrap .input-button{
	background:url(../img/bg_butt.png) repeat-x center center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px !important;
	font-weight:bold;
	line-height:1px !important;
	color:#FFF;
	padding:0 15px !important;
	padding-top:5px;
	height:30px;
	overflow-y:hidden;
	border:none;
	cursor:pointer;
}
/* table */
.skn-register>table td{
	padding:5px 0;
}
.skn-register tr.sep>td{
	border-bottom:#dfdfdf solid 1px;
	padding-bottom:10px;
}
/* warn msg */
.skn-register tr.error td{
	padding-left:35px;
	background:#FFC url(../icon/ic_warn.png) no-repeat 10px 7px;
	border:#F93 solid 1px;
}
.skn-register tr.error + tr td{
	padding-top:10px;
}
/* helper */
.skn-register .helper-target{
	display:block;
}
.skn-register .helper-target>*:first-child{
	float:left;
}
.skn-register .helper-on,
.skn-register .helper{
	float:left;
	position:relative;
	width:23px;
	height:23px;
	background:url(../icon/icon_help.gif) no-repeat center center;
}
.skn-register .helper-on .float-box,
.skn-register .helper .float-box{
	position:absolute;
	top:-17px;
	left:27px;
	width:300px;
	display:none;
	z-index:500;
}
.skn-register .helper-on .float-box,
.skn-register .helper:hover .float-box{
	display:block;
}
.skn-register .helper-on .float-box .mid,
.skn-register .helper .float-box .mid{
	color:#900;
	line-height:normal;
	padding:15px !important;
}
.skn-register .helper-on .warn{
	font-weight:bold;
	clear:right;
}