BODY  { 
	background:  #262626; 
	color: white;
	font-family:Arial;
}

table {
    border-collapse: collapse;
}

#headlinestable {
	color: black;
	/*background: pink;*/
	font-size: small;
    border: 1px solid black;
}

#scorestable {
	color: black;
	background: #b3ffff;
	font-size: small;
	border: 1px solid black;
    /*border: 5px solid black;*/
}
.scorestablegame {
    border: 1px solid black;
	/*color: maroon;*/
}
	
.scorestablegametd {
    /* border-top: 1px solid black; */
}
	
.scorestablegametr {
    border-top: 1px solid black;
}

/* Change background color of buttons on hover */
.scorestablegametr:hover {
  background-color: #ffd072;
  cursor:pointer;
}
	
.scorestablegametr_selected {
    /* border: 5px solid pink;*/
    background-color: pink;
}

.scorestablegametr_nohitter {
	background-color: maroon;
	color: white;
}

.headlinestabletr {
	border: 1px solid black;
	background-color:#b3ffff;
}

.headlinestabletr_alreadyseen {
	background-color:pink;
}
/* selected takes precedence over alreadyseen since it is below */
/* Not using selected since it is hard to remove selected class when clicking new one */
.headlinestabletr_selected {
	background-color: yellow; /*#9eff9b; */ /*light green */
}

.headlinestabletd {
	border-top: 1px solid black;	
}

/* Change background color of buttons on hover */
.headlinestabletr:hover {
  background-color: #ffd072;
}

.datemovearrow { cursor:pointer; }

.scorestablegame { cursor:pointer; }  

#headlinestable {cursor:pointer;}

#toplinescore  {border: 0px solid aqua;}

.fullboxscoretd {
	border: 1px solid #ff99dd;
	padding-left: 3px;
	padding-right: 3px;
}
.fullboxscoretdscoringteam {
	/* background-color:#830187; */
	background-color:#32373f;
}

.fullboxscoretables {
	border:3px solid #ff99dd;
	text-align:center;
}

.fullboxscoretables tr:nth-child(even) {
	background-color:#32373f;
}

/* This doesn't work, don't know why. It only gets the first row */
/* #scoringplaystable tr:nth-child(odd) { */
	/* background-color:#32373f; */
/* } */

.playernamelink {
	color:inherit;
	text-decoration:none;
	cursor:pointer;
}

/* ///////////////////////// */
/*          Slider           */
/* ///////////////////////// */
.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 8px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: black; /* Green background #4CAF50 */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: black; /* Green background #4CAF50 */
  cursor: pointer; /* Cursor on hover */
}




/* For tabs */
/* Style the tab */
.tab {
  overflow: hidden;
  /* border: 1px solid #ccc; */
  /* background-color: #f1f1f1; */
}

/* Style the buttons that are used to open the tab content */
.tab button {
  /* background-color: inherit; */
  background-color: #f1f1f1;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  /* padding: 14px 16px; */
  padding: 2px 6px;
  transition: 0.3s;
  
  /* border-left: 1px solid black; */
  border-right: 1px solid black;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  /* border: 1px solid #ccc; */
  border-top: none;
}




/* For standings */
#standingstable {
  border-collapse: separate;
  border-spacing: 15px 1px;
  /* padding: 10px; */
  /* background-color:orange; */
    text-align: center; 
    vertical-align: middle;
	font-family:verdana;
}

.standingsleaguetd {
	padding: 30px;
    margin-right:50px;
	font-family:"Arial Black";
	font-style: italic;
}
.standingsdivisionnametd {
	padding: 0px 30px;
	margin: 90px 30px;
	background-color:blue;
    text-align: center; 
    vertical-align: middle;
	font-style: italic;
	font-variant: small-caps;
}
.standingsteamnametd {
    text-align: left; 
    vertical-align: middle;
}



#newstab {
	font-family: verdana;
}

#newstab table td {
	vertical-align:top;
}


/* For bloople RSS feed */
/* feed-title, feed-desc, feed-title-image, feed-item-title, feed-item-desc */
.blooplediv {
	border: 1px solid white;
	/* background-color: green; */
}
.feed-title {
	color:#6eff5b;
	text-align:center;
}

.blooplediv a {
	color: inherit; 
    text-decoration: none;
}


.allplaysinningtitle {
	text-align:center;
	font-size:2em;
}

.favBattersButtonSelected {
	background-color:#ccc;
}

.favBattersButton:hover {
	background-color:orange;
}

.pointeronhover:hover {
	cursor:pointer;
}

.positiverundifferential {
	color:#81ff6d;
}

.negativerundifferential {
	color:#f96161;
}