@import '/ei/css/public/overlay.css';

/********** General */
.sharedCommenting {margin-top: 1.5em;}
.sharedCommenting .count {display: inline-block; *display: inline; *zoom: 1;}
.sharedCommenting .loginPanel, .sharedCommenting .replyPanel {margin: 1.5em 0;}
.sharedCommenting .loginPanel .actCancel {float: right; margin-left: 0.5em;}

/********** Action Bars */
.sharedCommenting .btnBar {margin: 0.5em 0;}
	.sharedCommenting .btnBar.omega {margin-bottom: 0; clear: both;}
.sharedCommenting .teaserList + .actionBar {margin:1em 0;}
.sharedCommenting .btnBar .actionButtons {float: right; display: block; margin-left: 0.5em;}
.sharedCommenting .btnBar .PagerList {float: left;}
.sharedCommenting .btnBar .icon {vertical-align: middle;}
.sharedCommenting .actionBar .contextualIcons a.icon {margin-right: 0;}
.sharedCommenting .actionBar .contextualIcons .icon .count {margin-left: 0.25em;}
.sharedCommenting .actionBar .contextualIcons .icon.actUnlike .count {margin-left: 0; margin-right: 0.25em;}
.sharedCommenting .actionBar .contextualIcons span.count {line-height: 16px;}
.sharedCommenting .actionBar .contextualIcons span.meta-sep {margin: 0 0 0 0.5em;}
.sharedCommenting .actionBar > a.actToggleView {margin-top: 0.5em;}
.sharedCommenting .btnBar ul.contextualIcons /*, sharedCommenting .actionBar ul.contextualIcons*/ {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
	.sharedCommenting .btnBar ul.contextualIcons {margin-top: 0.333em;}
.sharedCommenting .barLvl1 {margin-bottom: 0.667em;}
.sharedCommenting .barLvl1 .title {float: left;}
.sharedCommenting .barLvl1 .actionButtons {float: right; margin-left: 1em;}
.sharedCommenting .barLvl1 span.ctShowing + a.feed {margin-left: 0.667em;}

/********** Comments/Replies */
.sharedCommenting .commentsClosed ~ .commentingPanel {margin-top: 1em;}
.sharedCommenting li.comment .itemWrap {
	position: relative; padding-left: 64px; min-height: 50px;
	}
	.sharedCommenting li.comment .childComments {margin-left: 64px; margin-top: 0.667em;}
.sharedCommenting li.comment .fn {font-weight: bold; font-style: normal;}
.sharedCommenting li.comment img.thumb {
	position: absolute; top: 0; left: 0;
	width: 50px; height: 50px;
	}
.sharedCommenting li.comment .commentViewState {margin: 0.667em 0 0;}
.sharedCommenting li.comment .commentViewState.commentExpanded {margin-bottom: 0.667em;}
.sharedCommenting li.comment .adminModified {font-style: italic; display: block;}
.sharedCommenting .actionBar .contextualIcons li.liToggleView {float: right; margin-right: 0; margin-left: 0.5em;}
.sharedCommenting .actionBar .contextualIcons li.liToggleView span.meta-sep {display: none;}
.sharedCommenting li.comment li.liCount + li.liAction,
.sharedCommenting li.comment li.liToggleView + li.liAction {margin-left: 1em;}
.sharedCommenting li.comment li.liAction span.meta-sep {}

/********** Comment/Reply Forms */
.sharedCommenting .replyForm .enterComment {display: block;}
.sharedCommenting .replyForm .loggedInAs {display: block;}
.sharedCommenting .replyForm .valueProposition > span {display: block;}
.sharedCommenting .replyForm .formLoggedInAs .itemWrap {
	position: relative; padding-left: 64px; min-height: 50px;
	}
.sharedCommenting .replyForm .formLoggedInAs .itemWrap img.avatar {
	position: absolute; top: 0; left: 0;
	width: 50px; height: auto;
	}