/* ================================
    CSS STYLES FOR S-OFFICE 
   ================================
*/

/* GENERIC */
body
{
	margin-bottom: 0px;
	font-family: arial, Tahoma, Verdana;
	font-size: 9pt;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none; /** BACKGROUND: #FFF7FF; **/
}
html, body, form
{
	padding: 0px;
	margin: 0px;
	height: 100%;
}

.CompanyName
{
	font-family: arial,Tahoma, Verdana,  Times New Roman ;
	font-size: 10pt;
	color: #fff;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

.CompanyName_Login
{
	font-family: arial, Tahoma, Times New Roman, Verdana;
	font-size: 10pt;
	color: #000;
	font-weight: bold;
	text-transform: none;
}


TABLE .Body_BG
{
	background: #84AEF7;
}

TABLE .Banner_BG
{
	background: #1e6fb4;
}

TABLE .Footer_BG
{
	background: #016684;
}

TABLE TR .ModuleHead_BG
{
	background: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
}

TABLE TR TD.ModuleHead
{
	background: #4A92C6;
	color: #fff;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana, helvetica, sans-serif;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 5px;
}

TABLE TR TD.ModuleHead_Gray
{
	background: #6B656B;
	color: #fff;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana, helvetica, sans-serif;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
}


TABLE TR TD.ModuleHead_Admin
{
	background: #6B656B;
	color: #fff;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana, helvetica, sans-serif;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
}

TABLE TR TD.LeftPanel_BG
{
	background: #E7EBF7 url(/images/LeftPanel_bg.jpg) repeat-y;
}

TABLE TR TD.LeftPanel_Sep
{
	background: url(/images/LeftPanel_Border_bg.gif) repeat-y;
}

TABLE TR TD.LeftPanel_Sep2
{
	/** background: url(/images/bg_vline_dot.gif) repeat-y ; **/
	background: url(/images/LeftPanel_Border_bg.gif) repeat-y;
}


TABLE TR TD.LeftPanel_Admin_BG
{
	background: #EEEEEE;
}



TABLE TR TD.ModuleHead_BG
{
	background: #D6EBFF url(/images/Body_Top_bg.gif) repeat-x;
}

TABLE TR TD.LeftPanel_Right
{
	background: #A5BEDE url(/images/LeftPane_Right_bg.gif) repeat-y;
}

TABLE TR TD.LeftPanel_Left
{
	background: #A5BEDE url(/images/LeftPane_Left_bg.gif) repeat-y;
}

TABLE TR TD.LeftPanel_Top
{
	background: #ADBED6 url(/images/LeftPane_Top_bg.gif) repeat-x;
}

TABLE TR TD.LeftPanel_Bottom
{
	background: #A5BEDE url(/images/LeftPanel_Bottom_bg.gif) repeat-x;
}



td
{
	font-family: Arial, Tahoma, Verdana;
	font-size: 9pt;
	font-style: normal;
	line-height: 150%;
}

H1
{
	font-family: arial,Tahoma, verdana, Times New Roman, helvetica, sans-serif;
	font-size: 14pt;
	line-height: 150%;
	font-weight: Bold;
	color: #626294;
}

H2
{
	font-family: Tahoma, verdana, arial, Times New Roman, helvetica, sans-serif;
	font-size: 12pt;
	line-height: 150%;
	font-weight: Bold;
	color: #666666;
}

H3
{
	font-family: Tahoma, verdana, arial, Times New Roman, helvetica, sans-serif;
}

.ModuleTitle
{
	font-family: Arial, Tahoma, verdana, Times New Roman, helvetica, sans-serif;
	font-size: 14pt;
	color: #549700;
}

.T1
{
	font-family: Tahoma, Arial, verdana, Times New Roman, helvetica, sans-serif;
	font-size: 14pt;
	color: #477311;
	padding-left: 2px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.T2
{
	font-family: Arial, Tahoma, verdana, Times New Roman, helvetica, sans-serif;
	font-size: 12pt;
	line-height: 150%;
	padding-bottom: 3px;
	padding-top: 5px;
	color: #808000;
	font-weight: bold;
}

.T3
{
	font-family: Arial, Tahoma;
	font-size: 10pt;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #db4104;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}

.HR
{
	line-height: 150%;
	color: #CED7E7;
}

.DesktopSection
{
	font-family: Tahoma, Arial;
	font-size: 14pt;
	color: #FF8A21;
}


.DesktopBold
{
	font-family: Arial, Tahoma;
	font-size: 9pt;
	color: #000084;
	font-weight: bold;
}

TABLE TR.DesktopHead
{
	
}

TABLE TR.DesktopHead A
{
}


UL
{
}
/* Khi tro chuot qua, hien thi ban tay cursor: hand; */
/*  UL LI  { list-style: disc; padding-left:0;  }  */

.UserOnline_LI
{
	font-size: 9pt;
	list-style: disc;
	padding-left: 0px;
	color: Black;
}


A
{
	font-family: Arial, Verdana, Tahoma, Times New Roman, helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #000;
}

A:visited
{
	text-decoration: none;
}

A:hover
{
	text-decoration: underline;
	color: #044276;
}

A.menu
{
	font-weight: Bold;
	color: White;
	padding-left: 5px;
	height: 26px;
	margin: 0px;
	padding-top: 5px;
}

A.menu:Hover
{
	font-weight: Bold;
	color: whitesmoke;
	padding-left: 5px;
	height: 26px;
	margin: 0px;
	padding-top: 5px;
}

A.SOmenu
{
	font-weight: Bold;
	color: black;
	padding-left: 5px;
	height: 26px;
	margin: 0px;
	padding-top: 5px;
}

A.SOmenu:Hover
{
	font-weight: Bold;
	color: black;
	padding-left: 5px;
	height: 26px;
	margin: 0px;
	padding-top: 5px;
}

A.white
{
	font-weight: Normal;
	color: White;
	padding-left: 5px;
	height: 26px;
	margin: 0px;
	padding-top: 5px;
}

A.white:Hover
{
	font-weight: Normal;
	color: #CCCCCC;
	padding-left: 5px;
	height: 26px;
	margin: 0px;
	padding-top: 5px;
}



.LinkButton
{
	text-decoration: underline;
	font-weight: Bold;
}

.Normal
{
	line-height: 150%;
	font-family: Arial, Verdana, Times New Roman, Tahoma, helvetica, sans-serif;
	font-size: 9pt;
}

.SubHead
{
	color: #1D4B5B;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial, helvetica, sans-serif, Times New Roman;
	font-size: 8pt;
}

.PersonalLink
{
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, Tahoma, Verdana, helvetica, sans-serif, Times New Roman;
	font-size: 8pt;
}
A.PersonalLink:hover
{
	text-decoration: underline;
	color: white;
}

.LinkWhite
{
	color: White;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, helvetica, sans-serif, Times New Roman;
	font-size: 8pt;
}

.MenuLink
{
	color: black;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, helvetica, sans-serif, Times New Roman;
	font-size: 8pt;
	padding-left: 10px;
}

.MenuSubLink
{
	color: black;
	font-family: Tahoma, Verdana, Arial, helvetica, sans-serif, Times New Roman;
	font-size: 8pt;
	padding-left: 10px;
}

/*
.MenuLink A:Hover {
     PADDING-LEFT: 20px; COLOR: #CEFF00; 
}
*/
.MenuLink A:visited
{
	padding-left: 20px;
	color: black;
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-weight: bold;
}

.NormalRed
{
	font-family: Arial, Tahoma,Verdana;
	font-size: 9pt;
	color: #FF0000;
}

.NormalBlue
{
	font-family: Arial, Tahoma,Verdana;
	font-size: 9pt;
	color: blue;
}

.NormalBold
{
	font-family: Arial, Tahoma,Verdana, Times New Roman, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.NormalBold_Gray
{
	font-family: Arial, Tahoma,Verdana, Times New Roman, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: gray;
}

.Error_Message
{
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: Tahoma,Verdana, Times New Roman, Arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #FF0000;
	font-weight: bold;
}

#bodyText
{
	/*padding-left:10px;          padding-right:10px;          PADDING-BOTTOM: 10px;  PADDING-TOP: 10px;         font-family: Arial, Times New Roman, Verdana,   helvetica, sans-serif;          font-size: 10pt;            LINE-HEIGHT: 150%;         text-align: justify; */
}

.basic-table
{
	text-align: justify;
	font-family: Verdana, Tahoma, Arial, Times New Roman, helvetica, sans-serif;
	font-size: 8pt;
	line-height: 150%;
}

.basic-table TD
{
	padding-right: 0.7em;
	padding-left: 0.7em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}
.basic-table TH
{
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	text-align: left;
}

TABLE TR.dark TD
{
	background: #006AA4;
	color: #fff;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana, helvetica, sans-serif;
}

TABLE TR.gray
{
	background: #efefef;
}

TABLE TR.gray TD
{
	color: #000;
	font-weight: bold;
}

TD.date
{
	white-space: nowrap;
}
TD.number
{
	text-align: right;
}

TABLE TR.light 
{
	background: #c9c9c9;
	color: #fff;
	font-weight: bold;
	font-size:11px;
	font-family: arial, Times New Roman, verdana, helvetica, sans-serif;
}



TABLE TR.light TD
{
	color: black;
	font-weight: bold;
	font-size:11px;
	font-family: arial, Times New Roman, verdana, helvetica, sans-serif;
}

TABLE TR.blue TD
{
	background: #085075;
	color: #ffffff;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana, helvetica, sans-serif;
}

TABLE TR.blue
{
	background: #085075;
}

TABLE TR.LightCyan TD
{
	background: #E0FFFF;
	color: Black;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana;
}

TABLE TR.LightCyan
{
	background: #E0FFFF;
}

TABLE TR.LightBlue TD
{
	background: #ADD8E6;
	color: Black;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana;
}

TABLE TR.LightBlue
{
	background: #ADD8E6;
}

TABLE TR.lightseagreen TD
{
	background: #20B2AA;
	color: Black;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana;
}

TABLE TR.lightseagreen
{
	background: #20B2AA;
}


TABLE TR.lightskyblue TD
{
	background: #87CEFA;
	color: Black;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana;
}

TABLE TR.lightskyblue
{
	background: #87CEFA;
}

TABLE TR.peachpuff TD
{
	background: #FFDAB9;
	color: Black;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana;
}

TABLE TR.peachpuff
{
	background: #FFDAB9;
}


TABLE TR.PortalTR TD
{
	background: #eeeeee;
	color: Black;
	vertical-align: middle;
	font-weight: bold;
	font-family: arial, Times New Roman, verdana;
}

TABLE TR.PortalTR
{
	background: #eeeeee;
}

.form-table
{
	font-family: Arial,Verdana, Tahoma, Times New Roman, helvetica, sans-serif;
	font-size: 9pt;
}

.form-table TD
{
	padding-right: 0.5em;
	padding-left: 0.7em;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}

.small-table
{
	font-family: Verdana, Arial, Tahoma, Times New Roman, helvetica, sans-serif;
	font-size: 8pt;
}

.small-table TD
{
	padding-right: 0.5em;
	padding-left: 0.7em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	font-family: Verdana, Arial, Tahoma, Times New Roman, helvetica, sans-serif;
	font-size: 8pt;
}

.small-table A
{
	font-family: Verdana, Arial, Tahoma, Times New Roman, helvetica, sans-serif;
	font-size: 8pt;
}

.small
{
	font-family: Verdana, Arial, Tahoma, Times New Roman, helvetica, sans-serif;
	font-size: 8pt;
}



a.LinkButtonDark
{
	color: black;
	font-weight: bold;
	font-family: Tahoma, Times New Roman, Arial, helvetica, sans-serif;
	font-size: 8pt;
	line-height: 150%;
}

a.LinkButtonLight
{
	color: white;
	font-weight: bold;
	font-family: Tahoma, Times New Roman, Arial, helvetica, sans-serif;
	font-size: 8pt;
	line-height: 150%;
}

/* Left Menu */

.Content
{
	font-family: Times New Roman,Verdana, Arial, helvetica, sans-serif;
	font-size: 11pt;
	line-height: 150%;
}

.menu-table
{
	text-align: justify;
	font-family: Tahoma, Verdana, Arial, Times New Roman, helvetica, sans-serif;
	font-size: 8pt;
	line-height: 130%;
}

.menu-table TD
{
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
	color: #FFFFFF;
}

.menu-table A
{
	font-family: Verdana, Tahoma, Times New Roman, Arial, helvetica, sans-serif;
	font-size: 8.5pt;
	line-height: 150%;
	text-decoration: none;
	color: #FFFFFF;
}



A.NormalLink
{
	font-family: Tahoma, Verdana, Times New Roman, Arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #235667;
	font-weight: bold;
}

A.NormalLink:hover
{
	color: #32409B;
}

.BigLink
{
	font-family: Tahoma, Verdana, Times New Roman, Arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #739CAF;
	font-weight: bold;
}

A.BigLink:hover
{
	color: #32409B;
}


.FormButton {
	color:#000; 
	font-weight:bold; 
    font-size: 8pt;   
	text-align:center; 
	padding:.2em 0 .1em .2em; 
	border-style:solid; 
	border-width:1px; 
	border-color:#fff #999 #999 #fff;
    background:#E7E7E7 url(/images/button_bg_gray.gif) repeat-x; 
}

.FormButton_Disbaled {
	color:gray; 
	font-weight:bold; 
    font-size: 8pt;   
	text-align:center; 
	padding:.2em 0 .1em .2em; 
	border-style:solid; 
	border-width:1px; 
	border-color:#fff #999 #999 #fff;
    background:#ddd url(/images/button_bg_gray.gif) repeat-x; 
}



.FormControl
{
	color: #000;
	font-family: Verdana, Times New Roman, Arial, Tahoma, helvetica, sans-serif;
	font-size: 8pt;
	padding: .12em 0 .1em .12em;
	border-style: solid;
	border-width: 1px;
	background-color: whitesmoke;
}

.SOF_T1
{
	font-family: Tahoma, Arial, verdana, Times New Roman, helvetica, sans-serif;
	font-size: 14pt;
	COLOR: #BC3500;
}

.SOF_T2
{
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size: 12pt;
	line-height: 150%;
	font-weight: bold;
}

.SOF_T3
{
	font-family: Tahoma, Arial, Tahoma, helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
	line-height: 150%;
	color: #31518C;
	font-weight: bold;
}

.SOF_T4
{
	font-family: Tahoma, Arial,Times New Roman, Verdana, helvetica, sans-serif;
	font-size: 8pt;
	text-align: justify;
	line-height: 150%;
	font-weight: bold;
}

.SOF_Normal
{
	font-family: Verdana, Arial, Tahoma, helvetica, sans-serif;
	font-size: 8pt;
	text-align: justify;
	line-height: 150%;
}

.SOF_Normal_Color
{
	font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
	font-size: 9pt;
	text-align: justify;
	line-height: 150%;
	color: #294D6B;
}

.SOF_HR
{
	text-align: justify;
	line-height: 150%;
	color: #CED7E7;
}

.SOF_ShortCut
{
	font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
	font-size: 9pt;
	text-align: justify;
	line-height: 150%;
	color: #294D6B;
	font-weight: bold;
}


/* Left Panel Menu */

#LeftPanel
{
	border-bottom: #ccc 1px solid;
	width: 100%;
}

.LeftPanel_1 A
{
	padding-left: 3px;
	display: block;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	text-decoration: none;
	color: black;
	border-top: #fff 1px solid;
	border-bottom: #eeeeee 1px solid;
	background-color: #F7FBFF;
}

.LeftPanel_1 A:visited
{
	padding-left: 3px;
	color: black;
	border-top: #fff 1px solid;
	border-bottom: #eeeeee 1px solid;
	background-color: #F7FBFF;
}

.LeftPanel_1 A:hover
{
	background: whitesmoke;
	color: #F37623;
	text-decoration: none;
	border-bottom: #eeeeee 1px solid;
}

.LeftPanel_2 A
{
	padding-left: 7px;
	display: block;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	text-decoration: none;
	color: #104194;
	border-top: #fff 1px solid;
	border-bottom: #eeeeee 1px solid;
	background-color: #F7FBFF;
}

.LeftPanel_2 A:visited
{
	padding-left: 7px;
	color: black;
	border-top: #fff 1px solid;
	border-bottom: #eeeeee 1px solid;
	background-color: #F7FBFF;
}

.LeftPanel_2 A:hover
{
	background: whitesmoke;
	color: #F37623;
	text-decoration: none;
	border-bottom: #eeeeee 1px solid;
}


abbr, acronym, span.abbr
{
	/** cursor: help; border-bottom: 1px dashed #000; **/
}

.FormButton {
	color:#000; 
	font-weight:bold; 
    font-size: 8pt;   
	text-align:center; 
	padding:.2em 0 .1em .2em; 
	border-style:solid; 
	border-width:1px; 
	border-color:#fff #999 #999 #fff;
    background:#E7E7E7 url(/images/button_bg_gray.gif) repeat-x; 
}

.formbutton[disabled="disabled"]
{
	color: gray;
}
.formbutton[disabled="true"]
{
	color: gray;
}

A[disabled="disabled"]
{
	color: gray;
}
A[disabled="true"]
{
	color: gray;
}

/******** Dat Update 29/11/2011 **************/

div.alltable
  {
	float:right;
	width:100%;
	
  }
div.img
  {
  margin:1px;

  float:left;
  
  }
div.desc
  {
	float:left;
	margin:2px;
	pointer: cursor;
  }
  
.divbr {
	padding-top: 4px;
}

.divline {
	background: url(/images/divlinebg.gif) repeat-x left top; padding-top: 6px;
}
.TitleTableFullBorder {

padding-left:0px;padding-right:0px;
border: 1px solid #aec8d7;

}

.TitleTableHome {

color:#ffffff;
font-weight:bold;

}
A.TitleTableHome {

color:#ffffff;
font-weight:bold;

}
A.TitleTableHome:active {

color:#ffffff;
font-weight:bold;

}
A.TitleTableHome:visited {

color:#ffffff;
font-weight:bold;

}
A.TitleTableHome:link {

color:#ffffff;
font-weight:bold;

}
A.TitleTableHome:hover {

color:#ffffff;
font-weight:bold;

}


TABLE TR.headerstyle {
 background: #efefef;
  
}
TABLE TR.headerstyle TD
{
 font-weight:bold;
 color:#000;
 BORDER-BOTTOM: #b6b6b6 1px solid; 
 
}