.momentsOutgoing {
}

.momentsOutgoing .moment {
	border-top: 3px solid #f0f0f0;
}

.momentsOutgoing .upper {
	padding: 5px 10px 0 10px;
}

.momentsOutgoing .moment:first-child {
	border: none;
}

.momentsOutgoing .producerAvatar {
	float: left;
	width: 37px;
	height: 37px;
	background-size: 37px 37px;
}

.momentsOutgoing.wide .producerAvatar {
	width: 74px;
	height: 74px;
	background-size: 74px 74px;
}

.momentsOutgoing .messageSection {
	float: left;
	margin: 0 0 0 10px;
	width: 170px;
}

.momentsOutgoing.wide .messageSection {
	width: calc(100% - 400px);
}

.momentsOutgoing .description {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 30px;
}

.momentsOutgoing.wide .description {
	height: 60px;
}

.momentsOutgoing .dateSection {
	float: right;
}

.momentsOutgoing .createdDate {
}

.momentsOutgoing .lower {
	padding: 0 10px 5px 10px;
	margin: 10px 0 0 0;
}

.momentsOutgoing .app {
	width: calc(100% - 15px);
	padding: 5px;
	background-color: #f0f0f0;
	margin: 0 0 0 15px;
}

.momentsOutgoing.wide .app {
	float: left;
	width: calc(100% - 340px);
}

.momentsOutgoing .appAvatar {
	float: left;
	width: 37px;
	height: 37px;
	background-size: 37px 37px;
	border-radius: 0;
}

.momentsOutgoing.wide .appAvatar {
	width: 74px;
	height: 74px;
	background-size: 74px 74px;
}


.momentsOutgoing .appInfo {
	float: left;
	width: calc(100% - 50px);
	margin: 0 0 0 5px;
}

.momentsOutgoing.wide .appInfo {
	width: calc(100% - 85px);
}

.momentsOutgoing .appName {
	width: 100%;
	margin: 2px 0 0 0;
}

.momentsOutgoing .value {
	width: 100%;
	margin: 2px 0 0 0;
}

.momentsOutgoing .buttons {
	margin: 10px 0 0 15px;
}

.momentsOutgoing.wide .buttons {
	float: right;
	margin: 46px 0 0 0;
}

.momentsOutgoing .momentButton {
	float: left;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	line-height: 19px;
	width: 70px;
	text-align: center;
	margin: 0 5px 0 0;
}

.momentsOutgoing.wide .momentButton {
	float: right;
	border-radius: 8px;
	line-height: 36px;
	width: 140px;
	margin: 0 0 0 10px;
}

.momentsOutgoing .moment.share .resultsButton, .momentsOutgoing .moment.treasure .resultsButton {
	display: none;
}

.momentsOutgoing .moment.share .sendButton, .momentsOutgoing .moment.dare .sendButton {
	display: none;
}

.momentsOutgoing.noPlay .replayButton, .momentsOutgoing .moment.treasure .replayButton {
	display: none;
}

.momentsOutgoing .recipientSection {
	border-top: 1px solid #f0f0f0;
}

.momentsOutgoing .treasure .recipientSection {
	display: none;
}

.momentsOutgoing .recipientSectionHeading {
}

.momentsOutgoing.wide .recipientSectionHeading {
	padding: 10px 0;
}

.momentsOutgoing .toggle {
	float: left;
	width: 14px;
	height: 8px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/toggledown_s_v1.png);
	background-size: 14px 8px;
	margin: 6px 0 0 10px;
}

.momentsOutgoing .recipientSection.expanded .toggle {
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/toggleup_s_v1.png);
}

.momentsOutgoing .text {
	float: left;
	line-height: 20px;
	margin: 0 0 0 20px;
}

.momentsOutgoing .recipients {
	display: none;
	padding: 4px 0;
}

.momentsOutgoing .recipientSection.expanded .recipients {
	display: block;
}

.momentsOutgoing .recipient {
	padding: 2px 0;
}

.momentsOutgoing .recipientAvatar {
	float: left;
	width: 26px;
	height: 26px;
	background-size: 26px 26px;
	margin: 0 0 0 25px;
}

.momentsOutgoing.wide .recipientAvatar {
	width: 52px;
	height: 52px;
	background-size: 52px 52px;
}

.momentsOutgoing .name {
	float: left;
	line-height: 26px;
	margin: 0 0 0 10px;
}

.momentsOutgoing.wide * {
	font-size: 36px;
}

.momentsOutgoing.wide .smallText {
    font-size: 24px;
}

.momentsOutgoing.wide .tinyText {
    font-size: 18px;
}