vertical-align: middle;/*
* THE BOBA FETT FAN CLUB
* Site by FWD:labs (fwdlabs.com)
*/

/* reset.css */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	box-sizing: inherit;
	margin:0; padding:0;
}
del {text-decoration: line-through;}
pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}
strong, b { font-weight: bold; }

/* Custom */

::-moz-selection,
::selection {
	background-color: #fff2ac;
	background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
}

body {font:13px/1.231 helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size: inherit; font: 100%;}

h1,h2,h3,h4,h5,h6,strong{font-weight:700;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
blockquote,.blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
dl dd{margin-left:1em;}
th,td{border:none;padding:10px;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}
input[type=text], input[type=password], textarea{width:12.25em;*width:11.9em;}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=submit],
textarea,
select {
  font-size: 16px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
	margin: 5px 0;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #ccc;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group input {
    display: table-cell;
}

sup { vertical-align: super; }
.deck sup { font-size:60%; }

html {
  height:100%;
	min-height: 100%;
  }

html, body {
	margin: 0px auto;
	font-family: Helvetica, Arial, sans-serif;
	}

body {
	background-color:#000;
	background-image:url('/images/bg_fullbleed_1920x1080.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
}

@media screen and (max-width: 600px) and (orientation: portrait) {
	body {
		background-image:url('/images/bg_fullbleed_1080x1920.jpg');
		background-size:100%;
		background-attachment: fixed !important;
	}
}

body#error #bd {
    height: 100vh;
    display: flex;
		flex-direction:column;
    justify-content: center;
    align-items: center;
}

#doc {
	width:100%;
	min-height: 100%;
	margin:0 auto;
	}
	
#bd,
.content-container,
.sitemap {
	width:100%;
	max-width:960px;
	margin:0 auto;
	color: #ccc;
	}
	@media screen and (min-width: 1100px) {
		#bd,
		.content-container,
		.sitemap { max-width:1080px; }
	}
	@media screen and (min-width: 1900px) {
		#bd,
		.content-container,
		.sitemap { max-width:1500px; }
	}

#ft { margin-top:1rem; }

	#ft #footer-nav div.flex-column {
		line-height:1.5;
	}
	#ft a {
		color:#ccc;
		display:inline-block;
	}
	#ft #footer-nav a {
		padding:5px 0;
	}
	#ft a:hover {
		color:#e8b058;
	}

#centerColumn,
#wrap,
#brd-wrap {
	color:#ccc;
	overflow:visible;
	padding:0;
	width:100%;
	text-align:left;
	vertical-align: top;
	background:transparent;
	}
	#centerColumn,
	#brd-wrap{ margin-top:0; }
	#home #centerColumn { margin-top:0; }
	#home #centerColumn,
	#wrap #centerColumn { left:0; }

	#centerColumn.noSidebar {
		width:100%;
		}

#centerColumn div.one,
#centerColumn div.two,
div.three,
#centerColumn div.four,
#centerColumn div.twofour,
#centerColumn div.fourfourfour,
#bd div.fourfourfour,
div.threethree,
#centerColumn div.five,
#bd div.five,
#bd div.six,
#centerColumn div.six { color:#ccc; float:left; }
	#bd div.one,
	#ft div.one,
	#globalFooter div.one,
	#centerColumn div.one { float:none; }
#bd div.one,
#centerColumn div.one { width:100%; }
#centerColumn div.two { width:50%; }
	#centerColumn div.twofour,
	#bd div.fourfourfour,
	#centerColumn div.fourfourfour { width:75%; }
div.three { width:33%; }
	div.threethree { width:67%; }
	#centerColumn div.threethree div.two { width:50%; }
	#centerColumn div.three div.three { width:100%; }
#centerColumn div.four { width:25%; }
#bd div.five,
#centerColumn div.five { width:20%; }
#bd div.six,
#centerColumn div.six { width:16.66%; }

#centerColumn div.one a, #centerColumn div.two a, #centerColumn div.three a, #centerColumn div.twofour a, #centerColumn div.threethree a {
	/* color:#ffffcc; */
	text-decoration:none;
	}

#bd div.one strong,
#centerColumn div.one strong,
#centerColumn div.two strong,
#centerColumn div.three strong,
#centerColumn div.four strong,
#centerColumn div.twofour strong,
#centerColumn div.threethree strong {
	color:#fff;
	}

body#news #centerColumn div.twofour {
	overflow:hidden;
	}

/* Typography */

#bd ul li,
#bd p {
	text-shadow: 1px 1px 0px #000000;
}

#bd h2 {
	text-shadow: 2px 2px 0px #000000;
}

p,
.p,
#about #bd ul li,
#bounty #bd ul li,
#community div.articleBody p,
#community div.articleBody li,
#community #bd ul li,
#community #bd ol li {
	font-size:1rem;
}
	#bounty #bd ul.displayBounty li { font-size:0.8rem; }
	#story p {
		font-size: inherit;
	}

	div.articleBody #fettpediaPrimaryContent p,
	div.articleBody #fettpediaPrimaryContent li {
		font-size:1.25rem;
		margin-bottom:0.75em;
	}

#about #bd ul li li { font-size:100%; }
#about #bd ul { margin-bottom:1.25em; }
#about #bd ul li { margin-bottom:0.25em; }

#news div.articleBodyCopy p,
#news div.articleBodyCopy li {
	font-size:1.1875rem;
	line-height: 1.6;
}

	div.articleBody #fettpediaPrimaryContent li li { margin-bottom:0.25em; }

#news div.articleBody li p { font-size:100%; }

	p,
	#news div.articleBody li,
	div.articleBody #fettpediaPrimaryContent p,
	div.articleBody #fettpediaPrimaryContent li {
		line-height:1.3;
		}

	#news div.articleBody li li,
	#news div.articleBody li li li,
	div.articleBody #fettpediaPrimaryContent li li,
	div.articleBody #fettpediaPrimaryContent li li li { font-size:100%; }
	div.articleBodyCopy p,
	div.articleBodyCopy li { font-family:"Roboto Condensed", Arial, Helvetica, sans-serif; }
	/* ,
	div.articleBodyCopy p strong,
	div.articleBodyCopy p a,
	div.articleBodyCopy li strong,
	div.articleBodyCopy li a */

@media screen and (max-width: 768px) {
	.flex-horizontal.flex-horizontal-mobile-column { flex-direction:column; }
	.flex-horizontal.flex-horizontal-mobile-column > .flex-none,
	.flex-horizontal.flex-horizontal-mobile-column > .flex-one { flex:1; width:100%; }

	.flex-horizontal.flex-horizontal-mobile-row { flex-direction:row !important; }
	.flex-horizontal.flex-horizontal-mobile-row > .flex-none { flex:none !important; width:auto !important; }
	.flex-horizontal.flex-horizontal-mobile-row > .flex-column { word-break: normal !important; }
}

.articleBodyCopy {
	max-width:640px;
	margin:0 auto;
}
.articleBodyCopy strong {
	color:#fff;
}
.articleBodyCopy strong a { color:#fff !important; text-decoration:underline; }
#fettpediaPrimaryContent .articleBodyCopy img,
body#news .articleBodyCopy img {
	max-width:100%;
	height:auto;
}

	div.articleBody li li, div.articleBody li li li, div.articleBody li li li li { font-size:100%; }
	p.last { margin-bottom:0; }

small, .small { font-size: 0.75rem; }
small { font-style:normal; margin:0 0 1rem; display:block; line-height:1.5; }
	small a { font-weight:normal; text-decoration:none; }

blockquote,
.blockquote {
	border-left:1px solid #555;
	padding-left:1rem;
	margin-left:0;
	}
	.blockquote { display:block; margin-top:0; margin-bottom:0; }

strong { font-weight:bold; }
.normal { font-weight: normal; }

.block { display:block; }
.inline-block { display:inline-block; }

/* em */
.serif,
.italic {
	font-family: Georgia, Times, Times New Roman, Palatino, Bookman, New Century Schoolbook, serif;
}

em, .italic {
	font-style:italic;
}

.quotebox {
	background: #222;
    color: #666;
    padding: 1rem;
	margin:0 0 1rem;
}
	body#bounty.item .quotebox { color:#fff;}
.quotebox .quotebox { margin-bottom:0; padding-top:0; }
.quotebox blockquote {
	border-left:0;
	padding:0;
	margin:0;
}
.quotebox blockquote p:last-of-type { margin-bottom:0; }

/* Alignment */

.first { margin-top:0; padding-top:0; }
.last { margin-bottom:0 !important; padding-bottom:0; }

.nowrap { white-space: nowrap; }

/* Images */

img, a img { border:0; }
.imgalignright, .alignright { float:right; padding:0 0 1rem 1rem; }
.imgalignleft, .alignleft { float:left; padding:0 1rem 1rem 0; }

@media screen and (max-width: 500px) {
	.articleBody img.alignright.size-medium {
		max-width:50%;
		height:auto;
	}
}

/* Links */

a { font-weight: 700; text-decoration:none; }

a, a:link, a:visited { color:#6d8ca4; }
a:active, a:hover { color:#9ba5a8; }

a.side:link { color: #99CCFF; }
a.side:visited { color: #99CCFF; }
a.side:active { color: #ffffff; }
a.side:hover { color: #ffffff; }

a.external:after {
	 background-image: url('/images/icons/open_in_new_white_24dp.svg');
     background-size: 12px 12px;
	 background-repeat:no-repeat;
     display: inline-block;
     width: 12px;
     height: 12px;
     vertical-align: middle;
	 margin:0 2px;
     content:"";
}

/* Header (Yellow) = e8b058 ... hover/visited = e28c01 */

a.footer { font-size: 10px;line-height: 10px;font-weight: bold;text-decoration: none;}
a.footerHome { font-size: 12px;line-height: 12px;font-weight: bold;text-decoration: none;}
a.onblack { font-size: 10px;line-height: 10px;font-weight: bold;text-decoration: none;}
a.onblack:link { color: #999999; }
a.onblack:visited { color: #999999; }
a.onblack:hover { color: #CCCCCC; }
a.onblack:active { color: #CCCCCC; }

/* Pre-Header */

#quoteOfTheMoment { color:#999; text-align:center; }
#quoteOfTheMoment a { color:#fff; text-decoration:underline; }

/* Gutter */

.gutter, .gutterGray, .inside {
	padding:1rem;
}

.medium-border { border:1px solid #555; margin-bottom:1em; }
.press-item .medium-border,
.medium-border table { margin-bottom:0 !important; }
	/* For .medium-border ul, use ul.last instead */

	.gutterGray { background:#ccc; }

	.divider { font-weight:normal; color:#777; }

.has-thumbnail img { max-width:100%; height:auto; }

/* TOC Cover */

#toc {
	float:right;
	margin:0 1rem 1rem 1rem;
	width:300px;
	}



.TOCcover {
	height:150px;
	width:480px;
	background-repeat:no-repeat;
	background-color:#222;
	overflow:hidden;
	float:left;
	}

.TOCcover .headline {
	height:100px;
	overflow:hidden;
	display:block;
	}

.TOCcover .headline a {
	background:none;
	display:block;
	height:100px;
	overflow:hidden;
	padding:25px 0 0 15px;
	color:#fff;
	}

.TOCcover .headline h1 {
	color:#fff;
	padding:0;
	line-height:30px;
	display:inline;
	background:none;
	margin:25px 0 0 0;
	}

.TOCcover a, .TOCcover a:link, .TOCcover a:visited, .TOCcover a:active, #cell_1 .TOCcover a { display:block; color:#fff; text-decoration:none; }
.TOCcover .headline a:hover { color:#e8b058; }

.TOCcover .area, .TOCcover .copy {
	display:block;
	height:15px;
	margin:0;
	overflow:hidden;
	padding:5px 0;
	}

.TOCcover .area h4, .TOCcover .copy h4 {
	font-size:14px;
	color:#fff;
	background:#222;
	display:inline;
	padding:5px 15px;
	font-weight:normal;
	}

#centerColumn #tocFettpediaWrap ul { margin:1rem 0 0; }

.square50,
.square100 {
	width:50px;
	height:50px;
	background:#333;
	overflow:hidden;
	text-align: center;
    vertical-align: middle;
    display: table-cell;
	}
	.square100 {
		width:100px;
		height:100px;
		}
	.square50 img,
	.square100 img {
		max-width: 200%;
		max-height: 100%;
		vertical-align: middle;
		}

/* Headings */

h1 {
	color:#fff;
	padding:1rem 1rem 0;
	display:block;
	font-family:"Roboto Condensed",Helvetica,Arial;
	font-size:3rem;
}
	h1, .h1 { font-weight:700; }
	body#news .articleBody h1 {
		background:#000;
		padding-bottom:1rem;
	}

	@media (prefers-color-scheme: dark) {
		h1, .h1 { color:#eee; }
	}

	.pictureBox .h1 {
		text-transform:uppercase;
		font-size:2.5rem;
		padding:5px 10px;
		display: inline;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		text-shadow: 0 0.1em 0 #000, 0rem 0.1em 0 #333, 0.1em 0.1em 0 rgba(0, 0, 0, 0.5);
		background-color: rgba(0, 0, 0, 0.5);
		font-family: "Roboto Condensed", Helvetica, Arial;
	}

h2, .h2 {
	font-size: 2.5rem;
	margin-left: 0;
	font-weight:400;
	font-family:"Roboto Condensed",Helvetica,Arial;
	}

h1,
h2,
.text-wrap-balance {
	text-wrap: balance;
}

  	.pictureBoxTint {
  		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 1) 100%);
  		position:absolute;
  		top:0;
  		right:0;
  		bottom:0;
  		left:0;
  	}
	.user-box-tint {
  		background: #000000;
		background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 33%, rgba(0, 0, 0, 0.8) 100%);
  		position:absolute;
  		top:0;
  		right:0;
  		bottom:0;
  		left:0;
		z-index:1;
  	}


		  h2.tocTeaser {
			font-family:"Roboto Condensed",Helvetica,Arial;
			font-weight:normal;
			color:#222;
			font-style:italic;
			font-size:1.5em;
			display:inline-block;
			clear:both;
			padding:5px 0;
			margin-bottom:1rem;
			}
		h3.tocTeaser {
			margin-bottom:1rem !important;
		}
		h2.tocTeaser a,
		h3.tocTeaser a {
			background:#222;
			color:#e8b058;
			font-family:"Roboto Condensed",Helvetica,Arial;
			font-weight:700;
			text-transform:uppercase;
			font-style:normal;
			text-decoration:none;
			padding:0.5rem 1rem;
		}
		h2.tocTeaser a:hover,
		h3.tocTeaser a:hover {
			background:#333;
			color:#fff;
			text-decoration:none;
			}

	small.breadcrumb {
		background:#000;
		display:block;
		padding:1rem;
		margin:0;
		}

	#bd h2,
	#brd-wrap h2 {
		color:#fff;
    line-height: 1.25;
    margin-bottom:1rem;
	}

	#header h2 { font-size:1.5em; letter-spacing:-0.05em; }
	#header h2 a { color:#e8b058; }
	#header h2 a:hover { color:#fff; }

	h2 a { color:#ffcc66 !important; }
		body#home h2 a,
		body#bounty h2 a { border-bottom:1px solid #ffcc66; text-transform:uppercase; display:block; }
	h2 a span { display:block; font-size:1.5rem; margin-top:0.75rem; }
	h2 a:hover { color:#fff !important; }

h3, .h3 {
	font-size: 1.5rem;
	line-height: 1.25;
	margin: 0 0 1rem;
	}
	#news div.articleBody h3 {
		font-size:2rem;
	}
h4, .h4 {
	font-family: "Roboto Condensed",Helvetica,Arial;
	font-size: 1rem;
	line-height: 1;
	margin: 0 0 1rem;
	text-transform: uppercase;
	font-weight: bold;
	}
h5 {
	font-size: 1em;
	line-height: 100%;
	margin-left: 0;
	}

/* Lists */

#centerColumn ul.headlines, #centerColumn ul.topics {
	margin:1rem 0;
	padding:0;
	}
#centerColumn ul.headlines li, #centerColumn ul.topics li {
	display:block;
	list-style:none;
	margin:0 0 5px;
	min-height:15px;
	padding:0;
	}
	#centerColumn ul.headlines li img {
		margin-bottom:0.5rem;
		}
	#centerColumn ul.topics li {
		clear:both;
		}

img.avatar {
	width:30px;
	height:30px;
	text-align:center;
	overflow:hidden;
	float:left;
	display:inline;
	border:1px solid #555;
	margin:0;
	}
	.flex-none img.avatar { margin:0; }
	div.two img.avatar {
		width:auto;
		height:auto;
		float:none;
		}
		#account-container .flex-horizontal { justify-content: flex-end; }
		#account-container img.avatar { border:0; display:inline-block; }

#rightbar {
	float:right;
	width:240px;
	}

#masthead ul { list-style-type: none; }
#masthead ul li { margin:0; border-right:1px solid #333; border-bottom:1px solid #333; }
#masthead ul li#liSearch { float:right; background:#000; border-right:0; }

/* Navigation */

a#siteAnnouncement {
	height:32px;
	overflow:hidden;
	line-height:32px;
	display:inline-block;
	/* background-image:url('/tn/340x145/facebook/facebook-live-poll/questions/question-4.jpg'); */
	background-position: top center; background-repeat: no-repeat; background-size:cover;
}

.blink {
	animation: blinker 2s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0.5;
	}
}


.live-circle {
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 20px;
	height: 20px;
}
  .live-circle:before {
	content: "";
	position: relative;
	display: block;
	width: 250%;
	height: 250%;
	box-sizing: border-box;
	margin-left: -75%;
	margin-top: -75%;
	border-radius: 45px;
	background-color: #869d8f;
	animation: pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }
  .live-circle:after {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #869d8f;
	border-radius: 50px;
	animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  }
  
  @keyframes pulse {
	0% {
	  transform: scale(0.33);
	}
	80%, 100% {
	  opacity: 0;
	}
  }
  @keyframes circle {
	0% {
	  transform: scale(0.8);
	}
	50% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(0.8);
	}
  }

a#siteAnnouncement img { vertical-align:top; }

a#siteAnnouncement span {
	display:inline-block;
	height:32px;
	line-height:32px;
	background:#000;
	color:#e8b058;
	font-weight:bold; text-transform:uppercase; font-size:1.15em; margin:0; padding:0 10px;
}
	a#siteAnnouncement:hover span { background:#e8b058; color:#000; }

	.searchbox { margin-bottom:1rem; }
		#hd .searchbox,
		.deck .searchbox { margin-bottom:0; }
		
	.searchbox form {
		margin-bottom:0;
		position:relative;
	}
	.searchbox form div.flex-horizontal { width:100%; }
	/*
	.searchbox label {
		float:left;
		width:100px;
	}
	*/
	.searchbox input {
		border:0;
		display:inline-block;
		line-height:1;
		margin:0;
		padding:5px;
		width:90px;
		}
		.searchbox input[type=radio] { width:16px; }
		.searchbox input[type=submit] { padding:6px; }

		.searchbox label.searchbox-query-input-label { width:100%; }
		.searchbox label.searchbox-query-submit-label {
			position:absolute;
			top:0;
			right:0;
			bottom:0;
			width:28px;
		}
		#search-toggle-box .searchbox label.searchbox-query-input-label input,
		#search-toggle-box .searchbox label.searchbox-query-submit-label input { color:#000; width:100%; }
		#search-toggle-box .searchbox label.searchbox-query-submit-label input { background-color:#e8b058; }

		.searchbox input.submit,
		.searchbox label.searchbox-query-submit-label input[type=submit] {
			background-color:#e8b058;
			background-image: url('/images/icons/baseline_search_black_24px.svg');
			background-size: 20px;
			background-position: center center;
			background-repeat: no-repeat;
			color:#000;
			font-weight:normal;
			font-size: 0;
			line-height: 0;
			height:28px;
			width:28px;
		}
		.searchbox input.submit:hover {
			background-color:#000;
			background-image:url('/images/icons/baseline_search_white_24px.svg');
		}
		.searchbox input#searchbox-query:focus{ outline: none; }

	.searchbox small { margin-bottom:0; }

	/* .searchbox .flex-horizontal .flex-none { margin-right:0; } */

/* 1. Masthead */

#masthead {
	margin:0 auto;
	width:100%;
	color:#ccc;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	position:relative;
}

/* 2. Title Container */

#titlecontainer {
	background-color:#333;
	background-image:url('/images/deck-stripes-by-tk409.png');
	background-position:top left;
	background-repeat:repeat;
	width:100%;
	height: 68px;
	max-height:88px;
	line-height:1.2;
	position:relative;
	}
	#titlecontainer a { color: #fff; }

	#titlecontainer .searchbox {
		width:270px; /* Max */
		text-align:left;
		}

		#titlecontainer .searchbox form {
			width: 100%;
			}

		.searchbox input {
			background-color:#fff;
			border:0;
			color:#000;
			float:none;
			padding:5px;
			width:100%;
			/* margin-bottom:1rem; */
		}

		#titlecontainer .searchbox input.submit {
			background:#e8b058;
			border:0;
			color:#111;
			float:left;
			font-family:Helvetica, Arial, sans serif;
			font-weight:bold;
			text-align:center;
			width:100%;
		}

        #titlecontainer img {
    		max-width:100%;
    		height:auto;
    	}
    	/* body#community #titlecontainer img { float:left; } */

#menu-container {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: inline-flex;
}

#account-container {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-flex;
}

/* 3. Navigation */

#bffc-navigation {
	width:100%;
	margin:0 auto;
	background:#111;
	font-family:Helvetica, Arial, sans serif;
	position:relative;
}

#bffc-nav {
	min-height:27px;
	display:flex;
  	justify-content: center;
}

#account-toggle-box .flex-vertical .flex-one { margin-bottom:1rem; }

#bffc-nav a {
	color:#fff;
	font-weight:bold;
	font-size:0.75rem;
	font-family: "Roboto Condensed",Helvetica,Arial;
}

#desktop-menu {
	position:absolute;
	left:0;
	background:rgba(0,0,0,0.9);
	color:#fff;
	z-index:999;
	width:100%;
}

@media screen and (max-width: 768px) {
	.pictureBox .h1 { font-size:1.75rem; }
	#bd h2 { font-size:1.75rem; }
	#bffc-nav,
	#search-toggle-box,
	#account-toggle-box {
	    position: absolute;
	    background: #000;
	    z-index: 501;
	    right: 0px;
	    left: 0px;
	}
	#bffc-nav a { font-size:1.25rem; }
	#bffc-nav a.parent { padding:0 0.5rem; }
	.flex-vertical-mobile-only {
		flex-direction: column !important;
	}
	.flex-horizontal .flex-vertical-mobile-only {
		align-items: flex-start;
	}
}

#bffc-nav li a img { vertical-align: text-bottom; }

/* you are not here */
#bffc-nav li:hover { color:#000; background:#e8b058; } /* hovered categories */
#bffc-nav li:hover a { color:#000; } /* hovered categories */
#bffc-nav li:hover ul li a { color:#fff; } /* hovered sub-categories */

/* you are here */

#bffc-nav li.on { background:#000; }
#bffc-nav li.on a { color:#9ba5a8; }
#bffc-nav li.on:hover { color:#fff; background:#9ba5a8; }

#bffc-nav ul li a { color:#fff; }
#bffc-nav ul li a:hover { color:#9ba5a8; }
#bffc-nav ul li:hover { color:#fff; background:#111; }

#bffc-nav, #bffc-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:999;
	}
	#bffc-nav a {
		display: block;
		padding:0 8px;
		text-decoration:none;
		text-transform:uppercase;
		line-height:40px;
		}
		#bffc-nav li li a {
			font-size:90%;
			font-weight:normal;
			line-height:22px;
			}
#bffc-nav li {
	/* all list items */
	float: left;
	width: auto;
	}
#bffc-nav li ul { /* second-level lists */
	position: absolute;
	background: #333;
	color:#fff;
	display:block;
	width: auto;
	left: -999em;
	}

#avatar-toggle-icon { position:relative; }
#member-icon { display:block; }
#member-icon .img.avatar { float:none; }

.bffc-nav-mobile-only { display:none; }

#bffc-nav li ul li { float:none; }
#bffc-nav li:hover ul, #bffc-nav li.sfhover ul { /* lists nested under hovered list items */	left: auto;}

body#home #bffc-nav li#li0 a,
body#bounty #bffc-nav li#li3 a.parent,
body#costume #bffc-nav li#li125 a.parent,
body#board #bffc-nav li#li93 a.parent,
body#fettpedia #bffc-nav li#li7 a.parent,
body#news #bffc-nav li#li9 a.parent,
body#multimedia #bffc-nav li#li8 a.parent,
body#humor #bffc-nav li#li5 a.parent,
body#community #bffc-nav li#li10 a.parent,
body#followfett #bffc-nav li#li83 a.parent,
body#about #bffc-nav li#li11 a.parent {
	background:#ccc !important;
	color:#000 !important;
}

#bffcNavigationMobileListWrap,
#bffcNavigationMobileList,
#bffcNavigationMobile { display:none; } /* Overwritten in mobile.css */

#bffc-nav-icon-menu,
#search-toggle-box,
#account-toggle-box { display:none; background: #000; }

.navigation { font-size:10px; width:960px; margin:0 auto; text-align:left; padding:0; display:block; }
.navigation ul { margin:0; padding:0; list-style-type: none; clear:both; }
.navigation ul li { background:#111; padding:0; margin:0; width:96px; display:inline; float:left; text-align:left; }
.navigation ul a { padding:5px 0 5px 5px; width:89px; border-left:1px solid #000; display:block; color:#e8b058; font-weight:bold; text-decoration:none; }
.navigation ul a:hover { background:#e8b058; color:#000; }
.navigation ul li ul { display:block; margin:0; padding:0; float:left; list-style-type: none; }
.navigation ul li ul li { background:#222; }
.navigation ul li ul li a { display:block; overflow:hidden; }
.navigation ul li ul a { color:#fff; }
.navigation ul li ul li a { font-weight:normal; font-size:90%; padding:2px 0 2px 6px; }
.navigation ul li ul li a:hover { background:#ffffcc; color:#000; }

#centerColumn ul#bffc-nav-secondary { background:#000; display:block; min-height:25px; padding:0; margin:0 0 0 1rem; list-style-type:none; }
#centerColumn ul#bffc-nav-secondary li { float:left; list-style-type:none; margin:0 2rem 0 0; padding:0; }

#globalFooter {
	font-size:90%;
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:0;
	display:block;
	color:#ccc;
	}
	#globalFooter p,
	#globalFooter small { color:#eee; }
	#globalFooter ul { margin:0; padding:0; list-style-type: none; clear:both; }
	#globalFooter a { color:#99ccff; }
	#globalFooter a:hover { color:#e8b058; }

p#globalFooterNavSecondary a { color:#ccc; font-weight:normal; }

.navigation-list { font-size:110%; }
.navigation-list ul { margin:0; padding:0; list-style-type: none; clear:both; }
.navigation-list ul li { background:#111; padding:5px 10px; margin:0; display:inline; float:left; text-align:left; }

nav.pagination a,
nav.pagination span {
	display:block;
	padding:1rem 0;
	text-transform:uppercase;
	font-weight:normal;
}
nav.pagination .pagination-next,
nav.pagination .pagination-previous {
	font-size:1.5rem;
}
nav.pagination .pagination-number {
	font-size:1rem;
}
nav.pagination { text-align:center; }
nav.pagination .pagination-next { text-align:right; }
nav.pagination .pagination-previous { text-align:left; }

nav.pagination span {
	color:#555;
}

nav.pagination a {
	color:#e8b058;
	font-weight:bold;
}
	nav.pagination a:hover {
		color:#fff;
	}

select.pagination-dropdown {
	background-color:#000;
	color:#fff;
	font-size: 1.5rem;
	padding:0;
	border:1px solid #fff;
}

@media screen and (max-width: 768px) {
	nav.pagination a,
	nav.pagination span,
	select.pagination-dropdown { font-size:1rem; }
}

a.back-link { color:#fff; line-height:0; }

/* Share (vertical) */
#share { width:320px; margin:0 auto; background:#111; color:#fff; }
#share ul { margin:0; padding:0; }
#share ul li { float:none; display:block; width:auto;  text-align:left; padding:5px 0; margin:0 0 0 1rem; background-repeat: no-repeat; list-style-type: none; border:0; }
#share ul li span.text { padding: 5px 5px 0 5px; }
#share ul li a { width:auto; padding: 5px 5px 0 20px; color:#ccc; text-decoration:none; border:0; display:block; }
#share ul li a:hover { color:#fff; }
#share ul li:hover a { color:#fff; background:none; text-decoration:underline; }

#globalSectionNav ul.share,
ul.share,
ul.follow,
#globalSectionNav ul.follow {
	padding:0;
	margin:0 !important;
	}
	ul.follow {
		justify-content: center !important;
	}
	#globalSectionNav ul.follow {
		margin-left:1rem;
		}

#centerColumn ul.share li,
ul.follow li,
ul.share li {
	display:block;
	text-align:left;
	padding:0 0 0.5rem;
	margin:0 !important;
	background-repeat: no-repeat;
	list-style-type: none;
	float:left;
	}
	ul.follow span {
		display:none;
		}
	ul.follow.vertical li {
		float:none;
		}
		ul.follow.vertical span {
			display:block;
			padding-left:26px;
			}

	#centerColumn ul.share li { margin-right:0.5rem !important; }

	#globalFooter ul.follow {
		/* display:block; */
		height:32px;
		margin-bottom:10px;
	}

		body#followfett #bd ul.follow { margin-bottom:4em; }

	ul.share li a { padding: 5px 5px 0 20px; color:#fff; text-decoration:none; }
		div.articleBody ul.share li a { padding:0; }

	ul.share li a:hover { color:#000; }ul.share li:hover a { color:#000; text-decoration:underline; }

#globalSectionNav ul.follow li {
	float:left;
	list-style-type: none;
	margin:0 0 10px 5px;
	padding:0;
	height:16px;
	width:16px;
	overflow:hidden;
	}

	div.follow {
		margin-bottom:5px;
	}

	ul.follow li a,
	div.follow a {
		background-image:url('/images/icons/social_sprite_64x64.svg');
		background-repeat:no-repeat;
		display:block;
		height:32px;
		width:32px;
		margin:0;
		padding:0;
		}
		div.follow a {
		    margin: 0 auto;
		}


		body#community td ul.follow li,
		body#followfett td ul.follow li { width:34px; border:1px solid #555; margin:0 0.5rem 0.5rem 0 !important;}

	.follow a.facebook { background-position:0 0; }
	.follow a.facebook:hover,
	.follow a.facebook-active { background-position:0 -32px; }
	.follow a.twitter { background-position:-32px 0; }
	.follow a.twitter:hover,
	.follow a.twitter-active { background-position:-32px -32px; }
	.follow a.instagram { background-position:-64px 0; }
	.follow a.instagram:hover,
	.follow a.instagram-active { background-position:-64px -32px; }
	.follow a.tumblr { background-position:-96px 0; }
	.follow a.tumblr:hover,
	.follow a.tumblr-active { background-position:-96px -32px; }
	.follow a.mastodon { background-position:-128px 0; }
	.follow a.mastodon:hover,
	.follow a.mastodon-active { background-position:-128px -32px; }
	.follow a.flickr { background-position:-160px 0; }
	.follow a.flickr:hover,
	.follow a.flickr-active { background-position:-160px -32px; }
	.follow a.youtube { background-position:-192px 0; }
	.follow a.youtube:hover,
	.follow a.youtube-active { background-position:-192px -32px; }
	.follow a.youtube { background-position:-192px 0; }
	.follow a.youtube:hover,
	.follow a.youtube-active { background-position:-192px -32px; }
	.follow a.pinterest { background-position:-224px 0; }
	.follow a.pinterest:hover,
	.follow a.pinterest-active { background-position:-224px -32px; }
	.follow a.tiktok { background-position:-256px 0; }
	.follow a.tiktok:hover,
	.follow a.tiktok-active { background-position:-256px -32px; }
	.follow a.bluesky { background-position:-288px 0; }
	.follow a.bluesky:hover,
	.follow a.bluesky-active { background-position:-288px -32px; }
	.follow a.threads { background-position:-320px 0; }
	.follow a.threads:hover,
	.follow a.threads-active { background-position:-320px -32px; }


@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

	ul.follow li a,
	div.follow a {
		background-image:url('/images/icons/social_sprite_64x64.svg');
		background-size: 352px 64px;
	}

}


/* Twitter Integration */

@media only screen and (max-width: 960px) {
	#twitterWrap .grid-item:last-child { display:none; }
}
@media only screen and (max-width: 600px) {
	#twitterWrap .grid-item { margin-bottom:-1px; }
	#twitterWrap .grid-item:last-child { display:block; }
}

#twitterWrap .tweet-content {
	word-break: break-word;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
}

#twitterWrap small a { font-weight:normal; }

#centerColumn #twitterWrap ul { margin:1rem 0 0 0; }
#centerColumn #twitterWrap ul li { list-style:none; margin:0 0 1rem 0; }
#centerColumn #twitterWrap ul li img { vertical-align:middle }

#centerColumn #twitterWrap ul li.flex-column { width:25%; }
@media screen and (max-width: 768px) {
	#centerColumn #twitterWrap ul li.flex-column { width:100%; }
}

#twitterWrap a.tweetButton {
	display:inline-block;
	font-family:Helvetica, Arial, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:5px;
	margin-right:15px;
	border-radius:5px;
}
#twitterWrap a.tweetButton:hover { background-color:#000; }

#twitterWrap .twitterText {
    line-height: 1.3;
    display:block;
    word-wrap: break-word;
}

/* Instagram Integration */

#instagramWrap small { float:right; }
#instagramWrap small a { font-weight:normal; }
#centerColumn #instagramWrap ul { margin:1rem 0 0 0; }
#centerColumn #instagramWrap ul li { list-style:none; margin:0 0 1rem 0; }
#centerColumn #instagramWrap ul li div.gutter { padding-left:0; padding-right:15px; }
#instagramWrap li p { margin-right:2rem; }

/* Boards */

#board-posts .board-post {
	background: #000;
	border: 1px solid #333;
    border-radius: 1rem;
    padding: 1rem;
	margin: 1rem 0;
}
#add-new-post .board-post,
.board-topic { padding:1rem 0 0; border-top:1px solid #555; margin:1rem 0; }
.board-forum { padding:0 0 1rem; border-bottom:1px solid #555; margin:1rem 0; }
.board-post-content { font-size:1rem; margin-bottom:1rem; }
.board-post-content p { word-break: break-word; font-size:inherit; }
.board-post-content img,
.board-post-content cite { display:block; margin-bottom:1rem; }
.board-post-content ul,
.board-post-content ol { margin-bottom:1rem !important; }

#punwrap {
	background:transparent;
	width:800px;
	margin:0;
	padding:0;
	}
#punviewforum { margin:0; padding:0; width:800px; background:transparent }

#punwrap #brdmenu ul li,
#centerColumn div.navigation-list ul li {
	margin-right:1ren;
	}
#punwrap #brdfooter { color:#ccc; }

div.postsignature { font-size:90%; }
ul.postactions { float:right; margin:5px; }
ul.postactions li { display:inline; }

	p.subscribelink a {
		background:#ffffcc;
		color:#000;
		padding:5px;
		}
		p.subscribelink a:hover { color:#000; }

/* Forms */

form, textarea { margin-bottom:1rem; }
#bounty-item-has-images form,
#bounty-item-has-images form.usercanedit input { margin-bottom:0; padding-top:0; padding-bottom:0; }

textarea {
	font-family:Helvetica, Arial, sans serif;
	width:100%;
}
body .sceditor-container textarea { width:auto !important;}

div.sceditor-dropdown .button { background-color:#869d8f !important; }

input:focus,
textarea:focus {
	outline:none;
	border-color:#555;
	}

form.edititem,
.edititem {
	border:5px solid #e8b058;
	display: block;
	padding:1rem;
	margin:0 0 1rem;
	text-align:left;
}
	.edititem .edititem { border:0; padding:0; margin:0; }
	body#costume .edititem,
	body#followfett .edititem {
		text-align:center;
	}

	.record-category-item-meta img { vertical-align:middle; }
	.record-category-item-meta .remove-button img { vertical-align:top; }

	.record-category-item-meta .edititem {
		border:0; padding:0; margin:0;
	}
	body.bountyCategory .record-category-item-meta .edititem h4,
	body.bountyCategory .record-category-item-meta .edititem .saveForm { text-align:right; }
	/* body.bountyCategory .record-category-item-meta .edititem { margin-bottom:0.5rem; } */

	@media only screen and (max-width: 768px) {
		body.bountyCategory .record-category-item-meta .edititem h4,
		body.bountyCategory .record-category-item-meta .edititem .saveForm { text-align:left; }
		body.bountyCategory .record-category-item-meta .edititem { margin-top:0.5rem; margin-bottom:0; }
		body.bountyCategory .ratingsForm { justify-content: flex-start !important; }
		#member-bounty-save,
		#member-bounty-rate { margin-bottom:1rem; }
		.record-category-item-meta .edititem { display: flex; justify-content:space-between; }
	}

	.edititem h4,
	.edititem h4 a,
	.usercanedit h4 { color:#e8b058; }

form label { font-weight:bold; color:#fff; }

form.edititem label,
form.usercanedit label { display:block; margin-bottom:1em; }
	#ft form.usercanedit label { display:inline-block; margin:0; }

form.edititem label.last,
form.usercanedit label.last { margin-bottom:0; }
form.edititem label,
form.edititem input,
form.edititem textarea,
form.edititem select,
form.usercanedit label,
form.usercanedit input,
form.usercanedit textarea,
form.usercanedit select { border:2px solid #ccc; margin:0 0 10px; width:100%; padding:10px; }
	form.edititem input[type="checkbox"],
	form.usercanedit input[type="checkbox"] { width:16px; }

form.edititem label,
form.usercanedit label { padding:0; border:0; }
.sceditor-container { margin-bottom:1rem !important; }

form.edititem .input-group,
form.usercanedit .input-group { margin-bottom:1rem; }
form.edititem .input-group input,
form.usercanedit .input-group input { margin-bottom:0; }

form.edititem fieldset,
form.usercanedit fieldset {
	border: 1px solid #555;
    padding: 1rem;
	margin-bottom:1rem;
}

	form.usercanedit label div.input-group input {
		width:85%;
		margin:0;
	}

	form.edititem label input[type="radio"],
	form.usercanedit label input[type="radio"] {
		width:25px;
		vertical-align:middle;
	}
form.edititem label img,
form.usercanedit label img {
	vertical-align: middle;
}
form.edititem small,
form.usercanedit small {
	display:block;
	font-family:Georgia, Times New Roman, serif;
	font-style:italic;
	word-break:normal;
	}

body#about .flex-inline-wrap,
body.profile .flex-inline-wrap,
body#costume .flex-inline-wrap,
body#bounty .flex-inline-wrap,
body#multimedia .flex-inline-wrap,
body#followfett .flex-inline-wrap,
form.edititem .flex-inline-wrap,
form.usercanedit .flex-inline-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
body#about .flex-inline-wrap div,
body.profile .flex-inline-wrap div,
body#bounty .flex-inline-wrap div,
body#multimedia .flex-inline-wrap div,
body#followfett .flex-inline-wrap div,
form.edititem .flex-inline-wrap label,
form.usercanedit .flex-inline-wrap label {
	flex:0 1 auto;
	margin:0 1em 1em 0;
}
	body.profile .flex-inline-wrap div {
		margin-bottom:0;
	}
	body#community.badges form.usercanedit .flex-inline-wrap label {
		flex-basis:100px;
	}
	body#community.avatar form.usercanedit .flex-inline-wrap label {
		width:auto;
	}

#example-avatars img { margin: 0 auto; }

#featured-users.grid-wrap img { width:100%; }

body#community.avatar .flex-inline-wrap label img:hover,
#featured-users img:hover,
#example-avatars img:hover,
img.enlarge-on-hover:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

img.rounded-edges { border-radius:50%; }

.submit,
.brd .main-pagepost .posting a.newpost {
	border:0 !important;
	background-color:#e8b058 !important;
	color:#000;
	width:auto;
	font-stretch: condensed;
	-webkit-box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
	box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
	text-transform:uppercase;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold !important;
	cursor: pointer;
	display:inline-block;
	border-radius: 0 !important;
	}

	.edititem .submit,
	.usercanedit .submit {
		width:auto !important;
	}

	.submit:hover,
	.brd .main-pagepost .posting a.newpost:hover {
		background-color:#222 !important;
		color:#fff !important;
	}

	.submit:active,
	.brd .main-pagepost .posting a.newpost:active {
		-webkit-transform: translate(8px, 8px);
	    transform: translate(8px, 8px);
		box-shadow: 0 0 0;
	}

	input:disabled {
		background-color:#ccc !important;
		cursor: not-allowed !important;
		pointer-events: all !important;
		opacity:1;
		color:#fff;
	}
	input:disabled:hover {
		-webkit-transform: translate(0,0);
	    transform: translate(0,0);
	}

	form.edititem label input.submit,
	form.usercanedit label input.submit { background:#e8b058; color:#000; }

div.contact-form-wrap {
	min-height:200px;
	text-align:center;
}

form.contact-form {
	max-width:640px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
}
form.contact-form fieldset { border:0; padding:0; }
form.contact-form label,
form.contact-form input,
form.contact-form select,
form.contact-form textarea { display:block; }
form.contact-form label { margin-bottom:0.25em; color:#fff; }
form.contact-form input,
form.contact-form select,
form.contact-form textarea {
	border:2px solid #eee;
	font-family: Helvetica,Arial,sans serif;
	font-size:1.25em;
	line-height:1.25;
	margin-bottom:1em;
	padding:1em;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
form.contact-form input.submit {
	background:#e8b058;
	color:#111;
	width:auto;
	border-color:#eee;
}
form.contact-form input:focus,
form.contact-form textarea:focus {
    border:2px solid #e8b058;
}

#filterType {
	line-height:2;
	margin-bottom:1rem;
}
#filterType label {
	white-space:nowrap;
	margin-right:1rem;
}




.clearer{	clear: both;	height: 1px;}

legend,
fieldset {
	margin:0;
}

#marginForm { margin:0; padding:0; }
#marginForm legend { display:none; }
#marginForm fieldset{	display: block;	margin: 0 0 1em 0;
	border:0;	border-top:0;	padding: 0;}#marginForm fieldset.radio{	margin: 0 0 0 -1em;	border: 0 solid #FFFFFF;}#marginForm fieldset.radio input{	position: static;	clear: both;	float: left;}#marginForm fieldset.radio label{	position: relative;	top: -1.25em;	display: inline;	width: auto;	margin: 0 0 0 120px;	font-weight: bold;	font-weight: normal;}#marginForm fieldset.radio legend{	float: left;	font-weight: bold;}#marginForm input, #marginForm textarea{	position: relative;	top: -1.4em;	left: 120px;	display: block;
	width:320px;}

#marginForm fieldset p { margin:0 0 10px; padding:0; color:#ccc; font-size:90%; }
#marginForm input.submit {
	background:#ffffcc;
	color:#000;
	clear: both;
	font-weight:bold;
	font-size:1.3em;
	padding:5px;
	text-decoration:underline;
	top: 0;
	width:auto;
	}



#marginForm label{	clear: both;	float: left;	display: block;	width: 120px;	margin-top: -1em;	font-weight: bold;}#marginForm label.first{	margin-top: 1em;}#marginForm select{	position: relative;	top: -1.4em;	left: 120px;	display: block;}


#columnarForm.narrow {
	width:300px;
	}

#columnarForm h3 { margin:0; padding:0; }

#columnarForm img.captcha {
	clear:both;
	display:block;
	left:0;
	top:0;
	}

#columnarForm fieldset {
	border:0;	float: left;	display: block;	width: 300px;	margin: 0 0 1em 0;	padding: 0;
	text-align:left;	}

	form.contact-form fieldset {
		width:100% !important;
		float:none;
		border:0;
	}

#columnarForm fieldset.radio {	width: 220px;	margin: 0;	}#columnarForm fieldset.radio input {	float: left;
	text-align:left;
	margin:0 5px 0 0;	width: auto;	}#columnarForm fieldset.radio label {	font-weight: normal;
	text-align:left;	}

#columnarForm input, #columnarForm textarea {
	display: block;
	font-weight:normal;
	left:0;
	margin-left:0;
	padding:5px;
	text-align:left;
	width: 220px;
}
	body#about.contact #columnarForm label,
	form.contact-form label {
		font-size: 1.25em;
		margin:0.5em 0;
		line-height: 1.3;
	}
	body#about.contact #columnarForm select,
	form.contact-form select {
		padding:5px;
	}
	body#about.contact #columnarForm input,
	body#about.contact #columnarForm textarea,
	body#about.contact #columnarForm select,
	form.contact-form input,
	form.contact-form textarea,
	form.contact-form select {
		width:100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-family:Helvetica, Arial, sans serif;
		font-size:1.25em;
		padding: 10px;
		border: 2px solid #eee;
		line-height: 1.25;
	}
	body#about.contact #columnarForm input.submit,
	form.contact-form input.submit {
		margin:0.5em 0;
	    background: #e8b058;
	    color: #111;
	    width: auto !important;
	    border-color: #eee;
	}
		body#about.contact #columnarForm input.submit:hover,
		form.contact-form input.submit:hover {
			color:#fff;
		    background-color: #959f7d;
		}
	body#about.contact #columnarForm small,
	form.contact-form small {
		margin-top:0.5em;
		display:block;
		font-family:Georgia, Times New Roman, serif;
		font-style:italic;
	}

	#columnarForm .jPicker input { display:inherit; left:inherit; text-align:inherit; padding:inherit; width:inherit; }
	#columnarForm input.hidden { display:none; }#columnarForm label {	display: block;	margin-bottom: 1em;	font-weight: bold;	}#columnarForm label.first {	padding-top: 1em;	}

#columnarForm label.indent { margin-left:20px; }

#columnarForm select {	display: block;	}

#columnarForm input.checkbox {
	width:24px;
	}

	/* Radio Button Select with Overlapping Label */
	/* Based on work by triss90 (Codepen) */

	.radio-button-wrap {
		position: relative;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	.radio-button-wrap input[type=radio] {
		position: absolute;
		opacity: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		cursor: pointer;
	}
	.radio-button-wrap label {
		font-family: "Roboto Condensed", Helvetica, Arial;
		text-transform: uppercase;
		white-space: normal;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	.radio-button-wrap input[type=radio] + .radio-button-label .radio-button-icon {
		background: #f4f4f4;
		border-radius: 100%;
		border: 1px solid #b4b4b4;
		display: inline-block;
		width: 1.4rem;
		height: 1.4rem;
		position: relative;
		vertical-align: middle;
		margin-right:0.5rem;
		text-align: center;
		transition: all 250ms ease;
	}
	.radio-button-wrap input[type=radio]:checked + .radio-button-label .radio-button-icon,
	.radio-button-wrap input[type=radio]:hover + .radio-button-label .radio-button-icon {
		background-color: #3197ee;
		box-shadow: inset 0 0 0 4px #f4f4f4;
	}
	.radio-button-wrap input[type=radio]:focus + .radio-button-label .radio-button-icon {
		outline: none;
		border-color: #3197ee;
	}
	.radio-button-wrap input[type=radio]:disabled + .radio-button-label .radio-button-icon {
		box-shadow: inset 0 0 0 4px #f4f4f4;
		border-color: #b4b4b4;
		background: #b4b4b4;
	}
	.radio-button-wrap input[type=radio] + .radio-button-label:empty .radio-button-icon {
		margin-right: 0;
	}

	.radio-button-wrap.button-checked,
	.radio-button-wrap.button-checked:hover {
		background-color: #3197ee !important;
	}

	/* Tables */

	.table {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto 4rem;
		padding: 2rem 0rem 0rem 0rem;
	}

	.table .table-cell {
	  box-sizing: border-box;
	  flex-grow: 1;
	  width: 100% - 1px;
	  padding: 1rem;
	  overflow: hidden;
	  list-style-type: none;
	  outline: 1px solid #ddd;
	  text-align: center;
	  font-weight: 300;
	  margin-top: 1px;
	  margin-left: 1px;
	}
	.table-hide-first-child .table-cell:first-child {
	  outline: 1px solid #fff;
	  background: transparent;
	}
	.table.table-for-three.table-mobile-style .table-cell.cell-feature {
		width:100%;
		text-align:center;
		background-color:#333;
		color:#fff;
		font-family: "Roboto Condensed", Helvetica, Arial;
   		text-transform: uppercase;
    	font-size: 1.5rem;
	}
	@media only screen and (max-width: 768px) {
	  .table-hide-first-child .table-cell:first-child {
	    display: none;
	  }
	  .table-for-three .table-cell.cell-feature,
	  .table-for-four .table-cell.cell-feature {
		  width:100%;
	  }
	}
	.table-cell > strong {
	  font-size: 2rem;
	  margin-top: 0;
	  margin-bottom: 3rem;
	}
	.table-cell.cell-feature {
	  text-align: left;
	  font-weight:bold;
	}
		.cell-feature span { font-weight:normal; margin-top:1em; display:block; }
	.table-cell ul { margin-left:1.75rem; margin-bottom:0; }
	.table-cell li {
		font-size:inherit !important;
		text-align:left;
	}

	@media only screen and (max-width: 768px) {
		.table-cell > strong {
			font-size: 1.5rem;
		}
	}


	

	/* Table columns
	================================== */
	.table .table-cell {
	  width: calc(33.33% - 1px);
	}
		.table.table-for-two .table-cell {
			width: calc(50% - 1px);
			text-align:left;
		}
		.table.table-for-three .table-cell {
			width: calc(33.33% - 1px);
			text-align:left;
		}
		.table.table-for-four .table-cell {
		  width: calc(25% - 1px);
		}
	@media only screen and (max-width: 768px) {
		.table.table-for-three .table-cell,
		.table.table-for-four .table-cell {
			font-size:75%;
		}
	  .table.table-for-three .table-cell.cell-feature,
	  .table.table-for-four .table-cell.cell-feature {
	    width: 100%;
	    text-align: center;
	  }
	}



/* Footer */

.sitemap {
	font-family: 'Roboto Condensed', Helvetica, Arial;
	text-transform:uppercase;
	columns: 4;
}
@media screen and (max-width: 960px) {
	.sitemap { columns: 2; }
}
.sitemap .inline-block-container {
	display: inline-block;
	width:100%;
	margin-bottom:1rem;
	text-align:left;
}
.sitemap ul {
	font-size: 0.75rem;
    border-left: 1px solid #555;
	margin: 0;
    padding: 0;
    list-style-type: none;
    clear: both;
	line-height: 1 !important;
}
	.sitemap ul li {
		margin:0 !important;
		list-style: none !important;
		border:0 !important;
	}
.sitemap a {
	padding: 0.25rem 0;
	font-family: 'Roboto Condensed', Helvetica, Arial;
	display:block;
	color: #9cf !important;
}
	.sitemap p { color: #eee; }
	.sitemap p a { color:#fff !important; }
	.sitemap ul li a { font-weight:400 !important; padding: 0.25rem 1rem; }

.social-share-wrap {
	text-align:center;
	background:#111;
	border:1px solid #9cf;
	color:#aaa;
	font-family: 'Roboto Condensed', Helvetica, Arial;
	text-transform:uppercase;
	max-width: fit-content;
    margin: 0 auto 1rem;
}
.social-share-wrap a {
	color:#ccc !important;
	font-weight:bold;
}
.social-share-wrap a:hover {
	text-decoration:underline;
}

#footer-only-links {
	justify-content: center;
	line-height: 1.5;
	margin-bottom:1rem;
}
#footer-only-links a {
	color:#ccc;
	text-transform:none;
}

/* Grid */

.grid-wrap {
	display: grid;
	grid-gap: 0;
	margin-bottom:1rem;
}
.grid-wrap-two {
	grid-template-columns: repeat(2, 1fr);
}
	#chart-wrap.grid-wrap-two { grid-template-columns: 50% 50%; }
.grid-wrap-three {
	grid-template-columns: repeat(3, 1fr);
}
.grid-wrap-four {
	grid-template-columns: repeat(4, 1fr);
}
.grid-wrap-five {
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1rem;
}
.grid-wrap-six {
	grid-template-columns: repeat(6, 1fr);
}
.grid-wrap-seven {
	grid-template-columns: repeat(7, 1fr);
}
.grid-wrap-eight {
	grid-template-columns: repeat(8, 1fr);
}
.grid-wrap-ten {
	grid-template-columns: repeat(10, 1fr);
}
.grid-wrap-center {
	justify-content: center;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

/* .grid-wrap-five .gutter { padding-left:0; } */
/* .grid-wrap-six .gutter { padding-left:0; } */

.grid-gap-one { grid-gap:1rem; }
.grid-gap-two { grid-gap:2rem; }
.grid-gap-three { grid-gap:3rem; }

/* Reference: https://stackoverflow.com/a/49100132 */
.grid-row-one {
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	grid-template-rows: repeat(1, 1fr);
	grid-auto-rows: 0;
	overflow: hidden; /* overflow-y only causes problems on #friend-feed */
}
@media screen and (max-width: 960px) {
	.grid-row-one { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
	.grid-wrap-one-tablet { grid-template-columns: repeat(1, 1fr) !important; }
}
@media screen and (max-width: 560px) {
	.grid-row-one { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}

a.grid-item { padding:0 1rem 1rem 0; }

.grid-wrap img {
    max-width: 100%;
    height: auto;
}

.grid-item-half {
	grid-column: auto / span 2;
}
.grid-item-third {
	grid-column: auto / span 3;
}

@media screen and (max-width: 960px) {

	.grid-wrap-two {
		grid-template-columns: 100%;
	}
	#chart-wrap.grid-wrap-two { grid-template-columns: 100%; }
		.grid-wrap-two-mobile { grid-template-columns: repeat(2, 1fr) !important; }
	.grid-wrap-three {
		grid-template-columns: 1fr 1fr;
	}
		.grid-wrap-three-mobile { grid-template-columns: repeat(3, 1fr) !important; }
	.grid-wrap-four {
		grid-template-columns: 1fr 1fr 1fr;
	}
		#press-highlights .grid-wrap-four { grid-template-columns: 1fr 1fr; }
	.grid-wrap-five {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.grid-wrap-six {
		grid-template-columns: repeat(3, 1fr);
	}
	.grid-wrap-seven,
	.grid-wrap-eight {
		grid-template-columns: repeat(4, 1fr);
	}
		.grid-wrap-six-tablet { grid-template-columns: repeat(6, 1fr) !important; }
		.grid-wrap-six-mobile { grid-template-columns: repeat(6, 1fr) !important; }
	.grid-item-half,
	.grid-item-third {
		grid-column: span 1;
	}

}

@media screen and (max-width: 600px) {

	.grid-wrap-three,
	.grid-wrap-four {
		grid-template-columns: 100%;
	}
		.grid-wrap-two-mobile { grid-template-columns: repeat(2, 1fr) !important; }
		#press-highlights .grid-wrap-four { grid-template-columns: 1fr; }
	.grid-wrap-five {
		grid-template-columns: repeat(2, 1fr);
	}
		.grid-wrap-five-mobile { grid-template-columns: repeat(5, 1fr) !important; }
	.grid-wrap-six {
		grid-template-columns: repeat(3, 1fr);
	}
	.grid-wrap-seven {
		grid-template-columns: 50% 50%;
	}
	.grid-wrap-ten {
		grid-template-columns: repeat(5, 1fr);
	}

	#browseByYear .grid-wrap-six {
		grid-template-columns: repeat(6, 1fr);
	}
}

.one,
.two,
.three,
.threethree,
#brd-wrap .threethree,
.four {
	float:left;
	text-align:left;
	}

.two { width:50%; }
.three { width:33.3%; }
.four { width:25%; }
	.two .four { width:50%; }

	@media screen and (max-width: 640px) {
		.three, .four { width:100% !important; float:none !important; }
	}

#bd .threethree { width:66.6%; }
#brd-wrap .threethree { width:66.6% !important; }
	@media screen and (max-width: 640px) {
		#bd .threethree,
		#brd-wrap .threethree,
		.threethree { width:100% !important; float:none !important; }
	}
	#brd-main.threethree { padding:0 !important; }




#headcontainer{margin:0 auto;margin-bottom:5px;padding: 0;height: 50px;text-align:left;width:960px;position:relative;background-color:#99CCFF;}#subheadcontainer{margin:0 auto;padding: 0;height: 25px;text-align:left;width:960px;position:relative;background-color:#222;color:#ccc;}.subheadcontainer{margin:0 auto;padding: 0;height: 25px;text-align:left;width:960px;position:relative;background-color:#222;color:#ccc;font: 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;}

/* Image Gallery */

ul#related-articles,
.thumbnailsWrap {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
	}
ul#related-articles li,
.thumbnailWrap {
	padding:0;
	flex-grow:0;
	flex-shrink:0;
	flex-basis:178px;
	width:178px;
	}

	body#community.profile .thumbnailWrap {
		flex-basis:100px;
		width:auto;
		margin: 0 1em 1em 0;
	}

	.thumbnailWrap a { display:block; }
	.thumbnailWrap:last-of-type { margin-right:auto; }
	span.thumbnailImage,
	span.thumbnail-text { display:block; padding:0; }
	.thumbnail-text { margin-top:1rem; }
	.thumbnailWrap span span { padding:0 0 5px; }

	#news #centerColumn ul#related-articles { margin-left:0; }
	#centerColumn ul#related-articles li,
	#centerColumn div.articleBody ul#related-articles li { list-style:none; margin-left:0; }

.thumbnailsWrap h2,
.picinfoWrap,
.thumbnailsFooter,
#tabs_dropdown_span { width:100%; }
#tabs_dropdown_span { display:block; }

.statlink,
.thumbnailsFooter,
.thumbnailsWrap h2 { padding: 10px; }

#galleries { margin:0 auto; }
#galleries table { padding:5px; }
#galleries table, #galleries tr, #galleries td { border:0; }
#galleries td { background:#222; color:#ccc; padding:0; }
#galleries th { padding:0; }
#galleries tr { padding:5px; }

span.statlink { color:#e8b058; }
#galleries h2.galleryTitle { color:#fff; }

td.tableh1 { padding:10px; }

span.thumbnail-title,
span.thumbnail-meta { display:block; }

span.thumbnail-meta {
  font-weight: normal;
  font-size: 100%;
  color: #999;
	margin-top:0.25rem;
}
span.thumbnail-meta img { width:auto !important; height:auto !important; vertical-align:middle; }
span.thumbnail-meta span { display:inline-block; margin-right:5px; }

#galleries table.tableb td.tableb { font-size:150%; color:#fff; background:#000; }

td.tableb_alternate { padding:10px; }


A.sidesm:link { color: #99ccff; text-decoration: underline; font-size:x-small; font-weight:normal; text-align:left;	}
A.sidesm:visited	{ color: #99ccff; text-decoration: underline; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; font-weight:normal; text-align:left; }
A.sidesm:active	{ color: #ffffff; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; font-weight:normal; text-align:left; }
A.sidesm:hover		{ color: #ffffff; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; font-weight:normal; text-align:left; }
A.sidetitle:link		{ color: #99ccff; text-decoration: underline; }
A.sidetitle:visited	{ color: #99ccff; text-decoration: underline; }
A.sidetitle:active	{ color: #ffffff;  }
A.sidetitle:hover		{ color: #ffffff;  }

/* Rating */

/*  styles for the unit rater
---------------------------------------------------------
ryan masuga, masugadesign.com
ryan@masugadesign.com
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	}

.loading {
	height: 30px;
	background: url('/global/ico/working.gif') 50% 50% no-repeat;
	}

.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('/global/ico/starrating.png') top left repeat-x;
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}

.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}

.unit-rating li a:hover{
	background: url('/global/ico/starrating.png') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('/global/ico/starrating.png') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D; font-weight:bold; }
.static {color:#5D3126;}

/* Calendar */

#displayCalendar .flex-horizontal { margin-bottom:1rem; }

#map {
	height:100%;
	width:100%;
	max-width:640px;
	margin:0 auto 1rem;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition-property: -moz-filter, -ms-filter, -o-filter, -webkit-filter, filter;
    transition-duration: 1s;
}
	#map:hover {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}

/*
.calendar {
	float:left;
	margin:0 1em 1em 0;
	width:60px;
	border: 1px solid #ccc;
	} */

.month {
	background-color: #000;	color: #fff;	display: block;	padding: 1px 5px;	text-align: center;	text-transform: uppercase;	font-size: 90%;
	border-bottom: 1px solid #ccc;}

.day {
	background-color:#000;	color: #fff;	display: block;	font-size: 90%;	text-align: center;	padding: 2px;	font-weight: bold;}


/* Header Nav */

.pagebody { font-size: 12px;line-height: 17px;color: #000000;}

#pagetitle {width:475px;height:40px;padding:10px 0px 10px 0px;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 25px;line-height: 25px;font-weight:bold;color: #000000;text-decoration: none;}

#banner {		font-family: palatino,  georgia, verdana, arial, sans-serif;		color:#333;		font-size:x-large;		font-weight:normal;	  		padding:15px;                border-top:4px double #666;		}
#banner a,        #banner a:link,        #banner a:visited,        #banner a:active,        #banner a:hover {		font-family: palatino,  georgia, verdana, arial, sans-serif;		font-size: xx-large;		color: #333;		text-decoration: none;		}

.description {		font-family:palatino,  georgia, times new roman, serif;		color:#333;		font-size:small;  		text-transform:none;			}					#content {		width: 100%;		}

#content .blog .blogbody h3 a { 			font-size: 23px;		font-weight:bold;		line-height: 25px;		color: #000000;		border-bottom:1px solid #999; 		text-decoration:none; }		#content .blog .blogbody h3 a:link { color:#000; }

#content .blog .blogbody h3 a:visited,
.grey7 { color:#999999; }
.grey5 { color:#555; }
.grey3 { color:#333; }

#content .blog .blogbody h3 a:hover, #content .blog .blogbody h3 a:active { color:#FFF; text-decoration:underline; }	#container {		border:1px solid #333333;				}	#links {			text-align:left;			}			.blog {  		padding:15px;		background:#CCCCCC;  		text-align:left;		}

.blogbody {		color:#000000;		font-size:x-small;		font-weight:normal;  		line-height:150%;  		text-align:left;		}	.blogbody a,	.blogbody a:link,	.blogbody a:visited,	.blogbody a:active,	.blogbody a:hover {		font-weight: normal;		text-decoration: underline;	}

.title	{		font-size: 23px;		line-height: 25px;		color: #000000;		border-bottom:1px solid #999;		}

#menu {		background:#CCCCCC; color:#333333;		font-size:x-small;		font-weight:bold;			}





/* Comments */

#news #centerColumn .comments-area,
#news #centerColumn .comment-list,
#news #centerColumn .comment-form,
#news #centerColumn .comment-navigation {
	max-width:640px;
	margin:0 auto;
}

#news #centerColumn .comments-policy,
#news #centerColumn .comments-title,
#news #centerColumn .comment-reply-title,
#news #centerColumn .comment-navigation {
	text-align:center;
}

	#news #centerColumn .comments-policy { background:#222; }

	#news #centerColumn .comments-title,
	#news #centerColumn .comment-reply-title {
		margin-top:1em;
	}

#centerColumn div.articleBody ol.comment-list li {
	margin:0 0 1rem;
	border:1px solid #555;
	padding:1em;
	list-style:none;
}


#centerColumn div.articleBody ol.comment-list li div.comment-body {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items:center;
}
#centerColumn div.articleBody ol.comment-list li div.comment-body div.comment-author,
#centerColumn div.articleBody ol.comment-list li div.comment-body div.comment-meta {
	flex:1 0 50%;
	margin-bottom:1rem;
}
#centerColumn div.articleBody ol.comment-list li div.comment-body div.comment-author .says {
	color:#777;
	font-style:italic;
	display:block;
}
#centerColumn div.articleBody ol.comment-list li div.comment-body div.comment-meta {
	text-align:right;
}
#centerColumn div.articleBody ol.comment-list li div.comment-body div.comment-meta a {
	font-weight:normal;
	color:#777;
}
#centerColumn div.articleBody ol.comment-list li div.comment-body div.reply {
	width:100%;
	display:block;
}

	#centerColumn div.articleBody ol.comment-list li p {
		color:#eee;
		width:100%;
	}

	#centerColumn div.articleBody ol.comment-list li li {
		margin-top:1em;
	}

	#centerColumn div.articleBody ol.comment-list li.pingback {
		color:#555;
		}


.comment-form label {
	display:block;
}
.comment-form input[type=text],
.comment-form textarea {
	padding:0.5em;
	margin:0;
	min-width:240px;
}

.comment-form textarea {
	max-width:95%;
	}

.comments-body { color:#333333;		font-size:small;		font-weight:normal;  		line-height:140%; 		padding-bottom:10px;  		padding-top:10px;		 		border-bottom:1px dotted #999; 							}
.comments-post { color:#333333;		font-size:x-small;		font-weight:normal;		}
.trackback-url { color:#666;		font-size:small;		font-weight:normal;  		background:#FFF;  		line-height:140%; 		padding:5px;		 		border:1px dotted #999; 							}
.trackback-body { color:#666;		font-size:small;		font-weight:normal;  		background:#FFF;  		line-height:140%; 		padding-bottom:10px;  		padding-top:10px;		 		border-bottom:1px dotted #999; 							}
.trackback-post { color:#666;		font-size:x-small;		font-weight:normal;  		background:#FFF;				}
.comments-head	{ font-size:small; 		color: #000000; 		border-bottom:1px solid #999;		margin-top:20px;		font-weight:bold;			}
#banner-commentspop { color:#FFF;		font-size:large;		font-weight:bold;		border-left:1px solid #FFF;			border-right:1px solid #FFF;  				border-top:1px solid #FFF;  		  		background:#003366;  		padding-left:15px;  		padding-right:15px;  		padding-top:5px;  		padding-bottom:5px;  		  		  			 		}
textarea.width200 { color:#333; 	background-color:#FFF; 	font-size:11px;		width:200px; 	} /* Tables */

#record {
	width: 100%;
	padding: 0;
	margin: 0 0 1em;
}

table { border:0; }

caption {
	padding: 0 0 5px 0;
	width: 480px;
	text-align:left;
}

	div.wp-caption {
		max-width:100%;
		}
		div.wp-caption.alignright p.wp-caption-text {
			margin-right:10px;
			}
	p.wp-caption-text {
		background:#333;
		color:#ccc;
		font-size:0.88em !important;
		padding:5px 10px;
		display: inline-block;
		}

th {
	font-weight: normal;
	text-align: left;
	border:0;
	vertical-align:top;
	font-family: "Roboto Condensed", Helvetica, Arial;
}
	table.record th {
		font-size:inherit;
		padding:0;
		line-height:1.7;
		}

td {
	border:0;
	vertical-align:top;
}

/* Side Navigation================================================*/

#sidenav a { color:#99CCFF }
#sidenav ul {	margin: 0;	padding: 0;	list-style: none;	width: 200px; /* Width of Menu Items */	border-bottom: 1px solid #333;	text-align:right;	}
#sidenav ul li {	position: relative;	}
	#sidenav li ul {	position: absolute;	left: 199px; /* Set 1px less than menu width */	top: 0;	display: none;	}/* Styles for Menu Items */
	#sidenav ul li a {	font: normal 14px verdana;	display: block;	text-decoration: none;	font-weight:bold;	color: #FFF;	background: #333333; /* IE6 Bug */	padding: 5px;	border-top: 1px solid #000;	border-right: 1px solid #EEE;	border-bottom: 0;	}/* Fix IE. Hide from IE Mac \*/* html #sidenav ul li { float: left; height: 1%; }* html #sidenav ul li a { height: 1%; }/* End */#sidenav ul li a:hover { color: #333; background: #e8b058; } /* Hover Styles */#sidenav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */		#sidenav li:hover ul, li.over ul { display: block; }

#section {	width:960px;	background:#000;	margin:0 auto;	clear:both;	font: bold 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;}
#section .one { width:240px; float:left; }
#section .three { width:720px; background:#6f0f1a; float:left; background-image:url(/global/section/bg_helmet.gif); background-repeat:no-repeat; }
#section .three ul { margin-left:240px; height:50px; padding-bottom:12px; list-style:none; }
#section .three ul li { display:block; float:left; font-size:1.5em; padding-right:1em; margin:1em 0 0; }
#section .three ul li a { background:#6f0f1a; padding:0.25em; }



/* Common */

#bd ul.two-column-list {
	list-style: none;
}

#bd ul.two-column-list li {
	margin-left:0; margin-bottom:1em; list-style:none;
}

#bd ul.two-column-list li a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

#bd ul.two-column-list li .left-column {
	width:auto;
	padding:5px;
	line-height:0;
	background-color: #333;
    text-align: center;
    margin-right: 10px;
    color: #ccc;
    font-weight: normal;
	flex: 0 1 auto;
}
#bd ul.two-column-list li .right-column  {
	flex: 1 1 auto;
}
#bd ul.two-column-list li .right-column span {
	color:#ccc;
	font-weight:normal;
}

.clip-circle-50 {
	border-radius:50%;
	width:50px;
	height:50px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size:0.6rem;
	border:1px solid #fff;
	padding:5px;
	background-size: cover;
	text-shadow: 1px 1px 0px #000000;
}
@media screen and (max-width: 768px) {
	.clip-circle-50 { font-size: 0.5rem; }
}

.clip-circle-100 {
	border-radius:50%;
	width:100px;
	height:100px;
	display: flex;
	align-items:center;
	justify-content:center;
	text-align: center;
	vertical-align: middle;
	font-size:0.7em;
	border:1px solid #fff;
	padding:5px;
	background-size: cover;
	text-shadow: 1px 1px 0px #000000;
}

.trophy-50 {
	background-size: 80%;
	width:50px;
	height:50px;
	display:block;
	background-repeat: no-repeat;
    background-position: center center;
}

.trophy-100 {
	background-size: 80%;
	width:100px;
	height:100px;
	display:block;
	background-repeat: no-repeat;
    background-position: center center;
}

.small-badge,
.subtle-badge {
	display:inline-block;
	font-size: 0.66rem;
	padding:0.25rem 0.5rem;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:none;
}

.small-badge {
	background-color:#ffcc66;
	color:#000;
}

.subtle-badge {
	background-color:#222;
	color:#ccc;
}

.subtle-badge-light {
	background-color:#eee;
	color:#555;
}

.bg-green {
	background-color:#5BBB71;
	color:#fff;
}
.bg-variant {
	background-color:#6d8ca4;
	color:#000;
}

	.highlight { background-color:#e8b058; color:#000; text-shadow:none; }
	.highlight-color { color:#e8b058; }
	.highlight-color-white { color:#fff; }

		.highlight a { color:#000; }
		#bd .highlight p { text-shadow:none; }

	button#clickToCopyButton {
		background-color:#fff !important;
		font-size:1.5rem;
		padding:1rem;
	}
	button#clickToCopyButton:hover {
		background-color:#eee !important;
	}
	button#clickToCopyButton:focus {
		background-color:#ddd !important;
	}

	.white { color:#fff; }
	.grey-lt { color:#999; }
	.grey-md { color:#555; }
	.grey-dk { color:#333; }

.flex-horizontal,
.flex-vertical {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items:center;
	flex-direction:row;
}
	.flex-vertical {
		flex-direction: column !important;
		height: 100%;
	}
	div.deck .flex-horizontal {
		padding-top:10px;
		border-bottom:2px solid #333;
		padding-bottom:10px;
	}
		div.deck .flex-horizontal:first-of-type {
			padding-top:0;
		}
		div.deck .flex-horizontal:last-of-type {
			border-bottom:0;
			padding-bottom:0;
		}
		div.deck .searchbox .flex-horizontal {
			padding:0 !important;
			border:0 !important;
		}

		.searchbox-filters { margin-top:1rem; }

	.flex-nowrap {
		flex-wrap: nowrap;
	}
	.flex-horizontal-top {
		align-items:flex-start;
	}
	.flex-horizontal-bottom {
		align-items:flex-end;
	}
	.flex-horizontal-force-vertical
	/* , body#costume .table-cell .flex-horizontal */ {
		flex-direction:column;
	}
	.flex-align-center {
		align-items:center;
	}
	.flex-justify-center {
		justify-content:center;
	}
		body#community.profile .flex-horizontal,
		body#community.message #bd .flex-horizontal {
			justify-content: flex-start;
		}
	body#about.press #press-highlights .flex-horizontal {
		justify-content: space-between;
		}

	body#about.history #bd ul.flex-horizontal { padding-bottom:10px; }
	body#about.history #bd ul.flex-horizontal li { list-style:none; margin:0; }
	body#about.history #bd ul.flex-horizontal li a { padding:10px; padding-bottom:0; display:inline-block; }

	.flex-horizontal .flex-column {
		-webkit-flex: 0 1 auto;
		flex:0 1 auto;
		word-break: break-word;
		}
		/* div.deck .flex-horizontal .flex-column, */
		.flex-horizontal.sub-nav .flex-column {
			margin-right:20px;
			font-size: 1.25em;
		}

		.flex-horizontal.sub-nav:nth-of-type(1) a,
		.flex-horizontal.sub-nav:nth-of-type(1) span {
			font-family: "Roboto Condensed",Helvetica,Arial;
		    text-transform: uppercase;
		}
		.flex-horizontal.sub-nav:nth-of-type(2) a,
		.flex-horizontal.sub-nav:nth-of-type(2) span {
			font-family: "Roboto Condensed",Helvetica,Arial;
		    text-transform: uppercase;
		    font-size: 80%;
		}
			.flex-horizontal.sub-nav:nth-of-type(2) span.italic {
				font-family: Georgia, Times New Roman, serif;
			}
		.flex-horizontal.sub-nav:nth-of-type(2) span.italic,
		.flex-horizontal.sub-nav:nth-of-type(2) em { text-transform:none !important; }

		@media screen and (max-width: 768px) {
			div.deck .flex-horizontal .flex-column { font-size:1em; }
		}
		.flex-zero { flex:0; }
		.flex-none {
			flex: none;
		}
			.flex-horizontal .flex-none { margin-right:1rem; }
			.flex-vertical .flex-none { margin-bottom:0.5rem; }
			
			.flex-horizontal .flex-none.flex-none-last { margin-right:0; margin-left:1rem; }
			.flex-vertical .flex-none.flex-none-last { margin:1rem 0 0; }
			@media screen and (max-width: 960px) {
				.flex-horizontal.flex-horizontal-mobile-column .flex-none.flex-none-last { margin-left:0; margin-top:1rem; }
			}

		.flex-horizontal .flex-column-grow {
			-webkit-flex-grow:1;
			flex-grow:1;
			}
		.flex-horizontal .flex-half {
			-webkit-flex-basis:50%;
			flex-basis:50%;
			width:50%;
			}
			.flex-horizontal .flex-two { flex:2; }
		.flex-horizontal .flex-threethree {
			-webkit-flex-basis:66.66%;
			flex-basis:66.66%;
			width:66.66%;
			word-break: break-word;
			}
		.flex-horizontal .flex-three,
		.flex-horizontal .flex-third {
			-webkit-flex-basis:33.33%;
			flex-basis:33.33%;
			width:33.33%;
			}
		.flex-horizontal .flex-four {
			-webkit-flex-basis:25%;
			flex-basis:25%;
			width:25%;
			}
		.flex-horizontal .flex-five {
			-webkit-flex-basis:20%;
			flex-basis:20%;
			width:20%;
			}
		.flex-horizontal .flex-six {
			-webkit-flex-basis:16.5%;
			flex-basis:16.5%;
			word-break: break-word;
			width:16.5%;
			}
			.flex-horizontal .flex-three img,
			.flex-horizontal .flex-five img {
				max-width:100%;
				height:auto;
			}

		.flex-seven {
			-webkit-flex-basis:14.2%;
			flex-basis:14.2%;
			word-break: break-word;
			width:14.2%;
			}

		@media screen and (max-width: 768px) {

			.flex-horizontal .flex-three,
			.flex-horizontal .flex-threethree,
			.flex-horizontal .flex-two,
			.flex-horizontal .flex-half,
			#community.contests .flex-horizontal .flex-three {
				-webkit-flex-basis:100%;
				flex-basis:100%;
				width:100% !important;
			}
			#multimedia .flex-horizontal .flex-four,
			#community .flex-horizontal .flex-four,
			.flex-horizontal .flex-five,
			#community .flex-horizontal .flex-five,
			#about .flex-horizontal .flex-five {
				-webkit-flex-basis:50%;
				flex-basis:50%;
				width:50%;
			}
			#about .flex-horizontal .flex-six {
				-webkit-flex-basis:33%;
				flex-basis:33%;
				width:33%;
			}
		}

		@media screen and (max-width: 500px) {
			#news .flex-horizontal .flex-three,
			#news #bd .flex-horizontal .flex-column .sixteen-nine-frame,
			#bounty .flex-horizontal .flex-three,
			#bounty .flex-horizontal .flex-threethree,
			#community .flex-horizontal .flex-four,
			#community .flex-horizontal .flex-five {
				-webkit-flex-basis:100%;
				flex-basis:100%;
				width:100% !important;
			}
			#ft .flex-horizontal .flex-four {
				-webkit-flex-basis:50%;
				flex-basis:50%;
				width:50%;
			}
		}

.flex-one {
	flex:1 !important;
}

.height-full { height:100%; }

.sticky-nav {
	background:#000;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index:1;
}
	.sticky-nav ul {
		padding-bottom: 10px !important;
		margin-bottom:10px !important;
	}
	.sticky-nav ul li {
		list-style: none !important;
		margin:0 !important;
		font-size:0.65rem !important;
	}
	.sticky-nav ul li a {
		padding: 10px;
	    padding-bottom: 0;
	    display: inline-block;
	}
	.sticky-nav label {
		cursor: pointer;
	}

.filter { padding-bottom:1rem; font-size: 0.65rem; }
.filter label { display:inline-block; padding:1rem 1rem 0 1rem; }
.filter label:hover { text-decoration:underline; }
.filter label input[type=radio] { margin-right:1rem; }
.filter.flex-horizontal .flex-none { margin-right:0; }

#online .flex-column a {
	padding:0 5px 5px 0;
	display:block;
	margin:5px 5px 0 0;
}

@media screen and (max-width: 768px) {
	.mobile-order-1 { order:1 }
	.mobile-order-2 { order:2 }
}

.mobileBreak { display: none; }

.mobile-only { display:none; }
@media screen and (max-width: 768px) {
	.mobile-only { display:inherit; }
}

.showOnMobile { display: none; }
.hideOnMobile { visibility:visible; }

/* Navigation > Deck */

.deck {
	background: #222 url('/images/deck-stripes.png') top left repeat;
	color:#ccc;
	overflow:hidden;
	}
.deck a:not(.button) {
	color:#e8b058 !important;
	font-weight:bold;
	line-height:1.25;
	}
	.deck a.active,
	.deck span.active,
	.deck a:not(.button):hover { color:#fff !important; }


hr {border:none; width:100%;color:#333;background-color:#333;height:2px;clear:both; margin:2rem 0; }


#centerColumn .gutterGray { color:#333; }
#centerColumn .gutterGray a { background:#000; color:#fff; padding:2px 5px; }

#bd ul,
#bd ol,
#centerColumn ul,
#centerColumn ol,
ul.displayBounty,
ol.displayBounty {
	margin:0 0 1rem 0;
	padding:0;
	}

	#news #centerColumn ul,
	#news #centerColumn ol {
		margin-left:17px;
		}

		#related-articles img {
			max-width:100% !important;
			height:auto !important;
			}

#bd ul li,
#bd ol li,
#centerColumn ul li {
	line-height:1.3;
	padding:0;
	margin-bottom:0.75rem;
	}

	#bd ul li,
	#centerColumn ul li {
		list-style:square;
	}

	#bd #centerColumn ul.slick-dots { margin-bottom:0; }

	body#news #centerColumn div.articleBodyCopy ul li {
	    font-size: 1.385em;
	    line-height: 1.5;
		margin-bottom:10px;
		}
	body#news #centerColumn div.articleBodyCopy ul li ul {
		margin-top:10px;
	}
	body#news #centerColumn div.articleBodyCopy ul li ul li {
		font-size:100%;
	}

#centerColumn div.articleBody ul li,
#centerColumn div.articleBody ol li {
	margin-left:30px;
	}
	#centerColumn ol li,
	#centerColumn ul li ol li {
		list-style-type:decimal;
		}
	#centerColumn div.ratingblock ul li { margin:0; }

	#centerColumn div.articleBody ul li {
		margin-bottom:5px;
		}
	.brd #centerColumn ul li { list-style-type:none; }

	#centerColumn ul.unit-rating { margin-left:0; }
	#centerColumn ul.unit-rating li { list-style-type:none; }


/* Breadcrumbs */

ol.breadcrumbs {
	margin:0 0 1rem 0;
	font-family: "Roboto Condensed", Helvetica, Arial;
    text-transform: uppercase;
}
	#large-hero ol.breadcrumbs {
		justify-content: center;
	}
ol.breadcrumbs li {
	list-style:none;
	margin:0 1rem 0 0 !important; 
}
ol.breadcrumbs li a,
ol.breadcrumbs li span.no-link {
	display:block;
	font-size: 0.66rem;
	padding:0.33rem 1rem;
	background-color:#ffcc66;
	color:#000;
	text-shadow:none;
	transform: skewX(-30deg);
    display: block;
}
	ol.breadcrumbs li span.no-link { background-color:#fff; }
	ol.breadcrumbs li a:hover {
		background-color:#fff !important;
	}
	ol.breadcrumbs li a span,
	ol.breadcrumbs li span.no-link span {
		display:block;
		transform: skewX(30deg);
	}



#navbar {margin:-1em 0 0 0; /* Mozzila attributes */padding:1em 0 0;background-color:#333;}#navbar ul {margin:1.2em 0 -1em .3em;padding:0 0 1em 0;list-style:none;}#navbar li {margin:0 0 0 -.27em;padding:.2em 0 .2em 0 !important;padding:1em 0 1em 0;list-style:none;display:inline;}#navbar li a {margin:0 0 0 0;padding:1em .5em 1em .5em !important;padding:1em .5em 0 .5em;}

#header {height:143px;background-color:#333;color:#fff;}.cell1-wide, .cell1-narrow, .cell2-wide, .cell2-narrow { float:left; background:#333; color:#ccc; }.cell1-wide h2, .cell1-narrow h2, .cell2-wide h2, .cell2-narrow h2 { color:#e8b058; }.cell1-wide p, .cell1-narrow p, .cell2-wide p, .cell2-narrow p { color:#ccc; }.cell1-wide .small, .cell1-narrow .small, .cell2-wide .small, .cell2-narrow .small { color:#999; }.cell1-wide a, .cell1-narrow a, .cell2-wide a, .cell2-narrow a { color:#fff; }.cell1-wide a:hover, .cell1-narrow a:hover, .cell2-wide a:hover, .cell2-narrow a:hover { color:#ccc; }.cell1-wide { width:720px; }.cell1-narrow { width:240px; }.cell2-wide { width:720px; }.cell2-narrow { width:240px; }

#cell_1, .cell_1 {
	float:left;
	width:400px;
	color:#eee;
	}
	#cell_1.fourfourfour { width:720px; }

#cell_2, .cell_2 {
	float:left;
	width:400px;
	color:#eee;
	}
	#cell_2.four { width:240px; }

	#cell_12 { float:left; width:480px; background:#fff; color:#111; }

	#cell_12 h2 { color:#000; }

#cell_1 .primary { color:#000; }
#cell_2 p { color:#eee; }#cell_2 p a { color:#fff; }#cell_2 p a:hover { color:#ccc; }

	#cell_12 p { color:#000; }	#cell_12 p a { color:#333; }	#cell_12 p a:hover { color:#000; }
#column_1, .column_1 {
	border-right:1px solid #fff;float:left;width:266px;margin:0 0 5px;}#column_2, .column_2 {
	border-right:1px solid #fff;float:left;width:266px;margin:0 0 5px;
background:#333;
color:#fff;}

#column_3, .column_3 {float:left;width:266px;margin:0 0 5px;}.right {float:right;}.left {float:left;}.center {width:auto;margin-left:auto;margin-right:auto;}.news em {font-size:.8em;color:#000000;}#column_1 ul.news, #column_2 ul.news, #column_3 ul.news {margin:0 0 0 5px;padding:0 0 0 0;list-style:none;}#column_1 li.news, #column_2 li.news, #column_3 li.news {margin:0 0 .3em 0;padding:5px 0 6px 10px;font-size:.8em;}#column_1 ul, #column_2 ul, #column_3 ul {margin:0 0 1em;padding:0;}#column_1 li, #column_2 li, #column_3 li {margin:0 0 0 1em;padding:0;list-style:square;
list-style-position:inside;
}#box_1 a, #box_2 a, #box_3 a, #box_4 a,
#column_1 a, #column_2 a, #column_3 a { color:#333; padding:3px 0; background:#fff; text-decoration:underline; }#box_1 a:hover, #box_2 a:hover, #box_3 a:hover, #box_4 a:hover { color:#fff; padding:3px 0; background:#333; }#box_1 p, #box_2 p, #box_3 p, #box_4 p { margin:1em 0 0; }#box_1 textarea, #box_2 textarea, #box_3 textarea, #box_4 textarea { font-size:0.9em; }#box_1, .box_1 {float:left;width:200px; }
#box_2, .box_2 {float:left;width:200px; }
#box_3, .box_3 {float:left;width:200px; }
#box_4, .box_4 {float:left;width:200px; }
#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {color:#000;border-bottom:1px solid #222;margin-bottom:0.5em;}

/* Trying something new here... Swapping out grey for Boba Fett samples. */

#box_1 h2,
#column_1 h2,
#column_2 h2,
#column_3 h2 { color:#995533; }#box_2 h2 { color:#889999; }#box_3 h2 { color:#ccbb22; }#box_4 h2 { color:#eeaa66; }#box_1, #column_1, #column_2, #column_3 { background:#ddddcc; color:#000; border-bottom:2px solid #222; }	#box_1 p, #column_1 p, #column_2 p, #column_3 p { color:#000; }#box_2 { background:#ffffee; color:#000; border-bottom:2px solid #222; }	#box_2 p { color:#000; }#box_3 { background:#334433; color:#fff; border-bottom:2px solid #222; }	#box_3 p { color:#fff; }#box_4 { background:#444433; color:#fff; border-bottom:2px solid #222; }	#box_4 p { color:#fff; }#box_3 a, #box_4 a { background:#222; color:#fff; }

/*
#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul, #box_1 ol, #box_2 ol, #box_3 ol, #box_4 ol {margin:0 0 0 10px;padding:0;list-style-type:square;}#box_1 li, #box_2 li, #box_3 li, #box_4 li {margin:0;padding:0 0 10px;}
*/

/*	Sub-nav	http://www.cssplay.co.uk/menus/pointer.html */

.menu {  padding:0;   margin:25px 0 0;   list-style-type:none;  white-space:nowrap;  }.menu li {  float:left;  min-width:50px;  }
.menu a {  font-family:Helvetica, Arial;  font-size:1.5em;  position:relative;  display:block;   text-decoration:none;   min-width:50px;   float:left;   }
* html .menu a {  width:100px;  }.menu a span {  display:block;   color:#000;   background:#c4c4c4;   text-align:center;   padding:5px 16px;   cursor:pointer;  }
* html .menu a span {  width:100px;   cursor:hand;  width:66px;  }
.menu a b {  display:block;   border-bottom:2px solid #06a;  }
.menu a em {  display:none;  }.menu a:hover {  background:#fff;  }
.menu a:hover span {  color:#fff;   background:#08c;  }.menu a:hover em {  display:block;   overflow:hidden;   border:6px solid #06a;   border-color:#06a #333;   border-width:6px 6px 0 6px;   position:absolute;   left:50%;   margin-left:-6px;  }



li, dd {
	margin-left: 1.2em;
	}



fieldset { padding:0; margin:0; }

select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

.rule{	border-top:1px solid #CCC;	height:1px;	font-size:1px;	line-height:1px;	margin:1.5em 0;}

/* Header */

#header{	background:#000;}
#header .inside{	padding:3em 0;}
#header h2{	font-size:2.25em;	margin:0 0.5em 0 0;	padding:0 0.5em 0.25em 0;	border-right:1px solid #808080;	float:left;}
#header h2 a{ text-decoration:none; }

/* Primary */

#cell_1 .primary { background:#fff; }

#primary, #ancillary, #footer {	width:960px;
	margin:0 auto;	background:#ccc;	color:#000;}#primary.twocol-stories .story{	float:left;	width:480px;	display:inline;}.story .details{	margin:1em 0;	text-align:left;	border-top:1px solid #333;	padding:0.5em 0;	font-size:0.95em;	color:#666;}.story .details .read-on{	background:url(images/readon_black.gif) 100% 60% no-repeat;	padding-right:20px;	display:block;}.story .details a { color:#000; font-weight:bold; }.story .details a:hover{ color:#fff; }/* Single Post Styles */.secondary .featured p{	border-bottom:1px solid #333333;	border-top: 1px solid #333333;	padding:0.5em 0 0.6em 0;	line-height:1.5em;	margin:1em 0 0 0;}.secondary .featured dl{	margin:0 0;	border-bottom:1px solid #333333;	padding:0.5em 0 0.6em 0;}.secondary dt{	display:inline;	margin:0;	padding:0;	color:#AAA;}.secondary dd{	display:inline;	margin:0;	padding:0;}.secondary dd a{ color:#808080; }.secondary dd a:hover{ color:#FFF; }

	#secondary{	width:960px;
	margin:0 auto;	background:#0C0C0C;	padding:1px 2em;	border-top:1px solid #1C1C1C;}.comment-head{	border-bottom:1px solid #1C1C1C;	padding:0.8em 2em 1.0em 2em;}.comment-head h2{	font-size:1.5em;	margin:0;}.comment-head a{	text-decoration:none;	color:#868686;}.comment-head .details{	font-size:0.95em;}ol#comments{	list-style-type:none;	margin:1em 0;}ol#comments li{	list-style-type:none;	margin:2em 0;}

#comments p {
	font-size:1rem !important;
	line-height: 1.6;
}

#comments cite {
	font-family: Helvetica, Arial, sans-serif;
	font-style:normal;
	font-weight:bold;
}

#errors { color:#cc0000; font-weight:bold; }
.errors { background:#cc0000; margin-bottom:10px; }
	.errors p { color:#ccc; }
	.errors p strong { color:#fff; }

#comments .pingback cite .author{	display:block;	padding-top:68px;	background:url(images/trackback_pingback.gif) 100% 0 no-repeat;}#comments .content {	display:block;}#comments .content p {	margin:0;}/* modification */#comments .content .highlighted { padding:1em; background:#ffffcc; color:#000; }#comments .content .highlighted a { color:#000; }#comment-form{
	background:#333;
	color:#fff;
	}
	input.textfield {	width: 90%;	margin:5px 0;	font-size:1.25em;}textarea.commentbox{	width:90%;	height:10em;	padding:0.25em;	margin:5px 0;	font-size:1.25em;	font-family: Helvetica, Arial, sans-serif;}label.text{	position:relative;	left:0.5em;	top:-0.5em;}


.formactions input.submit{
	font-family:Helvetica, Arial;	font-size:1.25em;	margin:1em 0;	padding:1em;
	background:#e8b058;
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	text-transform:uppercase;}
	.formactions .spinner{	float:right;	margin:-8px -20px 0 0;}


ul.dates, ul.counts, ul.blogroll ul, ul.pages{	list-style-type:none;	margin:1.5em 0 2em 0;	border-top:1px solid #3D3D3D;}ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{	list-style-type:none;	margin:0;	padding:0.5em 0;	border-bottom:1px solid #3D3D3D;}ul.dates .date{	color:#858585;	padding:0 1.5em 0 0;}ul.counts .count{	float:right;	color:#858585;}ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{	color:#BFBFBF;	text-decoration:none;}ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 	color:#FFF;}ul.blogroll{ margin-top:0; }ul.blogroll li{	list-style-type:none;	margin:0;}ul.pages ul{	margin:0;}ul.pages ul li{	border:none;	margin-left:2em;	list-style-type:square;}

/* Message Board */

.postmsg strong { color:#fff; }
.postleft dl dt a { display:block; font-size:125%; margin-bottom:5px; border-bottom:2px solid #000; }
.podfleft dl dt a:hover { color:#fff; }

/* Video Wrapper */

.video-embed-wrap,
.frame-wrap {
	max-width:960px;
	margin:0 auto 1em;
	background:#000;
	display:block;
}
	body#home .video-embed-wrap,
	body#multimedia.onthisday .video-embed-wrap,
	body#multimedia.popular .video-embed-wrap,
	body#multimedia.onthisday .frame-wrap { max-width:320px; margin:0; }

.video-embed,
.sixteen-nine-frame,
.square-frame {
	width:100%;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin:0;
}
	.sixteen-nine-frame,
	.square-frame {
		background-color:#222;
		background-image:url('/images/stripe-45degree.png');
		background-repeat:repeat;
		display:block;
		margin-bottom:1em;
		background-position: center center;
	}
	.square-frame,
	.video-embed-square,
	.video-embed-facebook { padding-bottom:100%; }
.video-embed iframe,
.video-embed object,
.video-embed embed,
.video-embed video,
.sixteen-nine-frame a,
.sixteen-nine-frame span,
.square-frame a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	bottom:0;
	right:0;
	text-align:center;
}

.sixteen-nine-frame a img {
	max-width:100%;
	max-height:100%;
	height:auto;
}

.sixteen-nine-frame .center-text-in-frame {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
font-family: "Roboto Condensed", Helvetica, Arial;
}

.frame-overlay-play {
	background-image: url(/images/icons/play_circle_filled-24px.svg);
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: 15%;
}

/* body#news #centerColumn div.articleBody iframe { width:100%; height:auto; min-height:300px; } */

body#news #centerColumn dl { margin-left:0; }

body#news div.wp-polls {
	background: #222 url('/images/stripe-45degree.png') top left repeat;
	color: #ccc;
	padding:10px;
	}
	.dem-graph a { height:8px !important; }
	body#news div.articleBody div.wp-polls { float:right; border-left:1px solid #ccc; margin:10px; }
	div.wp-polls strong.poll-question { color:#ffffcc !important; display:block; margin-bottom:5px; }
	#news #centerColumn div.wp-polls ul { margin:0; }
	#centerColumn div.wp-polls ul li { list-style:none !important; margin-left:0 !important; }

div.vvqbox { display:block; clear:both; }

/* Global Section Cover */

#globalSectionCover-wrap {
	position:relative;
	height:150px;
	background:#000;
}

#globalSectionCover {
	width:100%;
	background-color:#000;
	margin:0 auto;
	clear:both;
	}
	.pictureBox{
		overflow:hidden;
		height:150px;
		background-color:#333;
		background-position:top center;
		background-repeat:no-repeat;
		text-align:center;
		position:relative;
		background-size:cover;
		}
		body#community.profile .pictureBox,
		body#community.message .pictureBox,
		body#followfett .pictureBox,
		body#multimedia.video .pictureBox {
			background-size: cover;
			}
		/*
		body#multimedia.films .pictureBox {
			background-position:top left;
			background-size:contain;
			}
		*/

	#articlePictureBox {
		position:relative;
		text-shadow:1px 1px #000;
		color:#fff;
		background-color:#000;
		display: flex;
		align-items: flex-end; /* 2024-01-17 */
		height:100%;
		min-height: 540px;
	}

	#articlePictureBox .background-hero-image,
	.user-box .background-hero-image {
		background-size:contain;
		background-position:top center;
		background-repeat:repeat;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
	}
		.user-box .background-hero-image { 
			background-repeat:no-repeat; 
			background-size:cover;
		}
	
	@media screen and (min-width: 1900px) {
		#globalSectionCover-wrap,
		.pictureBox { height:230px; }
	}

	/*
	// No good on Fettpedia usage
	@media screen and (max-width: 768px) {
		#articlePictureBox { min-height:432px; }
	}
	*/

	.sixteen-nine-ratio {
		aspect-ratio: 16/9; 
	}


.sixteen-nine-ratio.hero-image {
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	position: relative;
}

.background-size-contain { background-size:contain; }

	@media screen and (max-width: 768px) {
		.one-one-ratio-mobile { aspect-ratio:1/1; }
		.background-size-cover-mobile { background-size:cover; }
		.sixteen-nine-ratio.hero-image { min-height: 540px; }
	}

.hero-text-wrap {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.50),rgba(0,0,0,.75),rgba(0,0,0,1));
}

	@media screen and (max-width: 768px) {
		#globalSectionCover-wrap,
		.pictureBox { height:50px; }
		.pictureBox h1 { font-size:1.25em; }
		.sixteen-nine-ratio { aspect-ratio: inherit; }
	}

.vertical-align-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    z-index:500;
}
.vertical-align-middle {
    vertical-align: middle;
}

table.vertical-align-middle td {
	vertical-align: middle;
}

.vertical-align {
    display: table-cell;
}

/* Global Section Nav */

#globalSectionNav {
	background:transparent;
	color:#e8b058;
	width:100%;
	}
	#globalSectionNav ul.globalSectionNavList {
		border:0;
		margin:0;
		}
		#globalSectionNav ul.globalSectionNavList ul {
			margin:0;
			padding:0;
			}
	#globalSectionNav ul.globalSectionNavList li {
		border-bottom:2px solid #222;
		list-style:none;
		margin:0;
		padding:0;
		text-align:left;
		float:left;
		}
		#globalSectionNav ul.globalSectionNavList li li {
			border-bottom:0;
			border-top:2px solid #222;
			list-style:none;
			position:relative;
			}
	#globalSectionNav ul.globalSectionNavList li a,
	#globalSectionNav ul.globalSectionNavList li span,
	#globalSectionNav ul.globalSectionNavList li li a,
	#globalSectionNav ul.globalSectionNavList li li span {
		background:#507063;
    border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		color:#fff;
		display:inline-block;
		padding:3px 10px;
		text-decoration:none;
		text-transform:uppercase;
    font-weight:normal;
		}
		#globalSectionNav ul.globalSectionNavList li.active span {
			background:#fff;
      color:#000;
      font-size: 13px;
      padding: 5px;
			}
		#globalSectionNav ul.globalSectionNavList li li a,
		#globalSectionNav ul.globalSectionNavList li li span {
			padding-left:20px;
		}
		#globalSectionNav ul.globalSectionNavList li span {
			font-weight:bold
			}
	#globalSectionNav ul.globalSectionNavList li a:hover,
	#globalSectionNav ul.globalSectionNavList li.active a:hover {
		background:#9ba5a8;
		color:#fff;
		}

	#globalSectionNav h3 {
		font-size:1em;
		margin-right:20px;
		text-align:right;
		}

	#globalSectionNav ul.share a {
		color:#ccc;
		}
	#globalSectionNav ul.share a:hover {
		color:#e8b058;
		}

.jump-bar {
	font-family: "Roboto Condensed",Helvetica,Arial;
	text-transform:uppercase;
}

.truncated-content { position:relative; margin-bottom:1rem; }
.truncated-content-text {
	overflow: hidden;
    word-break: break-word;
	max-height:200px;
}
.truncated-content-overlay {
	position: absolute;
    bottom: 0;
    padding-top: 2rem;
    width: 100%;
	background: linear-gradient(to bottom, hsla(0, 0%, 100%, 0), #000 2rem);
}

/* Fan Fiction */

#story {
	font-size:1rem;
	line-height:1.5em;
	}

	/*
div.storyPreview {
	border-bottom:1px solid #777;
	margin-bottom:10px;
	padding-bottom:10px;
	}
	*/

/* Boards */

	/* #brd-main ul li { list-style:square; } */
	#brd-main ul li { list-style:none; }

/* Home Page */

body#home ul,
body#home ul li { list-style:none; }
body#home ul li { margin-left:0; }

#homeStrapline {
	width:960px; height:150px; background:#111; margin:0 auto; clear:both; overflow:hidden;
	}
#homeStraplineImage {
	width:720px; height:150px; background:#6f0e1b; float:left; display:inline;
	}
#homeStraplineCopy {
	width:240px; float:left; display:inline; color:#fff;
	}
	#homeStraplineCopy .gutter {
		padding-top:50px;
		}
	#homeStraplineCopy a {
		background:#fff; color:#000; padding:5px; text-transform:none;
		}
	#homeStraplineCopy h4 {
		font-weight:normal; margin-top:10px;
		}

div.module240 {
	width:240px;
	}
div.module360 {
	float:left;
	width:360px;
	}

	#centerColumn div.module360 ul {
		margin:10px 0 0;
		padding:0;
		}
		#centerColumn div.module360 ul.bullets {
			margin:0 0 0 15px;
			}
		#centerColumn div.module360 ul li {
			margin:0 0 10px 0;
			padding:0;
			list-style:none;
			min-height:36px;
			}
			#centerColumn div.module360 ul.bullets li {
				list-style:square;
				margin:0;
				min-height:0;
				}
		#centerColumn div.module360 #tocNewsPoll ul li {
			min-height:16px;
			}
			#centerColumn div.module360 #tocNewsPoll ul li a:hover {
				background:transparent;
				}

div.module720 {
	width:720px;
	}

body#home div.more,
div.module360 div.more,
div.module240 div.more,
div.module720 div.more,
div.ad div.more {
	float:right;
	margin-top:5px;
	}
	div.more span.moreCount {
		font-weight:bold;
		color:#eee;
		}


	div.ad div.more {
		width:200px;
		}
	body#home div.more a,
	div.module240 div.more a {
		font-size:90%;
		font-weight:normal;
		}

	div.more p { margin:0; }

.moduleHeadnote {
		background:transparent;
		font-family:Georgia;
		font-weight:normal;
		font-style:italic;
		text-decoration:none;
	float:right;
	border:5px solid #222;
	border-bottom:0;
	border-left:0;
	padding:10px 10px 0;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	}

.moduleFootnote {
	border:5px solid #222;
	border-top:0;
	color:#ccc;
	display:block;
	padding:0 10px 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	}
	.moduleFootnote strong { color:#eee; }

body#home #adSq { margin: 0 auto 0 0; }

/* Home > Boards */

#displayBoards li {
	margin:5px 0; list-style:none; min-height:50px; overflow:hidden;
	}


#displayBoards li a span.boardSubject span { font-weight:normal; }

body#home #displayHistory .flex-horizontal { align-items:center !important; }

/* Home > Bounty */

#displayBounty li,
#bd ul.displayBounty li {
	margin:0 0 10px;
	list-style:none;
	}
	#bd ol.displayBounty li {
		margin:5px 0;
	}
	body#bounty ul.displayBounty li,
	body#bounty ol.displayBounty li {
		min-height:50px;
		overflow:hidden;
	}
	body#fettpedia ul.displayBounty li {
		line-height: 1;
	}

#displayBounty li a,
ul.displayBounty li a,
ol.displayBounty li a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	}
	body#home #displayBounty li a { align-items:center; }
	body#bounty ul.displayBounty li a,
	body#bounty ol.displayBounty li a {
		min-height:50px;
	}

#displayBounty li a span.bountyThumb,
ul.displayBounty li a span.bountyThumb { flex:0 1 50px; margin-right:10px; }
#displayBounty li a span.bountyItem,
ul.displayBounty li a span.bountyItem { flex:1; }
/* #centerColumn ul.displayBounty li { list-style:none; margin-left:0; } */


span.bountyThumb span.multimediaThumbnail,
.grid-wrap span.multimediaThumbnail { margin:0; }
body#fettpedia span.multimediaThumbnail { margin-right:0; }

	body#fettpedia ul.displayBounty li a {
		margin-bottom:10px;
	}


body#bounty ul.displayBounty li a span.bountyItem,
ul.displayBounty li a span.bountyItem {
    flex: 1;
    padding: 0;
    width:auto;
}

/* Home > This Day In History */

#displayFettpediaThisDayInHistory li a { display:block; }
#displayFettpediaThisDayInHistory li a span.historyThumb,
#displayFettpediaThisDayInHistory li a span.historyDetails { float:left; }
#displayFettpediaThisDayInHistory li a span.historyThumb { width:40%; }
#displayFettpediaThisDayInHistory li a span.historyDetails { width:60%; }

/* Home > Film TV */

#displayNewsFilmTV img { width:100%; height:auto; }

#displayNewsFilmTV span.factcheckThumb { display:block; }
#displayNewsFilmTV span.factcheckQuestion { display:block; font-size: 1.25em; line-height: 1.3; }
#displayNewsFilmTV span.factcheckAnswer { display:block; font-weight:normal; }

#displayNewsFilmTV li a { display:block; width:100%; }
#displayNewsFilmTV li a .grey7 { font-weight:normal; }
#displayNewsFilmTV .circle30 { float:none; background-color: #000; display:inline-block; margin:5px 10px 10px 0; }

/* Home > News */

#displayNews li {
	margin-bottom:1em;
}

	#cell_1 em a { font-weight:normal; }

/* Home Page > Multimedia Module */

	#centerColumn ul.horizontal li,
	#centerColumn ul.galleries li,
	#bd ul.horizontal li,
	#bd ul.galleries li {
		float:left;
		list-style-type:none;
		margin:10px 10px 0 0;
		padding:0;
		height:150px;
		overflow:hidden;
		width:auto;
		}
		#centerColumn ul.horizontal.percentage li {
			width:20%;
			}
		#centerColumn ul.horizontal li {
			height:auto;
			min-height:36px;
			}
		#centerColumn ul.galleries li a img { border:0; }

/* Home > Costume */

body#home ul.bullets {
	margin-bottom:10px !important;
	}
	body#home ul.bullets li,
	body#community ul.bullets li {
		list-style:square;
		margin-left:1.2em;
		color:#777;
		margin-bottom:0.25em;
	}
#displayCostume ul li { line-height:1.3; }
#displayCostume ul li a { font-size: 1.25em; }

/* Home > Fan Films */

#displayFanFilms img { width:100%; height:auto; }

/* Home > Fiction */

#displayMultimediaFiction li { margin-bottom:10px; }

/* Music */

#displayFanMusic table,
#displayFanMusic audio { width:100%; }
#displayFanMusic audio { margin:10px 0; }

body#multimedia.audio table tr,
body#multimedia.music table tr { padding-top:1em; margin-top:1em; }

body#multimedia.audio table td,
body#multimedia.music table td { border-top:1px solid #555; }

@media screen and (max-width: 768px) {
	body#multimedia.audio table th,
	body#multimedia.audio table tr,
	body#multimedia.audio table td,
	body#multimedia.music table th,
	body#multimedia.music table tr,
	body#multimedia.music table td { display:block; border-top:0; width:100% !important; }
	body#multimedia.audio table td:first-of-type,
	body#multimedia.music table td:first-of-type { border-top:1px solid #555; }
	body#multimedia.audio table tr,
	body#multimedia.music table tr { padding-top:0; margin-top:0; }
}

@media screen and (max-width: 560px) {
	tr.audio-file td { display:block; border-top:0; width:100% !important; }
	tr.audio-file audio { width:100%; }
}

/* Home > Bring Back Boba */

#displayBringBackBoba { margin-top:20px; text-align:center; }
#displayBringBackBoba a { border:1px solid #333; display:block; padding:20px; }

/* Search Box > Live Search */

.searchAdvanced label,
.searchAdvanced input,
.searchAdvanced select { display:block; margin-bottom:1rem; }
.searchAdvanced input,
.searchAdvanced select { padding:0.5rem; }

div.livesearchIcon {
	margin-top: 4px;
	float: left;
	width: 31px;
	height: 30px;
	background-image: url(/global/livesearch/magnify.gif);
	background-repeat: no-repeat;
	-webkit-transition-property: background-position, color;
	-webkit-transition-duration: .2s, .1s;
	-webkit-transition-timing-function: linear, linear;
	-moz-transition-property: background-position, color;
	-moz-transition-duration: .2s, .1s;
	-ms-transition-duration: .2s, .1s;
	-ms-transition-timing-property: linear, linear;
	-o-transition-property: background-position, color;
	-o-transition-duration: .2s, .1s;
	-o-transition-timing-property: linear, linear;
	transition-property: background-position, color;
	transition-duration: .2s, .1s;
	transition-timing-function: linear, linear;
}
div.livesearchIcon:hover {
	background-position: 0px -30px;
	cursor: pointer;
}
input#livesearch {
	width: 350px;
	height: 25px;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	outline: none;
	border: 1px solid #ababab;
	font-size: 20px;
	line-height: 25px;
	color: #ababab;
}
input#livesearch:hover,
input#livesearch:focus {
	color: #3b3b3b;
	border: 1px solid #36a2d2;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
}
h4#livesearchResultsText {
	display: none;
}
ul#livesearchResults {
	display: none;
	width: 360px;
	margin-top: 4px;
	border: 1px solid #ababab;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
	box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
}
ul#livesearchResults li {
	padding: 8px;
	cursor: pointer;
	border-top: 1px solid #cdcdcd;
	transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
}
ul#livesearchResults li:hover {
	background-color: #F7F7F7;
}
ul#livesearchResults li:first-child {
	border-top: none;
}
ul#livesearchResults li h3,
ul#livesearchResults li h4 {
	transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	color: #616161;
	line-height: 1.2em;
}
ul#livesearchResults li:hover h3,
ul#livesearchResults li:hover h4  {
	color: #3b3b3b;
	font-weight: bold;
}

/* About */

section.slide-wrap {
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:50vh;
}
	section.slide-wrap div.slide {
		width:100%;
		flex:1;
		text-align:center;
	}
	section.slide-wrap div.slide p {
		max-width:640px;
		margin-left:auto;
		margin-right:auto;
	}

#press-highlights .flex-horizontal { align-items:normal; }

	.press-item img { max-width:100%; height:auto; }
	.press-logo {
		background-size: 90%;
		background-color: #000;
		background-repeat: no-repeat;
		height: 200px;
		width: 100%;
		background-position: center center;
		margin-bottom:1rem;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		color:#fff;
		text-wrap: balance;
		text-align: center;
	}

.flex-width-one { width:100%; }
.flex-width-two { width:49%; }
.flex-width-three { width:32%; }
.flex-width-five { width:19%; }

	@media screen and (max-width: 560px){
		.press-item,
		.flex-width-two,
		.flex-width-three,
		.flex-width-five { max-width:100%; width:100%; }
		.press-item img { max-width:50%; }
		.press-item { border-left:0; border-right:0; border-bottom:0; }
	}

/* Community and My Bounty */

#message-icon {
	position: relative;
    display: block;
}

#message-icon-count {
	position: absolute;
    top: -10px;
    right: -10px;
    background: #000;
    color: #fff;
    display: flex;
    width: fit-content;
    min-width: 1.25rem;
    padding: 0px;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 1px solid #fff;
    font-weight: normal;
    font-size: 0.65rem;
}

.user-box {
	display:flex;
	flex-wrap: nowrap;
}
	a.user-box { color:#fff !important; }
	a.user-box.medium-border:hover { border-color:#fff !important; }

/*
.user-saved-status-2 { border-top:5px solid green !important; }
.user-saved-status-1 { border-top:5px solid yellow !important; }
.user-saved-status-0 { border-top:5px solid red !important; }
*/

tr.user-box-wrap td { vertical-align: middle; }

#user-action-bar form { margin:0 !important; }

#user-status-bar .flex-column .status-legend {
	/*
	display:block;
	font-size:0.9rem;
	*/
	font-weight:normal !important;
}
#user-status-bar-active { text-align:right; margin-left:auto; }

@media screen and (max-width: 768px){
	#user-status-bar th,
	#user-status-bar td {
		font-size: 1rem;
	}
}

a.user-can-edit-wrap {
	position:relative;
	display:inline-block;
}
a.user-can-edit-wrap .small-badge { position:absolute; top:0; right:0; visibility:hidden; }
a.user-can-edit-wrap:hover .small-badge { visibility:visible; }

button.user-can-update-inline {
	background-color:transparent;
	margin-left:0.5rem;
	height:16px;
	width:16px;
	background-image:url('/images/icons/close.svg');
	background-size:cover;
	background-repeat:no-repeat;
	border:0;
}

@media screen and (max-width: 768px){

	/* #user-status-bar-avatar img { width:50px; height:auto; } */
	#user-status-bar .flex-column .status-legend { font-size:0.8rem; font-weight:normal !important; }
}
@media screen and (max-width: 320px){
	#user-status-bar { flex-direction:column; text-align:center; }
	#user-status-bar .flex-column { width:100%; margin:0; }
	#user-status-bar-active { text-align:center; }
}

#friend-feed-wrap {
	max-height:240px;
	overflow-y:scroll;
	overflow-x:none;
}

#friend-feed .friend-feed-activity-wrap { flex-direction:column; }

#friend-feed li,
#user-activity li {
	border-bottom: 1px solid #555 !important;
	padding:0.5em 0 !important;
	margin:0 !important;
	list-style-type:none !important;
}

#friend-feed li div,
#user-activity li div {
	display:flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap:wrap;
}

#friend-feed div span,
#user-activity li div span {
	flex:0 1 auto;
	margin-right:5px;
}
	#friend-feed div span.flex-none,
	#user-activity li div span.flex-none { margin-right:1rem; }
	#friend-feed div span span:last-of-type,
	#user-activity li div span span:last-of-type {
		margin-right:0;
	}
#friend-feed div span.user-activity-object {
	/* white-space: nowrap; */
}
#friend-feed div span.user-activity-object-details,
#user-activity li span.user-activity-object-details {
	margin:0.5rem 0 0;
	flex:1;
	border-left:1px solid #555;
	padding:0 0 0 1rem;
	display:block;
}
	.user-activity-object-details .multimediaThumbnail { margin-bottom:0 !important; }

#friend-feed div span.user-activity-date,
#user-activity li div span.user-activity-date {
	margin-left: auto;
	text-align:right;
}

.user-activity-verb {
	font-style:italic;
	font-family: Georgia, Times, Times New Roman, Palatino, Bookman, New Century Schoolbook, serif;
}
.user-activity-date {
	display:block;
	font-size:80%;
}

#brd-main .user-activity-date,
body#home #user-activity .user-activity-date,
/* body#home #user-activity .user-activity-like-box, */
body.member .user-activity-name { display:none; }

.user-activity-like-box {
	display:flex;
	justify-content: flex-end !important;
	flex-direction: column;
	align-items: flex-end !important;
}
.user-activity-like-box a.bffc-toggle {
	font-size:80%;
	display:block;
	font-weight:normal;
}
.user-activity-like-box-drawer {
	display:none;
	font-size:80%;
	margin-top:0.25em;
}
.user-activity-like-box-drawer .chip a {
	white-space: nowrap;
	display: inline-block;
	font-weight: 400;
}

	.trophy {
		background-color:#444;
		background-image:url('/images/trophies/baseline-stars-24px.svg');
		-webkit-transition: background 0.5s ease-in-out;
		-moz-transition: background 0.5s ease-in-out;
		-o-transition: background 0.5s ease-in-out;
		transition: background 0.5s ease-in-out;
	}
	.trophy:hover {
		background-image:url('/images/trophies/baseline-stars-24px-gold.svg');
		background-color:#fff;
	}

body.member th,
body.members th,
body.member td,
body.members td { padding:0 1rem 1rem 0; }
	body table.no-td-padding td { padding:0; }

body#bounty td { padding:0; }

form#friend,
form#profile-message { display:inline-block ;}

button.bffc-toggle,
body#community.member button,
body#bounty.my button,
body#multimedia.galleries button,
#user-friendship-bar button,
.button,
#generator button,
#login input.submit,
#user-friendship-bar a.button,
body#followfett.my button,
#columnarForm input.submit {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    font-size: inherit; /* 1rem */
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
    color: #fff;
    background-color: #869D8F;
	text-shadow: 1px 1px 0 #000;
	width:auto;
	font-weight:bold;
	padding: 0.5rem 1rem !important;
	font-family: "Roboto Condensed",Helvetica,Arial;
	text-transform:uppercase;
}
	.button.button-primary { text-shadow:none !important; }
	.button.button-small { font-size: 0.75rem; padding: 0.25rem 0.5rem !important; }
	.button.button-large { font-size: 2rem; }

	.button.button-bright {
		background:#ffcc66;
		color:#000 !important;
		text-shadow:none;
		border:2px solid #ffcc66;
	}
		.button.button-bright:hover {
			background:#000 !important;
			color:#ffcc66 !important;
			border:2px solid #ffcc66;
		}
	.button.button-large.button-bright {
		padding-left:3rem !important;
		padding-right:3rem !important;
	}

	#hd .button {
		color:#e8b058 !important;
		background-color: #191919;
		border-color: #333333 !important;
		font-weight:bold;
		font-family: "Roboto Condensed",Helvetica,Arial;
		text-transform: uppercase;
	}

	#login input.submit,
	#join input.submit {
		color:#000 !important;
		background-color: #e8b058;
		font-weight:bold !important;
		text-transform:uppercase;
	}

body#community.member button:hover,
button.bffc-toggle:hover,
.button:hover,
#generator button:hover,
#user-friendship-bar button:hover,
#user-friendship-bar a.button:hover,
body#multimedia.galleries button:hover,
#columnarForm input.submit:hover {
	color:#fff;
    background-color: #797C65 !important;
}

	#hd a.button:hover {
		background-color:#e8b058 !important;
		border-color:#e8b058 !important;
		color:#000 !important;
		text-shadow:none !important;
	}

	#login input.submit:hover,
	#join input.submit:hover {
		color:#fff !important;
		background-color:#e8b058 !important;
	}

.bffc-toggle-icon {
	width: 10px;
    height: auto;
	margin-left:0.5rem;
	vertical-align:middle;
}

.button.button-primary,
.button.button-secondary {
	background: #fc6 !important;
	color: #000 !important;
	border: 0 !important;
	font-size: inherit;
	font-weight: bold !important;
}
	.button.button-primary { font-size:1.25rem !important; }
	.button.button-secondary { background:#222 !important; color:#ccc !important; font-weight:normal !important; }
.button.button-primary:hover,
.button.button-secondary:hover { background:#111 !important; color:#fff !important; }

body#community.member button.secondary,
body#bounty.my button.secondary,
body#followfett.my button.secondary,
#user-friendship-bar button.secondary,
#user-friendship-bar a.button.secondary,
body#multimedia.galleries button.secondary {
	background-color:#333;
	border-color: #333;
	color:#ccc;
	font-size: 0.5rem;
}
button:disabled,
button[disabled],
body#community.member button.disabled,
body#bounty.my button.disabled,
body#followfett.my button.disabled,
#user-friendship-bar button.disabled,
#user-friendship-bar a.button.disabled,
body#multimedia.galleries button.disabled,
.button.button-disabled {
	background-color:#555;
	border-color: #555;
	color:#999;
	cursor: not-allowed;
}
	button[disabled]:hover,
	body#community.member button.disabled:hover,
	body#bounty.my button.disabled:hover,
	body#followfett.my button.disabled:hover,
	#user-friendship-bar button.disabled:hover,
	#user-friendship-bar a.button.disabled:hover,
	body#multimedia.galleries button.disabled:hover {
		background-color:#555 !important;
		border-color: #555 !important;
		color:#999 !important;
	}

button.bffc-toggle {
	font-size: inherit; /* 1rem */
	margin-bottom:1rem;
}

#user-friendship-bar form {
	margin-bottom:0;
}

/* Costume */

/* body#costume blockquote .flex-none { margin-left:-1rem; text-align: right; } */

/* Multimedia */

.multimedia-thumbnail-actions {
	display:block;
}

.protected-image-wrap {
	text-align:center;
	position:relative;
	margin-bottom:2em;
}
.protected-image-wrap .protected-image-top {
	overflow: hidden;
}
.protected-image-wrap img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-width:100%;
	height:auto;
	max-height:1200px;
	pointer-events: none;
}
.protected-image-wrap .protected-image-bottom {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}


body#multimedia h3 span { font-weight:normal; }

body#multimedia.single #bd div.frame-wrap img {
	width:100%;
    height:auto;
    }

#vault {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	}
#vault .vaultItem {
	width: 50%;
	height: 100%;
	-webkit-flex: 1 0 50%;
	flex: 1 0 50%;
	}
	@media screen and (max-width: 560px){
		#vault .vaultItem {
			width: 100%;
			-webkit-flex: 1 0 100%;
			flex: 1 0 100%;
			}
	}

body#multimedia.films td img {
	width:100%;
	height:auto;
	}
	@media screen and (max-width: 560px){
		body#multimedia.films td p { font-size:0.85em; }
	}

p.caption { word-wrap: break-word; }

body#multimedia ul.globalSectionNavList li a { font-size:13px; padding:5px; }

div.multimediaThumbnailWrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	min-height:133px;
	}

.multimediaThumbnail {
	line-height:1;
	flex:0 1 0;
	margin:0 1em 1em 0;
	display:block;
	}
	td .multimediaThumbnail,
	.flex-column .multimediaThumbnail {
		margin:0;
		flex:none;
	}

	div.multimediaThumbnailWrap .multimediaThumbnail img {
		max-width:100%;
		height:auto;
	}

body#multimedia .multimediaThumbnail:last-of-type {
	margin-right:auto;
	}

	#multimediaThumbnail-pager span {
		font-size:3em;
		line-height:1;
		color:#555;
	}
	#multimediaThumbnail-pager span.cycle-pager-active {
		color:#fff;
	}

/* FETTPEDIA */

.handle {
	vertical-align: middle;
    display: inline-block;
}

body#fettpedia #bd { color:#ccc; }

body#fettpedia span.h2,
body#fettpedia span.h3,
body#fettpedia span.h4 { font-family:Helvetica, Arial, sans serif; font-weight:bold; display:block; }

body#fettpedia span.h2,
body#fettpedia span.h3 {
	color:#fff;
    font-size: 1.5rem;
    line-height: 1.25;
    margin: 0 0 1rem;
    }
    body#fettpedia span.h3 { font-size: 1.25em; font-weight:normal; }

body#fettpedia #centerColumn div.externalMultimedia {
	float:right;
	margin:0 10px 10px 10px;
	width:160px;
	border:1px solid #ccc; padding:10px;
	}
	.press-item small,
	div.externalMultimedia small {
		display:block;
		font-family:Georgia, Times New Roman, serif;
		font-style:italic;
		margin-bottom:10px;
		}

body#fettpedia #centerColumn #fettpediaActions li a {
	background:inherit;
	color:#99ccff;
	text-transform:uppercase;
	}
	body#fettpedia #centerColumn #fettpediaActions li a:hover {
		color:#000;
		}

body#fettpedia #centerColumn {
	background:#eee;
	color:#000;
	}

	body#fettpedia #centerColumn #bodyContent a,
	body#fettpedia #centerColumn #bodyContent a:link,
	body#fettpedia #centerColumn #bodyContent a:visited,
	body#fettpedia #centerColumn #bodyContent a:active,
	body#fettpedia #centerColumn #bodyContent a:hover {
		color:green;
		}
	body#fettpedia #centerColumn #bodyContent a.new,
	body#fettpedia #centerColumn #bodyContent a.new:link,
	body#fettpedia #centerColumn #bodyContent a.new:visited,
	body#fettpedia #centerColumn #bodyContent a.new:active,
	body#fettpedia #centerColumn #bodyContent a.new:hover {
		color:red;
		padding:0;
		}

	body#fettpedia #centerColumn #bodyContent a:hover,
	body#fettpedia #centerColumn #bodyContent a.new:hover {
		background:#ccc;
		}

#fettpediaRelatedPages ul,
#fettpediaAllPages ul ul,
ul#category-index {
	column-count: 4;
	}
	#bd #fettpediaRelatedPages ul li,
	#bd #fettpediaAllPages ul li,
	ul#category-index li {
		list-style:none;
		margin:0 0 0.5em;
		line-height:1.25;
		}
	@media screen and (max-width: 960px) {
		#fettpediaRelatedPages ul,
		#fettpediaAllPages ul ul,
		ul#category-index {
			column-count: 3;
			}
	}
	@media screen and (max-width: 768px) {
		#fettpediaRelatedPages ul,
		#fettpediaAllPages ul ul,
		ul#category-index {
			column-count: 1;
			}
	}

#fettpediaRelatedPages,
#fettpediaAllPages {
	border-top:1px solid #555;
	padding-top:1rem;
	margin-top:1rem;
	}

#ContributionCredits {
	border-top:1px solid #333;
	padding-top:10px;
	margin-top:10px;
	font-size:0.85em;
	font-family:Georgia, Times New Roman;
	font-style:italic;
	}
	#ContributionCredits p {
		font-size:90%;
		font-family:Georgia, Times New Roman;
		font-style:italic;
		}

.searchWrapper { display:block; }

.columns li {
	-webkit-column-break-inside: avoid;
			  page-break-inside: avoid;
				   break-inside: avoid;
}
.columns.column-count-3 {
	column-count: 3;
}
.columns.column-count-2 {
	column-count: 2;
}
@media screen and (max-width: 768px) {
	.columns.column-count-3 {
		column-count: 2;
	}
	.columns.column-count-2 {
		column-count: 1;
	}
}


/* Calendar */

body#followfett td img { vertical-align: middle; }

.grid-wrap .calendar-item { margin-bottom:1em; }

body#followfett .firstname,
body#followfett .lastname { display:block; font-size:150%; text-transform:uppercase; }
body#followfett .firstname { font-weight:normal; }

#followfett.area.name td { padding:0 10px 5px 0; }

#followfett form.saveForm fieldset,
#costume form.saveForm fieldset { border:0; }

form.saveForm legend,
form.saveForm label.radio,
form.usercanedit label.radio {
    font-weight: bold;
    padding: 0 5px 0 0;
    text-transform: uppercase;
}

	form.saveForm label.radio em {
		font-size:70%;
	}

	@media screen and (max-width: 500px) {
		form.saveForm label.radio em {
			font-size:100%;
		}
	}

form.form-width-small,
form.form-width-medium,
form.form-width-large {
	margin-left: auto;
    margin-right: auto;
}

form.form-width-small { max-width: 480px; }
form.form-width-medium { max-width: 640px; }
form.form-width-large { max-width: 960px; }

form.saveForm label.radio {
	cursor: pointer;
}

body#community.member button.user-reaction,
button.user-reaction {
	padding:0 !important;
	background-color: transparent !important;
	width:16px !important;
	height:16px !important;
	background-size:contain;
	border:0 !important;
	vertical-align: middle;
}
button.user-like { background-image:url('/images/icons/like-24px.svg'); }
button.user-like:hover:not([disabled]) { background-image:url('/images/icons/liked-24px.svg'); }
button.user-unlike { background-image:url('/images/icons/liked-24px.svg'); }
button.user-unlike:hover:not([disabled]) { background-image:url('/images/icons/unlike-24px.svg'); }

button.user-read { background-image:url('/images/icons/email.svg'); }
button.user-read:hover:not([disabled]) { background-image:url('/images/icons/email.svg'); }
button.user-unread { background-image:url('/images/icons/email2.svg'); }
button.user-unread:hover:not([disabled]) { background-image:url('/images/icons/email2.svg'); }

.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	}

#followfett div.flexbox .flex-two {
	width: 50%;
	height: 100%;
	-webkit-flex: 0 1 50%;
	flex: 0 1 50%;
	}

#followfett div.flexbox .flex-three {
	width: 33.33%;
	height: 100%;
	-webkit-flex: 0 1 33.33%;
	flex: 0 1 33.33%;
	}

#followfett div.flexbox .flex-four {
	width: 25%;
	height: 100%;
	-webkit-flex: 0 1 25%;
	flex: 0 1 25%;
	}

#followfett div.flexbox .flex-five {
	width: 20%;
	height: 100%;
	-webkit-flex: 0 1 20%;
	flex: 0 1 20%;
	}

#followfett div.flexbox .flex-six {
	width: 16.66%;
	height: 100%;
	-webkit-flex: 0 1 16.66%;
	flex: 0 1 16.66%;
	}

.flexbox .flex-seven {
	width: 137px;
	height: 100%;
	-webkit-flex: 0 1 137px;
	flex: 0 1 137px;
	}

#costume div.flexbox .flex-eight {
	width: 120px;
	height: 100%;
	-webkit-flex: 0 1 120px;
	flex: 0 1 120px;
	}

	.flex-horizontal .flex-eight {
	    flex:0 1 12.5%;
	    width: 12.5%;
	}

@media screen and (max-width: 500px) {
	.flex-horizontal .flex-seven,
	.flex-horizontal .flex-eight {
		word-break: break-word;
	}
}

.flex-horizontal .flex-seven img,
.flex-horizontal .flex-eight img {
	max-width:100%;
	height:auto;
}


	div.flexbox .flex-seven img { max-width:100%; height:auto; }
	.flexbox .flex-seven img,
	#community div.flex-horizontal .flex-seven img { width:100%; }


body#followfett #bd { color:#ccc; }

	body#followfett.date ul.calendarWrap,
	body#followfett.calendar ul.calendarWrap,
	body#followfett.event ul.calendarWrap,
	body#followfett.location ul.calendarWrap {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
		justify-content: flex-start;
	}

ul.calendarWrap li {
  margin:0 0 10px 0;
  list-style:none !important;
  display:block;
  }
	body#followfett.date ul.calendarWrap li,
	body#followfett.calendar ul.calendarWrap li,
	body#followfett.event ul.calendarWrap li,
	body#followfett.location ul.calendarWrap li {
		flex:0 1 33%;
	}
	body#followfett.date ul.calendarWrap li:last-of-type,
	body#followfett.calendar ul.calendarWrap li:last-of-type,
	body#followfett.location ul.calendarWrap li:last-of-type { margin-right:auto; }
	@media screen and (max-width: 500px) {
		body#followfett.date ul.calendarWrap li,
		body#followfett.calendar ul.calendarWrap li,
		body#followfett.location ul.calendarWrap li { flex:1 0 100%; }
	}

.highlightGold {
	background:#e8b058;
	color:#000;
	padding:0 5px 1px;
	display:inline-block;
	font-size:85%;
	margin-bottom:2px;
	text-shadow:none;
}

.dateWrap {
	background-color:#333;
	text-align:center;
	display:flex;
	width:100px;
	padding:10px;
	color:#fff;
	font-weight:normal;
	align-items: center;
	justify-content: center;
	background-size:contain;
	height:100px;
	position:relative;
	background-image:url('/images/badges/bffc-placeholder.jpg');
	background-position: center center;
}

.date-wrap-text-wrap {
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.date-wrap-text { flex:1; }

.dateWrap strong,
.date-start-month,
.date-stop-month { font-weight:bold; text-transform:uppercase; }

.detailWrap { float:left; display:block; width:63%; margin-bottom:10px; }
.locationWrap { font-weight:normal; color:#ccc; }

/* BOUNTY */

body.user-enabled-bounty-dim-have a.user-saved-status-2 .bounty-item-thumbnail-wrap,
body.user-enabled-bounty-dim-have tr.user-saved-status-2 .bounty-item-thumbnail-wrap { background:#000; }

	body.user-enabled-bounty-dim-have a.user-saved-status-2 .bounty-item-thumbnail-wrap img,
	body.user-enabled-bounty-dim-have tr.user-saved-status-2 .bounty-item-thumbnail-wrap img {
		opacity:0.25;
		transition: opacity 1s;
	}
	body.user-enabled-bounty-dim-have a.user-saved-status-2 .bounty-item-thumbnail-wrap img:hover,
	body.user-enabled-bounty-dim-have tr.user-saved-status-2 .bounty-item-thumbnail-wrap img:hover { opacity:1; }

#variant-items .bg-variant { display:none; }
#toggle-variant-items { display:flex; align-items:center; }
#toggle-variant-items input { margin-right:0.5rem; }

#related-bounty ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-auto-rows: auto;
	grid-gap: 1em;
}
#related-bounty ul li { list-style:none !important; margin-left:0 !important; }

body#multimedia.popular ol,
body#bounty.list ol,
ol.big-numbers {
    max-width: 640px;
    margin: 0 auto !important;
	counter-reset: bffc-counter;
}
@media screen and (max-width: 768px) {
	body#multimedia.popular ol,
	body#bounty.list ol,
	ol.big-numbers {
		width:70%;
	}
}
body#multimedia.popular ol li,
body#bounty.list ol li,
ol.big-numbers li {
	counter-increment: bffc-counter;
	list-style: none;
}

body#multimedia.popular ol li::before,
body#bounty.list ol li::before,
ol.big-numbers li::before {
	content: counter(bffc-counter);
	font-weight: bold;
	font-size: 3rem;
	margin-right: 0.5rem;
	color: #fff;
	background-color: #000;
	position: absolute;
	padding: 10px;
	border-radius: 50%;
	height: 75px;
	width: 75px;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
	top:0;
}
@media screen and (max-width: 768px) {
	body#multimedia.popular ol li::before,
	body#bounty.list ol li::before,
	ol.big-numbers li::before {
		font-size:2rem;
		height: 50px;
		width: 50px;
		top:auto;
	}
}

body#multimedia.popular ol li,
body#bounty.list ol li,
ol.big-numbers li {
	margin:0;
	padding: 15px 30px;
	counter-increment: bffc-counter;
	position: relative;
}

	body#bounty.list ol li,
	ol.big-numbers li { min-height:50px; vertical-align:middle; }
	
	/*
	body#bounty.list .bounty-item-permalink { font-size: 1.25rem; }
	@media screen and (max-width: 768px) {
		body#bounty.list .bounty-item-permalink { font-size: 1rem; }
	}
	*/

body#multimedia.popular ol li:nth-child(even):before,
ol.big-numbers li:nth-child(even):before {
	left: 100%;
	margin-right: 0;
	margin-left:0.5rem;
}

body#multimedia.popular ol li:nth-child(odd):before,
body#bounty.list ol li:before,
ol.big-numbers li:nth-child(odd):before {
	right: 100%;
	margin-left: 0;
}

body#multimedia.popular ol li:nth-child(even),
ol.big-numbers li:nth-child(even) {
	margin-right: 0;
	text-align:right;
}
body#multimedia.popular ol li:nth-child(even) span.flex-none,
ol.big-numbers li:nth-child(even) span.flex-none {
	order:2;
	margin-right:0 !important;
	margin-left:1rem;
}
body#multimedia.popular ol li:nth-child(odd),
body#bounty.list ol li,
ol.big-numbers li:nth-child(odd) {
	margin-left: 0;
}
body#multimedia.popular ol li:first-child,
body#bounty.list ol li:first-child,
ol.big-numbers li:first-child {
	border-top: 0;
	border-top-right-radius:0;
	border-top-left-radius:0;
}
body#multimedia.popular ol li:last-child,
body#bounty.list ol li:last-child,
ol.big-numbers li:last-child {
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}
body#multimedia.popular ol li a:hover,
body#bounty.list ol li a:hover {
	color:#fff;
}

#bounty-item-has-images {
	width:100% !important;
	flex-wrap: nowrap;
	align-items: flex-start;
	overflow-y:scroll;
	min-height:136px;
}
#bounty-item-has-images .multimediaThumbnail {
	margin-bottom:0;
}
#bounty-item-has-images::-webkit-scrollbar-track {
	background-color: #111;
}

#bounty-item-has-images::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border: 5px solid #111;
	border-radius: 10px;
}

#bounty-item-has-images::-webkit-scrollbar {
	height: 15px;
	background-color: #333;
}

.bounty-item-thumbnail-wrap {
	display:block;
	position:relative;
}
.user-saved-status-badge {
	position:absolute;
	top:0;
	left:0;
	display: inline-block;
    font-size: .66rem;
    padding: 0.5rem;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: none;
	box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.75);
}
.user-saved-status-0 .user-saved-status-badge { background-color:red; color:#fff; }
.user-saved-status-1 .user-saved-status-badge { background-color:yellow; color:#000; }
.user-saved-status-2 .user-saved-status-badge { background-color:green; color:#fff; }

#rating-distribution { max-width:480px; margin:0 auto 1rem; }

#rating-distribution td { text-align:center; }
.rating-column {
	background:#333;
	width:20px;
	height:50px;
	display:block;
	position:relative;
	margin:0 auto 0.5rem;
}
.rating-column-value { background:#eee; position:absolute; bottom:0; right:0; left:0; }
#rating-distribution td strong { color:#F7CE76 !important; }

#browseByManufacturer a {
	font-weight:normal;
	border:1px solid #555;
	margin:0 8px 8px 0;
	padding:5px;
	display:inline-block;
}
	body#bounty.year #browseByYear a {
		font-weight:bold;
	}

#browseByYear .multimediaThumbnail {
	display:block;
	margin:0 0 1em;
}

#displayBounty .multimediaThumbnail {
	display: block;
    width: 50px;
	height:50px;
    overflow: hidden;
}

#bd ul.display-count-saved-bounty,
#bd ul.indent-from-top-and-left {
	margin-left:2em;
	margin-top:10px;
}

ul.display-count-saved-bounty li,
#bd ul.indent-from-top-and-left li {
	margin: 0 0 3px;
	}

.display-count-saved-bounty a {
	white-space:nowrap;
	display:inline-block;
	font-weight:normal;
	}


.dataTables_info {
	font-family:Georgia, Times New Roman, serif;
	font-style:italic;
	text-align:center;
	}

#bounty #bd form#bountyRelatedCategorySelector { margin-bottom:0; }

table#myBounty,
body#community.message table { width:100%; }

body#community.message .display-user,
body#community.message .display-message { word-break: break-word; }

.ratingsForm {
	display: flex;
	margin-bottom:0;
}
/* body.bountyCategory .ratingsForm { justify-content: flex-end; } */
/* body.bountyCategory .stars { margin-left:auto; } */
body.bountyCategory .ratingsFormLabel { text-align:right; }
@media screen and (max-width: 960px) {
	.ratingsForm { justify-content: flex-start; }
	body.bountyCategory .ratingsFormLabel { text-align:left; }
}

@media screen and (max-width: 800px) {
	body.bountyCategory .stars { margin-left:0; }
}

table.dataTable thead th,
table.dataTable thead td {
	border-bottom-color:#555;
}

table#myBounty th { width:auto; }

@media screen and (max-width: 640px) {
	table#myBounty th,
	table#myBounty td {
		width:auto;
		display:block;
	}
	table#myBounty td .gutter { padding-left:0; }
}

#centerColumn #bountySections a,
#centerColumn #bountySections span {
	border-bottom:2px solid #333;
	display:block;
	padding:10px;
	font-size:1.5em;
	}
	#centerColumn #bountySections a:hover,
	#centerColumn #bountySections span {
		border-bottom:2px solid #fff;
		color:#fff !important;
		font-weight:bold;
		}

select#selectBountyStore option {
	font-size:1.5em;
	}

form.searchSection input#searchQuery {
	font-family:Helvetica, Arial, sans serif;
	font-size:1.4em;
	width:180px;
	height:40px;
	padding:0 5px;
	border:1px solid #ccc;
	}
	form.searchSection label {
		float:left;
		margin-right:10px;
		}
	form.searchSection input#searchQuery {
		width:97%;
		}

input#searchSubmit {
	font-size:1.5em;
	width:40px;
	height:40px;
	text-align:center;
	background:#99CC99;
	color:#000;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	}

table#record thead {
	background:transparent url('/images/stripe-45degree.png') top left repeat;
	display:block;
	}

#record td { padding-left:0; }

#bountySidebarOtherWrap { max-height:400px; overflow-y:scroll; overflow-x:hidden; }

#bountyItemMerchants {
	display:block;
	margin-bottom:0;
	max-height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	}

body#bounty.buy .bountyItemMerchantsWrap,
body#bounty.list .bountyItemMerchantsWrap { margin-top:1rem; }

body#bounty.list .bountyItemMerchantsWrap { padding:1rem; border:1px solid #555; }

body#bounty.item .userFeedback .userFeedbackActions { width:50px; text-align:right; }

body#bounty.item table.record {
	margin-top:10px;
	}

body#bounty table.record td { padding:0 0 10px; }

body#bounty.item table.record td {
	display:block;
	padding:0;
	margin-bottom:10px;
	}

	body#bounty.item table.record td p {
		font-size:1.3em;
		}

	body.bountyItem table.record blockquote {
		font-size:1.3em;
		margin-top:0;
		}

.bountyItemMerchants small,
#bountyItemMerchants small {
	display:block;
	margin-bottom:5px;
	}
	#centerColumn .bountyItemMerchants small a,
	#centerColumn #bountyItemMerchants small a {
		color:#555;
		font-weight:normal;
		}

.bountyItemMerchants div.bountyItemMerchant,
#bountyItemMerchants div.bountyItemMerchant {
	float:none;
	margin:0;
	min-height:45px;
	}
	body.bountyCategory .bountyItemMerchant {
		display:inline-block;
		width:88px;
		float:left;
		margin:0 10px 10px 0;
		}

.bountyItemMerchants div.bountyItemMerchant a,
#bountyItemMerchants div.bountyItemMerchant a {
	display:block;
	text-align:left;
	min-height:33px;
	margin-bottom:10px;
	}

	/* 2018-11-19 upgrades */
	.bountyItemMerchants div.bountyItemMerchant a {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
		body#bounty.buy .bountyItemMerchants div.bountyItemMerchant a { flex-direction: row-reverse; }
		body#bounty.buy .bountyItemMerchants div.bountyItemMerchant a .merchantLogo { margin-left:1rem; margin-right:0; }

	#centerColumn div.threethree .bountyItemMerchants div.bountyItemMerchant a:hover,
	.bountyItemMerchants div.bountyItemMerchant a:hover,
	#centerColumn div.threethree #bountyItemMerchants div.bountyItemMerchant a:hover,
	#bountyItemMerchants div.bountyItemMerchant a:hover {
		color:#e8b058 !important;
		}
.bountyItemMerchants div.bountyItemMerchant a span.merchantLogo,
#bountyItemMerchants div.bountyItemMerchant a span.merchantLogo {
	display:block;
	height:35px;
	line-height:31px;
	text-align:center;
	color:#e8b058;
	width:92px;
	min-width:92px;
	border:2px solid #e8b058;
	overflow: hidden;
	}

	/* 2019-11-01 upgrades */
	.bountyItemMerchants div.bountyItemMerchant a span.merchantLogo {
		-webkit-flex: 0 1 92px;
		flex:0 1 92px;
	}
	.bountyItemMerchants div.bountyItemMerchant a span.merchantTitle {
		-webkit-flex:1 1 auto;
		flex:1 1 auto;
		min-height:auto !important;
		/* padding:5px !important; */
		text-align:left !important;
	}

	.bountyItemMerchants div.bountyItemMerchant a:hover span.merchantLogo,
	.bountyItemMerchants div.bountyItemMerchant a:hover span.merchantTitle,
	#bountyItemMerchants div.bountyItemMerchant a:hover span.merchantLogo {
		border-color:#fff;
		}
	/* Affiliates */
	#bountyItemMerchants div.bountyItemMerchant a.bountyItemMerchantButtonAllposters {
		background:#b5121b;
		}
	#bountyItemMerchants div.bountyItemMerchant a.bountyItemMerchantButtonRandomhouse {
		background:#d1d9dc;
		}
	#bountyItemMerchants div.bountyItemMerchant a.bountyItemMerchantButtonHottopic {
		background:#000;
		}
	#bountyItemMerchants div.bountyItemMerchant a.bountyItemMerchantButtonLego {
		background:#c5332a;
		}
	#bountyItemMerchants div.bountyItemMerchant a.bountyItemMerchantButtonEe {
		background:#cc0000;
	}
		#bountyItemMerchants div.bountyItemMerchant a:hover {
			border-color:#555;
		}

	.bountyItemMerchants span.merchantLogo,
	#bountyItemMerchants span.merchantLogo {
		width:88px;
	}
	#centerColumn div.threethree .bountyItemMerchants span.merchantTitle,
	.bountyItemMerchants div.bountyItemMerchant a span.merchantTitle,
	#centerColumn div.threethree #bountyItemMerchants span.merchantTitle,
	#bountyItemMerchants div.bountyItemMerchant a span.merchantTitle {
		display:block;
		font-size:0.85rem;
		margin:0;
		text-align:center;
		/* padding:0 5px; */
		min-height: 31px;
		min-width: 78px;
		/*
		border:2px solid #444;
		background:#333;
		*/
		color:#fff;
	}


body#bounty.search div.record-category-item-meta div.record-category-item-meta-column,
body#bounty.bountySearch div.record-category-item-meta div.record-category-item-meta-column { width:33%; min-width:200px; }

body#bounty.search .bountyItemMerchant,
body#bounty.bountySearch .bountyItemMerchant { border:1px solid #fff; min-height:31px; margin-bottom:5px; overflow:hidden; }

body#bounty.search .merchantLogo,
body#bounty.search .merchantTitle,
body#bounty.bountySearch .merchantLogo,
body#bounty.bountySearch .merchantTitle { float:left; }

body#bounty.search .merchantTitle,
body#bounty.bountySearch .merchantTitle {
	line-height:1 !important;
	border-left:1px solid #fff;
	padding:10px;
	word-wrap: break-word;
	min-width:65px;
	max-width: 147px;
	}

table.vertical-align-middle td {
	vertical-align: middle;
}

th.minimum-width,
td.minimum-width {
	width:0.1%; white-space: nowrap;
}

table.light-headings,
table.record {
	width:100%;
	max-width:100%;
	border-spacing: 0px!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
td.record-thumbnail {
	width:60px;
	}
	td.record-category a:hover {
		background:#333;
		color:#fff;
		}
	td.record-category small { color:#999; }

.record-column-name {
	padding:0;
	}

.record-column-popularity,
.record-column-year {
	/* text-align:right; */
	/* width:10%; */
	padding:0;
	}

.record-column-name,
.record-column-popularity,
.record-column-year {
	padding:10px;
	}

/*
.record-column-year {
	padding-right: 1rem !important;
	min-width:115px;
}
*/

tr.record-category-item {
	border-top:1px solid #555;
	}
	a.record-category-item-link {
		/* border-bottom:1px solid #555; */
		display:block;
		margin-right:1rem;
		/* font-size:1.5em; */
		/* padding:5px 0; */
		}
		/*
		a.record-category-item-link,
		div.record-category-item-meta {
			padding: 0 0 5px;
		}
		*/
			div.record-category-item-meta:last-of-type {
				padding-bottom:0;
			}
		#centerColumn div.threethree a.record-category-item-link:hover {
			color:#fff;
			}
	.record-category-item .myBounty {
		font-size:90%;
		margin-top:5px;
		}
		@media screen and (max-width: 768px) {
			.record-category-item .myBounty {
				margin-top:0;
			}
			/* .record-category-item-meta .flex-column { margin-top:10px; } */
			.record-category-item-left,
			.record-category-item-right {
				flex:0 !important;
				flex-basis:100% !important;
				margin-top:1rem;
			}
		}
span.record-category-item-date {
	display:block;
	font-size:90%;
	padding:5px 10px 0 0;
	}
span.record-category-item-description {
	display:block;
	font-size:90%;
	padding:5px 10px 5px 0;
	}
div.record-category-item-meta,
div.record-category-item-meta div.record-category-item-meta-column-full {
	/* border-bottom:1px solid #333; */
	width:100%;
	}
	div.record-category-item-meta div.record-category-item-meta-column {
		width:50%;
		float:left;
		}

td.record-category-count {
	line-height:1.5em;
	width:100px;
	vertical-align:middle;
	}
#centerColumn ul.record-actions {
	border-top:1px solid #333;
	margin:5px 0 10px;
	padding:0;
	}
	#centerColumn ul.record-actions li {
		border-left:1px solid #333;
		display:block;
		list-style:none;
		float:left;
		margin:0 10px 10px 0;
		padding:10px;
	}
	body#bounty .userFeedbackActions { margin-bottom:5px; display:block; }

	body#bounty div.myBounty form,
	body#bounty div.myBounty form fieldset,
	body#bounty div.myBounty div.edititem,
	body#followfett div.edititem form,
	body#followfett div.edititem form fieldset,
	body#costume div.edititem form,
	body#costume div.edititem form fieldset,
	form.edititem fieldset.no-gutter,
	form.usercanedit fieldset.no-gutter,
	fieldset.no-gutter {
		border:0;
		margin:0;
		padding:0;
	}

				body#bounty div.myBounty form legend {
					padding-left:0;
					}
			body#followfett label.radio,
			body#bounty label.radio,
			body#costume label.radio,
			body#multimedia label.radio {
			    font-size: 1.25em;
			    font-weight: normal;
			    vertical-align: middle;
				margin:0 0.5rem 0 0.25rem;
				line-height:1;
				}
				body#followfett .radio-wrap-fieldset label.radio { margin:0; }
				body#bounty .radio-wrap:last-of-type label.radio { margin-right:0; }
				body#bounty.bountyCategory div.myBounty form label.radio,
				body#followfett label.radio,
				body#costume form label.radio { display:inline-block; }
				body#multimedia form label.radio { display:inline; }

			@media screen and (max-width: 768px) {
				form.saveForm label.radio,
				body#followfett label.radio
				body#bounty label.radio {
					display:inline-block;
					margin-top:5px;
					font-size:1em;
					margin-right:0;
				}
			}
		#centerColumn ul.record-actions li li {
			border-left:0;
			width:auto;
			padding:0;
			margin:0 10px 10px 0;
		}

/* Star Rating */

form label.radio input {
	height:16px;
	margin-right:0;
	vertical-align:text-top;
	width:16px;
	}

.stars {
  background-image:url("/images/icons/ic_star_border_555555_18px.svg");
  background-repeat:repeat-x;
  background-position:0 0;
  background-size:contain;
  width:100px;
  height:20px;
  display:inline-block;
}
	.stars.stars-big {
		width:200px;
		height:40px;
	}

.stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
	height:20px;
	width:20px;
}
	.stars.stars-big input[type="radio"] { height:40px; width:40px; }

.stars input[type="radio"].star-5:checked ~ span {
    width: 100%;
  }
.stars input[type="radio"].star-4:checked ~ span {
    width: 80%;
  }
.stars input[type="radio"].star-3:checked ~ span {
    width: 60%;
  }
.stars input[type="radio"].star-2:checked ~ span {
    width: 40%;
  }
.stars input[type="radio"].star-1:checked ~ span {
    width: 20%;
  }
.stars label {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0!important;
    padding: 0!important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent!important;
    cursor: pointer;
}
	.stars.stars-big label { width:40px; height:40px; }

.stars label:hover ~ span,
.stars label:focus ~ span,
.stars label:active ~ span {
	background-image: url("/images/icons/ic_star_009aff_18px.svg");
    background-repeat:repeat-x;
    background-position:0 0;
    background-size:contain;
    width: 100px;
    height:20px;
}
	.stars.stars-big label:hover ~ span,
	.stars.stars-big label:focus ~ span,
	.stars.stars-big label:active ~ span { width: 200px; height:40px; }

.stars label.star-5:hover ~ span,
.stars span.star-5,
.stars-svg .star-5 {
    width: 100% !important;
  }
.stars label.star-4:hover ~ span,
.stars span.star-4,
.stars-svg .star-4 {
    width: 80% !important;
  }
.stars label.star-3:hover ~ span,
.stars span.star-3,
.stars-svg .star-3 {
    width: 60% !important;
  }
.stars label.star-2:hover ~ span,
.stars span.star-2,
.stars-svg .star-2 {
    width: 40% !important;
  }
.stars label.star-1:hover ~ span,
.stars span.star-1,
.stars-svg .star-1 {
    width: 20% !important;
  }
.stars-svg .star-0 {
	width:0% !important;
}
.stars span {
    display: block;
    position: relative;
    background-image: url("/images/icons/ic_star_ffcc66_18px.svg");
    background-repeat:repeat-x;
    background-position:0 0;
    background-size:contain;
    height:20px;
	width:0;
	/*
    -webkit-transition: -webkit-width 0.5s;
    -moz-transition: -moz-width 0.5s;
    -ms-transition: -ms-width 0.5s;
    -o-transition: -o-width 0.5s;
    transition: width 0.5s;
	*/
}
	.stars.stars-big span { height:40px; }

/* Stars > SVG Method */
.stars-svg-with-inline-response-wrap {
	display:block;
	height:18px;
}
.stars-svg {
    background: url("/images/icons/ic_star_border_555555_18px.svg") repeat-x 0 0;
    width: 90px;
    height:18px;
    display:inline-block;
    margin-right:10px;
	vertical-align: top;
    }
.stars-svg span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 18px;
    background-image: url("/images/icons/ic_star_ffcc66_18px.svg");
    background-repeat: repeat-x;
    -webkit-transition: -webkit-width 0.5s;
    -moz-transition: -moz-width 0.5s;
    -ms-transition: -ms-width 0.5s;
    -o-transition: -o-width 0.5s;
    transition: width 0.5s;
	}

.stars-svg-with-inline-response-wrap.large-stars,
.stars-svg-with-inline-response-wrap.large-stars .stars-svg,
.stars-svg-with-inline-response-wrap.large-stars .stars-svg span {
	height:36px;
}
	body#news .stars-svg-with-inline-response-wrap.large-stars { margin-bottom:1em; }

.stars-svg-with-inline-response-wrap.large-stars {
	display:flex;
	align-items:center;
}
.stars-svg-with-inline-response-wrap.large-stars .stars-svg {
	width:180px;
}
.stars-svg-with-inline-response-wrap.large-stars .stars-svg,
.stars-svg-with-inline-response-wrap.large-stars .stars-svg span {
	background-size:contain;
}

.stars-response {
	vertical-align:super;
	display:inline-block;
}

/*
.remove-button-wrap {
    display: block;
    margin: 0.5rem 0 0;
}
body.bountyCategory .remove-button-wrap .usercanedit { text-align:right; }
@media screen and (max-width: 768px) {
	body.bountyCategory .remove-button-wrap .usercanedit { text-align:left; }
}
*/

.remove-button {
	background-color:#000;
	color:#ccc;
	font-style:italic;
	border:0;
	font-family: Georgia,Times,Times New Roman,Palatino,Bookman,New Century Schoolbook,serif;
	opacity:0.5;
}
.edititem .remove-button { background-color:transparent; }
.remove-button:hover { opacity:1; }

/* Horizontal */
.radio-wrap {
	display:inline-block;
	position:relative;
}
/* Vertical */
fieldset.radio-wrap-fieldset {
	display:flex;
	display: flex;
	flex-direction: column;
}

.radio-wrap input[type="radio"],
.radio-wrap label::before {
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	position: absolute;
	cursor: pointer;
}

.radio-wrap input[type="radio"] {
	opacity: 0;
	display: inline-block;
	vertical-align: middle;
	z-index: 100;
}

.radio-wrap label {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
	transition: color 0.3s;
	/* margin:0 !important; */
}

/*
.radio-wrap label::before {
	content: '';
	border: 4px solid #fff;
	transition: opacity 0.3s;
}
*/

.radio-wrap:hover label,
button.remove-button:hover {
	color:#009aff;
}

.radio-wrap .radio-button {
	width:20px;
	height:20px;
	background-image:url('/images/icons/radio_button_unchecked-24px.svg');
	background-size:cover;
	vertical-align: middle;
	display:inline-block;
}
.radio-wrap:hover .radio-button {
	background-image:url('/images/icons/radio_button_checked_009aff-24px.svg');
}
.radio-wrap input[type="radio"]:checked + span.radio-button {
	background-image:url('/images/icons/radio_button_checked_ffcc66-24px.svg');
}

/* Affiliate Ads */

#adHoCenter { max-width: fit-content; margin: 0 auto; }

div.ad {
	margin:0 auto;
	background:#222 url('/images/deck-stripes-by-tk409.png') top left repeat;
	text-align:center;
	}
	/* Sizes */
	#adHo,
	#adSq,
	#adVe {
		overflow:hidden;
	}
		#adHo img { width:100%; max-width:960px; height:auto; }
		#adHoLeft, #adHoRight { width:100%; max-width:100px; min-width:50px; }
	#adSq {
		width:100%;
		min-width:218px;
		margin: 0 auto !important;
	}
		#adSq img {
			width:100%;
			max-width:300px;
			height:auto;
		}
		#adVe img { max-width:120px; }
	div.ad small {
		background-color:#000;
		color:#777;
		display:inline-block;
		font-size:smaller;
		margin:0 auto;
		padding:5px 10px;
		width:auto;
		}
	div.ad .gutter {
		background-color:#111;
		border: 1px solid #333;
		margin:0 10px;
		}
	div.ad a {
		display:block;
		clear: both;
		}
		div.ad small a,
		#adHo small a {
			display:inline;
			clear:none;
			width:auto;
			}
	div.ad span.image {
		display:block;
		}
		#adHo span.image {
			float:left;
			width:728px;
			border:1px solid #ccc;
			}
	div.ad span.copy {
		display:block;
		padding:10px;
		}

		#adHo span.copy,
		#adSq span.copy {
			margin-top:5px;
			text-wrap: balance;
			}

		div.ad #adHorizontalSlaveOne span.copy { padding:0 !important; }

/* CSS data attribute tooltip, originally by Matt Fannin */

[data-tooltip] { position:relative; }

[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  -webkit-font-smoothing: antialiased;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  transition: 0.6s ease-in-out 0.4s;
}

[data-tooltip]:before {
  content: "";
  height: 0;
  width: 0;
  top: calc(100% - 9px);
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent #333 transparent;
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  white-space: nowrap;
  background: #333;
  padding: 0.5rem 1rem 0.5rem 1rem;
  font-size: 0.9rem;
  box-sizing: border-box;
  top: calc(100% + 11px);
  color: #fff;
  border-radius: 2px;
  text-shadow: 0px 1px 1px #000;
  z-index: 9;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  opacity: 1;
  visibility: visible;
  transition: 0.4s ease-in-out 0.3s;
}



/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}









/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #fff; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }










/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }










/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }










/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }










/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }










/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;

    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}










/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }


/* Flex Slider */

.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; width:100%; height:auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider */
.flexslider {
	position: relative;
	zoom: 1;
	background:#000;
	border:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	margin-bottom:0;
  height: auto;
  overflow: hidden;
  width: 100% !important;
	}



	.flexslider.small { background:transparent !important; height:100px !important; width:100px !important; overflow:hidden; }

	.flexslider a { text-decoration:none; }
.flexslider .slides {zoom: 1; }
#centerColumn .flexslider .slides > li {
	position: relative;
	background-color:#000;
	color:#fff;
	line-height:1;
	list-style:none;
	margin:0;
	}
	#centerColumn .flexslider.small .slides > li { background:transparent !important; width:100px; height:100px; }

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
.flex-caption {
	background: #222 url('/images/stripe-45degree.png') top left repeat;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	zoom: 1;
	width: 100%;
	padding: 0 15px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	height:59px;
	line-height:59px;
	text-decoration:none;
	}
	.flex-caption { font-family:"Roboto Condensed", Helvetica, Arial; font-size:22px; font-style:normal; font-weight:normal; }
	.flexslider a { color:#6699cc; }
	.flex-container p { color:#000; }

	#centerColumn .flexslider a:hover,
	#centerColumn .flexslider a:hover .flex-caption {
		color:#99ccff;
		}

/* Direction Nav */
#centerColumn ul.flex-direction-nav,
#centerColumn ul.flex-direction-nav li,
.flex-direction-nav li a,
.flex-direction-nav li .next,
.flex-direction-nav li .prev ,
.flex-direction-nav li .disabled { display:none; }

/* Control Nav */
.flex-control-nav {
	position: absolute;
	right:15px;
	height:10px;
	bottom: 15px;
	text-align:left;
	}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
	border:2px solid #000;
	width: 10px;
	height: 10px;
	display: block;
	background:#e8b058;
	text-indent: -9999px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	}
.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active,
.flex-control-nav li a.flex-active:hover {	background:#fff;	color:#000;	}

/* Static */

div#staticSlide {
	background:#333;
	bottom:0;
	position:absolute;
	height:35px;
	line-height:35px;
	overflow:hidden;
	width:140px;
	z-index:999;
	}
	div#staticSlide a {
		color:#fff;
		display:block;
		padding:0 10px;
		text-decoration:none;
		}
		div#staticSlide a:hover {
			color:#e8b058;
			background:transparent;
			}

#footer-about { margin:0 25%; }
@media screen and (max-width: 768px) {
	#footer-about { margin:0 15%; }
}
@media screen and (max-width: 500px) {
	#footer-about { margin:0 10%; }
}

#signupBar {
	background-size: cover;
	background-color:#000;
	background-image:url('/images/footer-slave-1-matte-painting-by-harrison-ellenshaw.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	padding: 5rem 0;
	margin-top:1rem;
	color:#ccc;
	text-align:center;
}

#signupBar input#email {
	width:190px;
	padding:6px 12px;
	border:2px solid #ccc;
}
#signupBar form#signup input.submit {
	padding:5px;
	background:#99CC99;
	color:#fff;
	width:100px;
	font-weight:bold;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	}
	#signupBar form#signup input.submit:hover {
		background:#669966;
		}
#signupBar #response {
	line-height:20px;
	margin-bottom:0;
	}

/* Circles */

.circle30 {
	width: 30px;
	height: 30px;
	background-image: url('/images/bffc-bug-25px.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #555;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border:3px solid #ccc;
	}

.circle10 {
	display:inline-block;
	width: 10px;
	height: 10px;
	background: #555;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #ccc;
	}

.circle30,
.circle10 {
	border-top:0;
	border-left:0;
	}

/* NEWS */

.align-center { text-align:center; }
.overlap-above { margin-top: -3%; position: relative; }
@media screen and (min-width: 1100px) {
	.overlap-above { margin-top: -35px; }
}
@media screen and (min-width: 1900px) {
	.overlap-above { margin-top: -45px; }
}

ol.comment-list a {
    word-break: break-word;
}

div.articleBody { margin-bottom:1.25em; }
#bd div.articleBodyCopy p,
#bd div.articleBodyCopy li { line-height:1.6; }

ul#recentNews,
ul.recentNews {
	margin:0;
	padding:0;
	}
	ul#recentNews li,
	ul.recentNews li {
		list-style-type:none !important;
		margin:0 0 10px;
		padding:0;
		}
	ul#recentNews a,
	ul.recentNews a,
	ul.recentNews span {
		display:block;
		}
		ul#recentNews span.recentNewsThumbnail,
		ul#recentNews span.recentNewsArticle {
			display:inline-block;
			}
		ul#recentNews span.recentNewsThumbnail img {
			max-width:100%;
			height:auto;
			}
	ul.recentNews span {
		font-weight:normal;
		}
	ul#recentNews span.recentNewsThumbnail,
	ul#recentNews span.recentNewsArticle,
	span.recentThumbnail,
	span.recentArticle {
		float:left;
		width:50%;
		}
		ul#recentNews a.featuredNews span { width:100%; float:none; }
	ul#recentNews a.featuredNews span.recentNewsTitle,
	span.recentArticleTitle {
		font-size:1.5em;
		font-weight:bold;
		padding:10px 0;
		}
	span.recentNewsDate {
		display:inline-block;
		color:#777;
		font-weight:normal;
		text-decoration:none;
		}
	span.recentArticleExcerpt {
		color:#ccc;
		padding-bottom:10px;
		}

body#news div.externalMultimedia small {
	color:#ccc;
	padding-left:10px;
	}

	/*
body#news div.externalMultimedia .id {
	padding-left:9px;
	border-left:1px solid #ccc;
	}
	*/

body#news div.externalMultimediaImage img {
	max-width:100%;
	height:auto;
	}

/* E-mail List */

div#emailnewsletterinput {
	color:#fff;
	}
	input#emailnewsletteremail { min-width:140px; width:50%; padding:5px; border:2px solid #ccc; margin:5px 0; }
div#emailnewsletterresult { color:#fff; }
div#emailnewsletterresult span {
	background:#ffffcc;
	color:#000;
	display:inline-block;
	margin:0 0 1em;
	padding:5px 10px;
	}

/* Call-to-Action Buttons */

/* Name Generator */

	#generator label {
	    display: inline-block;
	    margin-bottom: .5rem;
	}

	#generator input {
	    display: block;
	    width: 100%;
	    max-width:320px;
	    padding: .375rem .75rem;
	    font-size: 1rem;
	    line-height: 1.5;
	    color: #495057;
	    background-color: #fff;
	    background-clip: padding-box;
	    border: 1px solid #ced4da;
	    border-radius: .25rem;
	    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	    margin: 0 auto 0.5rem;
	}
	.bffc-button {
	    display: inline-block;
	    font-weight: 400;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: middle;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    border: 1px solid transparent;
	    padding: .375rem .75rem;
	    font-size: 1rem;
	    line-height: 1.5;
	    border-radius: .25rem;
	    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	    cursor: pointer;
	    color: #fff !important;
	    background-color: #869D8F;
	}
		.bffc-button.disabled {
			background-color:#555;
			border-color:#555;
			cursor: not-allowed;
		}
		.bffc-button:hover,
		a:hover .bffc-button {
		    background-color: #007bff;
	    	border-color: #007bff;
		}

/* Inspiration credit: http://www.bestcssbuttongenerator.com/#/15 */

#news .comment-respond input.submit {
	text-transform:uppercase;
}

#news .comment-respond input.submit,
.button {
	border:0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.button:hover {
	background-color:#a7d5ef;
}
.button:active {
	position:relative;
	top:1px;
}

.button img,
button img { vertical-align:middle; }

.buttonSecondary {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	border:2px solid #ccc;
	display:inline-block;
	cursor:pointer;
	color:#777777 !important;
	font-weight:bold !important;
	padding:6px 12px !important;
	text-decoration:none;
	line-height:1 !important;
	text-transform:uppercase;
}
.buttonSecondary:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf !important;
}
.buttonSecondary:active {
	position:relative;
	top:1px;
}

#loginBox,
.loginBox,
.accountBox {
	/*
	background-color:#5a676d;
	border:2px solid #ccc !important;
	*/
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	/*
	padding:6px 12px !important;
	text-decoration:none;
	*/
}
#loginBox:hover,
.loginBox:hover,
.accountBox:hover {
	/* background:#d9d7c0;
	color:#000 !important; */
}
#loginBox:active,
.loginBox:active,
.accountBox:active {
	position:relative;
	top:1px;
}

.accountBoxFramed { line-height:1; }

/* Login and Join */

body#login,
body#join {
	background-color: #000;
	background-image: url('/images/bg_fullbleed.jpg');
	background-position:center top;
	background-repeat: no-repeat;
	background-size:cover;
	}
	body#login {
		/* background-image: url('https://www.bobafettfanclub.com/multimedia/galleries/albums/userpics/10001/the-art-of-star-wars-the-mandalorian-16043509240.jpeg'); */
		background-image:url('https://www.bobafettfanclub.com/multimedia/galleries/albums/userpics/10001/the-mandalorian-season-2-episode-8-the-rescue-16085367670.jpg');
	}
	body#join {
		/* background-image: url('https://www.bobafettfanclub.com/multimedia/galleries/albums/userpics/10001/boba-fett-in-action-in-season-2-episode-6-5-1607314498.jpg'); */
		background-image:url('https://www.bobafettfanclub.com/multimedia/galleries/albums/userpics/10001/the-book-of-boba-fett-chapter-2-promo-pictures-1-1641540730.jpg');
	}

body#login #doc,
body#join #doc {
	height: 100vh;
	width:100%;
	color:#ccc;
	max-width:320px;
	margin:0 auto;
	min-height:500px;
	}
	@media screen and ( max-height: 400px ) {
		body#login #doc { height:100%; } /* Avoid 100vh here */
	}
	@media screen and ( max-height: 550px ) {
		body#join #doc { height:100%; } /* Avoid 100vh here */
	}
body#login h1,
body#join h1 {
	background:transparent;
	padding:0;
	text-shadow: 2px 2px 0px #000000;
}
body#login #bd,
body#join #bd {
    display: flex;
    justify-content: center;
    align-items: center;
	height:100%;
	width:100%;
	text-shadow: 1px 1px 0px #000000;
}
body#login #bd .gutter,
body#join #bd .gutter {
	width:100%;
	background-color: rgba(0,0,0,0.75);
}
body#login #bd a,
body#join #bd a {
	background-color:#000;
	color:#fff;
}
body#login label,
body#join label {
	font-weight:bold;
	margin:1em 0 0.5em 0 !important;
}
body#login input,
body#join input {
	border: 2px solid #ccc;
	width: 100%;
	padding: 10px;
}
body#login input:focus,
body#join input:focus {
	outline:none;
	border-color:#555;
	}

body#login form ul,
body#join form ul {
	margin:0.5em 0 0 !important;
}

body#join form ul { margin:0 0 1em 0 !important; }
body#join form li {
	line-height:1;

	list-style-type:none !important;
	margin-left:0 !important;
	vertical-align: middle;

    align-items: center;
    display: inline-flex;
    justify-content: center;
    background-color: #000;
	border:1px solid #333;
    border-radius: 9999px;
    padding: 4px 8px;
	margin-right:0.5em;
	margin-bottom:0.5em;
	padding:0.5em;

}

body#join form li::before {
	content:'';
	display:inline-block;
	height:16px;
	width:16px;
	background-size:contain;
	background-repeat:no-repeat;
	padding-left: 21px;
	vertical-align: middle;
}
body#join form li.error::before {
	background-image:url('/images/icons/error-24px.svg');
}
body#join form li.error {
	color:red;
}
body#join form li.success::before {
	background-image:url('/images/icons/check_circle-24px.svg') !important;
}
body#join form li.success {
	color:#fff !important;
}

/* Daily Fett */

#dailyfett_wrapper .dataTables_filter {
	background:#000;
	padding:10px;
	float:none;
	text-align:center;
}
#dailyfett_wrapper .dataTables_filter label { color:#ccc; }
#dailyfett_wrapper .dataTables_filter input { padding:5px 10px; font-size:150%; outline:none; border:2px solid #ccc; }

#related-fettpedia-articles .flex-horizontal { 
	justify-content:flex-start;
}

/* Auto complete */

.easy-autocomplete { width:100% !important; }
.easy-autocomplete-container {
	background: #555;
    margin-bottom: 1rem;
}

#bd .easy-autocomplete-container ul {
	margin-bottom:0;
}
#bd .easy-autocomplete-container ul li {
	list-style:none;
	padding:0.5rem;
	margin-bottom:0;
	margin-left:0;
}
#bd .easy-autocomplete-container ul li:hover {
	background:#444;
}

/* DataTables */

#bd table {
	border-collapse: collapse;
	width:100%;
}

table#dailyfett td {
	padding:0;
	}
table#dailyfett td img {
	max-width:100%;
	height:auto;
	}
table#dailyfett td div.two {
	float:left;
	width:50%;
	}
table#dailyfett td p {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	}

table.light-headings thead th {
	font-style: italic;
	padding-left:0;
	font-family:Georgia, Times New Roman, serif;
}
table.light-headings td,
table.light-headings th {
	padding:0 1em 1em 0;
}

body#bounty table.light-headings tbody td,
body#fettpedia table.light-headings tbody td,
body#community table.light-headings tbody td {
	border-top:1px solid #555;
	padding:1rem;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
/*
body#fettpedia table.light-headings tbody td {
	font-size: 1.25rem;
	line-height: 1.75em;
}
*/

body#community table.light-headings tbody td {
	vertical-align:middle;
}
body#fettpedia table.light-headings thead th,
body#community table.light-headings thead th {
	padding:1em;
}

@media screen and (max-width: 500px) {
	table.column-on-mobile tr { display:block; margin-bottom:1rem; }
	table.column-on-mobile td { display:block; }
}

		/*
		 * Table
		 */
		table.dataTable {
			margin: 0 auto;
			clear: both;
			width: 100%;
		}

		table.dataTable thead th {
			padding: 3px 18px 3px 10px;
			border-bottom: 1px solid black;
			font-weight: bold;
			cursor: pointer;
			*cursor: hand;
		}

		table.dataTable tfoot th {
			padding: 3px 18px 3px 10px;
			border-top: 1px solid black;
			font-weight: bold;
		}

		table.dataTable td {
			padding: 10px;
		}

		table.dataTable td.center,
		table.dataTable td.dataTables_empty {
			text-align: center;
		}

		.dataTables_wrapper .dataTables_length,
		.dataTables_wrapper .dataTables_filter {
			float: none !important;
			text-align:center !important;
		}

		.dataTables_wrapper .dataTables_filter { margin-top:1rem; }

		.dataTables_wrapper .dataTables_length select,
		.dataTables_wrapper .dataTables_filter input {
			color:#fff !important;
		}

		.dataTables_wrapper .dataTables_paginate {
			float: none !important;
	    display: block !important;
	    margin-top: 4rem !important;
	    text-align: center !important;
		}

		table.dataTable thead th,
		table.dataTable thead td { padding-left:0 !important; }


		.dataTables_paginate {
		float:none;
		margin:1em auto;
		text-align:center;
		cursor:pointer;
		}
		.dataTables_paginate a {
		color:#fff !important;
		padding:5px 10px;
		font-size:125%;
		background:#000;
		text-align:center;
		float:none;
		}
		.dataTables_paginate a.current {
		color:#555 !important;
		}
	.dataTables_paginate a.paginate_disabled_previous,
	.dataTables_paginate a.paginate_disabled_next {
		color:#555 !important;
		cursor: not-allowed;
	}
	.dataTables_paginate a:hover {
		background:#333;
	}


table#addons img {
	max-width:100%;
	min-width:50px;
	height:auto;
	}

.modal-message {
	display:none;
	color:#fff;
	text-align:center;
	height:100%;
}
.modal-message div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* Cycle2 */

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cycle-sentinel {
	width: 100% !important;
}

@media screen and (max-width: 500px) {
	.cycle-slideshow { width:100% !important; }
	.cycle-slide img {
		max-width:50px;
		height:auto;
	}
}

		/* caption */
		.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


		/* overlay */
		.cycle-overlay {
		    font-family: tahoma, arial;
		    position: absolute; bottom: 0; width: 100%; z-index: 600;
		    background: black; color: white; padding: 15px; opacity: .5;
		}


		/* prev / next links */
		.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
		.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
		.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
		.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

		.disabled { opacity: .5; filter:alpha(opacity=50); }

		/* display paused text on top of paused slideshow */
		.cycle-paused:after {
		    content: 'Paused'; color: white; background: black; padding: 10px;
		    z-index: 500; position: absolute; top: 10px; right: 10px;
		    border-radius: 10px;
		    opacity: .5; filter: alpha(opacity=50);
		}

		/*
		    media queries
		    some style overrides to make things more pleasant on mobile devices
		*/

		@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
		    .cycle-overlay { padding: 4px }
		    .cycle-caption { bottom: 4px; right: 4px }
		}


/* MOBILE */

#mobile-indicator { display:none; }

	  @media screen and (max-width:960px) {

		#adHoLeft, #adHoRight { display:none; }

	  }

	  @media screen and (max-width: 768px) {

	  	/* New Navigation */

		#mobile-indicator { display:block; }
		#menu-container,
	  	#account-container { display:none; }

	  	#bffc-nav-icon-menu,
	  	#bffc-nav-icon-menu li {
	  		margin:0;
	  		}
	  	#bffc-nav-icon-menu {
	  		display: -webkit-box;
	  		display: -moz-box;
	  		display: -ms-flexbox;
	  		display: -webkit-flex;
	  		display:flex;
	  		}
	  	#bffc-nav-icon-menu li {
	  		-webkit-flex:1 0 auto;
	  		flex:1 0 auto;
	  		}
	  	#bffc-nav-icon-menu li a {
	  		color:#fff;
	  		cursor: pointer;
	  		display:block;
	  		font-weight:normal;
	  		padding:5px;
	  		text-transform:uppercase;
	  		}
	  	#bffc-nav-icon-menu li a img {
	  		height: 18px;
	  	    vertical-align: sub;
	  		}
	  	#bffc-nav { display:none; }
	  	.bffc-nav-mobile-only { display:block; }
	  	#bffc-nav li { float:none; display:block; }
	  	#bffc-nav li ul { display:none; position: relative; left:0; }
	  	#bffc-nav-icon-menu li.active-menu-box { background:#222; }

	  	#hd .two { float:none; width:100%; }

	  	.pictureBox {
	  		background-size:cover;
	  		background-position:center center;
	  		}

		.showOnMobile { display:inline-block; }
		.desktop-only { display:none; }

		body#home .three,
		body#home .threethree,
	  	body#bounty .three,
		body#bounty .four,
	  	body#bounty .threethree,
		body#bounty .fourfourfour,
		body#costume .three,
	  	body#followfett .three,
	  	body#followfett .threethree,
	  	body#fettpedia .three,
	  	body#fettpedia .threethree,
	  	body#multimedia .three,
	  	body#multimedia .threethree,
	  	body#humor .three,
	  	body#humor .threethree { width:100% !important; float:none; }

		body#community .three { width:33%; }
			body#community #online .three,
			body#community #brd-main .three { width:100% !important; }

	  	body#bounty .threethree { float:none; }

	  	#adVe { display:none; }

	}


	@media only screen and (max-width : 600px) {

	  	#doc,
	  	#masthead,
	  	#bffc-navigation,
	  	#globalSectionCover,
	  	#globalSectionCover img,
	  	#globalFooter,
	  	#adHo,
	  	#adHo a,
	  	#adHo img,
	  	#centerColumn div.threethree {
	  		display:block;
	  		max-width:100%;
	  		overflow:visible;
	  		position:relative;
	  		height:auto;
	  		}
	  		#titlecontainer img,
	  		body#news #centerColumn img,
	  		body#news #centerColumn a img {
	  			max-width:100% !important;
	  			height:auto !important;
	  			}
	  			#adSq img,
	  			body#news #centerColumn #adSq img { width:100% !important; max-width:198px !important; }
	  			#socialQuotesAnnouncements,
	  			#titlecontainerUserBar,
	  			img#logoIcon { display:none; }
	  			.hideOnMobile { visibility:hidden; }
	  		#centerColumn div.one,
	  		#centerColumn div.threethree,
	  		#centerColumn div.three,
	  		#centerColumn div.two,
	  		#titlecontainerLogo,
	  		.two,
	  		body#about .three,
	  		body#about .six,
	  		body#community .three,
	  		.five,
	  		#globalFooter .four {
	  			display:block;
	  			float:none;
	  			width:100% !important;
	  			}
	  		#centerColumn div.four {
	  			width:50%;
	  			}
	  			body#bounty #centerColumn div.four { width:100%; }
	  			#globalFooter ul { margin:0 auto; }
	  			#globalFooter .four {
	  				text-align:center;
	  				}

	  	#doc,
	  	table {
	  		margin:0;
	  		width:100% !important;
	  		}

	  #bffcNavigationMobileListWrap {
	  		display:block;
	  		background:#222;
	  		}
	  	#titlecontainer .four,
	  	#homeStrapline {
	  		display:none !important;
	  		}
	  	#titlecontainer { height:auto; line-height:0 !important; }
	  	#centerColumn,
	  	#wrap,
	  	#brd-wrap,
	  	#centerColumn div.three {
	  		display:block;
	  		float:none;
	  		top:0;
	  		margin-top:0;
	  		left:0;
	  		margin-left:0;
	  		width:100%;
	  		}
	  	h1 {
	  		clear: both;
	  		}
	  	.three {
	  		float:none;
	  		width:33%;
	  		}

	  	.flexbox .flex-seven {
	  		width: 33%;
	  		-webkit-flex: 0 1 33%;
	  		flex: 0 1 33%;
	  		}

	  	#costume div.flexbox .flex-eight {
	  		width: 50%;
	  		-webkit-flex: 0 1 50%;
	  		flex: 0 1 50%;
	  		}

	  	#iframeWrapper iframe { height:50px; }

	  	#doc #fettipediaArticleExtras {
	  		border-collapse:inherit;
	  		white-space:normal;
	  		width:auto;
	  		}
	  		#doc #centerColumn #fettpediaActions li,
	  		#doc #centerColumn #fettipediaArticleExtras li {
	  			margin:0;
	  			padding:0;
	  			display:block;
	  			}

	  	#picinfo p { word-wrap: break-word; }

	  	.flexslider {
	  		height:auto;
	  		overflow:hidden;
	  		width:100% !important;
	  		}
	  		.flexslider img {
	  			height:auto;
	  			}
	  	.flex-caption {
	  		/* font-size:100%; */
	  		height:auto !important;
	  		line-height:1;
	  		padding:10px;
	  		display:block;
	  		position:relative;
	  		}

	  	.fourfourfour,
	  	#cell_1,
	  	#cell_2.four,
	  	#cell_2,
	  	#cell_3,
	  	.module240 {
	  		float:none;
	  		width:100% !important;
	  		}

	  	#centerColumn .deck div.three {
	  		float:left;
	  		}

	  	div.ad img,
	  	table img.image {
	  		max-width:100%;
	  		height:auto;
	  		}

	  	table#picinfo td.tableb {
	  		font-size:75% !important;
	  		}

	  	.vvqbox,
	  	.vvqbox object {
	  		max-height:320px;
	  		}

	  	li.boardRow a { width:100%; }

	  	li.boardRow span.boardThumbnail {
	  		width:20% !important;
	  		margin:0;
	  		min-width:40px;
	  		}
	  	li.boardRow span.boardSubject {
	  		width:80% !important;
	  		}

	  	#centerColumn ul.horizontal.percentage li {
	  		width:50% !important;
	  		display:block;
	  		}
	  		#centerColumn ul.horizontal.percentage li a img {
	  			min-width:100%;
	  			height:100%;
	  			}

	  	#adSq,
	  	#adHo {
	  		width:100% !important;
	  		overflow:hidden;
	  		}

	  	div.record-category-item-meta-column {
	  		float:none !important;
	  		width:100% !important;
	  		}

	  	span.recentThumbnail,
	  	span.recentArticle {
	  		float:none;
	  		width:100%;
	  		}

	  	input {
	  	    /* -webkit-appearance: none; */
	  	    border-radius: 0;

	  	  -webkit-user-select: initial;
	  	  -khtml-user-select: initial;
	  	  -moz-user-select: initial;
	  	  -ms-user-select: initial;
	  	  user-select: initial;
	  	}

	  	input.submit,
	  	input[type=submit],
			select,
	  	.brd .frm-buttons span.submit {
	  	    -webkit-appearance: none;
			appearance:none;
	  	}

	  	#globalFooter {
	  		overflow:hidden;
	  		}
	  	#globalFooter .three {
	  		float:none;
	  		width:100% !important;
	  		}

			body#community .three {
				width:100% !important;
			}

	  }

	  /* Smartphones (landscape) ----------- */
	  @media only screen and (min-width : 321px) and (max-width : 959px) {

	  	#doc,
	  	#centerColumn,
	  	#centerColumn.noSidebar {
	  		width:100%;
	  		}

	  	#socialQuotesAnnouncements,
	  	#titlecontainerUserBar { display:none; }
	  	#titlecontainer { height:auto; line-height:0 !important; }
	  	.hideOnMobile { visibility:hidden; }

	  	div.three img {
	  		max-width:100%;
	  		height:auto;
	  	}

	  }

	  /* Smartphones (portrait) ----------- */
	  @media only screen and (max-width : 320px) {

	  	#doc,
	  	#centerColumn,
	  	#centerColumn.noSidebar {
	  		width:100%;
	  		}

	  }

	  @media screen and (max-width: 768px) {
	  	body#bounty #centerColumn div.four { float:none !important; width:100% !important; }
	  	.thumbnailWrap { flex-basis:40% !important; width:40% !important; }
	  }

.slicknav_btn { position: relative; display: block; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block; margin-left:0; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/*
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu,
.slicknav_menu li.searchboxListItem input {
    font-size:1.5em;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background: #222;
    padding:10px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
	background:#111;
    padding:0;
    margin:0;
}
.slicknav_nav ul a {
	padding-left:25px;
	}
.slicknav_open {
	background:#111;
	}

.slicknav_nav .slicknav_row,
.slicknav_nav li.searchboxListItem input {
    padding:5px 10px;
    margin:0;
}

.slicknav_nav a{
    padding:5px 10px;
    margin:0;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    background:#000;
}
.slicknav_nav a:hover{
    background:#222;
    color:#e8b058;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}
.slicknav_nav:focus {
  outline-color: transparent;
  outline-style: none;
}


.slick-slider {
	visibility:hidden;
	opacity:0;	 
	transition: opacity 1s;
}
.slick-slider.slick-initialized {
   visibility:visible;
   opacity:1;
}
.slick-slider .slick-slide {
   display:none;
}
.slick-slider .slick-slide:first-child {
   display:block; visibility:hidden;
} 
.slick-slider.slick-initialized .slick-slide {
   display:block;visibility:visible!important;
}


.slick-dots {
	bottom:0 !important;
	position:relative !important;
}
.slick-dots li button::before {
	color:#fff !important;
}
body#multimedia.galleries .carousel-one .slick-dots button {
	background-color:transparent !important;
	padding:0 !important;
	text-shadow:none !important;
}
body#multimedia.galleries .carousel-one .slick-dots button:hover { background-color:none !important; }
body#multimedia.galleries .grid-wrap .carousel-one img { width:auto !important; }

#gallery-highlights img,
#multimedia.galleries .carousel-one .slick-slide img { max-width:100%; width:auto !important; height:auto; }

li.searchboxListItem {
	display:block;
	position:relative;
	margin-bottom:1.5em !important;
	}
	li.searchboxListItem input {
		border:0;
		font-family: Helvetica, Arial, sans-serif;
		position:absolute;
		width:100%;
		z-index:999;
		}
	li.searchboxListItem input.submit {
		background:#e8b058;
		right:0;
		width:auto;
		z-index:999;
		}

code {
	color:#fff;
	font-weight:bold;
}

.chip {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	background-color: #000;
	border:1px solid #333;
	border-radius: 999px 0px 0px 999px;
	padding: 4px 8px 4px 4px;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
}
ol li .chip { margin-bottom:0; margin-right:0; }

.chip a { white-space:nowrap; }
.chip img { border-radius:50%; margin-right:0.25rem; }
	.chip img:last-of-type { margin-right:0; }
	.chip img.chip-icon { vertical-align: middle; margin-left:0.25rem }
	.chip .stars-svg { margin-right:0.25rem; vertical-align: bottom; }
.chip .subtle-text { font-weight:normal; color:#ccc; }
	
.multi-chip-wrap {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap: wrap;
    line-height: 2;
}
.multi-chip-wrap .chip { margin: 0 0.5rem; }

/* Print Styles */

@media print {
	html, body {
		background:#fff !important;
		color:#000 !important;
		}
	p, li, h1, h2, h3, h4, h5, h6, strong, small {
		color:#000 !important;
		text-shadow:0 !important;
		background:none !important;
	}
	#bd h2,
	#bd ul li,
	#bd p { text-shadow:none !important; }
	#bffc-navigation,
	#account-container,
	#globalSectionCover-wrap,
	#globalSectionCover,
	#globalSectionNav,
	#globalFooter,
	div.ad,
	#adHo,
	#signupBar,
	#comments,
	#epoch-wrap,
	#bd div.deck,
	#user-friendship-bar,
	.searchWrapper,
	.noprint { display:none; }
	#doc,
	#centerColumn,
	#wrap {
		float:none;
		left:0;
		margin-top:0;
		width:100%;
		}
	.articleBodyCopy,
	body#news #centerColumn div.fourfourfour figure {
		max-width:100%;
		height:auto;
		border:0;
	}
	#titlecontainer { background:transparent; justify-content: flex-start !important; }
	body#news #centerColumn div.fourfourfour { width:100%; }
	body#news #centerColumn div.four { display:none; }
	#logo-container img { background:#000 !important; }
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* Prevents text wrapping, which could affect the 1px height */
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}