/*
	Mot vai luu y:
	- Neu ban muon su dung chung cac stylesheet cho tat cac man hinh hien thi
		+ Khong can phai co tiep dau ngu cho cac man hinh
		+ Dinh nghia trong [Skin Main]
	- Neu muon moi man hinh hien thi theo mot stylesheet rieng:
		+ Ban phai dat tiep dau ngu cho moi loai man hinh
			Vd: Doi voi man hinh trang chu cua muc Title ta dat nhu sau
				home_Title{Stylesheet}
				A.Home_Title{StyleSheet}
				....
		+ Dinh nghia StyleSheet tuong ung voi tung man hinh
*/
/*=======================================================================================
Man hinh: Skin main
Tiep dau ngu: De trang
========================================================================================*/


/*=======================================================================================
Man hinh: Skin for List Home
Ten tep: List_Home.ascx
Tiep dau ngu: Home
========================================================================================*/


/*=======================================================================================
Man hinh: Danh sach bai viet o giua
Ten tep: List_Cat_Center.ascx
Tiep dau ngu: Center
========================================================================================*/

/*=======================================================================================
Man hinh: Danh sach bai viet co anh o ben trai
Ten tep: List_Cat_Left.ascx
Tiep dau ngu: Left
========================================================================================*/

/*=======================================================================================
Man hinh: Danh sach bai viet co anh o ben phai
Ten tep: List_Cat_Right.ascx
Tiep dau ngu: Right
========================================================================================*/

/*=======================================================================================
Man hinh: Danh sach bai viet co anh o ben tren
Ten tep: List_Cat_Top.ascx
Tiep dau ngu: Top
========================================================================================*/

/*=======================================================================================
Man hinh: Danh sach bai viet da dang sau bai hien tai
Ten tep: List_Cat_Old.ascx
Tiep dau ngu: Old
========================================================================================*/

/*=======================================================================================
Man hinh: Danh sach bai viet da dang moi hon bai hien tai
Ten tep: List_Cat_New.ascx
Tiep dau ngu: New
========================================================================================*/

/*=======================================================================================
Man hinh: Liet ke cac chu de thuoc mot chuyen muc
Ten tep: List_Topic.ascx
Tiep dau ngu: Topic
========================================================================================*/


/*=======================================================================================
Man hinh: Chi tiet ve mot bai viet
Ten tep: Detail.ascx
Tiep dau ngu: Detail
========================================================================================*/

/*=======================================================================================
Man hinh: Menu
Ten tep: Khong co
Luu y: + Khi Menu co nhieu muc(Level) ban buoc phai dinh nghia cac css cho tung level. Khi
		 ban muon cac level giong nhau thi dinh nghia cap dau tien va copy cho cac muc khac.
       + Doi voi chuyen muc khong chua muc tin (cac lien ket den trang khac) ban cung dinh 
		 nghia cho tung muc tuong ung
========================================================================================*/
.TreeNode 
{
	PADDING-LEFT: 12px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	CURSOR: default; 
	FONT-FAMILY: tahoma 
}
.TreeNodeRow 
{
	BORDER-RIGHT: #eeeeee 1px solid; 
	BORDER-TOP: #eeeeee 1px solid; 
	BORDER-LEFT: #eeeeee 1px solid; 
	WIDTH: 100%; 
	BORDER-BOTTOM: white 1px solid; 
	BACKGROUND-COLOR: #eeeeee 
}
.HoverTreeNodeRow 
{
	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-TOP: #cccccc 1px solid; 
	BORDER-LEFT: #cccccc 1px solid; 
	WIDTH: 100%; 
	BORDER-BOTTOM: white 1px solid; 
	BACKGROUND-COLOR: #cccccc 
}
.SelectedTreeNodeRow 
{
	BORDER-RIGHT: #aaaacc 1px solid; 
	BORDER-TOP: #aaaacc 1px solid; 
	BORDER-LEFT: #aaaacc 1px solid; 
	WIDTH: 100%; 
	BORDER-BOTTOM: white 1px solid; 
	BACKGROUND-COLOR: #aaaacc 
}

.SubTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 8px; COLOR: #0b3f79; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.SubTitle:hover {
	FONT-SIZE: 8px; COLOR: #e98901; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
.SubTitle:visited {
	FONT-SIZE: 8px; COLOR: #e98901; FONT-FAMILY:Arial; TEXT-DECORATION: none
}

.Folder {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0b3f79; FONT-FAMILY:Arial
}
/*Nut Them moi*/
.AddButton {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #E88B00; FONT-FAMILY: 'Times New Roman'; TEXT-DECORATION: none
}
	
/*Tieu de bai viet tai trang chinh*/
.Title {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0b819f; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.Title:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #e98901; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.Title:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0b819f; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.Title:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #004080; FONT-FAMILY: Arial; TEXT-DECORATION: none
}

/*Tieu de cua Tin HOT*/
.TitleTop {
	/*FONT-WEIGHT: bold; FONT-SIZE: 15pt; COLOR: #0b3f79; FONT-FAMILY: 'Times New Roman'; TEXT-DECORATION: none;*/
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none;text-align:left;
	}
/*Tieu de cua Tin Moi nong*/	
.TitleTopHip {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none;text-align:left;
}
	
/*Tieu de bai viet tai trang xem chi tiet bai viet*/
.TitleDetail {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #0b3f79; FONT-FAMILY: Arial; TEXT-DECORATION: none
}



.Public{
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: 'Verdana'; TEXT-DECORATION: none
}


.Expired {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: 'Verdana'; TEXT-DECORATION: none
}


.Approval{
	FONT-SIZE: 8pt; COLOR: Red; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}


.Image {
	FONT-SIZE: 8.5pt; COLOR: #000000; FONT-FAMILY: 'Arial'
}

/*Vung tom tat tai trang chinh*/

.Summary {
	FONT-SIZE: 10pt; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}

/*Vung tom tat tai trang xem chi tiet*/

.SummaryDetail {
	FONT-WEIGHT:normal;FONT-SIZE: 10pt; FONT-FAMILY: Arial; TEXT-DECORATION: none
}

.Source {
	FONT-WEIGHT: lighter; font-style:italic;  FONT-SIZE: 10pt; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}
.More {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}

/**/
.LItem {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}
.LItem:hover {
	FONT-SIZE: 10pt; FONT-FAMILY: 'Arial'; TEXT-DECORATION: underline
}
.LItem:visited {
	FONT-SIZE: 10pt; COLOR: #004080; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}

.TitleNoContent {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}
A.TitleNoContent:active {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}
A.TitleNoContent:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: 'Arial'; TEXT-DECORATION: underline
}
A.TitleNoContent:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #004080; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}

.SummaryNoContent {
	FONT-SIZE: 8pt; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}

.Lead {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #5f5f5f; FONT-FAMILY: 'Times New Roman'
}

.Normal {
	FONT-SIZE: 11.8pt; COLOR: #000000; FONT-FAMILY: 'Times New Roman'
}

.OtherTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: 'Arial'; TEXT-DECORATION: underline
}
/*Dinh dang Menu Category*/
.left_menu {
	BACKGROUND: url(Images/left_menu_bg.gif) no-repeat left top; VERTICAL-ALIGN: top; WIDTH: 150px;
}
left_menu A {
	font-family : Arial;
	COLOR: #ffffff
}
.menu_Header {
	BORDER-TOP: #5197d9 1px solid; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 18px; BORDER-BOTTOM: #326ea7 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #0099CC
}
.menu_item {
	WIDTH: 185px; TEXT-INDENT: 6px;FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 18px;font-family : Arial;
}
.menu_item A {
	WIDTH: 185px;BORDER-TOP: #5197d9 1px solid; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 18px; BORDER-BOTTOM: #326ea7 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #4580b8;font-family : Arial;
}
.menu_item A:hover {
	BORDER-TOP: #5197d9 1px solid; BACKGROUND: url(Images/arrowmenu.gif) #5197d9 no-repeat 6px 7px; COLOR: #001a33; BORDER-BOTTOM: #5197d9 1px solid; HEIGHT: 20px; TEXT-DECORATION: none
}
.menu_subitem {
	WIDTH: 185px; TEXT-INDENT: 10px;FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 18px;
}
.menu_subitem A {
	WIDTH: 185px;BORDER-TOP: #5197d9 1px solid; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 18px; BORDER-BOTTOM: #326ea7 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #4580b8;font-family : Arial;
}
.menu_subitem A:hover {
	BORDER-TOP: #5197d9 1px solid; BACKGROUND: url(Images/arrowmenu.gif) #5197d9 no-repeat 6px 7px; COLOR: #001a33; BORDER-BOTTOM: #5197d9 1px solid; HEIGHT: 20px; TEXT-DECORATION: none;font-family : Arial;
}
.menu_item_stop {
	WIDTH: 185px; no-repeat 6px 9px; TEXT-INDENT: 18px; LINE-HEIGHT: 18px; HEIGHT: 22px; TEXT-DECORATION: none;BACKGROUND-COLOR: #4580b8;FONT-SIZE: 11px; COLOR: Black; LINE-HEIGHT: 18px;;font-family : Arial;
}
.menu_item_stop A {
	WIDTH: 185px; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 18px;HEIGHT: 20px; BACKGROUND-COLOR: #4580b8
}
.menu_item_stop A:hover {
	COLOR: #001a33; HEIGHT: 20px; TEXT-DECORATION: none
}
.transparent_layer {
	BORDER-RIGHT: #0a2f61 2px solid; BORDER-TOP: #0a2f61 2px solid; FILTER: alpha(opacity=90); BORDER-LEFT: #0a2f61 2px solid; WIDTH: 300px; COLOR: #99cdff; BORDER-BOTTOM: #0a2f61 2px solid; POSITION: absolute; BACKGROUND-COLOR: #001a33; opacity: .90; moz-opacity: 0.90
}
 /*Tao Tab tai muc quan tri*/
.ddoverlap{
border-bottom: 1px solid #bbb8a9;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 70% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: blue;
background: transparent url(Images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: blue;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(Images/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}
/*Dinh dang vung Viet nhan xet*/
.CommentsContainer {
	border: 1px solid #CCCCCC; 
	background-color: #FFFFFF; 
	padding: 1px;
}

.CommentItemStyle {
	background-color: #F8F8F8; 
	font-size: 13px; 
	padding: 5px; 
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.CommentAlternatingItemStyle {
	padding: 5px; 
}

.CommentAuthor {
	font-size: 13px; 
	font-weight: bold;
}
.CommentDate{
	font-size: 11px; 
	color: #5F68AD;
}
.CommentContent {
	FONT-WEIGHT: Normal;FONT-SIZE: 10pt; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none
}