﻿a
{
	text-decoration: none;
}
body
{
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}
.cgTitleModule
{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	text-align		: left; 
	font-weight		: bold;
	line-height		: normal;
	padding			: 0px 0px 0px 0px;
	margin			: 0px 0px 0px 0px;
	border-bottom	: solid 1px #DEDEDE;
	color			: #FF6600;
	border-collapse:collapse;
}
.cgViewDateTimeSeperatorCell
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #DEDEDE;
	color: #FFFFFF;
	border-collapse: collapse;
	background-color: #858585;
	background-image: url(Images/seperator.gif);
	width:160px;
}
.cgViewUserNameSeperatorCell
{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	text-align		: right; 
	font-weight		: bold;
	line-height		: normal;
	padding			: 0px 0px 0px 0px;
	margin			: 0px 0px 0px 0px;
	border-bottom	: solid 1px #DEDEDE;
	color			: #FFFFFF;
	border-collapse:collapse;
	background-image: url(Images/seperator.gif);	
}
.cgCenterSeperatorCell
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #DEDEDE;
	color: #FFFFFF;
	font-size: 9pt;
	vertical-align: middle;
	background-color: transparent;
	text-decoration: none;
	border-collapse: collapse;
	background-image: url(Images/seperator.gif);
}
.cgViewLoginSeperatorCell
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #F89E46;
	font-size: 9pt;
	vertical-align: middle;
	background-color: transparent;
	text-decoration: none;
	border-bottom: solid 1px #DEDEDE;	
}
.cgCommonTable
{
	background-color: Transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	text-align: justify;
	border-collapse: collapse;
}
.ContentTable
{
	background-color: Transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	border: 0;
	border-collapse:collapse;
}
.MasterTable
{
	background-color: Transparent;
	padding			: 0px 0px 0px 0px;
	margin			: 0px 0px 0px 0px;
	width			: 780;
	border			: 0;
	border-collapse:collapse;
}

.cgHrSeperator
{
	width			: 100%;
	color			: #999999;	
	height			: 0.1;
}

.cgRowCaption
{
	font-family		: Arial;
	font-size		: 10pt;
	color			: #123456;
	font-weight		: bold;  
	border-collapse:collapse;
}
.cgTableFunctionAdmin
{
	background-color: #FFFFFF;
	background-image: url(Images/background.gif);
	padding			: 0px 0px 0px 0px;
	margin			: 0px 0px 0px 0px;
	width			: 100%;
	border			: 1;
	border-color	: #FF6600; 	
}
/*--------------------------------PAGE--------------------------------*/
.PanelHeader
{
	vertical-align: middle;
	text-align: left;
	width: 10px;
	height: 20px;
	background-image: url(Images/cpanel.gif);
	font-size: 13px;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 2pt;
	color: #ffffff;
	text-decoration: none;
	border-collapse: collapse;
	background-color: #aabbcc;
}
.PanelHeaderTop
{
	height:2px;
	border-collapse: collapse;
	background-image: url(Images/tpanel.gif);
}
.PanelHeaderBottom
{
	height: 5px;
	border-collapse: collapse;
	background-image: url(Images/bpanel.gif);
}
.PanelHeader1
{
	vertical-align: middle;
	text-align: left;
	width: 100%;
	height: 21px; /*--	background-image: url(Images/gradient_LtBlue.jpg);--*/
	font-size: 13px;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 2pt;
	color: #000000;
	text-decoration: none;
	border-collapse: collapse;
	background-color: #aabbcc;
	background-image: url(Images/cpanel.gif);
}
.PanelHeader2
{
	width: 22px;
	border-collapse: collapse;
	background-image: url(Images/rpanel.gif);
}
.LPanelHeader
{
	vertical-align: middle;
	text-align: left;
	width: 22px;
	background-image: url(Images/lpanel11.gif);
	border-collapse: collapse;
	background-color: #aabbcc;
}
.LPanelHeader1
{
	height: 20px;
	vertical-align: top;
	text-align: left;
	width: 100%;
	font-size: 12px;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 2pt;
	color: #000000;
	text-decoration: none;
	border-collapse: collapse;
	background-color: #aabbcc;
	background-image: url(Images/lpanel21.gif);
	padding-top: 8px;
}
.LPanelHeader2
{
	width: 22px;
	border-collapse: collapse;
	background-image: url(Images/lpanel31.gif);
}
.LTPanelHeader
{
	vertical-align: middle;
	font-size: 2px;
	text-align: left;
	width: 22px;
	height: 9px;
	background-image: url(Images/lpanel12.gif);
	border-collapse: collapse;
	background-color: #aabbcc;
}
.LTPanelHeader1
{
	width: 80%;
	vertical-align: middle;
	text-align: left;
	font-size: 2px;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 2pt;
	color: #000000;
	text-decoration: none;
	border-collapse: collapse;
	background-color: #aabbcc;
	background-image: url(Images/lpanel22.gif);
}
.LTPanelHeader2
{
	width: 22px;
	font-size: 2px;
	border-collapse: collapse;
	background-image: url(Images/lpanel32.gif);
}
.LBPanelHeader
{
	vertical-align: middle;
	text-align: left;
	width: 22px;
	height: 12px;
	background-image: url(Images/lBpanel1.gif);
	border-collapse: collapse;
	background-color: #aabbcc;
	font-size: 2px;
}
.LBPanelHeader1
{
	vertical-align: middle;
	text-align: left;
	width: 100%;
	height: 5px; /*--	background-image: url(Images/gradient_LtBlue.jpg);--*/
	font-size: 2px;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 2pt;
	color: #000000;
	text-decoration: none;
	border-collapse: collapse;
	background-color: #aabbcc;
	background-image: url(Images/lBpanel2.gif);
}
.LBPanelHeader2
{
	width: 22px;
	border-collapse: collapse;
	background-image: url(Images/lBpanel3.gif);
	font-size: 2px;
}
.LcgContentCellPanel
{
	vertical-align: top;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align:center;
	border-collapse: collapse;
	border-right: #a4c52c 1px solid;
	border-top: medium none;
	border-left: #a4c52c 1px solid;
	border-bottom: medium none;
	background-color: #eeeeee;
}
.CPanelTable
{
	border: 0px;
	vertical-align: top;
	text-align: left;
	width: 100%;
	border-collapse:collapse;
}
.PanelTable
{
	border: 0px;
	vertical-align: top;
	text-align: left;
	width: 170px;
	border-collapse:collapse;
}
.cgContentCellPanel
{
	vertical-align: top;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
	border-collapse: collapse;
	width:470px;
	border			: 0;
}
.cgLeftCellPanel
{
	vertical-align: top;
	text-align: left;
	width: 170px;
	vertical-align: top;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right	: solid 1px #E3E3E3;
	border-left	: solid 1px #E3E3E3;
	border-bottom-style: none;
}
.RightCell
{
	vertical-align: top;
	text-align: left;
	border-right: #e3e3e3 0px solid;
	border-left: #e3e3e3 0px solid;
	vertical-align: top;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	background-color: #cccccc;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.cgRightCellPanel
{
	border-right	: solid 1px #E3E3E3;
	border-left	: solid 1px #E3E3E3;
	border-bottom:0;
	text-align: center;
	vertical-align: top;
	width: 160px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-collapse:collapse;
}
.cgTopCellPanel /*Noi dung hien thi khung tren*/
{
	background-color: Transparent;
	width			: 100%;
	vertical-align	: top;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	height			: 0;
	border-collapse:collapse;
}
.cgBottomCellPanel
{
	width: 100%;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:Transparent;
	border-collapse:collapse;
}
.cgHeaderPage
{
	background-color: #E6E6E6;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	text-align: center;
}
.cgContentPage
{
	background-color: Transparent;
	vertical-align: top;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	border-collapse:collapse;
}
.cgFooterPage
{

	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 9pt;
	border-collapse: collapse;
	background-image: url(Images/f.gif);
}
.cgCaption /*Tieu de*/
{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	text-align		: right; 
	font-weight		: bold;
	padding			: 0px 0px 0px 0px;
	margin			: 0px 0px 0px 0px;
	color			: #BE0000;	
	border-collapse:collapse;
}
.cgTableMain /*Bang chinh chua noi dung toan trang*/
{
	background-color: #FFFFFF;
	/*background-image: url(Images/background.gif);*/
	width			: 100%;
	text-align		: center; 
	table-layout	: auto;  
	border			: 0;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	border-collapse:collapse;
}
/*--------------------------------PANEL--------------------------------*/
.cgHeaderPanel /*Tieu de Panel*/
{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	text-align		: center; 
	font-weight		: bold;
	padding			: 0px 0px 0px 0px;
	margin			: 0px 0px 0px 0px;
	color			: #BE0000;
	width			: auto;
	border-collapse:collapse;
}
.cgFooterPanel
{
	background-repeat	: repeat-y;
	font-family			: Arial, Verdana, Sans-Serif;
	font-size			: 0.8em;
	text-decoration		: none;
	font-style			: italic; 
	color				: Black;
	border-collapse:collapse;
}
/*--------------------------------ARTICLE--------------------------------*/
.Menu
{
	font-weight		: bold;
	font-size		: 9pt;
	font-family		: Arial; 
	border-collapse:collapse;
}
.MainMenu
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	text-align: left;
	border-collapse:collapse;
}
.MenuHeader
{
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial;
	vertical-align: text-top;
	color: white;
	background-color: #666666;
	text-align: left;
	text-decoration: none;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.MenuItem
{
	color: #FFFFFF;
	font-size: 8pt;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: left;
	border-right: 0px;
	border-top: 0px solid;
	border-bottom: 1px solid;
	border-left-style: none;
	font-weight: bold;
}
.MenuItem:hover
{
	color: #9ACB00;
	font-size: 8pt;
	border-collapse:collapse;
	font-weight: bold;
}
.MenuItem:selected
{
	font-weight: bold;
	color: #9ACB00;
	font-size: 8pt;
	border-collapse:collapse;
	font-weight: bold;
}
.SubMenuItem
{
	color: #006666;
	font-size: 8pt;
	background-color: #7A7A7A;
	border-collapse: collapse;
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
	font-weight: bold;
}
.SubMenuItem:Selected
{
	color: #9ACB00;
	font-size: 8pt;
	border-collapse:collapse;
	font-weight: bold;
}
.SubMenuItem:hover
{
	color: #9ACB00;
	font-size: 8pt;
	border-collapse:collapse;
	font-weight: bold;
}
.menubottom
{
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial;
	text-align: left;
	color: #054b87;
	border-collapse: collapse;
	background-image: url(Images/m.gif);
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.menubottomtext
{
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial;
	text-align: left;
	color: #054b87;
}

.cgArticleTitle
{
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial;
	text-align: left;
	color				: #054b87;
	border-collapse:collapse;
}
.cgArticleTitleLeft
{
	font-size: 9pt;
	font-family: Arial;
	text-align: left;
	color				: #054b87;
	border-collapse:collapse;
}
.cgNavArticleTitle
{
	background-repeat	: repeat-y;
	font-family			: Arial, Verdana, Sans-Serif;
	font-size			: 0.8em;
	text-decoration		: none;
	color				: Black;
	text-align: left;
	color				: #054b87;
	border-collapse:collapse;
	text-align: left;
}
.cgNavArticleTitle a
{
	background-color	: Transparent;
	color				: #054b87;
	text-decoration		: none;
	text-align: left;	
	border-collapse:collapse;
}
.cgNavArticleTitle :hover
{
	background-color	: Transparent;
	text-decoration		: none;
	text-align: left;	
	color:#054b87;
	border-collapse:collapse;
}

.cgArticleImage
{
	border: 0;
	width: 125px;
	float: left;
	margin: 0px 3px 0px 0px;
	border-collapse: collapse;
	padding-right: 3px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 3px;
}
.cgImage
{
	border: 0;
	width: 100;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	top:0;
	right:0;
	left:0;
	bottom:0;
}
.ArticleDetailImage
{
	border			: 0;
	width			: 150px;
	float			: right; 
	padding			: 0px 3px 0px 3px;
	margin			: 0px 3px 0px 3px;
	border-collapse:collapse;
}
.cgArticleHead
{
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	vertical-align: top;
	border-collapse:collapse;
}
.cgArticleHeadDetail
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	text-align: justify;
	vertical-align: top;
	border-collapse: collapse;
	margin: 0px 3px 0px 0px;
	padding-right: 5px;
	background-color: transparent;
}
.cgArticleContent
{
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	text-align: justify;
	vertical-align: top;
	border-collapse:collapse;
	margin			: 0px 3px 0px 0px;	
	padding-right: 5px;
}
.SmallArticleTitle
{
	background-color: Transparent;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Verdana;
	list-style-type: square;
	list-style-image: url(Images/li.gif);
	text-align: left;
	border-collapse: collapse;
	vertical-align: middle;
	line-height: 20px;
}
.SmallArticleTitleLi
{
	background-color: Transparent;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Verdana;
	list-style-type: square;
	list-style-image: url(Images/li.gif);
	text-align: left;
	border-collapse: collapse;
	vertical-align: middle;
	line-height: 20px;
}
.cgArticleItemOfPanel
{
	background-color: Transparent;
	text-decoration	: none;
	color			: #FF6600;
	border-collapse:collapse;
}
.cgArticleTime					
{ 
	font-size		: 8pt; 
	color			: Gray;
	font-family		: Arial;
	font-style		: italic;
	border-collapse:collapse;
}
/*--------------------Product--------------------------------*/
.ProductImage
{
	border			: 0;
	width			: 80px;
	float			: left; 
	padding			: 0px 3px 0px 3px;
	margin			: 0px 3px 0px 3px;
	border-collapse:collapse;
}
.ProductSeperator
{
	width: 100%;
	color: #999999;
	height:0.1;
}

.ProductTitle
{
	font-weight		: bold;
	font-size		: 9pt;
	font-family		: Arial; 
}
.OrderTitle
{
	font-weight		: bold;
	font-size		: 9pt;
	font-family		: Arial; 
}
.OrderDetail
{
	font-size		: 9pt;
	font-family		: Arial; 
}


/*--------------------SeperatorCell---------------------------*/						
.cgSeperatorCell
{
	background-color: #006666;
	width: 100%;
	height: 25px;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-collapse: collapse;
	background-image: url(Images/seperator.gif);
}
.cgViewDateTimeForSeperatorCell
{
	color			: White;
	width			: 30%;
	text-align		: left; 
	border-collapse:collapse;
	background-image: url(Images/seperator.gif);
}
.cgViewUserNameForSeperatorCell
{
	color			: White;
	width			: 40%;
	text-align		: center;
	border-collapse:collapse;
	background-image: url(Images/seperator.gif);	
}
.cgViewLoginSeperatorCell
{
	color			: White;
	width			: 30%;  
	text-decoration	: None;
	text-align		: right; 
	border-collapse:collapse;
	background-image: url(Images/seperator.gif);	
}
.DownloadTitle
{
	font-size: 9pt;
	font-family: Arial;
	text-align: left;
	color				: #054b87;
	border-collapse:collapse;
}
.linkButton
{
	font-size: 10pt;
	font-family: Arial;
	text-align: right;
	color				: #ff0000;
	border-collapse:collapse;
}
.counter
{
	vertical-align: bottom;
	text-align: left;
	vertical-align: top;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right	: solid 1px #E3E3E3;
	border-left	: solid 1px #E3E3E3;
	border-bottom-style: none;
}
.counterL
{
	height: 16px;
	vertical-align: middle;
	text-align: right;
	vertical-align: top;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	border-top: solid 1px #E3E3E3;
	border-right: solid 1px #E3E3E3;
	border-left: solid 1px #E3E3E3;
	border-bottom-style: none;
	background-image: url(Images/counterbg.gif);
	font-size: 8pt;
	font-family: Arial;
	color: gray;
}