@charset "utf-8";
/* CSS Document */

#lightbox{
	display: none;
	width: 500px;
	height: 250px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 6px;
	box-shadow: #000 5px 5px 0 0;
	position: absolute;
	z-index: 5;
	left: 35%;	
	top: 10%;
}

#lightbox-overlay{
	display: none;
	background: #000;
	opacity: 0.5;
	height: 100%;
	width: 100%;
	position: absolute;	
	z-index: 4;
}

#lightbox-close{
	padding: 5px;
	float: right;
	font-size: 25;
	font-family: impact;
	font-weight: bold;	
	cursor: pointer;
}


body{
	margin:0;
	padding:0;
	line-height: 1.3;
    font-size: 1em;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
 }
 
/* Hieu: added to make SEO links */
em.seo, strong.seo {
	font-style:normal;
	font-weight:normal;
}
 
.clr{
	clear:both;
	}
	
div, h1, h2, h3, h4, p, li, form, .footer_box ul, .CourseTable ul, .ReferalTable ul, .cpr_blue ul{
	margin:0;
	padding:0;
}

p {
	line-height: 25px;
	font-size: 16px;
}

h2 {
	font-size: 20px;
	outline: none;
	color: #0B5582;
	width: 100%;
	text-align: left;
}

h3 {
	font-size: 16px;
}

a, img{
	border:none;
	outline:none;
	color: #0B5582;	
	text-decoration: underline;
}

.wrapperOut{
	width:922px;
	margin:0 auto;
	background:#fff url(/application/design/images/repeat.gif) repeat-y;
}	

.top{
	float:left;
	width:922px;
	height:40px;
	background:#fff;
}

.header{
	float:left;
	width:922px;
}



.line{
	float: left;	
}

.logo{
	float:left;
	width:373px;
	height:81px;
	padding:0 0 0 3px;
}

.image{
	float:left;
	width:138px;
	height:81px;
	padding:0 0 0 143px;
}

.chatbox{
	float:right;
	width:225px;
}

.chat{
	float:right;
	width:106px;
	height:34px;
	padding:0 15px 0 0;
}

.header h1{
	float: right;
	font-size:28px;
	color:#c12223;
	font-weight: bold;
	padding:25px 20px 0 0;
}


.wrapperIn{
	width:893px;
	margin:0 auto;
}

.navBox{
	float:left;
	width:893px;
	height:38px;
	background:#fff url(/application/design/images/navMid.gif) repeat-x;
}

.navImg{
	float:left;
	width:4px;
	height:38px;
}

.nav{
	float:left;
	width:885px;
}

.nav ul{
	list-style:none;
}

.nav li{
	float:left;
	border-right:solid 1px #ababab;
	padding:10px 13px 5px 14px;
	margin:4px 0 0 0;
	display: block;
}

.nav a{
	display:inline;
	color:#3a3a3a;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
}

.nav a.color{
	color:#be171a;
}

.nav a:hover{
	color:#0c5486;
}

.nav a:active{
	color:#090;
}


.nav li.none{
	border:none;
}

.footer-title-h2 h2{
	color:#0B5582 !important;
	float:left !important;
	font-size:12px !important;
	font-weight:bold !important;
	padding:6px 0 !important;
	border-bottom:none !important;
	margin:0 0 0 0 !important;
}

/* 05/18/2010 - Hieu changed "padding top" from 18px to 10px, added 
		"position: relative" */
		
.container{
	float:left;
	width:100%;
	padding:10px 0 0 0;
	position: relative;
}

/**leftPart**/
/* gb: customized left margin */
/* Hieu: added height for IE6 */
.leftPart{
	float:left;
	width:672px;
	height: 470px;
	padding:0 0 5px 0;
	margin-left: 5px;
}

html>body .leftPart {
	height: auto;
	min-height: 700px !important;
		
}



/* gb: customized left margin */
.leftPart1{
	float:left;
	width:672px;
	padding:0 0 5px 5px;
	margin-left: 0px;
	border-bottom:solid 1px #cccccc;
}

/* hieu: added blue header */
.leftPart1 h1{
	font-size:18px;
	color:#0b5582;
	font-weight:normal;
}

.leftPart h1{
	font-size:18px;
	color:#0b5582;
	font-weight:normal;
}

.leftPart p{
	float:left;
	font-size:16px;
	color:#0b5582;
	padding:3px 0 0 0;
	font-weight:normal;
}


.leftPart h2{
	float:left;
	font-size:18px;
	color:#ba0e2a;
	padding:0px 0 10px 0;
	font-weight:normal;
}

.leftPart h3{
	float:left;
	width:635px;
	font-size:16px;
	color:#ba0e2a;
	padding:24px 0 5px 32px;
	font-weight: bold;
}

.leftPart h3 span{
	font-size:16px;
	color:#0b5582;
	padding:0 0 0 10px;
	font-weight: bold;
}

.leftPart h4{
	float:left;
	width:635px;
	font-size:16px;
	color:#000;
	padding:20px 0 5px 32px;
	font-weight: bold;
}

.leftPart h4 span{
	font-size:18px;
	color:#0b5582;
	padding:0 0 0 10px;
	font-weight: bold;
}

.leftPart h4 span.C{
	font-size:18px;
	color:#ba0e2a;
	padding:0 0 0 5px;
	font-weight: bold;
}

/* gb: changed margin from 0px 0px 0px 0px to 0px 0px 0px -8px */
.typesBox{
	float:left;
	width:672px;
	margin:0px 0px 0px -8px;
}


/*05/19/2010: Hieu's modification for showing the 4 course type pictures on the home page */
.type1{
	width:162px;
	background:url(/application/design/images/typebox1.jpg) left no-repeat;
}

.type2{
	width:170px;
	background:url(/application/design/images/typebox2.jpg) left no-repeat;
}

.type3{
	width:168px;
	background:url(/application/design/images/typebox3.jpg) left no-repeat;
}

.type4{
	width:165px;
	background:url(/application/design/images/typebox4.jpg) left no-repeat;
}

.type1, .type2, .type3, .type4 {
	float:left;
	margin-left: 1px;
	height:220px;
	position: relative;
}

.type1 a, .type2 a, .type3 a, .type4 a {
	color: #000000;
}

.type1 a:hover, .type2 a:hover, .type3 a:hover, .type4 a:hover {
	color: #F30;
}

.type1List{
	position:absolute;
	width:105px;
	top: 154px;
	right: 10px;
}

.typeTitle {
	position: absolute;
	width: 110px;
	bottom: 184px;
	right: 08px;
	font-size: 1.1em;
	font-weight:bold;
	text-align:center;
}

.typeTitle H1{
	font-size: 1.1em;
	font-weight:bold;
	text-align:center;
}

.typePrice {
	font-size:1.5em;
	font-weight:bold;
	position: absolute;
	top: 43px;
	right: 7px;
}

.typeText {
	position: absolute;
	right: 05px;
	bottom: 74px;
	width: 100px;
	font-size: 1.0em;
	line-height: 18px;
}
/* ENd of Hieu's modification for showing the 4 course type pictures on home page */





.cprList{
	float:left;
	width:343px;
	padding:18px 0 0 10px;
}

.cprList h1{
	float:left;
	font-size:16px;
	color:#0b5582;
	font-weight: bold;
}

.cprList ul{
	float:left;
	padding:10px 0 0 0;
}

.cprList li{
	float:left;
	display: block;
	width:338px;
	color:#0b5582;
	padding:5px 0 0 5px;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	text-indent: -5px;

}

.cprList1{
	float:left;
	width:314px;
	padding:18px 0 0 10px;
}

.cprList p.black{
	float:left;
	font-size:13px;
	color:#000;
	padding:10px 0 0 0;
	font-weight: normal;
}

.cprList1 h1{
	float:left;
	font-size:16px;
	color:#0b5582;
	font-weight: bold;
}

.cprList1 ul{
	float:left;
	list-style:none;
	padding:10px 0 0 0;
}

.cprList1 li{
	float:left;
	display: block;
	width:309px;
	color:#0b5582;
	padding:5px 0 0 5px;
	font-size:14px;
	font-weight:normal;
	text-indent:-1em;
}

.cprWallet{
	float:right;
	width:315px;	
	padding:18px 0 0 0;
}

.cprWallet h1{
	float:left;
	font-size:16px;
	color:#2e2e2e;
	font-weight: bold;
}
.cprWallet h2{
	color:#2E2E2E;
	float:left;
	font-size:16px;
	font-weight:bold;
}

.cprWallet ul{
	float:left;
	list-style:none;
	padding:10px 0 0 0;
}

.cprWallet li{
	float:left;
	display: inline;
	width:315px;
	color:#2e2e2e;
	padding:5px 0 0 0px;
	font-size:13px;
	font-weight:normal;
}

.cprWallet li span{
	color:#cc2541;
	font-weight:bold;
}

.cprWallet li span.blue{
	color:#0b5582;
	font-weight:bold;
}

.doctor{
	float:left;
	width:100%;
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:solid 1px #b9b9b9;
}

/* gb changed margin width */
.doctor1{
	float:left;
	width:100%;
	margin-top: 50px;
	padding: 0;
	border-top:solid 1px #b9b9b9;
}

.doctorsImg{
	float:left;
	margin:8px 18px 8px 0;
}

.doctortxt{
	text-align: left;
	float:left;
	width:370px;
}

.doctortxt h1{
	float:left;
	font-size:14px;
	color:#0c5683;
	padding:8px 0 0 0;
	font-weight: bold;
}

.doctortxt h2{
	color:#0C5683;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:8px 0 0;
}

.doctortxt p{
	float:left;
	font-size:14px;
	color:#0c5683;
	padding:10px 0 0 0;
	font-weight:normal;
}

.onlineCPR{
	text-align: left;
	float:left;
	width:415px;
	padding: 20px;
}

#livechat{
	
}
.onlineCPR h1{
	float: left;
	font-size:13px;
	color:#0b5582;
	font-weight:bold;
}

.onlineCPR p{
	float: left;
	font-size:13px;
	color:#0b5582;
	padding:6px 0 0 0;
	font-weight: normal;
}

.onlineCPR2{
	text-align: left;
	float: left;
	width: 450px;
	padding: 10px 20px 5px 0px;
}

.onlineCPR2 h1{
	float: left;
	font-size:13px;
	color:#0b5582;
	font-weight:bold;
}

.onlineCPR2 p{
	float: left;
	font-size:13px;
	color:#0b5582;
	padding:6px 0 0 0;
	font-weight: normal;
}


/**leftPart**/

/**rightPart**/
.rightPart{
	float:right;
	width:216px;
	left: 678px;
	top: 10px;
	position: absolute;
}

.register{
	float:left;
	width:194px;
	height:45px;
	padding:0 0 8px 0;
}

.register a{
	float:left;
	font-size:15px;
	color:#fff;
	width:179px;
	height:33px;
	padding:12px 0 0 25px;
	text-decoration:none;
	font-weight:bold;
	background:url(/application/design/images/register.gif) left no-repeat;
}

.register a:hover{
	color:#FF9;
}

.visitors{
	float:left;
	width:214px;
	height:64px;
	background:url(/application/design/images/visitors.gif) repeat-x;
	border-left:solid 1px #295e7a;
	border-right:solid 1px #295e7a;
}

.visitors h1{
	float:left;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	padding:8px 0 0 12px;
}

.visitors h1 span{
	font-size:16px;
	color:#a3ebff;
	padding:8px 0 0 5px;
	font-weight:bold;
}

.corporate{
	float:left;
	width:216px;
	height:101px;
	margin:11px 0 0 0;
}

.partners{
	float:left;
	width:214px;
	border:solid 1px #c1dbea;
	margin:12px 0 0 0;
}

.partners ul {
	padding: 1px 1px 10px 25px;	
}

.partners ul li a{
	text-decoration: none;	
}

.partnersTop{
	float:left;
	width:204px;
	height:21px;
	margin-bottom:8px;
	padding:0 0 0 10px;
	background:#dbe7f3;
}

.partnersTop h1{
	float:left;
	font-size:12px;
	color:#4e4e4e;
	font-weight: bold;
	padding:4px 0 0 20px;
	background:url(/application/design/images/T.gif) left no-repeat;
}

.partnersTop h3{
	float:left;
	font-size:12px;
	color:#4e4e4e;
	font-weight: bold;
	padding:4px 0 0 20px;
	background:url(/application/design/images/T.gif) left no-repeat;
}

.partnersTop a{
	float: right;
	font-size:12px;
	color:#4385d1;
	text-decoration:none;
	font-weight:normal;
	padding:4px 8px 0 0;
}



/**rightPart**/

/* 05/18/2010 - Hieu changed WIDTH from 661px to 830px*/
.certificates{
	width:830px;
	margin:0 auto;
	padding:10px 0 0 0;
}

.click{
	width:336px;
	margin:0 auto;
	padding:10px 0 0 0;
}

.click h1{
	float:left;
	font-size:14px;
	color:#000;
	text-align:center;
	font-weight: bold;
}

.click a{
	float: left;
	font-size:14px;
	color:#0100fe;
	text-decoration:underline;
	text-align:center;
	padding:0 0 20px 5px;
	font-weight: normal;
}

.click1{
	width:485px;
	margin:0 auto;
	padding:10px 0 0 0;
}

.click1 h1{
	float:left;
	font-size:14px;
	color:#000;
	text-align:center;
	font-weight: bold;
}

.click1 a{
	float: left;
	font-size:12px;
	color:#2e6081;
	text-decoration: none;
	text-align:center;
	padding:0 0 20px 5px;
	font-weight: normal;
}

.col1{
	float:left;
	width:165px;
}

.col1 h1{
	float: left;
	font-size:12px;
	color:#0b5582;
	padding:6px 0 6px 0;
	font-weight: bold;
}

.col1 h2{
	color:#0B5582; 
	float:left; 
	font-size:12px; 
	font-weight:bold; 
	padding:6px 0;
}

.col1 ul{
	list-style:none;
}

.col1 li{	
	float:left;
	display:block;
	width:165px;
}

.col1 a{
	color:#98929e;
	text-decoration:underline;
	font-weight:normal;
	padding:5px 0 0 0;
}

.bottom{
	width:827px;
	margin:0 auto;
}

.bottomLinks{
	float:left;
	width:118px;
}

.bottomLinks ul{
	list-style:none;
}

.bottomLinks li{
	float:left;
	display:block;
	width:118px;
}

.bottomLinks a{
	font-size:12px;
	color:#2e6081;
	text-decoration:none;
	font-weight: normal;
	padding:5px 0 0 0;
}

.bottomLinks a:hover{
	color:#000;
}

.accountForm{
	float: right;
	width:308px;
	padding:11px;
	margin:18px 5px 0 0;
	background:#f6f6f6;
	border:solid 1px #d9dadc;
}

.accountForm h1{
	float:left;
	font-size:20px;
	color:#525f68;
	font-weight:normal;
}

.row{
	float:left;
	width:306px;
	height:20px;
	padding:6px 0 0 0;
}

label{
	float:left;
	width:120px;
	color:#525f68;
	font-weight: bold;
}

.input1{
	float:left;
	width:85px;
	height:18px;
	margin:0 3px 0 0;
	border:solid 1px #919da9;
}

.input2{
	float:left;
	width:90px;
	height:18px;
	border:solid 1px #919da9;
}

.input3{
	float:left;
	width:182px;
	height:18px;
	color:#525f68;
	font-weight: normal;
	border:solid 1px #919da9;
}

.input4{
	float:left;
	width:50px;
	height:18px;
	border:solid 1px #919da9;
}

.input5{
	float:left;
	width:50px;
	height:18px;
	margin:0 0 0 10px;
	border:solid 1px #919da9;
}

.submit{
	float:left;
	width:186px;
	height:22px;
	border:none;
	cursor:pointer;
	margin:13px 0 0 63px;
	background:url(/application/design/images/reg.gif) left no-repeat;
}

.refreshing{
	float: right;
	width:332px;
	margin:10px 5px 0 0;
	background:#cdd2d6;
}

.refreshing1{
	float: right;
	width:278px;
	margin:10px 5px 0 0;
	background:#cdd2d6;
}

.pictop{
	float:left;
}

.picImg{
	float:left;
	margin:0 8px;
}

.refreshing h1{
	float:left;
	font-size:12px;
	color:#525e6a;
	padding:5px 0 0 0;
	font-weight:normal;
}

.refreshing1 h1{
	float:left;
	font-size:12px;
	color:#525e6a;
	padding:5px 0 0 0;
	font-weight:normal;
}

.card{
	float:right;
	width:278px;
	padding:18px 8px 0 0;
}

.card h1{
	float:left;
	font-size:18px;
	color:#066d04;
	font-weight:bold;
}

.card ul{
	float:left;
	width:268px;
	list-style:none;
	background:url(/application/design/images/log.gif) top right no-repeat;
}

.card li{
	float: left;
	width:170px;
	display:block;
	font-size:12px;
	color:#242424;
	margin:10px 0 0 0;
	padding:3px 0 3px 30px;
	font-weight:bold;
	background:url(/application/design/images/tick.gif) left no-repeat;
}

.box{
	float:left;
	width:209px;
	height:181px;
	margin:8px 12px 0 0;
	background:url(/application/design/images/box.gif) left no-repeat;
}

.box h1{
	float:left;
	padding:10px 5px 0 15px;
	font-size:12px;
	color:#0b5582;
	font-weight:bold;
}

.details{
	width:94px;
	height:33px;
	margin:0 auto;
	padding:125px 0 0 0;
}

.contactBox{
	float:left;
	width:100%;
	padding:20px 0 0 0;
}

.contactImage{
	float: left;
	width: 156px;
}

.contactRight{
	float:left;
	width:506px;
}

.contactRight h1{
	float:left;
	width:506px;
	font-size:18px;
	color:#0b5582;
	font-weight:bold;
	padding:0 0 3px 0;
	border-bottom:solid 1px #c2c2c2;
}

.contactRight h2{
	float:left;
	width:506px;
	font-size:18px;
	color:#0b5582;
	font-weight:bold;
	padding:15px 0 3px 0;
	border-bottom:solid 1px #c2c2c2;
}

.contactRight p{
	float:left;
	font-size:14px;
	color:#000;
	line-height:1.35em;
	font-weight: normal;
	padding:15px 0 3px 0;
}

.contactRight p span{
	color:#000;
	font-weight:bold;
}

.contactRight p span.smaller{
	color:#000;
	font-size:12px;
	font-weight: normal;
}

.contactRight a{
	color:#141392;
	text-decoration: underline;
}

.ring{
	float:left;
}

.fone{
	float:left;
	width:370px;
	padding:10px 0 0 41px;
}

.fone h2{
	float:left;
	width:250px;
	padding:5px 0 0 20px;
	font-size:18px;
	font-weight:bold;
	color:#1f52a3;
	border:none;
}

.fone h3{
	float:left;
	width:270px;
	padding:5px 0 0 20px;
	font-size:12px;
	font-weight: normal;
	color:#000;
}

.form{
	float:left;
	width:395px;
	padding:27px 0 0 8px;
}

.row1{
	float:left;
	width:423px;
	padding:5px 0 0 0;
}

label.name{
	float:left;
	width:100px;
	color:#4e4e4e;
	font-size:15px;
	font-weight:normal;
	text-align: right;
	margin-right: 9px;
}

label.name1{
	float: right;
	width:240px;
	color:#4e4e4e;
	font-size:15px;
	padding:0 75px 0 0;
	font-weight:normal;
}

label.name2{
	float: left;
	width:220px;
	color:#4e4e4e;
	font-size:15px;
	padding:0 0 0 8px;
	font-weight:normal;
}

.inputTxt{
	float:left;
	width:241px;
	height:18px;
	border:solid 1px #aaaaac;
	color:#4e4e4e;
}

.inputTxt2{
	float:left;
	width:241px;
	height:160px;
	border:solid 1px #aaaaac;
	color:#4e4e4e;
}

.inputTxt3{
	float: left;
	width:55px;
	height:18px;
	border:solid 1px #aaaaac;
	color:#4e4e4e;
}

.inputTxt4{
	float: left;
	width:80px;
	height:18px;
	border:solid 1px #aaaaac;
	color:#4e4e4e;
}

.captcha{
	float:left;
	padding:0 0 0 11px;
}

.hold{
	float:left;
	width:300px;
	padding:5px 0 0 109px;
}

.select{
	float:left;
	width:241px;
	height:18px;
	border:solid 1px #aaaaac;
	color:#4e4e4e;
}

.send{
	float:left;
	width:135px;
	height:24px;
	color:#4e4e4e;
	cursor:pointer;
}



.costsBox{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}


.rowHeaderImg{
	float: left;
	width: 100%;
	height: 80px; 
}

.columnHeaderImg1, .columnHeaderImg2, .columnHeaderImg3, .columnHeaderImg4, .columnHeaderImg5 {
	float:left;
	height: 100%;
	padding-top: 3px;
	width:133px;
	text-align: center;	
}

.columnHeaderImg1 {
	width:120px;
	background: #ffffff;
	padding-left: 8px;
}
	
.columnHeaderImg2 {
	background: #e8e8e8;
	-moz-border-radius: 10px 0px 0px 0px;
}

.columnHeaderImg3 {
	background: #ececec;
}

.columnHeaderImg4 {
	background: #eef2db;
}

.columnHeaderImg5 {
	background: #e8e8e8;
	-moz-border-radius: 0px 10px 0px 0px;
}







.rowHeader{
	float: left;
	width: 100%;
	height: 40px; 
}

html>body .rowHeader {
	height: 50px;	
}

.columnHeader1, .columnHeader2, .columnHeader3, .columnHeader4, .columnHeader5 {
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#CC0033;
	height: 100%;
	padding-top: 10px;
	width:133px;
	text-align: center;	
}

.columnHeader1 a, .columnHeader2 a, .columnHeader3 a, .columnHeader4 a, .columnHeader5 a {
	color: #CC0033;
}

.columnHeader1 {
	width:120px;
	background: #e1ebf2;
	font-size: 14px;
	color:#0b5582;
	text-align: left;
	padding-left: 8px;
}
	
.columnHeader2 {
	background: #ababab;
}

.columnHeader3 {
	background: #bababa;
}

.columnHeader4 {
	background: #bfd17b;
}

.columnHeader5 {
	background: #d2d2d2;
}




.rowFirst{
	float: left;
	width: 100%;
	height: 27px;
}

html>body .rowFirst {
	height: 37px;	
}

.column1, .column2, .column3, .column4, .column5 {
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	height: 100%;
	padding-top: 8px;
	width:133px;
	text-align: center;
}

.column1 {
	width:120px;
	background: url("/application/design/images/courseinfo_bg_1.gif") repeat-x scroll 0 0 transparent;	
	font-size: 14px;
	color:#0b5582;
	width: 120px;
	text-align: left;
	padding-left: 8px;
}
	
.column2 {
	background: url("/application/design/images/courseinfo_bg_2.gif") repeat-x scroll 0 0 transparent;
}

.column3 {
	background: url("/application/design/images/courseinfo_bg_3.gif") repeat-x scroll 0 0 transparent;
}

.column4 {
	background: url("/application/design/images/courseinfo_bg_4.gif") repeat-x scroll 0 0 transparent;
}

.column5 {
	background: url("/application/design/images/courseinfo_bg_5.gif") repeat-x scroll 0 0 transparent;
}








.flash{
	float:left;
	width:617px;
	height:319px;
	padding:28px 0 0 17px;
}

.package{
	float:left;
	width:305px;
	padding:15px 0 0 0;
}

.package1{
	float:left;
	width:305px;
	padding:0 0 0 23px;
}

.packageL1{
	float:left;
	width:305px;
	padding:10px 0 0 0;
}

.packageL1 h1{
	float:left;
	font-size:12px;
	color:#0b5582;
	padding:5px 0 0 5px;
	font-weight:bold;
}

.package p{
	float:left;
	width:100%;
	font-size:12px;
	color:#4e4e4e;
	padding:5px 0 0 5px;
	font-weight: normal;
}

.boxInfoBox{
	float:left;
	width:278px;
	height:241px;
	margin:48px 0 0 48px;
	background:url(/application/design/images/boxinfo.gif) left no-repeat;
}

.boxInfoBox h2{
	text-transform:uppercase;
	width:278px;
	font-size:18px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding:15px 0 0 0;
}

.boxInfoBox ul{
	list-style:none;
	float:left;
	padding:30px 0 0 24px;
}

.boxInfoBox li{
	float:left;
	width:250px;
	display: inline;
	font-size:12px;
	color:#000;
	padding:4px 0 0 0;
	text-decoration:none;
	font-weight: normal;
}

.boxInfoBox li span{
	color:#ea3333;
	font-size:14px;
	font-weight:bold;
	padding:0 5px 0 0;
}

.boxInfoBox h4{
	float:left;
	width:200px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	padding:15px 0 0 10px;
}

.boxInfoBox ul.information{
	list-style:none;
	float:left;
	padding:5px 0 0 24px;
}

.boxInfoBox li.blue{
	float:left;
	width:250px;
	display: inline;
	font-size:12px;
	color:#000;
	padding:3px 0 0 0;
	text-decoration:none;
	font-weight: bold;
}

.boxInfoBox li.blue span{
	color:#0b5582;
	font-size:12px;
	float:left;
	font-weight:bold;
	padding:0 5px 0 0;
}

.dwn{
	width:110px;
	height:131px;
	margin:0 auto;
	padding:24px 0 0 0;
}

.download{
	width:163px;
	margin:0 auto;
}

.download a{
	text-align:center;
	text-decoration:underline;
	font-size:18px;
	color:#ea3333;
	padding:5px 0 0 0;
	text-transform:uppercase;
	font-weight:bold;	
}

.download a:hover{
	color:#000;
}

.tableWrapper{
	float:left;
	width:530px;
	padding:15px 0 0 32px;
}

.tableWrapper1{
	float:left;
	width:633px;
	padding:15px 0 0 32px;
}

.tableWrapper1 h1{
	float:left;
	width:630px;
	font-size:12px;
	font-weight:normal;
	color:#000;
	padding:0 0 25px 0;
}

.tableWrapper1 h1 span{
	font-size:12px;
	font-weight: bold;
	color:#000;
	padding:0 10px 0 0;
}

.tableWrapper1 h2{
	float:left;
	width:630px;
	font-size:12px;
	font-weight:normal;
	color:#000;
	padding:30px 0 15px 0;
}

.tableWrapper1 h2 span{
	font-size:12px;
	font-weight: bold;
	color:#000;
	padding:0 10px 0 0;
}

.rowList{	
	float:left;
	width:630px;
	padding:10px 0 0 0;
}

/* Hieu: added to re-align quiz answers */
.quizRowList{	
	float:left;
	width:630px;
	position: relative;
	line-height: 5px;
}

/* gb: changed height / width of image style */
.ring{
	float:left;
	width:29px;
	height:20px;
}

.rowText{
	float: left;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 20px;
	position: absolute;
}

/* Hieu: added to re-align quiz answers */
.quizRowText{
	float: left;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	position: absolute;
	left: 40px;
	top: 10px;
}

.table{
	float:left;
	width:530px;
	border:solid 1px #eeeeee;
}

.tablerow{
	float:left;
	width:525px;
	border-bottom:solid 1px #eeeeee;
}

.tableRow1{
	float:left;
	width:115px;
	color:#000;
	font-size:13px;
	font-weight:normal;
	text-align:right;
	padding:4px 10px 4px 0;
}

.tableRow2{
	float:left;
	width:385px;
	text-align:left;
	color:#000;
	font-size:13px;
	font-weight:normal;
	padding:4px 0 4px 10px;
	border-left:solid 1px #eeeeee;
}

.quiz{
	float: right;
	width:169px;
	height:35px;
	margin:15px 0 0 0; 
	background:url(/application/design/images/red.gif) left no-repeat;
}

.quiz a{
	float:left;
	width:169px;
	text-align:center;
	color:#fff;
	padding:10px 0 0 0;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.quiz a:hover{
	color:#000;
}

.next{
	float:right;
	padding:30px 0 0 0;
}

.pic1{
	float:left;
}

.confirmRight{
	float:right;
	width:375px;
}

.confirmRight ul.information{
	list-style:none;
	float:left;
	padding:0px 0 0 14px;
}

.confirmRight li.blue1{
	float:left;
	width:300px;
	display: inline;
	font-size:14px;
	color:#000;
	padding:15px 0 0 0;
	text-decoration:none;
	font-weight: bold;
}

.confirmRight li.blue{
	float:left;
	width:375px;
	display: inline;
	font-size:14px;
	color:#000;
	padding:3px 0 0 0;
	text-decoration:none;
	font-weight: bold;
}

.confirmRight li.blue span, .confirmRight li.blue1 span{
	color:#0b5582;
	font-size:14px;
	float:left;
	font-weight:bold;
	padding:0 5px 0 0;
}


.edit{
	float:right;
}

.confirmLink{
	float:left;
	width:186px;
	height:22px;
	margin:15px 0 0 53px;
	background:url(/application/design/images/check.gif) left no-repeat;
}

.confirmLink a{
	float: left;
	width:186px;
	font-size:14px;
	color:#fff;
	padding:2px 0 0 0;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

.confirmLink a:hover{
	color:#000;
}

/* Hieu: change width from 618 to display the packages on the whole page
   without the docter */
.packageBox{
	float:left;
}

.packageWrapperIn{
	float:left;
	width:206px;
	margin-left: 30px;
	margin-right: 30px;
}

.packageWrapperIn h1{
	float:left;
	width:206px;
	color:#000;
	padding:0 0 10px 0;
	font-size:14px;
	font-weight:bold;
}

.listing ul{
	float:left;
	width:206px;
	list-style:none;
}

.listing li{
	float: left;
	width:170px;
	display:block;
	font-size:12px;
	color:#242424;
	margin:4px 0 0 0;
	padding:3px 0 3px 30px;
	font-weight:bold;
	background:url(/application/design/images/tick.gif) left no-repeat;
}

.listing h3{
	float: left;
	width:170px;
	font-size:18px;
	color:#ea3333;
	padding:65px 0 5px 0;
	font-weight:bold;
	text-align:center;
}

.listing h4{
	float: left;
	width:170px;
	font-size:18px;
	color:#ea3333;
	padding:40px 0 5px 0;
	font-weight:bold;
	text-align:center;
}

.listing h4 span{
	font-size:18px;
	color:#0b5582;
	font-weight:bold;
	text-align:center;
}

.listing h2{
	float: left;
	width:170px;
	font-size:18px;
	color:#ea3333;
	padding:20px 0 5px 0;
	font-weight:bold;
	text-align:center;
}

.listing h2 span{
	font-size:18px;
	color:#0b5582;
	font-weight:bold;
	text-align:center;
}

.btnBox1{
	margin-left: 20px;
	width:139px;
	height:35px;
	background:#0173bc url(/application/design/images/blueBtn.gif) left no-repeat;
}

.btnBox1 a{
	float:left;
	text-align:center;
	color:#fff;
	padding:7px 0 0 10px;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}

.btnBox1 a:hover, .btnBox2 a:hover, .btnBox3 a:hover{
	color:#000;
}

.btnBox2{
	margin-left: 20px;
	width:139px;
	height:35px;
	background:#9ec75f url(/application/design/images/greenBtn.gif) left no-repeat;
}

.btnBox2 a{
	float:left;
	text-align:center;
	color:#fff;
	padding:7px 0 0 10px;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}

.btnBox3{
	margin-left: 20px;
	width:139px;
	height:35px;
	background:#f48a34 url(/application/design/images/orangeBtn.gif) left no-repeat;
}

.btnBox3 a{
	float:left;
	text-align:center;
	color:#fff;
	padding:7px 0 0 10px;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}

.picture{
	float:left;
}

.leftVernavNew{
	float:left;
	width:159px;
}

.leftVernavNew h1{
	float:left;
	width:159px;
	font-size:13px;
	color:#285b9a;
	font-weight:bold;
	border-bottom:solid 5px #285b9a;
	background:#fff;
}

.leftVernavNew ul.in{
	float:left;
	width:159px;
	padding:5px 0 0 0;
	list-style:none;
	background:#eef4fb;
}

.leftVernavNew li{
	float:left;
	display:block;
	list-style:none;
		
}

.leftVernavNew a{
	float:left;
	color:#000;
	width:146px;
	font-size:12px;
	padding:1px 3px 2px 1px;
	font-weight:normal;
	text-decoration:none;
	
	text-indent: -1em;
	padding-left: 1em;


}

.leftVernavNew h1 a{
	color: #285B9A;
	font-size: inherit;
	font-weight: inherit;
}

.leftVernavNew a:hover{
	color:#767474;
}

.take{
	float:left;
	width:157px;
	margin:7px 0 0 0;
	padding:3px 0 3px 0;
	background:#eef4fb;
	border:solid 1px #000;
}

.take a{
	text-align:center;
	color:#f81111;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}

.leftRightBox {
	float: right;
	width:505px;
	
}

.leftRightBox p {
	font-size:13px;
	color: #0B5582;
	padding-bottom: 10px;
}

.leftRightBox h1{
	font-size:18px;
	font-weight: bold;
}


.leftRightBox h2{
	float:left;
	width:505px;
	font-size:18px;
	color:#f80000;
	padding:0;
	font-weight: normal;
}


.leftRightBox ul{
	display: inline;
	float: left;
	margin-left: 40px;
}

.leftRightBox ol{
	display: inline;
	float: left;
	list-style: decimal;
}

.leftRightBox ol li{
	font-size: 13px;
	color: #333333;
	width: 460px;	
}

.leftRightBox ol li ul li {
	width: 410px;	
}

.wash1{
	float:left;
	width:208px;
	color:#000;
	margin:35px 0 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:1.35em;
}

.wash1 p{
	float:left;
	width:208px;
	color:#000;
	padding:5px 0 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:1.35em;
}

.wash2{
	float: right;
	width:138px;
	color:#000;
	margin:35px 0 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:1.35em;
}

.wash2 p{
	float:left;
	width:138px;
	color:#000;
	padding:5px 0 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:1.35em;
}

.buttons{
	float:left;
	padding:40px 0 0 0;
}

.btnLinks{
	float: right;
}


/*download page */
/*Payment Information**/
.PayInfo {
	width: 550px;
	padding: 0px 0 0 15px;
}

.smBox {
	width: 500px;
	padding: 3px 0 2px 35px;
}
.payTxt {
	color: #000;
	font-size: 12px;
	width: 140px;
	float: left;
	margin-top: 5px;
}
.payTxt span {
	color: #ff0000;
}
.payTxtBox {
	width: 130px;
	height: 18px;
	border: 1px solid #bbbbbb;
	padding: 2px;
	/* float: left; */
	/* margin-right: 28px; */
}

.payListBox {
	width: 136px;
	height: 22px;
	border: 1px solid #bbbbbb;
	padding: 2px;
	margin-right: 28px;
}

.sm {
	width: 40px;
}
.ssm {
	width: 90px;
}
.cvvLink {
	padding: 3px 0 0 5px;
}
.submitBtn {
	width: 190px;
	height: 46px;
	background:url(/application/design/images/submitBtn.jpg) no-repeat;
	border: none;
	cursor: pointer;
	margin:10px 0 5px 150px;
	display: block;
}
.redTxt {
	text-align:center;
	display: block;
	color: #c54415;
	font-weight: bold;
}

/*Inner Page*/
.welcome {
	width: 1050px;
	float:left; 
	padding: 20px 0 0 15px;
}
.welcome h3 {
	color: #0b5582;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.welcome h3 span {
	color: #00cc00;
}
.welcome p {
	text-align: justify;
	color: #0b5582;
	font-size: 14px;
}

/*Start Course*/

.startCourse_header .Adcard, .startCourse_header .Course {
	vertical-align: middle;
}

.startCourse {
	width: 620px;
	margin-bottom: 10px;
}
.Adcard {
	display: table-cell;
    padding: 10px;
	width: 130px;
}
.Course {
	border-left: 1px solid #ddd;
    display: table-cell;
    padding: 10px;
    vertical-align: top;
    width: 400px;
}
.Course h2 {
	font-size: 14px;
	color: #006699;
}
.Course p {
	padding: 0 0 5px 0;
	font-size: 12px;
	color: #000;

}
.Course a.action_btns {
    border: 1px solid #0b5582;
    border-radius: 5px;
    color: #006699;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-right: 8px;
    margin-top: 1px;
    padding: 5px 10px;
    text-decoration: underline;
    text-transform: uppercase;
}

.Course a.action_btns.failed {
	border: 1px solid #CCC;
    background-color: #FFF;
	color: #A00;
}

.Course a.action_btns.passed {
	border: 1px solid #CCC;
    background-color: #FFF;
	color: #080;
}

.Course a.action_btns .arrows {
	border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #080;
	display:inline-block;
	margin-left: 5px;
}

.Course a.action_btns:hover .arrows {
	border-left: 5px solid #ff5f0b;
}

.welcome h1 {
	font-size: 20px;
	color: #0b5582;
	font-weight: bold;
	text-transform: uppercase;
}
.welcome h1 span {
	color: #cc3333;	
}
.welcome h1 strong {
	color: #339900;
}

.Access {
	float: left;
	font-size: 14px;
	color: #333333;
	width: 335px;
	margin: 0 0 0 10px;
}
.Price {
	float: left;
	font-size: 14px;
	color: #333333;	
}

/*LifetimeAccess*/
.LifetimeAccess {
	font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #F6F9FD;
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.lifeTime {
	width: 290px;
	float: left;
	padding: 2px 0 0 25px;
	background: url(/application/design/images/right.jpg) no-repeat left;
}
.borBtm {
	border-bottom: 1px dotted #ececec;
	padding-bottom: 8px;
}
#smTxt {
	font-size: 12px;
	color: #333;
	padding: 10px 0 0 10px;
}
.decBtn {
	cursor: pointer;
	margin: 10px 0  0 10px;
}


/*fornt end */
.left {
	float: left;
}
.right {
	float: right;
}
.container1 {
	float:left;
	width:100%;
	padding:18px 0 0 10px;
}
.welBox {
	width: 540px;
}
.container1 p {
	font-size: 14px;
	color: #0b5582;
	line-height: 18px;
}
.container1 p span {
	color: #000;
}
.certiExpire {
	width: 300px;
	height: 61px;
	background: url(/application/design/images/certiBox-trans.png) no-repeat right;
	margin: 0 20px 0 0;
	padding: 13px 7px 0px 10px ;
	font-weight:bold;
	text-align: center;
}
.container1 h2 {
	font-size: 15px;
	color: #000;
	display: block;
	border-bottom: 1px solid #000;
	padding: 10px 0 5px 0;
	margin:0 87px 5px 0;
	font-weight: 500;
}
.container1 h3 {
	font-size: 18px;
	color: #000;
	display: block;
	padding: 10px 0 5px 20px;
	margin:0 87px 5px 0;
}
.paddIN {
	padding-left: 20px;
}

.customerInfo {
	width: 385px;
	border: 1px solid #bababa;
	margin: 0 0 0 20px;
	padding: 10px 0 10px 0;
}
.cusInfo1 {
	float:left;
	width: 175px;
	text-align: right;
	padding: 3px 0 2px 0;
}
.cusInfo1 p {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 12px;
}
.cusInfo2 {
	float:left;
	width: 125px;
	padding: 3px 0 3px 20px; 
}
.cusInfo2 p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}

.CourseTable {
	width: 808px;
	border: 1px solid #bababa;
	margin: 5px 0 0 0;
}
.courseTh {
	list-style: none;
}
.courseTh li {
	list-style: none;
	float: left;
	background: #7a8ca0;
	border-bottom: 1px solid #bababa;
	padding: 5px 0 0 3px;
	height: 22px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.ID {
	width: 39px;
	border-right: 1px solid #bababa;
}
.registered {
	width: 66px;
	border-right: 1px solid #bababa;
}
.courseName {
	width: 300px;
	border-right: 1px solid #bababa;
}
.status {
	width: 61px;
	border-right: 1px solid #bababa;
	text-align:center;
}

.amount {
	width: 61px;
	border-right: 1px solid #bababa;
	text-align:center;
}

.grade {
	width: 61px;
	border-right: 1px solid #bababa;
	text-align:center;
}
.expire {
	width: 66px;
	border-right: 1px solid #bababa;
	text-align: center;
}
.renew {
	width: 130px;
	border-right: 1px solid #bababa;
	text-align: center;
}
.certificate {
	width: 97px;
	text-align: center;
}
.courseTh1 li.redTabTxt {
	color: #aa0707;
	text-decoration: underline;
}
.courseTh1 li.grayTxt {
	color: #666667;
}
.courseTh1 li.unbold {
	font-weight: normal;
}

/*course table 1*/
.courseTh1 {
	list-style: none;	
}

.courseTh1 li {
	list-style: none;
	float: left;
	background: #fff;
	border-bottom: 1px solid #bababa;
	padding: 5px 0 0 3px;
	height: 22px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}
.tableBg {}
.tableBg li {background:#f5f6f8;}

.tableBg1 {}
.tableBg1 li {background:#ddd; border-bottom: none;}
.tableBg1 li.tableRight {
	text-align:right;
}

.ReferalTable {
	width: 481px;
	border: 1px solid #bababa;
	margin: 5px 0 0 0;
}
.ReferalTable .noBor {
	border-right: none;
}


/*Referal Page*/
.moneyBack {
	width: 600px;
	float:left;
}
.moneyBack h1 {
	font-size: 40px;
	font-weight: bold;
	color: #0e5782;
	text-align:center;
	margin: -10px;
}
.moneyBack h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #cc3333;
	margin: 0;
	padding:0;
	border-bottom: none;
	padding-bottom: 10px;
}
.moneyBack h3 {
	font-size: 20px;
	font-weight: bold;
	color: #0e5782;
	text-align:center;
	width: 520px;
}
.greenTxt {
	color: #339900;
}
.smtxt {
	font-size: 14px;
}
.referralmail {
	width: 460px;
	margin: 15px 0 0 20px;
	position:relative;
}
.mailField {
	width: 201px;
	height: 16px;
	border: 1px inset #e3e9ef;
	padding: 2px 3px 2px 3px;
	float: left;
	margin: 0 0px 7px 20px;
}

.sendmail {
	background: url(/application/design/images/sendmailBtn.png) no-repeat;
	width: 102px;
	height: 21px;
	border: none;
	float: right;
	margin: 0 2px 0 0;
	cursor: pointer;
}

#email-sent {
	color:#339900;
	font-size:13px;
	font-weight:bold;
	left:160px;
	position:absolute;
	top:90px;
	display: none;
}


.referralBox {
	background: url(/application/design/images/referal-trans.png) no-repeat;
	width: 274px;
	float: left;
}

.referralBox p {
	color: #444444;
	font-size:13px; 
	font-weight: bold;
}

.referralBox h2 {
	font-size: 18px;
	color: #0b5582;
	border: none;
	text-align:center;
	margin: 0;
	padding:10px 0 0 0;
}
.code {
	color: #242424;
	font-size: 36px;
	text-transform: uppercase;
	text-align:center;
	display:block;
	padding: 17px 0 17px 0;
	font-weight: bold;
}
.referalBox p {
	font-size: 12px;
	color: #242424;
	text-align:center;
} 
#greenTxt {
	color: #339900;
}


/* START: Live Validation Styles */

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	/* display: inline !important; */
}

.LV_valid {
    color:#00CC00;
    font-size:12px
}

.LV_invalid {
    color:#CC0000;
    font-size:12px

}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid #00CC00 !important;
    background:#D1FAD3;
	/* margin-right: 28px;*/
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000 !important;
    background:#FFBBC6;
	/* margin-right: 28px;*/
}



.LV_init_list {
	border: 1px solid #bbbbbb;	
	width: 212px !important;
	height: 22px;
	margin-bottom: 5px;
}

/* END: Live Validation Styles */



/* Hieu: styles for FAQ page */
#faq-page {
	font-size: 14px;
	color: #222222;
	width: 650px;
}

#faq-page p, ol li{
	font-size: 14px;
	color: #0B5582;
	float: none;
}

#faq-page a{
	font-size: 14px;
	color: #0B5582;
	text-decoration: none;
}

#faq-page h1 {
	padding-top: 7px;	
}


/* Hieu: added hint boxes for Register page, 06/02/2010 */
#register-all-hints {
	position: absolute;
	top: 0px;
	left: 30px;
	width: 672px;
	float:right;
}

#register-hint-1 { /* select a course */
	position: absolute;
	top: 181px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-2 { /* username */
	position: absolute;
	top: 300px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-3 { /* password */
	position: absolute;
	top: 327px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-4 { /* First Name */
	position: absolute;
	top: 419px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-5 { /* Last Name */
	position: absolute;
	top: 446px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-6 { /* Email Address */
	position: absolute;
	top: 473px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-7 { /*Phone Number */
	position: absolute;
	top: 500px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-8 { /*Mailing Address */
	position: absolute;
	top: 527px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-9 { /*Mailing City */
	position: absolute;
	top: 554px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-10 { /*Mailing Zip */
	position: absolute;
	top: 581px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-11 { /*Mailing Country */
	position: absolute;
	top: 608px;
	left: 371px;
	width: 240px;
	height: 74px;
}

#register-hint-12 { /*Mailing State */
	position: absolute;
	top: 635px;
	left: 371px;
	width: 240px;
	height: 74px;
}

.register-hint-question-mark {
	background: url("/application/design/images/register_hint.gif") no-repeat left center transparent;
	position: absolute;
	width: 14px;
	height: 14px;
	top: 5px;
	left: 7px;

}

.register-hint-box {
	/*background: url("/application/design/images/register_hintbox.gif") no-repeat left center transparent; */
	background: url("/application/design/images/register_hintbox_glow.gif") no-repeat left center transparent;
	position: absolute;
	width: 240px;
	height: 74px;
	top: 0px;
	left: 0px;
	display: none;
	color: 	#888;
	cursor: pointer;
}

.register-hint-box h1 {
	font-size: 13px;
	font-weight:bold;
	padding: 5px 27px 5px 27px;
}


.register-hint-box h2 {
	font-size: 13px;
	font-weight: 100;
	padding: 0px 5px 0px 27px;
}


/* HIEU: added styles for Payment page */
#payment-all-hints {
	position: absolute;
	top: 0px;
	left: 30px;
	width: 672px;
	float:right;
}

#payment-hint-1 { /* First name */
	position: absolute;
	top: 118px;
	left: 303px;
	width: 240px;
	height: 74px;
}

#payment-hint-2 { /* Last Name */
	position: absolute;
	top: 147px;
	left: 303px;
	width: 240px;
	height: 74px;
}

.payment-hint-question-mark {
	background: url("/application/design/images/register_hint.gif") no-repeat left center transparent;
	position: absolute;
	width: 14px;
	height: 14px;
	top: 5px;
	left: 7px;

}

.payment-hint-box {
	/*background: url("/application/design/images/register_hintbox.gif") no-repeat left center transparent; */
	background: url("/application/design/images/register_hintbox_glow.gif") no-repeat left center transparent;
	position: absolute;
	width: 240px;
	height: 74px;
	top: 0px;
	left: 0px;
	display: none;
	color: 	#888;
	cursor: pointer;
}

.payment-hint-box h1 {
	font-size: 13px;
	font-weight:bold;
	padding: 5px 27px 5px 27px;
}


.payment-hint-box h2 {
	font-size: 13px;
	font-weight: 100;
	padding: 0 5px 0 15px;
}

#payment-summary {
	/*
	position:absolute;
	right:14px;
	top: 20px;
	width:290px;
	*/
}

#ps-purchase-box {
	
}

#ps-coupon-box {
	
}

.ps-box {
	background:none repeat scroll 0 0 #F6F6F6;
	border:1px solid #D7DBDE;
	/* padding: 7px 7px 2px 7px; */
	/* float:left; */
	/* margin-bottom: 15px; */
	/* width: 274px; */
}

.ps-header {
	border-bottom:1px solid #535F69;
	color:#535F69;
	font-size:14px;
	font-weight:bold;
	padding-bottom:2px;
}

.ps-row {
	/* float:left; */
	/* color: #535f69; */
}

.ps-column-left {
	width:220px;
	float:left;
	padding: 8px 0px 8px 5px;
	border-right:1px solid #535F69;
	border-bottom:1px solid #535F69;
}

.ps-column-right {
	width:48px;
	float:right;
	text-align: center;
	padding: 8px 0;
	border-bottom:1px solid #535F69;
}

#ps-courses {
	height:110px;	
}

#ps-courses-price {
	height:110px;
	/* color: #535f69; */
}

#ps-shipping {
	color: #0b55a9;
}

#ps-shipping-price {
	color: #F00;
	font-weight: bold;
}

#ps-total {
	color: #000000;
	font-weight: bold;
	border-bottom:0px !important;
}

#ps-total-price {
	border-bottom:0px !important;
}

#demo-header {
		margin-bottom: 10px;
}
#demo-header ul{
	display: block;
	height: 29px;
}
#demo-header ul li{
	list-style:none outside none;
	height: 26px;
	text-align:center;
	font-size:16px;
	color: #FFF;
	float:left;
}
#demo-header-left {
	width: 9px;
	background:url("/application/design/images/demo_1.gif") no-repeat scroll 0 -1px transparent;
}

#demo-header-middle {
	background-color:#e20300; 
	height:24px !important;
	padding-top:2px;
}
#demo-header-middle a {
	color: #f8d435;
	text-decoration:underline;
	font-weight:600;
}
#demo-header-right {
	width: 9px;
	background:url("/application/design/images/demo_2.gif") no-repeat scroll 0 -2px transparent;
}
.profile-container, #order_history_wrapper, #shop_wrapper, .start_course_container {
    padding: 0px;
}
.profile-container:not(.mobile), #order_history_wrapper:not(.mobile), 
#shop_wrapper:not(.mobile), .start_course_container:not(.mobile) {
    padding: 36px 0px 48px 0px;
}
.waiting_icons {
    height: 36px;
    display: none;
}
.column .box {
    background: #ececec;
    border-radius: 5px;
    float: unset;
    padding: 17px 8px;
    width: unset;
    margin: 0px;
    height: unset;
}
.column .box .box-3-columns input {
    max-width: calc((100% - 64px) / 3) !important;
    flex: 1;
}
.column .box .box-3-columns input {
    margin-right: 5px;
}
.ali-center {
	align-items: center;
}
.field_rows {
    display: flex;
    margin: 5px 0px;
}
input[type="text"]:disabled {
    background: #dddddd;
}
.code-info, .quiz-result {
    background-color: #CCC;
    padding: 5px;
    border-radius: 5px;
    font-weight: normal;
    text-align: center;
}
.quiz-result {
    margin-left: 8px;
}
/* 
    footer css 2019-01-03
*/
#footer {
    background: #2d5883;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: relative;
	z-index: 1;
}
.footer {
    padding: 43px 10px 0px;
}
.footer-1 {
    background: #0B5582;
    padding-bottom: 22px;
}
.footer-wrapper {
    width: 100%;
    position: relative;
}
.widget {
    margin-bottom: 1.5em;
}
.frow {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
}
.footer_1 {
    font-family: 'Arial';
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    padding-top: 40px;
    font-weight: 400;
}
.fb-logo img {
    width: 45px;
}
.information li, .resources li, .courses li {
    border-bottom: none!important;
    font-size: 15px;
    font-family: 'Arial';
    font-weight: 400;
    list-style: initial;
    margin-left: 15px!important;
    margin: 5px 0 !important;
    padding: 2px 0;
}
#footer .information li a, #footer .resources li a, #footer .courses li a,
#footer .information ul, #footer .resources ul, #footer .courses ul {
    color: #fff;
    font-weight: 100;
}
#footer span.widget-title {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 0;
    display: inline-block;
    width: 100%;
    line-height: 1.05;
    letter-spacing: .05em;
}
#custom_html-11, #custom_html-15, #custom_html-16 {
    padding-top: 10px;
}
@media screen and (min-width: 850px){
    .large-columns-4>.col{
        max-width: 22%;
        -ms-flex-preferred-size: 22%;
        flex-basis: 22%;
    }
}
#footer ul { 
    margin: 0px;
    padding-left: 15px;
}
#footer .absolute-footer {
    padding: 0px !important;
}

.absolute-footer.dark {
    color: #fff;
}
.absolute-footer {
    background: #2d5883 !important;
}
.footer-primary {
    padding: 5px;
    font-family: 'Arial';
    font-size: 15px;
}
.text-center>div{
    margin-left: auto;
    margin-right: auto;
}
#footer .container {
    float: none;
    padding: 21px 0px;
}
div[data-role=page] .arrows{
    display:none;
}
.copyright-footer {
    text-align: center;
}
.margin-bot-30 {
	margin-bottom: 30px;
}
.fb-logo img {
	max-width: 42px;
	margin-right: 5px;
}
.fb-logo {
	display: flex;
}
@media only screen and (max-width: 980px) {
	#custom_html-10, #custom_html-11, #custom_html-15, #custom_html-16 {
		width: calc(100% * (1/2) - 10px);
		width: -webkit-calc(100% * (1/2) - 10px);
		width: -moz-calc(100% * (1/2) - 10px);
	}
	.textwidget img:first-of-type {
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	#footer_icons {
		display:none;
	}
}

a.font-white {
	color: white !important;
}

.main_gray_line {
	width: 100%;
	height: 10px;
	border-bottom: 1px solid #eeeeee;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.or_gray_line {
	background: white;
	width: 35%;
	margin: 0 auto;
}

.or_gray_line span {
	background-color: #eeeeee;
	padding: 10px;
	border-radius: 5px;
	font-size: 13px;
	color: #50789c;
}

.login_socail {
	text-align: center;
	margin: 0 auto;
}
/* wizard v8 and dashboard v3 */
.Course a.action_btns_v3 {
	border: 1px solid #006699;
	border-radius: 5px;
	background-color: #006699;
	color: #FFF !important;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 8px;
	margin-top: 1px;
	padding: 5px 10px;
	text-decoration: underline;
	text-transform: uppercase;
}
.Course a.action_btns_v3:hover {
	color: #FFF !important;
}
.Course a.action_btns_v3.failed {
	border: 1px solid #A00;
	background-color: #A00;
	color: #FFF !important;
}

.Course a.action_btns_v3.passed {
	border: 1px solid #080;
	background-color: #080;
	color: #FFF !important;
	margin-bottom: 10px;
}
.Course a.action_btns_v3.takequiz {
	border: 1px solid #A00;
	background-color: #A00;
	color: #FFF !important;
}