@charset "UTF-8";

/* --- login_bar.css --- */

/** Login bar basics **/

#loginBar .pageContent 
{
	color: rgb(34, 36, 38);
background-color: rgb(43, 47, 52);

}

	

	#loginBar .pageContent
	{
		padding-top: 0;
		position: relative;
		_height: 0px;
	}

	#loginBar a
	{
		color: rgba(255,255,255,.8);

	}

	#loginBar form
	{
		padding: 2px 0;
margin: 0 auto;
display: none;
line-height: 20px;
position: relative;

	}
	
		#loginBar .xenForm .ctrlUnit,		
		#loginBar .xenForm .ctrlUnit > dt label
		{
			margin: 0;
			border: none;
		}
	
		#loginBar .xenForm .ctrlUnit > dd
		{
			position: relative;
		}
	
	#loginBar .lostPassword,
	#loginBar .lostPasswordLogin
	{
		font-size: 11px;
	}
	
	#loginBar .rememberPassword
	{
		font-size: 11px;
	}

	#loginBar .textCtrl
	{
		color: rgb(68, 71, 79);
background: url("/rgba__r-0__g-0__b-0__a-38.php"); background: rgba(0, 0, 0, 0.15); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000,endColorstr=#26000000);
border-color:  rgb(0, 0, 0); border-color:  rgba(0, 0, 0, 0.15); _border-color:  rgb(0, 0, 0);

	}
	
	#loginBar .textCtrl[type=text]
	{
		font-weight: bold;

	}

	#loginBar .textCtrl:-webkit-autofill /* http://code.google.com/p/chromium/issues/detail?id=1334#c35 */
	{
		background: url("/rgba__r-0__g-0__b-0__a-38.php") !important; background: rgba(0, 0, 0, 0.15) !important; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000,endColorstr=#26000000);
		color: rgb(68, 71, 79);
	}

	#loginBar .textCtrl:focus
	{
		background: url("/rgba__r-0__g-0__b-0__a-76.php") none; background: rgba(0, 0, 0, 0.3) none; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

	}
	
	#loginBar input.textCtrl.disabled
	{
		color: rgb(238, 239, 239);
background-color: #000;
border-style: dashed;

	}
	
	#loginBar .button
	{
		min-width: 85px;
		*width: 85px;
	}
	
		#loginBar .button.primary
		{
			font-weight: bold;
		}
		
/** changes when eAuth is present **/

#loginBar form.eAuth
{
	-x-max-width: 720px; /* normal width + 170px */
}

	#loginBar form.eAuth .ctrlWrapper
	{
		border-right:  1px dotted rgb(34, 36, 38); border-right:  1px dotted rgba(34, 36, 38, .5); _border-right:  1px dotted rgb(34, 36, 38);
		margin-right: 220px;
		box-sizing: border-box;
	}

	#loginBar form.eAuth #eAuthUnit
	{
		position: absolute;
		top: 0px;
		right: 0;
		width: 200px;
	}

		#eAuthUnit li
		{
			margin-top: 10px;
			line-height: 0;
		}
	
/** handle **/

#loginBar #loginBarHandle label 
{
	font-weight: bold;
font-size: 13px;
color: #FFF;
background-color: rgb(43, 47, 52);
padding: 0 5px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
position: absolute;
right: 0;
display: inline-block;
text-align: center;
z-index: 1;
line-height: 30px;
height: 30px;

}


@media (max-width:800px)
{
	.Responsive #loginBar form.eAuth .ctrlWrapper
	{
		border-right: none;
		margin-right: 0;
		padding-top: 2px;
	}

	.Responsive #loginBar form.eAuth #eAuthUnit
	{
		position: static;
		width: 200px;
		margin: 0 auto;
	}
}
@media (max-width:610px)
{
	.Responsive #loginBar .xenForm .ctrlUnit > dd {padding-left: 0; padding-right: 0;}
	.Responsive #loginBar form.eAuth #eAuthUnit {width: auto; margin-left: 2px; margin-right: 2px;}
}



/* --- node_list.css --- */

.nodeList { zoom: 1; }
.nodeList .node {
	zoom: 1;
	vertical-align: bottom;
}

        .node .lastThreadDateNo
	{
		display: none;
	} 

.nodeListItem
{
	display: table;
	table-layout: fixed;
	width: 100%;
	word-wrap: normal;
}

.nodelistBlock
{
	display: table-cell;
	vertical-align: middle;
}
.nodeIconList
{
	width: 37px;
}

.nodeList .node.level_1
{
	margin-bottom: 20px;
}

.nodeList .node.level_1:last-child
{
	margin-bottom: 0;
}

.nodeList .node.groupNoChildren + .node.groupNoChildren
{
	margin-top: -20px;
}

.node .nodeInfo
{
	overflow: hidden; zoom: 1;
	position: relative;
}

	.node .nodeInfo.primaryContent,
	.node .nodeInfo.secondaryContent
	{
		padding: 0;
	}

.node .nodeIcon
{
	float: left;
width: 36px;
height: 36px;
	
}

	.node .forumNodeInfo .nodeIcon,
	.node .categoryForumNodeInfo .nodeIcon
	{
		background-image: url("/styles/uix_dark/uix_dark/nodeicons_dark.png");
background-repeat: no-repeat;
background-position: -36px 0;

	}

	.node .forumNodeInfo.unread .nodeIcon,
	.node .categoryForumNodeInfo.unread .nodeIcon
	{
		background: rgb(68, 71, 79) url("/styles/uix_dark/uix_dark/nodeicons_dark.png") no-repeat 0 0;

	}

	.node .pageNodeInfo .nodeIcon
	{
		background: rgb(43, 45, 48) url("/styles/uix_dark/uix_dark/nodeicons_dark.png") no-repeat -96px 0;

	}

	.node .linkNodeInfo .nodeIcon
	{
		background: rgb(43, 45, 48) url("/styles/uix_dark/uix_dark/nodeicons_dark.png") no-repeat -64px 0;

	}

.node .nodeText
{
	padding: 10px;
min-height: 36px;

	background-color: #363940;
}

	.node .nodeText .nodeTitle
	{	
		font-weight: bold;
font-size: 10pt;
font-family: verdana, tahoma, arial;;
color: rgb(193, 193, 199);

	}
	
		.node .unread .nodeText .nodeTitle
		{
			font-weight: bold;
color: rgb(193, 193, 199);

		}

	.node .nodeDescription
	{
		font-size: 10px;

		width: 500px;
		color: White;
	}
	
	.hasJs .node .nodeDescriptionTooltip
	{
		/* will be shown as a tooltip */
		display: none;
	}
	
	.Touch .node .nodeDescriptionTooltip
	{
		/* touch browsers don't see description tooltips */
		display: block;
	}

	.node .nodeStats
	{
		font-size: 10px;
margin-top: 2px;

	}
	
	.node .nodeExtraNote
	{
		text-align: right;
		font-size: 11px;
		color: rgb(238, 239, 239);
	}
	
	.node .subForumList
	{
		overflow: hidden; *zoom: 1;
	}
	
		.node .subForumList li
		{
			margin: 2px 0 2px 2%;
		}
		
			.node .subForumList li .nodeTitle
			{
				font-size: 11px;
				overflow: hidden;
				white-space: nowrap;
				word-wrap: normal;
				text-overflow: ellipsis;
			}
			
			.node .subForumList .unread .nodeTitle
			{
				font-weight: bold;
color: rgb(193, 193, 199);

			}
		
			.node .subForumList li ol,
			.node .subForumList li ul
			{
				display: none;
			}

.node .nodeLastPost
{
	background-color: rgb(68, 71, 79);
padding: 5px;

	
	font-size: 11px;
background-color: transparent;
padding: 8px;
border-radius: 4px;
position: absolute;
line-height: 15px;
box-sizing: border-box;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
width: 45%;
height: 40px;

}

.node .nodeLastPost .lastThreadTitle,
.node .nodeLastPost .lastThreadMeta
{
	text-overflow: ellipsis;
	max-width: 100%;
	display: block;
	overflow: hidden;
}

	.node .nodeLastPost .lastThreadMeta
	{
		display: block;
	}

	.node .nodeLastPost .noMessages
	{
		/* line-height: 28px; */
	}

.node .nodeControls
{
	position: absolute;
	top: 0;
	right: 61px;
	margin: 20px 0;
}

	.node .tinyIcon
	{
		font-size: 16px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 -448px;
margin: 1px 4px;
display: block;
white-space: nowrap;
overflow: hidden;
opacity: 0.25;
text-align: center;
width: 16px;

	}

	.node .nodeInfo:hover .tinyIcon[href],
	.Touch .node .tinyIcon
	{
		opacity: 1;

	}

		/*.node .feedIcon
		{
			background: transparent url("/styles/uix_dark/xenforo/xenforo-ui-sprite.png") no-repeat -112px -16px;
		}*/

/* description tooltip */

.nodeDescriptionTip
{
	padding: 4px 10px;
margin-top: -22px;
line-height: 1.5;
width: 350px;
height: auto;

}

	.nodeDescriptionTip .arrow
	{
		border: 6px solid transparent;
border-right-color: rgb(102, 102, 110);
border-left: 1px none black;
top: 6px;
left: -6px;
bottom: auto;

	}
	
	.nodeDescriptionTip.arrowBottom .arrow
	{
		top: auto;
		left: 10px;
		bottom: -6px;
		border: 6px solid transparent;
		border-top-color: rgb(102, 102, 110);
		border-bottom: 1px none black;
	}
	
/* main area - used for L2 categories and most other nodes */

.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
{
	background-color: rgb(68, 71, 79);
padding: 5px;

	
	padding: 0;
}

/* category strip - used for L1 categories and group headers */

.nodeList .categoryStrip
{
	font-size: 13px;
color: rgb(237, 237, 239);
text-decoration: none;
background-color: rgb(43, 47, 52);
padding-top: 5px;
padding-bottom: 5px;
margin: 3px auto 0;
border-width: 0;

	
	color: rgb(43, 45, 48);
background-color: rgb(43, 47, 52);
margin: 0;
border: 1px solid rgb(43, 45, 48);
border-radius: 4px;
min-height: 6px;
height: 40px;

}

	.nodeList .categoryStrip .nodeTitle
	{
		font-weight: bold;
font-size: 14px;
text-transform: uppercase;

	}
	
		.nodeList .categoryStrip .nodeTitle a
		{
			color: ;
		}

	.nodeList .categoryStrip .nodeDescription
	{
		font-size: 11px;
color: rgb(183, 183, 189);

	}
	
		.nodeList .categoryStrip .nodeDescription a
		{
			color: rgb(183, 183, 189);
		}

.nodeList .node.groupNoChildren + .node.groupNoChildren .categoryStrip
{
	display: none;
}

/* node stats area */

.nodeStats
{
	overflow: hidden; zoom: 1;
}

.nodeStats dl,
.subForumsPopup
{
	float: left;
	display: block;
	margin-right: 3px;
}

.subForumsPopup.Popup .PopupControl.PopupOpen
{
	background-image: none;
}

.subForumsPopup a.PopupControl
{
	padding-left: 5px;
	padding-right: 5px;
}

.subForumsPopup .dt
{
	color: rgb(238, 239, 239);
}

.subForumsPopup .PopupOpen .dt
{
	color: rgb(193, 193, 199);
}

.subForumsMenu .node .node /* for depths 2+ */
{
	padding-left: 10px;
}

	.subForumsMenu .node .nodeTitle
	{
		font-size: 11px;
	}
	
	.subForumsMenu .node .unread .nodeTitle
	{
		font-weight: bold;
color: rgb(193, 193, 199);

	}
	
/** new discussion button below nodelist **/

.nodeListNewDiscussionButton
{
	margin-top: 10px;
	text-align: right;
}


@media (max-width:610px)
{
	.Responsive .node .nodeText
	{
		margin-right: 0;
	}
	
	.Responsive.Touch .node .nodeDescriptionTooltip,
	.Responsive .node .nodeDescription
	{
		display: none;
	}
	
	
	.Responsive .node .nodeLastPost
	{
		position: static;
		height: auto;
		width: auto;
		background: none;
		border: none;
		padding: 0;
		margin: --2px 0  ;
	}
	
		.Responsive .node .nodeLastPost .noMessages 
		{
			display: none;
		}
		
		.Responsive .node .nodeLastPost .lastThreadTitle,
		.Responsive .node .nodeLastPost .lastThreadUser
		{
			display: none;
		}
		
				
		.Responsive .node .nodeText .lastThreadDateNo:before
		{
			content: attr(data-latest);
		}
		


  

	.Responsive .nodeLastPost
	{
		display: none;
	}
        
	.Responsive .node .lastThreadDateNo
	{
		display: block;
	}
	        
	.Responsive .node .nodeControls
	{
		display: none;
	}
		
	.Responsive .node .subForumList
	{
		display: none;
	}
	
	.Responsive .nodeDescriptionTip
	{
		width: auto;
		max-width: 350px;
	}
}

@media (max-width:480px)
{
	.Responsive .subForumsPopup
	{
		display: none;
	}
}


/* --- showmods.css --- */

div.showModeratorsForum {
	font-weight: bold;
color: rgb(193, 193, 199);

}

div.showModeratorsMessage {
	font-style: italic;
text-alignt: right;

}