/* gkssa.css */
body {
	margin: 0;
	padding: 0;
	font-family: Alegreya, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}

.amp { margin: 0 0 0 0; float: none; }

h1, h2, h3, h4, h5 {
	color: #363;
	margin: 1em 0 0.2em 0;
	font-family: "Alegreya SC";
	font-weight: normal !important;
	padding-left: 1em;
}

img { border-style: none; border-width: 0; }
.mainContent { margin: auto 10px; }
/* not well supported, so other means are required */
@media print { .noprint { display: none; } }
#pg p { padding-left: 1em; }

.nojavascript, .failmsg, .oldbrowser {
	background-color: #fcc;
	color: black;
	text-align: center;
	font-size: 1em;
	padding: 0.7em 1em;
	border-top: 1px solid #f66;
	border-bottom: 1px solid #f66;
}

/* a truly old browser might not even do CSS! */
.oldbrowser { text-align: left; }

#disclaimer {
	width: 80%;
	color: #333;
	background-color: #eee;
	padding: 0.5em;
	border: 1px solid #999;
	margin: 1em 1em;
}

#pgNews .news { width: 85%; }
#pgNews .news li { padding-bottom: 0.8em; }
#pgNews .news ul {  }
#pgNews .news p { padding-left: 1em; }
#pgNews .news h2 {
	border-bottom: 1px solid #063;
	font-size: 1.15em;
	color: #063;
	text-align: left;
	padding: 0.5em 0 0 0.4em;
	background-color: #f8f8f8;
	line-height: 1.3;
}

/*#pgNews .news */
h2 span, h2 time {
	color: #666;
	font-size: smaller;
	font-weight: normal;
	float: right;
	margin-right: 1em;
}

#pgHome #contentBody { line-height: 1.4; }
#pgHome h2.showTime time {
	display: inline;
	color: #666;
	font-size: 0.8em;
	font-weight: normal;
	float: right;
	margin: 0.2em 1em 0 0;
}
#pgHome h2, #pgNews h2 { clear: both; }

.updatedon {
	color: #666;
	font-size: 0.9em;
	padding-right: 1em;
	float: right;
}

.oddrow, .evenrow {vertical-align: middle;}
.evenrow { color: black; background-color: #f4f4ff; }
#pg .pg p, #pgArchives .pg p { padding-left: 1em; margin-right: 2em; } 

/* 2016-Apr-05 */
.divspecific {
	border-left: 8px solid #444;  /* to be overridden */
	padding-left: 0.5em;
	width: calc(50% - 26px);
	display: inline-block;
	margin: 10px;
	box-sizing: border-box;
	vertical-align: top;
}

@media screen and (max-width: 55em) { .divspecific { width: 85%; } }

.divspecific h3 {
	font-style: italic;
	margin: 0;
	text-shadow: 1px 1px 1px #ccc;
	font-size: 1.2em;
	color: #111; /* override .A_fg, etc. */
}

.divspecific h4 {
	font-size: 0.9em;
	color: #444;
	margin: 0;
}

#pgGameSheet #pgRoster td, #pgGameSheet #pgRoster th { border: 1px solid black; padding: 3px; }
td.center { text-align: center; }

.Exec_bg { background-color: #90f; }
.A_bg {	background-color: #11e; }
.B_bg { background-color: #063; }
.C_bg { background-color: #f63; }
.D_bg { background-color: #933; }
.E_bg { background-color: #c30; }
.F_bg { background-color: #963; }
.K_bg { background-color: #f33; }
.O_bg { background-color: #396; }
.M_bg { background-color: #333; }

.Exec_fg { color: #90f; }
.A_fg {	color: #11e; }
.B_fg { color: #063; }
.C_fg { color: #f63; }
.E_fg { color: #c30; }
.F_fg { color: #963; }
.D_fg { color: #933; }
.K_fg { color: #f33; }
.O_fg { color: #396; }
.M_fg { color: #333; }

.A_fgShadow { color: #11e; text-shadow: #666 0.1em 0.1em 0.11em; }
.B_fgShadow { color: #063; text-shadow: #666 0.1em 0.1em 0.11em; }
.C_fgShadow { color: #f63; text-shadow: #666 0.1em 0.1em 0.11em; }
.D_fgShadow { color: #933; text-shadow: #666 0.1em 0.1em 0.11em; }
.E_fgShadow { color: #c30; text-shadow: #666 0.1em 0.1em 0.11em; }
.F_fgShadow { color: #963; text-shadow: #666 0.1em 0.1em 0.11em; }
.K_fgShadow { color: #f33; text-shadow: #666 0.1em 0.1em 0.11em; }
.O_fgShadow { color: #396; text-shadow: #666 0.1em 0.1em 0.11em; }
.M_fgShadow { color: #333; text-shadow: #666 0.1em 0.1em 0.11em; }

.A_border { border-color: #11e; }
.B_border { border-color: #063; }
.C_border { border-color: #f63; }
.D_border { border-color: #933; }
.E_border { border-color: #c30; }
.F_border { border-color: #963; }
.K_border { border-color: #f33; }
.O_border { border-color: #396; }
.M_border { border-color: #333; }

img.pdflogo { width: 20px; height: 17px; vertical-align: baseline; }

a { text-decoration: none; }
#pgHome #content a { border-bottom: 1px solid #ccc; }
a:hover {
/*	background-color: #9f9; /* light green */
/*	background-color: #e8f8e8;*/
	background-color: #ccefcc;
	border-bottom: none !important;
}

/* for images */
a.noBg:hover { background-color: inherit !important; }
a.ml { text-decoration: none; padding: 0 1px}
a.ml:hover { background-color: #fc3; /* orange for mail */ border-bottom: 1px solid #fc3; }
a.graphiclink:hover { background-color: inherit; }

img.graphiclink .grapicNolink {
	background-color: inherit;
	padding: 2px;
	border: 1px solid transparent;
	vertical-align: middle;
}
* html img.graphiclink { border-color: white; }	/* just another reason IE sux */

a.graphiclink:hover img, img.graphiclink:hover {
	background-color: #e8f8e8;
	border: 1px solid #427de7;
}

p.newPageFeedback {
	font-size: 0.8em;
	margin-top: 1.2em;
	margin-left: 2em;
	margin-right: 0.5em;
	max-width: 50em;
	background-color: #f9f9f9;
	padding: 0.6em 0.8em;
	border: 1px solid #e8957a;
	border-radius: 2px;
}

.vital { color: #900; font-weight: bolder; }

table.divisionInfoTable {
	font-weight: bold;
	font-size: 80%;
	border-collapse: collapse;
	border-left: 4px solid #f33;
}

table.divisionInfoTable td { padding: 0.5em 1em; }
table.divisionInfoTable th {
	font-size: 1.2em;
	background-color: #ff9;
	padding: 0.5em;
}
table.divisionInfoTable td {
	color: white;
	text-align: center;
	font-size: 1.1em;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

table.divisionInfoTable td:first-child { /* IE Sux: doesn't recognize first-child */
	color: black;
	font-size: 1em;
}
table.divisionInfoTable td.first--child {
	color: black;
	font-size: 1em;
}

a.myvalid {
	font-size: 0.8em; font-weight: bold;
	padding: 2px;
	background-color: #999; color: white;
	text-decoration: none;
}

a.myvalid:hover { background-color: #f60; }

#extrainfo {
	display: none;
/*	border: 1px solid black;*/
	padding: 4px;
	position: absolute; top: 300px; left: 210px;
	background: url(/images/utils/grey-trans.png) repeat;
}

#extracontent {
	background-color: white;
	padding: 10px;
	border: 1px solid #390;
	/*font* font-family: "Lucida Grande", "Helvetica", "Lucida Sans", sans-serif; */
}
#extracontent h3 { margin-top: 0; }
#extracontent .teamscore { font-size: 2em; }
#extracontent img { vertical-align: middle;}
#extracontent p { margin-bottom: 0; }

.changed { border-left: 2px solid #90f; padding-left: 0.5em; }

.sombre {
	background-color: #f7f7f7;
  background: -webkit-linear-gradient(top, #fafafa 20%, #e8e8e8 100%);
  background: linear-gradient(to bottom, #fafafa 20%, #e8e8e8 100%);
	margin: 2em 1em 3em 1em;
	padding: 1em 1em 0.5em 1em;
	border-radius: 10px;
	border: 2px solid #333;
	box-shadow: 2px 2px 3px #999;
}

.sombre p { line-height: 1.5em; }

.boxnotice {
	background-color: #eef;
	border: 2px solid #33f;
	border-bottom-color: #339;
	border-right-color: #339;
	padding: 1.5em;
	margin: 0 auto 1em;
	text-align: left;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	width: 75%;
}

.offsetNotice {
	background-color: #fcfcfc;
	border: 1px solid #48af48;
	padding: 0.2em 0.8em;
	margin: 1em auto;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	width: 85%;
	-webkit-box-shadow: 1px 1px 3px #666;
}

.contactUsBox {
	margin-top: 1em;
	margin-left: 2em;
	margin-bottom: 2em;
	padding: 1.2em;
	width: 50%;
	border: 1px solid #f60;
	background-color: #eee;
	-moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
	box-shadow: 2px 2px 5px #999;
}

.smaller { font-size: smaller; }
#playoffpreview {width: 100%;}
#playoffpreview, #playoffpreview td, #playoffpreview th {text-align: center;}
#playoffpreview td {padding: 1em;}
#playoffpreview td span {color: #333;}
.nowrap, .noWrap { white-space: nowrap; }

a.scheduleIcon {
	text-decoration: none;
	background: url(/images/schedule/goSchedule-disabled.gif) center right no-repeat;
	padding-right: 20px;
}
a.scheduleIcon:hover {
	background-image: url(/images/schedule/goSchedule.gif);
	background-color: white;
}

/* +++++++++++++++++ advertising stuff ++++++++++++++++ */
.jja1 > img { cursor: pointer; }
div.ad { border-top: 10px solid #363; }
div.ad img {
	border-top: 2px solid #aaa;
	margin-bottom: 10px;
}

/* #pgHome.adContainer { } ==> #otherbar, a table cell */
#otherbar { vertical-align: top; }

#pgStandings td.adContainer {
	padding-left: 50px;
	padding-right: 10px;
	vertical-align: top;
}

div.w120 { width: 120px; }
div.w125 { width: 125px; }
div.w468 { width: 468px; }
div.w728 { width: 728px; }

.adheader {
	width: 120px;
	height: 10px;
	background-color: #363;
	border-bottom: 1px solid #333;
}

.adheader:hover { background-color: #363; }

#fullad {
	display: none;
	background-color: #363;
	padding: 10px;
	position: absolute;
	top: 30px;
	left: 30px;
}

* html #fullad { /* IE Sux */
	text-align: center;
	width: 793px /* 817px; -* 793 + 2 * (10 + 2)  IE stupid box model bug */
}

#fullad img {
	border: 2px solid #999;
	border-right-color: #333;
	border-bottom-color: #333;
}

#fullad table {
	width: 100%;
	margin-top: 5px;
}

#fullad td.caption {
	color: white;
	font-size: 0.9em;
	/*font* font-family: "Lucida Grande", "Helvetica", "Lucida Sans", sans-serif; */
	text-align: left;
}

#fullad td.closebutton a {
	/*font* font: bold 0.9em "Lucida Grande", "Helvetica", "Lucida Sans", sans-serif; */
	font-weight: bold;
	font-size: 0.9em;
	padding: 5px;
	border: 2px solid #999;
	border-bottom-color: #787878;
	border-right-color: #787878;
	margin: 5px auto 0 auto;  /* IE doesn't do auto here. IE really sux */
	width: 4em;
	text-align: center;
}

#fullad td.closebutton a {
	color: #999;
	text-decoration: none;
	display: block;
}

#fullad td.closebutton a:hover {
	color: white;
	background-color: #487848;
	border-bottom-color: #999;
	border-right-color: #999;
}
#fullad td.closebutton a:active { border-color: white; }
/* ---- advertising stuff ---- */

/* search results - team */
.searchTeams li i { font-style: normal; color: #666; font-weight: normal; }
.searchTeams li span { font-size: smaller; font-weight: normal; }

.searchField {
	font-style: italic;
	color: #999;
}
.searchField.getSearch {
	font-style: normal;
	color: black;
}

/* cardCode used by player and match */
.cardCode {
	/*font* font-family: "Lucida Grande", "Helvetica", "Lucida Sans", sans-serif; */
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	padding: 0 0.5em 0 1em;
}

.clear { clear: both; }

/* For modern browsers */
.clearfix:before, .clearfix:after {
  content:"";
  display:block;
  clear:both;
}

/* IE6,7 NOT supported
.clearfix:after {
  clear:both;
}

/-* For IE 6/7 (trigger hasLayout) *-/
.cf {
  zoom:1;
}
*/

/* Division Alignment Tables */
ul.divTeamList {
	float: left;
	border: 1px;
	margin: 1em 10px;
	font-size: 0.9em;
	width: 14em;
	line-height: 1.5;
	list-style-type: none;
}

.divTeamList li { padding-left: 5px; }

.divTeamList li:first-child {
  color: white;
  margin-bottom: 0.5em;
  padding-left: 1em;
  border-radius: 10px 2px;
  box-shadow: 0 0 10px 2px #aaa;
}

.divTeamList img {
	margin: 2px 4px 0 0;
	vertical-align: sub;
	opacity: 0.7;
}

/* might be specific to registration Google Doc spreadsheet icon? */
.divTeamList img:hover { opacity: 1; }
.divTeamList li.gone, .lineThrough { text-decoration: line-through; }
.divTeamList li.gone img { display: none; }

/* Division Alignment Tables */
.divteamlist {
  float: left;
  border: 1px;
  margin-right: 10px;
  font-size: 0.9em;
}

.divteamlist th {
  color: white;
  text-align: left;
  padding-left: 5px;
}
.divteamlist td { padding-right: 10px; }

/* rescheduled Games */
#rescheduledGames {
	font-size: 0.8em;
	border-collapse: collapse;
	margin: 0 auto 1em 3em;
}

#rescheduledGames th {
	text-align: left;
	border-bottom: 1px solid #96f;
}
#rescheduledGames td { padding-right: 1em; }

.bullettable {
	font-size: 0.9em;
	border: none;
	border-collapse: collapse;
}

.bullettable td { vertical-align: top; }

.bullettable td:first-child {
	color: #363;
	white-space: nowrap;
	padding-right: 0.5em;
}

.workSchedule .bullettable {
	margin: 0.5em 1.5em 0 1em;
	float: left;
}

.workSchedule .bullettable tr:first-child td {
	font-size: 1.3em;
	padding-top: 0.6em;
	color: black;
	border-bottom: 1px solid #333;
}

.workSchedule .past { text-decoration: line-through; }
.mono { font-family: Courier, "New Courier", monospacing; }
.indent { margin-left: 2em; }

.fakeTeam {
	font-style: italic;
	color: #666;
}

.smallUni {
	width: 16px;
	height: 16px;
}

.team { font-weight: bold; }

.team img, .smallUni {			/* originals are 26 x 23 ?! */
	width: 15px;
	height: 17px;
}

/* tbdGames - Upcoming Games to be Rescheduled */

.tbdGames {
	padding: 0.5em 1em 0;
	border: 2px solid #f99;
	border-color: #f99 #f44 #f44 #f99;
	-moz-box-shadow:  1px 1px 2px #ccc;
	-webkit-box-shadow:  1px 1px 2px #ccc;
	box-shadow:  1px 1px 2px #ccc;
	max-width: 50em;
	background-color: white;
	margin: 1em 0 2em 0;
}

.tbdGames p {
	font-size: 0.9em;
	margin: 0 0 0.5em 1em;
	color: #666;
}

.tbdGames table {
	border-collapse: collapse;
	margin-bottom: 1em;
}

.tbdGames th {
	padding: 0 0.2em 0.2em;
	text-align: left;
	color: #f66;
	font-weight: bold;
}
.tbdGames th.hidden {
	visibility: hidden;
}

.tbdGames td {
	padding: 0.2em;
	font-size: 0.8em;
}

.tbdGames td img {
	width: 18px;
	height: 16px;
	margin: 0 5px;
	vertical-align: sub;
}

.tbdGames .past td {
	/*background-color: #f3f3f3;*/
	font-weight: normal;
}

.tbdGames td:first-child {
	font-weight: bold;
	color: #393;
}

.tbdGames td:first-child + td {
	text-align: right;
}

.tbdGames td:first-child + td, .tbdGames td:first-child + td + td {
	font-weight: bold;
	width: 14em;
}

.tbdGames th:last-child {
	font-style: italic;
}

.tbdGames .rescheduled th:last-child {
	color: #666;
	font-style: normal;
	padding-left: 1.1em;
}

.tbdGames .tbd td:last-child {
	color: #555;
	padding-left: 1.1em;
}

.tbdGames .rescheduled td:last-child {
	color: black;
	padding-left: 1.1em;
}

.tbdGames span.yesterday, .tbdGames span.today, .tbdGames span.tomorrow {
	font-weight: bold;
	color: #c33;
	padding: 0 6px;
	text-align: left;
  border: 1px solid #c99;
  border-radius: 2px;
}

.tbdGames span.yesterday, .tbdGames span.tomorrow { font-weight: normal; }

.tbdGames h2 {
	margin: 0.5em 0 0.1em 0;
	border-bottom: 1px solid #999 !important;
	-moz-text-shadow: 1px 1px 2px #ddd;
	-webkit-text-shadow: 1px 1px 2px #ddd;
	text-shadow: 1px 1px 2px #ddd;
	padding: 0;
	font-size: 1.2em !important;
}

.caption {
	font-size: 0.8em;
	font-weight: bold;
	color: #444;
	margin-top: 0;
	text-shadow: 1px 1px 1px white;
}

.notReady { margin: 2em; }

.hoverSpin:hover {
  -moz-transform: rotateY(360deg);
  -moz-transition-duration: 2s;
  -o-transform: rotateY(360deg);
  -o-transition-duration: 2s;
  -webkit-transform: rotateY(360deg);
  -webkit-transition-duration: 2s;
}

.spin180 {
  -moz-transform: rotateY(180deg);
  -moz-transition-duration: 1s;
  -o-transform: rotateY(180deg);
  -o-transition-duration: 1s;
  -webkit-transform: rotateY(180deg);
  -webkit-transition-duration: 1s;
}


/* not expecting support for an actual small-caps font-variant, we fake it */
.smallCaps {
  font-size: 0.8em;
  text-transform: uppercase;
}

/* Header CSS */
.nbHeader, .index-header h1 {  /* serves as Title Header for current page */
  padding: 5px 0 5px 10px;
  font-size: 1.7em;
  font-weight: bold !important;
  margin-top: 0;
  margin-bottom: 0;
  color: #363;
  text-shadow: #ccc 1px 1px 2px;
  letter-spacing: 1px;
	text-transform: none !important;
}

/* Responsive NavBar */
.navBarTable {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
	list-style: none;
}

/* provides background-color to navBarTable */
.navbar, .nav1bar { background-color: #e8f8e8; }

.navBarTable li {
  text-align: center;
  vertical-align: middle;
  font-size: 0.95em;
  font-family: "Alegreya SC";
}

.navBarTable li a {
  color: #555;
  background-color: inherit;
  text-decoration: none;
  display: block;
  padding: 0.3em 0em;
}

.navBarTable li a:hover {
  text-decoration: underline;
  text-shadow: #ccc 0.1em 0.1em 0.3em;
  color: black;
}

.navBarTable li a:active { color: white; }

.navBarTable li.nbSelected {
  color: black;
  background-color: #363;
  color: white;
  padding: 0.3em 1.1em;
}

li.nbSub {
	width: 100%;
	/* height: 3em; */
  padding: 0em;
  background-color: #e7e7e7;
  color: #666;
	padding-right: 1.5em;
}

span.nbSub {
  text-align: right;
	float: right;
	display: inline-block;
}

li.nbsearch {
  white-space: nowrap;
  text-align: center;
	padding: 0.3em 0em;
}

#txtSearch { margin-left: 1em; }
.navBarTable form { margin: 0; }

#searchMessage {
  font-size: 0.8em;
  font-weight: bold;
  color: #c33;
  padding: 0 1.1em 0 0;
}

button.searchbutton {
  background: none !important;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  cursor: pointer;
}
/* End Responsive NavBar */