@charset "UTF-8";
*{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif, DFSongStd;
	color: 333333;
}
.clear {clear:both; width:1px; height:1px; overflow:hidden}

body {
	background-image: url("../images/bg_page.jpg");
	background-repeat: repeat-x;
	background-color:#ded9c3;
	/* font-size:0.935em; */
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: 1.5;
	word-wrap: break-word;
	letter-spacing: 3px;
}
select.selectioninput{
	width:200px;
}

image, img{
	border:none;
}

form { margin: 0px; }

input {
	background-color: white;
	font-size:15px;
}
textarea{
	font-size:15px;
}
select{
	font-size:15px;
}
.file_input{
	/*width:130px;*/
}
.input_file{
	width:200px;
}
a.footer, a.footer:active, a.footer:link {
	color: #333333;
	text-decoration: none;
	margin-right: 20px;
	font-size:0.8em;
}
a.footer:visited{
	color: #6B5B9A;
	text-decoration: none;
	margin-right: 20px;
}

a.footer:hover {
	text-decoration: underline;
}


a.email:link, a.email:active{
	color:#003399;
	text-decoration:none;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif, DFSongStd;
}
a.email:visited{
	color: #6B5B9A;
	font-weight:normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, DFSongStd;
}
 a.email:hover{
	text-decoration:underline;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif, DFSongStd;
}

div.mainframe {
	text-align:center;
	
}

div.mainpage {	
	position:relative;
	margin:0px auto;
	/* for FireFox */
		 max-width: 940px;  
		/* min-width: 760px; */
		min-width: 480px;
		/* by Wallace */
}
div.mainpage_padding{
	
	text-align:center; padding-left:20px; padding-right:20px;
}

div.header {
	text-align: left;
	width:100%; height:27px;
	margin-bottom: 20px;
	margin-top:38px;
	vertical-align:bottom;
}

div.header div.logo {
	float: left;
}

div.header div.exit {
	float: right;
	height:27px;
	line-height:27px;
	background-image:url(../images/icon_close.jpg);
	background-repeat:no-repeat;
	background-position:center right;
}

div.header div.lang1 {
	float: right;
	margin-top: 5px;
	margin-right:8px;
}
div.header div.langspacer{
	float: right;
	margin-top: 8px;
	margin-right:7px;
	height:12px;
	width:1px;
	overflow:hidden;
	border-left:1px solid #744c28;
}
div.header div.lang2 {
	float: right;
	margin-top: 5px;
	margin-right:10px;
}
a.exit:link, a.exit:active, a.exit:visited{
	color:#666666;
	text-decoration:none;
	padding-right:23px;
		
}

a.exit:hover{
	text-decoration:underline;
}

a.close:link, a.close:active, a.close:visited{
	color:#666666;
	text-decoration:none;
	padding-right:23px;
		
}

a.close:hover{
	text-decoration:underline;
}
a.lang:link, a.lang:active, a.lang:visited{
	color: #754C28;
	text-decoration:none;
}

a.lang:hover{
	text-decoration:underline;
}

a.langsc:link, a.langsc:active, a.langsc:visited{
	font-family:DFSongStd,PMingLiU,MingLiU,LiSong Pro,Serif ;
	color: #754C28;
	text-decoration:none;
}


a.langsc:hover{
	text-decoration:underline;
	
}
a.langtc:link, a.langtc:active, a.langtc:visited{
	color: #754C28;
	text-decoration:none;
	
}

a.langtc:hover{
	text-decoration:underline;
	
}

div.subheader {
	text-align:left;
	width:100%; 
	height:52px;
	margin-bottom: 18px;
	background:url("../images/subheader_bg.jpg");
	vertical-align:middle;
	font-size:1.20em;
}
div.subheader div.cluster{
	float:left;
	width:46px;
	background-color:#754C28;
	height:42px;
	overflow:hidden;
	margin:5px 0px 5px 0px;
}
div.subheader div.icon {
	vertical-align:middle;
	float:left;
}
div.subheader img.icon {
	margin:11px 11px 0px 11px;
}
div.content {
	clear:both;
	width:100%;
	margin:0px;
	padding-bottom:5px;
	text-align:left;
	border:none;
	background-image: url('../images/bottom_border.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
}
div.boldText{
	font-weight:bold;
}
div.boldText ul{
	margin:7px 0px 0px 30px;
	color:#333333;
}
div.boldText ul li{
	color:#333333;
	margin-bottom:15px;
	font-weight:normal;
}

div.content div.leftcol {
	width: 164px;
	background-color: white;
	padding:0px;
	margin:0px;
	vertical-align:top;
	position:absolute;
}

div.content div.rightcol {
	background-color: white;
	padding-left: 0px; padding-right: 13px; 
	border: none;
	text-align: left;
	padding-left:164px;
}
div.content div.singlecol {
	background-color: white;
	padding-left: 13px;
	padding-right: 13px; 
	border: none;
	text-align: left;
}

div.footer {
	width: 100%;
	height: 87px; 
	padding-top:25px;	
}

div.footer div.leftcol {
	width:60%; text-align:left; vertical-align:center; float: left;
}

div.footer div.rightcol {
	width:40%; text-align:right; float: right;
}
div.step_hd{
	background-image: url('../images/title_step.jpg');
	background-repeat:no-repeat;
	height:25px;
	vertical-align:middle;
	padding:10px 0px 0px 0px;
}
div.navstep {
	width: 133px;
	border:1px solid #cccccc;
	margin-bottom: 12px;
	display:block;
	overflow:hidden;
	color:#4D4D4D;
}

div.navlink {
	width:135px;
	margin-bottom: 12px;
}

.navlink_item{
	margin-bottom:5px;
}
.navlink_item a { 
	display: block;
	background-color: #E8E3CD;
	color: #1A1A1A;
	padding: 3px;
	font-weight:bold;
	padding-left: 10px; padding-right: 7px; padding-top: 7px; padding-bottom: 7px;
	text-decoration: none;
	background-image:url('../images/arrow.jpg');
	background-repeat:no-repeat; background-position:115px 10px;
	border:1px solid #E8E3CD;
}
.navlink_item a:hover { 
	background-color: #D2CDB9;
	background-image:url('../images/arrow2.jpg');
	background-repeat:no-repeat; background-position:115px 10px;
	border:1px solid #E8E3CD;
}

.navlink_item_2line{
	margin-bottom:5px;
}
.navlink_item_2line a {
	display: block; 
	background-color: #e8e3cd;
	width: 220;
	color: #1A1A1A;
	padding: 3px;
	font-weight:bold;
	padding-left: 10px; padding-right: 7px; padding-top: 7px; padding-bottom: 7px;
	text-decoration: none;
	background-image:url('../images/arrow.jpg');
	background-repeat:no-repeat; background-position:115px 18px;
	border:1px solid #E8E3CD;
}
.navlink_item_2line a:hover { 
	background-color:#d2cdb9;
	background-image:url('../images/arrow2.jpg');
	background-repeat:no-repeat; background-position:115px 18px;
	border:1px solid #E8E3CD;
}


div.navlink_item2 {
	padding-left: 10px; padding-right: 7px; padding-top: 7px; padding-bottom: 7px;
	background-color: #e8e3cd;
	margin-bottom: 5px;
	text-align: left;
	color: #1a1a1a;
	border:1px solid #E8E3CD;
}
div.navlink_item2 div.title{
	font-weight:bold;
	margin-bottom:5px;
}
div.navlink_item2 a {
	color: #754c28;
	font-weight:bold;
	margin-bottom:5px;
}
div.navlink_item2 img{
	
}

div.navstep_item {
	padding-top:7px;
	padding-bottom:10px;
	padding-left:10px;
	text-align: left;
	color:#4D4D4D;
}
div.navstep_item div{
	margin-right:10px;
}

div.navstep_item#sel {
	background-image: url('../images/bg_nav.jpg');
	background-repeat: repeat-y;
	color: #ffffff;
}



div.contentpage {

}

div.cell {
	margin-bottom: 25px;
	background-color: white;
}

div.contentpage div.cell_nomargin {
	margin-bottom: 25px;
	background-color: white;
	margin-bottom: 0px;
}

div.contenttable {
	border: 1px #CCCCCC solid;
	padding:0px;
}

div.contenttable div.title {
	color: #1a1a1a;
	background-color: #E8E3CD; padding-left: 10px; padding-top: 7px; padding-bottom: 10px;
}
div.contenttable div.title_border {
	color: #1a1a1a;
	background-color: #E8E3CD; padding-left: 10px; padding-top: 7px; padding-bottom: 10px;
	border-top:1px solid #E8E3CD;
}

div.contenttable div.row {
	padding-left: 10px; padding-right:10px; padding-top: 7px; padding-bottom: 10px;
	display:block;
	color:#333333;
	
}
div.row div.colCell{
	display:table-cell;
	display:block;
	
	
}
div.row div.leftCol{
	display:table-cell;
	float:left;
	width:50%;
	position:relative;
}
div.row div.rightCol{
	display:table-cell;
}

div.contenttable div.row div.step{
	padding:5px 50px 5px 50px;
	border-bottom:0px solid #BFBFBF;
}

div.contenttable div.row div.step_last{
	padding:5px 0px 0px 0px;
}

div.downloadRow{
	padding:10px 10px 10px 5px;	
}
div.downloadRow div.icon{
	float:left;
	width:70px;
	text-align:center;
}
div.downloadRow div.link{
	float:right;
	padding-top:2px;
	color:#754C28;
}
div.downloadRow div.link a{
	color:#003399;
	text-decoration:none;
	font-weight:normal;
}
div.downloadRow div.link a:visited{
	color:#6B5B9A;
}

div.downloadRow div.link a:hover{
	text-decoration:underline;
	font-weight:normal;
}

div.downloadRow div.desc{
	display:block;
	margin-left:70px;
}
div.downloadRow div.desc div{
	margin-top:3px;
}
div.downloadRow div.desc div.leftLable{
	float:left;
	width:115px;
	padding-left:20px;
	border:none;
	margin:0px;
	padding:0px;
}


div.contenttable div.row_nomargin {
	padding-left: 10px; padding-right:10px; padding-top: 7px; padding-bottom: 10px;
	color:#333333;
}

div.contenttable div.tNc {
	margin:0px;
	padding:0px;
	height:100px;
	overflow-y:scroll;
}
div.contenttable div.tNc textarea{
	width:99.9%;
	height:100px;
	border:none;
	display:table-cell;	
}

div.contenttable div.blankrow {
	padding-left: 0px; padding-right:0px; padding-top: 0px; padding-bottom: 10px;

}

div.contenttable div.row#nomargin {

}

div.rowHeader{
	margin:0px;
	padding:15px 10px 25px 20px;
}

div.rowHeader div.gov_logo{
	position:absolute;
	
}

div.rowHeader div.text{
	position:relative;
}


div.leftchoice {
	margin:0px;
	padding:0px;
	float:left; padding-right:10px;
	position:relative;
}
div.leftchoice input{
	border:none;
}
div.leftchoice .checkbox{
}

div.choice2{
	display:block;
	margin-left:170px;
}
div.choice2 div.leftchoice{
	margin:0px;
	padding:0px;
	float:left; padding-right:10px;
	position:relative;
	top:1px;
}


div.leftchoice2 {
	float:left;
	padding-left:30px;
}

div.rightlabel {
	padding-top:1px;
}

div.rowseperator {
	padding-left: 10px; padding-right:10px; padding-top: 0px; padding-bottom: 0px;
}

span.alert {
	color: #cd0100;
}

span.note {
	color: #CC0000;
}

span.steppage {
	color: #666666;
}

span.stepcurr {
	color: #000000;
	font-weight: bold;
}

div.seperator {
	height:1px;
	border-bottom:1px solid #BFBFBF;
	overflow:hidden;
}

img.title {
	border: 1px solid #e8e3cd;
}

img.erricon {
	display:none;
}

ul.note{
	color: #CC0000;
	margin-left:30px;
	list-style:decimal;
}
li {
	color: #CC0000;
}

input.text {
	width: 150px;
}

sup.note {
	color: #CC0000;
}

div.errorlayer {
	border:1px solid #CC0000;
	padding-top:7px; margin-bottom:28px; padding-left:0px;
	background-color:#f2f2f2;	
}

div.errorlogo {
	float:left;
	padding-left:10px;
	padding-right:2px;
	top:5px;
}

div.errortitle {
	padding-left: 10px; font-weight: bold;
	color:#CC0000;
	line-height: 19px;
}

div.errormsg {
	padding-left:27px; color:red;
	padding-bottom: 10px;
	color:#CC0000;
}
div.errormsg ul{
	clear:both;
	text-align:left;
	margin-left:10px;
}
div.errormsg ul li{
	margin-bottom:5px;
}
div.errormsg ul li span.code{
	color:#333333;
	padding-left:20px;
}

div.btn_next {
	float:right;
	width:70px; height:39px;
	background-image: url('../images/bg_nav.jpg');
	vertical-align:center; text-align:center;
	font-weight: bold;
	color:white;
	cursor:pointer;
}

div.btn_clear {
	float:right;
	width:70px;
	height:38px;
	background-color: #f2f2f2;
	vertical-align:center; text-align:center;
	font-weight: bold;
	border:1px solid white;
	border-left: #e8e3cd solid 1px;
	cursor:pointer;
}



div.btnlabel {
	padding-top:11px;
}

div.footerlinks {
	padding-top:23px;
}

div.col_certtype {
	float:left; width:121px; height: 100px;
	top:-4px;
	#top:-3px;
	position:relative;
}

div.navlayer {
	text-align:left; position:relative; left:13px;
}

div.residentiallayer {
	padding-left:32px; padding-top:0px;
	padding-bottom: 0px;
}

div.residentiallayer div.addloc {
	float:left;
}

div.residentiallayer div.local_input {
	float:left; padding-left: 10px;
}

div.residentiallayer div.local {
	float:left;
}

div.residentiallayer div.overseas_input {
	float:left; padding-left: 10px;
}

div.residentiallayer div.overseas {
	padding-top: 1px; 
}

div.portaladdlayer {
	padding-left:30px; padding-top:0px;
}

div.portallayer {
	padding-left:33px; padding-top:0px; 
	padding-bottom: 0px;
}

div.portallayer div.addloc {
	float:left;
	color:#333333;
}

div.portallayer div.local_input {
	float:left; padding-left: 10px;
}

div.portallayer div.local {
	float:left;
}

div.portallayer div.overseas_input {
	float:left; padding-left: 10px;
}

div.portallayer div.overseas {
	float:left; 
}

div.portallayer div.pobox_input {
	float:left; padding-left: 10px;
}

div.portallayer div.pobox {
	
}

div.certtypelayer {
	
}

div.certtypelayer div.rightlabel2 {
	float:left;
	width:110px;
	border:none;
}

div.field_label {
	float:left; width:150px;
	text-align:right;
	padding-right:15px;
}

div.field_input {
	padding-left:165px;
}

div.contenttable_button {
	border: 1px #CCCCCC solid;
	height:39px;
}
div.contenttable_button div.tNc{
	padding:10px 0px 0px 10px;
	font-size:0.83em;
}
div.contenttable_button div.tNc p.text{
	
}

div.btnbar {
	float:right;
}

div.steplayer {
	float:right;
}


input.continueBtn{
	font-size:1em;
	background-color:#A74128;
	border:none;
	cursor:pointer;
	width:90px; height:39px;
	font-weight: bold;
	color:white;
	#padding:3px 0px 0px 0px;
	
}
input.continueBtn_hov{
	font-size:1em;
	background-color:#E17F27;
	border:none;
	cursor:pointer;
	width:90px; height:39px;
	font-weight: bold;
	color:white;
	#padding:3px 0px 0px 0px;
	
}
input.submitBtn{
	font-size:1em;
	background-color:#A74128;
	border:none;
	cursor:pointer;
	width:70px; height:39px;
	font-weight: bold;
	color: #FFFFFF;
	#padding:3px 0px 0px 0px;
	
}
input.submitBtn_hov{
	font-size:1em;
	background-color: #E17F27;
	border:none;
	cursor:pointer;
	width:70px; height:39px;
	font-weight: bold;
	color: #FFFFFF;
	#padding:3px 0px 0px 0px;
	
}

input.resetBtn{
	font-size:1em;
	background-color:#F2F2F2;
	border:none;
	cursor:pointer;
	width:70px; height:39px;
	font-weight: bold;
	border:none;
	border:1px solid #e8e8e8;
	color: #4D4D4D;
	#padding:3px 0px 0px 0px;
}

input.resetBtn_hov{
	font-size:1em;
	background-color:#D9D9D9;
	border:none;
	cursor:pointer;
	width:70px; height:39px;
	border:none;
	border:1px solid #dfdfdf;
	font-weight: bold;
	color: #4D4D4D;
	#padding:3px 0px 0px 0px;
}

input.saveBtn{
	font-size:1em;
	background-color:#A74128;
	border:none;
	cursor:pointer;
	width:68px; height:39px;
	font-weight:bold;
	border:none;
	border:1px solid #A74128;
	color: #ffffff;
	border-right:1px solid #ffffff;
	#padding:3px 0px 0px 0px;
}

input.saveBtn_hov{
	font-size:1em;
	background-color:#E17F27;
	border:none;
	cursor:pointer;
	width:68px; height:39px;
	border:none;
	border:1px solid #E17F27;
	font-weight: bold;
	color: #ffffff;
	border-right:1px solid #ffffff;
	#padding:3px 0px 0px 0px;
}

input.printBtn{
	font-size:1em;
	background-color:#A74128;
	border:none;
	cursor:pointer;
	width:70px; height:39px;
	font-weight: bold;
	border:none;
	border:1px solid #A74128;
	color:white;
	#padding:3px 0px 0px 0px;
}

input.printBtn_hov{
	font-size:1em;
	background-color:#E17F27;
	border:none;
	cursor:pointer;
	width:70px; height:39px;
	border:none;
	border:1px solid #E17F27;
	font-weight: bold;
	color:white;
	#padding:3px 0px 0px 0px;
}
div.centerContainer{
	display:block;
	border:none;
}

div.locationMapLink{
	float:right;
}
div.Link a{
	color:#003399;
	text-decoration:none;
	font-weight:normal;
}

div.Link a:hover{
	text-decoration:underline;
}
div.Link a:visited{
	color:#6B5B9A;
}

div.smartmenu{
	text-align:center;
}

div.smartmenu img{
	width:90%;
}

ul.selectoptions{
	list-style:none;
}
ul.selectoptions li{
	float:left;
	color:#000000;
	width:20%;
	text-align:center;
}
div.end_survey_icon{
	position:absolute;
	padding:7px 0px 0px 10px;
}
div.remark2{
	color:#666666;
	font-size:0.85em;
}
div.bureauxContainer{
	padding-left:70px;
}
div.bureaux{
	font-weight:bold;
	font-size:1em;
	color:#000000;
	display:block;
	padding-top:6px;
}
div.bureaux_desc{
	font-weight:normal;
	font-size:0.87em;
	color:#000000;
	display:block;
}
div.min38{
	height:38px;
	min-height:38px;
}
.access{
	height: 1px;
	left:0;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
}

fieldset.noBorder {   
	border-width: 0;
}

/* =================================================================================================
	FOOTER
================================================================================================= */

#badges {
	padding-bottom:20px;
}
#conformance{
	float:left;
}
#conformance li{
	display:block;
	float:left;
	margin-right:20px;
	padding:0;
}
#conformance li a{
	display:block;
}
#conformance .w3 a{
	margin-top:28px;
}


/* For the page navigation */

div.content div.leftcol {
	width: 164px;
	background-color: white;
	padding:0px;
	margin:0px;
	vertical-align:top;
	position:relative;
}

div.content div.rightcol {
	background-color: white;
	padding-left: 0px; padding-right: 13px; 
	border: none;
	text-align: left;
	padding-left:0px;
}
.bgColorGray{
	font-size:1em;
	background-color:gray;
	border:none;
	cursor:pointer;
	width:70px; height:39px;
	font-weight: bold;
	color: #FFFFFF;
	#padding:3px 0px 0px 0px;
}
.bgColorOrange{
	font-size:1em;
	background-color:#A74128;
	border:none;
	cursor:pointer;
	width:70px; height:39px;
	font-weight: bold;
	color: #FFFFFF;
	#padding:3px 0px 0px 0px;
}

.alert_box {
  display: flex;
  justify-content: center;
  background-color:#FFFFFF;
  border:1px solid;
  border-style: solid;
  padding:5px;
}

.li_color {
	color: #000000;
}

/* table, th, td { */
  /* border: 0.5px solid black; */
  /* border-collapse: collapse; */
/* } */

.headerText{
	font-size: 1em;
}

.scrollabletextbox{
	height:100px;
	width:100%;
	overflow:scroll;
	resize:none;
}

@media (max-width: 770px){
	.headerText{
		font-size: 13px;
	}
}

@media (max-width: 770px){	
	.langtc{
		font-size: 14px;
	}
	.langsc	{
		font-size: 14px;
	}
	.exit{
		font-size: 14px;
	}	
}