﻿/* general activities */
.activitiesContainer ul {list-style-type:none; padding-left:0;}
.activitiesContainer .activityBody{margin-left:20px;}
.activitiesContainer .friendCountHeader { text-align: center;padding: 5px;}

/* .activitiesContainer .dateHeader { margin: 5px 10px 14px; overflow:hidden;width:100%;} */
.activitiesContainer .dateHeader { margin: 5px 10px 14px;}


/* .activitiesContainer li {clear: left;} */

.activitiesContainer h5 {font-weight:normal; margin-bottom:0;}

.activitySourceTimestamp a.activitySourceTimestamp.sourceMdp {width:18px;}

.activitiesContainer .activityItem { margin-bottom: 10px; line-height: 1.6em; margin-left:12px;zoom:1;} 
.activitiesContainer .activityItem ul { margin: 5px 0 0 0; }
.activitiesContainer .ActivityTemplateMediaGallery .activityDetailItem { display: inline; margin-right: 5px; margin-bottom:5px; padding: 0; width:auto; float: left; clear: none; background: none; }

.activitiesContainer .AddLocalPlaceReview .ActivityTemplateMediaGallery .activityDetailItem,
.activitiesContainer .AddLocalPlaceToProfile .ActivityTemplateMediaGallery .activityDetailItem,
.activitiesContainer .BookmarkLocalPlace .ActivityTemplateMediaGallery .activityDetailItem,
.activitiesContainer .AddLocalPlaceRating .ActivityTemplateMediaGallery .activityDetailItem {width:100%;}

.ie7 .activitiesContainer .activityItem.AddLocalPlaceToProfile .activityDetailList .activityDetailItem,
.ie8 .activitiesContainer .activityItem.AddLocalPlaceToProfile .activityDetailList .activityDetailItem {clear:left;}

.activitiesContainer .activityHeader {margin-left:-20px; padding-left:20px; word-wrap: break-word;} /* so the icons are not on the text*/
.activitiesContainer .ProfileSongAdd ul li {float:none;}
/*.activitiesContainer .activityMedia a {float:left;}*/
/*.activitiesContainer .FriendAdd .activityMedia ul li ul li a {float:none;}*/
.activitiesContainer .today .CelebrateBirthday .promo,
.activitiesContainer .commonIcon,
.activitiesContainer .activityHeader,
.activitiesContainer a.Song { background: transparent url(/Modules/HomeDisplay/Static/img/commonIcons022.gif) no-repeat left top; }

.activitiesContainer .ProfileSongAdd .activityFooter {float:none;padding-left:20px;}
.activitiesContainer .activityFooter a {float:none;}
.activitiesContainer .activityItem .ActivityTemplateMediaGallery .activityFooter.inline {float:left; clear:none; padding-top:20px;}

.activitiesContainer .PhotoTagged .activityItem .activityMedia .activityFooter {clear:none;}
.activitiesContainer .activityItem .inline {display:block; margin-top:15px;}
.activitiesContainer .activityItem.AddSongToPlaylist .activityFooter.inline,
.activitiesContainer .activityItem.PhotoTagged .activityFooter.inline,
.activitiesContainer .activityItem.VideoAdd  .activityFooter.inline {padding-left:0px; margin-top:0px;}
.activitiesContainer .activityItem.accepttag.photo .activityFooter, 
.activitiesContainer .activityItem.PhotoTagged .activityFooter{clear:left;}

/*Activity Portrait (Vertical ul)*/
.activitiesContainer .activityItem .ActivityTemplatePortrait ul  { padding-top:10px;padding-bottom:10px;margin:0;display:block;width:auto;}
.activitiesContainer .activityItem .ActivityTemplatePortrait ul li { display: block; margin: 0; padding:0; clear:right;width:100%;}
.activitiesContainer .activityItem.SongUpload .ActivityTemplatePortrait .activityDetailItem,
.activitiesContainer .activityItem.ProfileSongAdd .ActivityTemplatePortrait .activityDetailItem {padding-bottom:5px;}
/*
.activitiesContainer .activityItem .hasThumbnail  ul{ padding-left:105px;}
*/
.activitiesContainer .activityItem .hasThumbnail  ul ul{ padding:0;}
.activitiesContainer .activityItem .hasThumbnail  ul ul li{ clear:left;}
.activitiesContainer .ActivityTemplatePortrait .activityDetail{ float:left; margin-left:10px; width:78%; }
.activitiesContainer .PortraitList .activityDetail p {margin: 0;}
.activitiesContainer .PortraitList .activityDetail {margin-left: 10px;}
.activitiesContainer .PortraitList .activityDetailItem {padding-bottom: 10px;}


/*Songs*/
.activitiesContainer a.Song { background-position: 0 -7628px; padding: 2px 0 5px 20px; display: inline; overflow: hidden;clear:right;}
.activitiesContainer .ProfileSongAdd  a.Song, 
.activitiesContainer .AddSongToPlaylist ul li a.Song {float:none;}
.activitiesContainer .ProfileSongAdd .inline {margin-top:0;}
.activitiesContainer .ProfileSongAdd .ActivityTemplatePortrait ul {padding-bottom:0;}
.activitiesContainer .AddSongToPlaylist a.Song {background:none;padding:0;}


/*Birthday*/
.activitiesContainer .today .CelebrateBirthday .promo {background-position: 0 -13949px; padding-left: 15px;}
.activitiesContainer .CelebrateBirthday .avatarImage {border: none}
.activitiesContainer .CelebrateBirthday .activityMedia ul,
.activitiesContainer .CelebrateBirthday .activityFooter {padding-left: 75px;}
.activitiesContainer .upcoming .CelebrateBirthday .promo {border-left: 1px solid #b2b2b2; padding-left:5px; margin-left: 5px;}
.activitiesContainer .today .CelebrateBirthday .promo {display: inline-block;}

/* Thumbnails */
.activitiesContainer img.thumbnailImage{ max-width:90px; max-height:150px;}
.activitiesContainer img.thumbnailImage Photo{ max-width:90px; max-height:90px; float:left; margin: 5px 5px 0 0; padding: 2px; display: block;}
.activitiesContainer img.avatarImage{ max-height:70px; width:45px; float:left; margin-right:10px;}

/*Icons*/
.activitiesContainer li.FriendAdd .activityHeader,
.activitiesContainer li.ABIFriendAdd .activityHeader { background-position: 0 -925px; }
.activitiesContainer li.JoinedGroup .activityHeader{ background-position: 0 -4068px; }
.activitiesContainer li.PhotoAdd .activityHeader{ background-position: 0 -2189px; }
.activitiesContainer li.PhotoTagged .activityHeader{ background-position: 0 -4377px; }
.activitiesContainer li.ProfileUpdate .activityHeader, 
.activitiesContainer li.RealNameShow .activityHeader{ background-position: 0 -3125px; }
.activitiesContainer li.ProfileSongAdd .activityHeader{ background-position: 0 -296px; }
.activitiesContainer li.SongUpload .activityHeader{ background-position: 0 -3750px; }
.activitiesContainer li.FriendCategoryAdd .activityHeader{ background-position: 0 -2499px; }
.activitiesContainer li.BlogAdd .activityHeader{ background-position: 0 -614px; }
/*.activitiesContainer li.ApplicationAdd .activityHeader,
.activitiesContainer li.ApplicationInnerActivity .activityHeader{ background-position: 0 -1562px; }*/
.activitiesContainer li.BandShowAdded .activityHeader,
.activitiesContainer li.PersonalBandShowUpdate .activityHeader {background-position:0 -4692px;} 
.activitiesContainer li.ProfileVideoUpdate .activityHeader,
.activitiesContainer li.ProfileResolvableVideoUpdate .activityHeader,
.activitiesContainer li.ResolvableVideoAdd .activityHeader,
.activitiesContainer li.VideoAdd .activityHeader,
.activitiesContainer li.FavoriteResolvableVideoAdd .activityHeader,
.activitiesContainer li.FavoriteVideoAdd .activityHeader{ background-position: 0 -2813px; }
.activitiesContainer li.ForumTopicReply .activityHeader,
.activitiesContainer li.ForumPosted .activityHeader{ background-position: 0 -3438px; }
.activitiesContainer li.MiniLogAdd .activityHeader{ background-position: 0 -1876px; }
.activitiesContainer li.MobilePhotoUpload .activityHeader{ background-position: 0px -9119px; }
.activitiesContainer li.MobileAppAdd .activityHeader{ background-position: 0px -10309px;}
.activitiesContainer li.MobileIPhoneAppAdd .activityHeader{ background-position: 0px -9870px;}
.activitiesContainer li.MobileBlackBerryAppAdd .activityHeader{ background-position: 0px -10533px;}
.activitiesContainer li.MobileSidekickAppAdd .activityHeader{ background-position: 0px -10100px; }
.activitiesContainer li.MobileAndroidAppAdd .activityHeader{ background-position: 0px -10100px; }
.activitiesContainer li.EventPosting .activityHeader,
.activitiesContainer li.EventAttending .activityHeader{ background-position: 0 -9656px; }
.activitiesContainer li.StatusMoodUpdate .activityHeader{ background-position: 0 -11480px; }
.activitiesContainer li.AddLocalPlaceReview .activityHeader, 
.activitiesContainer li.AddLocalPlaceRating .activityHeader, 
.activitiesContainer li.AddLocalPlaceToProfile .activityHeader, 
.activitiesContainer li.BookmarkLocalPlace .activityHeader{ background-position: 0 -11798px; }
.activitiesContainer li.AddSongToPlaylist .activityHeader{ background-position: 0 -12098px; }
.activitiesContainer li.SetupEmail .activityHeader { background-position: 0 -13587px; }
/*.activitiesContainer li.applicationIcon { background-position: 15px top; line-height: 15px; }*/
.activitiesContainer li.AddSongToPlaylist ul li {float:none;}
.activitiesContainer li.AddSongToPlaylist ul li a.Playlist {float:none;}
.activitiesContainer li.AddSongToPlaylist .ActivityTemplatePortrait  ul {padding-bottom:0;}
.activitiesContainer .playlistDesc {margin:0;}
.activitiesContainer li.AddSongToPlaylist .activityFooter {margin:0;}
.activitiesContainer div.ratingRow {line-height:14px; margin-top:5px;clear:left;}
.activitiesContainer div.ratingRow .ratingText{float:left;font-size:11px;padding:3px 5px;background:#fff8d0;color:#000000;border:1px solid #ccc;}
.activitiesContainer div.ratingRow .ratingValue{background-color:#fff;color:#000000; border:1px solid #ccc; border-left:0px solid #ccc; font-size:11px; font-weight:bold; padding:3px 5px; text-align:center; width:16px; float:left; *width:35px;}
.activitiesContainer .myStuffDesc {float:left;}
.activitiesContainer .reviewSnippet a {float:none;}
.activitiesContainer .AddLocalPlaceReview ul li, 
.activitiesContainer .AddLocalPlaceRating ul li,
.activitiesContainer .AddLocalPlaceToProfile ul li,
.activitiesContainer .BookmarkLocalPlace ul li {width:100%;}
.activitiesContainer .playlistSongsBy {font-weight:bold;}
.activitiesContainer div.starRatingContainer {clear:left;}
.activitiesContainer div.starRatingContainer .filledRatingStar, 
.activitiesContainer div.starRatingContainer .emptyRatingStar,
.activityMiniFeedModule .activitiesContainer div.starRatingContainer .filledRatingStar, .activityMiniFeedModule .activitiesContainer div.starRatingContainer .emptyRatingStar { background-image:url(/Modules/MyStuff/Static/img/ratingstarSmall.png); }
.activitiesContainer div.starRatingContainer .filledRatingStar  {background-position:0 0;}
.activitiesContainer div.starRatingContainer .emptyRatingStar {	background-position:-18px 0;}
.activitiesContainer div.starRatingContainer .ratingStar {height:17px; 	width:18px; float:left;}
.activitiesContainer div.starRatingContainer .starRatingLabel {float: left; padding-right:3px;}
.activitiesContainer div.reviewSnippet {clear:left;}
.activitiesContainer li.PostProfileComment .activityHeader { background-position: 0 -6893px; }
.activitiesContainer li.PostProfileComment .activityFooter {margin-top:0;}
.activitiesContainer .friendUpdatesModuleTip {line-height:normal;font-size:11px;}
.activitiesContainer .friendUpdatesModuleTip .arrow-friendUpdatesModuleTip {margin-left:20px;position:relative;width:22px;background-position:0 -8874px;display:block;height:12px;padding:0;}
.activitiesContainer .friendUpdatesModuleTip .box-friendUpdatesModuleTip {padding:5px;background-color:#FFF7D3;color:#000000;font-weight:normal;}

.activitiesContainer .activityDetail {float:left;}
.activitiesContainer .thumbnailLink{float:left;}
.activitiesContainer .activityItem .activityDetailItem ul {padding:0;}
.activitiesContainer .ActivityTemplateMediaGallery .activityDetailList {float:left;}

.ie8 .activitiesContainer .thumbnailLink.playing { float:none; }
.ie8 a.Video { width:94px; }

/* Clearfix */
.activitiesContainer .ActivityTemplateMediaGallery:after, 
.activitiesContainer .ActivityTemplatePortrait:after,
.activitiesContainer .activityDetailList:after,
.activitiesContainer .PortraitList .activityDetailItem:after, 
.activitiesContainer .activitiesClearfix:after {clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}

.activitiesContainer .ActivityTemplateMediaGallery,
.activitiesContainer .ActivityTemplatePortrait,
.activitiesContainer .PortraitList .activityDetailItem,
.activitiesContainer .activityDetailList,
.activitiesContainer .activitiesClearfix {display:block;}

* html .activitiesContainer .ActivityTemplateMediaGallery,
* html .activitiesContainer .ActivityTemplatePortrait,
* html .activitiesContainer .PortraitList .activityDetailItem,
* html .activitiesContainer .activityDetailList,
* html .activitiesContainer .activitiesClearfix {height:1%;}

.activitiesContainer .activityItem.ApplicationInnerActivity .MDPcontent ul {float:left; margin-right:10px; }
.activitiesContainer .activityItem.ApplicationInnerActivity .MDPcontent ul li{margin-right:5px; }
.activitiesContainer .activityItem .activityBody .MDPcontent div.description  {height:auto; overflow:hidden; }
.activitiesContainer .activityItem.ApplicationInnerActivity .mdp_activity_links { display:block;}

.activitiesContainer .activityItem.ApplicationInnerActivity .MDPcontent .photoDisplaySmall, 
.activitiesContainer .activityItem.ApplicationInnerActivity .MDPcontent .photoDisplayLarge { max-width:90px; height:56px; margin-top:5px; margin-right:5px; }

.activitiesContainer .activityItem.ApplicationInnerActivity .MDPcontent .photoContainerSmall .photoDisplaySmall {margin:0px;}
.activitiesContainer .activityItem.ApplicationInnerActivity .MDPcontent .photoContainerSmall { margin-right:5px; margin-top:5px; border:solid 1px #ACACAC; padding:2px; display:block; float:left; font-size:0px !important;}
.activitiesContainer .activityItem.ApplicationInnerActivity .MDPcontent .photoContainerSmall:hover { margin-right:5px; margin-top:5px; border:solid 1px #6899CC; padding:2px; display:block; float:left; font-size:0px !important;}

.imageList0 div.description { height:auto; }
.imageList1 div.description { margin-left:47px; }
.imageList2 div.description { margin-left:94px; }
.imageList3 div.description {margin-left:141px; }

.activitiesContainer .activityItem.ApplicationInnerActivity .vevent{margin-left:20px;}
.activitiesContainer .activityItem.ApplicationInnerActivity .vevent .dtstart{margin-left:20px;}

/* Inline Comments */
.activitiesContainer .inlineToolbar ul, .activitiesContainer .inlineToolbar li { display:inline;}

/* Mood */
.activitiesContainer .moodLabel {color:#808080;}

/* Sponsored Activity */
.activitiesContainer li.sponsoredActivity img.trackingpixel{ display:none; }
.activitiesContainer li.sponsoredActivity .activityDate{ display: none; } 
.activitiesContainer li.sponsoredActivity .activityHeader a,  .activitiesContainer li.sponsoredActivity .sponsoredtext a{ color : #000; }
.activitiesContainer li.sponsoredActivity .activityHeader { display: none; }
.activitiesContainer li.sponsoredActivity .sponsoredLabel { color:#999999; font-size:10px; }
.activitiesContainer li.sponsoredActivity .sponsoredtext { padding : 0px; }
.activitiesContainer li.sponsoredActivity .delete {display:none;}
/* External Sponsored Activity */
.externalSponsoredText 
{
    float:right;
    color:#999999;
    font-size:8px;
}
.externalSponsoredLogo
{
    float:right;
}
/* Video Icon */
.activityDetailItem a.playing .videoIcon
{
	display:none;
}
.activityDetailItem .Video
{
    position:relative;
}
.activityDetailItem .Video .videoIcon
{
   	background: url('/modules/musicV2/static/img/MusicVideos/Video_home_sprite.png') no-repeat scroll left -600px;
	height: 18px;
	width: 17px;
	position: absolute;
	bottom: 8px;
	right: 8px;
	z-index: 5;
	cursor: pointer;
}

.ie6 .activityDetailItem .Video .videoIcon
{
	background: none;
}

.ie8 .activityDetailItem .Video .videoIcon {left:73px; right:0px;}

/* Delete icon */
.activitiesContainer .activityItem  .delete { float: right; }
.deleteProcessing {background-image:url(/Modules/Common/Static/img/loadercircles.gif); background-repeat:no-repeat; background-position:center center;}

/* ReShare link */
.activitiesContainer .activityItem .reshare { display: none; }
.activitiesContainer .activityItem a.shareable { display: block; }

/*App icon with app install link */
.appInstallLink img { width: 16px; height: 16px; }

/* game rating */
.activityStreamModule a.appInstallLink img, .activityMiniFeedModule a.appInstallLink img { margin:0px 7px 5px 0 ;}
.activityStreamModule a.appInstallLink, .activityMiniFeedModule a.appInstallLink { float:left; font-weight:bold; font-size:10px; padding-top:2px;} 
a.thumbnailLink.Game img { max-width:40px;} 
.activityStreamModule .activitiesContainer div.starRatingContainer .ratingStar,
.activityMiniFeedModule .activitiesContainer div.starRatingContainer .ratingStar { width:15px; height:18px; float:left; } 
.activityStreamModule .activitiesContainer .activityDetail p.portraitDetailItem a,
.activityMiniFeedModule .activitiesContainer .activityDetail p.portraitDetailItem a { font-weight:bold; } 
.appgModule .activitiesContainer .game .activityDetail p.portraitDetailItem a.promo,
.activityStreamModule .activitiesContainer .game .activityDetail p.portraitDetailItem a.promo,
.activityMiniFeedModule .activitiesContainer .RateGame .activityDetail p.portraitDetailItem a.promo { clear:left; width:200px; padding:3px 0 8px 0; float:left; font-weight:bold; font-size:10px; }

.activityStreamModule .activitiesContainer li.game, .activityMiniFeedModule .activitiesContainer li.game {height:auto;}

.activityStreamModule .updateContainer { background-color:#E3F1FA; border-color:#C6E4F2; border-style:solid; border-width:1px 0; color:#0066CC;	padding:0.5em 1em; text-shadow:0 1px 1px rgba(255, 255, 255, 0.5); text-align:center; display:none;	font-weight:bold; margin: 3px 0px;	clear:both; }
.activityStreamModule div.newupdates { display:block; cursor:pointer; }
/* follow activity */
.activityStreamModule .activitiesContainer .activityDetail p.portraitDetailItem span.followActivityVideoTime {margin-left: 4px ;}
.activityStreamModule li.activityItem .toolbar.Comments li:first-child a{font-weight:bold;}
/* hide comments for sponsored activity*/
.streamContainer .activitiesContainer .sponsoredActivity .toolbar.Comments{display:none;}


.module li.activityItem ul li.quoteActivity div.separator { border-bottom:1px dotted #666666;width:25px;margin-bottom:0px;margin-top:8px;clear:both;}
.module li.activityItem ul li.quoteActivity{padding-bottom:2px;}
div.activityMedia ul.activityDetailList li.quoteActivity div.activityDetail {width:100%;}
.module li.activityItem ul li.quoteActivity:last-child div{ border-bottom:0px}
div.activityMedia ul.activityDetailList li.quoteActivity div.activityDetail p{color:#666666; font-size:11px}
div.activityMedia ul.activityDetailList li.quoteActivity div.activityDetail {margin-bottom:5px;margin-left:0px;}

/* CTA Button ABtesting inline comment control */
.activityStreamModule li.activityItem .toolbar.Comments ul.links a.cta-buttons-comments{font-weight:bold; border:1px solid #ccc;background: transparent url(/Modules/HomeDisplay/Static/img/commonIcons028.gif) no-repeat scroll; background-position:4px -16520px; padding:1px 5px 1px 18px;} /*-28 Comment*/
.activityStreamModule li.activityItem .toolbar.Comments ul.links a.cta-buttons-reshare{font-weight:bold; border:1px solid #ccc;background: transparent url(/Modules/HomeDisplay/Static/img/commonIcons028.gif) no-repeat scroll; background-position:4px -16830px; padding:1px 5px 1px 18px;} /* - 48 Share */
.activityStreamModule li.activityItem .toolbar.Comments ul.links a.cta-buttons-viewmore{display:none;}

.activityStreamModule li.activityItem .cta-buttons-comments-link{float:right;font-weight:normal;}
.activityStreamModule li.activityItem .toolbar.Comments ul.links a.cta-buttons-reshare-link{display:none;} 

/*Add App class, */
.activitiesContainer li.cta-buttons-appInstallLink div.activityBody a.appInstallLink{border:1px solid #ccc; background: transparent url(/Modules/HomeDisplay/Static/img/commonIcons028.gif) no-repeat scroll; background-position:4px -16212px; padding:1px 5px 1px 18px;}
.activitiesContainer li.cta-buttons-appInstallLink-img div.activityBody a.appInstallLink img {display:none}
.activitiesContainer li.cta-buttons-appInstallLink1 div.activityBody span.mdp_activity_links a {border:1px solid #ccc; background: transparent url(/Modules/HomeDisplay/Static/img/commonIcons028.gif) no-repeat scroll; background-position:4px -16212px; padding:1px 5px 1px 18px;}


/*class RSVP*/
.activitiesContainer  li.cta-buttons-rsvp div.activityBody div.MDPcontent span.rsvp {border:1px solid #ccc;background: transparent url(/Modules/HomeDisplay/Static/img/commonIcons028.gif) no-repeat scroll; background-position:5px -15905px; padding:1px 5px 1px 18px;} 
/*class I'm going , I want to go ,view-details*/
.activitiesContainer  li.cta-buttons-yes div.activityBody div.MDPcontent span.rsvp a.yes{border:1px solid #ccc;background: transparent url(/Modules/HomeDisplay/Static/img/commonIcons028.gif) no-repeat scroll; background-position:5px -15905px; padding:1px 5px 1px 18px;}
.activitiesContainer  li.cta-buttons-maybe div.activityBody div.MDPcontent span.rsvp a.maybe{border:1px solid #ccc;background: transparent url(/Modules/HomeDisplay/Static/img/commonIcons028.gif) no-repeat scroll; background-position:5px -17137px; padding:1px 5px 1px 18px;}
.activitiesContainer  li.cta-buttons-view-details div.activityBody div.MDPcontent span.rsvp a.view-details{background-color:Lime;display:none; border:0px solid #ccc;}/* TODO dont have Image */

/* space for image and text */
li.activityDetailItem.hasThumbnail a.thumbnailLink {  margin-right:7px; }
/* alignment for share */
div.activityStreamModule div.toolbar span { padding: 0; }


