/* @import url('reset.css'); */

a {
	color: #0D2443;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #F7941C;
	text-decoration: underline;
	font-weight: bold;
}


a:link.more, a:visited.more, a:hover.more { color: #DF6E4C; font-size:11px; font-weight: 300; text-decoration: none; }
a:link.event, a:visited.event	{ color: #062043; font-size:11px; font-weight: 300; text-decoration: none; }
a:hover.event	{ color: #FA6A45; font-size:11px; font-weight: 300; text-decoration: none; }

a:link.c_link, a:visited.c_link, a:hover.c_link { color: #062043; font-size:11px; font-weight: 300; text-decoration: underline; }
a:link.error, a:visited.error, a:hover.error { color: #FF0000; text-decoration: underline; }

a.title{
	background: url(/images/icon-arrow.gif) no-repeat 0 7px;
	padding: 3px 12px 3px 10px;	
}

table{border-collapse: collapse;}
textarea {overflow:auto;}
img{border:none;}

ul{
	margin-top: 11px;
	margin-bottom: 11px;
}
ol li{
	margin-bottom: 12px;
}
#txtsearch-left {
	display: block;
	color: #FFF;
	margin-top: 10px;
	padding: 5px 12px 5px 11px;
	text-decoration: none;
	border-top: 1px solid #C7D2DC;
	border-bottom: 1px solid #C7D2DC;
	background-color: #8FA8C4;
	text-align: center;
	font-weight: bold;
	background-image: url(/images/iconsearch.gif);
	background-repeat: no-repeat;
	background-position: 70% 0.4em;
}
#txtsearch-left a {
	color: #FFF;
	text-decoration: none;
}
#txtsearch-left a:hover {
	color: #0F2445;
	text-decoration: none;
}
#txttfe-box {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 30px;
	padding-left: 10px;
	color: #FFFFFF;
	/*border-top: 1px solid #C7D2DC;*/
}
#txttfe-box a {
	color: #FFFFFF;
	text-decoration: none;
}
#txttfe-box a:hover {
	color: #DEE5EF;
	text-decoration: none;
}

.line {
	width: auto;
	margin: 0px 3px 0px 3px;
	height: 1px;
	background-color: #8FA8C4;
	font-size:1px;
}
.dash {width: auto !important; border-bottom: 1px dotted #DF6E4C; font-size:1px;}
.dash2 {width: auto !important; border-bottom: 1px dotted #8FA8C4; font-size:1px;}


#ycontent h1, #main-content1 h1, #main-content2 h1, #xcontent h1 {margin: 0px; padding: 2px 0px 8px 0px; font-size: 15px; }
#ycontent h2, #main-content1 h2, #main-content2 h2, #xcontent h2 {margin: 0px; padding: 2px 0px 7px 0px; font-size: 14px; }
#ycontent h3, #main-content1 h3, #main-content2 h3, #xcontent h3 {margin: 0px; padding: 2px 0px 6px 0px; font-size: 13px; }
#ycontent h4, #main-content1 h4, #main-content2 h4, #xcontent h3 {margin: 0px; padding: 2px 0px 5px 0px; font-size: 12px; }
#ycontent h5, #main-content1 h5, #main-content2 h5, #xcontent h4 {margin: 0px; padding: 2px 0px 4px 0px; font-size: 11px; }
#ycontent h6, #main-content1 h6, #main-content2 h6, #xcontent h5 {margin: 0px; padding: 2px 0px 3px 0px; font-size: 10px; }
/* Size Class*/
.f8	{ font-size: 8px; }
.f9 	{ font-size: 9px; }
.f10 	{ font-size: 10px; }
.f11 	{ font-size: 11px; }
.f12 	{ font-size: 12px; }
.f13 	{ font-size: 13px; }
.f14 	{ font-size: 14px; }
.f15 	{ font-size: 15px; }
.f20	{ font-size: 20px; }
.f91 	{ font-size: 9px; color: #DF6E4C}

/* Font style */
.info-red { font-size:10px; color: red }
.instruction{ font-size: 9px; font-style: italic;}

/* Padding Size*/
.pl5 {padding-left:5px; }
.pl10 {padding-left:10px; }
.pt5 {padding-top:5px; }
.pb5 {padding-bottom:5px; }

.pt10 {padding-top:10px; }
.pb10 {padding-bottom:10px; }

.pf10 {padding:10px; }
.pf5 {padding:5px; }
.pf4 {padding:4px; }
.pf3 {padding:3px; }
.pf2 {padding:2px; }

/* FLASH */
#home-flash{
	text-align: center;
	margin: 5px auto;
}


/* FORM */
select  { font:11px arial,sans-serif,verdana; background: #EEEEEE;  }
input { font:11px arial,sans-serif,verdana; background:#FFFFFF; }
.radio { font:11px arial,sans-serif,verdana; background:#DDD0B0; }
textarea { font:11px arial,sans-serif,verdana; background:#FFFFFF }


/*
.bt { background-color: #102344; border-bottom: 1px outset; border-left: 0px outset; border-right: 1px outset; border-top: 0px outset; color: #F7F7F7; font-family: arial,verdana, "sans serif"; font-size: 8pt; font-weight: 600; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; margin-bottom: 3px; }
*/
.bt { background-color: #102344; border: none; color: #F7F7F7; font-family: arial,verdana, "sans serif"; font-size: 8pt; font-weight: 600; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; margin-bottom: 3px; }
.inputclear {background-color: #FFFFFF; font-weight: bold; text-align:right; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-left:2px; padding-right:2px;text-align:right}
.inputnumber {width:auto;text-align:right}
.inputnoborder {border:none; text-align:left}

.select-free
{
	position:absolute;
	z-index:20;
	cursor:hand;
	overflow:hidden;/*must have*/
	width:auto;/*must have for any value*/;
	padding-top:-10px;
	
}
.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}


.fd {width: 380px; }
.fd-box {padding-bottom: 10px; border-bottom: 1px dotted #DF6E4C; margin-bottom:5px;}
.fd-line {width: 380px; border-bottom: 1px dotted #C4C4C4; font-size:1px;}
.fd-left {float: left; width: 300px; }
.fd-right { float: left; width: 60px; }

.formWrapper{
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin: 15px 0;
	padding: 15px;
	background: #f7f7f7;
	width: 80%;
}
.formField{
	margin-bottom: 5px;
	overflow: auto;
}
.formInput{
	position: relative;
	margin-bottom: 5px;
	float: left;
}
.formLabel{
	float: left;
	width: 125px;
	margin-bottom: 5px;
}
label.error{
	color: #ff0000;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
}
input.error, select.error, textarea.error{
	border: 1px solid #ff0000;
	background: #ffdfdf;
}
input, select, textarea{
	border: 1px solid #9b9b9b;
}
fieldset{
	border: 1px solid #ccc;
	padding: 0 15px;
	margin: 15px 0;
	position: relative;
}
fieldset legend{
	font-weight: bolder;
	margin: 0;
	padding: 0;
	line-height: 30px;
}
input[type=radio], input[type=checkbox]{
	border: none;
}
textarea{
	overflow: auto;
}


/* TABLE */
table.t1 {
	border-width: 1px; border-spacing: 1px; border-style: outset; border-color: #102344; border-collapse: collapse; color:#000000; font-weight:300; background-color: #FFF; 
}
table.t1 td {
	padding: 10px 3px 10px 3px; color:#000000; font-size:11px; font-weight:300; -moz-border-radius:1px;
}

table.t2 {
	border-width: 1px; border-spacing: 1px; border-style: outset; border-color: #102344; border-collapse: collapse; color:#000000; font-weight:300; background-color: #FFF;
}
table.t2 td.header {
	border-width: 1px; padding: 1px; border-style: inset; border-color: #102344; background-color: #102344; color:#FFFFFF; font-size:12px; font-weight:800; -moz-border-radius: 1px;
}
table.t2 td {
	border-width: 1px; padding: 1px; border-style: inset; border-color: #102344; color:#000000; font-size:11px; font-weight:300; -moz-border-radius:1px;
}
table.flist caption{
	text-align: left; font-weight:bold; color:#000000;
}


/* PRINT SEND FAVORITE */
#psf{
	margin: 0px;
	padding: 0px;
}
#psf ul{
	margin: 0px;
	padding: 0px;
	height: 23px;
}
#psf li{
	float: left;
	display: inline;
}
#psf li.right{
	float: right;
	display: inline;
}
#psf li a{
	display: block;
	padding: 0px;
}
#psf li a:hover{
	background-color: #FFB164;
}

/* SITE MAP */
#sitemap-box {
	padding: 0px;
	margin: 0px;
}
#sitemap-box a.level1 {
	display: block;
	color: #000;
	height: 20px;
	padding: 0px 0px 0px 24px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/icontree.gif);
	background-position:10px 0em;
	background-repeat: no-repeat;
	
}
#sitemap-box a.level1:hover {
	text-decoration: underline;
}

#sitemap-box a.level1 span {
	display: block;
	padding: 3px 0px 0px 0px;
}

#sitemap-box a.level2 {
	display: block;
	color: #000;
	height: 20px;
	padding: 0px 0px 0px 38px;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/icontree.gif);
	background-position:23px 0em;
	background-repeat: no-repeat;
	
}
#sitemap-box a.level2:hover {
	text-decoration: underline;
}
#sitemap-box a.level2 span {
	display: block;
	padding: 3px 0px 0px 0px;
}
#sitemap-box a.level3 {
	display: block;
	color: #000;
	height: 20px;
	padding: 0px 0px 0px 53px;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/icontree.gif);
	background-position:38px 0em;
	background-repeat: no-repeat;
	
}
#sitemap-box a.level3:hover {
	text-decoration: underline;
}
#sitemap-box a.level3 span {
	display: block;
	padding: 3px 0px 0px 0px;
}
#sitemap-box a.level4 {
	display: block;
	color: #000;
	height: 20px;
	padding: 0px 0px 0px 67px;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/icontree.gif);
	background-position:53px 0em;
	background-repeat: no-repeat;
	
}
#sitemap-box a.level4:hover {
	text-decoration: underline;
}
#sitemap-box a.level4 span {
	display: block;
	padding: 3px 0px 0px 0px;
}

/* Consultant Directory */
.consultant_area{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1.4em;
	padding-left: 0;
}
	.consultant_area li{
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	.consultant_area ul{
		margin: 0px 0 5px 8px;
		padding-left: 8px;
	}


/* FUNCTION */
.red{color: #FF0000;}
.centerwarn{color: #FF0000; text-align:center;}
.warn{color:#FF0000;}
.smallwarn{font-size: 9px; color: #ff0000;}
.notice{font-size: 9px;}

tr.blankrow td{
	background: #8fa8c4;
}
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.breadcrumb{
	margin: 0px 0px 15px 5px;
	padding: 0px 0px;
	color: #EB6D45;
	text-align: left;
}
.breadcrumb a:link { color: #8297B6; font-weight: 300; text-decoration: none; }
.breadcrumb a:visited { color: #8297B6; font-weight: 300; text-decoration: none; }
.breadcrumb a:hover   { color: #EB6D45; font-weight: 300; text-decoration: underline; }


/* footer */
.foot-box  {margin:0px 0px 5px 0px; padding: 0px 0px 8px 0px; border-top:1px solid #DFDFDF; font-size: 10px; font-family:Arial, Helvetica, sans-serif;}
.foot-lbox {float:left; width:33%; border:0px solid #ccc;}
.foot-cbox {float:left; width:32%; text-align:center; border:0px solid #ccc;}
.foot-rbox {float:right; width:33%; text-align:right; border:0px solid #ccc;}
.foot-box a{font-family:Arial, Helvetica, sans-serif;}

#login-info {text-align:right; padding-right:10px; margin-bottom:-5px;}

#footer .privacy a{
	margin:0px 0px 0px 8px;
	padding: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}

.fright{float:right;}
.pcenter{text-align:center;}
.pright{text-align: right;}	
.title-box { width: auto; margin: 5px 0px 2px 0px; padding: 4px 0px 4px 10px; background-color: #8FA8C4; font-size:12px; font-weight:bold; color:#FFF; text-align: left; }
.title-box1 { width: auto; margin: 5px 0px 2px 0px; padding: 4px 0px 4px 10px; background-color: #5A7C6E; font-size:12px; font-weight:bold; color:#FFF; text-align: left; }

.mt10 {
	margin-top:10px; }
.cf50 {
	float: left; width: 50px; margin: 0px; padding: 0px; }
.cf75 {
	float: left; width: 75px; margin: 0px; padding: 0px; }
.cf100 {
	float: left; width: 100px; margin: 0px; padding: 0px; }
.cf150 {
	float: left; width: 150px; margin: 0px; padding: 0px; }
.cf200 {
	float: left; width: 200px; margin: 0px; padding: 0px; }

.pl20 {padding-left:20px; }
.pl15 {padding-left:15px; }
.pl10 {padding-left:10px; }
.pl5 {padding-left:5px;}
.plr5 {padding:0px 5px 0px 5px; }


.cancel{background: url(/images/icon/i-cancel.gif) no-repeat 0 3px; color:#FF0000;padding-left: 12px;}
.full{background: url(/images/icon/i-full.gif) no-repeat 0 0; color:#FF0000;padding-left: 14px; text-transform:uppercase;}

.pl-searchbar, .pl-searchbar td{
	border:1px solid #0f2445;
	border-collapse: collapse;
}	

/* list with small */
.noted li, .noted a{
	font-size: 10px;
}

/* for list category in FAQ */

.list-cat{
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
}

.list-cat li{
	padding: 5px 8px;
	margin-bottom: 5px;
}

.list-cat h2{
	font-size: 12px;
	margin: 0 0 12px 0;
}

.list-cat h2 a{
	margin: 0 0 10px 0;
	/* color: #0000f1; */
	color: #002c61;
	font-size: 12px;
}

.list-cat h2 a:hover{
	color: #f9a445;
}

.list-cat .list-desc{
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.list-cat .list-desc p, .list-cat .list-desc{
	margin: 0 0 10px 0;
}

/* for list like FAQ */

.list-qa{
	margin-right: 10px;
}

.list-qa dt{
	margin: 0;
	padding: 3px 0 3px 30px;
	background: #EAEEF1;
	position: relative;
	border-top: 1px solid #E4E8ED;
	color: #002c61;
	font-weight: bold;
}

.list-qa dd{
	margin: 0 0 5px 0;
	padding: 3px 0 3px 30px;
	background: #EAEEF1;
	position: relative;
	border-bottom: 1px solid #E4E8ED;
}

.list-q, .list-a{
	font-weight: bold;
	padding-right: 10px;
	margin-left: -27px;
}



.list-file{
	padding: 10px 0;
}

.list-file p{
	margin: 0px 0 5px 0;
}

.list-file ul{
	margin-top: 0;
}

.list-file li{
	background-repeat: no-repeat;
	padding-left: 24px;
	list-style: none;
	display: inline;
	margin-right: 25px;
}

.list-file a.download{
	background: url(/images/icon/download.gif) no-repeat right top;
	padding-right: 23px;
}


/* Table Qlist */
table.qlist {
    margin: 0;
    border-spacing: 1px;
	border: 1px solid #102344;
    border-collapse: collapse;
    color: #102344;
    font-weight: 300;
    background-color: #FFFFFF;
}
table.qlist td.header {
	border-width: 1px; 
	padding: 1px; 
	border-style: inset; 
	border-color: #102344; 
	background-color: #102344; 
	color:#EAECEF; 
	font-size:12px; 
	font-weight:800; 
}
table.qlist td.header1 {
	border-width: 1px; 
	padding: 1px; 
	border-style: inset; 
	border-color: #102344; 
	background-color: #A1D3D3; 
	color:#102344; 
	font-size:12px; 
	font-weight:800; 
	text-align:center; 
}
table.qlist td.header2 {
	border-width: 1px; 
	padding: 1px; 
	border-style: inset; 
	border-color: #102344; 
	background-color: #e0e7ef; 
	color:#102344; 
	font-size:12px; 
	font-weight:800; 
}
table.qlist td.line {
	border-width: 0px; 
	padding: 0px; 
	border-color: #102344; 
	background-color: #102344; 
	font-size:2px; 
}
table.qlist td {
	border: 1px solid #102344;
	padding: 1px 2px 1px 2px; 
	color:#102344; 
	font-size:11px; 
	font-weight:300; 
}
table.qlist th {
	text-align:center; 
	font-weight: bold;
	border: 1px solid #102344;
	border-bottom-width: 2px;  
	padding: 1px 2px 1px 2px; 
	color:#102344; 
	font-size:11px; 
}
table.qlist th.count{
	text-align: right;
}
table.qlist tr.row2 td{
	background-color: #CCCCCC;
}
table.qlist caption{
	font-size: 12px; 
	text-align:left;
	margin-bottom: 12px;
}
table.qlist td em{color: #FF0000; font-style:normal;}
table.qlist tr.subtotal td{border-bottom: 2px solid #000;}
table.qlist td.header.colspan{border-bottom: 1px solid #fff;}

.job-vacancy{
	padding: 5px 10px;
	background-color:#e7eff6;
	border-bottom:dotted 1px #ccc;
	margin-top:10px;
}
.job-item{
	font-size:0.9em;
}