/* JOOMLA ACTIVITY FEEDS STYLES */

body {
	/*background: #FFFFFF;*/
	position: relative;
	text-align: center;
	font-size: 8pt;
	margin: 0px; 
}

div, td {
	font-family: tahoma, "Trebuchet MS", arial, serif;
	font-size: 8pt;
	color: #555555;
	line-height: 140%;
}

a:link { color: #336699; text-decoration: none; }
a:visited { color: #336699; text-decoration: none; }
a:hover { color: #3399FF; text-decoration: underline; }

.icon {
	vertical-align: top;
	margin-right: 5px;
}

div.portal_action {
	padding: 6px 6px 6px 6px; 
	border-top: 1px solid #DEDEDE; 
}
div.portal_action_top {
	padding: 6px 6px 6px 6px; 
}

div.portal_whatsnew {
	/*border: 1px solid #DDDDDD;*/
	/*padding: 4px 10px 4px 10px;*/
	padding: 10px 10px 0px 10px;
}

/* STYLES FOR RECENT ACTION */
.recentaction_div_media {
	padding: 10px 10px 10px 20px;	
	display: none;
}
.recentaction_div_media img {
	max-width: 300px;
	width: expression(this.width > 300 ? 300: true);
}
img.recentaction_media {
	float: left;
	margin: 3px 3px 3px -20px; 
	border: solid 1px #777777;
}
.recentaction_div {
	padding: 10px 20px 10px 20px;
	position: relative; 
	max-height: 125px;
	max-width: 300px; 
	overflow: auto;
	display: none;
}
/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */
*:first-child+html .recentaction_div {
	overflow: visible;
	overflow-y: expression(this.scrollHeight > 125? "auto" : "hidden" );
	overflow-x: auto;
	padding-bottom: 25px;
	height: expression(this.scrollHeight > 125? "125px" : "auto" );
	width: expression(this.scrollWidth > 300? "300px" : "auto" );
}
/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */
html>body .recentaction_div {
	overflow: visible;
	overflow-y: expression(this.scrollHeight > 125? "auto" : "hidden" );
	overflow-x: auto;
	padding-bottom: 25px;
	height: expression(this.scrollHeight > 125? "125px" : "auto" );
	width: expression(this.scrollWidth > 300? "300px" : "auto" );
}
.recentaction_div img {
	max-width: 300px;
	width: expression(this.width > 300 ? 300: true);
}
div.portal_action_date_left {
	float: right; 
	color: #999999;
	padding-left: 0px;
}