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

body {
margin: 0px 0px 0px 0px;
text-align:justify;
vertical-align:middle;
}
.bxs_100x100 {
	overflow:hidden;
	width:100px;
	height:100px;
}
.w100r10 {width: 100px; float:left; padding-right:10px;}
.width100 {
	width:100px;
	overflow:hidden;
}
.floatleft {
	float:left;
}
.right10 {
	padding-right:10px
}
.mb_ds_tin { 
	padding: 10px 0px 10px 0px;
	text-align:justify;
	background-color:#CCFFCC;
}
.mb_footer {
	color:#FFF;
	background-image:url(/images/bg_quangcao.jpg)
	}
.mb_NameCard { 
	padding: 0px 5px 0px 10px;
	text-align:justify;
	color:#FFFF00;
	background-color:#333333;
}	
.image {
	width:100%;
	max-width:500px;
	}
@media all and (max-width: 320px) { 
   body {
margin: 0px 0px 0px 0px;
text-align:center;
vertical-align:middle;
}
   .image {
	width:auto;
	max-width:320px;
	}
}
@media all and (min-width: 321px) and (max-width: 480px) {
  body {
margin: 0px 0px 0px 0px;
text-align:center;
vertical-align:middle;
}
   .image {
	width:100%;
	min-width:320px;
	max-width:480px;
	}
}
/* Background Format***********************************/
.menu_nowrap {
	height:25px;
	vertical-align:middle;
	background-image:url(/images/menu.jpg);
	padding-top:6px;
	background-repeat:repeat-x;
	overflow:hidden;
	white-space:nowrap;
}
.bg_table {
	background-image:url(/images/bg-thdn.jpg);
	background-repeat:no-repeat;
}

.bg_table_header {
	background-image:url(/images/bg-baner.jpg);
	background-repeat:no-repeat;
	padding-right:10px
}

.bg_menu_top {
	line-height:25px;
	background-color:#FF0000;
	color:#FFF; 
	padding-left:10px;
	padding-right:5px;
	font-weight:bold;
	background-repeat:repeat-x;
	white-space:nowrap;
}

.bg_menu_bottom {
	line-height:24px;
	background-color:#CCCCCC;
	background-image:url(/images/menu.jpg);
	color:#FFF; 
	display:inline;
	float:left;
	padding:0px 5px 0px 5px;
	font-weight:bold;
	background-repeat:repeat-x;
	white-space:nowrap;
}

.bg_menu_right {
	top: 1px;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	background-image: url(/images/menu.jpg);
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
}

.bg_do_trang {
	background-color:#FF0000;
	color:#FFF;
	line-height:30px;
	font-weight:bold;
}

.bg_giua {
	padding-left:6px;
	padding-right:6px;
	text-align:justify;
	line-height:100%;
	text-indent:0px;
	background-color:#FFCC33;
}

.bgmessage {
	background-color:#FFF;
}

.bg_truc_tuyen {
	color:#FFF;
	font-weight:bold;
}


.bg_table_news { 
	text-align:justify;
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	background-color:#CCCCCC;
}

.bg_table_BT_home { 
	text-align:justify;
	padding-bottom:0px 10px 0px 0px;
	margin:0px 4px 0px 0px;
	background:url(/images/bg_bt_home.jpg);
	background-repeat:no-repeat;
}

.bg_gia_sp { 
	text-align:center;
	line-height:22px;
	vertical-align:middle;
	padding-bottom:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#FFCC33;
	background:url(/images/button1D.gif);
	background-repeat:repeat-y;
	white-space:nowrap;
}

.bg_ten_sp { 
	text-align:center;
	line-height:25px;
	vertical-align:middle;
	padding-bottom:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(/images/menu_website.jpg);
	background-repeat:repeat-x;
	white-space:nowrap;
}

/* Font Format*************************************/
.in_dam {
	font-weight:bold;
}
in_nghieng {
	font-style:italic;
}
.text_center {
text-align:center;
}
.text_justify {
	text-align:justify;
}

.title_p {
color:#1B03FF;
font-size:14px;
padding-top:0px;
padding-left:12px;
padding-right:12px;
text-indent:0px;
align:justify;
line-height:120%;
font-weight:bold;
}

/* Paragraph Format*************************************/
.main_text {
text-align:justify;
line-height:110%;
padding:0px 6px 0px 6px;
}
.ndpage {
color:#000000;
font-size:12px;
padding-top:0px;
padding-left:12px;
padding-right:12px;
text-indent:30px;
text-align:justify;
line-height:110%;
}

/* Link Format***********************************/
a {
color: #000000;
text-decoration:none;
outline:none;
border:none;
border-image:none;
}

a:hover {
color: #F60808;
text-decoration:none;
outline:none;
border:none;
border-image:none;
font-weight:bold;
}

.menu {
color: yellow;
text-decoration:none;
}

.menu:hover {
color: #FFFFFF;
text-decoration:none;
font-weight:bold;
}

.menu_bottom {
text-decoration:none;
}

.menu_bottom:hover {
text-decoration:none;
font-weight:bold;
}

.tag {
	text-decoration:none;
	color:#FFF;
}
.tag:hover {
	text-decoration:none;
	color:#FFFF00;
	font-weight:normal;
}

.tieu_de {
	text-decoration:none;
	color:#00F;
	font-weight:bold;
}
.tieu_de:hover {
	text-decoration:none;
	font-weight:bold;
}

.tieu_de_tin {
	text-decoration:none;
}
.tieu_de_tin:hover {
	text-decoration:none;
	background-color:default;
	color:#00F;
	font-weight:normal;
}

.NameCardLink {
	text-decoration:none;
	color:#FFFF00;
}
.NameCardLink:hover {
	text-decoration:none;
	background-color:default;
	color:#FFF;
	font-weight:normal;
}

.lienket {
	text-decoration:none;
}
.lienket:hover {
	text-decoration:none;
	background-color:default;
	font-weight:normal;
}

.lienket_xanh {
	text-decoration:none;
	color:#0000FF;
}
.lienket_xanh:hover {
	text-decoration:none;
	background-color:default;
	color:#0000FF;
	font-weight:normal;
}

/* Div Format***********************************/
#Chat1 
	{
		position:absolute;
		left:auto;
		top:auto;
		width:auto;
		height:auto;
		z-index:0;
		visibility: hidden;
		cursor: pointer;
	}
	
#dhtmltooltip {
	position: absolute;
	width: 350px;
	border: 1px solid black;
	padding: 3px 3px 3px 3px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

.tooltipContent
{
	background-color: #FFFFCC;
	width: 350px;
	padding: 5px 5px 5px 5px;
}

.nd_div {
		position:absolute;
		cursor: pointer;
		display: inline;
		padding:0px 0px 0px 0px;
		text-align:justify;
		float: left;
		left:auto;
		top:auto;
		width:auto;
		height:auto;
		z-index:0;
}.lf_div { 
	padding:0px 5px 0px 10px;
	display:inline;
	float:left;
	width:305px;
	text-align:justify;
}

.lf_div333 { 
	padding:0px 4px 0px 10px;
	display:inline;
	float:left;
	width:333px;
	text-align:justify;
}

.nd_left_div330 { 
	padding:10px 10px 0px 10px;
	display:inline;
	float:left;
	width:330px;
	text-align:justify;
/*	font-size:14px;*/
	background-color:#CCFFCC;
}

.NameCard { 
	padding: 0px 5px 0px 10px;
	width:350px;
	text-align:justify;
	color:#FFFF00;
	background-color:#333333;
}

.QuangCao150 { 
	padding: 0px 0px 0px 0px;
	width:150px;
	text-align:center;
	background-color:#FF9900;
	display:inline;
	float:left;
}

.QuangCao200 { 
	padding: 0px 0px 0px 0px;
	width:200px;
	height:139px;
	font-weight:bold;
	text-align:center;
	background-color:#FFFF00;
	display:inline;
	float:left;
}

.QuangCao350 { 
	padding: 0px 0px 0px 0px;
	width:350px;
	height:80px;
	font-weight:bold;
	text-align:center;
	background-color:#FF0000;
	display:inline;
	float:left;
	vertical-align:middle;
}

.inline {
	display:inline;
	float:left;
}
.height40px {
overflow:auto;
white-space:nowrap;
height:40px;
max-width:640px;
}
/******* SpryAccordion*********************************/
.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}
/* Rules for Printing */

@media print {

  .Accordion {
  overflow: visible !important;
  }
  
  .AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  }
}

/******* SpryMenuBar*********************************/
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

ul.MenuBarActive
{
	z-index: 1000;
}

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
	float: left;
}

ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}

ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}

ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}

ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #EEE;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #33C;
	color: #FFF;
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #33C;
	color: #FFF;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(/images/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(/images/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(/images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(/images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

/******* SpryCollapsiblePanel*********************************/
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	background-image:url(/images/bgmenubar.jpg);
	background-repeat:repeat-x;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

.CollapsiblePanelClosed .CollapsiblePanelTab {
 background-color: #EFEFEF 
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}

/******* SpryTabbedPanels*********************************/
.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	background-image: url(/images/menu.jpg);
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background-color: #CCC;
}

.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

.TabbedPanelsContent {
	overflow: hidden;
	padding: 4px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}

/******* SpryTabbedPanels*********************************/