/*
	Style sheet for all pages

#003333 = Headings

#006600 = menubar buttons
#003300 = menubar select
#1F88A7 = menubar hover

#4A9586 = Table borders and major headings
#8DC7BB = Table headings
#CFE7E2 = DFF Table row
#E7F3F1 = Table backgrounds
#F7FBFA = Table background washed out
#C0E0DA = Table highlighted row
#E994AB = Table cell red for Twins Babies
#8EB4E6 = Table cell blue for Twins Babies

#8DC7BC = Buttons
#000033 = Button text
#F4FA58 = Buttons (hover)
#4A9587 = Selected buttons
#FFFBDF = hover over input

#F5F5F0 = non-editable fields, non-clickable buttons

#F8F8F8 = off-white, background color and white print
#F8F8F6 = join/pay buttons

#8DC7BA = hyperlinks on black
#23819C = hyperlinks on white
#59955C = hyper hover

#DEDEDE	= tin
#856341 = copper
#DB9900 = bronze
#FFDF00 = gold
#A2A2A2 = silver
#008B8B = platinum
#8CEFFD = diamond
#FF8E8E = ruby
#000000 = black diamond

#E7F3F0 = Field entry backgrounds

#4AE371 = paid button
#F6D8CE = dropped button

#FF5353 = messages

#-----------


*/
/*---- 	Basic styles	---*/
* {margin:0;padding:0;}
* {font-family:var(--font, "Lucinda Grande",Lucinda,Verdana,Helvetica,san-serif);}
/* Only the Clean typeface sets --font-lh (see skin.php): Segoe UI computes a 6.7% taller line box
   than Verdana on line-height:normal. Unset for everyone else, so this resolves to "normal" and
   nothing changes. - Claude 7/27/26 */
#main {line-height:var(--font-lh, normal);}	/* --font was declared by every palette but consumed by nothing - Claude 7/26/26 */
body {color:var(--major-text,#F8F8F8);text-align:left;}

.opaque-small {border:1px solid #bbb;border-radius:6px;margin-bottom:5px;position:relative;
		background-image:url(../images/hover-grey.png);background-size:20px;background-repeat:no-repeat;background-position:bottom right;}
.opaque-big {border:2px solid #bbb;border-radius:20px;position:relative;
		background-image:url(../images/hover-grey.png);background-size:20px;background-repeat:no-repeat;background-position:bottom right;}
.opaque span.opaque-label {position:absolute;bottom:2px;right:24px;opacity:1;color:#aaa;font-size:10px;}
.opaque div.opaque-picture {width:50px;height:50px;position:absolute;top:-25px;right:-25px;background:#ccc;opacity:0;border:0;border-radius:25px;display:flex;justify-content:center;align-items:center;}
.opaque span.opaque-header {position:absolute;top:10px;left:0px;width:100%;text-align:center;opacity:1;color:#bbb;font-size:1.5em;}
.opaque span.opaque-button{position:absolute;bottom:10px;left:0px;width:100%;text-align:center;}
.opaque div.opaque-content,.opaque span,.opaque table,.opaque button,.opaque a {opacity:0;}
.opaque-small:hover,.opaque-small.hover {border:1px solid transparent;background-image:none;}
.opaque-big:hover,.opaque-big.hover {border:2px solid var(--panel-border,#4A9586);background-image:none;}
.opaque:hover div.opaque-content,.opaque.hover div.opaque-content {opacity:1;}
.opaque:hover span,.opaque.hover span {opacity:1;}
.opaque:hover div,opaque.hover div {opacity:1;}
.opaque:hover table,.opaque.hover table {opacity:1;}
.opaque:hover a,.opaque.hover a {opacity:1;}
.opaque:hover button,.opaque.hover button {opacity:1;}
.opaque:hover span.opaque-label,.opaque.hover span.opaque-label {opacity:0;}
.opaque:hover span.opaque-header,.opaque.hover span.opaque-header {color:var(--accent,#4A9586);}
.opaque div.opaque-content {color:var(--ink,#000);margin-top:35px;margin-left:10px;margin-right:10px;font-size:1.2em;text-align:left;}

.ui-tooltip {width:400px;padding:10px;z-index:99;}
div#ui-datepicker-div {display:none;}		/* turns off the white line at the bottom of the page */

/*------- These two work together to let you place an image where it will overlay everything to the right -----*/
span.anchor {position:relative;}
img.overlay {position:absolute;left:-25px;top:-10px;z-index:97;}
img.overlay2 {position:absolute;left:-50px;top:-40px;z-index:97;}
span.freeBurstWrap {position:relative;}											/* FREE-for-year gold burst - Claude 7/2/26 */
td.swatch img.overlay {left:-42px;top:-18px;} body#body2 td.swatch img.overlay {left:-42px;top:-18px;}									/* nudge the 75px marketplace badges (NEW/PRICE DROP/FREE) left & up; FREE matches PRICE DROP - Claude 7/2/26 */
span.freeBurstText {position:absolute;left:-39px;top:-18px;width:66px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);line-height:.9;padding-bottom:2px;font-family:"Brush Script MT","Segoe Script","Comic Sans MS",cursive;color:red;text-shadow:0 1px 0 rgba(255,255,255,.4);z-index:98;pointer-events:none;}
span.freeBurstText .big {font-size:7px;font-weight:bold;}
span.freeBurstText .small {font-size:5px;font-weight:bold;}
/* this is because on the app, z-index causes the message to sometimes come up not in focus */
.ui-dialog { z-index: 1000 !important ;}

/*------ Animation -------*/
div.spin {
	display:inline-block;
	animation: spin 10s linear infinite;
	animation-play-state:paused;
	}
div.spin:hover {animation-play-state: running;}
@keyframes spin {100% {transform: rotate(1turn);}}

div.flipUp {
	display:inline-block;
	animation: flipUp 1.8s cubic-bezier(0.68, 0, 0.26, 1.55) both;
	transform-origin:50% 75%;
	}
@keyframes flipUp {
	0% {transform: rotateX(90deg);} 
	50% {transform: rotateX(90deg);} 
	100% {transform: rotateX(0deg);}
	}
	
img#alarm {
	animation-name: shake;
	animation-timing-function: ease-in-out;
	animation-duration: 4s;
	animation-iteration-count: 1;
	animation-delay: 0s;
	}
@keyframes shake {
	0%,100% {transform: rotate(0deg);}
	5%,25%,45%,65%,85% {transform: rotate(15deg);}
	15%,35%,55%,75%,95% {transform: rotate(-15deg);}
	}
	
/*---- for playercards -----*/
.fp-pc__th {color:var(--ink,black);}

/*---- 	All content	---*/
html {height: 102%;}	/* this forces a scroll bar so the screen doesn't jump */
#content {margin:0 auto;width:965px;clear:both;text-align:left;padding:0em;}
#beta {margin:0 auto;width:965px;clear:both;text-align:left;padding:0em;}
#development {margin:0 auto;width:965px;clear:both;text-align:left;padding:0em;background-color:red;}
#footer {margin:0 auto;width:953px;clear:both;text-align:left;padding:6px;font-size:0.7em;}
#footer table td {vertical-align:middle;}
/*#footer table td img {position:relative;top:5px;}*/
#footer #homeFooter a, #footer #homeFooter a:visited {color:var(--accent-bg,#23819C);}
#footer #homeFooter a:hover, #footer #homeFooter a:focus {color:#8DC7BA;}
#footer div#homeFooter {border:2px solid var(--panel-border,#4A9586);border-radius:17px;text-align:left;padding:1em;background-color:var(--content-bg,#f8f8f8);margin:0 0 30px 0;color:var(--ink,black);}
#footer table#homeFooterTable td {width:240px;padding:.5em .5em .5em .5em;font-size:1.2em;vertical-align:bottom;}
#footer table#homeFooterTable td#footerlogo {width:80px;}
#footer #adminFooter a, #footer #adminFooter a:visited {color:var(--major-text,#f8f8f8);}
#footer #adminFooter a:hover, #footer #adminFooter a:focus {color:#8DC7BA;}
#footer div#adminFooter {width:924px;border-radius:6px;text-align:left;padding:1em;border:2px solid #f8f8f8;margin:20px 0 0 6px;color:var(--major-text,#f8f8f8);}
#footer table#adminFooterTable td {width:239px;padding:.5em .5em .5em .5em;font-size:1.2em;vertical-align:bottom;}
#footer table#adminFooterTable td#footerlogo {width:80px;}
#footer {width: 965px;}
#footer tr.displayPageFooter td {padding-left:10px;}
#footer div#socialmedia,#footer span.socialmedia {position:relative;top:3px;font-size:1.2em;}
#footer span.socialmedia img {position:relative;top:5px;}
/*#transparent;}*/
/*	opacity: 0.95;filter: 
	alpha(opacity=95); For IE8 and earlier */
div#icon {background-image:url(../images/football.jpg);background-size:150px;background-repeat: no-repeat;}
table#topLevel {color:var(--ink,black);font-size:1em;}
div#narrHeader {padding:.5em 1em .5em 1em;font-size:1.4em;text-align:center;background-color:#FFCC33;color:black;font-weight:bold;}
/*#body0 #beta {background-color:blue;}*/

#popup {padding:1em;margin:1.5em;background-color:#FFF7B7;border:3px solid #FFCC33;color:black;z-index:1;position:absolute;width:300px;border-radius:6px;}
#popup span#popupHeader {font-size:1.2em;font-style:italic;}
#popup button {font-size:1em;padding:.2em;background-color:#FFCC33;color:black;border-color:#FFCC33;float:right;margin-top:1em;}
#popup button:hover, #popup button:focus {background-color:#D1D17A;background-image:none;transform: scale(1.05);
					transition: background .2s ease-in, transform .2s ease-out;}
#popup img.tip {float:left;padding-right:.8em;}
#popup a {color:#FF9933;}
#popup a:hover, #popup a:focus {color:#FF6633;}

#openOrphanGuide {margin:.5em;float:right;text-align:center;font-size:1.4em;font-weight:bold;color:#1F88A7;background-color:#CEF0FF;border:3px solid #62D0FF;height:70px;width:140px;border-radius:8px;cursor:pointer;}
#openOrphanGuide img {float:right;height:55px;margin-top:7px;margin-right:6px;}	/* circle-only buyersguide: 55px native (crisp), vertically centred in the 70px box, right margin - Claude 7/17/26 */
#orphanGuide {padding:1em;margin:1.5em;background-color:#CEF0FF;border:3px solid #62D0FF;color:black;z-index:1;position:absolute;width:600px;border-radius:6px;}
#main #orphanGuide button {font-size:1em;padding:.2em;background-color:#BBEBFF;color:black;border-color:#62D0FF;margin-top:1em;}

#openPackageDeal {margin:.5em;float:right;text-align:center;font-size:1.4em;font-weight:bold;color:#1F88A7;background-color:#CEF0FF;border:3px solid #62D0FF;height:70px;width:140px;border-radius:8px;cursor:pointer;}
#openPackageDeal img {float:right;height:60px;padding-top:.3em;padding-right:.3em;}
#packageDeals {padding:1em;margin:1.5em;background-color:#CEF0FF;border:3px solid #62D0FF;color:black;z-index:99;position:absolute;width:600px;border-radius:6px;}
#main #packageDeal button {font-size:1em;padding:.2em;color:var(--ink,black);margin-top:1em;}

div#orphanRescue {float:right;border-radius:6px;width:140px;margin:.7em;}
table#orphanRescue {width:138px;}
table#orphanRescue td {padding-left:.5em;padding-right:.5em;}
table#orphanRescue tr.rescueTitle td {text-align:center;font-size:1.2em;font-weight:bold;}

/*----  Title area ----*/
#topMessage {padding:0em;text-align:center;background-color:#FFCC33;color:black;font-weight:bold;z-index:1;position:absolute;width:965px;}
#topMessage a {color:var(--accent,#4A9586);}
p#adMargin {padding:.5em;}
#title {padding:.5em 0em .5em 0em;background-color:transparent;}
	#title button.navButton {border-color:#F8F8F8;vertical-align:middle;font-size:1em;font-weight:bold;color:var(--major-text,#F8F8F8);width:198px;margin-left:.2em;
							transition: background .2s ease-in, transform .2s ease-out;}
	#title h2 {font-size:1.5em;margin:0em;}
/*	#title img#logo {padding-top:.5em;}*/
	#title .side {width:420px;float:right;padding:0em .5em .5em 0em;text-align:right;font-size:.8em}
	#title .questside {width:320px;float:right;padding:.5em .5em .5em 0em;text-align:right;font-size:.8em}
	#title .apexside {width:320px;float:right;padding:.5em .5em .5em 0em;text-align:right;font-size:.8em}
	#title .versusside {width:320px;float:right;padding:.5em .5em .5em 0em;text-align:right;font-size:.8em}
	#title .sbffcside {width:420px;float:right;padding:.5em .5em .5em 0em;text-align:right;font-size:.8em}
	#title table#topLeft tr td#titleCenter {vertical-align:bottom;}
	/* BANNER ART: with artwork behind the header the hub title and house ride to the TOP of the band
	   so the art has the space below to itself; with no artwork they stay bottom-aligned exactly as
	   today. body.has-banner is set by skin::bodyAttr() only when a banner actually resolves to a
	   file, so this rule is inert for everyone else. - Claude 7/27/26 */
	body.has-banner #title table#topLeft tr td#titleCenter {vertical-align:top;padding-top:7.5mm;}	/* top alone overshot 3/8in; 1mm up 7/27, another 1mm up 7/31 to align the hub + house with the BOTTOM of the ADMINISTRATION button (Lee) */
	/* Day Game shows no banner at all (Lee 7/31/26, see skins/skin-base.css), so the header must stop
	   making room for artwork that is not there — without this the title sits low against an empty
	   band. has-banner still applies in light mode because AUTO resolves in the browser, so this has
	   to be undone in CSS rather than by withholding the class server-side.
	   NOTE data-theme is on the BODY, not on <html> — see skin-base.css. - Claude 7/31/26 */
	body[data-theme="light"].has-banner #title table#topLeft tr td#titleCenter {vertical-align:bottom;padding-top:0;}
	#title table#topLeft tr td#titleTopCenter {vertical-align:top;}
	#title td#titleCenter h2 {line-height:12px;}
	#title div#signInOut {margin: .6em .2em 0em 0em;padding:0;}
	#title div#classicSignInOut {margin: .5em 0em .5e, 0em;}
	#title #pleaseWait {color:#FF5353;}
	#title span#hubTitle {font-size:.6em;color:var(--major-text,#F8F8F8);}
	#title button.navButton td {padding:.1em .3em .1em .3em;text-align:center;}
	#title button.navButton a {color:var(--major-text,#F8F8F8);}
	#title table#topLeft td {vertical-align:bottom;padding:0em;}
	#title span#seasonLong {font-size:.8em;font-style:italic;line-height:95%;}
	#title span#seasonLong a, #title span#seasonLong a:visited, #title span#seasonLong a:focus {color:white;}
	#title span.hidden {visibility:hidden;}
	#title button#useMobileVersion {padding:.4em;background-color:#377064;background-image:none;font-weight:bold;color:var(--major-text,#F8F8F8);
							transition: background .2s ease-in, transform .2s ease-out;}
	#title button#useMobileVersion:hover, #title button#useMobileVersion:focus {background-color:#1F88A7;transform: scale(1.05);}
	#title span#partners {position:relative;top:-2px;margin-left:.2em;}
/*	#title button#useMobileVersion:hover {background-color:#1F88A7;}*/

	#title div#clock {position:relative;left:87px;padding: 0 0 .4em .4em;}
	#title div#searchbox {
		position:relative;top:21px; left:50px;
		height: 29px;
		width: 29px;
		border: 1px solid white;
		border-radius: 4px;
		text-align: center;
		padding: .4px;
		background-color:var(--major-bg,#4A9586);
		z-index:2;
		}
	#title div#searchbox div#search2 {
		margin:3px;
		background-color:#CFE7E2;
		border-radius: 4px;
		color: #000000;
		}
	#title div#searchbox input#searchbar {
		font-size:1em;
		border: none;
		color:black;
		background-color:#CFE7E2;
		margin-left:4px;
		margin-right:4px;
		}
	#title div#searchbox input#searchbar {outline: none; box-shadow: none;height:22px;}
	#title div#searchbox img#searchpng {position:relative;top:2px;border-radius:4px;float:right;}
	#title div#searchbox img#searchpng2 {border-radius:4px;}
	#searchDisplay {font-size:.8em;padding:1em;margin:0em;background-color:var(--content-bg,#F8F8F8);border:3px solid var(--panel-border,#4A9586);color:var(--ink,black);z-index:99;position:absolute;width:600px;border-radius:6px;}
	#searchDisplay div.section {color:#1F88A7;}
	#searchDisplay a {font-size:1.2em;color:var(--accent-bg,#23819C);font-weight:bold;}
	#searchDisplay a:hover, #searchDisplay a:focus {color:var(--accent,#4A9586);}
	#searchDisplay button {font-size:1em;padding:.2em;background-color:var(--btn-bg,#8DC7BC);color:#000033;border-color: var(--panel-border,#4A9586);}
	#searchDisplay button:hover, #searchDisplay button:focus {background-color:#F4FA58;background-image:none;transform: scale(1.05);
					transition: background .2s ease-in, transform .2s ease-out;}
	#searchDisplay p {padding:.7em 0 0 2em;}
	#searchDisplay button.floatRight{float:right;}
	.searchCorrection {font-style:italic;color:#555;font-size:.9em;margin-bottom:8px;}
	
	div#video1 {z-index:98;position:absolute;top:80px;}
	div#video2 {z-index:98;position:absolute;top:80px;}
	div#video1 button#closeVideo1 {z-index:99;position:relative;top:-535px;left:438px;padding:2px 20px 2px 20px;}
	div#video2 button#closeVideo2 {z-index:99;position:relative;top:-535px;padding:2px 20px 2px 20px;background-color:white;}
	
	#title div#igotgameplans5 {
		position:relative;top:53px; left:7px;
		height: 29px;
		width: 29px;
		border: 1px solid white;
		border-radius: 4px;
		text-align: center;
		font-size: 2em;
		padding: .4px;
		background-image:url(../images/coach.png);
		background-size: 29px 29px;
		z-index:2;
		}
	#title div#igotgameplans6 {
		position:relative;top:53px; left:7px;
		height: 30px;
		width: 195px;
		border: 1px solid white;
		background-color:#CFE7E2;
		margin-left:4px;
		margin-right:4px;
		border-radius: 4px;
		text-align: left;
		padding-left: 1em;
		background-image:url(../images/coach.png);
		background-size: 29px 29px;
		background-repeat: no-repeat;
		background-position: right;
		z-index:99;
		}
	div#igotgameplans1 {z-index:98;position:absolute;top:60px;border:1px solid white}
	a#igotgameplans7 {position:relative;top:5px;}

#menubar {padding:.3em 0em 1em 0em;background-color:transparent;white-space: nowrap;}
	#menubar button {margin:0em .0em 0em .1em;font-size:1em;padding:.3em .1em .3em .1em;width:7em;color:var(--major-text,#F8F8F8);border-color: #F8F8F8;
					transition: background .2s ease-in, transform .2s ease-out;}
	#menubar button a {color:var(--major-text,#F8F8F8);border-color: #F8F8F8;font-weight:normal;}
	#menubar button.first {margin: 0em 0em 0em .4em;width:7.3em;}
	#menubar button.menubarButton:hover, #menubar button.menubarButton:focus {background-color:#1F88A7;background-image:none;}
	#menubar button.menuSelected {background-color:#003300;background-image:none;}
	
#menubar span.dropdown{position: relative;}
#menubar span.dropdown button:hover {position: relative;}
#menubar span.dropdown ul {visibility: hidden;width: 112px; position: absolute; top: 100%; left: 0; list-style:none;margin-left:.1em;margin-top:.3em;z-index:100;}
#menubar span.dropdown ul.firstButton {margin-left:.4em;}
#menubar span.dropdown ul li {font-size:.7em;background-color:#006600;background-image:none;color: var(--major-text,#F8F8F8);float: none;padding:.2em;border-radius:4px;position:relative;
							border-top:1px solid #F8F8F8;border-right:1px solid #F8F8F8;border-left:1px solid #F8F8F8;border-bottom:0px;}
/* "NEW" badge — reusable gold pill. Add <span class='newBadge' data-until='YYYY-MM-DD'>NEW</span> next to any link/text; common.js removes it after the date. Inline by default (works in page text); auto-overlaid at the right edge when inside a menu row. - Claude 6/28/26 */
.newBadge {display:inline-block;background:#FFC400;color:#7A0000;font:bold 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.5px;padding:2px 4px;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.4);white-space:nowrap;transform:translateY(-2px) rotate(-8deg);vertical-align:middle;}
#menubar span.dropdown ul li .newBadge {position:absolute;top:50%;right:2px;transform:translateY(-50%) rotate(-8deg);pointer-events:none;z-index:101;}
#menubar span.dropdown ul li.menuSelected {background-color:#003300;background-image:none;}


#menubar span.dropdown li:hover, #menubar span.dropdown li:focus-within {background-color:#1F88A7;background-image:none;}
#menubar span.dropdown ul li.last {border-bottom:1px solid #F8F8F8;}
#menubar span.dropdown a, #menubar span.dropdown a:visited, #menubar span.dropdown a:focus {display: inline-block;width: 108px;font-weight:normal;color:var(--major-text,#F8F8F8);}
#menubar span.dropdown ul li {font-size:.7em;background-color:#006600;background-image:none;color: var(--major-text,#F8F8F8);float: none;padding:.2em;border-radius:4px;
							border-top:1px solid #F8F8F8;border-right:1px solid #F8F8F8;border-left:1px solid #F8F8F8;border-bottom:0px;}

/* ---- Modernized menu dropdown - Claude 7/15/26 ----
   Flat card + drop shadow + fade-in, replacing the marble texture / hard white
   borders / instant pop. Per-company background colors (body#bodyN rules below)
   still apply. Fade keys off the inline "visibility:visible" the hover JS sets,
   so no JS change is needed. */
#menubar span.dropdown ul {width:auto;min-width:160px;margin-top:0;padding:0;border-radius:6px;overflow:hidden;
	box-shadow:0 8px 24px rgba(0,0,0,.30);opacity:0;transform:translateY(-6px);
	transition:opacity .16s ease, transform .16s ease;}
#menubar span.dropdown ul[style*="visible"] {opacity:1;transform:none;}   /* fade + slide when JS reveals it */
#menubar span.dropdown:last-of-type ul {left:auto;right:0;}   /* rightmost menu opens leftward, right-aligned to its button, so it can't overflow the window */
#menubar span.dropdown ul li {font-size:.85em;padding:0;background-image:none;border:0;
	border-top:1px solid rgba(255,255,255,.14);border-radius:0;
	transition:background-color .12s ease, box-shadow .12s ease;}
#menubar span.dropdown ul li:first-child {border-top:0;}
#menubar span.dropdown ul li:hover, #menubar span.dropdown ul li:focus-within {box-shadow:inset 3px 0 rgba(255,255,255,.6);}
#menubar span.dropdown ul li a, #menubar span.dropdown ul li a:visited, #menubar span.dropdown ul li a:focus {display:block;width:auto;padding:.34em .8em;}
/* ---- end modernized dropdown ---- */
h1 {font-size:1.4em;margin:.5em 0em 0em 0em;}
h2 {font-size:1.2em;margin:.5em 0em 0em 0em;}bet
h3,h4,h5 {font-size:1em;margin:.5em 0em 0em 0em;}
p {padding:.5em 0em .5em 0em;}
input, img {border:0;}
img.floatLeft{float:left;padding:0 0.25em 0.25em 0;}
img.pageText{float:left;padding:0 0.5em 0.5em 0;}
img.pageTextRight{float:right;padding:0 0em 0.5em 0.5em;}
img.wonkButton{float:right;padding:0 0em 0.5em 0.5em;}
a, a:hover, a:visited, a:focus {text-decoration:none;font-weight:bold;cursor:pointer;}
a, a:visited, a:focus {color:#8DC7BA;}
a:hover, a:focus {color:var(--accent,#4A9586);}
button {cursor:pointer;border-radius:6px;}
.highlight {background-color:yellow;}	/* works with jquery.highlight.js */

/* DataForce */
body#body0 {
    background-color: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000, #377064) fixed; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #377064) fixed; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #377064) fixed; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000, #377064) fixed; /* Standard syntax */
	}
body#body0 #title button.navButton {
	background-color:#377064;
    background: -webkit-linear-gradient(#377064, #5EAE9E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#377064, #5EAE9E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#377064, #5EAE9E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,#377064 0,#5EAE9E 50%,#377064 100%); /* Standard syntax */
	}
body#body0 #title button.navSelected {background-color:#2b564e;background-image:none;}
body#body0 #title button.navButton:hover, body#body0 #title button.navButton:focus {background-color:#377064;background-image:none;}
body#body0 #menubar button {
	background-color:#377064;
    background: -webkit-linear-gradient(#377064, #5EAE9E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#377064, #5EAE9E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#377064, #5EAE9E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,#377064 0,#5EAE9E 50%,#377064 100%); /* Standard syntax */
	}
body#body0 #menubar span.dropdown ul li {background-color:#377064;background-image:none;}
body#body0 #menubar button.menubarButton:hover, body#body0 #menubar button.menubarButton:focus {background-color:#377064;background-image:none;}
body#body0 #menubar button.menuSelected {background-color:#2b564e;background-image:none;}
body#body0 #menubar span.dropdown ul li.menuSelected {background-color:#2b564e;background-image:none;}
body#body0 #menubar span.dropdown li:hover, body#body0 #menubar span.dropdown li:focus-within {background-color:#2b564e;background-image:none;}




/* "DataForce classic" (body#body5) removed - the Background preference is retired and $body is only ever
   0 (DataForce), 2 (Apex) or 4 (SBFFC), so these rules could never match again. - Claude 7/26/26 */

body#body0 div#orphanRescue {background-color:var(--row-bg,#E7F3F1);border:2px solid var(--panel-border,#4A9586);}
table#orphanRescue tr.rescueTitle td {color:var(--accent,#4A9586);}

/* Quest */
body#body1 {
    background-color: #2966b8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#2966b8, #7ba7e1) fixed; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2966b8, #7ba7e1) fixed; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2966b8, #7ba7e1) fixed; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2966b8, #7ba7e1) fixed; /* Standard syntax */
	}
body#body1 #title button.navButton {background-color:#003366;background-image:none;}
body#body1 #menubar button {background-color:#003366;background-image:none;}
body#body1 #menubar span.dropdown ul li {background-color:#003366;background-image:none;}
body#body1 #footer a {color:#003366;}
body#body1 #main button {border-color:#2966b8;background-color:#8eb4e6;background-image:none;}
body#body1 #main textarea {border-color:#2966b8;background-color:#e0eaf8;}
body#body1 #main input.lineEntry {border-color:#2966b8;background-color:#e0eaf8;}
body#body1 #main select.lineEntry {border-color:#2966b8;background-color:#e0eaf8;}
body#body1 #main input.topLineEntry {border-color:#2966b8;background-color:#e0eaf8;}
body#body1 #main input.bottomLineEntry {border-color:#2966b8;background-color:#e0eaf8;}
body#body1 #main tr.header td {background-color:#7ba7e1}
body#body1 #main tr.safeGuardHeader td {background-color:#7ba7e1;}
body#body1 #main tr.subHeader td {background-color:#a9c5eb;}
body#body1 #main tr.majorHeader td {background-color:#6094db;color:var(--major-text,#F8F8F8);}
body#body1 #main tr.divider td {background-color:#a9c5eb;}
body#body1 #main tr.detail td {background-color:#e0eaf8;}
body#body1 #main tr.detailTotal td {background-color:#a9c5eb;}
body#body1 #main table#options {border-color:#2966b8;background-color:#e0eaf8;}

/* Apex */
body#body2 {		/* black on top, then graduating black to olive */
    background-color: #000; /* For browsers that do not support gradients */
    background:url(../images/apex-background.jpg), -webkit-linear-gradient(#000, #44611f) fixed,#000; /* For Safari 5.1 to 6.0 */
    background:url(../images/apex-background.jpg), -o-linear-gradient(#000, #44611f) fixed,#000; /* For Opera 11.1 to 12.0 */
    background:url(../images/apex-background.jpg), -moz-linear-gradient(#000, #44611f) fixed,#000; /* For Firefox 3.6 to 15 */
    background:url(../images/apex-background.jpg), linear-gradient(#000, #44611f) fixed,#000; /* Standard syntax */
	background-size:960px,100%,100%,100%;
	background-position:center 50px,0px 176px,0px 0px;
	background-repeat: no-repeat,no-repeat,no-repeat;
	}
/*	background-position:center top,0px 176px,0px 0px; */
body#body2 div#dataForceBanner {background-color:#23819C;padding:15px;text-align:center;font-style:italic;position: absolute;left: 0;width:100%;}
body#body2 table#affiliateLogo td {font-size:.6em;font-weight:bold;}
body#body2 #title button.navButton {background-color:#44611f;background-image:none;}
body#body2 #menubar button {background-color:#44611f;background-image:none;}
body#body2 #menubar span.dropdown ul li {background-color:#44611f;background-image:none;}
body#body2 #main button {border-color:#55711c;background-color:#a6bb7b;background-image:none;}
body#body2 #main textarea {border-color:#55711c;background-color:#e1e8d3;}
body#body2 #main input.lineEntry {border-color:#55711c;background-color:#e1e8d3;}
body#body2 #main select.lineEntry {border-color:#55711c;background-color:#e1e8d3;}
body#body2 #main input.topLineEntry {border-color:#55711c;background-color:#e1e8d3;}
body#body2 #main input.bottomLineEntry {border-color:#55711c;background-color:#e1e8d3;}
body#body2 #main tr.header td {background-color:#a6bb7b}
body#body2 #main tr.safeGuardHeader td {background-color:#a6bb7b;}
body#body2 #main tr.subHeader td {background-color:#a6bb7b;}
body#body2 #main tr.majorHeader td {background-color:#97af65;color:var(--major-text,#F8F8F8);}
body#body2 #main tr.detail td {background-color:#e1e8d3;}
body#body2 #main tr.detailTotal td {background-color:#a6bb7b;}
body#body2 #main table#options {border-color:#55711c;background-color:#f0f3e9;}
body#body2 #main table#leagues td {border-color:#55711c;}
body#body2 img.overlay {position:absolute;left:-25px;top:-20px;z-index:97;}	/* Not sure why, but this positions the Apex labels better */
body#body2 img.overlay2 {position:absolute;left:-50px;top:-50px;z-index:97;}	/* Not sure why, but this positions the Apex labels better */

body#body2 div#orphanRescue {background-color:#e1e8d3;border:2px solid #55711c;}
body#body2 table#orphanRescue tr.rescueTitle td {color:#55711c;}

/* Versus */
body#body3 {
    background-color: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000, #A9A9A9) fixed; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #A9A9A9) fixed; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #A9A9A9) fixed; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000, #A9A9A9) fixed; /* Standard syntax */
	}
body#body3 #title button.navButton {background-color:#59955c;background-image:none;}
body#body3 #menubar button {background-color:#59955c;background-image:none;}
body#body3 #menubar span.dropdown ul li {background-color:#59955c;background-image:none;}
body#body3 #main button {border-color:#808080;background-color:#d3d3d3;background-image:none;}
body#body3 #main textarea {border-color:#808080;background-color:#dcdcdc;}
body#body3 #main input.lineEntry {border-color:#808080;background-color:#dcdcdc;}
body#body3 #main select.lineEntry {border-color:#808080;background-color:#dcdcdc;}
body#body3 #main input.topLineEntry {border-color:#808080;background-color:#dcdcdc;}
body#body3 #main input.bottomLineEntry {border-color:#808080;background-color:#dcdcdc;}
body#body3 #main tr.header td {background-color:#a9a9a9;}
body#body3 #main tr.safeGuardHeader td {background-color:#a9a9a9;}
body#body3 #main tr.subHeader td {background-color:#a9a9a9;}
body#body3 #main tr.majorHeader td {background-color:#808080;color:var(--major-text,#F8F8F8);}
body#body3 #main tr.divider td {background-color:#a9a9a9;}
body#body3 #main tr.detail td {background-color:#dcdcdc;}
body#body3 #main tr.detailTotal td {background-color:#a9a9a9;}
body#body3 #main table#options {border-color:#808080;background-color:#f0f3e9;}
body#body3 #main table#leagues td {border-color:#808080;}

/* sbffc */
body#body4 {
    background-color: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000, #c30000) fixed; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #c30000) fixed; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #c30000) fixed; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000, #c30000) fixed; /* Standard syntax */
	}
body#body4 div#dataForceBanner {background-color:#9669FE;padding:15px;text-align:center;font-style:italic;position: absolute;left: 0;width:100%;}
body#body4 #title button.navButton {background-color:#c30000;background-image:none;}
body#body4 #menubar button {background-color:#c30000;background-image:none;}
body#body4 #menubar span.dropdown ul li {background-color:#c30000;background-image:none;}
body#body4 #main button {border-color:#808080;background-color:#d3d3d3;background-image:none;}
body#body4 #main textarea {border-color:#808080;background-color:#dcdcdc;}
body#body4 #main input.lineEntry {border-color:#808080;background-color:#dcdcdc;}
body#body4 #main select.lineEntry {border-color:#808080;background-color:#dcdcdc;}
body#body4 #main input.topLineEntry {border-color:#808080;background-color:#dcdcdc;}
body#body4 #main input.bottomLineEntry {border-color:#808080;background-color:#dcdcdc;}
body#body4 #main tr.header td {background-color:#a9a9a9;}
body#body4 #main tr.safeGuardHeader td {background-color:#a9a9a9;}
body#body4 #main tr.subHeader td {background-color:#a9a9a9;}
body#body4 #main tr.majorHeader td {background-color:#808080;color:var(--major-text,#F8F8F8);}
body#body4 #main tr.divider td {background-color:#a9a9a9;}
body#body4 #main tr.detail td {background-color:#dcdcdc;}
body#body4 #main tr.detailTotal td {background-color:#a9a9a9;}
body#body4 #main table#options {border-color:#808080;background-color:#f0f3e9;}
body#body4 #main table#leagues td {border-color:#808080;}


/*---- Home page & splash page ----*/
#home div.splash:hover,#home div.splash.hover {background-color:var(--content-bg,#F8F8F8);}
#home div#splash0 {width:540px;height:150px;margin:auto;margin-top:40px;margin-bottom:40px;}
#home table.splashTable {width:100%;}
#home table.splashTable td {vertical-align:top;}
#home button#splash1,#home button#splash9 {padding:.5em;}
#home div#splash1 {width:300px;height:300px;float:left;margin-bottom:40px;}
#home div#splash2 {width:300px;height:300px;float:right;margin-bottom:40px;}
#home div#splash3 {width:456px;height:200px;float:left;margin-bottom:40px;}
#home div#splash4 {width:456px;height:200px;float:right;margin-bottom:40px;}
#home div#splash5 {width:200px;height:400px;float:left;margin-bottom:40px;}
#home div#splash6 {width:200px;height:400px;float:left;margin-bottom:40px;}
#home div#splash7 {width:200px;height:400px;float:right;margin-bottom:40px;}
#home div#splash8 {width:200px;height:400px;float:right;margin-bottom:40px;}
#home div#splashheader {text-align:left;background-color:#4f85bd;padding:0;}
#home div#splashheader a {color:white;}
/* New header 3/26/25 */
#home div#splashheader {border:2px solid white;height:200px;background-color:#fff;background-image:url(../images/blog-header.png);background-size:100%;background-repeat:no-repeat;}
#home img#splashlogo2 {margin:15px 0 0 25px;}
#home div#splashlobby {float:right;text-align:right;margin:15px 40px 0 0;}
/* This extends to side of page, less 2 pixels for the margin */
#home div#splashheader {width:calc(100vw - 20px);margin-left:calc(((-100vw + 100%) / 2) + 8px);margin-right: calc((-100vw + 100%) + 8px);}
/*
#home div#splashheader {width:100vw;margin-left: calc((-100vw + 100%) / 2);margin-right: calc((-100vw + 100%) / 2);}
#home div#splashheader td#splashheaderleft {
	margin:0;
	padding:0;
	width:calc((100vw - 965px)/2);
    background-color: #196d86;
    background: -webkit-linear-gradient(to right,#a7c2de, #4f85bd);
    background: -o-linear-gradient(to right,#a7c2de, #4f85bd);
    background: -moz-linear-gradient(to right,#a7c2de, #4f85bd);
    background: linear-gradient(to right,#a7c2de, #4f85bd);
	}
#home div#splashheader td#splashheadercenter {width:965px;padding:1em;border:none;}
#home div#splashheader td#splashheaderright {
	margin:0;
	padding:0;
	width:calc((100vw - 965px)/2);
    background-color: #196d86;
    background: -webkit-linear-gradient(to left,#a7c2de, #4f85bd);
    background: -o-linear-gradient(to left,#a7c2de, #4f85bd);
    background: -moz-linear-gradient(to left,#a7c2de, #4f85bd);
    background: linear-gradient(to left,#a7c2de, #4f85bd);
	}
*/
#home div#splashheader span#splashlobby {float:right;text-align:right;}
#home td#splashmiddle {text-align:center;vertical-align:middle;font-size:1.2em;color:white;}
#home td#splashmiddle img {border: 2px solid white;}
/* Fancy programming for picture in middle */
#home td#splashmiddle div#mydiv {display:flex;flex-wrap:wrap;justify-content: space-around;}
#home td#splashmiddle .shape-outer {
    display: flex;
    flex-shrink: 0;
    height: 190px;
    width: 160px;
    margin: 0;
	background-color:white;
	}
#home td#splashmiddle .shape-inner {	
    height: 180px;
    width: 150px;
    background: url(../images/touchdown.jpg) no-repeat center;
    background-size: cover;
    margin: auto;
	}
#home td#splashmiddle div .rabbet {
    -webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
    		clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
	}

#home #newAtDF a, #home #newAtDF a:visited {color:var(--accent-bg,#23819C);}
#home #newAtDF a:hover, #home #newAtDF a:focus {color:#8DC7BA;}

#home table.homeTable {width:100%;}
#home table.homeTable td {vertical-align:top;}
#home table.homeTable td.left {padding:60px 60px 0px 0px;}
#home table.homeTable td.middle {padding:60px 0px 0px 0px;}
#home table.homeTable td.right {padding:60px 0px 0px 60px;}
#home table.homeTable div#home1 {margin:0;height:235px;width:275px}
#home table.homeTable div#home2 {margin:0;height:235px;width:275px;}
#home table.homeTable div#home3 {margin:0;height:235px;width:275px;}
#home table.homeTable div#home4 {margin:0;height:235px;width:275px;}
#home table.homeTable div#home5 {margin:0;height:235px;width:275px;}
#home table.homeTable div#home6 {margin:0;height:235px;width:275px;}
#home table.homeTable div#home7 {margin:0;height:235px;width:275px;}
#home table.homeTable div#home8 {margin:0;height:235px;width:275px;}
#home table.homeTable div#home9 {margin:0;height:235px;width:275px;}
#home table.homeTable div#home10 {margin:0;height:235px;width:275px;}
#home table.homeTable div#home11 {margin:0;height:235px;width:275px;}
#home table.homeTable div#home12 {margin:0;height:235px;width:275px;}

#home {margin:0 auto;width:965px;clear:both;text-align:center;font-size:0.7em;background-color:transparent;}
#home img.left {margin:1em 1em 0em 0em;}
#home img.center {margin:1em 1em 0em 1em}
#home img.right {margin:1em 0em 0em 1em;}
#home td.top {vertical-align:top;}
#home td.right{text-align:right;}
#home span#message {border:1px solid #8DC7BA;padding:.2em .4em .2em .4em;color:#8DC7BA;}
#home div.indent {margin:0em 0em 0em 3.5em;}
#home img#charity {margin:5px 0px 0px 0px;}
#home img#warriors {margin:0em .8em 0em 1em;}
#home img#confused {margin-left:28px;}
#home img#wonkhome {margin:0px 0px 10px 45px}
#home img#coreyVoegele {margin:.8em 3.8em 0em 3.8em;}
#home img#leeHarmon {margin:.8em 3.8em 0em 3.8em;}
#home img#warriorsPic,img#sbffcPic,img#draftPic, img#newsPic {margin:.8em 2.8em 0em 2.8em;}
#home img#appscreen {height:120px;border-radius:6px;border:3px solid var(--accent-bg,#23819C);float:left;margin:0 1em 0em 1em;}
#home img#football {margin:.4em 3.6em 0em 3.6em;}
#home img.divider {padding:.7em 0 .7em 3.4em;}
#home div.homeBox {width:146px;height:2000px;border:2px solid #8DC7BA;padding:.4em;margin:.2em;border-radius:6px;text-align:left;
	background-color:#fff;
	background-position:bottom, top;
	background-image:url(../images/sidebar.png), none;
	background-size:154px 1899px, 154px 100px;
	background-repeat: no-repeat, no-repeat;
	}
#home div.narrative {padding:.5em 1em .5em 1em;border:1px solid #C8B400;border-radius: 6px;background-color:#FFFBDF;color:#000;text-align:left;}
#home table#newYorkTable {margin-left: auto;margin-right: auto;font-size:1.2em;}
#home div#newAtDF {margin-top:15px;border:1px solid #FFDF00;border-radius:20px;background-color:#ffef80}
#home div#newAtDF2 {border:5px solid #fff7bf;border-radius:17px;background-color:#fff7bf;}
#home div#newAtDF3 {border:5px solid #fffbdf;border-radius:17px;text-align:left;padding:1em;background-color:var(--content-bg,#F8F8F8)}
/* 8/13/26 The player art used to be sized "auto 80%" - height 80% of the box, width following the aspect ratio.
   Every news row made the box taller, so the art got WIDER and crept left over the text. Worse, the nine "wide"
   PNGs run from 1.52 to 2.55 aspect, so at the same box height one is 68% wider than another and the same news
   list collided or didn't depending on which one background() randomly picked. Two guards now: the height is
   capped so the art stops growing, and the news table below is capped so the text can never reach the art no
   matter which image loads.
   background-size can only bound ONE axis without distorting the picture, so the art moved to an ::after box that
   is bounded on BOTH: width min(24%,340px), height min(80%,180px), with background-size:contain scaling the image
   to fit inside whichever binds. Aspect ratio preserved, nothing ever cropped, and - the point - the art can no
   longer get wide just because the box got tall. The parent keeps the background-image (admin.js sets it inline)
   but paints it at size 0; ::after picks it up with background-image:inherit.
   The text lane is now padding-right, the exact complement of the art lane, so the two numbers cannot drift apart
   the way a hand-tuned max-width did. Verified on beta over all nine wide PNGs x 5 news counts x 3 window widths
   (football/claude/newsbox_check.php): zero overlaps (worst clearance 18px), zero crops, and no wrapping at all
   at 1200px+. At 1000px the text still wraps - the longest headline is ~830px wide and the box interior is 978px,
   so with any art at all it has to.
   Do NOT run these rules through AjaxMin - it mangles min()/calc() the same way it mangles color-mix(). - Claude 8/13/26 */
#home div#newAtDF3 {position:relative;padding-right:calc(24% + 34px);background-size:0 0;background-repeat:no-repeat;}
#home div#newAtDF3::after {content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);
	width:min(24%, 340px);height:80%;max-height:180px;
	background-image:inherit;background-size:contain;background-repeat:no-repeat;background-position:right center;
	pointer-events:none;}
#home span#newAtDF {font-size:1.2em;text-align:left;font-weight:bold;color:var(--ink,black);}
#home table#newAtDF {margin-left:3em;}
#home table#newAtDF td {padding:.5em 1em 0 0;text-align:left;font-size:1.2em;color:var(--ink,black);}
#home img.circular {border-radius: 50%;}
/* size for home page
#home table#testimonials {width:600px;}
#home table#testimonials tr.grid td {width:30px;}
*/
#home table#testimonials {width:510px;}
#home table#testimonials2 {width:100%;}
#home table#testimonials tr.grid td,#home table#testimonials2 tr.grid td {width:30px;}
#home table#testimonials td,#home table#testimonials2 td {text-align:left;padding-bottom:2em;font-size:1.2em;font-weight:bold;}
#home table#testimonials td.last {padding-bottom:0em;}
#home table#testimonials span.niceguy,#home table#testimonials2 span.niceguy {padding-left: 100px;color:#a5d3ca}
#home table#diamonds td {padding-left:1em;padding-right:1em;text-align:center;}
#home div.homeBox div#tenpercent {margin:1em;padding:5px;border: 2px solid #CC0000;background-color:#fff;text-align:center;}
#home div.homeBox div#tenpercent img {padding:0;}
#home div.homeBox div#tenpercent a {color:#CC0000;}
#home button {font-size:1em;padding:.2em;background-color:var(--btn-bg,#8DC7BC);color:#000033;border-color: var(--panel-border,#4A9586);}
#home button:hover, #home button:focus {background-color:#F4FA58;background-image:none;transform: scale(1.05);
					transition: background .2s ease-in, transform .2s ease-out;}
#home p.center {text-align:center;}

/*---- All other pages ----*/
#main {padding:.5em 1.5em 1.5em 1.5em;background-color:var(--content-bg,#FAFEFB);color:var(--ink,#000);margin:.5em .5em 0em .5em;border:0;font-size:.8em;border-radius:6px;}
	#main span#gobackbutton {position:relative;top:-5px; left:10px;}
	#main p.center {text-align:center;}
	#main a.a {color:var(--ink,black);font-weight:normal;}
	#main a.a:hover, #main a.a:focus {background-color:#FFF7B7;border:1px solid #8DC7BB;border-radius:6px;padding:.3em;}
	#main a.hovering  {border:3px solid var(--panel-border,#4A9586);}
	#main button.floatRight{float:right;}
	#main span.floatRight{float:right;}
	#main div.floatLeft{float:left;margin-right:1em;}
	#main .side {width:20%;float:right;padding:.5em .5em .5em;text-align:right;}
	#main a#downloadButton img {float:right;padding:.2em;}
	#main button {font-size:1em;padding:.2em;background-color:var(--btn-bg,#8DC7BC);color:#000033;border-color: var(--panel-border,#4A9586);}
	#main button:hover, #main button:focus {background-color:#F4FA58;background-image:none;transform: scale(1.05);
					transition: background .2s ease-in, transform .2s ease-out;}
	#main button.selectedButton, #main button.selectedButton:hover {color:#FFF;background-color:#4A9587;background-image:none;}
	#main button.last {font-size:10em;padding:.2em 0em .2em .2em;background-color:var(--btn-bg,#8DC7BC);color:#000033;border-color: var(--panel-border,#4A9586);}
	#main p.indent {margin:0em 0em 0em 3.5em;}
	#main div#glossary p {margin:0em 0em 0em 2em;}
	#main div#glossary h3 {font-weight:bold;font-size:1em;margin-top:10px;}
	#main div.yellowBox {margin:0em 3em 0em 3em;padding:1em;border:1px solid #8DC7BB;border-radius:6px;background-color:#FFFF99;text-align:center;}
	#main h1 {padding:.5em 0em .5em 0em;color:var(--heading,#003333);}
	#main h2 {padding:.5em 0em .5em 0em;color:var(--heading,#003333);}
	#main ul, #main ol {margin-left:3em;}
	#main td.em {font-style:italic;}
	#main tr.hidden {visibility:hidden;}
	#main textarea {width:900px;height:75px;border-color:var(--panel-border,#4A9586);border-radius:4px;padding:.2em;background-color:var(--input-bg,#E7F3F0);}
	#main input.lineEntry,#main select.lineEntry  {border:1px solid var(--panel-border,#4A9586);border-radius:4px;padding:.2em;background-color:var(--input-bg,#E7F3F0);margin:.3em;box-shadow:0 2px 6px rgba(0,0,0,.35);}
	#main input.buttonEntry  {padding:.2em;background-color:var(--btn-bg,#8DC7BC);}
	#main input.topLineEntry {border:1px solid var(--panel-border,#4A9586);padding:.2em;background-color:var(--input-bg,#E7F3F0);margin-top:.3em;margin-right:.3em;margin-left:.3em;}
	#main input.bottomLineEntry {border:1px solid var(--panel-border,#4A9586);padding:.2em;background-color:var(--input-bg,#E7F3F0);margin-bottom:.3em;margin-right:.3em;margin-left:.3em;box-shadow:0 2px 6px rgba(0,0,0,.35);}
	#main input.lineEntry:hover,#main select.lineEntry:hover,#main input.lineEntry:focus,#main select.lineEntry:focus {background-color:#FFFBDF;}
	#main input.topLineEntry:hover,#main input.topLineEntry:focus {background-color:#FFFBDF;}
	#main input.bottomLineEntry:hover,#main input.bottomLineEntry:focus {background-color:#FFFBDF;}
	#main textarea:hover,#main textarea:focus {background-color:#FFFBDF;}
	#main input:disabled,#main select:disabled,#main textarea:disabled,#main button.off,#body2 #main button.off {background-color:#F5F5F0;}
	/* My Watch List button: green when off (disabled), white when on (enabled) - Claude 6/27/26 */
	#main button#myWatchList.off {background-color:var(--btn-bg,#8DC7BC);}
	#main button#myWatchList.on  {background-color:#F5F5F0;}
/*	#main input.bids, #main input.deposits, #main input.tfd {border:1px solid #4A9586;padding.2em;background-color:#F8F8F8;margin:.3em;}*/
	#main input.bids, #main input.deposits, #main input.tfd {border:1px solid var(--panel-border,#4A9586);padding:.2em;background-color:var(--content-bg,#F8F8F8);margin:.3em;}
	#main td.right{text-align:right;}
	#main td.center{text-align:center;}
	#main td.left{text-align:left;}
	#main td.top{vertical-align:top;}
	#main td.bottom{vertical-align:bottom;}
	#main input.right {text-align:right;}
	#main tr.header td,#main tr.header th {text-align:center;background-color:var(--header-bg,#8DC7BB);padding-right:.3em;padding-left:.3em;font-weight:normal;}
	#main tr.safeGuardHeader td {background-color:var(--header-bg,#8DC7BB);padding-right:.3em;padding-left:.3em;}
	#main tr.subHeader td {text-align:center;background-color:var(--header-bg,#8DC7BB);padding-right:.3em;padding-left:.3em;}
	#main tr.majorHeader td {background-color:var(--major-bg,#4A9586);color:var(--major-text,#F8F8F8);font-size:1.2em;text-align:center;padding:.3em;}
	#main tr.divider td {text-align:center;background-color:#D6C485;font-weight:bold;}
	#main tr.ignore td {background-color:#999999;padding-right:.3em;padding-left:.3em;}
	#main tr.ignoreLight td {background-color:#CCCCCC;padding-right:.3em;padding-left:.3em;}
	#main tr.detail td {background-color:var(--row-bg,#E7F3F1);padding-right:.3em;padding-left:.3em;}
	#main tr.detailLight td {background-color:var(--content-bg,#F8F8F8);padding-right:.3em;padding-left:.3em;}
	#main tr.detailWhite td {background-color:#F7FBFA;padding-right:.3em;padding-left:.3em;font-size:.8em;}
	#main tr.detailColor td {background-color:var(--header-bg,#8DC7BB);padding-right:.3em;padding-left:.3em;}
	#main tr.detailTotal td {background-color:var(--row-bg,#E7F3F1);padding-right:.3em;padding-left:.3em;font-weight:bold;}
	#main tr.MFL td {background-color:#F7FBFA;padding-right:.3em;padding-left:.3em;}
	#main tr.DFF td {background-color:#CFE7E2;padding-right:.3em;padding-left:.3em;}
	#main tr.rightnow td {background-color:#F5F7C4;padding-right:.3em;padding-left:.3em;}
	#main tr.myTeam td {background-color:#C0E0DA;padding-right:.3em;padding-left:.3em;}
	#main tr.red td {background-color:#FFDBFB;padding-right:.3em;padding-left:.3em;}
	#main tr.myTeamRed td {background-color:#FEA9F3;padding-right:.3em;padding-left:.3em;}
	#main table#schedule td.highlightColumn {background-color:#C0E0DA;}
	#main img.floatRight {margin: 0px 0px 0px 10px;float:right;}
	#main img.floatLeft {margin: 0px 10px 0px 0px;float:left;}
	#main img.icon,#main img.support {border:1px solid var(--panel-border,#4A9586);background-color:var(--input-bg,#E7F3F0);padding:0em;}
	#main img#icon,#main img#support {margin:.3em;}
	#main img.lobbyPic {margin:.5em .5em .5em .5em;}
/*	#main img#charity {margin:1em .5em .5em .5em;}
	#main img#warriors {margin:0em .5em 0em .5em;}*/
	#main p#hostMessage{color:red;font-weight:bold;font-size:1.2em;}
	#main .bold {font-weight:bold;}
	#main p.red {font-weight:bold;color:red;}
	#main span.red {font-weight:bold;color:red;}
	#main span.orange {color:orange;}
	#main td.red {font-weight:bold;color:red;}
	#main span.blue {font-weight:bold;color:blue;}
	#main span.green {font-weight:bold;color:green;}
	#main span.draftblue {font-weight:bold;color:white;background-color:blue;margin-left:2px;margin-right:2px;}
	#main span.draftred {font-weight:bold;color:white;background-color:red;margin-left:2px;margin-right:2px;}
	#main td#instructions {font-size:.8em;}
	#main button#autopick {background-color:red;border-color:black;color:white;}
	#main button#autopick:hover, #main button#autopick:focus {background-color:#888;}
	#main button.redButton {background-color:#ff3300;}
	#main div.narrative {padding:.5em 1em .5em 1em;border:1px solid #C8B400;border-radius: 6px;background-color:#FFFBDF;}
	#main div.balancerNarrative{padding:.5em 1em .5em 1em;border:1px solid #C8B400;background-color:#FFFBDF;color:#000;text-align:left;}
	#main div.hideMe{visibility:hidden;}
	
	#main table#crumbs td#box1 {margin:0px;padding:0px;font-size:.8em;width:250px;text-align:left;}
	#main table#crumbs td#box2 {margin:0px;padding:0px;width:404px;text-align:center;}
	#main table#crumbs td#box2 select {cursor:pointer;background-color:#000;color:#8DC7BB;border:2px solid var(--panel-border,#4A9586);border-radius:6px;font-size:1.2em;padding:.2em;font-weight:bold}
	#main table#crumbs td#box2 select:hover, #main table#crumbs td#box2 select:focus {background-color:#505050;}
	#main table#crumbs td#box3 {margin:0px;padding:0px;font-size:.8em;width:250px;text-align:right;color:var(--accent-bg,#23819C);}
	
	#main p.betaMode {font-style:italic;}
	#main div.center {text-align:center;}
	
	#main table td.alignTop {vertical-align:top;}
	
	#main table#aboutus img {margin: 0em 1em .5em 0em;}
	#main table#aboutus td {padding: .5em 1em 0em 0em}	

	#main div#prizes {margin-left:0px;}
/*	#main table.prizes td.column {width:225px;}*/
	#main table.prizes td.column {width:180px;}
	#main table.prizes  {border:1px solid var(--panel-border,#4A9586);border-collapse:collapse;margin:0;width:100%}
	#main table.prizes  td.heading {border-left:2px solid var(--panel-border,#4A9586);border-top:2px solid var(--panel-border,#4A9586);border-right:2px solid var(--panel-border,#4A9586);border-bottom:1px solid var(--panel-border,#4A9586);
			margin:0;border-collapse:collapse;font-size:1.2em;padding:.3em;}
	#main table.prizes td.majorHeader {background-color:var(--major-bg,#4A9586);}
	#main table.data {border:1px solid var(--panel-border,#4A9586);border-collapse:collapse;margin:0;padding:0;width:100%;}
	#main table.data  td.section {margin:0;text-align:center;border:1px solid var(--panel-border,#4A9586);font-size:1.2em;padding:.3em;color:var(--ink,#000);background-color:var(--header-bg,#8DC7BB);}
	#main table.data  td {margin:0;padding:.2em .5em .2em .5em;background-color:var(--row-bg,#E7F3F1);font-size:.8em;}
	
	#main span#timezone {font-weight:bold;}
	
	#main table#reconciliation {font-size:.8em;}
	
	#main table#leagues td {margin:0;padding:.3em;border:1px solid var(--panel-border,#4A9586);}
	#main table#leagues {border-collapse:collapse;}
	/* The action buttons below all carry an EXPLICIT width, and a <button> is border-box, so the
	   corner-derived side padding added 8/4 (skins-live.css) eats inward and squeezes the label rather
	   than widening the box — worst on HOLD, which had the least slack for its four characters.
	   Each width bumped +0.2em (Lee 8/5/26, "increase the size of the lobby buttons marginally"),
	   alongside cutting that padding factor .30 -> .24. Safe to widen: these cells set no width and the
	   table is auto-layout, so the column grows to fit instead of clipping. - Claude 8/5/26 */
	#main table#leagues button.join {background-color:#F8F8F7;background-image:none;color:#000;width:3.8em;}
	#main table#leagues button.join:hover, #main table#leagues button.join:focus {background-color:#F4FA58;}
	#main table#leagues button.buy {background-color:#F8F8F7;background-image:none;color:#000;width:3.4em;}
	#main table#leagues button.buy:hover, #main table#leagues button.buy:focus {background-color:#F4FA58;}
	#main table#leagues button.pay {background-color:#F8F8F7;background-image:none;color:#000;width:3.4em;}
	#main table#leagues button.pay:hover, #main table#leagues button.pay:focus {background-color:#F4FA58;}
	#main table#leagues button.hold {background-color:#F8F8F7;background-image:none;color:#000;width:3.7em;}
	#main table#leagues button.hold:hover, #main table#leagues button.hold:focus {background-color:#F4FA58;}
	#main table#leagues button.leaveShow {background-color:#F8F8F7;background-image:none;color:#000;width:4.1em;}
	#main table#leagues button.leaveShow:hover, #main table#leagues button.leaveShow:focus {background-color:#F4FA58;}
	#main table#leagues button.paid {background-color:var(--chip-go,#4AE371);background-image:none;color:var(--chip-go-ink,#000);width:3.4em;}
	#main table#leagues button.paid:hover {cursor:default;}
	#main table#leagues button.held {background-color:var(--chip-go,#4AE371);background-image:none;color:var(--chip-go-ink,#000);width:3.4em;}
	#main table#leagues button.held:hover {cursor:default;}
	#main table#leagues button.dropped {background-color:var(--chip-stop,#F6D8CE);background-image:none;color:var(--chip-stop-ink,#000);width:4.1em;}
	#main table#leagues button.dropped:hover {cursor:default;}
	#main table#leagues button.selectLeague {width:10em;}
	#main table#leagues td.swatch, #main table#playersearch td.swatch {width:.8em;color:white;padding:.2em;}
	#main table#leagues td span.red, #main p#hostMessage, span#invite {color:red;font-weight:bold;}
	#main table#projection td {width:6em;}
	
	#main table.money td {padding:.5em 0em 0em 1em;}
	#main table.money td.tdBalance {font-size:1em;font-weight:bold;}
	#main table.money td.tdDeposits {font-size:1em;font-weight:bold;}
	#main table.money td.tdPrepays {font-size:1em;font-weight:bold;}
	#main table.money td.tdBonus {font-size:1em;font-weight:bold;}
	#main table.money td.tdUnclaimed {font-size:1em;font-weight:bold;}
	#main button.moneyButton {width:180px;}
	#main button.claimPrizes {width:180px;background-color:#E994AB;color:#000033;border-color: #D73E68;}
	#main button.claimPrizes:hover, #main button.claimPrizes:focus {background-color:#F4FA58;transform: scale(1.05);
					transition: background .2s ease-in, transform .2s ease-out;}
	#main table.money td.threepct {font-size:1em;padding:1em 0em .5em 1em;}
	#main span#almost {font-size:.8em;font-weight:bold;}

	#main table.lobby td {vertical-align:top;}
	#main table.lobby td p.lobbyMoney {font-size:1em;font-weight:bold;}
	#main table#leagues span.deposit {font-size:.7em;}
	#main td span.positionList {font-size:.8em;}
	#main td span.positionListLobby {font-size:.8em;}
	
	#main table#legend td.white {font-size:.8em;font-weight:bold;}
	#main table#legend td.DFF {border:1px solid var(--panel-border,#4A9586);background-color:#CFE7E2}
	#main table#legend td.MFL {border:1px solid var(--panel-border,#4A9586);background-color:#F7FBFA;}

	#main table#options {border:1px solid var(--panel-border,#4A9586);background-color:var(--row-bg,#E7F3F1)}
	#main table#options td {vertical-align:top;padding:.2em .2em .2em .6em;}
	#main table#options td.vcenter,#main table#leagues td.vcenter {vertical-align:middle;}

	#main table#loadData td {border:1px solid var(--panel-border,#4A9586);border-collapse:collapse;padding:.1em;margin:0;}
	#main table.loadData td {border:1px solid var(--panel-border,#4A9586);border-collapse:collapse;padding:.1em;margin:0;}
	#main table#loadData td.green {background-color:#BDF4CB;}
	#main table#loadData td.red {background-color:#FFBBBB;}
	#main table#loadData td.sync {font-size:.8em;}
	#main table#loadData button.sync {padding:.1em;}
	#main button.unavailable {padding:0em;}
	
	#main div#creditCardWait {color:red;font-weight:bold;}
	
	#main span#humanQuestion {font-weight:bold;}
	
	#main tr.allLeagues td.twinbaby {background: linear-gradient(to bottom, #FF7373 0 50%, 	#9191FF 50% 100%);}
	#main tr.allLeagues td.tinbaby {background-color:#DEDEDE;}
	#main tr.allLeagues td.copper {background-color:#856341;}
	#main tr.allLeagues td.bronze {background-color:#DB9900;}
	#main tr.allLeagues td.gold {background-color:#FFDF00;}
	#main tr.allLeagues td.silver {background-color:#A2A2A2;}
	#main tr.allLeagues td.platinum {background-color:#008B8B;}
	#main tr.allLeagues td.diamond {background-color:#8CEFFD;}
	#main tr.allLeagues td.ruby {background-color:#FF8E8E;}
	#main tr.allLeagues td.blackdiamond {background-color:#000000;color:#FFCC00;}
	
	#main span.copper {background-color:#856341;color:white;padding:.2em;}
	#main span.bronze {background-color:#DB9900;color:white;padding:.2em;}
	#main span.silver {background-color:#A2A2A2;color:white;padding:.2em;}
	#main span.ruby {background-color:#FF8E8E;color:white;padding:.2em;}

	#main p.smallPrint,#main span.smallPrint,#main div.smallPrint,#main td.smallPrint {font-size:.8em;}
	#main p.largePrint,#main span.largePrint,#main div.largePrint,#main td.largePrint {font-size:1.2em;line-height:1.5em;}
	#main table#smallPrint {font-size:.8em;}
	#main a, #main a:visited, #main a:focus {color:var(--accent-bg,#23819C);font-weight:bold;}
	#main a:hover, #main a:focus {color:var(--accent,#4A9586);}
	#main td span.tooltip, #main span.tooltip, #main td.tooltip {margin:0;padding:0;}
	#main td span.tooltip:hover, #main span.tooltip:hover, #main td.tooltip:hover {cursor: help;}
	.mytooltipClass {color:var(--accent-bg,#23819C) !important;font-weight:bold !important;border:1px solid var(--accent-bg,#23819C) !important;padding:.5em !important;max-width:400px !important;white-space: pre-line !important;}		/* for line breaks in tooltip */
	.mytooltipClass {opacity:1 !important;} /* removes transparency */
	
	#main h3.openHead {padding: 0em;margin-left:2em;font-size:1em;}
	#main a.openHead h2 {padding: 0em;margin-left:2em;font-size:1em;}
	#main a.openHead:hover h2, #main a.openHead:focus h2 {color:#59955C;}
	#main div.openDiv {padding:.5em 1em .5em 1em;border:1px solid var(--panel-border,#4A9586);background-color:var(--row-bg,#E7F3F1);margin:.5em 0em 0em 2em;}
	#main div.playerNews {min-height:85px;}

	#main table#injuries {background-color:var(--row-bg,#E7F3F1);border:1px solid var(--panel-border,#4A9586);}
	#main table#injuries td {padding-left:.3em;}
	#main div.injuriesSide {width:35%;float:right;padding:.5em .5em .5em;}

	#main table.articles tr td {padding:.7em;}
	#main #articles div.openDiv  {margin:0em;background-color:var(--content-bg,#FAFEFB)}
	#main #myPlayerNews a.openHead h2 {margin-left:0em;font-size:.8em;}
	#main #myPlayerNews div.openDiv {width:35em;min-height:85px;padding:.5em 1em .5em 1em;border:1px solid var(--panel-border,#4A9586);background-color:var(--row-bg,#E7F3F1);margin:.5em 0em 0em 0em;font-size:.8em;}
	#main table#articleTable td {border:1px solid var(--panel-border,#4A9586);border-collapse:collapse;padding:.1em;margin:0;}
	
	#main table#money td {margin:0;padding:.3em;border:1px solid var(--panel-border,#4A9586);}
	#main table#money {border-collapse:collapse;}

	#main table#leagues a.myLeagues {margin:.2em; font-size:.8em;padding:.3em;background-color:var(--btn-bg,#8DC7BC);color:var(--ink,#000);display:block;width:9.4em;border:1px solid var(--panel-border,#4A9586);border-radius:4px}
	#main table#leagues a.enabled {margin:.2em; font-size:.6em;padding:.2em;background-color:var(--btn-bg,#8DC7BC);color:var(--ink,#000);border:1px solid var(--panel-border,#4A9586);border-radius:4px}
	#main table#leagues span.notEnabled {margin:.2em; font-size:.8em;padding:.3em;background-color:#F5F5F0;color:#000;border:1px solid var(--panel-border,#4A9586);border-radius:4px;font-weight:bold;}
	#main table#leagues td.fixedTeamName {width:100px;word-break:break-all;word-wrap: break-word;}
	#main table#leagues a.contact {margin-top:.2em;font-size:.7em;}
	#main table#leagues a.watch {margin-top:.2em;font-size:.7em;}
	#main table#leagues a.myLeagues:hover, #main table#leagues a.myLeagues:focus {background-color:#F4FA58;}
	#main table#leagues a.enabled:hover, #main table#leagues a.enabled:focus {background-color:#F4FA58;}

	#main input.addressEntry {
		border-left:1px solid var(--panel-border,#4A9586);
		border-top:1px solid var(--panel-border,#4A9586);
		border-right:1px solid var(--panel-border,#4A9586);
		border-radius:6px 6px 0px 0px;
		padding:.2em;background-color:var(--input-bg,#E7F3F0);margin:0em .3em 0em .3em}
	#main input.addressBottom {border:1px solid var(--panel-border,#4A9586);padding:.2em;background-color:var(--input-bg,#E7F3F0);margin:0em .3em 0em .3em;box-shadow:0 2px 6px rgba(0,0,0,.35);border-radius:0px 0px 6px 6px;}	
	#main input.disabled {background-color:#F5F5F0;}
	
	#main td#paypal {padding:2em;border:1px solid var(--panel-border,#4A9586);}
	
	#main span#bonusOffer {color:var(--heading,#003333);font-size:1.2em;}

	#main p#sslNotice {color:red;font-weight:bold;}
	
	#main div#query {float:right;width:60%;}
	#main div#queryCustomer {float:right;width:75%;}
	#main div#queryPickNumber {float:right;width:50%;}
	
	/* THE LIVE SCORING PILL. --attention is the skins' "live / notable / featured" colour
	   (skin-base.css), deliberately NOT --danger, which means destructive. It was hard-coded `red`
	   here until 8/23/26 (Lee), so it ignored whatever skin the customer had chosen and sat there as
	   the one un-skinned element on the page - skin-base.css has named this pill as --attention's
	   first example since the skins shipped, and nothing was ever wired to it.
	   Every var keeps its old literal as a fallback, so a context that loads this sheet without the
	   skin layer still gets exactly what it got before. Hover follows the skins idiom too: lift the
	   button's OWN colour rather than replacing it with grey, which on amber read as "disabled".
	   - Claude 8/23/26 */
	#main span#livestats, #home span#livestats {border:1px solid #000; background-color:var(--attention,red);color:var(--attention-text,#fff);font-size:1.4em;padding:.3em .5em .3em .5em;font-style:italic;border-radius:6px;}
	#main span#livestats:hover, #home span#livestats:hover {filter:var(--hover-lift,brightness(1.12));}
	#main a#livegames, #home a#livegames {color:var(--attention-text,#fff);}
	/* NO GAME TODAY (Lee 8/23/26). On the PLAY page the pill is now permanent - people go there to
	   reach live scoring whether or not the NFL is playing, and hiding it made the page a dead end six
	   days a week. But --attention means "live right now", so off-gameday it drops to the ordinary
	   button colours instead of shouting. admin.php stamps the class; every other page still hides the
	   pill outright, so this rule only ever fires on Play.
	   THE CHAIN BELOW IS COPIED EXACTLY FROM skins-live.css:89 - var(--btn-surface, var(--btn-bg)) and
	   its two siblings - and it has to stay that way. This rule first shipped with a hardcoded
	   color:#000033 lifted from desktop.css's PRE-SKINS #main button rule, and on Onyx that put near-
	   black text on the skin's #027cbc button fill: dark on dark, reported by Lee 8/23/26. Fill, ink
	   and edge are a SET in every skin (onyx.css:78 declares --btn-bg with --btn-text:#ffffff beside
	   it), so taking one from the skin and one from a literal is what breaks. Mode tokens first
	   (--btn-surface/-line/-ink, set only by modes.css), then the skin's --btn-*, then the old
	   literals for anything loading this sheet with no skin layer at all. - Claude 8/23/26 */
	#main span#livestats.noGame, #home span#livestats.noGame {background-color:var(--btn-surface,var(--btn-bg,#8DC7BC));color:var(--btn-ink,var(--btn-text,#000033));border-color:var(--btn-line,var(--btn-border,#4A9586));font-style:normal;}
	#main span#livestats.noGame a#livegames, #home span#livestats.noGame a#livegames {color:var(--btn-ink,var(--btn-text,#000033));}
	/* DASHBOARD ONLY (Lee 8/23/26): the pill shares a line with #doThis ("Launch Live Auction"), so it
	   has to carry that button's font-size or the two sit at different heights. The
	   pill keeps its own 1px border, which is what the button already has - MEASURED in Chrome at 80%
	   zoom, both 21.9px tall, rather than assumed. Horizontal padding is roomier than the button's and
	   deliberately so: it does not touch height, and .2em all round left the pill looking cramped.
	   vertical-align on both, because an inline-block span and a button align on different baselines.
	   Scoped to #sponsorLogo, which is the dashboard header block and nothing else. - Claude 8/23/26 */
	#main #sponsorLogo span#livestats {font-size:1em;padding:.2em .5em;vertical-align:middle;}
	#main #sponsorLogo button#doThis {vertical-align:middle;}
	#main .playSide {width:20%;float:right;padding:.5em .5em .5em;text-align:right;}
	
	#main .leagueSide {width:50%;float:right;padding:.5em .5em .5em;text-align:right;}
	#main .leagueMaintSide {width:35%;float:right;padding:.5em .5em .5em;text-align:right;}
	#main .changeSide {width:25%;float:right;padding:.5em .5em .5em;text-align:right;}
	#main table.standingsTable {margin:0em 0em 2em 2em;}
	#main table.roster tr.standings td.redTeam {background-color:#E994AB;}
	#main table.roster tr.standings td.blueTeam {background-color:#8EB4E6;}

	#main table.rosters tr.header td a,#main table.rosters tr.header td a:visited,#main table.rosters tr.header td a:focus {color:#ffecec;}
	#main table.rosters td.rostersTD {vertical-align:top;padding:0em 1.5em 4em 1.5em;}
	#main table.roster td {margin:0;padding:.3em;border:1px solid var(--panel-border,#4A9586);}
	#main table.roster tr.header td {background-color:var(--major-bg,#4A9586);color:var(--major-text,#F8F8F8);font-size:1.2em;}
	#main table.roster tr.subHeader td {background-color:var(--header-bg,#8DC7BB);color:var(--ink,#000);}
	#main table.roster tr.highlighted td{background-color:#C0E0DA;}
	#main table.roster tr.standings td{background-color:var(--row-bg,#E7F3F1);}
	#main table.roster td.playerBox {width:280px;}
	#main table.roster td.pointsBox {width:40px;text-align:right;}
	#main table.roster td.teamBox {width:340px;}
	#main table.roster td.dataBox {width:65px;}
	#main table.roster td.visitBox {width:110px;}
	#main table.roster td.visitData {font-size:.8em;}
	#main table.roster td.startPos {background-color:#C0E0DA;}
	#main table.roster td.benchPos{background-color:var(--row-bg,#E7F3F1);}
	#main table.roster td.positionBox {width:40px;}
	#main table.roster td.positionBoxRed {background-color:#E994AB;width:40px;}
	#main table.roster td.positionBoxBlue {background-color:#8EB4E6;width:40px;}
	#main table#roster td.positionBoxRed {background-color:#E994AB;}
	#main table#roster td.positionBoxBlue {background-color:#8EB4E6;}
	#main table.roster td.overLimit {color:red;font-weight:bold;}
	#main table.roster {border-collapse:collapse;}

	#main table.roster tr.standings td.weekBox {width:30px;text-align:right;background-color:var(--header-bg,#8DC7BB);}
	#main table.roster tr.standings td.oppoBox {width:240px;}
	#main table.roster tr.standings td.scoreBox {width:130px;}
	#main table.roster tr.standings td.winnerBox {width:130px;background-color:var(--header-bg,#8DC7BB);}
	
	#main .keeperSide {width:40%;float:right;padding:.5em .5em .5em;text-align:right;}
	
	#main table.brackets  {border-collapse:collapse;margin:0;}
	#main table.brackets td {width:200px;padding:1.5em .2em .2em .5em;margin:0em;font-size:.8em}
	#main table.brackets td.btop {border-top:2px solid var(--panel-border,#4A9586);}
	#main table.brackets td.bright {border-right:2px solid var(--panel-border,#4A9586);}
	#main table.brackets td.bbottom {border-bottom:2px solid var(--panel-border,#4A9586);}
	#main table.brackets td.bleft {border-left:2px solid var(--panel-border,#4A9586);}
	#main table.brackets td.spacer {width:50px;}
	#main table.brackets h2 {padding: 0em;color:var(--heading,#003333);}
	#main table#regularBrackets td {padding:1.5em .2em .2em .5em;}
	#main table#contenderBrackets td {padding:1.0em .2em .2em .5em;}
	
	#main p.revision {font-size:.8em;}

	#main textarea#emails {width:400px;height:180px;}
	#main textarea#letter {width:900px;height:150px;}
	
	#main table.bench td {padding:10px;}
	#main table.lineup {border:1px solid var(--panel-border,#4A9586);border-collapse:collapse;margin:.5em 0em .5em 0em;}
	#main table#lineupBench,#main table#futureLineup {margin-left:2em;}
	#main table.lineup td {padding:.5em .5em .5em .2em}
	#main table.lineup td.lineupPos {background-color:var(--major-bg,#4A9586);color:var(--major-text,#F8F8F8);width:30px;height:18px;padding:.6em;}
	#main table.lineup td.lineupPosRed {background-color:#990033;color:var(--major-text,#F8F8F8);width:30px;height:18px;padding:.6em;}
	#main table.lineup td.lineupPosBlue {background-color:#003399;color:var(--major-text,#F8F8F8);width:30px;height:18px;padding:.6em;}
	#main table.lineup td.lineupPlayer {background-color:var(--row-bg,#E7F3F1);width:296px;padding:0em;vertical-align:bottom;}
	#main table.lineup td.lineupPlayer div.playerName {padding: 0;height:2em;}
/* Changed position when I went to fantasypros images
	#main table.lineup td.lineupPlayer div.playerName span.nameOnly {position:relative;top:-25px; left:34px;}*/
	#main table.lineup td.lineupPlayer div.playerName span.nameOnly {position:relative;top:-25px; left:36px;}
	#main table.lineup td.lineupOppo {background-color:var(--row-bg,#E7F3F1);width:68px;padding:0em;font-size:.8em;}
	#main span.projection {font-size:.8em;font-weight:bold;color:#338575;}
	#main table.lineup td.lineupWhen {background-color:var(--row-bg,#E7F3F1);width:60px;text-align:right;padding-left:0em;font-size:.8em;}
	#main table.lineup tr.drag:hover td.lineupPlayer {background-color:var(--header-bg,#8DC7BB);}
	#main table.lineup tr.drag:hover td.lineupPoints {background-color:var(--header-bg,#8DC7BB);}
	#main table.lineup button.activate {font-size:.8em;padding:.1em .3em .1em .3em;}	
	#main table.lineup button.deactivate {font-size:.8em;padding:.1em .3em .1em .3em;}	
/* Changed width when I went to fantasypros images
	#main table.lineup div.picIn {background-color:#E7F3F1;height:31px;width:24px;margin:1px 3px 3px 3px;padding:0px 0px 0px 2px;}*/
	#main table.lineup div.picIn {background-color:var(--row-bg,#E7F3F1);height:31px;width:28px;margin:1px 3px 3px 3px;padding:0px 0px 0px 2px;}
	#main table.lineup div.picInRadius {border-radius:10px 10px 0px 0px;}
/* Changed width when I went to fantasypros images
	#main table.lineup div.picOut {background-color:#8DC7BB;width:31px;height:33px;padding:2px 2px 0px 0px;}*/
	#main table.lineup div.picOut {background-color:var(--header-bg,#8DC7BB);width:34px;height:33px;padding:2px 2px 0px 0px;}
	#main table.lineup img.lineupPicture {padding:.1em 0 0 0;float:left;}
	#main table.droppable tr td.lineupPlayer {background-color:var(--header-bg,#8DC7BB);}
	#main table.droppable tr td.lineupPoints {background-color:var(--header-bg,#8DC7BB);}
	#main table.hovering  tr {border:3px solid var(--panel-border,#4A9586);}

	#main table#preferences input[type=checkbox] {margin:.3em .3em 0em .3em;}
	
	#main img#creditPicture {padding:0em 0em .5em 0em;}
	#main p#important {font-size:1.4em;}
	#main button#madePayment, #main button#abortedPayment {font-size:1.4em;}
	
	#main table#mflRosters td, #main table#runWaivers td, #main table#gameResults td #main table#setLineups td {padding:.2em;}
	
	#main table.match span.drag:hover {background-color:var(--header-bg,#8DC7BB);}
	#main table.match span#drag {background-color:#A3FEBA;border:1px solid var(--panel-border,#4A9586);padding:1em;}
	#main table.match span#drop{background-color:#FFBBBB;border:1px solid #FF4848;padding:1em;}
	#main table.match span.hovering  {border:3px solid var(--panel-border,#4A9586);}

	#main div.tradeBox {border:1px solid var(--panel-border,#4A9586);padding:1em;width:370px;}
	#main table#trade {border-spacing:40px;}
	#main tr.tradeHeader td {text-align:center;background-color:var(--header-bg,#8DC7BB);padding:.2em;border:none;border-collapse:collapse;font-size:1.2em;font-weight:bold;}
	#main tr.tradeSubHeader td {background-color:var(--row-bg,#E7F3F1);padding:.2em;border:none;border-collapse:collapse;font-weight:bold;}
	#main tr.tradeDetail td {background-color:var(--row-bg,#E7F3F1);padding:.2em;border:none;border-collapse:collapse;}
	#main div.tradeSection {margin:.2em;}
	#main div.tradeHint {font-style:italic;text-align:center;font-weight:bold;}

	#main textarea#baitNotes {width:390px;}

	#main textArea#myMessage {width:390px;height:395px;}
	#main textArea#teamMessage,#main textArea#colludeMessage {width:860px;height:100px;}
	#main button.sendMessageButton {margin:.2em;}
	
	#main table#messageTable {border-spacing:20px;}
	#main a.openHead span.newMessage {color:red;}	
	#main a.openHead span.messageDate {color:var(--ink,black);font-weight:normal;}
	
	#main img#charch {margin: 10px 40px 0px 0px;float:left;}
	#main p#leagueSafe {font-size:.8em;font-weight:bold;}
	
	#main table#loginAs {font-size:.8em;}
	#main table#loginAs td {border-bottom:1px solid black;}
	
	#main div#update {font-weight:bold;}
	
	#main #chatRoom div#chat {border:1px solid var(--panel-border,#4A9586);background-color:var(--content-bg,#F8F8F8);padding:.3em;margin:0;max-width:878px;}
	#main #chatRoom div#emoji {border:1px solid var(--panel-border,#4A9586);background-color:var(--content-bg,#F8F8F8);padding:.3em;margin:0;max-width:878px;}
	#main #chatRoom div#chat span.commish {color:red;}
	#main #chatRoom div#chat span.team {color:var(--accent,#4A9586);}
	#main input#chatEntry  {border:1px solid var(--panel-border,#4A9586);padding:.2em;background-color:var(--input-bg,#E7F3F0);margin:0em;color:var(--accent,#4A9586);width:830px;vertical-align:middle;}	/* SEND sat low: input+button aligned on their text BASELINES, so the button's differing padding/border pushed its box down. Centre both instead - Claude 7/26/26 */
	#main textarea.articleChatEntry  {border:1px solid var(--panel-border,#4A9586);border-radius:6px;padding:.4em;background-color:var(--input-bg,#E7F3F0);margin:0em;color:var(--accent,#4A9586);width:879px;}
	#main button#sendChat {padding:.2em .3em .2em .3em;width:50px;vertical-align:middle;}	/* - Claude 7/26/26 */
	
	#main .expertSide {width:55%;float:right;padding:.5em .5em .5em;text-align:right;}
	#main div#expertCenter {width:100%;text-align:center;}
	#main table#experts {border-collapse:collapse;}
	#main table#experts td {border:3px solid var(--panel-border,#4A9586);padding:.5em;margin:0em;}
	#main div#expertHeader {background-color:black;padding-left:1em;}
	#main div#expertHeader h1 {color:white;}
	#main table#experts table.nothing td {border:none;padding:0;margin:0;width:300px;}
	#main table#experts  table.nothing td.expert {font-weight:bold;}
	#main table#experts table.nothing td.narrative {padding-top:.5em;}
	#main table#experts td.expert span.italics {font-style: italic;font-weight:normal;}
	
	#main table .notes {font-size:.8em;}
	#main table .statesText {width:300px;height:80px;margin:10px 10px 10px 5px;}
	#main table .protest {width:300px;height:100px;margin-right:3em;}
	#main textarea.formalcomplaint {width:900px;height:300px;}
	
	#main tr.detail0 td {background-color:var(--row-bg,#E7F3F1);padding-right:.3em;padding-left:.3em;}
	#main tr.detail1 td {background-color:#FE98F1;padding-right:.3em;padding-left:.3em;}
	#main tr.detail2 td {background-color:#FFDBFB;padding-right:.3em;padding-left:.3em;}
	#main tr.detail3 td {background-color:#C0E0DA;padding-right:.3em;padding-left:.3em;}

	#main tr td.ptsTotal {font-weight:bold;text-align:right;}

	#main table.safeGuard {border-collapse:collapse;}
	#main table.safeGuard td {margin:0;padding:.3em;border:1px solid var(--panel-border,#4A9586);background-color:var(--content-bg,#F8F8F8)}
	
	#main table td.keeperCell {text-align:center;padding:.3em;}
	
	#chartdiv {background-color:#000;color:#fff;margin:2em;border:0;font-size:.8em}
	#chartdiv p.smallPrint {font-size:.8em;}
	#main button#chartButton {margin:0 0 0 2em;font-size:1.2em;padding:.4em;background-color:#BBEBFF;color:black;border-color:#62D0FF;}
	
	span.numVotes {background-color:#cc66cc;}
	
	div#SSNdata {background-color:#faecff;border:1px solid #872187;padding:1em;width:530px;}
	
	#main table.dashboard {width:285px;border-collapse:collapse;margin:1.6em 1.6em .2em .2em;}
	#main table.rosteronwaivers {width:370px;}
	#main table.dashboard td {border:1px solid var(--panel-border,#4A9586);border-collapse:collapse;padding:.2em;}
	#main table#chat {table-layout:fixed;}		/* this makes all columns the same width, but it also makes the overflow:hidden work */
	#main table#chat td {overflow:hidden;}
	#main table.articleChat  table#chat td {overflow:auto;}
	#main table.dashboard tr.startPos td {background-color:#C0E0DA;}
	#main button.dashButton {font-size:.6em;padding:.3em;}
	#main table.dashboard td span.commish {color:red;}
	#main table.dashboard td span.team{color:var(--accent,#4A9586);}
	#main table.dashboard td span#clock{padding:.2em;background-color:var(--header-bg,#8DC7BB);border:1px solid black;float:left;}
	
	#main .auditBox {width:40%;float:right;padding:.5em .5em .5em;border:1px solid black;background-color:gold;margin-left:2em;}
	#main .auditBox td {padding:.6em;}
	
	#main #fantasyProsBanner {text-align:center;background-color:black;color:white;}
	#main table#author {background-color:#CFE7E2;border:1px solid var(--panel-border,#4A9586);}
	#main table#author img {margin:1em;border:1px solid var(--panel-border,#4A9586);}
	#main table#author img.noborder {border:0;}
	
	#main table#boards td {margin:0;padding:.3em;border:1px solid var(--panel-border,#4A9586);}
	#main table#boards td.detail {padding:1em;vertical-align:top;}
	#main table#boards {border-collapse:collapse;}
	#main table#boards td.header {text-align:center;background-color:var(--header-bg,#8DC7BB);padding-right:.3em;padding-left:.3em;}
	
	#main span#contactTitle {font-weight:bold;}
	#main textarea#contactMessage {width:900px;height:150px;border-color:var(--panel-border,#4A9586);padding:.2em;background-color:var(--input-bg,#E7F3F0);}
	#main span#contactTeamName, #main span#contactLeagueID {font-weight:bold;color:var(--heading,#003333);}

	#main table#draftVote {border-collapse:collapse;}
	#main table#draftVote td {border:1px solid var(--panel-border,#4A9586);padding:.3em;}
	#main table#draftVote td.mine {background-color:var(--header-bg,#8DC7BB)}
	#main table#draftVote button {width:5.2em;font-size:.9em}
	#main table#draftVote button.no:hover {background-color:var(--chip-neutral,#F8F8F6);transform: none;transition:none;cursor:text;} /* this turns off button hovering */
	/* text too, not just the fill: these inherit #main button's --btn-text, which is WHITE on the
	   modern skins and vanished on the pale chip. Fallback #000033 = the value they inherit today. - Claude 7/26/26 */
	#main table#draftVote button.S0 {background-color:var(--chip-neutral,#F8F8F6);color:var(--chip-neutral-ink,#000033);}
	#main table#draftVote button.S1 {background-color:var(--chip-go,#4AE371);color:var(--chip-go-ink,#000033);}
	#main table#draftVote button.S2 {background-color:var(--chip-stop,#F6D8CE);color:var(--chip-stop-ink,#000033);}
	#main table#draftVote button.S0:hover, #main table#draftVote button.S0:focus {background-color:var(--chip-neutral,#F8F8F6);}
	#main table#draftVote button.S1:hover, #main table#draftVote button.S1:focus {background-color:var(--chip-go,#4AE371);}
	#main table#draftVote button.S2:hover, #main table#draftVote button.S2:focus {background-color:var(--chip-stop,#F6D8CE);}
	#main table#voteLegend td {background-color:transparent;}
	#main table#voteLegend td.voteYes {background-color:var(--chip-go,#4AE371);border:1px solid var(--panel-border,#4A9586);border-radius:6px;}
	#main table#voteLegend td.voteNo {background-color:var(--chip-stop,#F6D8CE);border:1px solid var(--panel-border,#4A9586);border-radius:6px;}
	
	#main table#gridview {border-collapse:collapse;}
	#main table#gridview tr.header td {border:1px solid var(--panel-border,#4A9586);padding:.5em;}
	#main table#gridview tr.detail td {border:1px solid var(--panel-border,#4A9586);padding:.5em;font-size:.8em;}
	
	#main table.webcam tr td {padding-right:.5em;color:var(--ink,#000);}
	#main table.webcam tr td li {padding-bottom:1em;}
	#main table.webcam img {border:2px solid var(--panel-border,#4A9586);}
	#main table#verifyButtons button,#main table#verifyButtons2 button {margin-left:1em;margin-right:1em;width:10em;}
	
	#main div#balancerBox {text-align:center;}
	#main span.barSpan {font-size:.4em;}
	#main table.balancer {border-collapse:collapse;margin:0 auto;}
	#main table.balancer td {border:1px solid var(--panel-border,#4A9586);padding:.3em 1.8em .3em 1.8em;}
	#main table.balancer td.grey {background-color:#F5EFE0;}
	#main table.balancer td.red {background-color:red;}
	#main table.balancer td.green {background-color:green;}
	#main table.balancer td.yellow {background-color:yellow;}
	
	#main p.protestBox {font-weight:bold;font-size:.8em;}
	
	#main table#draftBoard {max-width:180px;font-size:4px;}
	#main table#draftBoard img.floatLeft {margin:0 0 0 0;} 
	#main table#draftBoard {border:1px solid var(--panel-border,#4A9586);border-collapse:collapse;margin:0;}
	#main table#draftBoard td {width:22px;max-width:22px;border:1px solid var(--panel-border,#4A9586);overflow: hidden;vertical-align:top;padding:0;}
	#main table#draftBoard td.number {width:15px;max-width:15px;background-color:var(--header-bg,#8DC7BB);}
	#main table#draftBoard tr.detail td {white-space:nowrap;overflow: hidden;}
	#main table#draftBoard tr.header td {font-size:.8em;overflow: hidden;}	
	#main table#draftBoard td span.fn {font-size:.8em;}
	#main table#draftBoard td.QB {background-color:#FFBBFF;}
	#main table#draftBoard td.RB {background-color:#BEFEEB;}
	#main table#draftBoard td.WR {background-color:#FFFFB5;}
	#main table#draftBoard td.TE {background-color:#CEA8F4;}
	#main table#draftBoard td.PK {background-color:#E4C0B1;}
	#main table#draftBoard td.DE {background-color:#A8CFFF;}
	#main table#draftBoard table.box td {background-color:transparent;border:none;margin:0;padding:0}
	#main table#draftBoard table.box td.smallBox {width:14px;max-width:14px;overflow: hidden;font-size:.8em;font-weight:bold;color:#000066}
	#main table#draftBoard table.box td.bigBox {width:44px;max-width:44px;overflow: hidden;}
	#main table#draftBoard table.inside {margin:0;padding:0;border-spacing:0;}
	#main table#draftBoard table.inside td {background-color:transparent;border:none;margin:0;padding:0}
	
	#main table#withdrawTable {border-collapse:collapse;}
	#main table#withdrawTable td {padding:1em;border: 1px solid var(--panel-border,#4A9586);}
	
	#main table#logoBuilder td {padding-right:1em;}
/*	#main div#place {width:200px; height:200px; max-width=200px; border:2px solid #000; position:relative; background-repeat: no-repeat; background-position:50% 50%;}*/
	#main div#place {width:200px; height:200px; max-width:200px; border:2px solid #000; position:relative; background-repeat: no-repeat; background-position:50% 50%;}
	#main img#place {display:block; position:absolute; top:32%; left:68%; 
		-ms-transform: rotate(22deg);	/* IE 9 */
		-webkit-transform: rotate(22deg);	/* Chrome, Safari, Opera */
		transform: rotate(22deg);
		}
	
	#sitemapHeader {text-align:center;}
	#main #sitemap ul, #main #sitemap ol {list-style-type:none;}
	#main #sitemap ul li.level1 {padding-left:3em;font-size:1.4em;padding-bottom:.6em;padding-top:1em;}
	#main #sitemap ul li.level2 {padding-left:6em;font-size:1em;padding-bottom:.6em;}
	#main #sitemap ul li.level3 {padding-left:9em;font-size:1em;padding-bottom:.6em;}
	
	#main .talkBan {color:red;font-weight:bold;}

	#main a.Done button {background-color:var(--content-bg,#F8F8F8);}
	#main button.Done {background-color:var(--content-bg,#F8F8F8);}
	
	#main div#limitbox {margin:5px 15px 5px 0px;padding:5px;border:1px solid #ff4848;background-color:#ffcece;}
		
	#main table#origBids  {border:1px solid var(--panel-border,#4A9586);border-collapse:collapse;width:100%;}
	#main table#origBids td {padding:1em;border:1px solid black;vertical-align:top;width:50%;}
		
	#main table#conditional  {border:1px solid var(--panel-border,#4A9586);border-collapse:collapse;width:100%;}
	#main table#conditional td {padding:1em;border:1px solid black;vertical-align:top;width:50%;}
	
	#main table#reports td {padding:5px;vertical-align:top;text-align:center;}
	#main table#reports td button {width:120px;}
	#main table#ApexReports td {padding:10px;vertical-align:top;text-align:center;}
	#main table#ApexReports td button {width:200px;}
	
	#main table#leaguePoses td {text-align:center;padding:0em .5em 0em .5em;}
	
	#main table.roster td.QB,#main table#roster td.QB {background-color:#FFBBFF;}
	#main table.roster td.RB,#main table#roster td.RB {background-color:#BEFEEB;}
	#main table.roster td.WR,#main table#roster td.WR {background-color:#FFFFB5;}
	#main table.roster td.TE,#main table#roster td.TE {background-color:#CEA8F4;}
	#main table.roster td.PK,#main table#roster td.PK {background-color:#E4C0B1;}
	#main table.roster td.DE,#main table#roster td.DE {background-color:#A8CFFF;}
	
	#main table#censor td.message {background-color:var(--row-bg,#E7F3F1);border:1px solid var(--panel-border,#4A9586);padding-left:1em;padding-right:1em;}
	
	#main button.withdrawButton {width:75px;}
	
	#main div.blackbackground {background-color:var(--major-bg,#4A9586);float:right;padding:.5em .5em .5em;text-align:right;}

	#main table#sbffcleaderboard td.sbffcleaderboard {padding-right:2em;}
	
	#bigmenubar {padding:.3em;background-color:transparent;text-align:center;}
	#bigmenubar button {margin:.5em;font-size:1em;padding:.3em .1em .3em .1em;width:20em;height:5em;background-color:#006600;color:var(--major-text,#F8F8F8);border-color: #F8F8F8;
					transition: background .2s ease-in, transform .2s ease-out;}
	#bigmenubar button.menubarButton:hover, #bigmenubar button.menubarButton:focus {background-color:#1F88A7;transform: scale(1.05);}
	
	#main table.sortable th[data-sort] {cursor:pointer;color:var(--heading,#003333);}
	#main table.sortable th[data-sort]:hover {color:var(--accent,#4A9586);}
	#main table.sortable th[data-sort].sorting-asc {background-color:var(--major-bg,#4A9586);color:var(--major-text,#F8F8F8);}
	#main table.sortable th[data-sort].sorting-desc {background-color:var(--major-bg,#4A9586);color:var(--major-text,#F8F8F8);}
	#main table.sortable td, #main table.sortable th {font-size:.85em;padding:2px 4px;}	/* Compact the Player Listing so the extra columns fit - Claude 7/9/26 */
	
	#main table.scoring td.category {width:35em;}
	#main table.scoring td.points {width:15em;}
	
	#main table#pollvote button.pollSelected {width:75px;background-color:#E994AB;color:#000033;border-color: #D73E68;margin:.1em;}
	#main table#pollvote button.pollNotSelected {width:75px;margin:.1em;}
	
	#main table#friends button.friendSelected {width:75px;background-color:#E994AB;color:#000033;border-color: #D73E68;margin:.1em;}
	#main table#friends button.friendNotSelected {width:75px;margin:.1em;}
	
	#main div#showFreeYearParagraph {margin:1em 5em 1em 5em;padding:1em;background:#FFCC33;border:1px solid var(--panel-border,#4A9586);border-radius:6px;color:black;font-weight:bold;font-size:1.2em;position:relative;display:none;}	/* FREE-for-year banner, gold like the flash-sale one - Claude 7/2/26 */
	#showFreeYearParagraph .freeBannerText {position:absolute;left:-50px;top:-40px;width:120px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);line-height:.9;font-family:"Brush Script MT","Segoe Script","Comic Sans MS",cursive;color:red;text-shadow:0 1px 0 rgba(255,255,255,.4);z-index:98;pointer-events:none;}	/* red text on the overlay2 burst, hangs up-left like flash-sale - Claude 7/2/26 */
	body#body2 #showFreeYearParagraph .freeBannerText {top:-50px;}	/* Apex overlay2 sits 10px higher */
	#showFreeYearParagraph .freeBannerText .big {font-size:16px;font-weight:bold;}
	#showFreeYearParagraph .freeBannerText .small {font-size:12px;font-weight:bold;}
	#showFreeYearParagraph p {margin:0;}
	#main div#showBonusAmountParagraph, #main div#showSaleAmountParagraph, #main div#showAuctionParagraph, #main div#showPackageParagraph {
		margin:1em 5em 1em 5em;
		padding:1em;
		background:#FFCC33;
		border:1px solid var(--panel-border,#4A9586);
		border-radius:6px;
		color:black;
		font-weight:bold;
		font-size:1.2em;
		cursor:pointer;
		}

	#main #dashMessage {font-weight:bold;}

	#main div#appscreens img {height:230px;width:114px;border-radius:12px;margin:10px;border:5px solid var(--accent-bg,#23819C);}
	
	#main button a.gettingStarted {color:var(--ink,black);font-weight:normal;}
	
	#main div.promotion {
		font-family:"Apple Chancery", cursive;
		font-style: italic;
		font-size:1.5em;
		text-align:center;
		vertical-align:middle;
		padding:10px;
		background-image:url(../images/yellowsplash.png);
		background-size:100% 100%;
		background-repeat: no-repeat;
		}
		
	#main div#filefont {font-family:"Courier New", monospace;}

/*
	#main div#houserules {
		background-image:url(../images/house-rules.png);background-size:960px 565px;background-position:center;background-repeat: no-repeat;
		}
*/
	#main table#popupTable {width:100%;border-spacing: 30px;}
	#main table#popupTable td {background-color:#FFF7B7;border:3px solid #FFCC33;color:black;padding:1em;width:30%}
		
	#main div#uniquenessBox {border:2px solid #000000;padding:2em;margin:0em 0em 0em 5em;}
	
	#background {
		background-size:400px;
		margin:0 0 0 8px;
		width:949px;
		background-position:center 50px;
		background-repeat: no-repeat;
		background-color:var(--content-bg,#FAFEFB);
		color:var(--ink,#000);
		border:0;
		border-radius:6px;
		}

	#main div#fullRuleset {font-size:1.4em;font-weight:bold;text-align:center;text-decoration:underline;}
	
	#main table.livegames td.noH2H {background-color:#777777;color:white;text-align:center;}
		
/* Wonk listing is used in MFL lineups report */		
	#main table#wonkList td, #main table#wonkLegend td,#main table#verify td {text-align:left;}
	#main table#wonkList tr.header td {text-align:center;}
	#main table#wonkList td.right {text-align:right;}
	#main table#wonkList td.center {text-align:center;}
	#main table#wonkList tr.s1 td, #main table#wonkLegend tr.s1 td {background-color:#c0e0da;}
	#main table#wonkList tr.s2 td, #main table#wonkLegend tr.s2 td {background-color:#ffccff;}
	#main table tr.detail td.blackbox {border:2px solid #000000;padding:.3em;}
	
	#main table#cart td {background-color:#F5E8E2;border:1px solid #DAAC96;padding:.3em;vertical-align:top;}
	
	#main div#testimonials {font-weight:bold;}
	#main div#testimonials span.niceguy {padding-left: 100px;color:var(--accent,#4A9586)}
	#main div#testimonials div.indent5 {padding-left: 50px;}
	#main div#testimonials div.indent5 span.niceguy {padding-left: 150px;}
	#main div#testimonials div.indent10 {padding-left: 100px;}
	#main div#testimonials div.indent10 span.niceguy {padding-left: 200px;}
	#main div#testimonials div.indent15 {padding-left: 150px;}
	#main div#testimonials div.indent15 span.niceguy {padding-left: 250px;}

	#main img.stackImages {display: block;margin:.2em;}
	
	#main img#videosvideo {position:relative;top:6px;}
	img.myVideo {margin:1em;height:140px;width:249px;border:3px solid var(--panel-border,#4A9586);border-radius:6px;}	/* was tan-marble picture frame - Claude 7/15/26 */
	div#trainingDiv1 {position:absolute; left:-300px;top:224px;z-index:50;}
	div#trainingDiv2 {position:absolute;top:-300px;z-index:50;}
	div#trainingDiv3 {position:absolute; right:-300px;top:224px;z-index:50;}
	a.trainingVideo {position:relative;z-index:1;}
	img.playButton {position:absolute;left:122px;top:-60px;width:50px;height:30px;z-index:2;}
	
	div#thirdPartyLogos {background-color:#b0b0b0;padding:3px 5px 3px 5px;margin:.5em 0 0 0;}
	
	div#mfliframe td {padding:.5em 0 0 .5em;font-size:.7em;}
	div#mfliframe td p {margin:.1em 0 .5em 0;padding: 0px;}
	div#mfliframe td div#socialmedia {position:relative;top:-5px;}
	
	#main table#websocket {border-collapse:collapse;}
	#main table#websocket td {padding:.5em;border:1px solid #000000;}
	#main table#websocket td button {width:140px;}
	
	#main #orphanGuide {z-index:99;}
	
	#main .faqButton {width:280px;text-align:center;}
	
	#main td#featuredImage {
		width:400px;
		background-image: url('../images/featured-orphan.png');
		background-size: 100% 100%;       /* or 'contain', or '100% 100%' to stretch */
		background-position: center;
		background-repeat: no-repeat;
		}
	#main table#featuredOrphan {padding:15px 0 15px 15px;border:2px solid #000000;}
	
	#mfl-output { font-family: monospace; font-size: 13px; padding: 8px; background: #f5f5f5; min-height: 40px; }

/* ---- THE LOCKER ROOM (views/skins.php) ---------------------------------------------------
   The control buttons DEMONSTRATE their own effect: each carries that option's custom properties
   inline (straight from skin::$axisCss), and the rules below make each axis consume its own — so a
   Corners button really is that radius and a Lettering button really is that typeface. The values
   cannot drift from the real effect because they ARE the real values.  - Claude 7/27/26 */
	#main div#lrControls h2 {margin:.9em 0 .3em 0;font-size:1em;}
	/* flex, NOT a table: table cells size to their CONTENT, so the 198px nav buttons dictated the
	   page width instead of fitting into it (Lee 7/27). flex:1 1 0 + min-width:0 lets the samples
	   column take what is left over and shrink gracefully instead of pushing. */
	#main div.lrCols {display:flex;gap:24px;align-items:flex-start;}
	#main div.lrLeft {flex:0 0 320px;}
	#main div.lrRight {flex:1 1 0;min-width:0;}

	/* shared chrome for every control button; each axis then adds its own demonstration */
	#main #lrControls button {background:#ececec;background-image:none;border:1px solid #adadad;
			color:#222;border-radius:4px;box-shadow:none;font-weight:normal;padding:.3em .2em;line-height:1.45;
			font-size:.85em;text-align:center;}
	/* one mark, one meaning: this is what you are getting */
	#main #lrControls button.lrOn {outline:3px solid #333;outline-offset:1px;font-weight:bold;}
	/* the outline is drawn OUTSIDE the button, on the page background — which is dark in Night Game
	   and in Classic on a dark skin, so #333 disappeared into it (Lee 7/27). dfx-darkpanel is exactly
	   the "this surface is dark" flag lockerroom.js already sets for both cases.
	   outline, not box-shadow: the Depth demo buttons use box-shadow for their own demonstration. */
	body.dfx-darkpanel #main #lrControls button.lrOn {outline-color:#f2f2f2;}
	#main div.lrSeg, #main div.lrSwatches {display:flex;flex-wrap:wrap;gap:.3em;}
	#main div.lrSeg > button {flex:1 1 30%;}
	/* FOUR-up rows (the two Lighting rows). The default basis is 30%, so a fourth button
	   wrapped onto its own line (Lee 7/28). Narrower basis + tighter padding + nowrap keeps
	   all four on one line at any width the panel actually gets. - Claude 7/28/26 */
	#main div.lrSeg4 > button {flex:1 1 22%;padding-left:.15em;padding-right:.15em;
			font-size:.92em;white-space:nowrap;letter-spacing:0;}
	/* Auto cannot demonstrate itself by being a colour, so the meaning lives in a small chip that
	   is literally half light / half dark, and the label keeps a plain readable surface. An
	   earlier attempt filled the whole button with the split and blended the text over it —
	   readable, but the seam bisected the word. - Claude 7/28/26 */
	#main span.lrAutoDot {display:inline-block;width:.85em;height:.85em;border-radius:50%;
			background:linear-gradient(90deg,#f2f5f8 0 50%,#0f1216 50% 100%);
			border:1px solid #cfd6de;margin-right:.3em;vertical-align:-.08em;flex:0 0 auto;}
	#main div.lrSwatches > button.lrSwatch {flex:1 1 30%;display:flex;align-items:center;gap:.4em;}
	#main div.lrSwatches span.lrName {flex:1;text-align:center;}
	#main span.lrChip {display:inline-block;width:1.1em;height:1.1em;border-radius:50%;
			border:2px solid #888;flex:0 0 auto;}
	#main select#lrBanner {max-width:100%;}
	#main span.lrCaps {margin-left:.15em;}	/* pipe-separated; identical style so the two cases compare fairly */

	/* --- each axis demonstrates itself, using the properties set inline on the button --- */
	#main #lrControls div.lrDemo-skinRound  > button {border-radius:var(--radius,4px);}
	#main #lrControls div.lrDemo-skinShadow > button {box-shadow:var(--shadow,none);}
	/* same size as the other dials. nowrap + tighter padding so "Classic|CLASSIC" stays on one line;
	   wrapping was what made the button grow and the Clean row look taller. */
	#main #lrControls div.lrDemo-skinFont   > button {font-family:var(--font,inherit);white-space:nowrap;
			font-size:.72em;padding:.42em .1em;letter-spacing:-.01em;}
	/* Finish: the real sheen gradient on the REAL nav colours. It used to pin neutral greys, which
	   made the column identical on every palette and so could not answer the only question being
	   asked — "what will MY nav look like". Grey also flattered the effect, hiding that Satin and
	   Gloss were nearly invisible on several palettes (Lee 7/28). - Claude 7/28/26 */
	#main #lrControls div.lrDemo-skinSheen  > button {color:var(--nav-text,#fff);border-color:var(--nav-base);
			background:linear-gradient(to right, var(--nav-base) 0, var(--nav-sheen,var(--nav-base)) 50%, var(--nav-base) 100%);}
	/* Ghost Players: a real watermark on the button at that option's own opacity */
	#main #lrControls div.lrDemo-skinMark   > button {position:relative;overflow:hidden;}
	#main #lrControls div.lrDemo-skinMark   > button::before {content:"";position:absolute;top:0;right:0;bottom:0;left:0;
			background-image:url(../backgrounds/background021.png);   /* the WIDE collection, as used by .wide-01 */
			background-size:auto 88%;background-repeat:no-repeat;background-position:right .35em center;
			opacity:var(--watermark-strong,0);pointer-events:none;}
	#main #lrControls div.lrDemo-skinMark   > button {z-index:0;}

	/* --- SAMPLES: these follow the skin --- */
	/* #title is transparent on the real site, so the nav sits straight on the page gradient —
	   which at the top of the page is essentially --page-top. */
	/* SQUARE on purpose — the real header band has no rounding, whatever Corners is set to. */
	#main div.lrFakeNav {padding:.5em .3em .6em .3em;background:var(--page-top,#000);border-radius:0;}
	/* #main is font-size:.8em, so a plain 1.5em came out at 1.2x. 1.5/.8 = 1.875 matches #title h2. */
	#main div.lrFakeNav h2 {font-size:1.875em;margin:0;padding:0;text-align:center;color:var(--nav-text,#F8F8F8);}
	/* the REAL chain is #title h2{1.5em} THEN #title span#hubTitle{.6em} = 14.4px. I replicated the h2
	   and missed the span, so it rendered at 24px. .6em here reproduces 14.4px exactly. - Claude 7/27/26 */
	#main span.lrHub {display:inline-block;font-size:.6em;text-align:center;line-height:1.15;color:var(--nav-text,#F8F8F8);}
	/* BANNER ART in the sample header. The art is cover-fitted to the little band so you can judge it
	   at a glance; on the real page it rides the body background at Apex's exact framing. With art
	   showing, the hub title stands down — the band cannot carry both. - Claude 7/27/26 */
	/* Taller with artwork in it, so the picture has room to read. ALL the extra height goes ABOVE the
	   buttons: splitting it top and bottom left an empty strip of band showing below them, which reads
	   as black because the football PNG is transparent there (Lee 7/27). Bottom padding therefore
	   matches the no-banner state exactly, so the buttons sit the same distance from the edge. */
	/* cover made the art fill the WHOLE band, including the padding reserved for the hidden hub
	   title, so it climbed higher here than it does on the real page. Scale to 78% of the band height
	   and anchor it to the BOTTOM, which is where it sits for real — below Admin Hub, behind the nav
	   buttons, ending on the divider. - Claude 7/27/26 */
	/* The sample banner lives on a ::before layer, NOT on .lrFakeNav itself, so its filter cannot
	   reach the nav buttons inside it. Mirrors body.has-banner::before on the real page. - 7/31/26 */
	#main div.lrFakeNav.lrHasBanner {padding-top:2.35em;padding-bottom:.6em;}
	#main div.lrFakeNav {position:relative;}
	#main div.lrFakeNav.lrHasBanner::before {content:"";position:absolute;inset:0;
			background-image:var(--lr-banner,none);background-size:auto 78%;
			background-position:center bottom;background-repeat:no-repeat;
			filter:var(--lr-banner-filter,none);pointer-events:none;z-index:0;}
	#main div.lrFakeNav > * {position:relative;z-index:1;}
	/* visibility, NOT display:none — display would collapse the h2 box and the nav buttons would
	   float up when the artwork appeared. This keeps them exactly where they are. - Claude 7/27/26 */
	#main div.lrFakeNav.lrHasBanner h2 {visibility:hidden;}
	/* Day Game shows no banner, so the SAMPLE must show none either — otherwise picking Day Game in
	   the Locker Room leaves artwork in the preview that the real page will not display, which is
	   exactly the promise the preview exists to avoid making. lockerroom.js keeps adding lrHasBanner
	   because it does not know about lighting, so undo all three of its effects here: hide the art,
	   drop the reserved padding, and give "Admin Hub" back. - Claude 7/31/26 */
	body[data-theme="light"] #main div.lrFakeNav.lrHasBanner::before {display:none;}
	body[data-theme="light"] #main div.lrFakeNav.lrHasBanner {padding-top:.5em;}
	body[data-theme="light"] #main div.lrFakeNav.lrHasBanner h2 {visibility:visible;}
	#main div.lrNavRow {display:flex;gap:.2em;margin-top:.4em;}
	/* breadcrumb strip under the header, where the league picker lives on team-manager pages */
	#main div.lrCrumbs {padding:.5em .3em;margin-bottom:1em;background:var(--content-bg,#FAFEFB);text-align:center;}
	#main select.lrLeaguePick {font-weight:bold;background:var(--input-bg,#E7F3F1);
			border:1px solid var(--input-border,#4A9586);color:var(--input-text,#111);
			border-radius:var(--radius,6px);box-shadow:var(--input-shadow,none);padding:.2em .3em;}
	/* the real HELP pill (.dfx-pill.dfx-help in skins-live.css) already uses --complementary, so the
	   sample shows the genuine article rather than an invented look-alike. Just give it room. */
	#main div.lrActions {display:flex;align-items:center;gap:.5em;flex-wrap:wrap;}
	#main div.lrActions button {margin:0;}
	#main span.dfx-pill {margin:0;}
	/* Wonk nudged up half an inch and right three-quarters (Lee 7/27). position:relative moves him
	   VISUALLY only — he keeps his slot in the flex row, so nothing else reflows.
	   SCOPED TO .lrActions 8/5/26. This was written for the Locker Room sample row and lives in the
	   Locker Room block, but the selector was `#main span.wonk-oval` — global. Every Wonk on the site
	   is a span.wonk-oval, so from the moment skinfx.js began wrapping them site-wide (8/5) this rule
	   positioned ALL of them: at (1,1,1) it outranked every per-page placement in skins-live.css,
	   which are class-only, and once it forced position:relative its top/left also beat their
	   bottom/right. Six placements were silently inert. Adding div.lrActions costs one class and
	   confines it to the sample it was drawn for. - Claude 8/5/26 */
	#main div.lrActions span.wonk-oval {vertical-align:middle;margin-left:1em;--wonk-size:64px;
			position:relative;top:-0.5in;left:0.75in;}
	#main span.dfx-cart {width:32px;height:32px;}
	/* max-width, not width: 198px matches the real nav when there is room, but flex:1 1 0 with
	   min-width:0 lets them shrink instead of forcing the column wider. */
	#main div.lrNavRow button.navButton {flex:1 1 0;min-width:0;max-width:198px;
			border-color:var(--nav-text,#F8F8F8);vertical-align:middle;font-size:1em;font-weight:bold;
			transition: background .2s ease-in, transform .2s ease-out;}
	/* ROUNDED CORNERS ON A GRID — the separate-borders recipe, same one the mobile tables use.
	   border-collapse:collapse makes browsers IGNORE border-radius on cells. My first attempt wrapped
	   the table in a rounded overflow:hidden div, but that clips the MITRE where two collapsed borders
	   meet, which reads as a 45-degree chamfer rather than a curve (Lee 7/27).
	   The class is lrSample, NOT centerMe, on purpose: skins-live.css:556 forces collapse on any
	   centerMe grid holding a tr.header, which would undo all of this. */
	#main table.lrSample {width:100%;border-collapse:separate;border-spacing:0;background:transparent;}
	#main table.lrSample td {border:0;
			border-right:1px solid var(--panel-border,#4A9586);
			border-bottom:1px solid var(--panel-border,#4A9586);}
	#main table.lrSample tr td:first-child  {border-left:1px solid var(--panel-border,#4A9586);}
	#main table.lrSample tr:first-child td  {border-top:1px solid var(--panel-border,#4A9586);}
	#main table.lrSample tr:first-child td:first-child {border-top-left-radius:var(--table-radius,6px);}
	#main table.lrSample tr:first-child td:last-child  {border-top-right-radius:var(--table-radius,6px);}
	#main table.lrSample tr:last-child  td:first-child {border-bottom-left-radius:var(--table-radius,6px);}
	#main table.lrSample tr:last-child  td:last-child  {border-bottom-right-radius:var(--table-radius,6px);}
	#main div.lrPanel {background:var(--panel-bg,#E7F3F1);border:1px solid var(--panel-border,#4A9586);
			border-radius:var(--radius,6px);box-shadow:var(--shadow,0 0 0 transparent);padding:1em;}
		/* The emphasis colour sample. Full width of the sample panel, --attention fill with its paired
	   --attention-text, so it demonstrates the pairing rather than just the hue. - Claude 7/28/26 */
	#main div.lrAttention {margin-top:1em;padding:.6em .8em;border-radius:var(--radius,6px);
			background:var(--attention,#d14a1f);color:var(--attention-text,#fff);
			font-weight:bold;text-align:center;}
		/* The lobby divider band, sampled (Lee 8/5/26). Centring and bold come from the shared
	   tr.divider rule above; this only supplies the COLOR, because the live rule
	   (skins-live.css) is scoped to table#leagues and cannot reach a sample table. Same two
	   tokens as the real band, so it follows Lighting: light in Classic/Day, and the
	   --tertiary-derived dark band in Night Game. - Claude 8/5/26 */
	#main table.lrSample tr.divider td {background-color:var(--divider,var(--major-bg));
			color:var(--divider-text,#111111);}
	#main div.lrGhosts {display:flex;gap:1em;}
	#main div.lrGhosts > div {flex:1 1 0;min-width:0;}
	#main div.lrGhost {position:relative;min-height:170px;padding:1em;overflow:hidden;
			border:1px solid var(--panel-border,#4A9586);border-radius:var(--radius,6px);
			background:var(--panel-bg,#E7F3F1);}
	#main button#lrSave, #main button#lrReset {width:12em;margin:.15em .3em .15em 0;}	/* equal size (Lee 7/27) */
	#main span#lrStatus {display:inline-block;margin-top:.5em;}

/* ---- PER-COMPANY GEOMETRY, rescued from body#body2 / body#body4 -------------------------------
   THE FLIP (7/27/26) replaced body#bodyN with class='co-<company> skin-<palette>'. Those blocks were
   mostly paint, which the skin layer now owns — but they also carried real LAYOUT that has nothing to
   do with skinning: where the Apex marketplace badges sit, and how the partner banner is positioned.
   That geometry is company IDENTITY, not appearance, so it belongs on co-* where a customer's skin
   choice can never disturb it. Copied verbatim; deleting body0-body4 is safe once this is in.
                                                                             - Claude 7/27/26 */
	body.co-apex td.swatch img.overlay {left:-42px;top:-18px;}
	body.co-apex img.overlay {position:absolute;left:-25px;top:-20px;z-index:97;}
	body.co-apex img.overlay2 {position:absolute;left:-50px;top:-50px;z-index:97;}
	body.co-apex #showFreeYearParagraph .freeBannerText {top:-50px;}
	body.co-apex table#affiliateLogo td {font-size:.6em;font-weight:bold;}
	body.co-apex div#dataForceBanner,
	body.co-sbffc div#dataForceBanner {padding:15px;text-align:center;font-style:italic;
			position:absolute;left:0;width:100%;}


/* ---------- Locker Room, desktop only: the preview panel (Lee 7/30/26) ---------- */

/* THE WONK STOPS WANDERING. .lrActions is a left-aligned wrapping flex row, and he is its LAST item,
   so he absorbed every pixel of width the three buttons and the HELP pill gained or lost when the
   Lettering changed — which is why he drifted out of the panel on the wider fonts. margin-left:auto
   pins him to the row's RIGHT edge instead, so his position is set by the panel, not by the font.
   A fixed nudge would have been correct for one Lettering and wrong for the other two. */
/* margin-left:auto pins him to the row's right edge so the Lettering can no longer move him;
   margin-right then insets him from that edge by a FIXED amount, which is what Lee asked for once
   the wandering was fixed. 72px = 3/4in at 96dpi. Both together: deterministic position, inset. */
#main div.lrActions .wonk-oval {margin-left:auto; margin-right:72px;}