@font-face {
    font-family: DFYuanHK;
    src: url("../font/DFYuanHK-W7.otf") format("opentype");
}

@font-face {
    font-family: DFYuanHK_IE;
    src: url('../font/DFYuanHK-W7.ttf');
}

.dfyuan h1{
     font-family: "DFYuanHK", "DFYuanHK_IE" !important;
}

.dfyuan p{
     font-family: "DFYuanHK", "DFYuanHK_IE" !important;
}

body.forgotPW
{
	background-color: #D8A72C;
}

.forgotPW .appHeaderWrapper
{
	background-color: #D8A72C;
}

.forgotPW .sectionWrapper .sectionTitleWrapper
{
	margin-bottom: 20px;
}

.forgotPW .formRowItem .columnStyle p
{
	line-height: 1em;
}

.forgotPW .formRowItem select
{
	color: #FFFFFF;
}

.forgotPW .forgotPWTitleRow {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 2px solid #FFFFFF;
	margin-bottom: 10px;
}

.forgotPW .forgotPWTitleRow p
{
	color: #F5D087;
	line-height: 1em;
}

.forgotPW .formRowTitle {
	width: 135px;
}

/*** instructorsRow ***/


.forgotPWFormContent h2
{
	color: #FFFFFF;
	margin-bottom: 20px;
}

.finalCheckListItem
{
	margin-bottom: 20px;
}

.forgotPWInnerContent p.title
{
	position: relative;
	line-height: 1em;
	margin-bottom: 10px;
}

.courseInfoMainTitle
{
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 10px;
}

.courseInfoMainTitle p.courseName
{
	color: #773913;
}

.forgotPW .infoRow
{
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 10px;
}

.infoRow .infoTitle
{
	position: absolute;
	width: 50px;
}

.infoRow .infoContent
{
	position: relative;
	margin-left: 50px;
}

.infoRow .infoContent select
{
	border: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 1.5em;
	color: #FFFFFF;
	background-image: url('../images/common/selectArrow-checklist.png');
	background-size: 10px 10px;
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.infoRow .infoContent input.none
{
	display: none;
}

.infoRow.longItem .infoTitle
{
	width: 110px;
}

.infoRow.longItem .infoContent
{
	margin-left: 110px;
}


.forgotPW .btnWrapper
{
	position: relative;
}

.forgotPW .btnWrapper .btnStyle
{
	position: relative;
	margin-bottom: 20px;
}

.forgotPW .btnWrapper span.text
{
	color: #CF5E25;
	padding: 5px 0px;
	border-bottom: 2px solid #CF5E25;
}


/*** checklistRemarksWrapper ***/
.forgotPWRemarksWrapper
{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.forgotPWRemarksWrapper ul
{
	list-style: decimal;
	padding-left: 20px;
	margin-bottom: 20px;
}

.forgotPWRemarksWrapper ul li
{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1.5em;
}

.checkboxRowWrapper
{
	margin-bottom: 20px;
}


.forgotPWRemarksWrapper label
{
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 2px 0px;
}

.forgotPWRemarksWrapper input[type="checkbox"]
{
	display: none;
}


.forgotPWRemarksWrapper label .labelText
{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1.5em;
	color: #FFFFFF;
	/*border-bottom: 2px solid #FFFFFF;*/
	margin-left: 25px;
}

.forgotPWRemarksWrapper label .labelText:hover
{
	/*border-bottom: 2px solid transparent;*/
}

.forgotPWRemarksWrapper label .labelText a
{
	color: #FFFFFF;
}

.forgotPWRemarksWrapper label .labelText a:hover
{
	text-decoration: none;
}

.forgotPWRemarksWrapper .checkBox
{
	position: absolute;
	width: 15px;
	height: 15px;
	background: url('../images/login/checkTick.png');
	background-position: 0px 0px;
	background-size: 100% auto;
	top: 2px;
	left: 0px;
}

.forgotPWRemarksWrapper .checkBox.selected
{
	background-position: 0px -100%;
}



.forgotPW.thankyou .sectionInnerContent h1
{
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 20px;
}

.forgotPW.thankyou .sectionInnerContent p
{
	text-align: center;
	margin-bottom: 20px;
}

.forgotPW.thankyou .sectionInnerContent p a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.forgotPW.thankyou .sectionInnerContent p a:hover
{
	text-decoration: none;
}