﻿/*
Xanh nõn chuối : #CCFF00;
Xanh nhạt (logo) : #57c4f6;
Xanh nhạt hơn : #D8E9F1;
Xanh đậm : #006699; hoặc #0066BC;
Màu cam đậm (logo) : #ff9c26; hoặc #F57101;
Màu vàng kem : #ffffcc;
Màu vàng kem (nhẹ hơn) : lightyellow;
Màu đỏ đậm (bor-đo) : #9A0312;
Nâu nhạt (giống border) : #e0e0e0;

*/
* {
	list-style: none;
	margin: 0;
	padding: 0;
}
body {
	background:#FFFFFF url(../Image/Body-BG.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}
img{border:0;}
a {
	text-decoration: none;
}

/*	Begin Link 	*/

/*Link 1 : Chuyển từ màu nâu sang màu cam.*/
A.Link-1:Link,:Visited{color:#808080;}
A.Link-1:Hover{color:#F08815; text-decoration:underline;}

/*Link 2 : Chuyển từ màu xanh sang màu cam đỏ.*/
A.Link-2:Link{color:#57c4f6;}
A.Link-2:Visited{color:#57c4f6;}
A.Link-2:Hover{color:#ff9c26; text-decoration:underline;}

/*Link 3 : Chuyển từ màu nâu sang màu đen.*/
A.Link-3:Link{color:#585858;/*#737373;*/}
A.Link-3:Visited{color:#585858;}
A.Link-3:Hover{color:#000; text-decoration:underline;}

/*Link 4 : Chuyển từ màu nâu sang màu đỏ đậm (bor-đô).*/
A.Link-4:Link{color:#737373;}
A.Link-4:Visited{color:#737373;}
A.Link-4:Hover{color:#9A0312; text-decoration:underline;}

/*Link 5 : Chuyển từ màu đen sang màu đỏ đậm (bor-đô).*/
A.Link-5:Link{color:#000;}
A.Link-5:Visited{color:#000;}
A.Link-5:Hover{color:#9A0312; text-decoration:underline;}

/*Link 6 : Chuyển từ màu đen sang màu đen(gạch chân).*/
A.Link-6:Link{color:#000;}
A.Link-6:Visited{color:#000;}
A.Link-6:Hover{color:#000; text-decoration:underline;}

/*Link 7 : Chuyển từ màu xanh sang màu cam.*/
A.Link-7:Link{color:#0066BC;}
A.Link-7:Visited{color:#0066BC;}
A.Link-7:Hover{color:#F57101; text-decoration:underline;}

/*Link 8 : Chuyển từ màu xanh đậm sang màu đỏ bordo(gạch chân).*/
A.Link-8:Link{color:#000080;}
A.Link-8:Visited{color:#000080;}
A.Link-8:Hover{color:#9A0312; text-decoration:underline;}

/*Link 9 : Chuyển từ màu đỏ bordo sang màu xanh đậm(gạch chân).*/
A.Link-9:Link{color:#9A0312;}
A.Link-9:Visited{color:#9A0312;}
A.Link-9:Hover{color:#000080; text-decoration:underline;}

/*Link 10 : Chuyển từ màu xanh nhạt => (gạch chân).*/
A.Link-10:Link{color:#619ab4;}
A.Link-10:Visited{color:#619ab4;}
A.Link-10:Hover{color:#619ab4; text-decoration:underline;}

/*Link 6 : Chuyển từ màu xanh đậm sang màu đỏ đậm.*/
/*A.Link-7:Link{color:#0273AC;}
A.Link-7:Visited{color:#0273AC;}
A.Link-7:Hover{color:#9A0312; text-decoration:underline;}*/

/*Link Top Menu : Chuyển từ màu nâu sang màu đen.*/
A.Link-Top-Menu:Link{color:#737373; cursor:pointer; float: left; display:block;}
A.Link-Top-Menu:Visited{color:#737373;}
A.Link-Top-Menu:Hover{color:#000; text-decoration:underline;}

/*Link 5 : Chuyển từ màu đen sang màu đỏ đậm (bor-đô).*/
A.Link-5-Block:Link{color:#000; display:block;}
A.Link-5-Block:Visited{color:#000; display:block;}
A.Link-5-Block:Hover{color:#9A0312; text-decoration:underline;}
/*	End Link	*/


.Box-1{border:1px solid #ffcc00; background-color:#ffffcc;}
.Box-2{background-color:#F0F8FF;}	/* xanh */
.Box-3{background-color:#0273AC;}	/* Nền Xanh đậm */
.Box-4{background-color:#F0F8FF; color:#006699; line-height:24px;}
.Box-5{border:1px solid #ffcc00; background-color:#ffffcc; float:left; height:35px; text-align:center; width:60px; padding-top:5px; margin-right:1px;}
.Box-5 a{display:block;}

.Text-1{color:#F28500;}
.Text-2{font-size:18px;}
.Text_Other{
	color:Navy;
	font-style:italic;
	text-align:right;
	width:95%;
}
.TextSpanSearchWord{background-color:#FC8800; font-weight:bold;}

.Img-1{width:250px;}
.Img-LatestNews{width:70px; float:left; margin-right:3px;}

.Separator-Bar-Height{float:left; width:5px; height:1px; float:left;}
.Separator-Bar-Width{clear:both; height:10px; width:100%;}
.Separator-Bar-1{border-top:1px solid #e0e0e0; width:100%; height:1px;}	/* viền màu nâu nhạt, cao 1px, chạy dài hết 100% */
div#wrapper{	/* Thẻ div bao toàn bộ nội dung trang */
	width:1000px;
	text-align:left;
	background-color:#FFFFFF;
}

/* 		Begin Top 	*/
div#Top{
	/*height:73px;*/
	height:24px;
	width:100%;
	border-bottom:5px solid #7fb0c6;
}
div#Top-Menu a{float:left; display:block; cursor:pointer;}

div#Top-Tool{width:1000px; float:left;}
div#Top-Tool .Logo{float:left; height:44px; padding-left:20px;}
div#Top_Tool_Region{
	float:right;
	width:220px;
	height:20px;
	margin:2px;
	padding:5px 2px 0 2px;
	text-align:center;
}

div#Top-Menu{
	clear:both;
	border-top:2px solid #fff;
	margin-left:180px;/*181px;*/
	font-weight:bold;
	text-align:center;
}
.Top-Menu-Item{
	height:22px;
	line-height:22px;
	float:left;
	margin-right:3px;
}
#TopSupportOnline{margin-right:15px; float:left;}
#TopSupportOnline img{padding:0 8px 0 0; height:19px;}
#Top-Login{float:right; text-align:right; width:220px; padding:4px 10px 0 0;}
/* 		End Top 	*/

/*	begin class Menu Top	*/
.Header-Left-Selected{
	float:left;
	width:4px;
	height:22px;
	border:0;
	/*background:url(../Image/Header-Left-Selected.gif) no-repeat;*/
}
.Header-Center-Selected{
	background:url(../Image/Header-Center-Selected.gif) repeat-x;
	float:left;
	padding:0 9px;
	color:#FFFFFF;
}
.Header-Right-Selected{
	float:left;
	width:4px;
	height:22px;
	border:0;
	/*background:url(../Image/Header-Right-Selected.gif) no-repeat;*/
}

.Header-Left-UnSelected{
	float:left;
	width:4px;
	height:22px;
	border:0;
	/*background:url(../Image/Header-Left-UnSelected.gif) no-repeat;*/
}
.Header-Center-UnSelected{
	background:url(../Image/Header-Center-UnSelected.gif) repeat-x;
	float:left;
	padding:0 9px;
}
.Header-Right-UnSelected{
	float:left;
	width:4px;
	height:22px;
	border:0;
	/*background:url(../Image/Header-Right-UnSelected.gif) no-repeat;*/
}

/*	end class Menu Top	*/

div#Left{width:220px; float:left;}
div#Center{width:540px; float:left;}
div#Right{width:220px; float:right;}
div#Left1{}
div#Center1{width:760px; float:left;}
div#Right1{width:220px; float:right;}

/*	begin class Group	*/

.Group-Header-Left{
	float:left;
	width:5px;
	height:28px;
	background:url(../Image/Group-Header-Left.gif) no-repeat;
}
.Group-Header-Center{
	background:url(../Image/Group-Header-Center.gif) repeat-x;
	float:left;
	padding:0 9px;
	width:192px;
	line-height:28px;
}
.Group-Header-Right{
	float:left;
	width:5px;
	height:28px;
	background:url(../Image/Group-Header-Right.gif) no-repeat;
}

.Group-Content{
	border:1px #7eacb1 solid;
	border-bottom:0;
	border-top:0;
	padding:4px 5px 2px 10px;
	background:#d8e9f1;
}
.Group-Content ul li{padding:2px 0px;}
.Group-Content ul li a{display:block;}

.Group-Bottom-Left{
	float:left;
	width:4px;
	height:5px;
	background:url(../Image/Group-Bottom-Left.gif) no-repeat;
	font-size:1px;
}
.Group-Bottom-Center{
	width:212px;
	height:4px;
	float:left;
	border-bottom:1px #7eacb1 solid;/*-bottom*/
	background:#d8e9f1;
	font-size:1px;
}
.Group-Bottom-Right{
	float:left;
	width:4px;
	height:5px;
	background:url(../Image/Group-Bottom-Right.gif) no-repeat;
	font-size:1px;
}

.Group2-Header-Center{
	border:1px #82b4cd solid;
	width:540px;
	height:33px;
	line-height:31px;
	background:url(../Image/Group2-Header-Center.gif) center repeat-x;

}

.Group3-Header-Center{
/*	border:1px #82b4cd solid;*/
/*	border-bottom:1px solid; /*#e0e0e0*/
	height:30px;
	line-height:28px;
	color:#619ab4;
	font-size:18px;
	font-weight:bold;
	padding-left:4px;
/*	background:url(../Image/Group2-Header-Center.gif) center repeat-x;*/
}
.Group3-Container-Content{
	border:1px #82b4cd solid;
	width:100%;
}

/*	End class Group	*/

div#Ad-House-For-Sell{background:url(../Image/House-1.gif) center no-repeat; line-height:69px; padding-left:20px; font-size:18px;}
div#Ad-House-For-Rent{margin:5px 0; background:url(../Image/House-2.gif) center no-repeat; line-height:69px; padding-left:20px; font-size:18px;}
div#Ad-House-3{margin-top:5px; background:url(../Image/House-3.gif) center no-repeat; line-height:69px;	padding-left:20px; font-size:18px;}

/*	Content News 	*/
#News-Detail{width:740px; float:left; border:1px solid #D8E9F1; padding:10px;}
#News-Detail .lblName{color:#000080; font-size:16pt; font-weight:bold; text-align:justify;}
#News-Detail .ImgFront{float:left; width:250px; padding:0 8px 2px 0;}
#News-Detail .lblContent{text-align:justify;}
.NextNewsTitle{border-bottom:2px solid #D8E9F1; width:100%; padding-bottom:4px; text-transform:uppercase; font-family:Verdana; font-weight:bold; color:#9A0312;}
.NextNews{padding-left:20px;}
.NextNews ul li{padding:5px 0 0 0; list-style:disc; color:#FF0000;}

.News-List-Column{float:left; width:320px; padding:2px 4px 0 0;}
.News-List-Column2{float:left; border:2px solid #D8E9F1; border-bottom:0; border-top:0; padding:2px 5px 0 5px; text-align:justify; width:420px;}
.News-List-Column .NewsLatest .lblName{font-size:14pt;}
.News-List-Column .NewsLatest img{width:300px;}
.News-List-Column .NewsLatest .Title{padding:5px 3px 0 0; text-align:justify;}

div#Content-News-Lastest{padding:4px 5px 4px 2px;}
div#Content-News-Lastest img{float:left; border:0; width:120px; border:1px solid #E0E0E0; padding:1px; margin-right:5px;}
div#Content-News-Lastest p{text-align:justify;}
div#Content-News-Lastest span{font-size:16px; font-weight:bold;}
div#Content-News-Other{padding:4px 0 2px 28px;}
div#Content-News-Other ul li{list-style-image:url(../Image/icon_other_news.gif); padding:1px 0;}
/*	End Content News 	*/

/*		Real-Estate 	*/
div#Group-Filter-RealEstate a{float:left; display:block; cursor:pointer;}
div#Group-Filter-RealEstate img{border:0; vertical-align:middle;}
.Group-Filter-RealEstate-Header-Center{
	float:left;
	background:#fff url(../Image/Group-Filter-RealEstate-Header-Center.gif) bottom repeat-x;
	border:1px #afd3eb solid;
	border-bottom:1px #fff solid;
/*	height:25px;*/
	padding:6px 5px;
}
.Separator-RealEstate-Filter{height:25px; width:15px; background:url(../Image/icon-narrow.gif) center no-repeat; float:left;}
div#Mess-Filter-RealEstate{
	clear:both;
	border:1px solid #afd3eb;
	border-bottom:0px;
	margin-right:-2px;
}
div#Mess-Filter-RealEstate ul{padding:5px 0px 5px 2px;}
div#Mess-Filter-RealEstate img{vertical-align:middle; border:0; }
#Container-Content-RealEstate{
	clear:both;
	width:100%;
	border:1px #afd3eb solid;
	border-top:0px;
}

	/*	Begin Title - Dòng header để chia cột : Tiêu đề | Tỉnh/Thành | Lưu */
#RealEstate-Title{
	height:32px;
	line-height:32px;
	color:#333;
	font-weight:bold;
}
#RealEstate-Title-Name{/*cũ: width:440px;*/
	float:left;
	width:424px;
	padding:0 8px;
}
#RealEstate-Title-Name1{
	float:left;
	width:588px;
	padding:0 8px;
}
#RealEstate-Title-Name2{
	float:left;
	width:640px;
	padding:0 8px;
}
#RealEstate-Title-City{
	float:left;
	width:58px;
}
#RealEstate-Title-Save{
	float:left;
	width:40px;
	text-align:right;
}
#RealEstate-Title-Image{
	float:left;
	width:30px;
	padding-left:20px;
	/*margin-left:25px;	*/
}
	/*	End Title */
	
	/*	Classifield	*/
.RealEstate-Classifield-Date{
	color:#fff;
	font-weight:bold;
	padding:3px 8px;
	background-color:#015278;/*#0273AC;*/
}

		/*	Begin danh sách tin rao 	*/
.List_Classifield-Line-T{	/* Thẻ chứa 1 dòng rao vặt */
	background:#FFF2F2;
	height:28px;
}

.List_Classifield-Line{	/* Thẻ chứa 1 dòng rao vặt */
	background:#fff;
	height:28px;
}
.List_Classifield-Line-2{	/* Thẻ chứa 1 dòng rao vặt */
	background:#F0F8FF;/*#E6F3FF;*/
	height:28px;
}
.List_Classifield-Name{width:448px;	padding:0 5px 0 5px;}
.List_Classifield-Name1{width:598px; padding:2px 5px 2px 8px;}
.List_Classifield-Name2{width:676px; padding:2px 5px 2px 8px;}
.List_Classifield-City{width:78px; color:#999;}
.List_Classified-Sort{padding:0 3px; color:#999;}
.List_Classifield-Save{padding-right:10px;}
.List_Classifield-Save img{cursor:pointer;}
.List_Classified-Image{width:22px; height:22px;}

		/*	End danh sách tin rao 	*/
	
	/*	End Classifield	*/

/* 		End Real-Estate	*/

/* Điều hướng trang. Link chuyển từ màu xanh sang màu cam đậm */
.Navigator{clear:both; font-size:14px; height:30px; line-height:30px; text-align:right; vertical-align:middle;}
.Navigator strong{font-size:18px; color:#ff9c26; text-decoration:underline;}
.Navigator a:Link{color:#0273AC; padding:0 2px; font-weight:bold;}
.Navigator a:Visited{color:#0273AC; padding:0 2px; font-weight:bold;}
.Navigator a:Hover{color:#ff9c26; text-decoration:underline;}

/*	/// Trang Detail */
#TableDetail{width:100%; table-layout:fixed;}
#TableDetail td{padding:0px 5px;}
#TableDetail th{padding:0px 5px; color:#313534; width:68px; height:20px !important;}
#TableDetail td h3{padding-top:5px;}
.DivBack{float:left; line-height:22px; width:160px; border:1px solid #afd3eb; border-bottom:0; background-color:#F0F8FF; padding:2px 4px;}
.DivPosition{float:right; text-align:right; line-height:22px; padding:2px 5px; /*border:1px solid #ffcc00; background-color:#ffffcc;*/}

.QuickSearch{background:url(../Image/Group-Search-Header-Center.jpg) repeat-x; height:60px; border:1px solid #D8E9F1; padding:18px 0 0 160px;}
.QuickSearch span{float:left; padding-right:20px; color:#666; font-weight:bold;}

.Button{background:url(../Image/button.gif) center no-repeat; width:98px; height:30px; border:0; color:White; font-weight:bold; cursor:pointer;}
.TextSearch{background:#fff url(../Image/search.jpg) left no-repeat; height:20px; line-height:20px; padding-left:24px; border:1px solid #afd3eb; width:180px;}
.ValidationSummary{text-align:left; list-style:circle;}
.divMessageLogin{text-align:center; font-size:14px; color:Red;}

.TDBox-1{text-align: left; vertical-align:middle; background:#FFFFCC; padding-left:10px;}

div#Bottom
{
	background:url(../Image/Group-Search-Header-Center.jpg) repeat-x;
	border:1px solid #D8E9F1;
	height:60px;
	width:979px;
	clear:both;
	border-top:5px solid #7fb0c6;
	text-align:center;
	padding:10px;
	color:#808080;
}
div#Bottom span{height:26px; line-height:26px;}
div#Bottom span img{vertical-align:middle; padding-right:10px;}
