/* ================================================== */
 /*      style sheet for Hop thu Thong tin website     */
 /* ================================================== */

html	{ min-height: 100%; margin-bottom: 1px; }
#scroll	{ position:absolute; top:0; bottom:-0.1px; width:1em; z-index:-1;}
body	{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 10pt;
	background-color: #3D3327; /* brown */
	background-color: #000000; 
	margin-top: 0;
	margin-left: 0; 
	background: url(images/bg_ani_space.gif) repeat;
}
body, table {font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; font-size: 10pt;}

a	{ font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px;}
a:link 	{ color: #000000; text-decoration: none;}
a:visited 	{ color: #000000; text-decoration: none;}
a:hover 	{ color: #0033CC; text-decoration: none; font-weight: bold;}

a.tdLink:link 	{ color: #FFFFFF; text-decoration: none;}
a.tdLink:visited 	{ color: #FFFFFF; text-decoration: none;}
a.tdLink:hover 	{ color: #FFFF00; text-decoration: none; font-weight: bold;}

a.linkIMG:link 	{ color: #FFFFFF; text-decoration: none;}
a.linkIMG:visited 	{ color: #FFFFFF; text-decoration: none;}
a.linkIMG:hover 	{ color: #FFFFFF; text-decoration: none;}

a.aY:link { color: #FF6600; text-decoration: none;}
a.aY:visited { color: #FF6600; text-decoration: none;}
a.aY:hover { color: #0033CC; text-decoration: underline; font-weight: normal; }

td 	{ font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 8pt;}
.tdHead 	{ font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; font-weight: bold; color: #FF6600; }
.tdHead1 	{ font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; font-weight: bold; color: #000000; }
.tdLink 	{ font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; font-weight: bold; color: #FFFF00; }
.tdBackGr	{ background-image: url(images/topBg.gif); background-repeat:repeat-x;}
.txtRed 	{ font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; color: #FF0000; }
.color_1	{ color: #FFFFFF; }

/* use for Header */
#th TD	{ border-top: #ffffff 1px solid;
      	  background: #ffffff;
      	  border-bottom: #999 1px solid; }

/* use for MENU */
#sTD 	{ background: #330066;
     	  background: url(images/line_menu.gif) repeat-x;
     	  border-top: #FFFF33 0px solid;
     	  border-bottom: #FFFF33 0px solid; }
.sitemenu a:link,
.sitemenu a:visited { color:#330066;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
		font-size:12px;
		position:relative; float:right;	padding:5px 10px;}
.sitemenu a:hover,
.sitemenu a:active,
.sitemenu .selected { background-color:#FFFF33; font-weight: normal; color:#000000; }
.sitemenu .selected .sel { font-weight: bold; color:#000000; }


/* .text_lowcase {text-transform: lowercase;} */
/* .text_upcase {text-transform: uppercase;} */
/* DIV.subtoc {padding: 1em; border: solid thin; margin: 1em 0; background: #FFFFFF} */

h1	{ font: 14pt Verdana, Arial, Helvetica, Sans-Serif; font-weight: bold; color: #0033CC}
h2	{ font: 10pt Verdana, Arial, Helvetica, Sans-Serif; font-weight: bold; color: #0033CC}
h3	{ font: 10pt Verdana, Arial, Helvetica, Sans-Serif; font-weight: bold; color: #660000; margin-top: 11px;}
h4	{ font-size: 12pt; font-weight: normal; margin-top: 11px; margin-bottom: 1px;}

.divider	{ border-bottom: #B6BCC6 1px solid;}

#root,
#footer {position: relative; width: 100%; max-width: 110em; margin: 0px auto;}
#root {background-color: #D1C9C0; /* beige */}


/* Footer */
#footer { min-height: 18em; background: #FFFFFF; padding: 0.1em 0 0.1em 0;}
#footer > span.shim1,
#footer > span.shim2 {
	display: block;
	position: absolute;
	top: 0; bottom: auto;
	left: 0; right: 600px;
	width: auto; height: 35px;
	background: url(images/footer-shadow-half-24.png) no-repeat top left;
}
#footer span.shim2 {left: auto; right: 0; width: 600px; background-position: top right;}

/* Footer blocks */
#footer dl {margin: 0; float: left; width: 47%; min-height: 30em; border-left: 1px solid #C9C299;}
#footer dl:first-child {border-left: 0;}
#footer dl dt:first-child {margin-top: -2px;}
#footer dl dt {margin: 1em 0 0.2em 1.5em; padding: 0 0 0.1em 0; color: #347C17;}
#footer dl dd {margin: 0 0 0 2em; padding: 0 0 0 0; color: #000000;}
#footer dl dd a { color: #0033CC; text-decoration: none; font-weight: bold;}
#footer dl dd a:hover {color: red; text-decoration: none; font-weight: bold;}
#footer dl dt {font: 11px/18px Verdana, Arial, Helvetica, sans-serif; font-weight: bold}
#footer dl dd {font: 11px/18px Verdana, Arial, Helvetica, sans-serif;}
#footer dl dt a span {display: none;}

/* use for Contact Form */
.my_regBoxTopLeft	{border-top:1px solid #D56531; border-left:1px solid #D56531; background-color:#F9F8F4;}
.my_regBoxContent	{padding:5px; font:11px Verdana, Arial; background-color:#F9F8F4; border-left:1px solid #D56531;}
.my_regContentRight	{background-image: url(images/my_regRightBG.gif); background-repeat:repeat-y;}
.my_regBoxBottomCenter	{background-image: url(images/my_regBottomBG.gif); background-repeat:repeat-x;}
.my_fadeRuleH1 {
	font:12pt Verdana, Arial;
	padding-bottom:10pt;
	background-image: url(images/my_fadeRule.gif);
	background-repeat:no-repeat;
	background-position:00px 20px;}
.my_regButton {
	font:10pt Verdana, Arial;
	font-weight: bold;
	border: 1px solid #333399;
	background-color:#FFFFFF;
	cursor:hand;
	}

/* use for Telephone Form */
.txtht { FONT-SIZE: 11px; WIDTH: 90px; FONT-FAMILY: Verdana, Arial; TEXT-ALIGN: right }
.txtht1 { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial; TEXT-ALIGN: left;}
.txtht2 { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial; COLOR: #336600; TEXT-ALIGN: left;}
.txtht3 { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial; TEXT-ALIGN: left; font-weight: bold; COLOR: #FF6600;}
.txtip { BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; BORDER-LEFT: #336699 1px solid; WIDTH: 290px; BORDER-BOTTOM: #336699 1px solid; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 12px; }
.txtip2 { BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; BORDER-LEFT: #336699 1px solid; WIDTH: 90px; BORDER-BOTTOM: #336699 1px solid; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 12px; }
.txtrd { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial; }
.txtbt { font:8pt Verdana, Arial; border: 1px solid #336699; background-color:#ffffff; cursor:hand; font-weight: bold;}

/*--------------- Shadow for title bar text ---------------*/
.shadow {
	padding-top:1px;
	margin:0;
	/* Dành cho IE */
	height: 25px;
	font: 12pt;
	filter: Shadow(Color=#00ffff, Direction=135, Strength=2);
	/* Dành cho Gecko */
	line-height: 2.1em;
	white-space: nowrap;
	text-shadow: #00ffff 1px 1px 2px;
	}
.shadow:before {
	display: block;
	margin: 0 0 -2.17em 0.14em;
	padding: 0;
	color: #333333; 
	content: attr(title); 
	}
.shadow0 {
	padding-top:1px;
	margin:0;
	/* Dành cho IE */
	filter: Shadow(Color=#ffff00, Direction=225, Strength=1);
	/* Dành cho Gecko */
	line-height: 1.5em;
	white-space: nowrap;
	text-shadow: #ffff00 1px 1px 1px;
	}
	
/*=== show pop-up ===*/
#nld_tip{text-align:left;color:#000000;font-family:Verdana, arial, helvetica;font-size: 11px;position: absolute;left: -300px;width:50px;border: 1px solid #ccccff;padding: 2px;background-color: #ffffff;visibility: hidden;z-index: 100;filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#nld_tip_pointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}
.contenttt {width:140px;float:left;padding:2px 2px 2px 2px;font-family:Arial; font-size:13px; font-weight:bold; color:#003399;}
.subtitlett {font-family:Arial;font-size:11px;color:#000;text-decoration:none;font-weight:normal;text-transform:uppercase;}
.sapott {font-family:Arial;font-size:12px;color:#000;font-weight:normal; }
/*===============*/

/*=== hien thi anh trong khi dang load web page ===*/
div#preload { display: none; }

/*=== GioiThieu box ===*/
body div#gt_mid {
	background:url(images/gt-middle.png) repeat-y 0% 0%;
	position:relative;
	top:0;
	padding-left:10px;
	}
body div#gt_top {
	background:url(images/gt-top.png) no-repeat 0% 0%;
	letter-spacing: -0.05em;
	padding-top:9px;
	}
body div#gt_bot {
	background:url(images/gt-bottom.png) no-repeat 0% 0%;
	letter-spacing: -0.05em;
	padding-top:9px;
	margin-bottom:10px;
	}

/*=== Click to scroll Top ===*/
#toTop { 
	width:25px;
	height: 35px;
	text-align:right;
	padding:5px;
	position:fixed;
	bottom:10px;
	right:10px;
	cursor:pointer;
	color:#666;
	text-decoration:none; }

/*=== use for INFO table ===*/
.sGold {font-family: Arial, Helvetica, sans-serif; font-size:8pt;}
.sGoldTitle {font-size: 9pt; font-weight: bold; color: #996600;}
.sGoldInfo {font-size: 8pt; color:#009900; text-align:justify;}
.sTygiaTitle {font-size: 9pt; font-weight: bold; color:#003300;}
.sTygiaLNH {font-size: 9pt; font-weight: bold; color:#cc0099;}
.sDBTTtitle {font-size: 10pt; font-weight: bold; color:#990000;}
.sDBTTinfo {font-size: 8pt; color:#990000;}