a
{
	text-decoration: none;
}
body
{
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	font-size: 10pt;
	font-family: Arial, Verdana;
}
.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;
	color: #FFFFFF;
	border-collapse: collapse;
	background-color: #1a508c;
	width:200px;
}
.cgViewUserNameSeperatorCell
{
	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;
	color: #FFFFFF;
	border-collapse: collapse;
	background-color: #1a508c;
}
.cgCenterSeperatorCell
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: right;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	border-collapse: collapse;
	background-color: #1a508c;
	text-decoration: none;
}
.cgViewLoginSeperatorCell
{
	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: #1a508c;
}
.cgCommonTable
{
	background-color: Transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0x 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: buttonface;
	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--------------------------------*/
.cgContentCell
{
	vertical-align: top;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
	border-collapse: collapse;
	background-color: #f9f7ea;
	border-left: buttonface 1px solid;
	border-right: buttonface 1px solid;
}
.cgContentCellPanel
{
	vertical-align: top;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: justify;
	border-collapse: collapse;
	background-color: #f9f7ea;
	border-top: #88B22C 1px solid;
	border-left: #88B22C 1px solid;
	border-bottom: #88B22C 1px solid;
	border-right: #88B22C 1px solid;
	width			: 628px;
}
.PanelHeaderTop
{
	height:2px;
	border-collapse: collapse;
	background: url(images/orange_bg.gif) repeat-x;
}
.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);
}
.PanelHeader
{
	vertical-align: middle;
	text-align: left;
	height: 30;
	background-image: url(images/orange_bg.gif);
	border-collapse: collapse;
	background-color: #aabbcc;
	font-weight: bold;
	font-size: 11pt;
	color: white;
	font-family: Arial;
	padding-left: 22px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.CPanelHeader
{
	vertical-align: middle;
	text-align: left;
	height: 30;
	background-image: url(images/green_bg.gif);
	border-collapse: collapse;
	background-color: #aabbcc;
	font-weight: bold;
	font-size: 11pt;
	color: white;
	font-family: Arial;
	padding-left: 22px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.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
{
	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;
}
.LBPanelHeader1
{
	vertical-align: middle;
	text-align: left;
	width: 100%;
	height: 12px; /*--	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);
}
.LcgContentCellPanel
{
	vertical-align: top;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: justify;
	border-collapse: collapse;
	background-color: #f9f7ea;
	border-top: #FBA900 1px solid;
	border-left: #FBA900 1px solid;
	border-bottom: #FBA900 1px solid;
	border-right: #FBA900 1px solid;
}
.PanelTable
{
	border: 0px;
	vertical-align: top;
	text-align: left;
	width: 100%;
	border-collapse:collapse;
}

.cgLeftCellPanel
{
	vertical-align: top;
	text-align: center;
	width: 122pt;
	vertical-align: top;
	padding-right: 1px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	border-top-style: none;

	border-bottom-style: none;
}
.RightCell
{
	vertical-align: top;
	text-align: left;
	border-right: #e3e3e3 0px solid;
	vertical-align: top;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	background: #276196 url(images/header_bg.gif) repeat-x;;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.cgRightCellPanel
{
	text-align: right;
	vertical-align: top;
	width: 180pt;
	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: 5px 3px 7px 13px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 9pt;
	border-collapse: collapse;
    background: #828282;
    color: #dbd1d1;
}
.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			: 950px;
	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: #ffffff;
	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: 1px solid;
	border-bottom: 0px solid;
	border-left-style: none;
	font-weight: bold;
	background-image: url(images/blue_bg.GIF);
	margin-left: 0px;
	padding-left: 20px;
}

.MenuItem:hover
{
	font-size: 8pt;
	border-collapse: collapse;
	font-weight: bold;
	text-decoration: underline;
}
.MenuItemDynamic
{
	color: #FFFFFF;
	font-size: 8pt;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: left;
	border-right: 0px;
	border-top: 1px solid;
	border-bottom: 0px solid;
	border-left-style: none;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 2px;
}
.MenuItemDynamic:hover
{
	color: #FFFFFF;
	font-size: 8pt;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: left;
	border-right: 0px;
	border-top: 1px solid;
	border-bottom: 0px solid;
	border-left-style: none;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 2px;
	text-decoration: underline;
}
.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;
}
.cgArticleDetailTitle
{

		vertical-align: middle;
	text-align: left;
	height: 30;
	background-image: url(images/green_bg.gif);
	border-collapse: collapse;
	background-color: #aabbcc;
	font-weight: bold;
	font-size: 11pt;
	color: white;
	font-family: Arial;
	padding-left: 22px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.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; 
	padding			: 0px 3px 0px 3px;
	margin			: 0px 3px 0px 3px;
	border-collapse:collapse;
}
.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;
	background-color: transparent;
}
.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: #1a508c;
	width: 100%;
	height: 15px;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	border-collapse: collapse;
}
.cgViewDateTimeForSeperatorCell
{
	color			: White;
	width			: 30%;
	text-align		: left; 
	border-collapse:collapse;
}
.cgViewUserNameForSeperatorCell
{
	color: White;
	width: 40%;
	text-align: center;
	border-collapse: collapse;
	background-color: #1a508c;
}
.cgViewLoginSeperatorCell
{
	color			: White;
	width			: 30%;  
	text-decoration	: None;
	text-align		: right; 
	border-collapse:collapse;
}
#girl {
    position: absolute;
    background: url(images/header_girl.gif) no-repeat;
    top: 17px;
    right: 0px;
    width: 158px;
    height: 167px;
}
#books {
    position: absolute;
    background: url(images/header_books.gif) no-repeat;
    top: 61px;
    left: 164px;
    width: 84px;
    height: 126px;
}
#explore a
{
	margin: 120px;
	padding: 0 0 0 0px;
	list-style: none;
	line-height: 1.4;
	font-size: 11px;
	color: white;
	font-family: Arial, Verdana;
	font-weight: bold;
	text-decoration: none;
}
#explore a:hover
{
	margin: 0;
	padding: 0 0 0 120px;
	list-style: none;
	line-height: 1.4;
	font-size: 12px;
	color: white;
	font-family: Arial, Verdana;
	font-weight: bold;
	text-decoration: underline;
}
.logo
{
	background-color: white;
}
.counterL
{
	background: url(images/orange_bg.gif) repeat-y;
	font-weight: bold;
	color: #ffffff;
	font-family: Arial, Verdana;
	font-size: 8pt;
}
#slogal
{
	font-weight: bold;
	color: lavender;
	font-family: Comic Sans MS, Verdana;
	font-size: 11pt;
}
#haui
{
	font-weight: bold;
	color: #fba90a;
	font-family: Verdana;
	font-size: 12pt;
	line-height: 1.4;
}
.arrowImage
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	position: relative;
	border-bottom-style: none;
}