/* 
================================
Skin styles for ASP.NET
================================
*/
.bucket_bottom{background:url(bg_bucket.png) no-repeat 0 -22px;height:10px;margin-bottom:4px}
.bucket_bottom span{background:url(bg_bucket.png) no-repeat right -34px;width:12px;height:10px;float:right;overflow:hidden}
.bucket_bottom_gray, .bucket_bottom_gray span{background-image:url(bg_bucket_gray.png) !important}
.bucket_gray_menu, .bucket_gray_menu_content{background:url(bg_bucket_gray_menu.png) no-repeat; font-size:.7em;}
.bucket_gray_menu{background-color:#DAE0E7;margin-top:6px;position:relative}
.bucket_gray_menu_content{background-position:right -150px;position:relative;min-height:76px;_height:76px}
.bucket_gray_menu ul{margin:0 0 0 221px;padding:2px 0 0 0}
.bucket_gray_menu li{float:left;list-style:none;margin:0;padding:0}
.bucket_gray_menu li a:link, .bucket_gray_menu li a:visited{color:#034efa !important;font-size:.8em;font-weight:bold;text-align:center;border-right:1px solid #b6b6b6;border-left:1px solid #FFF;background:url(bg_bucket_gray_menu_button.png) repeat-x;display:block; height:80px; }
.bucket_gray_menu li a:hover{background-position:0 -50px;cursor:pointer}
.bucket_gray_menu li.active a:link, .bucket_gray_menu li.active a:visited{color:#FFF !important;background-image:url(bg_bucket_gray_menu_active.png);border-left-color:#3b68b4;border-right-color:#000}
.ajax_logo { position:absolute; padding-left:35px; padding-top:9px; }
.bucket_gray_menu .button_download span, .button_showcase span, .button_docs span, .button_forums span, .button_videos span, .button_tutorials span {min-height:25px;_height:25px;background:url(bg_button_ajax.gif) no-repeat center 6px;display:block;padding:60px 11px 0px 11px;_width:1px;}
.button_showcase span{background-position:center -66px}
.button_docs span{background-position:center -138px}
.button_forums span{background-position:center -225px}
.button_videos span{background-position:center -307px}
.button_tutorials span{background-position:center -387px}


/* 
================================
Skin styles for FPT
================================
*/

/*===========*LAYER 1*===========*/
.FPT_ICTLogo 
{
	background-image: url(ict_logo.png); 
	background-repeat:no-repeat;
	background-position:50px 5px;
	width:100%;
	height:72px;
	position:absolute;
}
.FPT_HeaderTop 
{
	background-image: url(FPT_HeaderTopBG.jpg); 
	background-repeat:repeat-x;
	height:19px;
}

/*===========*LAYER 2*===========*/
.FPT_HeaderLogoLeft 
{
	background-image: url(FPT_HeaderLogoLeft.jpg); 
	background-repeat:no-repeat;
	width:176px;
	height:81px;
}
.FPT_HeaderLogoMiddle 
{
	background-image: url(FPT_HeaderLogoMiddle.jpg); 
	background-repeat:no-repeat;
	width:176px;
	height:81px;
}
.FPT_HeaderLogoMiddleRight 
{
	background-image: url(FPT_HeaderLogoMiddleRight.jpg); 
	background-repeat:no-repeat;
	width:202px;
	height:81px;
}
.FPT_HeaderLogoRight 
{
	background-image: url(FPT_HeaderLogoRight.jpg); 
	background-repeat:no-repeat;
	width:224px;
	height:81px;
	text-align:right;
	vertical-align:bottom;
	padding-bottom:5px;
}

/*===========*LAYER 3*===========*/
.FPT_HeaderDateLeft 
{
	background-image: url(FPT_HeaderDateLeft.jpg); 
	background-repeat:no-repeat;
	width:176px;
	height:26px;
}
.FPT_HeaderDateMiddle 
{
	background-image: url(FPT_HeaderDateMiddle.jpg); 
	background-repeat:no-repeat;
	width:176px;
	height:26px;
}
.FPT_HeaderDateBG 
{
	background-image: url(FPT_HeaderDateBG.jpg); 
	background-repeat:repeat-x;
	height:26px;
	padding-right:10px;
}
.FPT_Copyright, .FPT_CurrentDate 
{
	font-weight: bold;
	font-size: 8.5pt;
	color:White;/*color: #003366;*/
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}
.FPT_Footer 
{
	/*background-color:#3c7faf;
	border:solid .2em #eee; */
	padding:2px 2px 2px 5px;
	background-image: url(footer_bg.jpg); 
	background-repeat:repeat-x;
	height:39px;
}

/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
	/*background-image:url(Stage_BG_top.png);
	background-repeat:repeat-x;
	padding-top:10px;*/
}
.skinmaster {
	height: 100%;
	/*background-color: #f3f5fa;*/
	/*border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; */
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader 
{
}
.skingradient {
	/*background-image: url(gradient_DkBlue.jpg); */
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
}
.leftpane {
	width: 120px;
	background-color: transparent;
	/*padding-left: 6px;*/
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: *;
	background-color: transparent;
	/*padding-left: 6px;
	padding-right: 4px;*/
	/*padding-top: 6px;*/
}
.rightpane {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}



/*******************************************************************************
********************************************************************************
**
* Author: TuanNH2 - FIS SOFT HCM
* Year  : 2008
* ------------------------------------------------------------------------------
*
* - GENERAL
*
* - PAGE CONTAINERS
*
* - CONTENT
*
* - FPT's STYLE
*
**
********************************************************************************
 ******************************************************************************/
.eGate_Title {
	background:url(slash.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:16px;
	color:#C00000;
	font-weight:bold;
	font-size:19px;
	font-family:Times New Roman;
}
.eGate_BoxHeader {
	font-family:Times New Roman;
	font-size:18px;
	font-weight:bolder;
	color:white;
	padding-top:5px;
	padding-bottom:5px;
}
.eGate_BoxItem {
	font-family:Times New Roman;
	font-size:14px;
	font-weight:bolder;
	color:#1f497d;
	padding-top:5px;
	padding-left:5px;
}
.eGate_TyLe {
	font-family:Times New Roman;
	font-size:46px;
	font-weight:bolder;
	color:#C00000;
}
.eGate_TyLeTitle {
	font-family:Times New Roman;
	font-size:22px;
	font-weight:bolder;
	color:#C00000;
}
.eGate_Box {
	BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    
    FILTER: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color= '#CCCCCC' , Positive= 'true' );
    WIDTH: 90%;
    BACKGROUND-COLOR: white;
}
.eGate_BoxGray {
	BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
}
.eGate_Month {
	background:url(calendar_month.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	padding-top:20px;
	color:#1f497d;
	font-weight:bold;
	font-size:21px;
}
.eGate_ColTitle {
	font-family:Times New Roman;
	font-size:14px;
	font-weight:bolder;
	color:#1f497d;
}
.eGate_ColValue {
	font-family:Times New Roman;
	font-size:14px;
	font-weight:bolder;
	color:#C00000;
}
.eGate_Marquee {
	color:1f497d;
	background-color:white;
	BORDER-RIGHT: #1f497d 0px solid;
    BORDER-TOP: #1f497d 0px solid;
    BORDER-BOTTOM: #1f497d 0px solid;
    BORDER-LEFT: #1f497d 0px solid;
}
.eGate_PageTitle {
	font-family:Times New Roman;
	font-size:20px;
	font-weight:bolder;
	color:#000033;
}
.eGate_TyleQuan {
	color:006400;
	font-weight:700;
	text-decoration:underline;
	font-family:Times New Roman;
	font-size:19px;
}
.eGate_TextBox 
{
	font-size:18px;
	width:300px;
	height:30px;
	border-right: #1f497d 1px solid; 
	border-top: #1f497d 1px solid; 
	border-left: #1f497d 1px solid; 
	border-bottom: #1f497d 1px solid; 
}
.eGate_Button1 {
	border-right: #385d8a 2px solid; 
	border-top: #385d8a 2px solid; 
	border-left: #385d8a 2px solid; 
	border-bottom: #385d8a 2px solid; 
	background-color: #4f81bd;
	width:100px;
	height:25px;
	padding-top:0px;
	font-size:15px;
	color:White;
	cursor:hand;
}
.eGate_Button 
{
	border-right: #385d8a 2px solid; 
	border-top: #385d8a 2px solid; 
	border-left: #385d8a 2px solid; 
	border-bottom: #385d8a 2px solid; 
	background-color: #4f81bd;
	width:120px;
	height:35px;
	padding-top:5px;
	font-size:18px;
	color:White;
	cursor:hand;
}
.eGate_WeekTitle {
	font-family:Times New Roman;
	font-size:18px;
	font-weight:700;
	text-decoration:underline;
	color:#1f497d;
}
.eGate_Week, .eGate_WeekKoNghieng {
	font-family:Times New Roman;
	font-size:18px;
	font-weight:700;
	color:#4f81bd;
}
.eGate_Week {
	font-style:italic;
}
.eGate_WeekTyle {
	font-family:Times New Roman;
	font-size:18px;
	font-weight:700;
	color:#C00000;
}
.eGate_NoLinkQuan {
	font-family:Times New Roman;
	font-size:18px;
	color:#000;
}
.eGate_KetQuaTraCuu {
	font-family:Times New Roman;
	font-size:17px;
	font-weight:700;
	color:#C00000;
	text-decoration:underline;
}
.eGate_LinhVuc {
	font-family:Times New Roman;
	font-size:15px;
	color:#1f497d;
	font-weight:700;
}
.eGate_TyLeLinhVuc {
	font-family:Times New Roman;
	font-size:15px;
	font-weight:700;
	color:#C00000;
}
/***************************************/
/*          City Web Support           */
/***************************************/
#eGate_DivCityWeb {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:170px;
}
#eGate_DivCityWebTitle, #eGate_DivCityWebMain, .eGate_DivCityWebTitle, .eGate_DivCityWebTitle1 {
	font-family:Arial;
	font-weight:700;
	font-size:12px;
}
.eGate_DivCityWebTitle1 {
	font-size:10px;
}
#eGate_DivCityWebTitle {
	color:#FFFFFF;
	padding:7px 7px 7px 7px;
	background-color:#4f81bd;
	border-right: #1f497d 1px solid; 
	border-top: #1f497d 1px solid; 
	border-left: #1f497d 1px solid; 
	border-bottom: #1f497d 1px solid; 
}
#eGate_DivCityWebMain {
	font-size:14px;
	padding:10px 7px 15px 7px;
	color:#1f497d;
	/*border-right: #1f497d 3px solid; 
	border-top: #1f497d 3px solid; 
	border-left: #1f497d 3px solid; 
	border-bottom: #1f497d 3px solid;*/
}
.eGate_DivCityWebTitle, #eGate_DivCityWebTyle {
	padding-bottom:2px;
}
#eGate_DivCityWebTyle {
	color:#C00000;
	font-size:40px;
}
A.eGate_CityWebLink:link {
	text-decoration:none;
}
A.eGate_CityWebLink:visited {
	text-decoration:none;
}
A.eGate_CityWebLink:active {
	text-decoration:none;
}
A.eGate_CityWebLink:hover {
	text-decoration:none;
}
/***************************************/
/*          City Web Support           */
/***************************************/

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.eGate_LinkQuan:link {
	font-family:Times New Roman;
	font-size:18px;
	font-weight:700;
	text-decoration:underline;
	color:#1f497d;
}
A.eGate_LinkQuan:visited {
	font-family:Times New Roman;
	font-size:18px;
	font-weight:700;
	text-decoration:underline;
	color:#1f497d;
}
A.eGate_LinkQuan:active {
	font-family:Times New Roman;
	font-size:18px;
	font-weight:700;
	text-decoration:underline;
	color:#1f497d;
}
A.eGate_LinkQuan:hover {
	font-family:Times New Roman;
	font-size:18px;
	font-weight:700;
	text-decoration:underline;
	color:#1f497d;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.eGate_LinkDetails:link {
    text-decoration:    underline;
    color: #003366;
	font-family:"Times New Roman", Times, serif;
	
	Filter: Shadow(Color=#0000FF, Direction=225);
	cursor:hand;
}
A.eGate_LinkDetails:visited  {
    text-decoration:    underline;
    color: #003366;
	font-family:"Times New Roman", Times, serif;
	
	Filter: Shadow(Color=#0000FF, Direction=225);
	cursor:hand;
}
A.eGate_LinkDetails:active   {
    text-decoration:    underline;
    color: #003366;
	font-family:"Times New Roman", Times, serif;
	
	Filter: Shadow(Color=#0000FF, Direction=225);
	cursor:hand;
}
A.eGate_LinkDetails:hover    {
    text-decoration:    underline;
    color: #ff0000;
	font-family:"Times New Roman", Times, serif;
	
	Filter: Shadow(Color=#0000FF, Direction=225)
	cursor:hand;
}

/***************************************/
/*          PanelBar Style             */
/***************************************/
.panelbarItemGroup{}
.panelbarHeaderCollapsed
{
/*	background-image: url(blu_PanelBG.gif); */
	background: #EBF1FC; 
	padding: 0px 5px 0px 10px;
	height: 24px;
	cursor: hand; 
	color: #07519A; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	vertical-align: middle;
/*	border-right: solid 1 #4da1ff; */
}
.panelbarHeaderCollapsedHover
{
/*  background-image: url(blu_PanelBG.gif);  */
	background: #EBF1FC;
	padding: 0px 5px 0px 10px;
	height: 24px;
	cursor: hand; 
	color: #FF6600; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	vertical-align: middle;
/*	border-right: solid 1 #4da1ff; */
}

.panelbarHeaderExpand
{
/*	background-image: url(blu_PanelBG.gif); */
	padding: 0px 4px 6px 15px; 
	height: 24px;
	cursor: hand; 
	color: #FF6600; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	vertical-align: middle;
	background: #EBF1FC; 
	background-image: url(Picture2.gif);
	background-repeat:no-repeat;
/*	border-right: #4da1ff 1px solid; */
}

.panelbarItem
{
/*	background-image: url(blu_PanelBG.gif); */
	FONT-SIZE: 11px; 
	COLOR: #07519A;
	FONT-FAMILY: Tahoma, Arial,Verdana;
	width: 100%;
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
	padding-left: 15px;
	height: 24px;
/*	border-right: #4da1ff 1px solid;  */
}
.panelbarItemHover
{
/*	background-image: url(blu_PanelBG.gif); */
	background: #EBF1FC;
	FONT-SIZE: 11px; 
	COLOR: #FF6600;
	FONT-FAMILY: Tahoma, Arial,Verdana;
	width: 100%;
	cursor: hand;
	cursor: pointer;
	background-color: #EFF7FF;
	text-decoration: none;
/*	border-right: #4da1ff 1px solid; */
	padding-left: 15px;
	height: 24px;
}

.panelbarItemSelected
{	
/*	background-image: url(blu_PanelBG.gif); */
	FONT-SIZE: 11px; 
	COLOR: #FF6600;
	FONT-FAMILY: Tahoma, Arial,Verdana;
	width: 100%;
	cursor: hand;
	cursor: pointer;
/*	background-color: #EFF7FF; */
	text-decoration: none;
/*	border-right: #4da1ff 1px solid; */
	padding-left: 15px;
	height: 24px;
}