/* ==================================
	desktop.css
	20150416: Minor Enhancment
	20150601: homepage enhancement
	20150603: fa enhancement
==================================== */

/* ===== 20150416: Writesup  ===== */
.writesupDecorImage { 
	display:block;
	float:left;
	clear:left;
	padding-top:3px;
	padding-right:5px;
	
	/* 20150317: fix length */
	width:58px;
	height:58px;
	
}

/* 20150428: fix 2 or more line in i want to */
#smartMenuPage #iWantTo li a[rel="external"] {
	line-height:130%;
}

/* 20150311: mark those to block, for writesup decor image have space bottom */
/* 20150414: add "ul" and "a" */
#smartContent a,
#smartContent ul,
#smartContent li,
#smartContent  p {
	display:block;
	float:left;
	clear:both;
}

/* 20150428: fix for background color - handle up to 3 levels */
#smartContent ul p {
	width:445px;
}

#smartContent ul ul p {
	width:405px;
}

#smartContent ul ul ul p {
	width:365px;
}


/* ===== 20150416: Feature Article ===== */

/* 20150416: Rich Text - left image */
/* caution: a space between "float" and "left" */
/* "RichTextLeft" for IE8 workaround */
/* #articleContainer #article .content p img[style*="float: left"], */
.ClusterFeatureArticle .content p img.RichTextLeft {
	margin-top:5px;
	margin-right:10px;
}

/* 20150416: Rich Text - right image */
/* caution: a space between "float" and "right" */
/* "RichTextRight" for IE8 workaround */
/* #articleContainer #article .content p img[style*="float: right"], */
.ClusterFeatureArticle .content p img.RichTextRight {
	margin-top:5px;
	margin-left:10px;
}


/* ===== 20150430 KC: minor enhancement - homepage ===== */
/* 20150430 KC: add "clusterLinkGovWebsites" for not display "Gov Website" under the link again (javascript effect of "clusterLink") */
.clusterLinkGovWebsites{
	line-height:1;
	width:217px;
	height:55px;
	overflow:hidden;
	display:table;
	position:static;
	border:0;
}

/* 20150430 KC: minor enhancement */
.clusterLinkGovWebsites{
	color:#FFF;
	border-color:#b2aeac;
	background:url(/css/theme/explorer/images/widget/arrow.gif) 95% center no-repeat;
}

/* note: use 1 ID and 2 class to override '#cluster2nd .clusterItem' */
#hpGovWebsites.clusterItem.last{
	background:url(/images/homepage/gov_websites.png) no-repeat right 2px;
	/* from 10px to 0 */
	margin-right:0px;
}

/* note: override color and font size */
#hpGovWebsites .clusterName span {
	color: #000000;
	font-size:133.33%;
}

/* 20150526: feature article changes */
.ClusterFeatureArticle .content h3 {
	margin-top:2em;	/* enlarge title spacing */
	font-size:146.66%;	/* enlarge font size from 15px to 22px */
}