﻿body				{margin: 0px 5px; background:url(images/bg.gif) fixed; text-align:center;font-family: arial;font-size: 12px;text-decoration:none}
#dmain 				{width: 1000px;  margin: 0; padding: 0;}

/*-----------------------------------------------------------------------------------*/
.menu				{font-family: arial;font-size: 14px;font-weight: bold;color: #FFFFFF;line-height:1.1;text-decoration:none;padding-top:1px;}
.menu:hover			{font-family: arial;font-size: 14px;font-weight: bold;color: red;line-height:1.1;text-decoration:none;padding-top:1px;}
.ab					{text-decoration:none;font-size:11px;color:#000000;font-family:verdana;font:900}
.ab:hover			{color:red;}
.ab:visited			{font-size:11px;color:#000000;}
/*-----------------------------------------------------------------------------------*/
.contentwhite		{font-family: arial;font-size: 14px;font-weight: normal;color: #FFFFFF;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentblack		{font-family: arial;font-size: 14px;font-weight: normal;color: black;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentred			{font-family: arial;font-size: 14px;font-weight: normal;color: red;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentblue		{font-family: arial;font-size: 14px;font-weight: normal;color: blue;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentyellow		{font-family: arial;font-size: 14px;font-weight: normal;color: yellow;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentgray		{font-family: arial;font-size: 14px;font-weight: normal;color: gray;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentgreen		{font-family: arial;font-size: 14px;font-weight: normal;color: green;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentwhitebold	{font-family: arial;font-size: 14px;font-weight: bold;color: #FFFFFF;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentblackbold	{font-family: arial;font-size: 14px;font-weight: bold;color: black;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentredbold		{font-family: arial;font-size: 14px;font-weight: bold;color: red;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentbluebold	{font-family: arial;font-size: 14px;font-weight: bold;color: blue;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentyellowbold	{font-family: arial;font-size: 14px;font-weight: bold;color: yellow;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentgraybold	{font-family: arial;font-size: 14px;font-weight: bold;color: gray;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentgreenbold	{font-family: arial;font-size: 14px;font-weight: bold;color: green;line-height:1.1;text-decoration:none;padding-top:1px;}
.titlewhite			{font-family: arial;font-size: 14px;font-weight: bold;color: #FFFFFF;line-height:1.1;text-decoration:none;padding-top:1px;}
.titleblack			{font-family: arial;font-size: 14px;font-weight: bold;color: black;line-height:1.1;text-decoration:none;padding-top:1px;}
.titlered			{font-family: arial;font-size: 14px;font-weight: bold;color: red;line-height:1.1;text-decoration:none;padding-top:1px;}
.titleblue			{font-family: arial;font-size: 14px;font-weight: bold;color: blue;line-height:1.1;text-decoration:none;padding-top:1px;}
.titleyellow		{font-family: arial;font-size: 14px;font-weight: bold;color: yellow;line-height:1.1;text-decoration:none;padding-top:1px;}
.titlegray			{font-family: arial;font-size: 14px;font-weight: bold;color: gray;line-height:1.1;text-decoration:none;padding-top:1px;}
.titlegreen			{font-family: arial;font-size: 14px;font-weight: bold;color: green;line-height:1.1;text-decoration:none;padding-top:1px;}
.titleorange		{font-family: arial;font-size: 16px;font-weight: bold;color: orange;line-height:1.1;text-decoration:none;padding-top:1px;}
.titlewhitebig		{font-family: arial;font-size: 22px;font-weight: bold;color: #FFFFFF;line-height:1.1;text-decoration:none;padding-top:1px;}
/*-------------*/

table.boxblack		{border-bottom: #000000 1px solid;border-left: #000000 1px solid;border-right: #000000 1px solid; border-top: #000000 1px solid}
table.boxblue		{border-bottom: #0f7ccf 1px solid;border-left: #0f7ccf 1px solid;border-right: #0f7ccf 1px solid; border-top: #0f7ccf 1px solid}
/* Học theo định dạng vietravel  */
table.tablebluebox	{width:100%;margin-bottom: 1px;border:1px solid #0f7ccf;}
table.tablebluebox th	{background:#0f7ccf;color: #FFFFFF;text-align: left;padding-left: 10px;height: 23px;line-height: 21px;font-size: 14px;margin: 0px;width:100%}
table.tablebluebox td	{border:0px solid #0f7ccf; border-top:0px; padding: 3px; width:100%;}

/* Định dạng cho hộp chú thích loại có khung*/
.style6 {font-size: 11px; color: #000000; font-family: Arial, Helvetica, sans-serif;text-align:justify; }
.art_title{font-size: 12px; color: #F3940B; font-weight: bold; font-family: Arial, Helvetica, sans-serif;text-decoration: none;}
.xsmall { WIDTH: 100%;FONT-SIZE: 8pt; COLOR: #F3940B; FONT-FAMILY: Arial, Helvetica, sans-serif;text-decoration: none;}
.xstooltip{visibility: hidden;position: absolute;top: 0;left: 0;z-index: 2; font: normal 8pt Arial, Helvetica, sans-serif;}

#balloon {width:300px;BORDER-RIGHT: black 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: black 0px solid}
#balloonBody {CLEAR: both; Z-INDEX: 25; BACKGROUND: url(images/corners_topleft.gif) no-repeat left top; FLOAT: left; PADDING-TOP: 34px; POSITION: relative}
#balloonBody H4 {PADDING-RIGHT: 20px; PADDING-LEFT: 20px; Z-INDEX: 28; RIGHT: 0px; BACKGROUND: url(images/corners_topright.gif) no-repeat right top; PADDING-BOTTOM: 20px; MARGIN: 0px -16px 0px 0px; PADDING-TOP: 20px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
#balloonBody DIV.box H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px}
#balloonBody .boxBody {PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 0.9em; Z-INDEX: 30; BACKGROUND: url(images/corners_rightborder.gif) repeat-y right top; LEFT: 16px; PADDING-BOTTOM: 0px; MARGIN: -2em 0px 0px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left}
#balloonBody DIV.boxFooter {Z-INDEX: 35; BACKGROUND: url(images/corners_bottomleft.gif) no-repeat left bottom; WIDTH: 100%; POSITION: absolute; HEIGHT: 20px}
#balloonBody DIV.boxFooter P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 40; RIGHT: 0px; BACKGROUND: url(images/corners_bottomright.gif) no-repeat right bottom; PADDING-BOTTOM: 0px; MARGIN: 0px -16px 0px 0px; WIDTH: 20px; BOTTOM: 0px; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 50px}
.toparrow {CLEAR: both; DISPLAY: inline; Z-INDEX: 21; FLOAT: left; WIDTH: 96px; POSITION: relative; HEIGHT: 36px}
.toparrow {BACKGROUND: url(images/tooltiparrow2.gif) no-repeat 50% top; MARGIN: 0px 0px -6px 5px}
.bottomarrow {CLEAR: both; DISPLAY: inline; Z-INDEX: 21; FLOAT: left; WIDTH: 96px; POSITION: relative; HEIGHT: 36px}
.bottomarrow {BACKGROUND: url(images/tooltiparrow.gif) no-repeat 50% bottom; MARGIN: 10px 0px -25px 5px}

/* Hết định dạng cho hộp chú thích loại có khung*/

