@charset "utf-8";
@import url("/template/registration/css/hkej40_renewal.css");

/* main Content */
body,td,th{
	line-height:130%;
	color: #333;
}
form{
	margin:0;
	padding:0;
}
.eng{
	font-family:Arial;
}
.wrapper #contentWrap #mainContent #registrationWrap #wrapper h1 {
	line-height: 180%;
}

.tColor{
	color: #005100;
}
.ad_300250{
	margin:0 5px;
}
iframe{
	float:left;
	margin:0;
	padding:0;
	border:0;
}

#footerWrap_icon_v2_2014 iframe{
	float:none;
}

.ad-top iframe{
	float:none;
}

#b2t{
	float:left;
	clear:both;
	margin:50px 0 0 0;
	white-space:nowrap;
	font-size:13px;
}
#b2lp{
	float:left;
	font-size:13px;
}

h1{
	margin:0;
	padding:0;
	font-size:18px;
	color:#111;
}
.ejhl{
	color:#005100;
}

#headerWrap #adnInfo #info{
	color: #005100;
}
#headerWrap #logo_login{
	background-image: url(../images/logo_bg.gif);
}




/* content css start here */
#registrationWrap{
	float:left;
	width:920px;
	margin:14px 0 0 0;
	padding:30px 17px 17px 17px;
	background-color:#FFFFFF;
}
#registrationWrap #wrapper{
	width:740px;
	margin:0 auto;
}
#registrationWrap h1{
	margin:0;
	padding:0;
	font-size:24px;
	color:#005100;
}
#regWrap .st{
	font-size:12px;
}




/* registration */
.registrationForm{
	float:left;
	width:740px;
	margin:0 0 0px 0;
	border-top:solid 4px #E6E6E6;
}
.registrationForm td{
	padding:8px 0;
	border-top:solid 1px #E6E6E6;
	vertical-align:top;
	font-size:15px;
}
.registrationForm .titles{
	width:240px;
}
.registrationForm .fields{
	width:500px;
}
.registrationForm .fields .tf{
	margin:0;
	width:250px;
}
.registrationForm .fields .tfs{
	margin:0;
	width:150px;
}
.registrationForm .fields .tfl{
	margin:0 0 5px 0;
	width:410px;
}
.registrationForm .fields #kaptchaImage{
	margin:5px 0;
}
.registrationForm .flFields{
	width:740px;
	vertical-align:top;
}
.registrationForm .flFields input{
	margin-top:4px;
	vertical-align:top;
}
.registrationForm .frm{
	margin:8px 0 0 0;
	line-height:135%;
	font-size:13px;
	color:#666;
}
.registrationForm .spot{
	padding:0 3px 0 0;
	color:#FF0000;
}
.registrationForm .cbMsg{
	width:96%;
	margin:0 0 0 10px;
	display:inline-block;
	line-height:140%;
	font-size:13px;
}




/* confirm */
#confirmRegistration{
	float:left;
	width: 640px;
	margin:50px 0 0 0;
	padding:0 50px;
}
#confirmRegistration #agreement{
	float:left;
	width: 640px;
	font-size:13px;
}
#confirmRegistration #agreement strong{
	font-size:15px;
}
#confirmRegistration #agreement #memberprovision{
	float:left;
	width: 638px;
	margin:3px 0 0 0;
	border:1px solid #999999;
	background-color:#FFFFFF;
}
#confirmRegistration #submitForm{
	float:left;
	width: 640px;
	padding:30px 0 40px 0;
	vertical-align:top;
}
#confirmRegistration #submitForm #confirmNfinish{
	margin:0 auto;
}
#confirmRegistration #submitForm #confirmNfinish td{
	text-align:center;
}
#confirmRegistration #submitForm #confirmNfinish input{
	margin:0;
	padding:0;
	font-size:15px;
}


/*---------general------------*/
#generalWrap{
	float:left;
	width:920px;
	margin:14px 0 0 0;
	padding:17px 17px 30px 17px;
	background-color:#ffffff;
	font-size:15px;
}

#generalWrap a{
	text-decoration:none;
	color:#0066CC;
}
#generalWrap a:hover{
	color:#333333;
	text-decoration: underline;
}
#generalWrap h1{
	margin-bottom:30px;
	font-size:18px;
	color:#111;
}
#generalWrap p{
	margin:0 0 30px 0;
	line-height:160%;
	letter-spacing:1px;
	font-size:15px;
	color:#333;
}
.contact{
	margin:5px 0 20px 0;
	font-size:13px;
	color:#333;
}

.contact a{
	color:#333;
}
.contact a:hover{
	color:#0066CC;
}
.contact td{
	padding:0px 0 3px 0;
	font-family:Arial;
}
.contact .title{
	width:350px;
	font-size:13px;
	font-weight:bold;
}
.tf{
	width:300px;
	margin:0;
	padding:0;
	font-size:15px;
}



/* ask2Subscribe */
#subscribeMsgWrap{
	float:left;
	width:900px;
	margin:5px 0 0 0;
	padding:10px 10px 20px 10px;
	background-image: url(/users/common/images/no_subscribe/inviteSubBg.gif);
	background-repeat: repeat-x;
}
#screenCap{
	float:right;
	padding:45px 0 0 0;
	width:448px;
}
#screenCap img{
	float:left;
	margin:0 0 0 6px;
	border:solid 1px #d7d7d7;
}
#subscribeMsgWrap #subscribeMsg{
	float:left;
	width:422px;
	padding:0 30px 0 0;
}
#subscribeMsgWrap #subscribeMsg #intro{
	margin:32px 0 15px 0;
	padding:0;
	line-height:145%;
	letter-spacing:1px;
	font-size:15px;
}
#subscribeMsgWrap #btns{
	float:left;
	width:422px;
	text-align:right;
}




/* login */
#loginWrap{
	width:940px;
	margin:0 auto;
	padding:20px 10px 0 10px;
	font-size:15px;
}
#accTypeSwitch{
	float:right;
	margin:-15px 20px 0 0;
}
#loginBox{
	margin:10px 0 20px 0;
	padding:12px 10px;
	width:580px;
	height:149px;
	background-color:#edffed;
	background-image: url(../../common/images/2011/loginBox_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;	

}
.loginTable td{
	padding:3px 0;
	font-size:15px;
}
.loginTable td input{
	padding:3px;

}
#loginMsg{
	width:600px;
}
#loginMsg p{
	margin:0 0 20px 0;
	padding:0 0;
	line-height:150%;
	letter-spacing:1px;
	color:#1e1e1e;
}
#loginMsg p strong{
	font-weight:bold;
}


/* restarting */
#restarting{
	width:598px;
	height:183px;
	margin:50px auto 0 auto;
	padding:0 0 42px 0;
	border:solid 1px #f4f4f4;
	background-image: url(/template/common/images/restarting_msg_bar.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color:#FFFFFF;
	text-align:center;
	font-size:16px;
	color:#1e1e1e;
}



/*---------rules & statments------------*/
#rulesWrap{
	float:left;
	width:920px;
	margin:14px 0 0 0;
	padding:17px 17px 30px 17px;
	background-color:#FFFFFF;
}
#rules{
	width:920px;
}
#rules a{
	letter-spacing:0;
	line-height:135%;
	font-size:12px;
	font-family:Arial;
}
#rules  td{
	padding:0 0 10px 0;
}
#rules .ruleNo{
	width:35px;
	vertical-align:top;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color: #005100;
}
#rules .ruleContent{
	width:885px;
	vertical-align:top;
	font-size:13px;
}
#rules strong{
	font-size:13px;
	font-weight:bold;
	color: #111;
}
#rules p{
	margin:10px 0;
	line-height: 140%;
	font-size:13px;
}
#rules .eng{
	letter-spacing:0;
	line-height:135%;
	font-size:12px;
}
#rules h1{
	margin: 0px;
	padding: 0px;
	line-height: 130%;
	font-size: 18px;
	color: #111;
}
#rules h1.eng{
	font-size: 16px;
	color: #111;
}
#rules .list1{
	list-style-type: lower-alpha;
	font-size: 13px;
}
#rules .list1 li{
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 130%;
}
#rules .list1.eng li{
	padding:0;
	letter-spacing:0;
	line-height:130%;
	font-size:12px;
}
#rules .list2 {
	list-style-type: lower-roman;
	font-size: 13px;
}
#rules .list2 li{
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 130%;
}
#rules .para {
	font-size:13px;
}
/*---------------------*/