/* schedule.css */

.explanatory {
	color: black;
	background: #dfd;
	font-family: sans-serif;
	}

.scheduleTable {
	border: solid 1px black;
	border-collapse: collapse;
	}
	
.tablehdr,
.gamehdr,
.homehdr,
.visitorshdr,
.scorehdr,
.datehdr,
.timehdr,
.fieldhdr,
.forfeithhdr,
.forfeitvhdr {
	/*font-size: smaller;*/
	font-family: sans-serif;
	color: #303;
	font-weight: bold;
	background: #eee;
	text-align: left;
	border-bottom: solid 1px black;
	}
.homehdr {
	text-align: right;
	}	
.scorehdr {
	text-align: center;
	}	
.game {
	/* font-size: smaller; */
	}
	
	/* for our date sorting link */
.datehdr a,
.datehdr a:visited {
	color: #330033;
	text-decoration: none;
	}
.datehdr a:hover {
	text-decoration: underline;
	}
	
TD.game,
TD.date,
TD.time,	
TD.home,
TD.visitors,
TD.score,
TD.vs,
TD.field {
	/*font-size: smaller;*/
	font-family: sans-serif;
	}

tr.playoff td,
tr.cup td {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	}

tr.penaltykicks td {
	font-family: sans-serif;
	text-align: center;
	border-top-width: 0;
	}
	
td.penaltykicks { /* this is the label */
	text-align: right !important;
	font-style: italic;
	}
	

tr.pkgame td,
tr.pkgame td
{
	border-bottom-width: 0;
}


td.yellowback {
	background-color: #FFC;
	}

tr.playoff td {
	background-color: #ffc !important;
	}
tr.cup td {
	background-color: #cfc !important;
	}

	
.home,
.homehdr {
	text-align: right;
	/*padding-right: 0.3em;*/
	}
.visitors {
	/*padding-right: 1em;*/
	}

.forfeithhdr,
.chkforfeith { text-align: left; }

.forfeitvhdr,
.chkforfeitv { text-align: right; }
	
.score,
.vs {
	text-align: center;
	}
	
.score {
	font-weight: bold;
	}
	
.field {
	}
.date {
	}	

TABLE.scheduleTable TD.forfeit {
	color: #333;
}

TABLE.scheduleTable TD.resched {
	font-style: italic;
}

A.external,
A.externalnav  {
	font-weight: bold;
	text-decoration: underline;
	}

A.external:hover,
A.externalnav:hover
  {
	text-decoration: underline;
	background-color: #dfd;
	}

.filterTable {
	background-color: #eee;
	border: solid 1px #88f;
	border-collapse: collapse;
	}

.filterTable td {
	border: solid 1px #88f;
	padding: 2px;
	vertical-align: middle;
	}
	
.teamFilter,
.gameFilter {
	font-family: sans-serif;
	font-size: smaller;	
	font-weight: bold;
	background-color: #eee;
	color: #333;
	}

.filterTable td.gameFilter {
	padding: 10px;
}

#searchControls {
	border-collapse: collapse;
	}
#searchControls td {
	vertical-align: middle;	/* should already be covered by .filterTable td, but this seems to be necessary */
	border: none;
}
#searchControls td input {
	vertical-align: middle;
	margin-left: 5px;
}

/* All  A B C L N | K M O */	
#schedDiv .divButtons {
    vertical-align: middle;
}

/* ****************************************
.divButtons span {
	padding: 0.2em;
}

.divButtons span a {
	font: bold 0.8em sans-serif;
	background-color: #fff;
	text-decoration: none;
	padding: 3px 3px;
	border: 1px solid #666;
	color: #333;
}

.divButtons span a.selected,
.divButtons span a.selected:hover {
	background-color: #ffc676;
	border: 1px solid black;
	color: black;
	cursor: default;
}

.divButtons span a:hover {
	background-color: #ffc676;
	text-decoration: none;
	border: 1px solid blue;
	color: blue;
}
*********************************** */
 
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */


#schedDiv td.teamFilter {
	padding: 3px 7px 3px 3px;
}

#schedDiv .divButtons span {
	padding: 0;
}

#schedDiv .divBut {
	padding: 0;
	vertical-align: middle;
	background-color: #eee;
	line-height: 1.5em;
}
#schedDiv .divBut a {
	font: bold 0.8em sans-serif;
	background-color: #ddd;
	text-decoration: none;
	color: #333;
	padding: 0 0.4em;
	height: 100%;
	display: block;
	line-height: 2.8em;
}

#schedDiv .divBut:hover,
#schedDiv .divBut a:hover {
	background-color: #ffdd76;
	text-decoration: none;
/*	border: 1px solid blue; */
	color: blue;
}


#schedDiv .divBut selected,
#schedDiv .divBut selected:hover,
#schedDiv .divBut a.selected,
#schedDiv .divBut a.selected:hover {
	background-color: #ffc676;
/*	border: 1px solid #99f; */
	color: black;
	cursor: default;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#filterTips {
	width: 80%;
	font-size: 1em;
	padding-top: 0.5em;
	padding-left: 1em;
	border-top: 1px dotted #303;
	border-left: 2px solid #303;
	}
	
#filterTips H3 {
	font-weight: bolder;
	font-family: sans-serif;
	margin-top: 0px;
	font-size: 0.9em;
	}

.footer {
	margin-top: 0.2em;
	font-style: italic;
	line-height: 125%;
}

TD.home A,
TD.visitors A { color: inherit; text-decoration: none; }

TD.home A:hover,
TD.visitors A:hover { color: blue; text-decoration: underline; background-color: #6F6; }