/* Summary pages at eigenrankings */
h1 {color:#FFE47A; font-size:1.5em; text-shadow: 1px 2px 0 black;}
h3 {color:#FFE47A; font-size:1.1em; text-shadow: 1px 1px 0 black;}

a:link {text-decoration:none; color:#505050;}
a:visited {text-decoration:none; color:#505050;}
a:hover,a:active {text-decoration:underline; color:#FFE47A;}

/* .clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 10px; 
   clear: both;
	}
*/	

/* fit-content sizes columns to content, not width:100% stretch -- see dashboard2-css.md */
div.main { width: fit-content; float: none; margin: 1.5em 1em; }
div.fwall {width:25.5em; float:left; margin:1.5em 1em;}
div.short {height:14em;}
div.tall {height:28em;}

		
div.index
    {
    margin: auto;
    max-width: 90em; /* 80em */
    min-width: max-content; /* elastic panel -- see dashboard2-css.md */
	color:#303030;
	font-family: Calibri;
    padding: 0.5em 1em 1em 1em;
	overflow-x: visible;   /* NOT a scroll container: page-level sticky needs the viewport */ 
				 
    /* rounded corners */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 
    /* gradient */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#808080));
    background-image: -moz-linear-gradient(top, #606060, #808080);
	background-image: -ms-linear-gradient(top, #606060, #808080);
	background-image: linear-gradient(to bottom, #606060, #808080);
 
    /* box shadows */
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    }

     
/*** table ***/
table.front {
	float:left;
    width:100%;
    border-collapse:separate;   /* REQUIRED: collapse breaks the frozen-header vertical sticky */
    border-spacing:0;
    text-align:center;
    color:#505050; 
    }
		
table.front a {
	display:block;
	/* text-decoration:underline; */
	}

table.front a:hover,a:active {
	color:#FFE47A;
	}
 
table.front td {
    vertical-align:middle;
	padding-top:0.25em;
	padding-bottom:0.25em;
	padding-left:0.5em;
	padding-right:0.25em;
    }
 
	/*** thead ***/
table.front thead th
    {
    font-size: 108%;	
	color: #dadada;
	text-shadow: 1px 1px 0 black;
    padding: 0.5em;
    background-color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
	background: -ms-linear-gradient(top, #606060, #909090);
    }

table.front thead tr td {
    background-color:#efefef;
	text-align:left;
    vertical-align:middle;
    padding:0.6em;
    font-size:0.8em;
    }
	
table.front thead th a {color: #efefef;text-align: left;}

table.front thead th:first-child {
	text-align: left;
    }
	/*** tbody  ***/
table.front tbody td:first-child {
	text-align: left;
    }
table.front tbody td:last-child {
	border-right: solid 1px #505050;
    }
	
table.front tbody tr:nth-child(odd) {
    background-color: #fafafa;
    }
 
table.front tbody tr:nth-child(even) {
    background-color: #efefef;
	}
			
table.front tbody tr:last-child {
    border-bottom: solid 1px #505050;
    }
 
/*** separator row pseudo-class ***/
table.front tbody tr.separator {
    background-color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
	background: -ms-linear-gradient(top, #606060, #909090);
    color: #dadada;
	text-shadow: 1px 1px 0 black;
    }

/*** tfoot ***/
table.front tfoot{
	text-align:center;
    color:white;
	text-shadow: 1px 1px 0 black;
	background: -webkit-gradient(linear, left bottom, left top, from(#606060), to(#909090));
    background: -moz-linear-gradient(bottom, #606060, #909090);
	background: -ms-linear-gradient(bottom, #606060, #909090);
    text-shadow: 0 1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
	border-right: solid 1px #505050;
    }
	
table.front tbody td:nth-child(2) {
	text-align: left;
    }
table.front thead th:nth-child(2) {
	text-align: left;
    }



table.hover tbody tr:hover {
    background-color: #808080;
	background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
	background: -ms-linear-gradient(top, #606060, #909090);
    color: #FFE47A; 
	text-shadow: 1px 1px 0 black;
    }
    
table.hover tbody tr:hover a {color:#FFE47A; text-shadow: 2px 1px 0 black;}

th.tableHeader {color:#FFE47A; font-size:1.1em; text-shadow: 1px 1px 0 black;}


/* for seasons summary */

td.team {
	text-align: left;
}    

th.team {
	text-align: left;
}    

td.stat {
	text-align: center;
}

td.letter {
	text-align: center;
	padding:0;
	margin:0;
}

td.gold {background-color:#D4AF37;
	background: -webkit-gradient(linear, left top, left bottom, from(#D4AF37), to(#DDBF5F));
	background: -moz-linear-gradient(top,#D4AF37,#DDBF5F);
	background: -ms-linear-gradient(top,#D4AF37,#DDBF5F);	
	text-shadow:none;
	color:inherit;}
td.silver {background-color:#C0C0C0;
	background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#DDDDDD)); 
	background: -moz-linear-gradient(top,#C0C0C0,#DDDDDD);
	background: -ms-linear-gradient(top,#C0C0C0,#DDDDDD);	
	text-shadow:none;
	color:inherit;}
td.bronze {background-color:#B89470;
	background: -webkit-gradient(linear, left top, left bottom, from(#B89470), to(#C6A98D));
	background: -moz-linear-gradient(top,#B89470,#C6A98D);
	background: -ms-linear-gradient(top,#B89470,#C6A98D);
	text-shadow:none;
	color:inherit;}

/* Medal-cell hover -- see dashboard2-css.md */
table.hover tbody tr:hover td.gold,
table.hover tbody tr:hover td.silver,
table.hover tbody tr:hover td.bronze {
	box-shadow: inset 0 0 0 100px rgba(96,96,96,0.36);
	}


/* Wide-table handling -- see dashboard2-css.md */

/* frozen-column inset = body margin + index padding + main margin */
:root { --linset: calc(8px + 2rem); }

/* no-wrap so the table scrolls, not squeezes */
table.front thead th { white-space: nowrap; }
table.front td.team, table.front th.team { white-space: nowrap; }

/* half-width empty spacer -- :empty hits the only all-empty column (see dashboard2-css.md) */
table.front thead th:empty,
table.front tbody td:empty:not(.letter) { padding-left: 0.25em; padding-right: 0.25em; }

/* bottom hairline on the last row's cells (separate mode ignores row-level borders) */
table.front tbody tr:last-child td { border-bottom: solid 1px #505050; }

/* Frozen header row, and the top-left corner over the frozen Season column. */
table.front thead th { position: sticky; top: 0; z-index: 4; }
table.front thead th:first-child { left: var(--linset); z-index: 5; }

/* Frozen Season column -- sticky cells need their own parity bg */
table.front tbody > tr:not(.separator) > td:first-child {
	position: sticky; left: var(--linset); z-index: 2;
	}
table.front tbody tr:nth-child(odd):not(.separator) td:first-child { background-color: #fafafa; }
table.front tbody tr:nth-child(even):not(.separator) td:first-child { background-color: #efefef; }
table.hover tbody tr:nth-child(odd):hover td:first-child,
table.hover tbody tr:nth-child(even):hover td:first-child {
	background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
	background: linear-gradient(to bottom, #606060, #909090);
	}

/* Era divider: second frozen row at top:37px (header height) -- see dashboard2-css.md */
table.front tbody tr.separator td {
	position: sticky; top: 37px; z-index: 3;
	background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
	background: linear-gradient(to bottom, #606060, #909090);
	}
table.front tbody tr.separator td .seppin {
	display: inline-block; position: sticky; left: calc(var(--linset) + 0.5em); z-index: 2;
	}

/* Freeze-in-place mask: gradient rail left of the column, fixed page-margin strip.
   Rail z must exceed the sticky header/divider cells -- see dashboard2-css.md */
.tscroll { display: flex; align-items: stretch; }
.tscroll > table.front { flex: 0 0 auto; }
.lrail {
	/* spans only the panel strip: flush with the panel edge at every width */
	flex: 0 0 2rem; margin-left: -2rem;
	position: sticky; left: 8px; z-index: 5;
	background: linear-gradient(to bottom, #606060, #808080);
	}
body::before {
	content: ""; position: fixed; top: 0; bottom: 0; left: 0; width: 8px;
	background: #fff; z-index: 10;
	}