/*
 * Container and boring stuff
 */
html>body .note-status,
html>body .note-status dd { zoom: 1; } /* HasLayout hack; IE7 only */
.note-status {
  position: relative;
  cursor: pointer;
  z-index: 10;
  margin-left: -18px;
}
.note-status.open {
	z-index: 30;
}
.note-status dt,
.note-status dd {
  padding: 0;
  position: relative;
  margin: 0;
}
.note-status .status {
  padding: 10px 0 14px 18px;
}
.note-status .status .wrapper {
  position: relative; 
  padding: 0 19px 0 56px;
}
.note-status .reply-box form,
.note-status #status-reply-box form {
  padding: 10px 20px 14px 20px;
}
.note-status .reply-box form,
.note-status #status-reply-box form {
  width: 408px;
}
.activity_feed .note-status .reply-box form,
.activity_feed .note-status #status-reply-box form {
  width: 418px;
}

.note-status #status-reply-submit {
  position: relative;
}
.note-status #status-reply-submit .cancel {
  position: absolute;
  left: 0;
  top: 0;
}
.note-status dd .status {
  font-size: 10px; /* Fixes the weirdest ever bug in Firefox. Fractional heights – all I've got to say. Leave this alone. */
}
.note-status dd .status,
.note-status dd {
  transition: background-color ease-out 0.15s; -moz-transition: background-color ease-out 0.15s; -o-transition: background-color ease-out 0.15s; -webkit-transition: background-color ease-out 0.15s;
}
.note-status dt.main,
.note-status dd.replies,
.note-status dd.in_reply_to {
  display: none;
}
.note-status dl {
  border-color: transparent;
  transition: border-color ease-out 0.15s; -moz-transition: border-color ease-out 0.15s; -o-transition: border-color ease-out 0.15s; -webkit-transition: border-color ease-out 0.15s;
}

/*
 * Divider lines
 */

.note-status dt {
  border-bottom: 1px solid #D5D5D5;
  position: absolute;
  opacity: 0; -moz-opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  height: 1px;
  width: 100%;
  z-index: 20;
}
.note-status dt span {
  display: block;
}
.note-status dt span.whiteline {
  border-bottom: 1px solid #FFF;
  float: left;
  height: 1px;
  padding: 0 7px;
  margin-left: 10px;
}
.note-status dt span.value {
  color: #A9A9A9;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.364em; /* 15 points */
  background-image: url(../img/sprite-status-actions.png);
  background-repeat: no-repeat;
  position: relative;
  top: -7px;
  padding-right: 18px;
  text-transform: lowercase;
}
.note-status dt.in_reply_to span.value {
  background-position: right -230px;
}
.note-status dt.replies span.value {
  background-position: right -250px;
}


/*
 * Open state (threaded statuses only)
 */

.note-status.open dl,
.note-status.reply-box-open dl {
  -moz-box-shadow: 0px 0px 5px rgba(160,160,112,0.3); -webkit-box-shadow: 0px 0px 5px rgba(160,160,112,0.3); -o-box-shadow: 0px 0px 5px rgba(160,160,112,0.3); box-shadow: 0px 0px 5px rgba(160,160,112,0.3);}
.note-status.open dl,
.note-status.reply-box-open dl {
  background-color: #FFF;
}
.note-status.open dl dd.in_reply_to,
.note-status.open dl dd.replies {
  display: block;
}

/*
 * Active state
 */

.note-status:hover dl,
.note-status.active dl,
.note-status.open dl,
.note-status.reply-box-open dl {
  position: relative;
  left: -1px; top: -1px;
  margin: 0 -2px -2px 0;
  border: 1px solid #D5D5D5;
}
.note-status dl,
.note-status dd.main,
.note-status.open.threadless dd.main {
  border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
 border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
 border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}
.note-status.open.no_replies dd.main {
  border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}
.note-status.reply-box-open dd.main .status.reply-box-open,
.note-status dd.in_reply_to .status.reply-box-open,
.note-status dd.in_reply_to {
  border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
}
.note-status.open dd.main,
.note-status.open.reply-box-open dd.main .status.reply-box-open {
  border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;
 border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;
 border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;
}
.note-status dd.main:hover,
.note-status:hover dd.main,
.note-status dd.main .reply-box-open,
.note-status.active dd.main,
.note-status dd.in_reply_to:hover,
.note-status dd.in_reply_to .status.reply-box-open,
.note-status dd.replies li:hover,
.note-status dd.replies li.reply-box-open,
.note-status .status.active {
  	background-color: #FAFAFA;
}
.note-status dd.snap:hover {
	background-color: white;
}
.note-status dd.replies li.reply-box-open {
  border-top: 1px solid #D8D8D8;
  padding-top: 6px;
}
.note-status dd.replies li.reply-box-open:first-child {
  padding-top: 9px;
}
.note-status:hover dl dd,
.note-status.active dl dd {
  position: relative;
}
.note-status dd.main:hover .actions,
.note-status dd.main .reply-box-open .actions,
.note-status.active dd.main .actions,
.note-status dd.in_reply_to:hover .actions,
.note-status dd.in_reply_to .status.reply-box-open .actions,
.note-status dd.replies li.status:hover .actions,
.note-status dd.replies li.status.reply-box-open .actions,
.note-status .status.active .actions {
  display: block;
}
.note-status.open dl {
  -moz-box-shadow: 0px 0px 5px rgba(160,160,112,0.3); -webkit-box-shadow: 0px 0px 5px rgba(160,160,112,0.3); -o-box-shadow: 0px 0px 5px rgba(160,160,112,0.3); box-shadow: 0px 0px 5px rgba(160,160,112,0.3);}

/*
 * Avatar
 */

.note-status .avatar-link {
  position: absolute;
  left: 0; 
  top: 0;
}
.note.buddy-add .avatar-link {
  position: absolute;
  left: 0; 
  top: 5px;
}
.note-status.photo-update .avatar-link {
  top: -5px;
}
.note-status.photo-update .snap-caption .avatar-link {
	top: 5px;
}

/*
 * Status content
 */

.note-status p.byline,
.note-status p.content {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
	word-break: break-word;
}
html>body .note-status p.byline {
  display: inline;
}

/* Snaps */
.note-status .snap .status {
	padding-bottom: 10px;
}
.note-status .snap-thumb {
	margin: 0 1em 0 -8px;	
	text-align: center;
	background-color: #DFE5E7;
	border: 1px solid #D5D5D5;
}
.note-status .snap-icon {
 	margin: 0 0 -1px 3px;
}
.note-status .snap-caption {
	position: relative;
	padding: 1em 1em 10px 68px;
	min-height: 34px;

}
.snap-caption .avatar-link {
	top: 1em;
}
.note-status.photo-update dd.main {
	border-top: 1px solid transparent;
}
.note-status.photo-update.open dd.main:hover {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
} 
.note-status.photo-update.open dd.main {
	border-top: 1px solid #D5D5D5;
}

/*
 * Status footer links
 */

.note-status .permalink,
.note-status .reply_count,
.note-status .like_count,
.note-status .delete-link {
  margin: 0 15px 0 0;
  font-size: 11px;
  line-height: 15px;
}
.note-status .permalink,
.note-status .reply_count,
.note-status .like_count,
.note-status .delete-link {
  display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;}
.note-status .reply_count,
.note-status .like_count {
  font-weight: bold;
}
.note-status .permalink,
.note-status .permalink a {
  color: #888888;
}
.note-status .permalink a {
  padding-left: 15px;
  background-image: url(../img/sprite-status-actions.png);
  background-repeat: no-repeat;
  background-position: left -371px;
  transition-property: color; -moz-transition-property: color; -o-transition-property: color; -webkit-transition-property: color;
}
.note-status .permalink a:hover {
  color: #d79035;
  background-position: left -391px;  
}

.note-status .delete-link {
  padding-left: 0px;
  background-image: none;
  color: red;
  opacity: 0;
  transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in;
}
.status:hover .delete-link {
  opacity: 1;
}

.note-status .delete-link:hover {
  color: black;
}


/*
 * Action links
 */
.note-status .actions {
  display: none;
  position: absolute;
  right: 438px;
  text-align: right;
  top: 5px;
}
.note-status .actions.multi {
  top: -6px;
}
.activity_feed .note-status .actions {
	right: 448px;
}
.note-status .actions li {
  /* There's a style bleeding over from somewhere else; we have to nullify it */
  background: transparent; padding: 0; line-height: inherit; margin: 0;
  /* Done nullifying */
  
  margin-top: 5px; margin-bottom: 5px;
  min-height: 18px;
}
.note-status .actions li a {
  background-image: url(../img/sprite-status-actions.png);
  background-repeat: no-repeat;
  height: 18px;
  line-height: 1.636em; /* 18 points */
  padding-right: 27px;
  display: block;
  font-size: 11px;
  font-weight: bold;
  text-transform: lowercase;
  color: #A9A9A9;
  transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none;
}
.note-status .actions li a:hover {
  text-decoration: underline;
}
  
.note-status .actions li.comment a {
  background-position: right -408px;
}
.note-status .actions li.comment a:hover {
  background-position: right -448px;
}
.note-status .actions li.reply a {
  background-position: right -309px;
}
.note-status .actions li.reply a:hover {
  background-position: right -169px;
}
.note-status .actions li.like a,
.note-status .actions li.photo-like-btn a {
  background-position: right -330px;
}
.note-status .actions li.like a:hover,
.note-status .actions li.photo-like-btn a:hover,
.note-status .actions li.photo-like-btn.liked a,
.note-status .status.liked-by-me .actions li.like a,
.note-status .status.liked-by-me .actions li.like a:hover {
  background-position: right -190px;
}
.note-status .status.reply-box-open .actions li.reply a {
  background-position: right -269px;
}
.note-status.reply-box-open .actions li.reply a:hover,
.note-status .status.reply-box-open .actions li.reply a:hover {
  cursor: default;
  text-decoration: none;
}

/*
 * Replies
 */
.note-status.no_replies dl dt.replies,
.note-status.no_replies dl dd.replies {
  display: none;
}
.note-status dd.replies .status {
  padding-bottom: 9px;
  padding-top: 7px;
}
.note-status dd.replies .status:first-child {
  padding-top: 10px;
}
.note-status dd.replies .status:last-child {
  padding-bottom: 14px; 
}

.note-status dd.replies .status .wrapper {
  padding-left: 128px;
}
.activity_feed .note-status.reply-to-me dd.main .status .wrapper {
  padding-left: 89px;
}
.activity_feed .note-status.reply-to-me dd.main .status .byline {
  margin-left: -62px;
}
.note-status dd.replies .avatar-link {
  left: 73px;
}
.activity_feed .note-status.reply-to-me dd.main .avatar-link {
  top: 19px;
  left: 38px;
}
.activity_feed .note-status.reply-to-me dd.main .status p.content {
  margin-top: 6px;
}
.activity_feed .note-status.reply-to-me dd.main .status p.byline:before,
.note-status dd.replies .status p.byline:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #ECECEC;
  width: 3px;
  height: 94%;
}
.note-status dd.replies .status p.byline:before { left: 60px; top: 3px; }
.activity_feed .note-status.reply-to-me dd.main .status p.byline:before { left: 28px; top: 19px; height: 40px; }

.note-status dl dd.replies ol li.status {
  position: relative;
  width: 430px;
}
.activity_feed .note-status dl dd.replies ol li.status {
  width: 440px;
}
.note-status dl dd.replies ol li.status:last-child {
  border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}
.note-status dd.replies {
  padding: 0;
}

/*
 * Reply box
 */
.reply-box,
#status-reply-box {
  display: block;
}
.note-status.reply-box-open dl {
  cursor: default;
}
.note-status .reply-box,
.note-status #status-reply-box {
  border: none;
  margin: 0;
  position: relative;
  top: 0; left: 0;
}

.note-status .reply-box,
.note-status #status-reply-box {
  border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;
 border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;
 border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}
.note-status .reply-box form,
.note-status #status-reply-box form {
  border: 1px solid #D8D8D8;
  border-width: 1px 0 0 0;
  background-color: #FFF;
  border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;
 border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;
 border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}
.note-status dd.replies .reply-box:last-child form,
.note-status dd.replies #status-reply-box:last-child form { /* If you don't keep these :last-childers in a separate rule, IE8 will ignore the WHOLE DECLARATION */
  border: 1px solid #D8D8D8;
  border-width: 1px 0 0 0;
  background-color: #FFF;
  border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}
.note-status dd.replies .reply-box form,
.note-status dd.replies #status-reply-box form {
  border-width: 1px 0 1px 0;
  border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
}
.note-status .reply-box textarea,
.note-status #status-reply-box textarea {
  border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
 border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
 border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
  font-size: 12px;
  width: 398px;
  border-color: #D5D5D5;
  -moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; -o-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000;  min-height: inherit;
}
.note-status .reply-box form:after,
.note-status #status-reply-box form:after {
	content: "";
	height: 12px;
	font-size: 10px;
	line-height: 1em;
	width: 20px;
	display: block;
	position: absolute;
	top: -11px;
	left: 27px;
	background-image: url(../img/sprite-status-actions.png);
	background-repeat: no-repeat;
	background-position: 0 -209px;
}


/*
 * Permalink page
 */
.subnav_status_permalink .section.index,
.subnav_status_permalink .section.index.replies,
.subnav_status_permalink .section.index.likes,
.subnav_status_permalink .section.mega_status {
  height: auto;
  margin: 25px auto;
}
.subnav_status_permalink .section.index,
.subnav_status_permalink .section.index.replies {
  width: 460px;
}
.subnav_status_permalink .section.mega_status {
  width: 568px;
  position: relative;
  left: 15px;
  margin-top: 50px;
}
.subnav_status_permalink .section.index.replies,
.subnav_status_permalink .section.index.likes {
  border: none;
}
.subnav_status_permalink .feed {
  min-height: 0;
}
.mega_status #status-reply-box {
  background-color: transparent;
  border-color: transparent;
}
.mega_status #status-reply-box form {
  width: 546px;
}
.mega_status .note-status .reply-box textarea,
.mega_status .note-status #status-reply-box textarea {
  width: 524px;
}
.mega_status ul.actions {
  right: 576px;
  z-index: 20;
}
.mega_status .note-status .status .wrapper {
  padding-left: 115px;
  min-height: 103px;
}
.mega_status .note-status p.byline {
  font-size: 18px;
  line-height: 1.333em; /* 24 points */
  font-family: VAGRundschriftD, 'Arial Rounded MT Bold', 'Arial Rounded MT', Arial, sans-serif; font-weight: normal;}
.mega_status .note-status p.content {
  font-size: 16px;
  line-height: 1.25em; /* 20 points */
  color: #666666;
}
.like-list {
  overflow: hidden;
}
.no-likes .likes {
  display: none;
}

.no-replies .section.replies,
.no-replies .replies_label {
  display: none;
}
.in_reply_to_label,
.liked_by_label,
.replies_label {
  text-align: center;
  border-top: 1px solid #E2E9ED;
  margin-top: 10px;
  width: 720px;
  margin: 0 auto;
}
.in_reply_to_label p,
.replies_label p {
  border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
 border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
 border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
  color: #79888c;
  border: 1px solid #D5D5D5;
  margin: 0 auto -10px auto;
  display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;  padding: 1px 9px;
  font-size: 12px;
  background-color: #FFF;
	text-align: left;
	position: relative;
	top: -10px;
	font-weight: bold;
}
.in_reply_to_label p:before,
.replies_label p:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background-image: url(../img/sprite-status-actions.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 5px;
}
.in_reply_to_label p:before {
  background-position: center -350px;
  top: -5px;
}
.replies_label p:before {
  background-position: center -360px;
  bottom: -5px;
}
.avatar-link-mega {
  width: 100px;
  height: 144px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
	position: absolute;
	top: -36px;
	left: 3px;
}
.oldie .avatar-link-mega {
	background-color: #FFF;
}
.oldie .note-status:hover dl .avatar-link-mega,
.oldie .note-status.active dl .avatar-link-mega,
.oldie .note-status.open dl .avatar-link-mega,
.oldie .note-status.reply-box-open dl .avatar-link-mega  {
  background-color: transparent;
}
.likes dd {
  margin-left: 114px;
}
.likes dt {
  font-weight: bold;
  width: 80px;
  padding-right: 10px;
  text-align: right;
  padding-top: 22px;
  font-size: 12px;
  line-height: 1em;
  color: #888888;
}
#feed-loading {
	margin-top: 1em;
	margin-left: -20px;	
}

/* Temporary Notifications */
.temporary-notification {
	position: relative;
	cursor: default;
}
.temporary-notification .close {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.temporary-notification:hover .close {
	display: block;
}