@charset "utf-8";
* { padding:0; margin:0; font-size:1em; font-family:Arial, Helvetica, sans-serif}
.clear { clear:both; height:0px; }
#page { margin:10px auto; width:760px; background-image:url(../images/bg_page.gif)}
.center { text-align:center}
.red { color:red}
.blue { color:blue}
.bold { font-weight:bold}
.italic { font-style:italic}
.EN_EN, .VN_VN { display:block}
.VN_EN, .EN_VN { display:none}
a:link, a:visited { text-decoration:none; font-weight:bold}
a:hover { text-decoration:underline}
#tdleft { width:180px}
#tdmain { width:564px; background-color:#FFFFFF;}
h2 { color:#FF0000; font-size:18px; margin:0px 10px 10px 10px;}
h3 { color:#0000FF; font-size:14px; margin:14px 20px 8px 50px}
p { color:#333333; font-size:12px; text-indent:30px; width: 95%; text-align:justify; margin:10px 15px;}
.firstLetter:first-letter { font-size:20px; font-weight:bold; font:"Cooper Black"; vertical-align:text-top; font-style:italic; margin-right:2px; }
.noindent { text-indent:0px}
.border { border:1px solid #666666;}
.show { display:block}
.hide { display:none}
.menu1 a:link, .menu1 a:visited{ text-align:left; margin-left:0px; padding-left:5px; padding-top:2px; padding-bottom: 2px; display:block; text-decoration: none; color: #000000; height: 18px; background-color:#A9D4F9; border-bottom:1px solid #CCC; }
.menu1:hover { text-decoration:none; background-color:#CCF679}
.titleCenter { color:#666666; font:verdana; font-size:24px; font-weight:bold; text-align:center; margin:10px auto; font-stretch:extra-expanded; letter-spacing:2px;}
.notes { text-align:right; padding-right:50px; font-style:oblique; font-size:12px}
.boxborder { font-size:12px; padding:10px; margin:0px auto; width:80%; font-weight:bold; color:#FF0000; border:1px solid #FF0000; background-color:#FFFFFF;}
.rightNote { text-align:right; padding:5px 30px; font-style:italic; font-size:12px;}
.imgleft { float:left; margin:10px 20px 10px 0}
.imgright { float:right; margin:10px; margin-right:0}
.borderblk { width:80%; margin:10px auto; padding:10px; font-size:12px; font-weight:bold }
.borderblk span { color:#0000FF; font-style:italic; font-size:14px; margin-right:5px; font-weight:400}

/************  Curve Frame    ********/
.frame { width:744px; margin:0 auto;}
	.topleft, .topright { width:15px; height:15px;}
	.botleft, .botright { width:15px; height:18px;}
	.topcenter { background-image:url(../images/bg_top.gif)}
	.botcenter { background-image:url(../images/bg_bot.gif)}
	.tdleft { background-color:#FFFFFF; border-left:1px solid #000}
	.tdright { background-color:#FFFFFF; border-right:1px solid #000}

/****************** Header    ************************/
#header { width:744px; margin:0px auto;}
#header #headertop { height:24px}
#header #banner { width:744px; height:141px;}
#header #button_nav { width:714px; height:139px; position:relative; background-color:#FFFFFF; }
#button_box { position:absolute; top:0; left:0; width:218px; height:139px;}
#recall_img { width:278px; height:139px; position:absolute; top:0; left:218px;}
#button_box_en {  width:218px; position:absolute; top:0; left:496px; height:139px;}
.button a:link, .button a:visited { color:#FFFFFF; font-size:12px; display:block; width:218px; height:22px; background-image:url(../images/button.gif); background-repeat:no-repeat; padding:5px 0px 0px 50px; font-weight:bold; text-decoration:none; letter-spacing:3px; font-stretch:expanded;}
.button a:hover { background-image:url(../images/button2.gif)}

.button_en a:link, .button_en a:visited { color:#FFFFFF; font-size:12px; display:block; width:218px; height:22px; background-image:url(../images/button_en.gif); background-repeat:no-repeat; padding:5px 0px 0px 25px; font-weight:bold; text-decoration:none; letter-spacing:3px; font-stretch:expanded;}
.button_en a:hover { background-image:url(../images/button2_en.gif)}
.pixleft { float:left; margin:0px 10px 10px 0px;}

/*****************    Main page             ************/
#mainpage { background-color:#e1e1e1; width:744px; margin:0 auto;}
.pageTitle { margin:10px 20px 10px 30px; font-size:24px; color:#CE6531; font-weight:bold; font-stretch:ultra-expanded; letter-spacing:3px; border-bottom:4px double #CE6531; padding: 0px 10px 10px 10px }
/********   LEFT Page             ****************/
#leftpage { width:96%; margin:10px auto;}
.buttonNav { width:170px;}
.buttonNav .menu a:link, .buttonNav .menu a:visited { font-weight:bold; background-color:#3971B0; color:#FCFCFC; text-decoration:none; height:20px; border:1px solid #ddd; border-left:0px; border-top:0px; display:block; font-size:14px; padding:4px 10px 0px 30px;  background-image:url(../images/bg_arrow.gif); background-repeat:no-repeat;  }
.buttonNav .menu a:hover { background-color:#B53446;}
.buttonNav .submenu a:link, .buttonNav .submenu a:visited { font-size:12px; padding:4px 0 0px 45px; border:1px dotted #999999; height:18px; text-decoration:none; display:block; background-color:#C7D8EC; border-top:0; border-left:0; background-image:url(../images/bg_sub.gif); background-repeat:no-repeat;}
.buttonNav .submenu a:hover { background-color:#F1DDC2;}
/************         Forms            *****************/
.textfield { width:250px; height:14px; font-size:12px; font-weight:bold; padding:0px 3px; margin:1px;}
.form { width:90%; margin:10px auto; background-color:#EAE9CD; padding:10px; border:1px groove #999999;}
.border { border:1px solid #999999;}
.tdlabel{ padding:2px 10px; background-color:#C4C4C4; border-right:1px solid #666; border-top:0px; font-size:12px; font-weight:bold; text-align:left; padding-right:10px; border-left:0px;}
.border td { border-bottom:1px solid #666;}
.but_submit { cursor:pointer; background-color:#85BDCC; margin:5px; padding:2px 5px; font-size:12px; font-weight:bold}
.textsrch { margin:10px 50px;}
.textsrch select { vertical-align:middle;}
/****** Footer Page ********************/

#footerPage { padding-bottom:10px; background-color:#e1e1e1; height:40px; position:relative; text-align:left; padding-left:30px; width:714px; margin:0px auto 10px auto; font-size:10px;}
#footerPage img{ position:absolute; width:165px; height:24px; right:30px; bottom:5px;}
#footerPage p { margin-top:15px;}
.line { width:70%; height:1px; background-color:#666666; margin:10px auto;}
/**********   Content         *****************/
.content { padding:10px;}
.content h2 { margin:10px; font-size:20px; font-weight:bold; color:#FF0000;}
.imgThumbnail { width:100px; height:70px; float:left; margin:10px; margin-left:0; margin-top:0; text-align:center;}
.plugin { text-align:center;}
.plugin h2 { font-size:18px; color:#FF0000; font-weight:bold; margin:10px;}
.tpaudio { padding: 0 10px; width:80%; margin:0 auto; }
.tpaudio .auTxt { padding-left:65px;  border-bottom:1px dotted #666666; width:80%; font-size:12px; margin:5px;  font-style:oblique; padding-bottom:10px}
.tpaudio h3 a:link, .tpaudio h3 a:visited { text-decoration:none; color:#0033CC; font-weight:bold}
.tpaudio h3 a:hover { text-decoration:underline}
.tplist { width:90%; margin:5px auto; border-bottom:1px dotted #666666;}
.tplist .tpintro { font:"Times New Roman", Times, serif; font-size:12px; text-indent:30px;}
.tplist h3 a:link, .tplist h3 a:visited { text-decoration:none; color:#0033CC; font-weight:bold}
.tplist h3 a:hover { text-decoration:underline}

/**********   Table List        ************/
.itemList { width:98%; margin:10px auto; }
.itemList p { text-align:center; padding:10px 0; font-size:18px; color:#FF0000;}
.itemList table { border:1px solid #666666; background-color: #E4EBC2; width:90%; margin:10px auto;}
.itemList th { border:1px solid #666666; border-left:0; border-top:0; height:20px; font-size:12px; font-weight:bold; background-color:#EEE6C9;}
.itemList td { border:1px dashed #FFFFFF; border-left:0; border-top:0; padding:2px 10px}
.itemList a:link, .itemList a:visited { margin:2px auto; font-size:11px; font-weight:bold; padding:2px 15px; display:inline-block; background-color:#73B3C3; text-decoration:none; color:#FAFAFA}
.itemList a:hover { background-color:#E2B8A2; }
.label span { font-size:16px; color:#FF0000; font-weight:400; font-family:Arial;padding:5px 2px; margin-top:5px;}
/****** KT CSS ********************/
.label span { font-size:16px; color:#FF0000; font-weight:400; font-family:Arial;padding:5px 2px; margin-top:5px;}
.std_table th, .std_table td.label { border: 1px solid #ffffff; border-right-color: #848284; border-bottom-color: #848284; background-color: #D6D3CE; font-weight: bold; 	vertical-align: top; }
.std_table td { border: solid 1px #d6d3ce; border-top-width: 0; border-left-width: 0; vertical-align: baseline; }
.std_table { border: solid 1px #000000; }
.std_table tfoot, .std_table thead { border: solid 1px #000000; }
.std_table td, .std_table .label, .std_table caption { padding: 2px 10px; white-space: nowrap; }
		/****** Hack ******/
	.std_table .ktml * td { border: 0px; white-space: normal ! important;	}
	.std_table .ktml span.lcontainer table { }
	.std_table .ktml span.lcontainer td {	padding: 0px ! important; margin: 0px ! important; vertical-align: middle; }
		/***** End Hack ********/
/* Buttons area for tNG form */
.std_buttons td { border-top: solid 1px #000000; padding: 4px; background-color: #dadadc; text-align: right; }

/* Fonts for the table, table headings, table cells */
	.std_table td, .std_table .label, .std_table caption { font-family: Arial, Helvetica, sans-serif; }
	.std_table .label, .std_table td.label, .std_table caption { font-size: 12px; text-align: left; }
	.std_table td { font-size: 11px; }

/* Active Form Elements :font-sizes */
	.std_table input, .std_table select { font-size: 10px; }
	.std_table textarea { font-size: 12px; }