/* cac tin noi bat khac highlighnews-other */

.highlightnews-other
{
	margin: 0 0 13px 0;
	/*padding: ;*/

}
.highlightnews-other ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display: list-item;
}
.highlightnews-other ul li
{
	margin: 0;
	float: left;
	display: block;
	padding: 0;
	line-height: 15px;
	background-color: #EEE;
}
.highlightnews-other ul li:hover
{
	background-color: #ffffff;
}
.highlightnews-other ul li a
{
	padding: 3px 15px 3px 22px; 
	border: 1px solid #CCCCCC;
	border-bottom: 0 #ffffff;
	display: block;
	width: 431px;
	background: url(/Images/icon/bullet_highlightnews_up.png) no-repeat 13px 9px;
}
.highlightnews-other ul li a:hover
{
	background: url(/Images/icon/bullet_highlightnews_over.png) no-repeat 13px 9px;
}
.highlightnews-other ul li a.last-border
{
	border-bottom: 1px solid #CCCCCC;
}


/* ///////////////////////////////////////////////////////// end module highlightnews ///////////////////////////////////////////// */

/*top news - folder -----------------------------------*/


.ui-tabs-hide
{
	display: none;
}
.folder
{
	margin: 0 0 13px 0;
	width: 474px;
	/*height:146px;*/
}
.foldernav-wrap {
	width: 464px;
	margin: 0 0 1px 0;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	background-color: #eee;
}
.foldernav {
	margin: 0; float: left; line-height:14px;
}
.foldernav ul {
	margin: 0; list-style: none;
}
.foldernav ul li {
	margin: 0;
	padding: 0;
	float: left;
}
.foldernav ul li a.firsttab
{
	border-left: 1px solid #fff; 
	line-height:14px;
	display: block;
	padding: 2px 5px 0 5px;
	float:left;
	height:15px;
	margin: 0;
}
.foldernav ul li a
{
	display: block;
	padding: 2px 5px 0 5px;
	margin: 0;
	font-size: 10px;
	float:left;
	border-left: 1px solid #fff;
	border-right: 1px solid #eee;
	height:15px;
	margin-left:-1px;
}
.foldernav ul li a:hover
{
	border-right: 1px solid #fff;
}

/*.ui-tabs-nav a
{
	 In general, style all links in the tab navigation area.
		In practice, this allows us to differentiate between active tabs
		and inactive tabs 
	display: block;
	padding: 2px 5px 0 5px;
	margin: 0;
	font-size: 10px;
	float:left;
	border-right: 1px solid #fff;
	height:15px;
	 Make an unselected tab appear to float above the panel slightly 
}.ui-tabs-nav a.firsttab
{
	border-left: 1px solid #fff; 
	line-height:14px;
}
.ui-tabs-selected a.ifselected
{
	background: #999;
	color: #FFF;
	font-size: 10px;
	line-height:14px;
}
.ui-tabs-selected a.ifselected:hover
{
	background: #999;
	color: #FFF;
	font-size: 10px;
	line-height:14px;
}*/

.foldernav li a:hover {}
.foldernav-wrap .folder-name {
	
	text-align: center;
	padding: 2px 5px 0 5px;
	margin: 0;
	float:left;
	width: auto;
	height:15px;
	line-height:14px;
}
.folder .border-content
{
	width: 440px;
	border: 1px solid #CCCCCC;
	padding: 11px 14px 10px 14px;
	margin: 0;
}
.folder .border-content img
{
	width: 135px;
	height: 101px;
	margin-right: 14px;
	margin-top: 2px;
	margin-bottom: 0px;
	border: 1px solid #ccc;
	padding: 1px;
	background: #fff;
}
.folder .border-content .title-folderhotnews
{
	display: block;
	line-height: 14px;
	margin-bottom: 6px;
}
.folder .sapo
{
	padding: 0;
	margin: 0;
	line-height: 14px;
}
.folder .relatednews
{
	width: 166px;
	/*border-top: 1px solid #cccccc;*/
	margin: 0;
	padding: 0;
	line-height: 14px;
}
/*.folder .relatednews .relatednews-colum
{
	width: 215px;
	padding: 0 5px 0 0;
}*/
.folder .relatednews .news-second
{
	width:166px; margin-bottom:5px;	
}
.folder .relatednews .news-second .imgNewsSecond
{
	width:81px; height:61px; margin-right:7px; border:1px solid #ccc; background:#fff; padding:1px;
}
.folder .relatednews ul
{	
	margin:0; display:block; width:166px;
}
.folder .relatednews ul li
{
	width:166px; display:block; float:left;
}
.folder .relatednews ul li a
{
	background: url(/Images/icon/relatednews.png) no-repeat 0 5px;
	padding: 0 0 0 10px;
	float: left;
}

/*advertise center --------------------------------*/
.advertise-center {}
.title-advertise-center
{
	height: 15px;
	background: url(/Images/title_advertise_center.png) no-repeat top center;
}

/*List folder -----------------------------------------*/
.list-folder {
	padding-bottom: 5px;
}
.list-folder ul
{
	margin: 0;
	padding: 0;
}
.list-folder li
{
	list-style: none;
	margin:0; 
	padding: 0;
}
.list-folder li a {
	line-height: 24px;
	padding-left: 19px;
	background: url(/Images/icon/bullet_listfolder.png) no-repeat 9px 5px;
}
.list-folder li a:hover {}

/*advertise left -------------------------------------------------
.advertise-left
{
	color: #999999;
	font-size: 11px;
	line-height: 13px;
}
.advertise-left div.wrap
{
	margin: 6px 0 0 0;
	padding: 0 0 0 14px;
	width: 216px;
}
.title-advertise-left
{
	background: url(/Images/advertise_google.png) no-repeat 0 0;
	height: 15px;
}
.advertise-left div.separator
{
	background: url(/Images/separator_advertise_left.png) no-repeat bottom left;
	height: 22px;
}
.advertise-left span.title-text
{
	color: #666666;
	font-weight: bold;
	line-height: 22px;
}
.advertise-left span.link a
{
	color: #329ACD;
	text-decoration: none;
	line-height: 13px;
}
.advertise-left span.link a:hover
{
	color: #329ACD;
}
*/
/*wonder -------------------------------------------------*/
.wonder
{
	margin: 7px 0 0 0;
	font-size: 11px;
	color: #676767;
	text-align: center;
}
.wonder div.wrap
{
	margin-top: 9px;
	background-color: #EEE;
	padding-bottom: 10px;
}
.wonder img
{
	margin: 15px 15px 6px 15px;
}

/*advisory - archi -------------------------------------------*/
.advisory-archi
{
	padding: 0;
	margin: 0;
	width: 188px;
	border-top: 0px;
}
.advisory-archi .content-wrap img
{
	margin: 9px 0 6px 0;
	/*width: 170px;
	height: 109px;*/
}
.advisory-archi .content-wrap
{
	width: 170px; padding: 0 9px; margin: 0; border: 1px solid #cccccc; margin-top:7px;
}
.advisory-archi .content-wrap .content
{
	line-height: 14px;
	width: 170px;
	display: block;
	padding: 0;
	margin-bottom:5px;
}
.advisory-archi .content-wrap .title
{
	width:170px; line-height:14px; margin-bottom:3px;
}
.advisory-archi .content-wrap .related
{
	margin:0;
	width:170px;
	padding-top:3px;
	padding-bottom:4px;
	border-top: 1px solid #ccc; line-height:14px;
}
.advisory-archi .content-wrap .related ul
{
	width:170px; margin:0; padding:0; float:left;
}
.advisory-archi .content-wrap .related ul li
{
	display:block; width:162px; margin:0; padding:0; float:left;
	background: url(/Images/icon/relatednews.png) no-repeat 0 5px;
	padding-left:10px;
}
.advisory-archi .content-wrap .related ul li a
{
	 
}

/*video clip ----------------------------------------------*/
.video-bottom
{
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 8px 0;
}
.video-bottom img
{
	margin: 8px 12px 0 0;
}
.title-video-bottom
{
	margin: 6px 0 0 0;
	width: 117px;
	line-height: 14px;
}
.title-video-bottom a
{
	font-weight: bold;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.title-video-bottom a:hover
{
	color: #666666;
}

/*advertise bottom*/
.advertise-bottom
{
	width: 268px;
	border: 1px solid #F4F4F4;
}
.advertise-bottom img
{
	margin: 9px;
}

/*lib-house photo //////////////////////////////////////////////////////////////////////////*/

.lib-house { 
	width: 249px;
	border: 10px solid #eeeeee;
}
.lib-house div.house-photo-wap
{
	padding: 4px;
	width: 240px;
	border-bottom: 1px solid #cccccc;
}
.lib-house .house-photo-wap img.house-photo
{
	width: 118px;
	height: 118px;
	
}
#preview{
	position:absolute;
	border:2px solid #ffffff;
	background:#eeeeee;
	display:none;
	color:#333333;
	z-index: 200;
	width: 187px;
	height: 159px;
	margin: 0;
	text-align: center;
}
#preview img
{
	float: left;
	margin: 0;
}
/*search-house /////////////////////////////////////////*/
.search-house
{
	margin-bottom:13px;
	background-color:#eee;
	padding: 10px 10px 4px 10px;
	width: 250px;
}
.search-house .btn-searchhouse
{
	width: 100px;
	height: 22px;
	margin: 0 0 0 10px;
	padding: 0 0 1px 0;
	border: 1px solid #C9D2FA;
}
.search-house .textarea
{
	margin:0; border:1px solid #ccc; margin-bottom:5px; font-size:12px; color:#666; font-family:Arial; height:21px;
}

/*end search-house //////////////////////////////////////*

/*---------------------------------------------------------------------------------------------*/


/*top projects //////////////////////////////////*/

.top-projects
{
	border-bottom: 1px solid #ffffff;
	background-color: #EEE;
	padding: 7px 10px 8px 10px;
	width: 250px;
}
.top-projects img
{
	margin: 2px 10px 0 0;
	width: 89px;
	height: 67px;
	float: left;
}
.top-projects .title
{
	margin: 0 0 0 0;
	display: block;
	width: 149px;
	height: 57px;
	line-height: 14px;
}
.top-projects .date
{
	display: block;
}

.banner-large {}
.banner-large  table
{
	width: 190px; margin:0; padding:0
}
.banner-large  td
{
	margin:0; padding:0
}
.banner-large  tr
{
	margin:0; padding:0
}

.picture-day {}
.picture-day  table
{
	width: 190px; margin:0; padding:0
}
.picture-day  td
{
	margin:0; padding:0
}
.picture-day  tr
{
	margin:0; padding:0
}
/*end top projects*/

/*//////OtherNews/////*/
.OtherNews
{
	background:#EEE;
	/*padding: ;*/
}
.OtherNews ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display: list-item;
	width:670px;
}
.OtherNews ul li
{
	margin: 0;
	float: left;
	display: block;
	padding: 0;
	line-height: 15px;
	background-color: #EEE;
	width:670px;
}
.OtherNews ul li:hover
{
	background-color: #EEE;
}
.OtherNews ul li a
{
	padding: 4px 0px 4px 9px; display: block; margin:0 13px; width: 635px;
	border-bottom:1px solid #E3E3E3;
	background: url(/Images/icon/bullet_highlightnews_up.png) no-repeat 0px 9px;
}
.OtherNews ul li a:hover
{
	background: url(/Images/icon/bullet_highlightnews_over.png) no-repeat 0px 9px;
}
.OtherNews ul li a.last-border
{
	border-bottom: 1px solid #CCCCCC;
}
/*//////////////*/