<xen:comment> /* tbro -- hack to clear vertical margins on [id="navigation"] and other header blocks */ </xen:comment>
[id="header"] {
	padding-top: 1px;
	padding-bottom: 1px;
}

#logo_small a {
	padding: 0 20px 0 0;
	border-right: solid 1px rgba(255,255,255,.1);
}

.pageStyle_1 .header__blockItem[id="navigation"] {
	margin-top: @uix_headerWhiteSpace;
	margin-bottom: @uix_headerWhiteSpace;
}


<xen:comment> /* tbro -- break navTabs below logoTabs */ </xen:comment>
<xen:if is="@uix_navStyle == 2 && @xenith_logoBreakpoint">

	@media (max-width: @xenith_logoBreakpoint) {

		.Responsive #logo_small a {
			padding-right: 0;
			border-right: 0;
		}

		.Responsive #logo_small {
			margin-top: -@headerTabHeight;
			float: none;
		}

		.Responsive .activeSticky [id="logo_small"] {
			display: none !important;
		}

		<xen:comment>{xen:helper clearfix, '.Responsive [id="logo_small"]'}</xen:comment>

		.Responsive #navigation.uix_searchMinimalActive #logo_small {
			opacity: 1;
		}

		.Responsive [id="navigation"]:not(.activeSticky) .navTabs {
			margin-top: {xen:calc '@headerTabHeight + @uix_headerWhiteSpace'}px;
		}
	}

</xen:if>

/***  XENITH -- WELCOME BLOCK ***/

#uix_welcomeBlock {
	position: relative;
	background: none;
}

.hasWelcomeBlock .xenith_bg,
.hasWelcomeBlock .xenith_bg_mask {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
}


/***  XENITH -- TITLE BAR ***/

.titleBar { margin-bottom: 15px; }

/***  XENITH -- BUTTONS AND FORM ELEMENTS ***/

.button { line-height: {xen:calc '@button.height - @button.border-top-width - @button.border-bottom-width'}px; }

select.textCtrl {
	-webkit-appearance: none;
	padding-right: 16px;
}

.selectBoxIcon {
	color: @textCtrlText;
	line-height: @uix_formElementHeight;
	margin-left: -14px;
	font-size: 14px;
	width: 14px;
	vertical-align: middle;
	pointer-events: none;
}

.disabled .selectBoxIcon {
	color: @textCtrlDisabled.color;
	@property "textCtrlDisabled.extra";
	opacity: .8;
	@property "/textCtrlDisabled.extra";
}

.textCtrl[type="text"]:focus,
.textCtrl[type="text"].Focus,
.textCtrl[type="password"]:focus,
.textCtrl[type="password"].Focus,
.textCtrl[type="search"]:focus,
.textCtrl[type="search"].Focus,
.textCtrl[type="email"]:focus,
.textCtrl[type="email"].Focus,
.textCtrl[type="url"]:focus,
.textCtrl[type="url"].Focus  {
	padding-left: 0;
	padding-right: 0;
}

.button.smallButton {
	height: 25px;
	line-height: 23px;
	padding: 0 6px;
}

.textCtrl.titleCtrl,
.textCtrl.titleCtrl input {
	padding-left: 0;
	padding-right: 0;
}

.textCtrl .prefix,
.textCtrl .Popup {
	font-size: 14px;
	padding: 0 4px;
}

.PrefixMenu .PrefixGroup h3 { color: @secondaryDarker; }


/***  XENITH -- CONTENT WRAPPER ***/

<xen:if is="@uix_removeContentWrapper">

	#content[class^="watch_"] .mainContainer .mainContent,
	#content[class^="watch_"] .mainContainer_noSidebar,

	#content[class^="account_"] .mainContainer .mainContent,
	#content[class^="account_"] .mainContainer_noSidebar,

	.news_feed_page .mainContainer .mainContent,
	.news_feed_page .mainContainer_noSidebar,

	.conversation_list .mainContainer .mainContent,
	.conversation_list .mainContainer_noSidebar,

	.thread_view .mainContainer .mainContent,
	.thread_view .mainContainer_noSidebar,

	.forum_view .mainContainer .mainContent,
	.forum_view .mainContainer_noSidebar,

	.category_view .mainContainer .mainContent,
	.category_view .mainContainer_noSidebar,

	.member_view .mainContainer .mainContent,
	.member_view .mainContainer_noSidebar,

	.forum_list .mainContainer .mainContent,
	.forum_list .mainContainer_noSidebar,

	.EWRporta2_ArticleList .mainContainer .mainContent,
	.EWRporta2_ArticleList .mainContainer_noSidebar,
	.EWRporta2_ArticleView .mainContainer .mainContent,
	.EWRporta2_ArticleView .mainContainer_noSidebar,

	#content[class^="conversation_"] .mainContainer .mainContent,
	#content[class^="conversation_"] .mainContainer_noSidebar,

	#content[class^="resource_"] .mainContainer .mainContent,
	#content[class^="resource_"] .mainContainer_noSidebar,

	#content[class^="help_"] .mainContainer .mainContent,
	#content[class^="help_"] .mainContainer_noSidebar,

	#content[class^="xengallery_"]:not([class^="xengallery_media_view"]) .mainContainer .mainContent,
	#content[class^="xengallery_"]:not([class^="xengallery_search"]) .mainContainer_noSidebar {
		padding: 0;
		border: none;
		box-shadow: none;
		background: none;
	}

</xen:if>


/***  XENITH -- RICH TEXT EDITOR ***/

<xen:if is="@uix_rteIconFont">

	html .redactor_toolbar li a {
		font-size: 13px;
	}

</xen:if>

.redactor_toolbar li li { margin: 0; }

.redactor_toolbar li.redactor_btn_group { margin: 0; }

.redactor_dropdown {
	border: none;
	box-shadow: 1px 2px rgba(0,0,0,.2);
}


/***  XENITH -- ACCOUNT MENU ***/

#AccountMenu { width: 320px; }

#AccountMenu .menuColumns {
	padding: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#AccountMenu .menuColumns ul { box-sizing: border-box; }

#AccountMenu .menuColumns .col1 { border-right: solid 1px @blockLinksListItem.border-color; }

#AccountMenu .menuHeader .links .fl {
	position: static;
	margin-top: 5px;
}

#AccountMenu .statusPoster textarea { width: 100%; }


/***  XENITH -- NAV POPUP LIST ITEMS ***/

.navPopup .listPlaceholder ol.secondaryContent { padding: 0; }

.navPopup .listItem {
	border-bottom-color: @primaryLighter;
	padding: 10px;
}

.navPopup .PopupItemLinkActive:hover {
	padding: 10px;
	margin: 0;
	border-radius: 0;
}


/***  XENITH -- AUTOCOMPLETE POPUPS ***/

ul.autoCompleteList {
	border-radius: 5px;
	border: none;
	box-shadow: 1px 2px 3px rgba(0,0,0,.1);
	padding: 0;
}

ul.autoCompleteList li {
	border-bottom: solid 1px @primaryLighter;
	border-radius: 0;
}

ul.autoCompleteList li:first-child { border-radius: 5px 5px 0 0; }

ul.autoCompleteList li:last-child {
	border-bottom: none;
	border-radius: 0 0 5px 5px;
}

input[type=search] { box-sizing: border-box; }

.pairs dt,
.pairsInline dt,
.pairsRows dt,
.pairsColumns dt,
.pairsJustified dt { font-family: @uix_secondaryFont; }

.navTabs .SplitCtrl { font-size: inherit; }
.navTabs .SplitCtrl:before { display: inline-block; }

.xenForm .tabs,
.xenFormTabs {
	@property "tabsContainer.padding";
	padding: 0;
	@property "/tabsContainer.padding";
}

.tabs li a:after,
.tabs.noLinks li:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	background-color: @primaryLight;
	height: 80%;
	top: 10%;
	right: 0;
}

	.tabs li.active a:after,
	.tabs.noLinks li.active:after,
	.tabs li:last-child a:after,
	.tabs.noLinks li:last-child:after { display: none; }

.xenForm fieldset,
.xenForm .formGroup { border-top-style: dotted; }

.xenForm .ctrlUnit.submitUnit dd { background: none; }

.Menu .blockLinksList {
	background-color: @blockLinksList.background-color;
}

.blockLinksList li:last-child a,
.blockLinksList li:last-child label { border-bottom: none; }

<xen:comment>
.navTabs .navRight .navTab {
	margin-left: 5px;
}

.navTabs .navLeft .navTab{
	margin-right: 5px;
}

.navTabs .navLeft.visitorTabs .navTab {
	margin-right: 5px;
}

.navTabs .navRight.visitorTabs .navTab {
	margin-left: 5px;
}
</xen:comment>

.navTabs .visitorTabs .navLink, .navTabs .visitorTabs .SplitCtrl {padding-left: 5px; padding-right: 5px;}

[id="logo_small"] {margin-left: 10px; margin-right: 10px;}


#logoBlock { position: relative; } <xen:comment> /*** necessary because of header color overlay (#header:before) ***/ </xen:comment>


/***  XENITH -- BACKGROUND MASK ***/

.xenith_bg_wrap {
	position: relative !important;
}

.xenith_bg {

	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	background: @xenith_bgMask url(@xenith_bg) 50% 0 no-repeat;
	background-size: cover;
}

.xenith_bg_mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	background: @xenith_bgMask;
	opacity: @xenith_bgOpacity;
}


/***  XENITH -- SIDEBAR ***/

.profilePostListItem {
	padding: 20px 0;
	margin: 0;
	border: none;
	border-bottom: 1px solid @primaryLighter;
}

.profilePostListItem:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.sidebar .section .primaryContent h3:after,
.sidebar .section .secondaryContent h3:after,
.profilePage .mast .section.infoBlock h3:after,
.resourceListSidebar h3:after,
.xengallerySideBarContainer .xengallerySideBar .section h3:after {
	content: '';
	display: block;
	height: 2px;
	width: 20%;
	background: @uix_primaryColor;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.sidebar .avatarList li:only-child { padding-top: 0; }

.sidebar .avatarList li:last-of-type {
	border: none;
	padding-bottom: 0;
}


/***  XENITH -- MEMBER VIEW ***/

.profilePage .profilePoster { background-color: @primaryLightest; }

.profilePage .mainProfileColumn {
	margin-left: {xen:calc '@profilePageSidebarWidth + @uix_gutterWidth'}px;
	border: none;
}

.profilePage .mast { padding-right: @uix_gutterWidth; }

.profilePage .mast .section.infoBlock .secondaryContent { padding: @uix_gutterWidth; }

.profilePage .profileContent { margin-left: 0; }

.profilePage .primaryUserBlock .mainText {
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
}

.profilePage .tabs.mainTabs {
	background-color: @tab.background-color;
	margin-top: 0;
	border-bottom: solid 1px @primaryLighter;
}

.profilePage .profileContent:not(#profilePosts) {
	background-color: @primaryLightest;
	padding: @uix_gutterWidth;
}


.profilePage .profilePoster {
	padding-bottom: @uix_gutterWidthSmall;
	border-top: none;
	margin-top: 0;
}

.profilePage .primaryUserBlock { margin: 0; }


/***  XENITH -- NAVIGATION SIDEBAR ***/

.navigationSideBar {
	width: 200px;
	border: none;
}

.navigationSideBar > ul {
	border: none;
	background: none;
}

.navigationSideBar a {
	padding: 12px 15px;
	border-bottom: solid 1px @primaryLight;
	background-color: @primaryLighter;
}

.navigationSideBar .section li:last-child a { border-bottom: none; }

.navigationSideBar .secondaryContent {
	color: @primaryDark;
	box-shadow: inset 3px 0 0 @uix_tertiaryColor;
	background-color: @primaryLighterStill;
}


/***
 ***   SIDEBAR VISITOR PANEL
 ***/

.hasFlexbox .sidebar .visitorPanel .secondaryContent {
	display: block;
	text-align: center;
}

.hasFlexbox .sidebar .visitorPanel .stats {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.sidebar .visitorText { text-align: center; }

.visitorPanel .stats dl {
	float: left;
	padding: 8px 12px;
	margin: 3px;
	background: @primaryLighter;
	text-align: center;
	flex-grow: 1;
}

.visitorPanel .stats dl > dd {
	margin-left: 5px;
}


/***
 ***   NODE LAST POST
 ***/

.node .nodeLastPost .noMessages { text-align: initial; }

.node .nodeLastPost .lastThreadTitle {
	height: auto; <xen:comment> /*** not sure why there's an explicit height set in uix ***/ </xen:comment>
	font-size: @uix_globalFontSize;
	margin-top: 2px;
}

.node .nodeLastPost .lastThreadTitle a {
	color: @link.color;
	font-weight: bold;
}

.node .nodeLastPost .lastThreadTitle span { display: none; } <xen:comment> /*** hide "Latest:" ***/ </xen:comment>

.node .nodeLastPost .lastThreadUser,
.node .nodeLastPost .lastThreadDate { display: block; }

.node .nodeLastPost .lastThreadUser .username {text-decoration: underline; }

.node .nodeLastPost .lastThreadDate {
	font-size: 11px;
	margin-top: 3px;
}

.node .nodeLastPost .noMessages { line-height: 48px; }

@media (max-width: @maxResponsiveMediumWidth) {
	.Responsive .node .nodeLastPost { min-height: 0; }

	.Responsive .node .nodeText { min-height: 0; }

	.Responsive .node .nodeLastPost .noMessages { line-height: normal; }
}

/***
 ***   OTHER FORUM NODE STUFF
 ***/

.node.level_2 .nodeInfo:before {
	content: '';
	position: absolute;
	top: 0;
	left: {xen:calc '@uix_nodeInfo_style.padding-left + ( @nodeIcon.width / 2 )'}px;
	height: 100%;
	width: 1px;
	background-color: @primaryLight;
}

.nodeList .node.category.collapsed .categoryStrip {border-top-color: @primaryMedium;}
.xmgCarouselContainer .sectionMain .titleStrip {margin: -@uix_gutterWidthSmall -@uix_gutterWidthSmall @uix_gutterWidthSmall;}

.node .nodeControls {
	right: 0 !important;
	margin: 0;
	opacity: 0;
}

.node .subForumList .nodeTitle { margin: 0; }

.node .subForumList {
	margin-top: 10px;
	margin-left: -4px;
}

.node .subForumList li {
	width: auto;
	margin: 4px;
}

.node.level_2:hover .nodeControls { opacity: 1; }

/***
 ***   NODE FLEX LAYOUT
 ***/

<xen:if is="@uix_nodeStyle == 0">
@media (min-width: {xen:calc '@maxResponsiveMediumWidth + 1'}px) {
	.hasFlexbox .node.level_2 .nodeInfo {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;

		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.hasFlexbox .node .nodeIcon {
		-ms-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;

		-ms-flex-item-align: stretch;
		-webkit-align-self: stretch;
		align-self: stretch;
	}

	.hasFlexbox .node .nodeText {
		margin-right: 0;
		margin-left: 0;

		-ms-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.hasFlexbox .node .nodeLastPost {
		position: static;

		-ms-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
</xen:if>

<xen:comment> /* doesn't work well with node grid or side by side categories */ </xen:comment>
<xen:if is="@uix_nodeStyle != 3 && @uix_nodeStyle != 2">
.nodeList .node.level_1 {
	box-shadow: 1px 2px 3px rgba(0,0,0,.1);
	background: @uix_nodeInfo_style.background-color;
}
</xen:if>

/***
 ***  SIDE-BY-SIDE CATEGORIES
 ***/

<xen:if is="@uix_nodeStyle == 2">

<xen:if is="!@uix_halfWidthLastNode">
	<xen:set var="$filter">:nth-last-child(n + 2)</xen:set>
</xen:if>

.node.level_1{$filter} .nodeLastPost,
.node.level_1:nth-child(even) .nodeLastPost {
	border-left: none;
	padding-left: 0;
	margin: 10px 0 0 {xen:calc '@nodeIcon.width + @nodeIcon.margin-right'}px;
}

.node.level_1{$filter} .nodeText,
.node.level_1:nth-child(even) .nodeText {
	padding-right: 0;
	margin-right: 0;
}

</xen:if>

/***
 ***  SIDE-BY-SIDE NODES
 ***/

<xen:if is="@uix_nodeStyle == 1">

<xen:if is="!@uix_halfWidthLastNode">
	<xen:set var="$filter">:nth-last-child(n + 2)</xen:set>
</xen:if>

.node.level_2{$filter} .nodeLastPost,
.node.level_2:nth-child(even) .nodeLastPost {
	border-left: none;
	padding-left: 0;
	margin: 10px 0 0 {xen:calc '@nodeIcon.width + @nodeIcon.margin-right'}px;
}

.node.level_2{$filter} .nodeText,
.node.level_2:nth-child(even) .nodeText {
	padding-right: 0;
	margin-right: 0;
}

</xen:if>




/***
 ***  NODE GRID
 ***/

<xen:if is="@uix_nodeStyle == 3">

.node.audentio_grid.audentio_grid_sm .subForumList { display: block; }

.forum_list .nodeList .nodeList { margin-top: 0; }

.node.level_2 {
	padding: 0;
	margin: 0;
}

.forum_list .nodeList .nodeList,
.category_view .nodeList,
.forum_view .nodeList,
.watch_forums .nodeList { margin: 0; }

.node.audentio_grid_lg .nodeLastPost {
	border-left: none;
	margin: 10px 0 0 {xen:calc '@nodeIcon.width + @nodeIcon.margin-right'}px;
}

.node.audentio_grid_lg .nodeText {
	margin-right: 0;
	padding-right: 0;
}

/*
.node.audentio_grid_lg .nodeControls {
	right: 0;
	margin-top: 0;
}
*/

</xen:if>



/***  XENITH -- BREADCRUMB ***/

.toggleList_item a {
	{xen:if @uix_collapsibleSidebar_usePhrases, '', 'padding: 0;'};
	min-width: @breadcrumb.height;

	border-radius: {xen:calc '@breadcrumb.height / 2' }px;
	box-shadow: inset 0 0 0 1px @primaryLightish;

	color: @primaryDark;
	text-align: center;
}

.toggleList_item a:hover {
	color: @primaryDark;
	opacity: .75;
}

.breadcrumb .jumpMenuTrigger:hover {
	color: @primaryDark;
	opacity: .75;
}

.breadBoxTop #searchBar { text-align: center; }

[id="navigation"] #uix_searchMinimal.show form {
	padding-left: 0;
	padding-right: 0;
}

.breadBoxTop #QuickSearchPlaceholder { padding: 0; }



/***  XENITH -- POPUPS ***/

.Popup .PopupControl.PopupOpen:after, .Popup.PopupContainerControl.PopupOpen:after {
	content: '';
	position: absolute;
	margin-left: -7px;
	left: 50%;
	border-style: solid;
	border-width: 0 7px 6px 7px;
	border-color: transparent transparent @menu.background-color transparent;
	bottom: -@menu.margin-top;
}

.Popup .arrowWidget:before { content: '\f078'; }

.Popup .PopupOpen .arrowWidget:before { content: '\f077'; }


/***  XENITH -- DATE PICKER ***/

#calroot {
	padding: @uix_gutterWidthSmall;
	border: none;
	box-shadow: 1px 2px 3px rgba(0,0,0,.2);
	width: 220px;
}

#caltitle {
	color: @primaryDarker;
	width: 178px;
}

#caldays {
	padding-bottom: 5px;
	border-bottom-color: @primaryLighter;
}

#caldays span { width: 30px; }

#calweeks { margin-top: 10px; }

.calweek { margin-top: 5px; }

.calweek a {
	margin-right: 10px;
	width: 20px;
	border-radius: 100%;
	box-sizing: border-box;
	line-height: 21px;
}

#caltoday {
	border: solid 1px @contentText;
	font-weight: normal;
	line-height: 20px;
}

#calcurrent { background: @uix_primaryColor; }

a.caloff { color: @primaryLightish; }


/***  XENITH -- MESSAGES ***/

<xen:if is="@uix_threadSlidingAvatar || @uix_threadSlidingExtra">

@media (min-width: {xen:calc '@uix_responsiveMessageBreakpoint + 1'}px) {

	.hasFlexbox .uix_userTextInner {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.hasFlexbox .uix_userTextInner .messageUserBlockToggle {
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;

		-ms-flex-item-align: center;
		-webkit-align-self: center;
		align-self: center;
	}

}

</xen:if>

.message .privateControls .control:first-child { padding-left: 0; }

.message .publicControls .control:last-child { padding-right: 0; }

	<xen:if is="!@uix_plainMessageControls">
	.message .publicControls .MultiQuoteControl.active {
		background-color: transparent;
		color: @uix_tertiaryColor;
		border-color: @primaryLight;
	}
	</xen:if>

.message .messageDetails .item {
	margin-left: 0;
	margin-right: 5px;
}

#QuickReply .insertQuotes { margin-top: 0; }

.userBanner {
	text-transform: uppercase;
	font-family: @uix_secondaryFont;
}

.hasFlexbox .message .messageInfo { margin-left: 0; }

@media (min-width: {xen:calc '@uix_responsiveMessageBreakpoint + 1'}px) {
	.messageUserBlock .userBanner {
		margin-left: -{xen:calc '6 + @messageUserText.margin-left'}px;
		margin-right: -{xen:calc '6 + @messageUserText.margin-right'}px;
	}
}

@media (max-width: @uix_responsiveMessageBreakpoint) {

	.Responsive .messageUserBlock div.avatarHolder { padding: 5px 10px; }

	.Responsive .messageUserInfo { border-width: 0 0 1px 0; }

	.Responsive.hasFlexbox .messageUserBlock {
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.Responsive .messageUserBlock h3.userText {
		text-align: left;
		margin: 10px;
	}

	.Responsive .message .messageInfo { padding: 10px; }

	.Responsive .message .messageDetails {
		padding-bottom: 10px;
		border-bottom: none;
	}

	.Responsive .messageUserBlock { margin-bottom: 0; }
}

.conversation_view .message:first-child, .conversation_view .quickReply {border: none; border-top: 3px solid @uix_primaryColor;}

.messageSimple,
.commentSimple {
	padding: 20px;
	margin-bottom: @uix_gutterWidthSmall;
	border-bottom: none;
	border-top: solid 3px @uix_primaryColor;
	box-shadow: 1px 2px 3px rgba(0,0,0,.1);
	background-color: @primaryLighterStill
}

.messageSimple .poster { color: @primaryDarker; }

.messageSimple .messageContent { margin-bottom: 10px; }

.messageSimple .messageResponse { margin-top: 0; }

.messageSimple .comment .commentControls { margin-top: 3px; }

.messageSimple .comment .commentInfo .likesSummary { box-shadow: none; }

.messageSimple .messageResponse > li:first-child { margin-top: @uix_gutterWidthSmall; }

.messageSimple .comment .commentContent {
	min-height: 0;
	line-height: 1.5;
	margin-top: -2px;
}

.messageSimple .commentMore {
	background-color: transparent;
}

.messageSimple .comment {
	background-color: transparent;
	margin-top: 0;
	padding: 10px 0;
}

.messageSimple .messageMeta {
	@property "messageMeta";
	font-size: @uix_globalSmallFontSize;
	overflow: hidden;
	zoom: 1;
	box-sizing: border-box;
	@property "/messageMeta";

	padding-top: 0;
}

.messageSimple .messageResponse { font-size: @uix_globalSmallFontSize; }

.messageSimple .messageMeta .control {
	@property "messageMetaControl";
	font-size: 11px;
	font-family: @uix_secondaryFont;
	color: @mutedTextColor;
	padding-right: 8px;
	padding-left: 8px;
	margin: 6px 0;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	@property "/messageMetaControl";

	border-color: @primaryLighter;
}

.messageSimple .messageMeta .item {
	margin-top: @messageMetaControl.margin-top;
	margin-bottom: @messageMetaControl.margin-bottom;
}

.messageSimple .privateControls .control { margin-right: 0; }

.messageSimple .publicControls .control:last-child { padding-right: 0; }

.messageSimple .publicControls .control { margin-left: 0; }

.messageSimple .control:last-child { border-right: 0 }

.messageSimple .likesSummary {
	@property "messageLikesSummary";
	color: rgb(125, 125, 125);
	background-color: @secondaryLightest;
	padding: 10px;
	margin-top: @uix_gutterWidthSmall;
	border-radius: @uix_globalBorderRadius;
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	@property "/messageLikesSummary";

	margin-top: 10px;
}

.messageSimple .messageContent article,
.messageSimple .messageContent blockquote {
	display: block;
	margin-top: 10px;
}


/***  XENITH -- POLL BLOCK ***/

.pollBlock {
	padding: 0;
	margin: 0 auto;
	max-width: 580px;
}

.pollBlock .questionMark {
	top: -@secondaryContent.padding-top;
	bottom: -@secondaryContent.padding-bottom;
	left: -@secondaryContent.padding-left;
	border-top: solid 3px @uix_tertiaryColor;
	border-radius: 0;
	height: auto;
	font-family: @uix_secondaryFont;
}


/***  XENITH -- DISCUSSION LIST ***/

.discussionList { padding: 0; }

.discussionList .sectionHeaders {
	font-size: 13px;
	box-sizing: border-box;
}

.discussionListItem .lastPostInfo .username { font-weight: bold; }

.discussionList .lastPost { text-align: inherit; }

.discussionListItem .stats .minor { font-size: inherit; }

<xen:if is="@uix_threadLastPostAvatar">
.forum_view .discussionListItem .lastPostInfo dt,
.forum_view .discussionListItem .lastPostInfo dd {
	margin-left: {xen:calc '@uix_threadLastPostAvatar_style.width + 10'}px;
}
</xen:if>

<xen:if is="@xenith_unreadAsText">

	.LoggedIn .discussionListItem .unreadLink,
	.LoggedIn .discussionListItem.unread .ReadToggle {
		position: static;
		display: inline-block;
		vertical-align: middle;
		width: auto;
		height: auto;
		background-image: none !important;
		color: @uix_primaryColor;
		text-indent: 0;
		font-size: 11px;
		margin-left: 4px;
		text-transform: uppercase;
		font-weight: normal;
	}

</xen:if>

@media (max-width: @maxResponsiveWideWidth) {
	.Responsive .discussionList .lastPost,
	.Responsive .discussionList .sectionHeaders .lastPost { width: 155px; }
}

.discussionListItem:last-child { border-bottom: none; }

.discussionListItem.threadWatched.unread {
	box-shadow: inset 4px 0 0px 0 @uix_tertiaryColor;
	background-color: @primaryLightest;
}

.discussionListItem.locked { box-shadow: inset 4px 0 0 rgb(241, 196, 15);  }


/***  XENITH -- RESOURCE MANAGER ***/

.resourceTabs .tabs { padding-left: 0; }

.resourceListMain .tabs { padding-left: 0; }

.resourceUpdate:first-child { padding-top: @uix_gutterWidthSmall; }

.resourceListMain { margin-left: {xen:calc '220 + @uix_gutterWidthSmall'}px; }

.featuredResourceList .featuredResource {
	border: 2px solid @uix_primaryColor;
}


/***  XENITH -- LOGIN ***/

#XenForo a.twitterLogin,
#XenForo a.fbLogin,
#XenForo .googleLogin { font-size: 13px; }

#loginBar form.eAuth .ctrlWrapper {
	border-right: solid 1px @primaryLighter;
	padding-right: 20px;
}

#eAuthUnit li {
	margin-top: 0;
	margin-bottom: 10px;
}

#loginBar form.eAuth #eAuthUnit { top: @loginBarForm.padding-top; }

<xen:if is="@uix_loginTriggerIcons">
	.navTabs .navTab.login .loginText,
	.navTabs .navTab.register strong { display: none; }
</xen:if>


/***  XENITH -- LOGIN FORM ***/

.xenForm--uixLoginForm { font-size: @uix_globalSmallFontSize; }

.xenForm--uixLoginForm .submitUnit > dd {width: 100%;}

.xenForm--uixLoginForm .submitUnit .button { width: 100%; }

.xenForm--uixLoginForm .xenForm { margin: 0; }

.xenForm--uixLoginForm .uix_loginOptions .ctrlUnit:last-child { margin-bottom: 0; }


/***  XENITH -- NOTICES ***/


.PanelScroller .navContainer { margin-top: 0; }

.PanelScroller .navControls a.current span {display: none;}

.PanelScroller .navControls a.current {box-shadow: inset 0 -2px 0 @panelScrollerNavControlCurrent.color;}

.PanelScroller .navControls {float: left;}

.PanelScroller .navControls {
	overflow: auto;
	white-space: nowrap;
}

.PanelScroller .navControls:after { display: none; }


/***  XENITH -- FOOTER ***/

footer { margin-top: @uix_gutterWidth; }

.footer .pageContent:after {display: none;}

.bigFooterCol .footerMenu li:last-child a { border-bottom: none; }

.uix_footer_textCtrl {position: relative;margin-top: 20px;}

.uix_footer_textCtrl .textCtrl {
	width: 100%;
	border-color: @uix_tertiaryColor;
	color: #FFF;
	text-indent: 30px;
	padding-top: 0;
}
.uix_footer_textCtrl .uix_icon {
	position: absolute;
	left: 0;
	top: 0;
	height: 34px;
	width: 28px;
	line-height: 26px;
	text-align: center;
	font-size: 18px;
	color: @uix_tertiaryColor;
}
.uix_footer_textCtrl .button {
	position: absolute;
	right: 0;
	top: 0;
	border-color: @uix_tertiaryColor;
	background-color: @uix_tertiaryColor;
	color: #FFF;
}
.footerLegal a:hover {color: @uix_primaryColor;}
@media (max-width: @maxResponsiveMediumWidth) {
	.debugInfo {margin-top: @uix_gutterWidth}
}

#copyright a {color: @uix_footer_link_style.color;}


/***  XENITH -- SEARCH RESULTS ***/

.searchResult { padding: @uix_gutterWidthSmall; }

.search_results .mainContainer .mainContent,
.search_results .mainContainer_noSidebar {
	box-shadow: none;
	padding: 0;
	border: none;
	background: none;
}


/***  XENITH -- FEATURED THREADS ***/

.sectionMain.ctaFtContainer {border-top: 3px solid #E8C849;}

.blendedEditor .redactor_box .redactor_toolbar { max-height: 60px; }


/***  XENITH -- XENPORTA ***/

.recentNews .newsDate { padding: 0px 10px 5px !important; } <xen:comment> /*** funky paddings on xenporta article dates ***/ </xen:comment>


/***  XENITH -- MEDIA GALLERY ***/

.mediaTabHeadings .typeFilter {
	position: static;
	width: auto;
	margin: 0;
	background: none;
	border: none;
}

<xen:if is="@uix_removeContentWrapper">
.xengalleryContainer .insideContainer {
	@property "content";
	background-color: @contentBackground;
	padding: @uix_gutterWidth;
	border-radius: @uix_primaryBorder.border-radius;
	box-shadow: 1px 2px 5px rgba(0,0,0,.1);
	@property "/content";
}
</xen:if>

<xen:comment> /*** media gallery uses a faux select box, hide select box icons in this case ***/ </xen:comment>
.AlbumDisabler .selectBoxIcon,
.CategoryDisabler .selectBoxIcon { display: none; }

<xen:if is="{$xenAddons.XenGallery}">
.xengalleryContainer {
	margin-left: -{xen:calc '@categorySidebar.width + @uix_gutterWidth'}px;
}

.xengalleryContainer .insideContainer {
	margin-left: {xen:calc '@categorySidebar.width + @uix_gutterWidth'}px;
}
</xen:if>

.mediaTabHeadings .tabs { padding-left: 0; }

#CommentForm { padding: 0; }

.buttonToolbar .toolButton { padding: 0; }

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth) {
	.Responsive .insideContainer { margin-left: 0; }
}
</xen:if>