html {
	padding: 0; margin: 0;
}

html, body {
}

	body {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
		color: #333;
		background-color: #eee;
		border-top: 10px solid #f63b3b;
		margin: 0 auto;
		padding: 3px 5px 5px 5px;
		}
		
	body.dark {
		color: #eee;
		background-color: #111;
	}

#container {
padding: 0;
margin: 0;
width: 100%;
		overflow-x: hidden;

}

table tr td.empty_row table tr td {white-space: nowrap;}

	a {
		color: #333;
		}
	
	a:hover.darkmode {
		cursor: pointer;
	}
	
	body.dark a {
		color: #eee;
	}
	
	.name_abbrev {
		font-family: "Roboto Mono", Courier New, monospace;
		font-size: 12px;
		font-weight: 500;
	}
	
	a:hover {
		color: #f63b3b;
	}
	body.dark a:hover {
		color: #f63b3b;
	}
	table a {
		font-weight: 700;
	}
	
	#nav_bottom {
		padding: 10px 10px 5px 10px;
		font-size: 18px;
		font-weight: 400;
	}
	#nav_bottom a {
		font-size: 18px;
		text-decoration: none;
		border-bottom: 1px solid;
		line-height: 14px;
	}
	#nav_bottom a.selected {
		font-weight: 700;
		pointer-events: none;
	}
	
	#nav_bottom a.darkmode {
		text-decoration: none;
		border: 0;
	}
	
	body.dark a.darkmode {
		float: right;
		color: #f63b3b !important;
		text-decoration: none;
		border: 0;
	}
	h4.darkness {
		font-size: 27px; float: right; display: inline-block; margin-right: 3px; margin-top: -2px; margin-bottom: 0; 
	}
	
	#nav_bottom .past_bets {
		display: inline-block;
		float: left;
		margin-top: -4px;
		margin-bottom: -15px;
		line-height: 37px;
		font-size: 12px;
	}
	.back-to-top {
	float: right;
		text-decoration: none;
		border-bottom: 0 !important;
		font-size: 27px !important;
		display: inline-block;
		margin: 0 10px 0 0;
		height: 24px;
	}
	#nav_bottom a.homeplate {
		border: 0; display: inline-block; float: left; margin: 0 14px 20px 5px;
	}
	#nav_bottom a.homeplate .homeplate_home {
		fill: #333;
	}
	body.dark #nav_bottom a.homeplate .homeplate_home {
		fill: #eee;
	}
	#nav_bottom .homeplate .homeplate_home:hover {
		fill: #f63b3b;
	}
	
	body.dark #nav_bottom .homeplate .homeplate_home:hover {
		fill: #f63b3b;
	}
	
	.last_modified {
		float: right;
		text-align: right;
		margin: -1px 8px 20px 10px;
		font-size: 13px;
		vertical-align: middle;
		line-height: 15px;
	}
	
	.teamname a {font-weight: 200; text-decoration: none;}
	
	a.home_link {
		width: 85px;
		height: 64px;
		overflow-y: hidden;
		background-image: url(images/bcb_home.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		float: left;
		margin: -9px 5px 0 -2px;
	}
	a.home_link span {
		display: none;
	}
	a.home_link_2020 span {
		display: none;
	}
	a.home_link_2020 {
		width: 64px;
		height: 64px;
		overflow-y: hidden;
		background-image: url(images/bcb_title_new.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		float: left;
		margin: -9px 5px 0 -2px;
	}
	a:hover.home_link {
		background-position: bottom center;
	}
	a:hover.home_link_2020 {
		background-position: bottom center;
	}
	
	.sched_cell {
		min-width: 215px;
	}
	
	.other {
		width: 95px;
		height: 72px;
		background-image: url(images/bcb_home.png);
		background-size: cover;
		background-repeat: no-repeat;
		float: left;
		margin: -13px 10px 0 0;
	}
	.other span {
		display: none;
	}
	
	.hr {
		margin: 9px 5px 10px 5px;
		border-bottom: 6px double;
	}
	
	.icon {
	float: right; margin-right: 6px; font-size: 23px; margin-top: 1px
	}
	.scroller {
		width: auto;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.subtitle {
		border-bottom: 2px solid;
		padding: 1px 0 5px 0;
	}
	h5 {
		padding: 2px 0 2px 5px;
		line-height: 15px;
		font-size: 15px;
		margin: 0;
		font-weight: normal;
		text-align: left;
		}
	h4 {
		padding: 0 0 0 5px;
		line-height: 21px;
		font-size: 21px;
		margin: 0;
		text-align: left;
	}
	h3 {
		padding: 0 0 0 5px;
		line-height: 29px;
		font-size: 29px;
		margin: 0;
		text-align: left;
		}
	
@media only screen and (max-width:525px) {
	h5 {
		padding: 2px 0 2px 5px;
		line-height: 15px;
		font-size: 15px;
		margin: 0;
		text-align: left;
		font-weight: normal;
		text-align: left;
	}
	
	h4 {
		padding: 0 0 0 5px;
		line-height: 21px;
		font-size: 21px;
		margin: 0;
		text-align: left;
	}
	h3 {
		padding: 0 0 0 5px;
		line-height: 29px;
		font-size: 29px;
		margin: 0;
		text-align: left;
		text-align: left;
	}
}
	.right {
		float: right;
		text-align: right;
		margin-top: 6px;
	}
	table {
		margin: 0 auto;
		font-size: 14px;
		width: 100%;
		border-spacing: 5px;
		border: 0;
		padding-bottom: 5px;
		table-layout: auto;
	}
	table#scoreboard_mlb_small table {
		font-size: 17px;
	}
	table#scoreboard_mlb_small .team img {
		width: 32px;
		height: 32px;
	}
	table.gamepicks {
		border-bottom: 0 !important;
		padding-bottom: 0;
	}
	table.gamepick_picks {
		margin-bottom: 0 !important;
		padding-bottom: 0;
	}
	table.gamepick_picks tr td {
		line-height: 17px !important;
	}
	table.gamepick_picks .team img {
		width: 18px;
		height: 18px;
	}
	
	table th, table td {
		padding: 5px;
		border: 0;
	}
	.name_title, .name {
		text-align: left;
		padding: 5px 0 5px 0;
	}
	.name_title {
		padding: 1px 0 5px 1.2em !important;
	}
	.rank {
		width: 1em !important;
		padding: 0 0 7px 0;
		text-align: right;
		float: right;
		line-height: 21px;
		vertical-align: middle;
	}
	.name {
		font-size: 18px;
		width: 10em;
		white-space: nowrap !important;
	}
	
	
	.title {
		text-align: left;
		border-bottom: 2px solid;
		padding: 0 0 5px 0;
		font-size: 16px;
		vertical-align: bottom;
	}
	.gameday {
		margin: 2px 2px 0 0;
		float: right;
		text-align: right;
		font-size: 16px;
		vertical-align: middle;
	}
	.subtitle_sm {
		font-size: 12px;
	}
	.subtitle_xs {
		font-size: 10px;
		font-weight: 400;
	}
	.subtitle_xxs {
		font-size: 8px;
		font-weight: 400;
	}
	.empty {
		padding: 0;
		width: 0;
		background-color: transparent;
	}
	.empty_row {
		padding: 0;
		border-bottom: 1px solid;
	}
	.empty_row_thick {
		padding: 0;
		border-bottom: 2px solid;
	}
	.empty_row_thick_gap {
		padding: 0 0 10px 0;
		border-top: 2px solid;
	}
	.empty_row_blank {
		padding: 0;
	}
	.top_row {
		margin: 5px 0 0 0;
		border-top: 3px solid;
	}
	.very_top_row {
		padding: 0 0 5px 0;
		border-top: 5px solid;
	}
	.bottom_row {
		padding: 0 0 5px 0;
		border-bottom: 2px solid;
	}
	.very_bottom_row {
		padding: 10px 0 0 0;
		border-bottom: 5px solid;
	}
	
	.pitcher_title, .pitcher {
		width: 8.4em;
	}
	.points, .score, .team {
		text-align: center;
	}
	.team_title {
	
	}
	.team img {
		width: 24px;
		height: 24px;
	}
	.team_sm {
		text-align: center;
		width: 3em;
	}
	.team_sm img {
		width: 24px;
		height: 24px;
	}
	.team, .score {
		width: 3em;
	}
	.team, .team_sm, .score, .pitcher {
		height: 0.5em;
		padding: 0.271em;
		line-height: 24px;
	}
	.score {vertical-align: middle; white-space: nowrap;}
	.points_title {
		width: 4em;
	}
	.lds {
		width: 3em;
	}
	.lcs {
		width: 3em;
	}
	.ws {
		width: 3em;
	}
	.points {
		width: 3em;
		font-size: 16px;
	}
	.gain {
		text-align: right !important;	
		width: 1.5em;
		font-weight: 700;
		line-height: 24px;
	}
	.gp_points {
		width: 3em;
		text-align: center !important;	
	}
	
	.inning {
		vertical-align: middle;
		line-height: 18px;
		padding-top: 3px;
		font-size: 18px;
		white-space: normal !important;
	}
	
	.pick i {
	font-size: 100%;
	margin-top: 2px;
	}
	
	.pts_wide {font-size: 20px;
		width: 6em;
	}
	
	.gray {
		opacity: 0.35;
	}
	
table.cellcolor > tbody > tr:nth-child(5) > :nth-child(1):before {
  content: '1';
}	
table.cellcolor > tbody > tr:nth-child(7) > :nth-child(1):before {
  content: '2';
}	
table.cellcolor > tbody > tr:nth-child(9) > :nth-child(1):before {
  content: '3';
}	
table.cellcolor > tbody > tr:nth-child(11) > :nth-child(1):before {
  content: '4';
}
table.cellcolor > tbody > tr:nth-child(13) > :nth-child(1):before {
  content: '5';
}	
table.cellcolor > tbody > tr:nth-child(17) > :nth-child(1):before {
  content: '6';
}	
table.cellcolor > tbody > tr:nth-child(19) > :nth-child(1):before {
  content: '7';
}	
table.cellcolor > tbody > tr:nth-child(21) > :nth-child(1):before {
  content: '8';
}	
table.cellcolor > tbody > tr:nth-child(23) > :nth-child(1):before {
  content: '9';
}	
table.cellcolor > tbody > tr:nth-child(25) > :nth-child(1):before {
  content: '10';
}	
table.cellcolor > tbody > tr:nth-child(27) > :nth-child(1):before {
  content: '11';
}	
table.cellcolor > tbody > tr:nth-child(29) > :nth-child(1):before {
  content: '12';
}
table.cellcolor > tbody > tr:nth-child(31) > :nth-child(1):before {
  content: '13';
}	
table.cellcolor > tbody > tr:nth-child(33) > :nth-child(1):before {
  content: '14';
}	
table.cellcolor > tbody > tr:nth-child(35) > :nth-child(1):before {
  content: '15';
}	
table.cellcolor > tbody > tr:nth-child(37) > :nth-child(1):before {
  content: '16';
}
	


table.cellcolor > tbody > tr:nth-child(5) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(5) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(5) > :nth-child(3) {
  color: rgb(30,195,0);
}
table.cellcolor > tbody > tr:nth-child(7) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(7) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(7) > :nth-child(3) {
  color: rgb(80,195,0);
}
table.cellcolor > tbody > tr:nth-child(9) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(9) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(9) > :nth-child(3) {
  color: rgb(135,195,0);
}
table.cellcolor > tbody > tr:nth-child(11) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(11) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(11) > :nth-child(3) {
  color: rgb(185,195,0);
}
table.cellcolor > tbody > tr:nth-child(13) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(13) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(13) > :nth-child(3) {
  color: rgb(195,195,0);
}
table.cellcolor > tbody > tr:nth-child(17) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(17) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(17) > :nth-child(3) {
  color: rgb(195,185,0);
}
table.cellcolor > tbody > tr:nth-child(19) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(19) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(19) > :nth-child(3) {
  color: rgb(195,175,0);
}
table.cellcolor > tbody > tr:nth-child(21) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(21) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(21) > :nth-child(3) {
  color: rgb(195,150,0);
}
table.cellcolor > tbody > tr:nth-child(23) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(23) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(23) > :nth-child(3) {
  color: rgb(195,125,0);
}
table.cellcolor > tbody > tr:nth-child(25) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(25) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(25) > :nth-child(3) {
  color: rgb(195,100,0);
}
table.cellcolor > tbody > tr:nth-child(27) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(27) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(27) > :nth-child(3) {
  color: rgb(195,75,0);
}
table.cellcolor > tbody > tr:nth-child(29) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(29) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(29) > :nth-child(3) {
  color: rgb(195,50,0);
}
table.cellcolor > tbody > tr:nth-child(31) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(31) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(31) > :nth-child(3) {
  color: rgb(195,25,0);
}
table.cellcolor > tbody > tr:nth-child(33) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(33) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(33) > :nth-child(3) {
  color: rgb(195,0,0);
}
table.cellcolor > tbody > tr:nth-child(35) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(35) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(35) > :nth-child(3) {
  color: rgb(175,0,0);
}
table.cellcolor > tbody > tr:nth-child(37) > :nth-child(1), table.cellcolor > tbody > tr:nth-child(37) > :nth-child(2), table.cellcolor > tbody > tr:nth-child(37) > :nth-child(3) {
  color: rgb(175,15,0);
}