@charset "utf-8";

#reactions {
	position: relative;
	font-size: 12px;
	min-height: 200px;
	padding-bottom: 100px; /* for nextanchor */
}

body.user #reactions {
	display: none;
}

body.user.nav-user-reactions #reactions {
	display: block;
}

body.user.nav-user-reactions #posts {
	display: none !important;
}

body.user.myboard .for-myboard {
	display: block;
}

body.user.otherboard .for-myboard,
body.user.myboard .for-otherboard {
	display: none;
}

#btn-messages {
	display: none;
}

body.user.otherboard #btn-messages {
	display: inline-block;
}

body.user.otherboard.loginuser-cannot-message #btn-messages,
body.user.otherboard.user-cannot-message #btn-messages {
	display: none;
}

body.user.otherboard #btn-post {
	display: none;
}

body.user.myboard span.for-myboard, body.myboard a.for-myboard {
	display: inline;
}

body.user.myboard #reactions .reaction {
	position :relative;
	padding: 7px;
}

body.user.myboard #reactions .reaction > *{
	position :relative;
	margin-left: 46px; /*7+32+7 */
}

body.user.myboard #reactions .reaction[data-tmpl-row] {
	border-top: 1px solid #ccc;
}

body.user.myboard #reactions .reaction .user {
	float: left;
	margin-right: 7px;
	margin-left: 0;
	width: 32px;
}

body.user.myboard #reactions .reaction img[data-tmpl="notices:user.image_url"] {
	width: 32px;
	height: 32px;
	display: inline;
}


#message-statuses {
	position: relative;
	font-size: 12px;
	min-height: 200px;
	padding-bottom: 100px; /* for nextanchor */
}

body.user #message-statuses {
	display: none;
}

body.user.nav-user-messages #message-statuses {
	display: block;
}

body.user.nav-user-messages #posts {
	display: none !important;
}

body.user.myboard #message-statuses .message-status {
	position :relative;
	padding: 7px;
}

body.user.myboard #message-statuses .message-status.blocking {
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
}

body.user.myboard #message-statuses .message-status > a {
	color: #666;
	cursor: pointer;
}

body.use-hover.user.myboard #message-statuses .message-status > a:hover {
	text-decoration: none;
}

body.user.myboard #message-statuses .message-status > a > *{
	position :relative;
	margin-left: 46px; /*7+32+7 */
}

body.user.myboard #message-statuses .message-status[data-tmpl-row] {
	border-top: 1px solid #ccc;
}

body.user.myboard #message-statuses .message-status .user {
	float: left;
	margin-right: 7px;
	margin-left: 0;
	width: 32px;
}

body.user.myboard #message-statuses .message-status img[data-tmpl="user_message_statuses:user.image_url_small"] {
	width: 32px;
	height: 32px;
	display: inline;
}

body.user.myboard #message-statuses [data-tmpl="user_message_statuses:newest_message.message"] {
	position: relative;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.btn-block [class^="icon-"]:active, .btn-unblock [class^="icon"]:active,
.btn-block [class^="icon-"], .btn-unblock [class^="icon"] {
	color: #888;
	text-decoration: none;
	cursor: pointer;
}

body.user.myboard #message-statuses .user {
	text-align: center;
}