#bio-player {
	width: 96%;
	margin: 2%;
	box-shadow: 0px 0px 6px #999;
	padding: 20px 0px;
}

#bio-player-left-column {
	width: 64%;
	float: left;
}

#bio-player-right-column {
	width: 34%;
	float: right;
}

#bio-photo {
	width: 100px;
	height: 131px;
	position: absolute;
	top: -10px;
	left: 20px;
	overflow: hidden;
	cursor: pointer;
}

#bio-photo #bio-player-img {
	width: 100%;
	overflow: hidden;
}

#bio-photo #bio-player-zoom {
	position: absolute;
	z-index: 2;
	bottom: 5px;
	right: 5px;
}

#bio-first-name {
	color: #000;
	/* font-family: Open Sans; */
	font-size: 48px;
	line-height: 54px;
	font-weight: normal;
	margin: 0px 0px 0px 20px;
}

#bio-last-name {color: #000;
	/* font-family: Open Sans; */
	font-weight: normal;
	margin: 0px 0px 0px 20px;
	font-size: 64px;
	font-weight: bold;
	line-height: 70px;
}

#bio-position-info {
	margin-bottom: 10px;
}

#bio-number-header {
	height: 48px;
	margin-top: 20px;
	position: relative;
}

#bio-number {
	line-height: 48px;
	font-size: 32px;
	padding-left: 130px;
	/* font-family: Open Sans; */
	font-weight: bold;
}

#bio-position-content {
	background: #e6e6e6;
}

#bio-position-name {
	padding-left: 130px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 36px;
	height: 41px;
}

#bio-details {
	padding: 31px 20px 12px;
}

#bio-details .bio-detail-name {
	/* font-family: Open Sans; */
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	vertical-align: bottom;
	display: inline-block;
	text-transform: uppercase;
}

#bio-details .bio-detail-value {
	/* font-family: Open Sans; */
	font-size: 16px;
	font-weight: normal;
	line-height: 28px;
	vertical-align: bottom;
	display: inline-block;
}

#bio-content {
	padding: 0px 20px;
	
	/*display: table; this breaks tables scrolling inside of divs.  Don't do it again*/
	
}

#bio-content::after {
	clear: both;
	content: "";
	display: block;
}

#bio-content h4.bio-header {
	/* font-family: Open Sans; */
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	text-transform: uppercase;
	padding: 10px 0px 10px 20px;
	margin: 0px;
	border-bottom: 1px solid #ccc;
}

#bio-content h4.bio-header.expandable {
	cursor: pointer;
	border-bottom: 0px;
}

#bio-content .bio-data-content.expandable,
#bio-images {
	/*display: table; this breaks tables scrolling inside of divs.  Don't do it again*/
	line-height: 0;
	width: 100%;
}

#bio-content .bio-data-content.expandable::after,
#bio-images::after {
	display: block;
	content: "";
	clear: both;
}

#bio-content .bio-data-content .bio-data-half {
	width: 48%;
	margin-left: 2%;
	margin-right: 0px;
	float: left;
}

#bio-content .bio-data-content .bio-data-half:first-child {
	margin-left: 0px;
	margin-right: 2%;
}

#bio-content .bio-data-content .bio-data-header,
#bio-content .bio-data-content .bio-data-table th.bio-data-header {
	font-size: 16px;
	padding-left: 20px;
	font-weight: bold;
	line-height: 30px;
	border-bottom: 1px solid #cccccc;
}

#bio-content .bio-data-content .bio-data-header .arrow {
	font-size: 20px;
}

#bio-content .bio-data-content .bio-data-table {
	width: 100%;
	margin-bottom: 20px;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 2px solid #ccc;
	margin-bottom: 10px;
}

#bio-content .bio-data-content .bio-data-table th,
#bio-content .bio-data-content .bio-data-table td {
	line-height: 35px;
	/* font-family: Open Sans; */
	font-size: 12px;
}

#bio-content .bio-data-content .bio-data-table th.left-pad,
#bio-content .bio-data-content .bio-data-table td.left-pad {
	padding-left: 20px;
}

#bio-content .bio-data-content .bio-data-table th.no-left-pad,
#bio-content .bio-data-content .bio-data-table td.no-left-pad {
	padding-left: 0px;
}

#bio-content .bio-data-content .bio-data-table th.border-end,
#bio-content .bio-data-content .bio-data-table td.border-end {
	border-right: 1px solid #ccc;
}

#bio-content .bio-data-content .bio-data-table th.no-border-end,
#bio-content .bio-data-content .bio-data-table td.no-border-end {
	border-left: 0px;
}

#bio-content .bio-data-content .bio-data-table th.border-bottom {
	border-bottom: 1px solid #ccc;
}

#bio-content .bio-data-content .bio-data-table .align-left {
	text-align: left;
}

#bio-content .bio-data-content .bio-data-table tbody tr td {
	border-top: 1px solid #ccc;
	text-align: center;
	border-left: 1px solid #ccc;
}

#bio-content .bio-data-content .bio-data-table tbody tr td:last-child,
#bio-content .bio-data-content .bio-data-table tbody tr th:last-child {
	border-right: 1px solid #ccc;
}

#bio-content .bio-data-content .gbg-header-borders .bio-data-table tbody tr th {
	border-top: 1px solid #ccc;
}

/*#bio-content .bio-data-content .bio-data-table tbody tr td:first-child,
#bio-content .bio-data-content .bio-data-table.four-row-with-totals tbody tr:nth-child(4n+1) td:first-child,
#bio-content .bio-data-content .bio-data-table.four-row-with-totals tbody tr:nth-child(4n+1) th:first-child {
	border-left: 0px;
}*/

#bio-content .bio-data-content .bio-data-table.four-row-with-totals tbody tr td,
#bio-content .bio-data-content .bio-data-table.four-row-with-totals tbody tr th {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#bio-content .bio-data-content .bio-data-table.four-row-with-totals tbody tr:nth-child(4n+1) td,
#bio-content .bio-data-content .bio-data-table.four-row-with-totals tbody tr:nth-child(4n+1) th {
	border-top: 1px solid #ccc;
}

#bio-content #bio-career-stats .bio-data-content .bio-data-table.has-totals tbody tr:last-child {
	background: #e6e6e6;
}

#bio-content #bio-career-stats .bio-data-content .bio-data-table.four-row-with-totals tbody tr:nth-last-child(-n+4) {
	background: #e6e6e6;
}

#bio-content #bio-career-stats .bio-data-content .bio-data-table.four-row-with-totals tbody tr:nth-child(4n),
#bio-content #bio-career-stats .bio-data-content .bio-data-table.four-row-with-totals tbody tr td.season-col,
#bio-content #bio-season-game-by-game .bio-data-content .bio-data-table.four-row-with-totals tbody tr:nth-child(4n),
#bio-content #bio-season-game-by-game .bio-data-content .bio-data-table.four-row-with-totals tbody tr td.season-col {
	border-bottom: 2px solid #ccc;
}

#bio-content #bio-career-stats .bio-data-content .bio-data-table.four-row-with-totals tbody tr:last-child,
#bio-content #bio-season-game-by-game .bio-data-content .bio-data-table.four-row-with-totals tbody tr:last-child {
	border-bottom: 0px;
}






#bio-content .bio-data-content .bio-data-table.eight-row-with-totals tbody tr td,
#bio-content .bio-data-content .bio-data-table.eight-row-with-totals tbody tr th {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#bio-content .bio-data-content .bio-data-table.eight-row-with-totals tbody tr:nth-child(8n+1) td,
#bio-content .bio-data-content .bio-data-table.eight-row-with-totals tbody tr:nth-child(8n+1) th {
	border-top: 1px solid #ccc;
}

#bio-content #bio-career-stats .bio-data-content .bio-data-table.eight-row-with-totals tbody tr:nth-last-child(-n+8) {
	background: #e6e6e6;
}

#bio-content #bio-career-stats .bio-data-content .bio-data-table.eight-row-with-totals tbody tr:nth-child(8n),
#bio-content #bio-career-stats .bio-data-content .bio-data-table.eight-row-with-totals tbody tr td.season-col,
#bio-content #bio-season-game-by-game .bio-data-content .bio-data-table.eight-row-with-totals tbody tr:nth-child(8n),
#bio-content #bio-season-game-by-game .bio-data-content .bio-data-table.eight-row-with-totals tbody tr td.season-col {
	border-bottom: 2px solid #ccc;
}

#bio-content #bio-career-stats .bio-data-content .bio-data-table.eight-row-with-totals tbody tr:last-child,
#bio-content #bio-season-game-by-game .bio-data-content .bio-data-table.eight-row-with-totals tbody tr:last-child {
	border-bottom: 0px;
}




#bio-content #bio-career-stats .bio-data-content .bio-data-table.has-totals tbody tr:last-child td:first-child {
	font-weight: bold;
	text-transform: capitalize;
}

#bio-article-content {
	font-size: 15px;
	/* font-family: Open Sans; */
	line-height: 19px;
}

#bio-article-content .bio-data-content {
	margin: 10px 20px 20px;
	height: 200px;
	overflow: hidden;
}

#bio-article-expand {
	background: #ccc;
	height: 34px;
	padding: 6px 0px;
	font-size: 18px;
	/* font-family: Open Sans; */
	line-height: 34px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

#expand-button {
	width: 240px;
	height: 34px;
	cursor: pointer;
	margin: 0px auto;
}

#expand-button .arrow {
	font-size: 20px;
}

#bio-season-highs {
	margin-bottom: 10px;
}

#bio-images {

}

#bio-videos-container {
	background: #e6e6e6;
}

#bio-images .image.large,
#bio-videos-container .large {
	width: 100%;
	padding-bottom: 2px;
}

#bio-videos-container .large .text {
	height: 54px;
	line-height: 18px;
	overflow: hidden;
	font-size: 16px;
	/* font-family: Open Sans; */
	font-weight: bold;
	padding: 0px 10px;
	border-bottom: 1px solid #ccc;
}

#bio-images .image.small {
	width: 49.5%;
	padding-bottom: 2px;
}

#bio-videos-container .small {
	padding: 10px 0px;
	clear: both;
	display: table;
	content: "";
	width: 94%;
	margin: 0px 3%;
	border-bottom: 1px solid #ccc;
}

#bio-videos-container .small .image {
	width: 40%;
	float: left;
}

#bio-videos-container .small .text {
	width: 58%;
	float: right;
	font-size: 16px;
	font-weight: bold;
	/* font-family: Open Sans; */
	overflow: hidden;
}

#bio-images .image.small {
	float: left;
}

#bio-images .image.small.pad {
	padding-left: 1%;
}

#bio-images .image,
#bio-videos-container .image {
	
}

#bio-images .image a,
#bio-videos-container .image a {
	display: block;
    content: "";
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
    width: 100%;
}

#bio-images .image img,
#bio-videos-container .image img {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#bio-videos-container .image img.bio-play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -31px 0px 0px -31px;
	width: 63px;
}

#bio-videos-container .small img.bio-play-button {
	width: 24px;
	margin: -12px 0px 0px -12px;
}

#bio-video-link {
	height: 34px;
	line-height: 34px;
	text-align: right;
	margin-right: 3%;
	/* font-family: Open Sans; */
	font-weight: bold;
	font-size: 16px;
}

#bio-video-link span {
	font-size: 20px;
}

#bio-photo-link {
	height: 36px;
	background: #ccc;
	padding: 0px 12px;
	line-height: 36px;
	text-align: right;
	margin-bottom: 2px;
}

#bio-photo-link a {
	font-size: 16px;
	font-weight: bold;
}

#bio-photo-link span {
	font-size: 20px;
}

#bio-cube-ad {
	width: 300px;
	margin: 0px auto;
}

#bio-cube-ad-container {
	margin-bottom: 2px;
}

#bio-related-news {
	padding-top: 10px;
}

#bio-related-news .story {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	max-height: 40px;
	padding: 8px 0px;
	border-top: 1px solid #ccc;
}

#bio-related-news .story:first-child {
	border-top: 0px;
}

#bio-related-news .story span {
	font-size: 18px;
}

#bio-related-more {
	height: 34px;
	line-height: 34px;
	background: #e6e6e6;
	font-size: 16px;
	text-align: right;
	font-weight: bold;
	padding: 0px 10px;
}

#bio-related-more span {
	font-size: 20px;
}

#bio-player-zoomed-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 10001;
	background: rgba(0,0,0,.7);
}

#bio-player-zoomed.loaded {
	visibility: visible;
}

/*
#bio-player-zoomed {
	height: 90%;
	width: auto;
	position: absolute;
	top: 5%;
	padding: 10px;
	border-radius: 6px;
	background: #fff;
	left: 50%;
	visibility: hidden;
	box-sizing: border-box;
}
*/
#bio-player-zoomed {
	width: 100%;
	position: absolute;
	top: 5%;
	padding: 10px;
	border-radius: 6px;
	background: #fff;
	box-sizing: border-box;
	max-width: 600px;
	left: 0;
	right: 0;
	margin: auto;
}

#bio-player-zoomed-img {
	z-index: 10002;
}

#bio-player-zoomed-x {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10003;
	cursor: pointer;
}

@media screen and (max-width: 970px) {
	
}

@media screen and (max-width: 767px) {
	#bio-content {
		padding: 0px;
	}

	#bio-player-left-column,
	#bio-player-right-column {
		width: 100%;
		float: none;
	}

	#bio-first-name {
		font-size: 24px;
		line-height: 30px;
	}

	#bio-last-name {
		font-size: 32px;
		line-height: 38px;
	}

	#bio-content .bio-data-content .bio-data-half:first-child {
		margin-right: 0px;
	}

	#bio-content .bio-data-content .bio-data-half {
		width: 100%;
		float: none;
		margin: 0px;
	}

	#bio-season-game-by-game .bio-data-full .bio-data-table thead tr:nth-child(1) th,
	#bio-season-game-by-game .bio-data-full .bio-data-table thead tr:nth-child(2) th,
	#bio-season-game-by-game .bio-data-full .bio-data-table tbody tr td {
		/*display: none;*/
	}

	#bio-season-game-by-game .bio-data-full .bio-data-table tbody tr td {
		padding: 0px 12px;
	}

	#bio-season-game-by-game .bio-data-full {
		overflow-x: auto;
		width: 100%;
	}

	#bio-season-game-by-game .bio-data-full .bio-data-table {
		white-space: nowrap;
	}



	#bio-season-game-by-game .bio-data-full .bio-data-table thead tr:nth-child(1) th:nth-child(1),
	#bio-season-game-by-game .bio-data-full .bio-data-table thead tr:nth-child(1) th:nth-child(2),
	#bio-season-game-by-game .bio-data-full .bio-data-table thead tr:nth-child(2) th:nth-child(1),
	#bio-season-game-by-game .bio-data-full .bio-data-table thead tr:nth-child(2) th:nth-child(2),
	#bio-season-game-by-game .bio-data-full .bio-data-table thead tr:nth-child(2) th:nth-child(3),
	#bio-season-game-by-game .bio-data-full .bio-data-table thead tr:nth-child(2) th:nth-child(4),
	#bio-season-game-by-game .bio-data-full .bio-data-table tbody tr td:nth-child(1),
	#bio-season-game-by-game .bio-data-full .bio-data-table tbody tr td:nth-child(2),
	#bio-season-game-by-game .bio-data-full .bio-data-table tbody tr td:nth-child(3),
	#bio-season-game-by-game .bio-data-full .bio-data-table tbody tr td:nth-child(4) {
		display: table-cell;
	}

	#bio-player-zoomed {
		max-width: 300px;
	}

}
