/* ================================
    CSS STYLES FOR IBUYSPY PORTAL
    v1.0, 01/2001
   ================================
*/   




/* background color for the content part of the pages */

Body
{
    margin:0px;     
    background: urls(merry-christmas-card.jpg); /*url(bgVis.png);*/
    padding-bottom: 0px;
}

TD
{
	font-family: Arial;
	font-size :  12px;
	
}
.P
{
	text-align:justify;
}

.NormalText
{
	vertical-align:text-bottom;
}

.Button
{
	background: #03325E;
	border-bottom: #104a7b 1px solid;
	border-left: #afc4d5 1px solid;
	border-right: #104a7b 1px solid;
	border-top: #afc4d5 1px solid;
	color: #ffffff;
	cursor: hand;
	font-family: Tahoma,Arial;
	font-size: 11px;
	height: 19px;
	text-decoration: none;
}    

A:link  {
    text-decoration:    none;
    color:  Black;
}

A:visited   {
    text-decoration:    none;
    color:  Black;
}

A:active    {
    text-decoration:    none;
    color:  Black;
}

A:hover {
    text-decoration:    underline;
    color:  Black;
}

LI   
{
	/*background-image: url(bgNut.gif) ;
	list-style-type:square;*/	
	margin-left: 0px;
    list-style-image:url(bgNut.gif)  ;
    list-style-position:inside 
}

UL LI   {color: #7b7107;
    list-style-type:    disc ;
}

UL LI LI    {color: #7b7107;
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

.BreadCrumbs
{
	font-size: 11px;
	color: #111111;
}

.BreadCrumbs a:link
{
	font-size: 11px;
	color: #111111;
}

.BreadCrumbs a:visited
{
	font-size: 11px;
	color: #111111;
	
}
.BreadCrumbs a:active
{
	font-size: 11px;
	color: #111111;
}

.BreadCrumbsSelected
{
	font-size: 11px;
	color: #acacac
}
/* --------------------------------
   - Styles use for 2 level menu  -
   --------------------------------*/
.MenuContainer
{
	BORDER : 0px;
	text-align:center;
}

.MenuGroup_BackGround
{
	cursor: hand,pointer;
	height: 33px;	
	padding-left : 23px; 
	padding-top:5px;
	border-collapse:collapse;
	background: url(images/datviet_53.gif) no-repeat;
}

.MenuGroup_Text
{
	font-weight: bold;
	vertical-align: middle;
	color: #000000;
	text-align: left;text-transform:uppercase;
}

.MenuGroup_Text a:link
{	color: #000000;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration : none;
}

.MenuGroup_Text a:visited
{	color: #000000;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration : none;
}

.MenuGroup_Text a:hover
{	color: #767874;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration : underline;
}

.MenuItem_BackGround
{
	cursor: hand,pointer;
	height: 33px;	
	padding-left : 23px; 
	padding-top:5px;
	border-collapse:collapse;
	background: url(images/datviet_53.gif) no-repeat;
}

.MenuItem_Text
{
	font-family: Arial, tahoma, verdana;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

.MenuItem_Text a:link
{
	font-family: Arial, tahoma, verdana;
	color: #000000;
	text-align: left;
	font-weight: bold;
	text-decoration : underline;
}
.MenuItem_Text a:visited
{
	font-family: Arial, tahoma, verdana;
	color: #000000;
	text-align: left;
	font-weight: bold;
	text-decoration : underline;
}
.MenuItem_Text a:hover
{
	font-family: Arial, tahoma, verdana;
	color: #767874;
	text-align: left;
	font-weight: bold;
	text-decoration : underline;
}

.MenuSelected_BackGround
{
	cursor: hand,pointer;
	height: 33px;	
	padding-left : 23px; 
	padding-top:5px;
	border-collapse:collapse;
	background: url(images/datviet_53.gif) no-repeat;
}

.MenuSelected_Text
{
	font-weight: bold;
	color: #000000;
	text-align: left;text-transform:uppercase;
}

.FooterCopyright
{
	font-family: Verdana;
	/*color: #8D371C;*/
	color:#555555;
	font-size:12px;
}

.DateText
{
	color: #000000;
}
.HitCounter
{
	font-size: 11px;	
	Color: Green;
	Font-Weight : bold;
	border : #ff9966 1px solid;	
	padding: 1px;
}

.Rotator {
	CURSOR: default; 
	HEIGHT: 50px;
	color:	#3333cc;
}
.RotatorTitle {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 0.7em; 
	COLOR: darkred; 
	FONT-FAMILY: Verdana
}
.RotatorItem {
	color:	Black;
}
.RotatorItemOver {
	BACKGROUND-COLOR: #ffce80;
	color:	#3333cc;
	CURSOR: hand;
}

/* --------------------------------
   - Extend combo class           -
   --------------------------------*/
.ParentItem
{
	font-size : 10px;
	color : Blue;
}
.ChildItem
{
	font-size : 10px;
	color : Black;
}

/* --------------------------------
   - News style class             -
   --------------------------------*/
.NewsRootTitle
{
	color: #373737;
	font-weight:bold;
	padding-top:5px;
	padding-left: 15px;
	height: 25px;
	background: url(bgTitle.gif) no-repeat;
	text-transform:uppercase;
}

.NewsLOM
{
	color: #B22825;
	font-weight:bold;	
}
.NewsLOM a:link
{
	color: #B22825;
	font-weight:bold;	
}
.NewsLOM a:visited
{
	color: #B22825;
	font-weight:bold;	
}
.NewsLOM a:active
{
	color: #B22825;
	font-weight:bold;	
}

.NewsHead
{
	font-size: 13px;
	font-weight : bold;
	color : Black;
}

.NewsTitle
{
	
	font-size: 13px;
	font-weight : bold;
	color : #B02923;
}

.NewsTitle a:link
{
	
	font-size: 13px;
	font-weight : bold;
	color : #B02923;
	text-decoration : none;
}

.NewsTitle a:visited
{
	
	font-size: 13px;
	font-weight : bold;
	color : #B02923;
	text-decoration : none;	
}

.NewsTitle a:hover
{
	
	font-size: 13px;
	font-weight : bold;
	color : #B02923;
	text-decoration : underline;
}

.NewsDate
{
	font-size: 10px;
	color: threeddarkshadow;
}

.NewsQuote
{
	color : #000000;
	text-align: justify;
}

.NewsContent
{
	font-family:  Verdana;
	font-size: 12px;
	color:#000000;
	line-height: 13pt;
}

.NewsSource
{
	
	font-size: 10px;
	font-weight : bold;
	color : #7b7107;
}
.NewsMore
{
	color : #000000;
	padding-bottom:6px;
	text-align:justify;
}
.NewsMore a:link
{
	color : #000000;
}
.NewsMore a:visited
{
	color : #000000;
}
.NewsMore a:active
{
	color : #000000;
}
.NewsNormal
{
	color : Black;
	text-decoration : none;
}

.NewsNormal a:link
{
	
	color : Black;
	text-decoration : none;
}

.NewsNormal a:visited
{
	
	color : Black;
	text-decoration : none;	
}

.NewsNormal a:hover
{
	
	color : Black;
	text-decoration : underline;
}

.NewsUtilities
{
	font-size: 11px;
	color: dimgray;
}

.NewsUtilities a:link
{
	
font-size: 11px;
	color: dimgray;
	text-decoration : none;
}

.NewsUtilities a:visited
{
	
	font-size: 11px;
	color: dimgray;
	text-decoration : none;
}

.NewsUtilities a:hover
{
	
	font-size: 11px;
	color: dimgray;
	text-decoration : underline;
}
/* --------------------------------
   - Styles use for containers    -
   --------------------------------*/
.ModuleTitle_01
{
    background : url('resort.gif') no-repeat left;
	vertical-align: middle;
	width: 100%;
	border : 0px solid #87A03C;
}

.ModuleTitle_01_Text
{
	font-family:Verdana;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;   
    text-transform:uppercase;
}

.ModuleTitle_Content_Ctn
{
	border : #87A03C 0px solid;
}

.ModuleTitle_02
{
	background : url('resort.gif') no-repeat right;
	vertical-align: middle;
	width: 100%;	
}

.ModuleTitle_02_Text
{
	font-family:Tahoma;
	color: #FFFFFF;	
	font-weight:bold;
	text-transform:uppercase;
	font-size: 11px;
}

.ModuleTitle_02_Content_Ctn
{
	border : transparent 0px solid;
	background-color : #ECECEC;
}

.ModuleTitle_Dark
{
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Tahoma, Verdana;
	font-weight: bold;
	font-size: 11px;

	vertical-align: middle;
	width: 100%;
	color: White;
	text-align: left;
	vertical-align: middle;
}
.Module
{
    background: transparent;

}
.Modulecenter
{
    background: #FFFFFF;

}
/* --------------------------------
   - Styles use for Tablist		  -
   --------------------------------*/
.TabPage
{
    height:22px;
    vertical-align:bottom;
    font-size:13px;    
    white-space:100%;
    color : #FFFFFF;
}

.TabPage a:link
{
	font-size:13px;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
}

.TabPage a:active
{
	font-size:13px;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
}

.TabPage a:visited
{
	font-size:13px;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
}

.TabPage a:hover
{
	font-size:13px;
	font-weight : bold;
	color : Yellow;
	text-decoration : underline;    
}

.TabPageNormal
{
	font-size:13px;
	font-weight : bold;
	color : White;
	text-decoration : none;
    height: 22px;width: 128px;
}

.TabPageSelected
{
	font-size:13px;
	font-weight : bold;
	width: 128px;
	color: #640000;
	height: 22px;
	text-decoration: underline;
}
/* --------------------------------
   - Styles use for main panels   -
   --------------------------------*/
.MenuVerticalNormal
{
	background : url(images/main_datviet_28.gif) ;
	height: 30px;
	padding-left:50px;
	font-weight:bold;
	color:White;
	text-transform:uppercase;font-size:14px;
}
.MenuVerticalNormal a:link
{	
	color:White;
}
.MenuVerticalNormal a:visited
{	
	color:White;
}
.MenuVerticalNormal a:active
{	
	color:White;
}
.MenuVerticalNormal a:hover
{	
	color:Yellow;text-decoration:none;
}
.MenuVerticalSelected
{
	padding-left: 50px;
	font-weight: bold;
	background: url(images/main_datviet_28.gif);
	text-transform: uppercase;
	color: #ffffcc;
	height: 30px;font-size:14px;
}
.MenuVerticalSelected a:link
{
	color: #ffffcc
}
.MenuVerticalSelected a:visited
{
	color: #ffffcc;text-decoration:none;
}
.MenuVerticalSelected a:visited
{
	color: #ffffcc
}
.MenuVerticalA
{	
	color:White;
}
/* --------------------------------
   - Styles use for Tablist	Bottom	  -
   --------------------------------*/
.TabPage1
{
	
	font-size : 11px;
	font-weight : bold;
	color : #FFFFFF;
    padding-left: 6px;
    padding-right: 6px;
    text-align:right;
}

A.TabItemNormal1:link
{
	
	font-size : 11px;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
    padding-left: 6px;
    padding-right: 6px;
}

A.TabItemNormal1:visited
{
	
	font-size : 11px;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
    padding-left: 6px;
    padding-right: 6px;
}

A.TabItemNormal1:hover
{
	
	font-size : 11px;
	font-weight : bold;
	color : #4C5527;
	text-decoration : underline;
    padding-left: 6px;
    padding-right: 6px;
}

.TabItemSelected1
{
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : underline;
    padding-left: 6px;
    padding-right: 6px;
}
/* --------------------------------
   - Styles use for main panels   -
   --------------------------------*/
.LeftPane
{
	border-right: #E3E5E5 0px solid;
	PADDING-LEFT: 1px;PADDING-TOP: 1px;PADDING-BOTTOM: 0px;
	backgrounds: #EBECEE;
}

.ContentPane
{
	PADDING-RIGHT: 10px; PADDING-LEFT: 5px;PADDING-TOP: 1px;PADDING-BOTTOM: 0px;
}

.RightPane
{
	Border-left: #87926E 0px solid;
	PADDING-RIGHT: 1px;
	PADDING-TOP: 1px;
	backgrounds: #EBECEE;
}

/* --------------------------------
   - Travel tools                 -
   --------------------------------*/
.TravelTool
{
	border-bottom : #CCCCCC 1px solid;
	border-left : #CCCCCC 1px solid;
	background-color: #FAE4B5;
	height : 20px;
	cursor : hand;
	padding-left : 4px;
	text-align:center;
}
.TravelToolSelected
{
	border-bottom : #CCCCCC 1px solid;
	border-left : #CCCCCC 1px solid;
	background-color : #DDDDFF;
	height : 20px;
	cursor : hand;
	padding-left : 4px;
	text-align:center;
}

/* ------------------------------------
   - Styles use for admin level menu  -
   ------------------------------------*/
.AdminMenuContainer
{
	BORDER : 0px;
}

.AdminMenuGroup_BackGround
{
	cursor: hand,pointer;
	width: 100%;
	height: 22px;	
	background: url(images/Untitled-1_30.gif) repeat-y;
	padding-left : 35px; 
}

.AdminMenuGroup_Text
{
	font-weight: bold;
	font-size: 9px;
	vertical-align: middle;
	color: #db6324;
	text-align: left; 
}

.AdminMenuGroup_Text a:link
{	color: #db6324;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration : none;
}

.AdminMenuGroup_Text a:visited
{	color: #db6324;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration : none;
}

.AdminMenuGroup_Text a:hover
{	color: #8DA458;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration : underline;
}

.AdminMenuItem_BackGround
{
	height: 19px;
	cursor: hand,pointer;
	width: 100%;
	padding-left : 30px;
	background: url(images/Untitled-1_30.gif) no-repeat;
}

.AdminMenuItem_Text
{
	font-family: Arial, tahoma, verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.AdminMenuSelected_BackGround
{
	height: 19px;
	cursor: hand;
	width: 100%;
	padding-left : 35px;
	background: url(images/Untitled-1_30.gif) no-repeat;
}

.AdminMenuSelected_Text
{
	font-family: Arial, tahoma, verdana;
	font-size: 11px;
	font-weight: bold;
	color: #db6324;
	text-align: left;
}
.NewsBlue
{
	color:White;
}
.NewsBlue a:link
{
	color:White;
}
.NewsBlue a:visited
{
	color:White;
}
.NewsBlue a:hover
{
	color:White;
	text-decoration: underline;
}
.NewsTitleList
{
}
.NewsTime
{
	font-size: 10px;
	color: dimgray;
}
.SmallText
{
	font-size:12px;font-style:italic;
	color: #226ab6;	
}
.SmallText a:link
{
	font-size:12px;
	color: #226ab6;
}
.SmallText a:visited
{
	font-size:12px;
	color: #226ab6;
}
.SmallText a:hover
{
	font-size:12px;
	color: #226ab6;
}
/* --------------------------------
   - Styles use for containers    -
   --------------------------------*/
.ModuleMenu_MenuContainer
{
}

.ModuleMenu_MenuBar {
	cursor: pointer; cursor: hand; height:16;
}

.ModuleMenu_MenuItem 
{
	cursor: pointer; cursor: hand; color: Black; font-size: 8pt; font-weight: bold; 
	vertical-align : middle;height: 16;
}

.ModuleMenu_MenuIcon 
{
	cursor: pointer; cursor: hand; background-color:  #93D3FE; width: 25;height: 25;
	text-align: center;vertical-align : middle;
	border-left: DarkGray 1px solid; 
	border-bottom : 0px; border-right : 0px; border-top : 0px;
}

.ModuleMenu_SubMenu 
{
	z-index: 1000; cursor: pointer; cursor: hand; background-color: #93D3FE;
	border : black 1px solid;
}

.ModuleMenu_MenuBreak 
{
	border : 0px;
	background-color: Gray; height: 1px;
}

.ModuleMenu_MenuItemSel
{
	background-color: #6C88DE; 
	cursor: pointer; cursor: hand; color: Black; font-size: 8pt; font-weight: bold; border-left: DarkGray 0px solid; border-bottom: Silver 1px solid; border-top: Silver 1px solid; border-right: Silver 0px solid;
	vertical-align : middle;
}

.ModuleMenu_MenuArrow 
{
	display : none;
}

.ModuleMenu_RootMenuArrow 
{
	display : none;
}

/*---------------------------------*/
.TabAdminContainer
{
	background : #C20032;
	color : white;
	border-bottom: black 1px solid;
}

.TabAdminText
{
	color : white;
	font-weight : bold;
	font-size : 8pt;
}

A.TabAdminButton:link
{
	color : White;
	font-weight : bold;
	font-size : 8pt;
	text-decoration : none;
}

A.TabAdminButton:hover
{
	color : White;
	font-weight : bold;
	font-size : 8pt;
	text-decoration : underline;
}

A.TabAdminButton:visited
{
	color : White;
	font-weight : bold;
	font-size : 8pt;
	text-decoration : none;
}
/* --------------------------------
   - Styles use for containers    -
   --------------------------------*/
.ModuleMenu_MenuContainer
{
}

.ModuleMenu_MenuBar {
	cursor: pointer; cursor: hand; height:16;
}

.ModuleMenu_MenuItem 
{
	cursor: pointer; cursor: hand; color: Black; font-size: 8pt; font-weight: bold; 
	vertical-align : middle;height: 16;
}

.ModuleMenu_MenuIcon 
{
	cursor: pointer; cursor: hand; background-color:  #93D3FE; width: 25;height: 25;
	text-align: center;vertical-align : middle;
	border-left: DarkGray 1px solid; 
	border-bottom : 0px; border-right : 0px; border-top : 0px;
}

.ModuleMenu_SubMenu 
{
	z-index: 1000; cursor: pointer; cursor: hand; background-color: #93D3FE;
	border : black 1px solid;
}

.ModuleMenu_MenuBreak 
{
	border : 0px;
	background-color: Gray; height: 1px;
}

.ModuleMenu_MenuItemSel
{
	background-color: #6C88DE; 
	cursor: pointer; cursor: hand; color: Black; font-size: 8pt; font-weight: bold; border-left: DarkGray 0px solid; border-bottom: Silver 1px solid; border-top: Silver 1px solid; border-right: Silver 0px solid;
	vertical-align : middle;
}

.ModuleMenu_MenuArrow 
{
	display : none;
}

.ModuleMenu_RootMenuArrow 
{
	display : none;
}

/*
-------------Menu chinh su dung-------------------
*/
.TopGroup
{
  border:solid 0px gray; 
  cursor:hand;
  cursor: pointer;
}

.MenuGroup
{ 
  border:solid 0px #7E7E81; color:#640000; 
  cursor:hand;
  cursor: pointer;padding-left:2px;
}

.TopMenuItem
{
  height: 29px;  width:92px;
  color:#6f6602; 
  font-weight:bold;
  font-size: 13px;
  cursor:hand;
  cursor: pointer;
  text-align:center;
  background: url(images/bgMenuSep.gif) right no-repeat;
}

.TopMenuItemHover 
{
  height: 29px;  width:92px;text-align:center;
  color:#696969; 
  font-size: 13px; 
  font-weight:bold;
  cursor:hand;
  cursor: pointer;
  background: url(images/bgMenuSep.gif) right no-repeat;
}


.MenuItem
{	
  cursor:hand;
  cursor: pointer;
  background: url(images/bgSubMenuItem.gif) repeat-x;
  color:#6f6602;
  font-weight:bold;
  height: 27px;
  border-top: #888A87 1px solid;
  border-right: #888A87 1px solid;
  padding-right:20px;
}

.MenuItemHover 
{
  cursor:hand;
  cursor: pointer;
  background: url(images/bgSubMenuItem.gif) repeat-x;
  color:Yellow;
  font-weight:bold;
  height: 27px;
  border-top: #888A87 1px solid;
  border-right: #888A87 1px solid;
  padding-right:20px;
}

.MenuBreak
{
  background-image:url(images/bgMenuSep.gif);
  width:7px;
  height:29px;
}
/* Selected item styles ------------------------------------ */ 
.SelectedTop
{
  background: url(images/bgMenuSep.gif) right no-repeat;
  color:#696969;
  font-weight:bold;
  font-size:13px;
  height: 29px;
  width:92px;
  cursor:default;
  text-align:center;
}

.SelectedTopHover
{
  background: url(images/bgMenuSep.gif) right no-repeat;
  color:#696969;
  font-weight:bold;
  font-size:13px;
  cursor:default;
  height: 29px;
  width:92px;
  text-align:center;
}

.SelectedTopExpanded
{
  background-color:#E9CFB1; 
  color:black; 
  border:solid 0px #FF4C4C; 
  border-left-color:#B30000;
  border-top-color:#B30000;
  cursor:hand;
  cursor: pointer;
}
/*---------------------------------*/
/* Selected item styles ------------------------------------ */ 
.SelectedItem
{
  cursor:hand;
  cursor: pointer;
  background: url(images/bgSubMenuItem.gif) repeat-x;
  color:#6f6602;
  font-weight:bold;
  height: 27px;
  border-top: #888A87 1px solid;border-right: #888A87 1px solid;
}

.SelectedItemHover
{
  cursor:hand;
  cursor: pointer;
  background: url(images/bgSubMenuItem.gif) repeat-x;
  color:#6f6602;
  font-weight:bold;
  height: 27px;
  border-top: #888A87 1px solid;border-right: #888A87 1px solid;
}

.SelectedItemExpanded
{
  background-color:#E9CFB1; 
  color:black; 
  border:solid 0px #FF4C4C; 
  border-left-color:#B30000;
  border-top-color:#B30000;
  cursor:hand;
  cursor: pointer;
}

/*
-----------------End here -------------------------
*/
.Adv_Media
{
	height:21px;
	color: Navy;
	font-weight:bold;
	text-align:center;
	background-color:#E5E5E5
}
