@font-face {
	font-family: 'KGYouAreLoved';
	src: url('../fonts/KGYouAreLoved.woff2') format('woff2'),
		url('../fonts/KGYouAreLoved.woff') format('woff'),
		url('../fonts/KGYouAreLoved.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'KGLoseControl';
	src: url('../fonts/KGLoseControl.woff2') format('woff2'),
		url('../fonts/KGLoseControl.woff') format('woff'),
		url('../fonts/KGLoseControl.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
body { margin: 0; padding: 0; background: #fff; color: #000; line-height: 1.2; }
body, td, input, textarea, option, select { font-family: 'Montserrat',  sans-serif; }
table, input, textarea, option, select { font-size: 14px; }
ul, ol { margin: 0; padding: 0 0 0 20px; }
h1, h2, h3, h4, h5, h6, form { padding-top: 0; padding-bottom: 8px; margin: 0; }
p { padding-top: 0; padding-bottom: 20px; margin: 0; }
ol, ul { padding-bottom: 20px; }
ul ul, ul ol, ol ol, ol ul { padding-bottom: 0; }
.content table, .content form { margin: 0 0 20px 0; }
body { font-size: 16px; }
.content { color: #000000; }
.content f p, .content ul, .content ol, .content li, .content blockquote { line-height: 1.5; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { line-height: 1; }
a:link, a:visited { color: #09f; }
a:hover, a:focus { color: #666; }
a:active { color: #09f; text-decoration: none; }
.userInformation a:link, .userInformation a:visited { color: #09f; }
.userInformation a:hover, .userInformation a:focus { color: #ddd; }
h1, h2, h3, h4, h5, h6 { font-family: 'KGYouAreLoved', Arial, sans-serif; font-weight: normal; }
/*h1, h2, h3, h4, h5, h6 { font-family: 'Eczar', serif; }*/
/*h1 { font-size: 30px; }*/
h1 { font-size: 37px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; color: #666; }
h5 { font-size: 14px; color: #666; }
h6 { font-size: 10px; color: #666; }
::-ms-reveal { display: none; }
.clear { clear: both; }


.container-header .header,
.container-userSpecific .userSpecific,
.container-navigation .navigation,
.container-content .content {
	max-width: 978px;
	margin: 0 auto;
}
@media (max-width: 1000px) {
	.container-header .header,
	.container-userSpecific .userSpecific,
	.container-navigation .navigation {
		max-width: 96%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 2%;
		padding-right: 2%;
	}
}
@media (max-width: 700px) {
	.container-content .content {
		max-width: 96%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 2%;
		padding-right: 2%;
	}
}


.container-header { background: #fff; color: #000; }
.container-header .header { padding: 10px 10px 0 10px; }
.container-userSpecific { background: #000; color: #fff; font-family: 'Montserrat',  sans-serif; }
.container-userSpecific .userSpecific { padding: 10px; }
.container-userSpecific .userSpecific p { padding: 0; }
.container-navigation { background: #eee; color: #000; font-family: 'Montserrat',  sans-serif; }
.container-navigation .navigation { padding: 10px; }
.container-navigation .navigation ul { padding: 0; margin: 0 -5px; }
@media (max-width: 1000px) {
	.container-navigation .navigation ul { margin: 0 -10px; }
}
.container-navigation .navigation li { display: inline-block; padding: 0 5px 0 0; }
.container-content { background: #fff; color: #000; font-family: 'Montserrat',  sans-serif; }
.container-content .content { padding: 10px 10px 0 10px; }
@media (max-width: 700px) {
	.container-content .content { max-width: 96%; margin-left: auto; margin-right: auto; padding-left: 2%; padding-right: 2%; }
}
.highlight, .highlight2 { color: #b0d; font-family: 'KGLoseControl', Arial, sans-serif; font-size: 30px; font-weight: normal!important; line-height: 1;}
.error { color: #df0; background: #000; padding: 10px; margin-bottom: 10px;}
li.error { margin-left: -20px; list-style: none; }
.messageBoard-dateTime { background: #666; color: #fff; font-style: italic; padding: 2px 0 2px 4px; }
.messageBoard-item { display: flex; width: 100%; }
@media (max-width: 450px) {
	.messageBoard-item { display: block; }
}
.messageBoard-label { width: 100px; font-weight: bold; padding: 5px 5px 5px 0; }
@media (max-width: 450px) {
	.messageBoard-label { display: block; width: 100%; }
}
.messageBoard-postedByValue { flex: 1; padding: 5px; }
@media (max-width: 450px) {
	.messageBoard-postedByValue { flex: none; display: block; width: 100%; padding: 5px 5px 5px 0; }
}
.messageBoard-messageValue { flex: 1; background: #eee; padding: 5px; margin-bottom: 10px; }
@media (max-width: 450px) {
	.messageBoard-messageValue { flex: none; display: block; width: 100%; }
}
form { box-sizing: border-box; background: #eee; width: 410px; padding: 20px; border-radius: 20px; box-shadow: 5px 5px 5px #000; }
form input[type=text], form input[type=password], form textarea { font-size: 14px; font-weight: 400; padding: 10px; margin: 5px 0; width: 220px; vertical-align: middle; }
form label { display: inline-block; font-size: 14px; font-weight: 800; width: 120px; }
form input[type=submit] { display: block; font-size: 16px; font-weight: 800; width: 370px; margin-top: 10px; border-radius: 10px; color: #000; background: #fff; padding: 10px; border: none; box-shadow: 2px 2px 2px #000; }
form input[type=submit]:hover { background: #000; color: #fff; cursor: pointer; box-shadow: 2px 2px 2px #666; }
form input[type=text].hideFormField, form input[type=password].hideFormField { height: 0; border: none; padding: 0; margin-top: -10px; display: block; }
.label-unmask { display: none; float: left; width: 340px; text-align: right; margin-top: 4px; }
.checkbox-for-password-unmask { display: none; float: right; width: 20px; height: 20px; margin: 3px 2px 5px 0; }
.submit-message { padding-bottom: 0; }
@media (max-width: 450px) {
	form, form input[type=text], form input[type=password], form textarea, form label, form input[type=submit] { box-sizing: border-box; display: block; width: 100%; }
	form input[type=text], form input[type=password], form textarea { margin-top: 0; margin-bottom: 10px; }
	form input[type=text].hideFormField, form input[type=password].hideFormField { margin-bottom: 10px; }
	.label-unmask { float: left; width: auto; text-align: left; margin-left: 2px; }
	.checkbox-for-password-unmask { float: left; width: 20px; }
}

/* FFPC Specific Additions */
.commissionerMessage .highlight,
.commissionerMessage .highlight2,
.commissionerMessage .highlight3,
.commissionerMessage .highlight4 {
	font-weight: bold;
	padding-bottom: 10px!important;
}

.highlight2,
.highlight4 {
	color: #00b050;
}

.highlight3 {
	color: #c33;
}

.finalWinners { font-size: 30px; }

.container-navigation.container-navigation-previousYears {
    background: #666;
}
.navigation.previousYears p {
/*    margin-left: 5px;*/
    padding-bottom: 3px;
}
table.printOutLineup {
	width: 100%;
}

a.poolAdminLink {
	color: #f0f!important;
}

.prizeMoney {
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	margin-top: -50px;
	padding-bottom: 10px;
}
.firstPlace, .blue {
	color: #00f;
}
.secondPlace, .red {
	color: #f00;
}

.navigation {
	font-weight: bold;
}
.navigation ul {
    padding: 0;
}
.navigation li {
	padding: 0!important;
}
.navigation li a {
    padding: 5px;
}
.navigation li.navigationRight {
	float: right;
}

.navigation.previousYears a:hover, .navigation.previousYears a:focus {
	color: #000;
}

.mobile-only, .entry-mobile-only, .mobile-only-navigation {
	display: none;
}

.mainTableManager {
    text-transform: lowercase;
}



.mainTableHeader .total-column {
	font-size: 13px;
}

ul.leaderboardBeforeStart {
	padding-left: 0;
}

ul.leaderboardBeforeStart li {
	list-style-type: none;
	margin-left: -5px;
	padding-left: 5px;
}

p.leaderboardAfterStart {
	padding-bottom: 5px;
}

/*table.leaderboardBeforeStart, */
/*table.leaderboardAfterStart {
	width: 100%;
}*/

/*
table.leaderboardBeforeStart .mainTableHeader {
	font-weight: bold;
}

table.leaderboardBeforeStart td:first-child {
	width: 20%;
}

table.leaderboardBeforeStart td:not(:first-child) {
	width: 4%;
}
*/

table.leaderboardAfterStart, table.teamStatsTable {
	border-collapse: collapse;
}

table.teamStatsTable td {
	font-size: 16px;
	font-family: Pragati Narrow, Arial Narrow, Arial, sans-serif;
    margin: 5px 0px 0px 0px;
    padding: 2px;
	text-align: center;
	width: 7%;
}

table.teamStatsTable td:first-child {
	width: 18%;
}

table.teamStatsTable td:last-child {
	width: 5%;
}

table.teamStatsTable td:first-child {
	text-align: left;
	white-space: nowrap;
}

.teamStatsHeader {
	padding-top: 5px;
	padding-bottom: 2px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 5px solid;
	border-top: 2px solid;
}

.teamStatsHeaderRow {
	font-weight: bold;
}

.teamStatsHeaderRow td {
	padding-left: 5px!important;
	padding-right: 5px!important;
	vertical-align: bottom;
}

.leaderboardAfterStart td {
	font-size: 16px;
	font-family: Pragati Narrow, Arial Narrow, Arial, sans-serif;
}

.mainTableHeader {
    text-transform: uppercase;
	font-weight: bold;
}

a.nflTeamLink:hover {
	text-decoration: none;
}

a.nflTeamLink:active, a.nflTeamLink:focus {
	color: #000!important;
}






/*START: leader board table - any width adjustments affect the entire table because they are viewport width (vw)*/
.container-content .content.oneHundredPercentWideContent {
/*    max-width: 98%;*/
    max-width: 97vw;
/*    margin-left: 1%;
    margin-right: 1%;*/
}
.tdLeaderBoard {
    padding: 0 0.2vw;
    white-space: nowrap;
}
.tieBreakersTextCells {
	display: inline-block;
/*	float: right;*/
	text-align: center;
	width: 10vw;
	background: #eee;
}
.position-column {
/*    text-align: right;*/
/*    min-width: 26px;*/
	width: 2.2vw;
    display: inline-block;
}
.manager-column {
/*    width: 6vw;*/
    width: 8vw;
/*    min-width: 80px;*/
    overflow: hidden;
    display: inline-block;
}
.manager-column a {
	white-space: nowrap;
}
.nfl-player-column {
/*    width: 4.8vw;*/
    width: 4.8vw;
    overflow: hidden;
    display: inline-block;
    text-decoration: inherit!important;
    text-align: left;
}
.total-column {
/*    width: 2.1vw;*/
    width: 2.6vw;
    text-align: right;
	font-weight: bold;
	display: inline-block;
}
:not(.total-column).table-cell-number {
    font-size: 13px;
    text-align: right;
/*    width: 2vw;*/
    width: 1.6vw;
/*    min-width: 21px;*/
/*    overflow: hidden;*/
    display: inline-block;
    text-decoration: inherit!important;
}
@media (max-width: 1200px) {
	.container-content .content.oneHundredPercentWideContent {
		max-width: 95vw;
	}
	.position-column {
		width: 3.8vw;
	}
	.manager-column {
		width: 9.7vw;
	}
	.nfl-player-column {
		width: 3.8vw;
	}
	.tieBreakersTextCells {
		width: 16.7vw;
	}
	.total-column {
		width: 4.5vw;
	}
	:not(.total-column).table-cell-number {
		width: 3vw;
	}
}
/*  END: leader board table - any width adjustments affect the entire table because they are viewport width (vw)*/










.teamStatsTable tr.emptyRow {
    line-height: 0.3;
}

.leaderboardAfterStart tr:not(:first-child):hover, 
.teamStatsTable tr:not(:first-child):hover {
	background: #09f;
	color: #fff;
}

.leaderboardAfterStart tr.doNotHighlight:hover, 
.teamStatsTable tr.doNotHighlight:hover {
	background: none;
	color: inherit;
}

.leaderboardAfterStart tr:not(:first-child):hover a, 
.teamStatsTable tr:not(:first-child):hover a {
	color: #fff;
}

.leaderboardAfterStart tr:not(:first-child):hover a:hover, 
.teamStatsTable tr:not(:first-child):hover a:hover {
	text-decoration: none;
}

.leaderboardAfterStart tr:not(:first-child):hover a:active, 
.teamStatsTable tr:not(:first-child):hover a:active {
	color: #000;
}

.currentLoggedInUser {
	background: #cec;
}

.currentEntryNotPaid, .NotPaidStrikeOut, .NotPaidStrikeOut a {
    text-decoration: line-through;
    color: #c00;
}

.noLongerInPlayoffs {
	color: #ccc;
}

div.pointsSystemWrapper {
	display: flex;
	flex-wrap: wrap;
}

div.pointsSystem {
	width: 30%;
	margin: 0 10px 10px 0;
	padding: 10px 10px 0 10px;
}

div.pointsSystem td, .contentTable td {
	font-size: 16px;
}

div.myEntries {
	display: flex;
	flex-wrap: wrap;
}

div.myEntries p {
	font-size: 14px;
}

div.entryFFPC {
	width: 30%;
	margin: 0 10px 10px 0;
	padding: 10px 10px 0 10px;
	border: 1px solid #000;
}
div.entryFFPC p, div.myEntriesChooseLineup p {
	padding-bottom: 5px;
}
div.entryFFPC.noPaid {
	background: #fb8;
}
a.linkButton {
	padding: 10px;
	border: 5px solid #df0;
	border-radius: 15px;
	display: block;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}
a.linkButton:link, a.linkButton:visited { border: 5px solid #09f; }
a.linkButton:hover, a.linkButton:focus { border: 5px solid #666; }
a.linkButton:active { border: 5px solid #09f; }

.error { color: #000; background: #fbfb55; padding: 10px; margin-bottom: 10px; border: 1px solid #000; font-size: 16px; }
.error strong { color: #fff; font-weight: normal; background: #000; }

form.lineupSelection {
	width: 550px;
}

div.formCheckForEighteen {
	margin-bottom: 10px;
}

div.formCheckForEighteen select {
	padding: 2px;
}

.NFLPlayer {
	width: 100%;
	display: block;
	float: left;
}

.NFLPlayer strong {
	width: 33%;
	display: block;
	float: left;
	padding: 3px 0;
}

.NFLPlayer select {
	width: 66%;
	display: block;
	float: left;
	padding: 2px;
	margin-bottom: 5px;
}

.teamNotPicked {
	background: #eee;
	color: #f00;
	font-weight: bold;
}

.teamPickedTooMany {
	background: #f00;
	color: #fff;
	font-weight: bold;
}

.teamsPickedCheckWrapper {
	display: inline-block;
	margin-bottom: 10px;
}

.teamsPickedCheck {
	float: left;
	min-width: 50px;
	margin-right: 15px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

.teamsPickedCheck span {
	display: inline-block;
}

.teamsPickedCheck span.teamsPickedCheckTeam {
	width: fit-content;
	margin-right: 3px;
}

.teamsPickedCheck span.teamsPickedCheckCount {
	text-align: center;
	width: fit-content;
}

@media (max-width: 1000px) {
	div.entryFFPC {
		width: 45%;
	}	
	div.pointsSystem {
		width: 45%;
	}
	.navigation li a {
		padding: 10px;
	}
	.navigation li {
		line-height: 1.8;
	}
	.navigation li.navigationRight {
		float: none;
	}
	.mobile-only-navigation {
		display: inline;
	}
}
@media (max-width: 950px) {
	.container-userSpecific {
		clear: both;
	}
	.prizeMoney {
		margin-top: 0;
		text-align: left;
		float: left;
		width: 100%;
	}
	.prizeMoney div {
		float: left;
	}
	.prizeMoneyFirst {
		padding-right: 10px;
	}
}
@media (max-width: 700px) {
/*START: switch table to wrapping display?*/
	tr.mainTableAboveHeader {
		display: none;
	}
	.leaderboardAfterStart tr:not(:first-child):hover, 
	.teamStatsTable tr:not(:first-child):hover,
	.leaderboardAfterStart tr:not(:first-child):hover a, 
	.teamStatsTable tr:not(:first-child):hover a,
	.leaderboardAfterStart tr:not(:first-child):hover a:active, 
	.teamStatsTable tr:not(:first-child):hover a:active {
		background: none;
		color: inherit;
	}
	.leaderboardAfterStart tr:not(:first-child):hover a:hover, 
	.teamStatsTable tr:not(:first-child):hover a:hover {
		text-decoration: inherit;
		color: inherit;
	}
	.leaderboardAfterStart tr {
		border-bottom: 2px solid #000;
	}
	.leaderboardAfterStart td {
		font-size: 20px!important;
		overflow: initial!important;
	}
	.tieBreakersTextCells {
		display: none;
	}
	.mobile-only {
		display: inline-block;
	}
	.position-column, .manager-column, .nfl-player-column, .total-column, .table-cell-number {
		width: auto!important;
/*		overflow: auto!important;*/
		text-align: left!important;
		min-width: auto!important;
	}
	.position-column:after, .manager-column:after, .nfl-player-column:after, .total-column:after, .table-cell-number:after {
		content: ' \2b2a ';
	}
	.table-cell-number:last-child:after {
		content: ')';
	}
	.manager-column:after {
		content: '\279c ';
	}
	.position-column:after {
		content: '. ';
	}
	.total-column {
		display: unset;
	}
	.total-column:before {
		content: '\a';
		white-space: pre;
	}
	.total-column:after {
		content: ' points (Tie-Breakers: ';
	}
/*  END: switch table to wrapping display?*/
	div.myEntries p, table.printOutLineup td {
		font-size: 18px;
	}
	form.lineupSelection {
		width: 100%;
	}
	div.entryFFPC {
		width: 100%;
		margin-right: 0;
	}	
	div.pointsSystem {
		width: 100%;
	}
	.NFLPlayer strong {
		width: 100%;
	}

	.NFLPlayer select {
		width: 100%;
		padding: 10px 5px;
		margin-bottom: 15px;
	}

	.NFLPlayer option {
		font-size: 16px;
	}
	.entry-mobile-only {
		display: block;
	}
}

/* Pool Administration pages */
form#pick-player, form#pick-player-enter, form#paid-entries {
	width: 100%;
}

form#pick-player select {
	margin-right: 10px;
}

form#pick-player-enter input[type="text"] {
    width: 35px;
    padding: 5px;
}

.notCommon {
    background: #cccccc;
}