/* 
================================
Skin styles for DotNetNuke
================================
*/   
/* ================================
    CSS STYLES FOR FIS_Home
   ================================
*/   

/* PAGE BACKGROUND */
/* Styles for the header at the top of the page  */
.HeaderBg {
    background-color: #31659C;
}
.HeaderText1 {
    font-size: 8.5pt;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

.HeaderContainer {
    font-size: 10pt;
    color: #003366;
	vertical-align:middle;
    font-family: Tahoma, Arial, Helvetica;
	font-weight:bold;
}

A.HeaderText1:link {
    font-size: 8.5pt;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.HeaderText1:visited  {
    font-size: 8.5pt;
    color: #00000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.HeaderText1:active   {
    font-size: 8.5pt;
    color: #00000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.HeaderText1:hover    {
    font-size: 8.5pt;
    color: #ff000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* Styles for the footer at the bottom of the page  */
.FooterBg {
    background-color: #ffffff;
}
.FooterText {
    font-size: 8.5pt;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
.FooterText1 {
    font-size: 8pt;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
A.FooterText1:link {
    font-size: 8pt;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica;
	vertical-align:middle;
    text-decoration: none;
}

A.FooterText1:visited  {
    font-size: 8pt;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.FooterText1:active   {
    font-size: 8pt;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.FooterText1:hover    {
    font-size: 8pt;
    color: #cccccc;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

.FooterText2 {
    font-size: 8pt;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
A.FooterText2:link {
    font-size: 8pt;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
	vertical-align:middle;
    text-decoration: none;
}

A.FooterText2:visited  {
    font-size: 8pt;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.FooterText2:active   {
    font-size: 8pt;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.FooterText2:hover    {
    font-size: 8pt;
    color: #cccccc;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}


/* Style for the TopLevelTabs Web Control */
.TopLevelTabs {
    font-size: 8.5pt;
    color: #060033;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
A.TopLevelTabs:link {
    font-size: 8.5pt;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.TopLevelTabs:visited  {
    font-size: 8.5pt;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.TopLevelTabs:active   {
    font-size: 8.5pt;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.TopLevelTabs:hover    {
    font-size: 8.5pt;
    color: #FF6600;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;
}



/* text style for the selected tab */
.SelectedTab {
    font-size: 8.5pt;
    color: #FC8800;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    none;
    color:#FC8800;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#FC8800;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#FC8800;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#FC8800;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-size: 8pt;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    none;
    color:#ffffff;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#ffffff;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:##ffffff;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#060033;
}

/* Writen by HuyVQ */
	/* effect to Link - Menu */
.LinkMenu {
	BACKGROUND-COLOR: #295886; FONT-SIZE: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 14px; PADDING-LEFT: 2px
}
.LinkMenu A:link {
	COLOR: #fff
}
.LinkMenu A:visited {
	COLOR: #fff
}

A.LinkSubMenu:hover {
	COLOR: #FBB93A; FONT-WEIGHT: normal; TEXT-DECORATION: none;
	font-size : 11px;
	font-family : Tahoma, Verdana, Arial, Helvetica;
	font-weight: bold;
}
A.LinkSubMenu:visited {
	COLOR: #ffffff; FONT-WEIGHT: normal; TEXT-DECORATION: none;
	font-size : 11px;
	font-family : Tahoma, Verdana, Arial, Helvetica;
	font-weight: bold;
}
A.LinkSubMenu:link {
	COLOR: #ffffff; FONT-WEIGHT: normal; TEXT-DECORATION: none;
	font-size : 11px;
	font-family : Tahoma, Verdana,  Arial, Helvetica;
	font-weight: bold;
}

.Title {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Verdana,Arial,sans-serif;
	TEXT-DECORATION: none;
}

TR.LinkMenuRow TD {
	BORDER-BOTTOM: #003 1px solid; BORDER-LEFT: medium none; BORDER-RIGHT: #003 1px solid; BORDER-TOP: #3a9dce 1px solid; VERTICAL-ALIGN: middle
}
TR.LinkMenuRow TD.swath {
	BACKGROUND-COLOR: #3a9dce; BORDER-RIGHT: medium none
}
TD.swath {
	FONT: 10px sans-serif
}

/* end effect to menu links */
/*Begin effect to caro style*/
TD.caro_frame { 
background-color: #EBEBEB;
width: 19;
height: 19;
}
/*End effect to caro style*/

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #FEFEFE;
}
.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(menu.gif); HEIGHT:19px;
}
.controlpanel {
	width: 100%;
	background-color: #DFE5F2;
}
/*.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}*/
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
}

.rightpane {
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}/*
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}*/
.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border-left: #CAD5EA 0px solid; 
	border-bottom: #CAD5EA 1px solid; 
	border-top: 1px solid #CAD5EA; 
	border-right: #CAD5EA 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #002073; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	background-color: #CAD5EA; 
	border-left: #CAD5EA 1px solid; 
	border-bottom: #CAD5EA 1px solid; 
	border-top: #CAD5EA 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #CAD5EA;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
	background-color: #000000; 
	cursor: pointer; 
	cursor: hand; 
	color: white; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
}
.MainMenu_MenuArrow {
	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; 
}
.MainMenu_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);
}

.SP   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #0D509A;
}


.fis_header   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: black;
}

.doitac_head   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: red;
}

.Detail_KhachHang   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: black;
}

.Level1   {
    font-family: Arial, Helvetica;
    font-size:  14px;
    font-weight:    bold;
    color: white;
}


/* Style for the  FISWeb Control */
A.arrow:link {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #1F70C8;
}

A.arrow:visited  {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #1F70C8;
}

A.arrow:active   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #1F70C8;
}

A.arrow:hover    {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #FA9500;
}

A.arrow3:link {
    font-family: Arial, Helvetica;
    font-size:  11px;
    font-weight:    normal;
    color: #1F70C8;
}

A.arrow3:visited  {
    font-family: Arial, Helvetica;
    font-size:  11px;
    font-weight:    normal;
    color: #1F70C8;
}

A.arrow3:active   {
    font-family: Arial, Helvetica;
    font-size:  11px;
    font-weight:    normal;
    color: #1F70C8;
}

A.arrow3:hover    {
    font-family: Arial, Helvetica;
    font-size:  11px;
    font-weight:    normal;
    color: #FA9500;
}

A.Header_KhachHang:link {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #114B8B;
	 font-weight: bold;
}

A.Header_KhachHang:visited  {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #114B8B;
	 font-weight: bold;
}

A.Header_KhachHang:active   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #114B8B;
	 font-weight: bold;
}

A.Header_KhachHang:hover    {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #F99301;
	 text-decoration: none;
	 font-weight: bold;
}

A.Header_DoiTac:link {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #F99301;
	 font-weight: bold;
}

A.Header_DoiTac:visited  {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #F99301;
	 font-weight: bold;
}

A.Header_DoiTac:active   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #F99301;
	 font-weight: bold;
}

A.Header_DoiTac:hover    {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #114B8B;
	 text-decoration: none;
	 font-weight: bold;
}


/* HuyVQ desing Style */
A.arrow1:link {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #FEFEFE;
}

A.arrow1:visited  {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #FEFEFE;

}

A.arrow1:active   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #FEFEFE;

}

A.arrow1:hover    {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight: bold;
    color: #FFFFFF;
	 text-decoration: none;

}

/* HuyVQ desing Style */
A.arrow2:link {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: black;
}

A.arrow2:visited  {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: black;
}

A.arrow2:active   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: black;
}

A.arrow2:hover    {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #fa9500;
	 text-decoration: none;
}

/*
 *  FIS css.2 for v5+ browsers
 *	09 November 05
 *	
 *  Author: HuyVQ
 *	Last validated on: 09/11/05
 */

 
BODY
{
	margin: 10px 0 40px 0;
	padding: 0;
}
* HTML BODY 			{text-align: center;}/* center for IE */
* HTML DIV,* HTML UL  	{text-align: left;}/* reset for IE */

UL
{
	margin: 0;
	padding: 0;
}

.bodyWidth
{
	padding-bottom: 8px;		
	width: 750px;	
	margin-left: auto;
	margin-right: auto;		
	clear: both; /* ie mac fix */
}
DIV.bodyWidth DIV.content
{
	padding: 10px 10px 0 10px ;
}
DIV.borderBottom
{

	background-image: url(sec_dot_666.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
TD.borderTop
{

	background-image: url(sec_dot_666.gif);
	background-position: right bottom;
	background-repeat: repeat-x;
}

TD.borderBottom
{

	background-image: url(sec_dot_6666.gif);
	background-position: right bottom;
	background-repeat: repeat-x;
}

TD.borderBottom1
{
	background-image: url(sec_dot_66.gif);
	background-position: top,bottom;
	background-repeat: repeat-x;
	}

TD.borderRight
{

	background-image: url(sec_dot_666.gif);
	background-position: top right;
	background-repeat: repeat-y;
}


/* elements by id */

/* main header */
#divHead
{
	height: 80px;	
	position: relative;
}
#divHead IMG,
#divHead DIV
{
	height: 80px;	
	position: absolute;
	top:0;
	z-index:2;
}
#divHead *.one 		{position: static;}
#divHead *.two 		{right: 188px; z-index:1;}
#divHead *.three	{right: 0;}
#divHead DIV.three	{width: 182px; background-color: #36c;}
#divHead DIV.three P{padding:44px 0 0 14px;color:#fff;font-size: 20px;}


/* primary navigation */
#divMainNav UL 		{text-align:right;}
#divMainNav UL LI 	{color:#006;font-weight: bold;}

#divMainNav UL LI
{
	margin:0;
	padding:0 8px 0 8px;
	display:inline;
	border-right:1px solid #888;
}
* HTML #divMainNav UL LI {height: 1%;} /* ie5 bug fix, for the border-right above */
#divMainNav LI.last
{
	border-right:0 none;		
}
#divMainNav LI A
{
	font-weight: normal;
}



/* global footer */
#divFooter
{
	padding-top:10px;
	clear:both;
}






/* utils and common simple styles  */ 

/* alignment and hidden elements */
*.r 		{float: right;}
*.l 		{float: left;}
TD			{vertical-align: top;}
TD.vab 		{vertical-align: bottom;}
TD.vam 		{vertical-align: middle;}
*.tac 		{text-align: center;}
*.tal		{text-align: left;}
*.tar		{text-align: right;}


/* padding and margin utils */
*.marginBottom	{margin-bottom: 8px;}
*.marginTop		{margin-top: 8px;}


/* generic page utits */
DIV.imageRight IMG 		{float: right;}
DIV.imageRight DIV 		{margin-right: 235px;}
DIV.pSingleLineSpace P	{margin-bottom: 14px;}
DIV.clear 	{clear: both; height: 1px; font-size: 1px;}
*.hidden	{height:0;width:0;font-size:1px;overflow:hidden;}

A.Content05:link {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight: normal;
    color: #FFFFFF;
}

A.Content05:visited  {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight: normal;
    color: #FFFFFF;
}

A.Content05:active   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight: normal;
    color: #FFFFFF;
}

A.Content05:hover    {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:     bold;
    color: #FFFFFF;
	text-decoration: none;
}

.SP   {
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #0D509A;
}


.LOGIN {
    font-weight: bold;
    font-size: 12px;
    color: White;
    font-family: Arial, Helvetica;
    text-decoration: none;
}

A.LOGIN:link {
    text-decoration:    none;
    color: White;
}

A.LOGIN:visited  {
    text-decoration:    none;
    color: White;
}

A.LOGIN:active   {
    text-decoration:    none;
    color: White;
}

A.LOGIN:hover    {
    text-decoration:    none;
    color: White;
}