@charset "UTF-8";

/* --- discussion_list.css --- */

.discussionList
{
	position: relative;
	zoom: 1;
}

/** column style and width **/

.discussionList .sectionHeaders,
.discussionListItem
{
	display: table;
	table-layout: fixed;
	width: 100%;
	word-wrap: normal;
}

	.discussionList .sectionHeaders dt,
	.discussionList .sectionHeaders dd,
	.discussionListItem .listBlock
	{
		display: table-cell;
		vertical-align: middle;
	}
	
		.discussionList .posterAvatar
		{
			width: 52px;
		}
		
		.discussionList .main
		{
			width: auto;
		}

			.discussionList .sectionHeaders .main .postDate
			{
				text-align: right;
			}
		
		.discussionList .stats
		{
			width: 200px;
		}
			
			.discussionList .sectionHeaders .stats .minor
			{
				text-align: right;
			}
		
		.discussionList .lastPost
		{
			width: 192px;
			text-align: right;
			overflow: hidden;
		}
		
		.discussionList .statsLastPost /* combined last two columns */
		{
			width: 392px;
		}
	

/* column headers */

.discussionList .sectionHeaders
{	
	font-size: 15px;
font-family: 'Lato', Arial, sans-serif;
color: rgb(255, 255, 255);
background-color: rgb(3, 169, 244);
padding: 12px 10px;
margin: 3px auto 0;

	
	padding: 0;
}

	.discussionList .sectionHeaders dt span
	{
		display: none !important;
	}
		
	.discussionList .sectionHeaders a
	{
		display: block;
		color: rgb(255, 255, 255);
		outline: none;
	}
	
	.discussionList .sectionHeaders a:hover
	{
		text-decoration: none;
	}
			
	.discussionList .sectionHeaders dd a[href]:hover
	{
		text-decoration: none;
background: url(rgba.php?r=255&g=255&b=255&a=51); background: rgba(255, 255, 255, 0.2); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);

	}
		
	.discussionList .sectionHeaders .main a,
	.discussionList .sectionHeaders .stats a
	{
		float: left;
		width: 50%;
		white-space: nowrap;
	}
	
		.discussionList .sectionHeaders a span
		{
			padding: 12px 10px;
			display: block;
		}
		
/** IE <8 **/
.discussionList .sectionHeaders,
.discussionListItem                { *display: block; _vertical-align: bottom; }
.discussionList .sectionHeaders dt,
.discussionList .sectionHeaders dd,
.discussionListItem .listBlock     { *display: block; *float: left; }
.discussionListItem .listBlock     { _height: 52px; *min-height: 52px; } /* todo: should be calculation */
.discussionList .posterAvatar      { *width: 6.98%; }
.discussionListItem .posterAvatar  { *font-size: 0; }	
.discussionList .main              { *width: 56.98%; }
.discussionList .stats             { *width: 15.97%; }	
.discussionList .lastPost          { *width: 19.97%; }
.discussionList .statsLastPost     { *width: 35.97%; }
.discussionList .sectionHeaders dt,
.discussionList .sectionHeaders dd { *padding: 5px 0; }
.discussionList .sectionHeaders a,
.discussionList .sectionHeaders a span { *display: inline !important; *float: none !important; }

/* items in thread list */

.discussionListItems
{
}



	
/* individual thread list item */
	
/** main **/

.discussionListItem
{
	background-color: rgb(253, 253, 253);
	
	border-top: 5px solid #f0f0f0;
}





	/* sections, section widths */
	
		.discussionListItem .posterAvatar,		
		.discussionListItem .stats
		{
			background-color: rgb(253, 253, 253);
		}
		
		.discussionListItem .main,
		.discussionListItem .lastPost
		{
		}
		
		
		
		
		
		
		
		
	/* avatar section */
	
	.discussionListItem .posterAvatar .avatarContainer
	{
		display: block;
		position: relative;
	}
	
	.discussionListItem .posterAvatar .avatar
	{
		padding: 5px;
display: block;
width: 36px;
height: 36px;

		
		width: auto;
		height: auto;
	}
	
		.discussionListItem .posterAvatar .avatar img
		{
			width: 36px;
			height: 36px;
			display: block;
		}
		
		.discussionListItem .posterAvatar .miniMe
		{
			padding: 0;
position: absolute;
bottom: 1px;
left: 29px;
z-index: 10;

		}
		
			.discussionListItem .posterAvatar .miniMe img
			{
				padding: 1px;
border: 1px none black;
border-radius: 0px;
box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);
width: 20px;
height: 20px;
				
			}		
		
		
	/* title, poster section */
	
	.discussionListItem .titleText
	{
		padding: 5px;
		overflow: hidden; zoom: 1;
		position: relative;
	}
	
		/* unread indicator */
		
		.LoggedIn .discussionListItem .titleText
		{			
			padding-left: 20px;
		}
		
		.LoggedIn .discussionListItem .unreadLink,
		.LoggedIn .discussionListItem .ReadToggle
		{
			display: block;
			width: 10px;
			height: 10px;
			
			position: absolute;
			left: 5px;
			top: 10px;
			white-space: nowrap;
		}
		.LoggedIn .discussionListItem:not(.unread) .ReadToggle:hover:before
		{
			color: rgb(86, 86, 86);
			font-family: FontAwesome;
			font-weight: normal;
			margin-right: 5px;
			content: "\f069";
			font-size: 9px;
			opacity: 0.8;
			text-decoration: none;
		}
		.LoggedIn .discussionListItem .unreadLink:before,
		.LoggedIn .discussionListItem.unread .ReadToggle:before
		{
			color: rgb(86, 86, 86);
			font-family: FontAwesome;
			font-weight: normal;
			margin-right: 5px;
			content: "\f069";
			font-size: 9px;
		}
		.LoggedIn .discussionListItem .unreadLink:before,
		.LoggedIn .discussionListItem .ReadToggle.unread:before
		{
			color: rgb(86, 86, 86);
			font-family: FontAwesome;
			font-weight: normal;
			margin-right: 5px;
			content: "\f111";
			font-size: 9px;
		}
		
		/* first row */
	
		.discussionListItem .title
		{
			font-size: 16px;
line-height: 18px;

			max-width: 100%;
			word-wrap: break-word;
		}
		
			.discussionListItems .unread .title a
			{
				font-weight: bold;
/*padding-right: 18px;
				background: transparent url('styles/flatawesomeplus/xenforo/widgets/discussion-new.png') no-repeat right center;*/

			}
			
		
		.discussionListItem .iconKey span
		{
			margin-left: 5px;
color: rgb(86, 86, 86);
float: right;
font-size: 13px;
width: 16px;
height: 16px;

		}
		
		/* second row */
		
		.discussionListItem .secondRow
		{
			font-size: 13px;

			clear: both;
		}
		
			.discussionListItem .secondRow .controls
			{
				float: right;
				padding-left: 20px;
			}
				
				.discussionListItem.AjaxProgress .controls
				{
					background: transparent url('styles/flatawesomeplus/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat left center;
				}
			
			.discussionListItem .posterDate
			{
				float: left;
			}
			
			
			
	/* stats section */
	
	.discussionListItem .stats dl
	{
		padding: 0 10px;
		border-left: 1px solid rgb(239, 239, 239);
		border-right: 1px solid rgb(239, 239, 239);
	}
		.discussionListItem .stats .major
		{
			font-size: 16px;
line-height: 18px;

			
			margin-top: 5px;
		}
			
		.discussionListItem .stats .minor
		{
			font-size: 13px;

			
			margin-bottom: 5px;
		}
			
	/* last post section */
	
	.discussionListItem .lastPostInfo
	{
		padding: 5px;
	}
	
		.discussionListItem .lastPostInfo .username
		{
			font-size: 16px;
line-height: 18px;

		}
		
	
			.discussionListItems .unread .lastPostInfo .username
			{
				font-weight: bold;
/*padding-right: 18px;
				background: transparent url('styles/flatawesomeplus/xenforo/widgets/discussion-new.png') no-repeat right center;*/

			}
		
		.discussionListItem .lastPostInfo .dateTime
		{
			font-size: 13px;

		}


/* extra note row */

.discussionListItem .noteRow
{
	background-color: rgb(253, 253, 253);
	padding: 5px;
	text-align: center;
	font-size: 11px;
	color: rgb(70, 70, 70);
}

	.discussionListItem .noteRow.secondary
	{
		background-color: rgb(253, 253, 253);
	}




/* deleted item */

.discussionList .discussionListItem.deleted
{
}

	.discussionList .discussionListItem.deleted .avatar img
	{
		opacity: 0.5;
		filter: alpha(opacity='50');
	}
		
	.discussionList .discussionListItem.deleted .deletionNote
	{
		float: left;
		color: rgb(150,0,0);
	}
		
/* moderated item */

.discussionList .discussionListItem.moderated .listBlock
{
	background-color: rgb(253, 253, 253);
}

		
		
		
		
		
			
/* inline mod selected/checked classes */

.discussionListItem.InlineModChecked,
.discussionListItem.InlineModChecked .posterAvatar,
.discussionListItem.InlineModChecked .main,
.discussionListItem.InlineModChecked .stats,
.discussionListItem.InlineModChecked .lastPost,
.discussionListItem.deleted.InlineModChecked,
.discussionListItem.moderated.InlineModChecked
{
	background-color: rgb(243, 244, 230);

}
















		
/** bottom summary **/

.discussionList .sectionFooter
{
	overflow: hidden; zoom: 1;
}

	.discussionList .sectionFooter .contentSummary
	{
		float: left;
		display: block;
	}

		
/** thread list options **/

.DiscussionListOptions
{
	margin: 10px auto;
border: 1px solid rgb(235, 235, 235);
border-radius: 0px;
line-height: 20px;
overflow: hidden;
zoom: 1;

}

.hasJs .DiscussionListOptions
{
	display: none;
}

	.DiscussionListOptions dl,
	.DiscussionListOptions .controlGroup
	{
		float: left;
		margin-right: 10px;
		
		overflow: hidden; zoom: 1;
	}
	
		.DiscussionListOptions dt
		{
			float: left;
		}
		
		.DiscussionListOptions dd
		{
			margin-left: 120px;
		}
		
	.DiscussionListOptions .buttonGroup
	{
		float: right;
	}
	
		.DiscussionListOptions .buttonGroup input
		{
			min-width: 75px;
		}
	
#DiscussionListOptionsHandle
{
	position: absolute;
bottom: -17px;
line-height: 16px;
text-align: center;
right: 50%;
white-space: nowrap;

}
	
	#DiscussionListOptionsHandle a
	{
		font-size: 13px;
color: rgb(86, 86, 86);
background-color: rgb(253, 253, 253);
padding: 0 20px;
margin: 0 auto;
border: 1px solid rgb(235, 235, 235);
border-top: 1px none black;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
display: inline-block;
outline: 0;
position: relative;
right: -50%;

	}
	
.afterDiscussionListHandle
{
	margin-top: 20px;
}
	
/** item page nav **/

.discussionListItem .itemPageNav
{
	visibility: hidden;
}

.discussionListItem:hover .itemPageNav,
.Touch .discussionListItem .itemPageNav
{
	visibility: visible;
}

	.itemPageNav a,
	.itemPageNav span
	{
		font-size: 9px;
padding: 0 3px;
border-radius: 0px;
display: inline-block;
text-align: center;

	}
	
	body .itemPageNav a
	{
		color: rgb(86, 86, 86);
background-color: rgb(253, 253, 253);
margin: -1px 0;
border: 1px solid rgb(235, 235, 235);

	}
	
	body .itemPageNav a:hover
	{
		color: rgb(113, 113, 113);
text-decoration: none;
background-color: rgb(253, 253, 253);
border-color: rgb(235, 235, 235);

	}

/** filters **/
		
.discussionListFilters
{
	font-size: 11px;
	overflow: hidden; zoom: 1;
}

	.discussionListFilters .filtersHeading
	{
		float: left;
		margin-right: 5px;
		color: rgb(112, 112, 112);
		font-weight: bold;
	}
	
	.discussionListFilters .removeFilter,
	.discussionListFilters .removeAllFilters
	{
		color: rgb(70, 70, 70);
		background: rgb(239, 239, 239) url('styles/flatawesomeplus/xenforo/gradients/form-button-white-25px.png') repeat-x top;
		border: 1px solid rgb(239, 239, 239);
		border-radius: 5px;
		padding: 2px 10px;
	}
	
		.discussionListFilters .gadget
		{
			color: rgb(112, 112, 112);
			font-weight: bold;
			margin-left: 3px;
		}

	
		.discussionListFilters .removeFilter:hover,
		.discussionListFilters .removeAllFilters:hover
		{
			background-color: rgb(245, 245, 245);
			text-decoration: none;
			color: rgb(113, 113, 113);
			box-shadow: 1px 1px 5px rgba(0,0,0, 0.15);
		}
		
	.discussionListFilters .pairsInline dt
	{
		display: none;
	}
	
	.discussionListFilters .filterPairs
	{
		float: left;
	}
	
	.discussionListFilters .removeAll
	{
		float: right;
	}
	
		.discussionListFilters .removeAllFilters
		{
			padding: 2px 6px;
		}


@media (max-width:610px)
{
	.Responsive .discussionList .sectionHeaders .stats
	{
		display: none;
	}
	
	.Responsive .discussionList .sectionHeaders .main .title
	{
		float: none;
		width: auto;
	}
	
	.Responsive .discussionList .sectionHeaders .main .postDate
	{
		display: none;
	}
	
	.Responsive .discussionList .statsLastPost
	{
		display: none;
	}

	.Responsive .discussionListItem .listBlock.main,
	.Responsive .discussionListItem .listBlock.stats,
	.Responsive .discussionListItem .listBlock.lastPost
	{
		display: block;
	}
	
	.Responsive .discussionListItem .listBlock.stats
	{
		float: left;
		width: auto;
		margin-top: -5px;
		border: none;
		background: none;
		padding-left: 5px;
	}
	
		.Responsive.LoggedIn .discussionListItem .listBlock.stats
		{			
			padding-left: 20px;
		}
	
		.Responsive .discussionListItem .listBlock.stats dl
		{
			border: none;
			padding: 0;
		}
		
		.Responsive .discussionListItem .listBlock.stats dd,
		.Responsive .discussionListItem .listBlock.stats dt
		{
			float: none;
			display: inline;
		}
	
		.Responsive .discussionListItem .listBlock.stats .minor
		{
			display: none;
		}
		
		.Responsive .discussionListItem .listBlock.stats .major
		{
			font-size: 11px;
			margin-top: 0;
		}
	
	.Responsive .discussionListItem .listBlock.lastPost
	{
		float: right;
		width: auto;
		margin-top: -5px;
	}
		.Responsive .discussionListItem .listBlock.lastPost .lastPostInfo
		{
			padding-top: 0;
			padding-bottom: 0;
		}
	
		.Responsive .discussionListItem .listBlock.lastPost dt
		{
			display: none;
		}
}

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

@media (max-width:480px)
{
	.Responsive .discussionListItem .secondRow .startDate,
	.Responsive .discussionListItem .secondRow .EditControl
	{
		display: none;
	}
}



/** XenBase Styling **/
.discussionList.section.sectionMain
{
	
}
.discussionListItem
{
	padding-top: 5px;
padding-bottom: 5px;

}

.discussionListItem:hover
{
	
}
.XenBase .discussionListItem .posterAvatar
{
        background: url(rgba.php?r=0&g=0&b=0&a=0); background: rgba(0, 0, 0, 0); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);

}
.XenBase .discussionListItem .stats
{
        background: url(rgba.php?r=0&g=0&b=0&a=0); background: rgba(0, 0, 0, 0); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);

}
.discussionListItem .stats dl
{
	font-size: 13px !important;

}
.discussionListItem.unread
{
        
}
.discussionListItem.locked
{
	
}
.discussionListItem.sticky
{
        
}












/** XenBase Styling **/

/* --- facebook.css --- */

a.fbLogin,
#loginBar a.fbLogin
{
	display: inline-block;
	width: 180px;
	height: 33px;
	box-sizing: border-box;
	cursor: pointer;
	
	background-color: #3B5998;
	border-radius: 0px;
	padding: 0px 0px 0px 1px;
	outline: none;
	
	text-decoration: none;
	color: white;
	font-weight: normal;
	font-size: 12px;
	line-height: 32px;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.06) inset;
}

a.fbLogin:hover,
#loginBar a.fbLogin:hover
{
	text-decoration: none;
}

	a.fbLogin span
	{
		display: block;
		padding: 2px 4px 3px;
		margin: 1px 1px 0px 0px;
		text-shadow: none;
		white-space: nowrap;
		overflow: hidden;
		line-height: 31px;
		text-align: center;
	}

a.fbLogin span:before
{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f09a";
	float: left;
	padding-left: 15px;
	font-size: 17px;
	line-height: 32px;
}

a.fbLogin:hover, a.fbLogin:active
{
	box-shadow: none;
}

/* --- google.css --- */

.googleLogin,
#loginBar .googleLogin
{
	display: inline-block;
	width: 180px;
	height: 33px;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #dd4b39;
	border: #be3e2e solid 1px;
	border-radius: 0px;	
	color: white;
	font-weight: normal;
	font-size: 12px;
	overflow: hidden;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.06) inset;
	text-align: center;
}
.googleLogin span
{
	display: inline-block;
	line-height: 31px;
	white-space: nowrap;
	overflow: hidden;
}
.googleLogin:before, #loginBar .googleLogin:before
{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f0d5";
	float: left;
	padding-left: 15px;
	font-size: 17px;
	line-height: 32px;
}
.googleLogin:active, #loginBar .googleLogin:active
{
	box-shadow: none;
}

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

/** Login bar basics **/

#loginBar
{
	color: rgb(222, 222, 222);
background-color: rgb(45, 45, 45);
border-bottom: 0px solid rgb(88, 88, 88);
position: relative;
z-index: 1000;

}

	#loginBar .ctrlWrapper
	{
		margin: 0 10px;
	}

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

	#loginBar a
	{
		color: rgb(112, 112, 112);

	}

	#loginBar form
	{
		padding: 5px 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(245, 245, 245);
background-color: rgb(50, 50, 50);
border-color: rgb(88, 88, 88);

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

	}

	#loginBar .textCtrl:-webkit-autofill /* http://code.google.com/p/chromium/issues/detail?id=1334#c35 */
	{
		background: rgb(50, 50, 50) !important;
		color: rgb(245, 245, 245);
	}

	#loginBar .textCtrl:focus
	{
		background: black none;

	}
	
	#loginBar input.textCtrl.disabled
	{
		color: rgb(222, 222, 222);
background-color: rgb(45, 45, 45);
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: 700px; /* normal width + 170px */
}

	#loginBar form.eAuth .ctrlWrapper
	{
		border-right: 1px dotted rgb(70, 70, 70);
		margin-right: 200px;
		box-sizing: border-box;
	}

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

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

#loginBar #loginBarHandle
{
	font-size: 13px;
color: rgb(245, 245, 245);
background-color: rgb(45, 45, 45);
padding: 0 10px;
margin-right: 20px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
position: absolute;
right: 0px;
bottom: -20px;
text-align: center;
z-index: 1;
line-height: 20px;
box-shadow: 0px 2px 5px rgb(45, 45, 45);

}


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

	.Responsive #loginBar form.eAuth #eAuthUnit
	{
		position: static;
		width: 180px;
		margin: 0 auto 10px;
	}
}


/* --- twitter.css --- */

a.twitterLogin,
#loginBar a.twitterLogin
{
	display: inline-block;
	width: 180px;
	height: 33px;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #eee;
	background-image: -webkit-linear-gradient(#fff, #dedede);
	background-image: linear-gradient(#fff, #dedede);
	border: #ccc solid 1px;
	border-radius: 0px;	
	color: #333 !important;
	font-weight: normal;
	font-size: 12px;
	line-height: 31px;
}

	a.twitterLogin span
	{
		display: block;
		text-shadow: 0 1px 0 rgba(255,255,255,.5);
		white-space: nowrap;
		overflow: hidden;
		text-align: center;
	}
a.twitterLogin span:before
{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f099";
	float: left;
	padding-left: 15px;
	font-size: 17px;
	line-height: 32px;
	color: #4099FF;
}

a.twitterLogin:hover,
#loginBar a.twitterLogin:hover,
a.twitterLogin:active,
#loginBar a.twitterLogin:active
{
	border-color: #d9d9d9;
	background-image: -webkit-linear-gradient(#f8f8f8, #d9d9d9);
	background-image: linear-gradient(#f8f8f8, #d9d9d9);
	text-decoration: none;
}

/* --- xb.css --- */

.XenBase .messageHeading span a:hover
{
	color: rgb(255, 255, 255);
}
.noticeContent a
{
	text-decoration: underline;
}
.Menu.subForumsMenu
{
	box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
	margin-top: 5px;
}
.navigationSideBar .heading
{
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: normal;
}

.alerts .xbVisitorText, .inbox .xbVisitorText
{
	display: none;
}

.alerts .fa:before
{
	content: "\f041";
}
.inbox .fa:before
{
	content: "\f003";
}
.nodeList .categoryStrip .nodeTitle:before
{
	content: "\f115";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	margin-right: 10px;
}
.XenBase .footerBlock .xbSocialLinks a
{
	color: rgb(253, 253, 253) !important;
}
.xbslFacebook .fa:before
{
	content: "\f09a";
}
.xbslYoutube .fa:before
{
	content: "\f16a";
}
@media (min-width:800px)
{
	.sidebar
	{
		padding-left: 10px;
	}
}



.footerLegal .pageContent
{
	background-color: rgb(53, 60, 71);
	color: rgb(254, 254, 254);
	padding: 12px 20px;
}

.footerLegal .pageContent a
{
	color: rgb(254, 254, 254) !important;
}
#XenForo .peCopyright.Tooltip
{
    color: #a6abab !important;
}
#XenForo .peCopyright.Tooltip .fa
{
	color: rgb(3, 169, 244);
}


.xenOverlay a.close:before, #redactor_modal_close:before
{
	content: "\f057";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color: rgb(173, 51, 53);
	position: relative;
	top: -6px;
	right: 1px;
}
/* iOS fixes */
.button.primary, .submitUnit .button, input.button, input[type="button"]
{
	-webkit-appearance: none;
	-webkit-border-radius: 0px; 
}

.Popup .PopupOpen .arrowWidget:before
{
	content: "\f077";
	color: rgb(3, 169, 244);
}
.Popup .arrowWidget:before
{
	color: rgb(50, 50, 50);
	content: "\f078";
	display: block;
	font-family: FontAwesome;
	line-height: 13px;
	margin-left: 2px;
}
.navTabs .navTab.PopupClosed:hover .SplitCtrl:before
{
	color: rgb(254, 254, 254);
	content: "\f0d7";
	display: block;
	font-family: FontAwesome;
	line-height: 75px;
}
.navTabs .navTab.PopupClosed:hover .SplitCtrl:before
{
	color: rgb(254, 254, 254);
}
.navTabs .navTab.PopupClosed:hover .SplitCtrl:hover
{
	text-decoration: none;
}
.iconKey .fa:hover
{
	cursor: help;
}
.XenBase .attachment .thumbnail .genericAttachment, .XenBase .AttachmentEditor .AttachedFile .Thumbnail .genericAttachment
{
	background-image: none;
	line-height: 40px;
	text-align: center;
}
.XenBase .attachment .thumbnail .genericAttachment:before, .XenBase .AttachmentEditor .AttachedFile .Thumbnail .genericAttachment:before
{
	color: rgb(25, 25, 25);
	content: "\f019";
	font-family: FontAwesome;
	font-weight: normal;
	font-size: 32px;
	margin-left: 5px;
}
.XenBase .AttachmentEditor .AttachedFile .Thumbnail .genericAttachment:before
{
	content: "\f093";
}

@media (max-width:610px)
{
	.Responsive .xenOverlay a.close
	{
		width: 16px;
		height: 16px;
		top: 5px;
		right: 6px;
	}
}




.XenBase .userBanner
{
	font-size: 12px;
	font-weight: bold;
	border-radius: 2px;
	padding: 3px 5px;
}

.XenBase .userBanner.bannerStaff
{
	background: #234A71;
	color: #FFF;
	border: 0;	
}

.XenBase .userBanner.adminBanner
{
	background: #712323;
	color: #FFF;
	border: 0;	
}




.XenBase .userBanner.bannerStaff.wrapped span
{
	background-color: #3B6188;

}
.XenBase .userBanner.adminBanner.wrapped span
{
	background-color: #793A3A;
}
.XenBase .userBanner.wrapped span.before
{
	top: -3px;
	left: 0px;
}

.XenBase .userBanner.wrapped span.after
{
	top: -3px;
	right: 0px;
}


.XenBase .mobileLogo
{
	display: none;
}
@media (max-width:800px)
{
	.XenBase .navTabs .publicTabs .xbNavLogo .navLink { display: block; }
	.Responsive.XenBase .mobileLogo { display: block; }
	.XenBase .xbnavLogo { line-height: 75px;}
	.XenBase .desktopLogo { display: none; }
	.Responsive.XenBase #logoBlock .mobileLogo
	{
		display: inline-block;
		max-width: 100%;
		max-height: 50px;
		vertical-align: middle;
	}
	.Responsive #logo
	{
		height: 50px;
		line-height: 46px;
	}
	.Responsive #logoBlock #logo img
	{
		max-height: 50px;
	}
}



.xbMobileBar
{

	font-size: 16px;
background-color: rgb(253, 253, 253);
border-top: 2px solid rgb(235, 235, 235);
position: fixed;
bottom: 0px;
display: none;
z-index: 100;
line-height: 60px;
width: 100%;
height: 60px;

}
.xbMobileBar ul
{
	display: flex;
}
.xbMobileBar ul li
{
	flex-grow: 1;
	text-align: center;
}
.xbMobileBar ul li a span
{
	border-right: 1px solid rgb(235, 235, 235);
display: block;
box-sizing: border-box;

}
.xbMobileBar ul li a:hover
{
	text-decoration: none;
}
.xbMobileBar ul li a span
{
	pointer-events: none !important;
}
.xbMobileBar ul li:last-child a
{
	border-right-width: 0px;
}
.xbMobileBar ul li:first-child a
{
	border-left-width: 0px;
}
@media (max-width:480px)
{
	.Responsive .xbMobileBar { display: block; }
	.XenBase body {	padding-bottom: 60px; }
}



@media (min-width:801px)
{
	#logoBlock { display: none; height: 0px;}
	.Responsive .navTabs .navLink .itemCount { top: -2px; }
}
@media (max-width:800px)
{
	.navTab.xbNavLogo { display: none !important; }
}



.xbContentWrapper
{
	position: relative;
}
/* clearfix */ .xbContentWrapper { zoom: 1; } .xbContentWrapper:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
#logoBlock #logo img
{
	max-height: 75px;
}
.pollBlock .buttons .button { margin-right: 5px; }



.xbMaxwidth
{
	max-width: 1180px;
	margin: 0 auto;
}
.Menu .xbMaxwidth
{
	max-width: 100%;
}


/* === Login CSS === */

#loginBar #loginBarHandle
{
	display: none;
}
	

#xb_eAuthUnit li
{
	margin-top: 5px;
}



/* === Misc Pages === */
.XenBase .news_feed_page_global .eventList:first-of-type, .XenBase .messageSimpleList.topBorder
{
	border-top-color: rgb(235, 235, 235);
}
.help_bb_codes .bbCode > dl > dd, .smilieList .smilieText, .smilieList .smilieText:hover
{
		
}
.titleBar
{
	margin-bottom: 10px;

}
.textCtrl .arrowWidget:before
{
	font-size: 16px;
}
.XenBase .navigationSideBar a
{
	font-size: 13px !important;
	
}
.XenBase .navigationSideBar a:hover
{
	color: rgb(3, 169, 244);
background-color: rgb(253, 253, 253);
	
}
.sharePage .textHeading
{
        color: rgb(255, 36, 103);

}

.profilePage .textWithCount.subHeading .text
{
        
}
.profilePage .textWithCount.subHeading .count
{
        
}
.XenBase .mediaContainer .statsSection, .XenBase .mediaContainer .statsSection i, .XenBase .mediaLabel.labelStandard
{
	color: rgb(86, 86, 86);
}




/* MAGICAL WONDERFUL BREADCRUMB */
.pageContent .breadcrumb .crust .arrow, .pageContent .breadcrumb .crust .arrow span
{
	border-top-width: 18px;
	border-bottom-width: 18px;
	border-left-width: 8px;
}
.pageContent .breadcrumb .crust .arrow
{
	right: -8px;
}
.pageContent .breadcrumb
{
	height: 36px;
}
.pageContent .breadcrumb .crust a.crumb
{
	line-height: 36px;
}
.pageContent .breadcrumb .crust .arrow span
{
	top: -18px;
	left: -9px;
}
.pageContent .breadcrumb.showAll
{
	height: auto;
}



/* Magical Page Nav */
.PageNav a, .PageNav .pageNavHeader
{
	height: 26px;
	line-height: 26px;
}
.PageNav .scrollable
{
	height: 28px;
}







.profilePostListItem
{
	border-top: 1px solid rgb(235, 235, 235);
}
.xenForm .ctrlUnit
{
	padding-top: 10px;
}
.breadBoxTop 
{
	
}
.breadBoxBottom
{
	
}
.XenBase .messageSimple, .XenBase .profilePage .eventList li, .XenBase .searchResult
{
	padding: 10px;

}
.nodeList .categoryStrip .nodeTitle a, .navTabs .navTab .navLink, .sidebar .section .primaryContent h3 a, .profilePage .mast .section.infoBlock h3, .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .sidebar .section .secondaryContent h3 a,
 .discussionList .sectionHeaders a, .discussionList .sectionHeaders a span, a.callToAction span, .button, #SignupButton .inner
{
	
}
.XenBase .discussionListItem .noteRow
{
	color: rgb(25, 25, 25);
}
.XenBase .button.smallButton
{
	font-size: 13px;
	height: 30px;
	line-height: 28px;
	padding: 0px 10px;
	width: auto;
}





.search_form .xenForm, .search_form_post .xenForm, .search_form_profile_post .xenForm,
.search_form_resource_update .xenForm, .tag_search .xenForm, .xengallery_search_form_media .xenForm,
.nflj_showcase_search_form .xenForm, .nflj_sportsbook_search_form .xenForm
{
	background-color: rgb(253, 253, 253);
padding: 10px;
border: 1px solid rgb(235, 235, 235);
border-radius: 0px;

}


.topCtrl.xbTopCtrl
{
	display: block;
	float: none;
	margin-bottom: 10px;
	text-align: right;
}
.sectionMain.insideSidebar .sectionHeader
{
	color: rgb(86, 86, 86);
}

/* Responsive Settings */

@media (max-width:800px)
{
	
	
	
}
@media (max-width:610px)
{
	.XenBase .visitorTabs .navLink .miniMe
	{
		
		margin: 0;
	}
	.navLink .accountUsername .xbVisitorText
	{
		display: none;
	}
	#goTop
	{
		opacity: 0.5;
		right: 5%;
	}	
	
		
}

@media (max-width:480px)
{
	.submitUnit .button, #AttachmentUploader
	{
		margin: 5px 0px;
		box-sizing: border-box;
		width: 100%;
	}
	.Responsive .navigationSideBar .heading span:before
	{
		content: "\f0c9";
		font-family: FontAwesome;
		font-weight: normal;
		color: rgb(255, 255, 255);
		font-size: 14px;
	}
	.XenBase .item.control.like:before 
	{
    		display: none;
	}
	.XenBase .item.control.reply:before 
	{
    		display: none;
	}
}


/* --- xb_footer_layouts.css --- */

.extraFooter
{
	font-size: 13px;
color: rgb(253, 253, 253);
background-color: rgb(44, 52, 63);
padding-top: 10px;
padding-bottom: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
display: block;
overflow: hidden;
line-height: 2;

}
.footerBlockContainer
{
	display: table;
	box-sizing:border-box;
	width: 100%;
}
.footerBlock
{
	padding: 0px 20px;
border-right:  1px solid rgb(0, 0, 0); border-right:  1px solid rgba(0, 0, 0, 0.15); _border-right:  1px solid rgb(0, 0, 0);
border-left:  1px solid rgb(103, 103, 103); border-left:  1px solid rgba(103, 103, 103, 0.13); _border-left:  1px solid rgb(103, 103, 103);
display: table-cell;
box-sizing: border-box;

}
.footerBlockOne		{ width: 25%; }
.footerBlockTwo		{ width: 25%; }
.footerBlockThree	{ width: 25%; }
.footerBlockFour	{ width: 0; }

.footerBlock p
{
	padding: 6px 0;
line-height: 1.7;

}
.footerBlockOne
{
	border-left-width: 0px;

}
.footerBlockTwo
{
	
}
.footerBlockThree
{
	
}
.footerBlockFour
{
	border-right-width: 0px;

}
.extraFooter h3
{
	font-size: 16px;
color: rgb(255, 255, 255);
margin: 0 auto 2px;
font-weight: 700;

}
.footerBlock ul.footerList li a
{
	color: rgb(245, 245, 245);
padding: 9px 0;
border-bottom:  1px solid rgb(0, 0, 0); border-bottom:  1px solid rgba(0, 0, 0, 0.15); _border-bottom:  1px solid rgb(0, 0, 0);
display: block;

}
.footerBlock ul.footerList li:first-child a
{
	border-top-width: 0px;
}
.footerBlock ul.footerList li:last-child a
{
	border-bottom-width: 0px;
}
.footerBlock ul.footerList li a:hover
{
	color: rgb(239, 239, 239);
text-decoration: none;

}
.footerBlock ul.footerList li .fa
{
	color: rgb(112, 112, 112);
margin-right: 5px;

}
.footer .pageContent
{
	border-radius: 0;
}

@media (max-width:800px)
{
	.extraFooter .footerBlock { width: 50%; text-align: center; display: block; float: left; }
}
@media (max-width:610px)
{
	.XenBase .extraFooter .footerBlock { width: 100% !important; display: block; float: none;}
}
@media (max-width:480px)
{

}

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


/* --- xb_offcanvas_menu.css --- */

.xbOffCanvasList
{
	padding-bottom: 50px;
}
.xbOffCanvas, .XenBase .xbOffCanvasToggle, .XenBase .xbOffCanvasNew, .xbOffCanvasSubMenu
{
	display: none;
}



@media (max-width:800px)
{
	html, body
	{
		overflow: hidden;
	}
	.Responsive .xbOffCanvas 
	{
		background-color: rgb(33, 33, 33);
padding-bottom: 50px;
transition: 300ms ease all;
position: fixed;
top: 0;
z-index: 7600;
overflow-y: auto;
display: block;
width: 250px;
height: 100%;

		left: -250px;
	}
	.Responsive .xbOffCanvas.xbOffCanvasOpen
	{
		transition: 300ms ease all;
		left: 0px;
	}
	.xbOffCanvasSubMenu .secondaryContent
	{
		background-color: transparent;
		border-width: 0;
		padding: 0;
	}
	.Responsive .selected .xbOffCanvasSubMenu
	{
		display: block;
	}
	.XenBase .navTab .xbOffCanvasArrow
	{
		color: rgb(255, 255, 255);
		float: right;
		font-size: 16px;
		padding: 0px 10px;
		position: relative;
		z-index: 1;
		display: block;
		cursor: pointer;
		height: 45px;
		line-height: 45px;
	}
	.Responsive .xbOffCanvas .navLink
	{
		color: rgb(250, 250, 250);
background-color: rgb(33, 33, 33);
padding: 0px 15px;
border-top:  1px solid rgb(0, 0, 0); border-top:  1px solid rgba(0, 0, 0, 0.18); _border-top:  1px solid rgb(0, 0, 0);
border-bottom:  1px solid rgb(255, 255, 255); border-bottom:  1px solid rgba(255, 255, 255, 0.08); _border-bottom:  1px solid rgb(255, 255, 255);
line-height: 45px;
height: 45px;

		display: block;
		box-sizing: border-box;
	}
	.xbOffCanvas .xbOffCanvasSubMenu a
	{
		font-size: 13px;
color: rgb(244, 244, 244);
background-color: rgb(27, 27, 27);
padding: 10px;
border-bottom: 1px solid rgb(37, 36, 36);
border-radius: 0px;

		display: block;
	}
	.navTab.selected .xbOffCanvasArrow .fa:before
	{
		content: "\f077";
	}
	.xbOffCanvasToggle .fa
	{
		font-size: 16px;
		position: relative;
		top: 1px;
	}
	.XenBase .xbOffCanvasNew .fa
	{
		font-size: 16px;
		margin-right: 5px;
	}
	.marginLeft .xbOffCanvasToggle .fa:before
	{
		content: "\f00d";
	}
	.xbOffCanvasMask
	{
		background-color: rgba(45, 45, 45, 0.6);
		cursor: pointer;
		display: none;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 7500;
		overflow: hidden;
	}
	.XenBase .navTabs .publicTabs .navLink, .XenBase .navTabs .navTab .SplitCtrl, .XenBase .navTab.xbFloatLogoHelper
	{
		display: none !important;
	}
	
	.Responsive .navTab.xbSearchNav, .Responsive #QuickSearchPlaceholder
	{
		display: none !important;
	}
	
	.xbOffCanvasContainer 
	{
		overflow: hidden;
		transition: 300ms ease all;
		width: 100%;
	}
	.xbOffCanvasContainer.marginLeft
	{
		overflow-y: auto;
		position: relative;
		transition: 300ms ease all;
		
		margin-left: 250px;
		
	}
	.xbOffCanvasControls
	{
		float: left;
	}	
	.XenBase .xbOffCanvasToggle, .XenBase .xbOffCanvasNew
	{
		cursor:pointer;
		padding:0px 10px;
		height: 75px;
		line-height: 75px;
		color: rgb(254, 254, 254);
		display: inline-block;
	}
	.xbOffCanvasMask.xbOffCanvasOpen
	{
		display: block;
	}
	.xbOffCanvas .navLink .itemCount
	{
		font-weight: bold;
		color: white;
		background-color: rgb(255, 36, 103);
		border-radius: 0px;
		position: relative;
		line-height: 20px;
		padding: 0px 5px;
		display: inline-block;
		text-align: center;
		white-space: nowrap;
		word-wrap: normal;
		height: 20px;
		margin-left: 5px;
		font-size: 11px;
	}
	.xbOffCanvas .navLink .itemCount .arrow
	{
		display: none;
	}
}
@media (max-width:480px)
{
	.xbOffCanvasNew span, .xbOffCanvasControls .menuText { display: none; }
}

	

/* --- xb_scroll_buttons.css --- */

.xbScrollButtons
{
	position: fixed;
right: 2%;
bottom: 80px;
z-index: 1000;

}

.xbScrollUpButton, .xbScrollDownButton
{
	color: rgb(255, 255, 255);
background-color: rgb(3, 169, 244);
padding: 10px;
border: 1px solid rgb(3, 169, 244);
border-radius: 2px;
white-space: nowrap;
cursor: pointer;
text-align: center;
opacity: 0.3;
transition: opacity 0.3s ease-in-out;

}
.xbScrollUpButton:hover, .xbScrollDownButton:hover
{
	color: rgb(255, 255, 255);
opacity: 1;

}
@media (max-width:800px)
{
	.xbScrollUpButton
	{
		padding: 7px;
		right: 1%;
	}
	.xbScrollDownButton
	{
		padding: 7px;
		right: 1%;
		bottom: 68px;
	}
}

/* --- xb_social_links.css --- */

.xbSocialLinks
{
	text-align: center;
}
.xbSocialLinks li
{
	display: inline-block;
}
.xbSocialLinks li a
{
	font-size: 28px;
padding: 6px;
margin-top: 3px;
margin-bottom: 3px;
border-radius: 0px;
display: block;
line-height: 23px;
transition: opacity 0.3s ease-in-out;
color: rgb(44, 52, 63) !important;
height: 23px;

}
.xbSocialLinks li a:hover
{
	color: rgb(3, 169, 244) !important;

}


.xbSocialLinks .xbslTwitter a 		{ color: #00aced; }
.xbSocialLinks .xbslFacebook a 		{ color: #3b5998; }
.xbSocialLinks .xbslLinkedin a 		{ color: #007bb6; }
.xbSocialLinks .xbslGoogle a		{ color: #dd4b39; }
.xbSocialLinks .xbslVimeo a		{ color: #aad450; }
.xbSocialLinks .xbslYoutube a		{ color: #bb0000; }
.xbSocialLinks .xbslSteam a		{ color: #000000; }
.xbSocialLinks .xbslTwitch a		{ color: #6441a5; }
.xbSocialLinks .xbslPinterest a		{ color: #C92228; }
.xbSocialLinks .xbslVK a		{ color: #45668e; }
.xbSocialLinks .xbslTumblr a		{ color: #35465c; }
.xbSocialLinks .xbslInstagram a		{ color: #3f729b; }
.xbSocialLinks .xbslReddit a		{ color: #ff4500; }
.xbSocialLinks .xbslApple a		{ color: #1DBCF6; }
.xbSocialLinks .xbslGooglePlay a	{ color: #44B5BD; }
.xbSocialLinks .xbslGitHub a		{ color: #1D1F29; }
.xbSocialLinks .xbslRSS a		{ color: #FF6600; }
.xbSocialLinks .xbslContact a		{ color: #858585; }


.footerBlock .xbSocialLinks
{
	text-align: left;
}




/* --- xfa_blogs_nav.css --- */

/* This style is applied to the navigation tab and is included from a hook */