.post.bg2 .postbody, .post.bg1 .postbody {
    background-color: white;
}
@media screen and (max-width: 321px) { /* Hide at 320 and below */
	.a320,.a320:before,.a320:after {
		visibility: hidden;
		display: none;
	}
}	
@media screen and (max-width: 350px) { /*HIDE BELOW 350*/
	.a350,.a350:before,.a350:after {
		visibility: hidden;
		display: none;
	}
}	
@media screen and (min-width: 350px) { /*HIDE ABOVE 350*/
	.b350,.b350:before,.b350:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 360px) { /*HIDE BELOW 360*/
	.a360,.a360:before,.a360:after {
		visibility: hidden;
		display: none;
	}
}	
@media screen and (min-width: 360px) { /*HIDE ABOVE 360*/
	.b360,.b360:before,.b360:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 380px) { /*HIDE BELOW 380*/
	.a380,.a380:before,.a380:after {
		visibility: hidden;
		display: none;
	}
}	
@media screen and (min-width: 380px) { /*HIDE ABOVE 380*/
	.b380,.b380:before,.b380:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 400px) { /*HIDE BELOW 400*/
	.a400,.a400:before,.a400:after {
		visibility: hidden;
		display: none;
	}
}	
@media screen and (min-width: 400px) { /*HIDE ABOVE 400*/
	.b400,.b400:before,.b400:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 420px) { /*HIDE BELOW 420*/
	.a420,.a420:before,.a420:after {
		visibility: hidden;
		display: none;
	}
}	
@media screen and (min-width: 420px) { /*HIDE ABOVE 420*/
	.b420,.b420:before,.b420:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 450px) { /*HIDE BELOW 450*/
	.a450,.a450:before,.a450:after {
		visibility: hidden;
		display: none;
	}
}	
@media screen and (min-width: 450px) { /*HIDE ABOVE 450*/
	.b450,.b450:before,.b450:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 480px) { /*HIDE BELOW 480*/
	.a480,.a480:before,.a480:after {
		visibility: hidden;
		display: none;
	}
}	
@media screen and (min-width: 480px) { /*HIDE ABOVE 480*/
	.b480,.b480:before,.b480:after {
		visibility: hidden;
		display: none;
	}
}	
@media screen and (max-width: 500px) { /*HIDE BELOW 500*/
	.a500,.a500:before,.a500:after {
		visibility: hidden!important;
		display: none!important;
	}
}
@media screen and (min-width: 500px) { /*HIDE ABOVE 500*/
	.b500,.b500:before,.b500:after {
		visibility: hidden!important;
		display: none!important;
	}
}
@media screen and (max-width: 550px) { /*HIDE BELOW 550*/
	.a550,.a550:before,.a550:after {
		visibility: hidden!important;
		display: none!important;
	}
}
@media screen and (min-width: 550px) { /*HIDE ABOVE 550*/
	.b550,.b550:before,.b550:after {
		visibility: hidden!important;
		display: none!important;
	}
}
@media screen and (max-width: 570px) { /*HIDE BELOW 570*/
	.a570,.a570:before,.a570:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (min-width: 570px) { /*HIDE ABOVE 570*/
	.b570,.b570:before,.b570:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 600px) { /*HIDE BELOW 600*/
	.a600,.a600:before,.a600:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (min-width: 601px) { /*HIDE ABOVE 600, in testing with <img> tag, neither image would show at exactly 600. Changing min-width to 601 corrected this.*/
	.b600,.b600:before,.b600:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 640px) { /*HIDE BELOW 640*/
	.a640,.a640:before,.a640:after {
		visibility: hidden!important;
		display: none!important;
	}
}
@media screen and (min-width: 640px) { /*HIDE ABOVE 640*/
	.b640,.b640:before,.b640:after {
		visibility: hidden!important;
		display: none!important;
	}
}
@media screen and (max-width: 650px) { /*HIDE BELOW 650*/
	.a650,.a650:before,.a650:after {
		visibility: hidden!important;
		display: none!important;
	}
}
@media screen and (min-width: 650px) { /*HIDE ABOVE 650*/
	.b650,.b650:before,.b650:after {
		visibility: hidden!important;
		display: none!important;
	}
}
@media screen and (max-width: 700px) { /*HIDE BELOW 700*/
	.a700,.a700:before,.a700:after {
		visibility: hidden!important;
		display: none!important;
	}
	.post.bg1 .postprofile, .post.bg1 .postbody,.post.bg2 .postprofile, .post.bg2 .postbody {
		background-color: white;
		min-height: 0;
		padding-bottom: 0;
	}
	.postbody div h3, .back2top {
		display: none;
	}
}
@media screen and (min-width: 700px) { /*HIDE ABOVE 700*/
	.b700,.b700:before,.b700:after {
		visibility: hidden!important;
		display: none!important;
	}
}
@media screen and (max-width: 720px) { /*HIDE BELOW 720*/
	.a720,.a720:before,.a720:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (min-width: 720px) { /*HIDE ABOVE 720*/
	.b720,.b720:before,.b720:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 750px) { /*HIDE BELOW 750*/
	.a750,.a750:before,.a750:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (min-width: 750px) { /*HIDE ABOVE 750*/
	.b750,.b750:before,.b750:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 770px) { /*HIDE BELOW 770*/
	.a770,.a770:before,.a770:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (min-width: 770px) { /*HIDE ABOVE 770*/
	.b770,.b770:before,.b770:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (max-width: 800px) { /*HIDE BELOW 800*/
	.a800,.a800:before,.a800:after {
		visibility: hidden;
		display: none!important;
	}
}
@media screen and (min-width: 800px) { /*HIDE ABOVE 800*/
	.b800,.b800:before,.b800:after {
		visibility: hidden;
		display: none!important;
	}
}
@media screen and (max-width: 900px) { /*HIDE BELOW 900*/
	.a900,.a900:before,.a900:after {
		visibility: hidden;
		display: none!important;
	}
}
@media screen and (min-width: 900px) { /*HIDE ABOVE 900*/
	.b900,.b900:before,.b900:after {
		visibility: hidden;
		display: none!important;
	}
}
@media screen and (max-width: 1000px) { /*HIDE BELOW 1000*/
	.a1000,.a1000:before,.a1000:after {
		visibility: hidden;
		display: none!important;
	}
}
@media screen and (min-width: 1000px) { /*HIDE ABOVE 1000*/
	.b1000,.b1000:before,.b1000:after {
		visibility: hidden;
		display: none!important;
	}
}
@media screen and (max-width: 1100px) { /*HIDE BELOW 1100*/
	.a1100,.a1100:before,.a1100:after {
		visibility: hidden;
		display: none;
	}
}
@media screen and (min-width: 1100px) { /*HIDE ABOVE 1100*/
	.b1100,.b1100:before,.b1100:after {
		visibility: hidden;
		display: none;
	}
}
.hidden {
	visibility: hidden;
	/*display: none!important;*/
	/*height: 0;*/
}
.displaynone {
	visibility: hidden;
	display: none!important;
	height: 0;
}

/*               */

.inventea-sitename {
	padding: 10px 35px 15px 35px;
	color: #535353;
	font-family: Georgia, Cambria, "Times New Roman", serif;
	font-size: 16px;
}
ul.linklist > li {
	font-size: 16px;
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	/**
	 * Forum name and description
	 */
	.inventea-sitename {
		padding: 39px 35px 0 35px;
	}
	#notification_list_button:before {
		font: normal normal normal 20px/1 FontAwesome;
	}

	#private_message_text:before {
		font:normal normal normal 20px/1 FontAwesome;
	}
}
@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
	/**
	 * Forum name and description
	 */
	.inventea-sitename {
		padding: 0 0 0 0;
	}
	.inventea-sitename h1 {
		text-align: center;
		margin: 0;
	}
}
.dropdown li {
	/*font-size: 2em !important;*/
}
.dropdown-contents li {
	font-size: 1.7em!important;
}
.dropdown-contents[role="menubar"] li {
	font-size: 2.5em!important;
}
.dropdown-extended .dropdown-contents li {
	font-size: 1em!important;
}
.dropdown li a i {
	font-size: 1em;
}
.dropdown .dropdown-contents {
	max-height: 90vh;
}
.inventea-dashboard {
	background: none;
}

/* Highcharts */

.highcharts-figure, .highcharts-data-table table {
    min-width: 320px; 
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
#liveChartsContainer.mini {
	height: 200px;
}


input[type="number"] {
	min-width: 50px;
}

.styledtable {
	border-collapse: collapse;
	border: solid 1px black;
	width: 100%;
	table-layout: fixed;
}
.styledtable .row {
	padding: 0;
}
.styledtable td {
	text-align: right;
}

.styledtable div.thead, .styledtable div.header {
	width: calc(100% + 2px);
	margin-left: -1px;
	margin-top: -1px;
}
.styledtable div.tfoot {
	width: calc(100% + 2px);
	margin-left: -1px;
	margin-bottom: -1px;
}	

.styledtable thead tr td.styled4,.styledtable .header .styled4 {
	background-color: #88AC16;
}
.styledtable thead tr td {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
}	

.styledtable tr {
	padding-left: 5px;
	padding-right: 5px;
}	
.styledtable tbody tr {
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
}

.styledtable tbody tr:nth-child(even),.styledtable .row:nth-child(even), .flexbox-table .tbody .tr:nth-child(even) {
	background-color: #aaffff;
}

.styledtable tbody tr:nth-child(odd),.styledtable .row:nth-child(odd), .flexbox-table .tbody .tr:nth-child(odd) {
	background-color: #eeffff;
}

/*.styledtable tbody tr:nth-child(even) td.styled2,.styledtable .row:nth-child(even) td.styled2 {
	background-color: #B6FFAA;
}

.styledtable tbody tr:nth-child(odd) td.styled2,.styledtable .row:nth-child(odd) td.styled2 {
	background-color: #F0FFEE;
}*/

.styledtable tbody tr:nth-child(even) td.styled2,.styledtable .row:nth-child(even) td.styled2 {
	background-color: #E8E8E8;
}

.styledtable tbody tr:nth-child(odd) td.styled2,.styledtable .row:nth-child(odd) td.styled2 {
	background-color: #FCFCFC;
}

/*.styledtable tbody tr:nth-child(even) td.styled3,.styledtable .row:nth-child(even) td.styled3 {
	background-color: #EEBEFF;
}

.styledtable tbody tr:nth-child(odd) td.styled3,.styledtable .row:nth-child(odd) td.styled3 {
	background-color: #FBEEFF;
}*/

.styledtable tbody tr:nth-child(even) td.styled3,.styledtable .row:nth-child(even) td.styled3 {
	background-color: #C0C2F4;
}

.styledtable tbody tr:nth-child(odd) td.styled3,.styledtable .row:nth-child(odd) td.styled3 {
	background-color: #EFF0FC;
}

.styledtable tbody tr:nth-child(even) td.styled4,.styledtable .row:nth-child(even) td.styled4 {
	background-color: #D2E0A8;
}

.styledtable tbody tr:nth-child(odd) td.styled4,.styledtable .row:nth-child(odd) td.styled4 {
	background-color: #F0F5E2;
}

.styledtable tbody td,.styledtable .row .td,.styledtable thead td {
	padding: 5px 5px; 
}

.header-bar,.styledtable thead tr td, .styledtable .th .tr {
	height: 45px;
	/* border-radius: 7px; */
	/* line-height: 45px; */
	background: #1f3e59; /* Fallback for older browsers */
	background: linear-gradient(to bottom, #1f3e59 0%, #153753 100%);
	color: #fff;
	font-weight: bold;
}
.styledtable thead tr td, .styledtable .th .tr .td {
	border-radius: 0;
}
.styledtable tr td:first-child {
	text-align: left;
	padding-left: 10px;
}
.styledtable tr td:last-child {
	padding-right: 10px;
}
h3 {
	text-transform: none;
}

/* Flexbox tables */
.flexbox-table {
  display: flex;
  flex-flow: column nowrap;
  margin: 0;
  line-height: 1.5;
  border-bottom: 1px solid #d0d0d0;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}

.flexbox-table .th {
  font-weight: 700;
  background-color: #f2f2f2;
}

.flexbox-table .th .tr {
	padding: 0.2em 0;
}
.flexbox-table .th, .flexbox-table .th .tr {
  flex-wrap: nowrap;
  position: sticky;
  top: 0;
}

.flexbox-table .th .tr .td {
  white-space: normal;
  justify-content: flex-end;
  align-items: center;
}

.flexbox-table .tr {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 1px solid #d0d0d0;
  padding: 0.5em 0;
  line-height: initial;
  justify-content: flex-start;
}
@media screen and (max-width: 700px) { /* BELOW */
	.flexbox-table .tr {
	  flex-wrap: wrap;
	}
}

.flexbox-table .tr:nth-of-type(even) {
  background-color: #f2f2f2;
}

.flexbox-table .tr:nth-of-type(odd) {
  background-color: #ffffff;
}

.flexbox-table .td {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 1 0;
  padding: 0 0.5em;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0px;
  white-space: nowrap;
  justify-content: flex-end;
}

/* FantasyTSP */
#fantasyContainer {
	border:1px solid #CCCCCC; 
	width: 100%; 
	display: flex; 
	flex-wrap: wrap;
}
#fantasyUserSummary {
	flex: 1 1 300px;
}
#fantasyUserAllocationPieChart {
	border-left:1px solid #cccccc; 
	flex: 0 0 15%; 
	text-align: center;
	align-self: stretch;
	display: flex;
}
#allocationPieChartContainer {
	height: auto;
	positon: relative;
	align-self: stretch;
}
#leaderboardContainer {
	border-left:1px solid #cccccc; 
	flex: 2000 1 450px; 
	text-align: center; 
	min-width: 200px; /* Hack that fixes the "vibrating DIV" problem */
}
#leaderboardControlsContainer {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
@media screen and (min-width: 700px) { /* ABOVE */
	#fantasyContainer .gator-tabs-container, #fantasyContainer .gator-tabs {
		flex-direction: row;
	}
	#fantasyContainer .gator-tabs-header {
		display: none;
	}
}
@media screen and (max-width: 700px) { /* BELOW */
	#fantasyContainer .gator-tabs-container {
	  flex-direction: column;
	}
	#fantasyContainer .gator-hidden {
	  display: none;
	}	
}

/* Gator Tabs */
/* https://www.digitalocean.com/community/tutorials/js-tabs */
.gator-tabs-container{
  display:flex;
  flex-direction:column;
  width:100%;
}

.gator-tabs-header {
  background: #1f3e59;
  background: linear-gradient(to bottom, #1f3e59 0%, #153753 100%);
  display:flex;
  flex-wrap:wrap;
  padding:.375rem;
  text-align: center;
  list-style-type: none; /* Added by Matt to remove user agent stylesheet bullets */
}


.gator-tabs-header > li {
  color:#fff;
  cursor:pointer;
  flex-grow:1;
  padding:.375rem;
  font-size:1.125rem;
}


.gator-tabs {
  display:flex;
}

.gator-tab {
  /*padding:1rem;*/
}

/* IFT box */
#IFTformContainer {
	display: flex; 
	flex-direction: column; 
	flex-wrap: no-wrap;
	text-align: left; 
	width: 100%; 
	max-width: 900px;
	justify-content:center;
	align-items: center;
	margin: 0 auto;
}
#IFTformContainer input[disabled] {
	color: gray;
}
#IFTformContainer input[type="number"] {
	width: 60px;
	height: 1.5em;
	font-size: 20px;
}
#IFTcontainer {
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	justify-content: space-between;
	margin-left: -50px;
}
#IFTcontainer table {
	margin-left: 50px;
}
#IFTcontainer table tr td:not(:first-child) {
	/*margin-left: 20px;*/
	padding-left: 20px;
}
#IFTcontainer table tr td:first-child {
	width: 70px;
}
@media screen and (max-width: 1000px) { /* BELOW */
	#IFTcontainer {
		display: flex;
		flex-direction: column;
		flex-wrap: no-wrap;
		justify-content: space-between;
		/*margin-left: -20px;*/
	}	
	#IFTcontainer table:not(:first-child) thead {
		display:none;
	}
	#IFTcontainer table {
		max-width:400px;
	}
}

/* Modal */

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 100; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	align-items: center;
}
body.modal-open,html.modal-open {
	overflow: hidden;
	position: fixed;
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 0 auto; /* 15% from the top and centered */
	padding: 30px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
	text-align: center;
	position: relative;
	font-size: 20px!important;
	max-height: 100vh;
	
	display: flex;
	align-items: center;
	flex-direction: column;
	flex: 0 1 auto;
	overflow: hidden;
}
.modal-inner-scroll {
	flex: 1 1 auto;
	overflow-y: auto;
	text-align: center;
}
.loadfeedback.success {
	position: absolute !important;
	top: 0!important;
	left: 0!important;
	width: 100%!important;
	height: 100%!important;
	margin: 0!important;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
}
.loadfeedback.success .icon {
	/*margin: 0 auto; */
}

/* The Close Button */
.close {
	color: #aaa;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	z-index: 1;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.submitted .curlhide, .submitted form,
.submitting .curlhide, .submitting form {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.submitted .loadfeedback.success,
.submitting .loadfeedback.success {
  pointer-events: all;
  visibility: visible !important;
  display: flex!important;
  align-items: center!important;
  text-align: center!important;
}

.submitting .loadfeedback.success .icon {
  opacity: 1!important;
  visibility: visible!important;
  /*margin: 0 auto;*/
}

.submitted .loadfeedback.success > * {
  opacity: 1;
  transform: none !important;
}

.submitted .loadfeedback.success > :nth-child(2) {
  transition-delay: 0.1s;
}

.submitted .loadfeedback.success > :nth-child(3) {
  transition-delay: 0.2s;
}

.submitted .loadfeedback.success > :nth-child(4) {
  transition-delay: 0.3s;
}

.submitted .loadfeedback.success .icon .border,
.submitted .loadfeedback.success .icon .checkmark {
  opacity: 1;
  stroke-dashoffset: 0 !important;
  visibility: visible;
}
.loading.loadfeedback.success .icon .border {
    stroke-dasharray: 251;
    stroke-dashoffset: 62.75;
    transform-origin: 50% 50%;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: spin 1s linear infinite;
    animation-name: spin;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: initial;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}
.loadfeedback.success .icon .checkmark {
	opacity: 0;
	visibility: none;
}
.loadfeedback.error {
	visibility: hidden;
	height: 20px;
	overflow: hidden;
}

.loadfeedback.error.visible {
	visibility: visible;
	height: auto;
}

.loadfeedback.error svg {
  margin-top: 0 !important;
}

.loadfeedback.error svg .base {
  fill: #e25950;
}

.loadfeedback.error svg .glyph {
  fill: #fff;
}

.loadfeedback.error .message {
  color: #e25950;
}

.loadfeedback.success {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.loadfeedback.success.visible {
	visibility: visible;
	height: auto;
	overflow: visible;
}

.loadfeedback.success .icon .border {
  stroke: #abe9d2;
}

.loadfeedback.success .icon .checkmark {
  stroke: #24b47e;
}

.loadfeedback.success .title {
  color: #32325d;
  font-size: 16px !important;
}

.loadfeedback.success .message {
  color: #8898aa;
  font-size: 13px !important;
}

.loadfeedback.success .reset path {
  fill: #24b47e;
}


/*
.btn,.button{border:none;display:inline-block;outline:0;padding:0px 6px;height: 37px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#fff;background-color: #1686f7;background-image:none;text-align:center;cursor:pointer;white-space:nowrap;vertical-align: center;line-height:37px;} 
.btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} 
.btn,.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.disabled,.btn:disabled,.button:disabled{cursor:not-allowed;opacity:0.3}.disabled *,:disabled *{pointer-events:none} 
.btn.disabled:hover,.btn:disabled:hover{box-shadow:none} 
.button:hover{color:#fff!important;background-color:#000!important;background-image:none;text-shadow:none;} */

#logoContainer {
	width: 100%;
}
#logoContainer img {
	width: 100%;
}

@media screen and (min-width: 701px) {
	.postprofile {
		width: 150px;
	}
}

/* Design testing */
html, body {
	background-color: rgb(242, 242, 242);
}
.forabg ul.topiclist li.row dd, .forabg ul.topiclist li.row dt, .forabg ul.topiclist li.row dd:nth-child(even), .forabg ul.topiclist li.row:nth-child(even) dd:nth-child(even) {
	background-color: #ffffff;
}
.page-body-right .postprofile:nth-child(odd) h3 {
	background-color: #1769aa; 
	color: white; 
	padding: 12px; 
	margin: -10px -10px 10px -10px; 
	border-radius: 5px 5px 0 0;
}
.page-body-right .postprofile:nth-child(even) h3 {
	background-color: #007267; 
	color: white; 
	padding: 12px; 
	margin: -10px -10px 10px -10px; 
	border-radius: 5px 5px 0 0;
}
.fundPriceTable tbody tr:nth-child(odd) td {
	background-color: #ffffff!important;
}
.post.bg2,.post.bg1 {
	background: #ffffff;
}
#fantasyContainer {
	border: 0;
}
#fantasyContainer ul > div {
	padding: 10px;
	background: #ffffff;
}
h3.header {
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	border-radius: 5px 5px 0 0;
	padding: 5px;
	height: 30px;
	line-height: 30px;
	margin: -10px -10px 10px -10px;
	color: white;
}	
.flexMargin20 {
	margin-left: -20px; 
	width: calc(100% + 20px)!important;
	display: flex;
	flex-wrap: wrap;
}
.flexMargin20 > div {
	margin-left: 20px;
	margin-top: 20px;
}
#leaderboardContainer {
	flex: 3000 1 300px;
	border-radius: 5px 5px 0 0;
	display: flex;
	flex-direction: column;
}
#leaderboardTablesContainer {
	flex: 1000 1 0;
	min-height: 311px;
}
.page-block-container .page-block:nth-child(1n) h3 {
	background-color: #007267;
}
.page-block-container .page-block:nth-child(2n) h3 {
	background-color: #1769aa;
}
.page-block-container .page-block:nth-child(3n) h3 {
	background-color: #506874;
}
.page-block {
	background-color: #ffffff;
	padding: 10px;
	border-radius: 5px 5px 0 0;
	margin-top: 20px;
	box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 15%);
}
.page-block h3 {
	/* display: flex;*/
	/*justify-content: center;*/ /* align horizontal */
	/* align-items: center; *//* align vertical */
	border-radius: 5px 5px 0 0;
	padding: 5px 10px;
	height: 30px;
	line-height: 30px;
	margin: -10px -10px 10px -10px;
	color: white;
	font-size: 14px;
}
.post .postbody, .search .postbody {
	width: 100%;
}
li.header dt, li.header dd {
	text-transform: capitalize;
}
.forabg, .panel, .post {
	box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 15%);
	border-bottom: 0;
}
.body-inner-wrapper {
	height: 100%;
}
.time {
	display: none;
}
@media screen and (max-width: 700px) {
	.postbody .content, .post:target .content, blockquote, .message-box textarea {
		font-size: 16px;
	}
	blockquote {
		margin-left: 10px;
	}
	body, .cp-main .panel p, fieldset, dl.faq, .content dl.faq, .content p, .panel p, .page-block h3 {
		font-size: 16px;
	}
}
#fantasyUserSummary {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
#fantasyUserSummary>div {
	display: flex;
	flex-wrap: wrap;
	padding-right: 5px;
}
#fantasyUserSummary>div div:first-child {
	flex: 0 0 auto;
}
#fantasyUserSummary>div div:nth-child(2) {
	flex: 0 0 auto;
	margin-left: auto;
	padding-left: 10px;
}
body {
	font-size: 14px;
}
a#recent-topics {
	display: inline;
}
#nav-breadcrumbs {
	margin: 10px 0;
}



.navigation-bar {
	display: flex;
	padding: 0 10px;
	background: #333333;  /* Fallback for older browsers */
	background: linear-gradient(to bottom, #3d3d3d 0%, #2d2d2d 100%); 	
	/* background: #1f3e59; */ /* Fallback for older browsers */
	/* background: linear-gradient(to bottom, #1f3e59 0%, #153753 100%); */
	color: #fff;
	width: 100%;
	height: 40px;
	justify-content: flex-start; /* Horizontal, left side */
	align-content: center; /* Vertical */
	align-items: stretch; 
	border-radius: 7px;
	margin-top: -20px;
	font-weight: bold;
	z-index: 1001;
}
.navigation-bar>ul { /* children ul */
	display: flex;
	justify-content: flex-start; /* Horizontal, left side */
	align-content: center; /* Vertical */
	align-items: stretch; 
}
.navigation-bar li {
	display: flex;
	flex: 0 1 auto;
	justify-content: center; /* Horizontal */
	align-items: center; /* Vertical */
	font-size: 16px;
	align-items: stretch; 
	border-right: 1px solid #102435;
}
.navigation-bar li.pushright {
	margin-left: auto;
}
.navigation-bar li a:hover {
	background: #007267; /* Fallback for older browsers */
	/*background: linear-gradient(to bottom, #007267 0%, #153753 100%);*/
}
.navigation-bar li:hover a .icon, .navigation-bar li a:hover .icon {
	text-decoration: none;
}
.navigation-bar li a {
	color: #fff;
	display: flex;
	justify-content: center; /* Horizontal */
	align-items: center; /* Vertical */	
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
	flex: 1 1 auto;
}
.mobile-menu-wrapper {
	flex: 1 0 auto;
	display: flex;
	justify-content: flex-end; /* Horizontal */
	align-items: stretch; /* Vertical */	
	transition: bottom 500ms ease;
}
.mobile-menu-wrapper, .mobile-menu-wrapper * {
	z-index: 1000;
	position: relative;
}
.navigation-bar li a .icon {
	display: none;
}
.navigation-bar .dropdown {
	position: absolute;
	margin-top: 15px;
	z-index: 3
}
.navigation-bar .dropdown li {
	border-right: 0;
}
.navigation-bar .dropdown a, .navigation-bar .dropdown li a .icon {
	color: #105289;
	display: inherit;
}
.navigation-bar .dropdown li a {
	justify-content: flex-start;
}
.navigation-bar .dropdown li a:hover {
	background-color: inherit;
}
.navigation-bar a.active {
	background: #2f6696;
	/*color: #000000;*/
}
.navigation-bar div i.icon,.navigation-bar a i.icon {
	font-size: 20px;
}
.navigation-bar li.toggle-mobile-menu {
	display: none;
}
.navigation-bar div.mobile-menu-body-overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: gray;
	opacity: 0.5;
	height: auto;
	width: auto;
	z-index: -1;
}
@media screen and (max-width: 700px) {
	body {
		padding-bottom: 50px;
	}
	.picker__holder {
		margin-bottom: 50px;
	}
	.navigation-bar {
		position: fixed;
		bottom: 0;
		top: auto;
		height: 50px;
		border-radius: 0;
		display: flex;
		padding: 0;
		background: #000000;
		margin-top: 0;
	}
	.navigation-bar * {
		z-index: 1001;
	}
	.navigation-bar div,.navigation-bar a {
		flex: 1 1 auto;
		height: 50px;
		border-radius: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
	}
	.navigation-bar li {
		display: flex;
		flex: 1 1 auto;
		justify-content: center;
		align-items: center;
		background: #000000;
	}
	.navigation-bar>li { /* Direct descendents */
		flex: 1 1 10px; /* We use 10px as a common baseline so all icon a elements end up same size regardless of icon size */
	}
	.navigation-bar li a .icon {
		display: block;
	}
	.navigation-bar li a span {
		display: none;
	}
	.navigation-bar .dropdown, .navigation-bar .dropdown-contents {
		position: relative;
		margin-top: 0;
		overflow: hidden;
		border-radius: 0;
	}
	.navigation-bar .dropdown li a {
		justify-content: center;
	}
	.navigation-bar .dropdown li a, .navigation-bar .dropdown li a .icon {
		color: #ffffff;
	}
	.body-inner-wrapper {
		/*height: calc(100vh - 50px);*/
		height: auto;
		top: 0;
		/*bottom: 50px;*/
		width: 100%;
		overflow-y: scroll;
		position: absolute;
		padding-bottom: 50px;
	}
	.navigation-bar div.mobile-menu-wrapper li a span {
		display: inline;
	}
	.navigation-bar div.mobile-menu-wrapper {
		display: flex;
		flex-direction: column;
		align-items: stretch;		
		width: 100%;
		position: fixed;
		bottom: -450px;
		height: auto;
		z-index: 1000;
	}
	.navigation-bar div.mobile-menu-wrapper * {
		z-index: 1000;
	}
	.navigation-bar div.mobile-menu-wrapper li {
		padding: 0;
		border: 0;
		font-size: 16px!important;
	}
	.navigation-bar div.mobile-menu-wrapper a {
		border: 0;
		border-bottom: solid 1px gray;
	}
	.navigation-bar div.mobile-menu-wrapper .dropdown-container,.navigation-bar div.mobile-menu-wrapper .dropdown, .navigation-bar div.mobile-menu-wrapper .dropdown-contents {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		margin: 0;
		height: auto;
		border: 0;
		padding: 0;
		top: 0;
	}
	
	.navigation-bar div.mobile-menu-wrapper .username-coloured,.navigation-bar div.mobile-menu-wrapper .dropdown-container .dropdown .pointer,a.header-avatar span:after {
		display: none;
	}
	.header-profile {
		order: -1;
	}
	.navigation-bar div.mobile-menu-wrapper.mobile-menu-active,.navigation-bar div.mobile-menu-wrapper.mobile-menu-active li div {
		bottom: 50px;
	}
	.navigation-bar div.mobile-menu-wrapper.mobile-menu-active li {
		background: #000000;
		height: 50px;
	}
	.navigation-bar div.mobile-menu-wrapper.mobile-menu-active .dropdown-container {
		height: auto;
		overflow: hidden;
	}
	body.mobile-menu-active .mobile-menu-body-overlay {
		display: block;
	}
	.navigation-bar li.toggle-mobile-menu {
		display: flex;
	}
}
@media screen and (max-width: 700px) {
	.inventea-wrapper {
		margin: 0;
	}
	/*
	.post, .panel, .page-block, #fantasyContainer {
		margin-left: -10px;
		margin-right: -10px;
		width: auto;
	}
	#fantasyContainer .page-block {
		margin-right: 0px;
	}*/
	.page-block, .page-block h3, .forabg, .forumbg, .post, .panel, .post .postprofile, .post .postbody {
		border-radius: 0;
	}
	.post .postbody {
		padding: 0 10px 10px 10px;
	}
	.post .postprofile {
		padding: 10px 10px 2px 10px;
		min-height: 0px;
	}
	.hastouch .post-buttons {
		margin-right: 0;
		right: 10px;
	}
	.postprofile dt.no-profile-rank.no-avatar, .postprofile dd.profile-rank, .postprofile .search-result-date {
		margin-bottom: 0;
	}
	.inventea-online {
		display: none;
	}
	.signature {
		display: none;
	}
	.content {
		padding-bottom: 4px;
	}
}