/* trending page set white background only */
body {
	background-color: #FFFFFF;
}

.thead {
	background-color: #EFEFEF;
	color: #323232;
	font-size: 15px;
	text-align: center;
	border-color: #d8d8d8;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	font: 10pt verdana, arial, helvetica, sans-serif;
	visibility: hidden;
	width: 360px;
	background-color: #3366CC;
	color: #FFF;
	text-align: left;
	border-radius: 2px;
	padding: 15px 15px 15px 15px;
	top: 50%;
	left: 105%;
	position: absolute;
	z-index: 1;
	transform: translateY(-50%);
	border: 1px;
	border-color : #CCCCCC;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #3366CC transparent transparent;
}

#forumdir {
	border: none;
}

#forumdir .alt2 {
	padding:0;
}

#forumdir .alt2 img {
	margin-left: 5px;
}

#forumdir .tooltip {
	left: 0;
	background-color:white;
	padding:0;
	width:15px;
	z-index:0;
	margin-right: -2px;
}

#forumdir .tooltip .infoiconindex {
	padding-right: 0px;
}

/*
old format
#forumdir .tcat {
	background-color: #3366CC;
	border-right: 1px solid rgb(204, 204, 204);
}
#forumdir .tcat a {
	color:white;
	text-decoration:none;
	font-weight:bold;
}
#forumdir .alt1Active a {
	text-decoration:none;
}

remove current existing borders
table#forumdir tbody tr {
	border-top: 0 !important;
	border-bottom: 0 !important;
}
*/

/*  trending page CSS adjustments - left menu sidebar */
table#forumdir tbody tr td.alt2 {
	border-left: 0 !important;
	padding-left: 18px;
	padding-right: 9px;
}
table#forumdir tbody tr td {
	border-right: 0 !important;
}


/* set td cell background
   old format
   table#forumdir tbody tr td.tcat {
	background-color: #FFF;
	color: #323232;
	border-collapse: initial;
}
*/


/* grey>black links 1 */
table#forumdir tbody tr td.alt1Active div a {
	color: #323232;
	font-size: 14px;
}
table#forumdir tbody tr td.alt1Active div a:hover {
	color: #0077DB;
	text-decoration: underline;
	text-decoration-color: #00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}


/*  grey>black links 2  */
table#forumdir tbody tr td.tcat a {
	color: #323232;
	font-size: 14px;
}
table#forumdir tbody tr td.tcat a:hover {
	color: #0077DB;
	text-decoration: underline;
	text-decoration-color: #00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}
/* align to text left  */
table#forumdir tbody tr td.tcat {
	padding-left: 6px !important;
}
table#forumdir tbody tr td.tcat a.sub,
table#forumdir tbody tr td.alt1Active div a.sub {
	font-weight:normal;
}


/*  blue active links */
table#forumdir tbody tr td.bluText a {
	color: #0077DB;
	font-size: 16px;
	text-transform: uppercase;
}
table#forumdir tbody tr td.bluText a:hover {
	color: #0077DB;
	text-decoration: underline;
	text-decoration-color: #00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}

table#forumdir tbody tr td.bluText {
	border-top: 1px solid #E6E6E6;
	/*border-bottom: 1px solid #E6E6E6;
	background-color: #EFEFEF;*/
	padding-top: 8px;
	padding-bottom: 8px;
	height: 50px;
	position:relative;
	padding-left:15px !important;
}


/* threads links grey>black */
div#main-content.columns.large-main table tbody tr td table.tborder tbody tr td.alt1 div a {
	color: #323232;
}
div#main-content.columns.large-main table tbody tr td table.tborder tbody tr td.alt1 div a:hover {
	color: #0077DB;
	text-decoration: underline;
	text-decoration-color: #00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}

/* username in thread */
div#main-content.columns.large-main table tbody tr td table.tborder tbody tr td.alt1 div.smallfont span:first-child {
	color: #323232;
	text-decoration: underline;
	text-decoration-color: #00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}
div#main-content.columns.large-main table tbody tr td table.tborder tbody tr td.alt1 div.smallfont span:first-child:hover {
	color: #0077DB;
	text-decoration: underline;
	text-decoration-color: #00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}

/* username in last post fix */
div#main-content.columns.large-main table tbody tr td table.tborder tbody tr td.alt2 div.smallfont a {
	color: #323232;
	text-decoration: underline;
	text-decoration-color: #00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}
div#main-content.columns.large-main table tbody tr td table.tborder tbody tr td.alt2 div.smallfont a:hover {
	color: #0077DB;
	text-decoration: underline;
	text-decoration-color: #00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}

/*  thread starter group subgroup */
div#main-content.columns.large-main table tbody tr td table.tborder tbody tr td.alt1 div.smallfont span a {
	color: inherit;
}
div#main-content.columns.large-main table tbody tr td table.tborder tbody tr td.alt1 div.smallfont span a:hover {
	color: #0077DB !important;
	text-decoration: underline;
	text-decoration-color: #00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}

/* trending page head title badge */
.badge-success {
	color: #fff;
	background-color: #C65D26;
	margin-left:8px;
	border-radius: 10px;
	padding: 2px 8px 2px 8px;
	text-align: center;
	font-size: 12px;
}

/* trending page selected head title link */
a.typeThread {
	font-size: 16px;
	color: #323232;
	font-weight: normal;
	text-decoration: none;
}
a.typeThread:hover {
	text-decoration: underline;
	text-decoration-color: #0077DB;
	-webkit-text-decoration-color: #0077DB;
	-moz-text-decoration-color: #0077DB;
}
.selTypeThread {
	color:  #0077DB;
	font-weight: bold;
	padding-botom
	border-bottom: 4px solid #0077DB;
}

/* trending page small blue links */
a.blLink {
	font-size:12px !important;
	color: #323232 !important;
	text-decoration: underline;
	text-decoration-color:#00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}
a.blLink:hover {
	color: #0077DB;
	text-decoration: underline;
	text-decoration-color:#00A7F5;
	-webkit-text-decoration-color: #00A7F5;
	-moz-text-decoration-color: #00A7F5;
}

/* trending page small grey links */
a.gyLink {
	font-size:12px !important;
	color: #555555 !important;
	text-decoration: underline;
	text-decoration-color:#555555;
	-webkit-text-decoration-color: #555555;
	-moz-text-decoration-color: #555555;
}
a.gyLink:hover {
	color: #0077DB !important;
	text-decoration: underline;
	text-decoration-color:#00A7F5 !important;
	-webkit-text-decoration-color: #00A7F5 !important;
	-moz-text-decoration-color: #00A7F5 !important;
}


a.readMore {
	color: #0077DB;
	font-weight: bold;
}


/* grey>lightblue hover on the trending threads */
.blueHover {
	background-color: #f5fbff !important;
}
.greyHover {
	background-color: #efefef !important;
}

/* set arrow size */
i.fa-angle-up, i.fa-angle-down {
	font-size: 22px !important;
}

/* set arrow color */
i.fa-angle-up {
	color: #0077DB !important;
}

/* min formatitng fix */
/* table tr.threadRow:first-child */
table tbody tr td#trendingForumThreads table.tborder tbody tr.threadRow:first-child {
	border-top: none !important;
}


/*  main page links hover fix  / link in preview thread fix */
div#main-content.columns.large-main table tbody tr td table.tborder tbody tr.threadRow td.alt1 div.alt2 a:hover,
div#main-content.columns.large-main table tbody tr td table.tborder tbody tr.previewThreadRow td a.blLink:hover {
	color: #0077DB !important;
	text-decoration-color: #00A7F5 !important;
	-webkit-text-decoration-color: #00A7F5 !important;
	-moz-text-decoration-color: #00A7F5 !important;
}


/*  popup login facebook login button fix */
.register-form.reveal-modal .button-social.facebook {
	margin-left: 0px !important;
 }


/* all threads and subscribed thread blue underline  */
.blueUnderLine {
	background-color: #4285f4;
	bottom: -12px;
	position: absolute;
	border-radius: 5px 5px 0 0;
	width: 100%;
	height: 3px;
}

div#showForumDirectory:hover {
	border: 2px solid #0077db;
	border-radius:.25rem;
	box-sizing:border-box;
	margin-right:2px;
	margin-top:-2px;
}


/*  relocated from forumhome_trending_all page template  */
.tcat {
	padding:5px;
}
#forumdir td {
	font-size:9pt;
}

/* header top bar image fix remove gap fix */
header {
	background-size: cover;
}


a.typThread {
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	padding: 1rem 0;
	font-family: Ubuntu, Roboto, Arial;
}
a.typThread:hover {
	color: #0077db;
	text-decoration: none;
}
a.typThreadActive {
	color: #0077db;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 1rem 0;
	font-family: Ubuntu, Roboto, Arial;
}
a.typThreadActive:hover {
	color: #0077db;
	text-decoration: none;
}

/* forum directory arrow */
.ltgrey {
  background-color:#FAFAFA;
  border-top: 1px solid rgb(223, 223, 223) !important;
}
.drgrey {
  background-color:#EFEFEF;
  border-top: 1px solid rgb(223, 223, 223) !important;
  border-bottom: 1px solid rgb(223, 223, 223);
}


/*  resize feature desktop to tablet/mobile view */
@media only screen and (max-width: 1024px) {
	div#forumdirlab,
	table#forumdir,
	div.row div.page.column div div.tbox {
		display: none;
	}

	/* div.columns.large-main table tbody tr td div#forumdirLabelNew */
	div#main-content table tbody tr td div#forumdirLabelNew {
		display: none !important;
	}

	div#showForumDirectory {
		display: block !important;
	}

	/* right siderail fix on resize ads on mobile */
	#right-rail {
		display: block !important;
		position: relative !important;
		top: 0px !important;
		left: 40px;
		float: none !important;
		clear: both;
		width: 900px !important;
		min-width: 750px !important;
	}
	.sticky.is-stuck {
		position: relative !important;
		z-index: 0;
		top: 0px !important;
		width: 720px !important;
	}
	div.sticky div.text-center aside.am-adslot {
		display: inline-block;
		float: left;
		margin-left: 25px;
	}

	body.f-header-fixed div.row div.page.column div div.row.sticky-container {
		margin: 0 !important;
	}

	div#main-content.columns.large-main {
		width: 100% !important;
	}
}


@media only screen and (min-width: 1030px) {
	div#forumdirlab,
	table#forumdir,
	table#forumIconCode	{
		display: block !important;
	}
	div.columns.large-main table tbody tr td div#forumdirLabelNew {
		display: block;
	}

}