/* General Markup Styles
---------------------------------------- */
.HolyGrail-body {display: flex;padding: 0;max-width:100%;}
.HolyGrail-content {flex: 6;padding:0;max-width:54%;margin: 0 auto;}
.HolyGrail-nav {flex: 2; padding:0 2px;  /* put the nav on the left */ order: -1;max-width:16%; min-width: 160px;}
.HolyGrail-ads {padding:0 2px;flex: 3;max-width:29%;}

html {font-size: 100%;height: 101%;
}

body, .CubePost.bootstrap {font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	-webkit-print-color-adjust: exact;
}

h1, h2, .h1, .h2, 
.CubePost.bootstrap h1, .CubePost.bootstrap h2 {
	/* Forum header titles */
	font-family: 'Anton', sans-serif;
	font-weight: 300;
	font-size: 1.7em;
	line-height:1.3;
	margin: 0.8em 0 0.2em 0;
	letter-spacing: 0.5px;
}
h1 a {color:#c13e32;}
h1 a:hover {color:#333333;}
h1.topic-title {font-size: 1.8em;}

h2.solo {margin-bottom: 1em;}

h2.poll-title { 	
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	font-size: 1.3em;
	line-height: 1.3;
	margin-bottom: 0.2em;
	color:#000;
	border-bottom: solid 1px #000!important;
	before:"POLL:";
}

h3, .h3, .CubePost.bootstrap h3 {

	font:bold 1.5em/1 'Oswald';
	border-bottom: 1px solid transparent;
	margin-bottom: 12px;
	padding-bottom: 2px;
	width:100%;
}

h4, .h4, .CubePost.bootstrap h4 {/* Forum and topic list titles */font:bold 1.3em/1 'Oswald';}
h5, .h5, .CubePost.bootstrap h5 {font:1.2em/1.1 Oswald}
p {
	line-height: 1.3em;
	font-size: 1em;
	margin-bottom: 1.5em;
}

img {height:auto;border-width: 0;}
img.postimage {max-width:100%; margin:2px 0;}
.CubePost img#postimage, .CubePost img.postimage {margin-bottom: 4px; display:inline-block;}
blockquote .postimage, .quotecontent .postimage {max-height: 150px;}
.color_flip {filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ -webkit-filter: grayscale(0.9) brightness(110%);  /* Webkit Nightlies & Chrome Canary */ filter: gray; /* IE5+ */ -webkit-transition: all .4s ease-in-out;}
span img.color_flip {-webkit-filter: grayscale(0.5) brightness(125%);}
.ease-in-out {-webkit-transition: all .4s ease-in-out;}
.color_flip:hover, .ease-in-out:hover, span img.color_flip:hover {filter: none;-webkit-filter: grayscale(0);-webkit-transform: scale(1.05);}
img.drop-2em {margin-bottom:2em;}

hr {
	border: 0 solid transparent;
	border-top-width: 1px;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top-style: dashed;
	margin: 10px 0;
}

hr.divider {
	display: none;
}
hr.red {border-top-color:#c13e32; margin-top:-2em;}
hr.red-5px {border-top:solid 5px #c13e32!important;}
hr.tan-5px {border-top: solid 5px #d7d0c0;}

p.right {
	text-align: right;
}

p.jumpbox-return {
	margin-top: 10px;
	margin-bottom: 0;
	float: left;
}

b, strong {
	font-weight: bold;
}

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

i, em {
	font-style: italic;
}

.text-italics {
	font-style: italic;
}

u {
	text-decoration: underline;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

li {
	display: list-item;
}

ul ul, ol ul {
	list-style-type: circle;
}

ol ol ul, ol ul ul, ul ol ul, ul ul ul {
	list-style-type: square;
}

a:hover	{ text-decoration: underline; }

/* Main blocks
---------------------------------------- */
.wrap {
	/*/ border: 1px solid transparent;
	border-radius: 8px; /*/ 
	padding: 0 2px;
	top:0;
/*/		max-width: 800px;/*/

}

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	.wrap {
		margin: 0 3px;
	}
}

.page-body {
	margin: 0;
/*	padding: 0 6px; */
	clear: both;
}

.page-footer {
	clear: both;
}

.page-footer h3 {
	margin-top: 20px;
}

.logo {
	float: left;
	width: auto;
	padding: 2px 0;
}

.logo:hover {
	text-decoration: none;
}

.site_logo {
	display: inline-block;
	width: 150px;
	height: 127px;
 /*/   width: 149px;
	height: 52px; /*/
}

/* Site description and logo */
.site-description {
	float: left;
	width: 65%;
}

.site-description h1 {
	margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	margin-bottom: 4px;
/*/		padding: 5px;
border-radius: 7px;/*/
}

.navbar {
	padding: 0px 10px;
	font-size:0.8em;
/*/	border-radius: 7px;/*/
}
.forabg {
	margin-bottom: 4px;
	padding: 5px;
	clear: both;
/*/	border-radius: 7px;/*/
}

.forumbg {
	margin-bottom: 4px;
	padding: 5px;
	clear: both;
/*/	border-radius: 7px;/*/
}

.panel {
	margin-bottom: 4px;
/*/	padding: 5px 10px;
	border-radius: 7px;/*/
}

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
/*/	border-radius: 7px;/*/
	position: relative;
}

.rowbg {
	margin: 5px 5px 2px 5px;
}

/* Horizontal lists
----------------------------------------*/
.navbar ul.linklist {
	padding: 2px 0;
	list-style-type: none;
}

ul.linklist {
	display: block;
	margin: 0;
}

.cp-main .panel {
	padding: 5px 10px;
}

ul.linklist > li {
	float: left;
	font-size: 1.1em;
	line-height: 2.2em;
	list-style-type: none;
	margin-right: 7px;
	padding-top: 1px;
	width: auto;
}

ul.linklist > li.rightside, p.rightside, a.rightside {
	float: right;
	margin-right: 0;
	margin-left: 7px;
	text-align: right;
}

ul.navlinks {
	border-top: 1px solid transparent;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

ul.linklist li.responsive-menu {
	position: relative;
	margin: 0 5px 0 0;
}

.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
	max-width: 48%;
}

.hasjs ul.linklist.fullwidth {
	max-width: none;
}

li.responsive-menu.dropdown-right .dropdown {
	left: -9px;
}

li.responsive-menu.dropdown-left .dropdown {
	right: -6px;
}

ul.linklist .dropdown {
	top: 22px;
}

ul.linklist .dropdown-up .dropdown {
	bottom: 18px;
	top: auto;
}

/* Bulletin icons for list items
----------------------------------------*/
ul.linklist.bulletin > li:before {
	display: inline-block;
	content: "\2022";
	font-size: inherit;
	line-height: inherit;
	padding-right: 4px;
}

ul.linklist.bulletin > li:first-child:before,
ul.linklist.bulletin > li.rightside:last-child:before {
	content: none;
}

ul.linklist.bulletin > li.no-bulletin:before {
	content: none;
}

.responsive-menu:before {
	display: none !important;
}

/* Profile in overall_header.html */
.header-profile {
	display: inline-block;
	vertical-align: top;
}

a.header-avatar,
a.header-avatar:hover {
	text-decoration: none;
}

a.header-avatar img {
	margin-bottom: 2px;
	max-height: 20px;
	vertical-align: middle;
	width: auto;
}

a.header-avatar span:after {
	content: '\f0dd';
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	padding-left: 6px;
	padding-top: 2px;
	vertical-align: top;
}

/* Dropdown menu
----------------------------------------*/
.dropdown-container {
	position: relative;
}

.dropdown-container-right {
	float: right;
}

.dropdown-container-left {
	float: left;
}

.nojs .dropdown-container:hover .dropdown {
	display: block !important;
}

.dropdown {
	display: none;
	position: absolute;
	left: 0;
	top: 1.2em;
	z-index: 2;
	border: 1px solid transparent;
/*/	border-radius: 5px;/*/
	padding: 9px 0 0;
	margin-right: -500px;
}

.dropdown.live-search {
	top: auto;
}

.dropdown-container.topic-tools {
	float: left;
}

.dropdown-up .dropdown {
	top: auto;
	bottom: 1.2em;
	padding: 0 0 9px;
}

.dropdown-left .dropdown, .nojs .rightside .dropdown {
	left: auto;
	right: 0;
	margin-left: -500px;
	margin-right: 0;
}

.dropdown-button-control .dropdown {
	top: 24px;
}

.dropdown-button-control.dropdown-up .dropdown {
	top: auto;
	bottom: 24px;
}

.dropdown .pointer, .dropdown .pointer-inner {
	position: absolute;
	width: 0;
	height: 0;
	border-top-width: 0;
	border-bottom: 10px solid transparent;
	border-left: 10px dashed transparent;
	border-right: 10px dashed transparent;
	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
	display: block;
}

.dropdown-up .pointer, .dropdown-up .pointer-inner {
	border-bottom-width: 0;
	border-top: 10px solid transparent;
}

.dropdown .pointer {
	right: auto;
	left: 10px;
	top: -1px;
	z-index: 3;
}

.dropdown-up .pointer {
	bottom: -1px;
	top: auto;
}

.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
	left: auto;
	right: 10px;
}

.dropdown .pointer-inner {
	top: auto;
	bottom: -11px;
	left: -10px;
}

.dropdown-up .pointer-inner {
	bottom: auto;
	top: -11px;
}

.dropdown .dropdown-contents {
	z-index: 2;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid transparent;
/*/	border-radius: 5px;/*/
	padding: 5px;
	position: relative;
	max-height: 300px;
}
body.section-ucp .dropdown .dropdown-contents {  
min-width: fit-content;
    right: 82px!important;
    top: 13px;
    width: 160px;
}

.dropdown-contents a {
	display: block;
	padding: 5px;
}

.jumpbox {
	margin: 5px 0;
}

.jumpbox .dropdown li {
	border-top: 1px solid transparent;
}

.jumpbox .dropdown-select {
	margin: 0;
}

.jumpbox .dropdown-contents {
	padding: 0;
	text-decoration: none;
}

.jumpbox .dropdown-contents li {
	padding: 0;
}

.jumpbox .dropdown-contents a {
	margin-right: 20px;
	padding: 5px 10px;
	text-decoration: none;
	width: 100%;
}

.jumpbox .spacer {
	display: inline-block;
	width: 0px;
}

.jumpbox .spacer + .spacer {
	width: 20px;
}

.dropdown-contents a {
	display: block;
	padding: 5px;
}

.jumpbox .dropdown-select {
	margin: 0;
}

.jumpbox .dropdown-contents a {
	text-decoration: none;
}

.dropdown li {
	display: list-item;
	border-top: 1px dotted transparent;
	float: none !important;
	line-height: normal !important;
	font-size: 1em !important;
	list-style: none;
	margin: 0;
	white-space: nowrap;
	text-align: left;
}

.dropdown-contents > li {
	padding-right: 15px;
}

.dropdown-nonscroll > li {
	padding-right: 0;
}

.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
	border-top: 0;
}

.dropdown li li:first-child {
	margin-top: 4px;
}

.dropdown li li:last-child {
	padding-bottom: 0;
}

.dropdown li li {
	border-top: 1px dotted transparent;
	padding-left: 18px;
}

.wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
	white-space: normal;
}

.dropdown li.separator {
	border-top: 1px solid transparent;
	padding: 0;
}

.dropdown li.separator:first-child, .dropdown li.separator:last-child {
	display: none !important;
}

/* Responsive breadcrumbs
----------------------------------------*/
.breadcrumbs .crumb {
	float: left;
	font-weight: bold;
	word-wrap: normal;
}

.breadcrumbs .crumb:before {
	content: '\2039';
	font-weight: bold;
	padding: 0 0.5em;
}

.breadcrumbs .crumb:first-child:before {
	content: none;
}

.breadcrumbs .crumb a {
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom;
	overflow: hidden;
}

.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }

.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }

/* Table styles
----------------------------------------*/
table.table1 {
	width: 100%;
}

.ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
	font-family: 'Oswald', sans-serif;
	
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
/*	border: 1px solid transparent; */
	border-bottom: 1px solid #CCCCCC;	
}

table.table1 td {
	font-size: 0.9em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid transparent;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid transparent;
	text-align: left;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .center		{ text-align: center; }
table.table1 .reportby	{ width: 15%; }
table.table1 .posts		{ text-align: center; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0;
	border:solid 1px #333333; 
	border-collapse:collapse!important;
}

.forumbg-table > .inner {
	margin: 0 -1px;
}

.color_palette_placeholder table {
	border-collapse: separate;
	border-spacing: 1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts */
.column1 {
	float: left;
	clear: left;
/*	width: 49%; */
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}
body[class*="section-app/help/faq"] .column1,
body[class*="section-app/help/faq"] .column2 {
  width: 49%!important;
}

fieldset dt label, fieldset dt span {font-size:0.8em;}

fieldset.polls dt label {font-size:1em;}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
	max-width: 100%;
}

.left-box.profile-details {
	width: 90%;
}
.left-box.profile-details {
	width: 90%;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
	max-width: 100%;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em; */
	font-size: 0.8em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 36%;
	text-align: right;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 1em;
	float: left;
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
}
dl.left-box.details.profile-details {width: 99%;}
dl.left-box.details.profile-details dt {width: 20%;	padding-right: 1em;}

dd select {font-size: 1em;} 
#cp-main fieldset dl {overflow:visible;}

.clearfix {display: inline-block;}
.clearfix:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}

.clearfix, fieldset dl, ul.topiclist dl, dl.polls {
	overflow: hidden;
}
fieldset.fields1 ul.recipients {
	list-style-type: none;
	line-height: 1.8;
	max-height: 150px;
	overflow-y: auto;
}

fieldset.fields1 dd.recipients {
	clear: left;
	margin-left: 1em;
}

fieldset.fields1 ul.recipients  input.button2{
	font-size: 0.8em;
	margin-right: 0;
	padding: 0;
}

fieldset.fields1 dl.pmlist > dt {
	width: auto !important;
}

fieldset.fields1 dl.pmlist dd.recipients {
	margin-left: 0 !important;
}

/* Action-bars (container for post/reply buttons, pagination, etc.)
---------------------------------------- */
.action-bar {
	font-size: 0.8em!important;
	margin: 4px 0;
}

.forabg + .action-bar {
	margin-top: 2em;
}

.action-bar .button, .action-bar .button-topic {
	margin-right: 5px;
	float: left;
}

.action-bar .button-search {
	margin-right: 0;
}
.action-bar a {
	text-decoration: underline;
}
.action-bar a span {
	font-size: 0.9em;
}

/* Pagination
---------------------------------------- */
.pagination {
	float: right; 
	text-align: right;
	width: auto;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	font-size: 1.9em;
}
#page-body div.pagination {font-size: 1.2em;margin:5px 0;}

.pagination >a {
	font-family: Arial, sans-serif;
	font-size: 0.6em;
}

.action-bar.bar-bottom .pagination {
	margin-top: 0;
}

.action-bar .pagination .button {
	margin-right: 0;
	float: none;
		font-size: 0.9em;
}

.pagination > ul {
	display: inline-block;
	list-style: none !important;
	margin-left: 5px;
}

.pagination > ul > li {
	display: inline-block !important;
	padding: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: middle;
}

.pagination li a, .pagination li span {
/*/	border-radius: 2px;
	padding: 0 5px;/*/
    padding: 2px 4px 0 6px;
    line-height: 1;
    min-width: 14px;
}

.pagination li.active span {
	display: inline-block;
	font-size: 1em;
	font-weight: normal;
	font-family: "Teko";
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid transparent;
	border: 1px solid transparent;
	
/*/	padding:0 7px;
	line-height: 1.25; /*/
}

.flex-bar {display: flex; align-items:flex-end;}
.flex-right {margin-left: auto!important;}

.pagination li.ellipsis span {
	border: none;
	padding: 0;
}

.pagination li.page-jump {
	margin-right: 5px;
}

.pagination li.page-jump a {
	padding: 0 8px;
}

.pagination li.page-jump a i {
	font-size: 1em;
}

.pagination .arrow a {
	padding: 0;
	line-height:1em;
}

/* Pagination in viewforum for multipage topics */

#page-body div.action-bar div.pagination {font-size: 1.7em;}
div.pagination ul li a {text-decoration:none;}

#page-body div.action-bar .pagination li a, .pagination li span {
    padding: 4px 4px 0 6px;
    line-height: 1;
    min-width: 14px;
}
#page-body div.action-bar .pagination ul li.active span {
    line-height: 1;
    min-width: 14px;	
padding: 4px 4px 0 6px;
	font-size:0.9em;
}
.row .pagination {
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
}

.row .pagination > ul {
	margin: 0;
}

.row .pagination li a, .row .pagination li span {
/*/	border-radius: 2px;/*/
	padding: 1px 3px;
	font-size: 9px;
}

/* jQuery popups
---------------------------------------- */
.phpbb_alert {
	border: 1px solid transparent;
	display: none;
	left: 0;
	padding: 0 25px 20px 25px;
	position: fixed;
	right: 0;
	top: 150px;
	z-index: 50;
	width: 620px;
	margin: 0 auto;
}

@media only screen and (max-height: 500px), only screen and (max-device-width: 500px)
{
	.phpbb_alert {
		top: 25px;
	}
}

.phpbb_alert .alert_close {
	float: right;
	margin-right: -36px;
	margin-top: -8px;
}

.phpbb_alert p {
	margin: 8px 0;
	padding-bottom: 8px;
}

.phpbb_alert label {
	display: block;
	margin: 8px 0;
	padding-bottom: 8px;
}

.phpbb_alert div.alert_text > p,
.phpbb_alert div.alert_text > label,
.phpbb_alert div.alert_text > select,
.phpbb_alert div.alert_text > textarea,
.phpbb_alert div.alert_text > input {
	font-size: 1.1em;
}

.darkenwrapper {
	display: none;
	position: relative;
	z-index: 44;
}

.darken {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	z-index: 45;
}

.loading_indicator {
	background: center center no-repeat;
/*/	border-radius: 5px;/*/
	display: none;
	opacity: 0.8;
	margin-top: -50px;
	margin-left: -50px;
	height: 50px;
	width: 50px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 51;
}

/* Miscellaneous styles
---------------------------------------- */
.copyright {
	font-size: 10px;
	text-align: center;
	padding: 10px;
}

.footer-row {
	font-size: 10px;
	line-height: 1.8;
	margin: 0;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	font-weight: bold;
	font-size: 1em;
}
 
div.rules {
	margin: -0.5em 0 0 0;
	font: italic bold 0.9em/1.2em Georgia; 
	color:#777777;
	padding: 0 0 10px 10px;
/*/		word-break: break-all;
border-radius: 7px;/*/
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.post-notice {
	position: relative;
	padding: 5px;
	min-height: 14px;
	margin-bottom: 1em;
}

form > p.post-notice strong {
	line-height: 20px;
}

.stat-block {
/*/	clear: both; /*/
	display:block;
	margin:10px;
}
div.stat-block p {
font-size:0.75em;
}
.top-anchor {
	display: block;
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}

/* Inner box-model clearing */
.inner:after,
ul.linklist:after,
.action-bar:after,
.notification_text:after,
.tabs-container:after,
.tabs > ul:after,
.minitabs > ul:after,
.postprofile .avatar-container:after {
	clear: both;
	content: '';
	display: block;
}
.postprofile dd b:has(a[href*="viewtopic"]) {
    font: 1.5em/1.2 'arial black';
}
.emoji {
	min-height: 18px;
	min-width: 18px;
	height: 1em;
	width: 1em;
}

.smilies {
	vertical-align: text-bottom;
}

.icon-notification {
	position: relative;
}

.member-search {
	float: left;
	margin: 0 0 1em 0;
	padding: 6px 10px;
}

.member-search strong {
	font-size: 0.95em;
}

#memberlist td {font-size: 0.8em;}
#memberlist a.username {font-size: 1em!important;}
#memberlist .info {width: 20%!important;overflow: hidden;}
#memberlist .joined, #memberlist .active {width: 20%;}

.dropdown-extended {
	display: none;
	z-index: 1;
}

.dropdown-extended ul {
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
	clear: both;
}

.dropdown-extended ul li {
	padding: 0;
	margin: 0 !important;
	float: none;
	border-top: 1px solid;
	list-style-type: none;
	font-size: 0.95em;
	clear: both;
	position: relative;
}

.dropdown-extended ul li:first-child {
	border-top: none;
}

.dropdown-extended ul li.no_notifications {
	padding: 10px;
}

.dropdown-extended .dropdown-contents {
	max-height: none;
	padding: 0;
	position: absolute;
	width: 340px;
}

.nojs .dropdown-extended .dropdown-contents {
	position: relative;
}

.dropdown-extended .header {
	padding: 0 10px;
	font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	text-shadow: 1px 1px 1px white;
	text-transform: uppercase;
	line-height: 3em;
	border-bottom: 1px solid;
/*/	border-radius: 5px 5px 0 0;/*/
}

.dropdown-extended .header .header_settings {
	float: right;
	font-weight: normal;
	text-transform: none;
}

.dropdown-extended .header .header_settings a {
	display: inline-block;
	padding: 0 5px;
}

.dropdown-extended .header:after {
	content: '';
	display: table;
	clear: both;
}

.dropdown-extended .footer {
	text-align: center;
	font-size: 1.1em;
}

.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
	padding: 8px;
}

.dropdown-extended .footer > a {
	padding: 5px 0;
}

.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
	display: block;
	text-decoration: none;
}

.notification_list ul li img {
	float: left;
	max-height: 50px;
	max-width: 50px;
	width: auto !important;
	height: auto !important;
	margin-right: 5px;
}

.notification_list ul li p {
	margin-bottom: 4px;
	font-size: 1em;
}

.notification_list p.notification-reference,
.notification_list p.notification-location,
.notification_list li a p.notification-reason {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.notification_list p.notification-time {
	font-size: 0.9em;
	margin: 0;
	text-align: right;
}

.notification_list div.notifications {
	margin-left: 50px;
	padding: 5px;
}

.notification_list div.notifications a {
	display: block;
}

.notification_list p.notifications_title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em !important;
}

.notification_list p.notifications_title strong {
	font-weight: bold;
}

.notification_list p.notifications_time {
	font-size: 0.9em !important;
}

.notification_text {
	margin-left: 58px;
}

.badge {
	border-radius: 10px;
	opacity: 0.8;
	text-align: center;
	white-space: nowrap;
	font-size: 10px;
	line-height: 1;
	float: right;
	display: inline-block;
	margin-left: 3px;
	vertical-align: baseline;
	position: relative;
	top: 3px;
	padding: 4px 6px;
}

.badge.hidden {
	display: none;
}

/* Navbar specific list items
----------------------------------------*/

.linklist .quick-links {
	margin: 0 7px 0 0;
}

.linklist.compact .rightside > a > span {
	display: none;
}

.dropdown-page-jump .dropdown {
	top: 20px;
}

.dropdown-page-jump.dropdown-up .dropdown {
	bottom: 20px;
}

.dropdown-page-jump input.tiny {
	width: 50px;
}

.dropdown .clone.hidden  {
	display: none;
}

.dropdown .clone.hidden + li.separator {
	display: none;
}

.dropdown .clone.hidden + li {
	border-top: none;
}
	/* Polls
	----------------------------------------*/

.topic_poll .panel {
	padding: 12px; margin: 5px 5px 0 0; background-color:#eeeeee;
}
	fieldset.polls dt {
		display:table-cell; vertical-align:middle; width:60%; padding-right:1em;line-height: 1.2;
	}
	fieldset.polls dd.poll_option_select {
		display:table-cell; vertical-align:middle;
	}
	fieldset.polls dd.resultbar {
		display:table-cell; vertical-align:middle; width:100%; font: bold 0.8em Arial;
	}

	fieldset.polls dd.poll_option_percent {
		display:table-cell; vertical-align:middle; 
		white-space: nowrap;
	}

	fieldset.polls dt, fieldset.polls dt label,fieldset.polls dd.poll_option_select, fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent, div.resultbar {
		padding:0.5em 2px; font: bold 0.9em Arial!important;
	}
 
fieldset.polls div.resultbar {border-top: solid 3px #fff;}
/*/////////////////////////////////*/


.CubeFrame {
    border: solid 1px #b1b1b1;
    padding: 8px 8px 0 20px;
    height: auto;
/*    max-height: 100%; */
    max-width: 100%;
    box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.5);
	position: relative;
}
.CubeFrame h2.topic-title {padding:1em 0 0 10px;}

.CubeDivider {display:block;width:100%;clear:both;height:20px;border-bottom:1px dotted #999999;}

.CubePost {	
	overflow:visible;
	word-break: break-word;
	font: 1em/1.2 Roboto, sans-serif;
	padding-top:0.4em;
	
/*	min-width:600px;
	max-width:100%;
	display:block; */
	}
div.inline-attachment {max-width:100%;}

.CubePost ul {	
	margin-right: 0px;
	padding: 1em 0 0.2em 0;
	line-height:1.25em;
}
	
div.CubePost ul li, div.CubePost ol li {	
	padding: 0.5em 0;
	font: normal 1em/1.2 Roboto;
	}
div.CubePost ul li {list-style-image: url(images/squareGray12.png);}
.bootstrap div.CubePost ul li {list-style-image: none;}
div.CubePost ol {list-style: none!important;}
div.CubePost ol > li:first-child {counter-reset:index;}
div.CubePost ol > li:before {
content: counter(index); counter-increment: index; width: 26px; height: 24px; background: #5c5c5c;text-align: center;color: #fff; position: absolute;left: 1em;font: 700 1em/1.2 'open sans condensed';}
.CubeRed {color:#c13e32!important;}
.CubeHuge {font-size:200%!important;}
.CubeLarge, p.CubeLarge {font-size:160%;line-height:1.1;}
.CubeNorm, div.CubeNorm, p.CubeNorm {font-size:1em!important;}
.CubeMed {font-size:0.9em!important;}
.CubeSmall, div.CubeSmall {font-size:0.8em;}
div.CubeSmall span {font-size:1.1em;}
.CubeTiny { font-size:0.7em;}
a.BlackLink, a.BlackLink:visited {color:#333333; text-decoration: underline;}
a.BlackLink:hover {color:#c13e32; text-decoration: none;}
a.RedLink, a.RedLink:visited, .Newswire a.h2, .Newswire a.h2:visited {color:#c13e32; text-decoration: underline;}
a.RedLink:hover, .Newswire a.h2:hover {color:#333333; text-decoration: none;}
.CubeShadow {-webkit-box-shadow: inset 0px 30px 20px -25px rgba(3,3,3,0.4);
box-shadow: inset 0px 30px 20px -25px rgba(3,3,3,0.4);height:3em;clear:both;}
/*/{background: url(/red/styles/proPC/theme/images/CubeShadow.png) repeat-x top; 
	height:3em; display:block; clear:both;}/*/
.CubeShadowTop {-webkit-box-shadow: ins" >et 0px -30px 20px -30px rgba(4,4,4,0.4);
box-shadow: inset 0px -30px 20px -30px rgba(4,4,4,0.4);height:3em;clear:both;}
/*/{background: url(/red/styles/proPC/theme/images/BgndShadowTop.jpg) repeat-x bottom;}/*/
.max-h-100 {max-height:100%;height:auto;}
.max-w-100 {max-width:100%;width:auto;}
.flex-img-cube {max-width:100%;width:auto;display: block;align-self: center;max-height:100%;height:auto; padding:0;}
.BorderRedThick {border: 5px solid #c13e32; padding:1.5em;}
.BorderTanThick {border: 5px solid #d7d0c0; padding:1.5em;}
.BorderBlackThick, .brdr_dark_2_pad_12 {border: 5px solid #333333; padding:1.5em;}
.BorderBlackThin {border: 1px solid #777; padding:5px;}
div.Newswire, span.Newswire {border: 5px solid #c13e32; padding:1em 1.5em 1.9em; overflow: overlay;margin-bottom:1.5em;}
.Newswire ul {margin:0.5em 0 0 1.5em;}
.Newswire ul li {padding:0.3em;font-weight: bold!important;list-style-image: url(images/Bullet_Sq_Red.gif)!important;}
.bold {font-weight:bold;}
#columnright {display: block;max-width: 342px;margin:0 auto;padding-right: 3px;padding-left:7px;}
#columnright a  {display: inline;}
#columnright p {font: bold 0.8em/1.2 Arial;border-bottom: 2px dotted #d7d0c0;color:#333;padding:0.7em 0;margin:0;}	
#columnright .img_left_10, #columnright .img_right_10 {width:50%;background-color:#fff;padding-bottom: 0.5em;}
#columnright img {max-width:100%;}
.img_right_10 {float:right;padding-left: 12px;font: normal 0.88em/1.25 Arial;color: #857d6c;word-break: break-word;max-width: min-content;}
.img_left_10 {float:left;padding-right: 12px;font: normal 0.88em/1.25 Arial;color: #857d6c;word-break: break-word;max-width: min-content;}
.img_left_10 img.postimage,.img_right_10 img.postimage {max-width: fit-content;width: auto;display:block;}
.img_left_18, .img_left_18_tr {float: left;margin-right: 18px;font: italic 0.9em Georgia; width: min-content; border-bottom: dashed 4px #aaaaaa;padding-bottom: 1em; margin-bottom: 0.8em;}
img.img_left_18 {border: 0; padding: 0;margin-top:3px;}
.img_left_18 img {width:auto; margin:3px 0 4px 0;}

/* FIX FOR FORUM RULES PAGES WITH LAIKA, Etc. side by side divs.
/* Make ONLY this rules box a two-column row */
.rules .inner {
  display: flex;
  align-items: flex-start;
  gap: 12px;                /* replaces the old right padding gap */
  flex-wrap: nowrap;
}

/* Reset the shared class just in this context */
.rules .inner > .img_left_10 {
  float: none !important;   /* disable floats here */
  max-width: none !important;
  width: auto !important;
font: unset;
  clear: none !important;
  padding-right: 0;         /* gap now handles spacing */
}

/* Left: image column sizes to its content */
.rules .inner > .img_left_10:first-child {
  flex: 0 0 auto;           /* don't stretch */
}

/* Make sure the image behaves */
.rules .inner > .img_left_10:first-child img {
  display: block;
  height: auto;
  max-width: 100%;
}

/* Right: text column fills remaining space */
.rules .inner > .img_left_10:last-child {
  flex: 1 1 0;
  min-width: 0;             /* crucial: allows text to use the space in flex */
  word-break: break-word;
}
/* END OF FIX FOR FORUM RULES PAGES

.navleft {max-width: 160px;padding:0;margin: auto;text-align: center;font: bold 0.7em Arial;}
.navleft a {display: inline;}

.article_cont_u {border-bottom: 2px solid #d7d0c0;margin: 8px 0 20px;padding-bottom:10px;overflow: overlay;}
/*.article_cont_u img {max-width:100%;} */
.CubePost bootstrap a.postlink,.CubePost a.postlink {display:inline;color:#333333;text-decoration: underline;text-decoration-color: #aaaaaa;}
.article_cont_u ul, .article_cont_u ol {padding: 1em 0 1em 1em;display:table;}

.article_cont_u li {margin:0.4em 0;}
img.article_cont_u {max-width:100%;}
h1 + .article_cont_u {margin-top: 7px;}

a.more {font: 0.75em Arial Black;text-align: right;margin: -5px 2px 1em;display:block;clear:both;}
a.more:link, a.more:visited {color: #c13e32;text-decoration: none;}
a.more:active, a.more:hover {color: #e74334;}
.more:after {font-family: "FontAwesome"; content: " \f101";}

.blowhard {width:35%;display:table-cell;vertical-align: bottom;height:auto;}
.quickreply-note {display:table-cell;width:100%;vertical-align: bottom;}
.quickreply-note h2 {color:#c53730!important;margin-bottom: 0.3em;font-size: 1.5em;line-height: 1.1;}
.quickreply-note span {display:block;padding: 7px 0;font: 700 0.8em/1.3 Open Sans Condensed;color:#555555;}

/*div#message-box.message-box {width:94%;}*/
#message a:link, .link-red-u :link {color:#c13e32;text-decoration: underline;}
#message a:hover, .link-red-u :hover {color:#333333;}
/*/////////////////////////////////*/

/*/
CUBE ADDITIONS
/*/
/*/
font-family: 'Oswald', sans-serif;
font-family: 'Teko', sans-serif;
font-family: 'Anton', sans-serif;

Anton:300,400,600
Oswald:300,400,600
Teko:300,400,600

<link href="https://fonts.googleapis.com/css?family=Anton|Oswald:300,400,600|Teko:300,400,600&display=swap" rel="stylesheet">

TEST /*/ 


.row3 {
	background:#eeeeee;
	font-size:0.8em;
	Padding-top:2px;
}
.row5 {
	background:#e4e4e4;
	font-size:0.7em;
	Padding:2px;
}
.loginbox{text-align:center;padding:1.5em;background:#e1e1e1 ;border:5px solid #ce0404; margin-bottom:1em;}
dl.faq dt strong {display:block;margin:1em 0;color:#ce0404;}
dl.faq dt strong::before {font-family: 'FontAwesome';content: "\f005";}
/*/.top i {font-size:1.1em;}/*/
.top::before {font:1.2em/1.2 'FontAwesome';content:"\f0a6";}
a.top {color:#777777;}
a.top:hover {color:#c13e32!important;text-decoration:none;}
/*/a.top.b {clear:both;display:block;margin:0.6em 0;border-bottom:dotted 5px #d7d0c0;text-align:right;padding-bottom: 0.5em;}/*/

/*div a span {font-size:0.7em;} */
div li a span {font-size:1em;}


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

.left {float:left;}
.center {text-align:center;}
#message p {font-size:1em;word-break: break-word;}
#postform .tab a {padding-left:1.6em;padding-right:2em;}
#preview div.content {
	font-family: Roboto, sans-serif;
	font-size: 1em;
	line-height: 1.48em;
	color:#333333;
	padding: 0.8em;
 /*	border:solid 1px gray; */
}

#preview div.content ul li {padding-bottom: 0.6em;}

#preview div.content ul {
	margin-right: 0px;
	padding: 1em; 0 0.2em 40px;
	line-height:1.25em;
	padding-left:40px!important;
}
#preview h3 {
	color:#c13e32;
	font-family: "Oswald";
}
/*#preview img {max-width:100%;}*/

div#searchresults {padding:5px;}
div#searchresults h2 a {color:#c13e32;}
div#searchresults div.content {font-size:1em;line-height:1.4em; max-width:800px;word-wrap: break-word;}
p.advanced-search-link a.arrow-left span {font-family: "Oswald";font-size:1.1em;line-height:1em;}
div#searchresults ul.searchresults {font-family: "Oswald";font-size:1.1em; padding:1em 0 0.7em 1.1em;margin-bottom:1em;border-bottom: thin solid #c13e32;line-height:1.1em;}
div#searchresults dl.postprofile {font-size:0.8em;}
div#searchresults dt .username {font-size:1em;}


div#cubesearch {padding:5px;}
div#cubesearch p, div#cubesearch label {font-size:0.8em;line-height:1.3em;}
div#cubesearch dd select {font-size:0.9em;}

div#postingbox.panel div.inner {padding:10px;}
div#options-panel.panel.bg3, div#attach-panel.panel.bg3, div#poll-panel.panel.bg3 { 
	border:solid 1px #333; padding:1.5em 1em 1em 1.5em; min-width:360px; margin-bottom:2em;font-size:0.8em;
}
#postform dt label {text-transform:uppercase;font:1em 'Oswald';letter-spacing:0.5px;font-weight:600;width: fit-content;}
#postform div p {font:0.8em Arial;}
#postform .postdate, #pagebody .postdate, .postdate {display:block; margin-bottom: 4px; font: normal 75% Arial; color:#666;}
.username, .username-coloured {font-size: 0.9em;}

#ucp h3 {border:none;font-weight:800; font-size:1.2em; color:#c13e32;}

/* #topicreview p.author {font-size:0.7em;}*/
#topicreview p.author a {font-size:1.3em!important; font-weight: bold;color:#c13e32!important;}

#login p {font-size:0.9em;}

figure {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  display: block;
}
div.imgwrap img { display: block;}

figcaption, .figcaption {
 	display:block;
	font-family: Georgia;
    line-height: 1.25;
	margin: 8px auto 1em;
	text-align: center;
}
figure div img {max-width:48vw;height:auto;min-width:30px;}

div.inline-attachment dl.thumbnail  {border:none;}
.bootstrap .thumbnail, .bootstrap .img-thumbnail {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.bootstrap figure { width: fit-content;}

li#expand {font: bold 0.9em/1 'Oswald';text-transform: uppercase;}
div.tpom_p p {font-size:0.8em;}

.indentr {margin: 1em 0 1.5em 20px!important;overflow: hidden;padding: 0 0 0 1em;border-left: 4px solid #CCCCCC; line-height:1.26!important;color: inherit;}
.flex {display: flex;}
.flex-1 {flex: 1;word-break: break-word;}
.flex-2 {flex: 2;word-break: break-word;}
.menuflex {display: flex;justify-content: center;flex: 1;flex-wrap: wrap;align-content: space-between;}
.full-height {display: flex;flex: 1;justify-content: center;flex-wrap: wrap;flex-direction: column;}
.flex-start {align-items: flex-start;}
.flex-end {align-items: flex-end;}
.flex-row {flex-direction: row;}
.flex-column {flex-direction: column;}
.space-between {align-content: space-between;}
.flex-wrap {flex-wrap: wrap;}
.flex-center {align-items: center;justify-content:center;}
.cube-menu-border {border-right:dotted 1px #333333;}
.center {align-self: center;text-align: center;align-items: center;}
.table {display:table;}
.w100 {max-width:100%;width:100%;}
.col-b {padding: 0 0 1.2em 2em;border-left: 2px solid #d7d0c0;display: table;margin: 0 -1em 2em;}
.col-b img {margin: 2px auto 10px;display:block!important;}
#navbar hr.menu {border-top-color: #333333!important;}
/*////////// RESPONSIVE //////////*/

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	.HolyGrail-body {padding: 0;}
	.blowhard {width:40%;}
	.CubeHuge {font-size:170%!important;}
}
@media (max-width: 1024px) {
	.HolyGrail-nav { display: none!important; }
.HolyGrail-body {padding: 0;}
		.HolyGrail-content {padding:0;max-width:70%;}
		/*.CubePost {font-size: 1.4em; line-height: 1.4em;} */
	h1, h2 {font-size: 1.5em;line-height:1.1;}
	fieldset.polls label {font-size: 1.2em; }
		h2.login-title {font-size: 1.3em;}
		figure div img {max-width:56vw;}
		.CubeHuge, .CubeLarge {font-size:140%!important;}
}
@media (max-width: 900px) {#columnright .img_left_10, #columnright .img_right_10 {width:70%;margin:6px auto;float:none;display: block;}}
@media (max-width: 768px) {
	.HolyGrail-ads { display: none!important; }
	.HolyGrail-content {padding:0;	max-width:100%;}
	.HolyGrail-body {padding: 0;}
	.bootstrap .yamm .nav {width:100%!important;margin:auto;}
	/*.CubePost {font-size: 1.3em; line-height: 1.4em;} */
		h1, h2 {font-size: 1.4em; line-height:1.1;}
	 fieldset.polls dt {width: 60%;}
	.topic_poll .panel {padding: 5px; margin: 5px 2px 0 0;}
	figure div img {max-width:88vw;}
	.article_cont_u {border-bottom: 5px solid #d7d0c0;margin-bottom: 2em;}
/*/	fieldset.polls dd.resultbar {padding-left: 5px;}
	fieldset.polls dd.poll_option_percent {width: 10%;}
	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {margin-top: 5px;}
	}/*/
	@media (max-width: 600px) {
	#page-body div.action-bar div.pagination {font-size: 1.7em;}
	#page-body div.action-bar div.pagination ul li a {text-decoration:none; min-width:14px;}
	.flex-bar {display: block;}
	fieldset.polls dt {width: 100%!important;clear:both;}
	fieldset.polls dd.poll_option_select {display:inline-block; clear:both;}
	.CubeHuge, .CubeLarge {font-size:120%!important;}
	h4.CubeLarge, h4.CubeHuge {font-size:170%!important;}
		.CubeFrame {padding:4px:}

}
@media (max-width: 550px)  {
.img_left_18, .img_left_18_tr {float: none!important;border-right: 0; width:100%!important;margin:2px 0 1em;clear:both;}
}
@media (max-width: 460px)  {
.img_right_10 {float:none;margin: auto;max-width: 90%;}
.img_left_10 {float:none;margin: auto;max-width: 90%;}
.img_left_10 img.postimage,.img_right_10 img.postimage {max-width: 100%;}	
}	
	

	
@media (max-width: 360px)  {
	.quickreply-note {width:55%;font-size: 75%;}
	.blowhard {width:43%;}
	fieldset.submit-buttons	input.button1, fieldset.submit-buttons input.button2 {font-size: 1em;}
	.CubePost {font-size: 1.2em; line-height: 1.3em;}
	h1, h2 {font-size: 1.5em;}
	fieldset.polls dt {min-width: 60%;}
	.quickreply-note h2 {font-size: 1.2em;}
		h2.login-title {font-size: 1em;}
}
#cmbb_leftbar {float:none;width:100%;}
	
#quick-login-panel {z-index: 9999!important;}