/* === About ==== */
#about .aboutImageRow {
 	text-align:center;
	margin: 22px 0 12px 0;
}
#about .aboutCaption {
	text-align: center;
	padding: 4px 0 6px 0;
}

/* === Awards ==== */
#awards .awardsDivider {
  margin: 16px;
}
#awards .awardsDividerBlack {
  background-color: #222;
  height: 1px;
}
#awards .awardsDividerWhite {
  background-color: #ddd;
  height: 1px;
}

/* === Box Score ==== */

/* -- page layout -- */
#boxscore .scoreBoard {
	margin-bottom: 24px;
}
#boxscore div.periodScore {
	width:70%;
	margin: 0 auto;
}
#boxscore .pageModWrapper {
  max-width: 100%;
}

/* -- scoreboard -- */
#boxscore .scoreBoardTableWrapper {
  border: none;
  background: none;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
}
#boxscore .scoreBoard table {
  border-collapse: separate;
  border-spacing: 0;
}
#boxscore .scoreBoard thead td {
  border: none;
  padding: 8px 12px;
  font-size: 14px;
  background-color: #2c3e50;
}
#boxscore .scoreBoard tbody td {
  border: none;
  border-bottom: 1px solid #eee;
  padding: 8px 12px;
  font-size: 14px;
}
#boxscore .scoreBoard tbody tr:last-child td {
  border-bottom: none;
}
/* Team icon in front of team name (same as standings; no icon = blue circle with letter) */
#boxscore .scoreBoard td.team.hasTeamIcon {
  display: flex;
  align-items: center;
  padding-left: 8px;
}
#boxscore .scoreBoard .teamIcon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 999px;
  background-color: transparent;
}
#boxscore .scoreBoard .teamIcon.noIcon {
  background-color: #27e;
}
#boxscore .scoreBoard td.team.hasTeamIcon > div {
  padding-left: 8px;
}
#boxscore .scoreBoard td.location {
  background-color: #2c3e50;
}
#boxscore .scoreBoard td.final {
  border-left: 2px solid #ddd;
  font-weight: 700;
}
#boxscore .gameDate {
  font-size: 13px;
  margin-bottom: 8px;
  opacity: 0.85;
}

/* -- section headings (shared across summary + stats) -- */
#boxscore .modGroupHeading {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 0 4px 12px;
  cursor: pointer;
  user-select: none;
}
#boxscore .modGroupHeading .boxscoreChevron {
  margin-left: 8px;
  font-size: 12px;
  transition: transform 0.2s ease;
  display: inline-block;
  vertical-align: text-top;
}
#boxscore .modGroupHeading.bsCollapsed .boxscoreChevron {
  transform: rotate(-90deg);
}

/* -- summary sections -- */
#boxscore .boxscoreSummarySection {
  margin: 24px 0;
}
#boxscore .boxscoreSummarySection > .modGroupDetailsWrapper {
  border: none;
  background: none;
  padding: 0;
}

/* -- game summary / play-by-play text areas -- */
#boxscore .gamesum, #boxscore .playbyplay {
	margin-bottom: 24px;
	padding: 16px 20px;
	background-color: #fff;
	border: none;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
	color: #374151;
	width: 100%;
	max-width: 100%;
	font-size: 14px;
	line-height: 1.6;
}
#boxscore .gamesum a, #boxscore .playbyplay a {
	color: #2563eb;
}
#boxscore .gamesum a:hover, #boxscore .playbyplay a:hover {
	color: #1d4ed8;
}

/* -- stats wrapper + stats tables -- */
#boxscore .statsWrapper {
  margin-top: 24px;
}
#boxscore .statsWrapper .modGroupHeading {
  margin-top: 24px;
}
#boxscore .statsWrapper .paging {
  margin-top: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  opacity: 0.7;
}
#boxscore .dataTable {
  border-radius: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0;
}
#boxscore .dataTable table {
  border-collapse: separate;
  border-spacing: 0;
}
#boxscore .dataTable td {
  border: none;
  border-bottom: 1px solid #eee;
  padding: 8px 6px;
}
#boxscore .dataTable td.indentCell {
  padding-left: 25px;
}
#boxscore .dataTable thead tr {
  background-color: #2c3e50;
}
#boxscore .dataTable thead td {
  padding: 10px 6px;
  font-size: 12px;
  letter-spacing: 0.3px;
  border: none;
}
#frameOuterWrapper #boxscore .dataTable thead td
, #frameOuterWrapper #boxscore .dataTable thead a {
  color: #fff;
}
#frameOuterWrapper #boxscore .dataTable thead a:hover {
  color: #cbd5e1;
}
#boxscore .dataTable tbody tr {
  background-color: #fff;
  transition: background-color 0.15s ease;
}
#boxscore .dataTable .statsRowOdd {
  background-color: #f8f9fb;
}
#boxscore .dataTable .sortCol {
  background-color: rgba(0,0,0,0.03);
}
#boxscore .dataTable .statsRowOdd .sortCol {
  background-color: rgba(0,0,0,0.04);
}
#boxscore .dataTable tbody .over {
  background-color: #edf2f7;
}
#frameOuterWrapper #boxscore .dataTable tbody td {
  color: #374151;
}
#frameOuterWrapper #boxscore .dataTable tbody a {
  color: #2563eb;
  text-decoration: none;
}
#frameOuterWrapper #boxscore .dataTable tbody a:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
#boxscore .dataTable tfoot tr {
  background-color: #f1f5f9;
  font-weight: 600;
}
#boxscore .dataTable tfoot td {
  border-top: 2px solid #e2e8f0;
  border-bottom: none;
}
#frameOuterWrapper #boxscore .dataTable tfoot td {
  color: #1e293b;
}
#boxscore .dataTable tbody tr:last-child td {
  border-bottom: none;
}
#boxscore .dataTable .dataTableName {
  font-weight: 600;
}

/* -- stats page: the box score's shape, with the site's own table palette left intact --
   Every color the style editor drives is deliberately unset here so the theme still wins. */
#stats .modGroupHeading {
  margin-top: 24px;
  padding: 0 0 4px 12px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#stats .paging {
  margin-top: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  opacity: 0.7;
}
#stats .dataTable {
  margin-bottom: 0;
  border-radius: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  -webkit-overflow-scrolling: touch;
}
#stats .dataTable table {
  border-collapse: separate;
  border-spacing: 0;
}
#stats .dataTable td {
  padding: 8px 6px;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.07);
}
#stats .dataTable thead td {
  padding: 10px 6px;
  border: none;
  font-size: 12px;
  letter-spacing: 0.3px;
  font-weight: normal;
}
#stats .dataTable tbody tr {
  transition: background-color 0.15s ease;
}
#stats .dataTable tbody tr:last-child td {
  border-bottom: none;
}
#stats .dataTable tfoot tr {
  font-weight: 600;
}
#stats .dataTable tfoot td {
  border-top: 2px solid rgba(0,0,0,0.12);
  border-bottom: none;
}
#stats .dataTable td.indentCell {
  padding-left: 25px;
}
/* The sorted column is marked on its heading only, not banded down the whole table. */
#stats .dataTable tbody .sortCol,
#stats .dataTable tfoot .sortCol {
  background-color: transparent;
}
#stats .dataTable thead .sortColHead {
  background-color: rgba(0,0,0,0.15);
}
/* Even padding, so the 26px line box centres in the 28px control instead of
   sitting low against the buttons beside it and clipping its own descenders. */
#stats #filterSlider .form-control {
  padding: 1px 9px;
}
/* Only the wrapped selects draw a caret, and the shorthand above is what takes
   away the room the base rule left for it. Give that side back, or the season
   name runs underneath the arrow. */
#stats #filterSlider .selectDiv select.form-control {
  padding-right: 24px;
}
#stats #filterSlider .btn-group input[type="button"] {
  padding-top: 1px;
  padding-bottom: 1px;
}

/* -- stats page: one column grid shared by every stacked table --
   Player info anchors left, stats anchor right, the spacer takes the slack.
   AddStats writes the widths; the px here are the no-var fallback. */
#stats .statGrid .dataTable table {
  table-layout: fixed;
  width: 100%;
}
#stats .statGrid col.statColNumber {
  width: 42px;
  width: var(--statColNumberWidth, 42px);
}
#stats .statGrid col.statColName {
  width: 170px;
  width: var(--statColNameWidth, 170px);
}
#stats .statGrid col.statColTeam {
  width: 130px;
  width: var(--statColTeamWidth, 130px);
}
#stats .statGrid col.statColInfo {
  width: 60px;
  width: var(--statColInfoWidth, 60px);
}
#stats .statGrid col.statColStat {
  width: 52px;
  width: var(--statColStatWidth, 52px);
}
/* Spacer used up: every column drops to its share of the same widths, so the
   two groups shrink together instead of the table overflowing into a scroll. */
#stats .statGridFluid col.statColNumber {
  width: var(--statColNumberShare, 42px);
}
#stats .statGridFluid col.statColName {
  width: var(--statColNameShare, 170px);
}
#stats .statGridFluid col.statColTeam {
  width: var(--statColTeamShare, 130px);
}
#stats .statGridFluid col.statColInfo {
  width: var(--statColInfoShare, 60px);
}
#stats .statGridFluid col.statColStat {
  width: var(--statColStatShare, 52px);
}
/* Past the point where shares still read, alignment costs more than it gives -
   each table sizes to its own content so none of them need to scroll. */
#stats .statGridLoose .dataTable table {
  table-layout: auto;
}
#stats .statGridLoose col {
  width: auto;
}
#stats .statGridLoose td.statColSpacer {
  width: 0;
}
/* col.statColSpacer is deliberately unsized - being the only column without a
   width is what makes it absorb everything left over. */
#stats .statGrid td.statColSpacer {
  padding: 0;
}
#stats .statGrid .dataTable td,
#stats .statGrid .dataTable td > a {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* StatColumnGridFit picks the mode at screen width and never sees the paper,
   and at screen padding a 19-column batting table is ~700px against ~650px of
   portrait page, clipped by the scroll box. Print sizes to content on tighter
   cells, and nothing is left to scroll. */
@media print {
  #stats .dataTable table {
    font-size: 12px;
  }
  #stats .dataTable td {
    padding: 4px 3px;
  }
  #stats .dataTable thead td {
    padding: 6px 3px;
  }
  #stats .statGrid .dataTable table {
    table-layout: auto;
  }
  #stats .statGrid col {
    width: auto;
  }
  #stats .statGrid td.statColSpacer {
    width: 0;
  }
  #stats .dataTable {
    overflow: visible;
  }
}

#stats .dataTable tbody td.hasStatImage .statCell {
  display: flex;
  align-items: center;
  gap: var(--statImageGap, 8px);
  min-width: 0;
}

#stats .dataTable tbody td.hasStatImage .statCellText {
  display: inline-block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#stats .dataTable tbody td.hasStatImage .statPlayerPhoto,
#stats .dataTable tbody td.hasStatImage .statTeamLogo {
  flex-shrink: 0;
  width: var(--statImageWidth, 26px);
}

#stats .dataTable tbody td.hasStatImage .statPlayerPhoto {
  border-radius: 6px;
  object-fit: cover;
}

#stats .dataTable tbody td.hasStatImage img.statPlayerPhoto {
  height: calc(var(--statImageWidth, 26px) * 1.25) !important;
}

#stats .dataTable tbody td.hasStatImage .statPlayerPhotoBlank {
  border: 1px solid #ccc;
  background: #f0f0f0;
}

#stats .dataTable tbody td.hasStatImage .statTeamLogo {
  border-radius: 999px;
  object-fit: contain;
}

#stats .dataTable tbody td.hasStatImage img.statTeamLogo {
  height: var(--statImageWidth, 26px) !important;
}

#stats .dataTable tbody td.hasStatImage .statTeamLogoBlank {
  background-color: #27e;
}

#stats .dataTable tbody td {
  padding-top: 6px;
  padding-bottom: 6px;
}

#stats .dataTable tbody td.dataTableName a {
  text-decoration: none;
}

#stats .dataTable tbody td.dataTableName a:hover {
  text-decoration: underline;
}

.playByPlay_wrapper {
  font-size: 16px; 
  line-height: 20px;
}

.playByPlay_inningHalf_heading_content {
  font-weight: bold;
}

/* --- Summary tables: shared modern styles --- */
#boxscore .scoreSummaryWrapper table
, #boxscore .penaltySummaryWrapper table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
  border: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
}
#boxscore .scoreSummaryWrapper table thead
, #boxscore .penaltySummaryWrapper table thead {
  font-weight: 600;
}
#boxscore .scoreSummaryWrapper table thead tr
, #boxscore .penaltySummaryWrapper table thead tr {
  background-color: #2c3e50;
  color: #fff;
}
#boxscore .scoreSummaryWrapper table thead td
, #boxscore .penaltySummaryWrapper table thead td {
  padding: 10px 14px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  border-bottom: none;
  font-weight: 600;
}
#boxscore .scoreSummaryWrapper table tbody tr
, #boxscore .penaltySummaryWrapper table tbody tr {
  border-top: none;
  background-color: #fff;
  transition: background-color 0.15s ease;
}
#boxscore .scoreSummaryWrapper table tbody tr:nth-child(even)
, #boxscore .penaltySummaryWrapper table tbody tr:nth-child(even) {
  background-color: #f8f9fb;
}
#boxscore .scoreSummaryWrapper table tbody tr:hover
, #boxscore .penaltySummaryWrapper table tbody tr:hover {
  background-color: #edf2f7;
}
#boxscore .scoreSummaryWrapper table td
, #boxscore .penaltySummaryWrapper table td {
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.5;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
}
#frameOuterWrapper #boxscore .scoreSummaryWrapper table tbody td
, #frameOuterWrapper #boxscore .penaltySummaryWrapper table tbody td {
  color: #374151;
}
#frameOuterWrapper #boxscore .scoreSummaryWrapper table tbody a
, #frameOuterWrapper #boxscore .penaltySummaryWrapper table tbody a {
  color: #2563eb;
  text-decoration: none;
}
#frameOuterWrapper #boxscore .scoreSummaryWrapper table tbody a:hover
, #frameOuterWrapper #boxscore .penaltySummaryWrapper table tbody a:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
#boxscore .scoreSummaryWrapper table tbody tr:last-child td
, #boxscore .penaltySummaryWrapper table tbody tr:last-child td {
  border-bottom: none;
}

/* Period cell: centered badge */
#boxscore .scoreSummaryWrapper table td.perCell
, #boxscore .penaltySummaryWrapper table td.perCell
, #boxscore .playByPlaySummaryWrapper table td.perCell {
  text-align: center;
  font-weight: 700;
  width: 50px;
}

/* Time cell: tabular numbers */
#boxscore .scoreSummaryWrapper table td.timeCell
, #boxscore .penaltySummaryWrapper table td.timeCell {
  font-variant-numeric: tabular-nums;
  font-family: "SF Mono", "Consolas", "Menlo", monospace;
  font-size: 13px;
  white-space: nowrap;
  width: 60px;
}

/* Strength cell: small pill */
#boxscore .scoreSummaryWrapper table td.strCell {
  width: 70px;
  text-align: center;
}

/* Team cell */
#boxscore .scoreSummaryWrapper table td.teamCell
, #boxscore .penaltySummaryWrapper table td.teamCell {
  font-weight: 600;
  white-space: nowrap;
}

/* Total cell: score nums aligned, team name after */
#boxscore .scoreSummaryWrapper table td.totalCell {
  font-weight: 600;
  white-space: nowrap;
  text-align: left;
  font-size: 13px;
}
#boxscore .scoreSummaryWrapper table td.totalCell .totalNums {
  display: inline-block;
  min-width: 36px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-family: "SF Mono", "Consolas", "Menlo", monospace;
  font-size: 14px;
  font-weight: 700;
  margin-right: 6px;
}
#boxscore .scoreSummaryWrapper table td.totalCell .totalTeam {
  font-weight: 400;
  font-size: 12px;
  opacity: 0.7;
}
#frameOuterWrapper #boxscore .scoreSummaryWrapper table td.totalCell {
  color: #1e3a5f;
}

/* Penalty table: length cell */
#boxscore .penaltySummaryWrapper table td.lengthCell {
  font-variant-numeric: tabular-nums;
  font-family: "SF Mono", "Consolas", "Menlo", monospace;
  font-size: 13px;
  text-align: center;
  width: 60px;
}

/* Penalty table: infraction cell */
#frameOuterWrapper #boxscore .penaltySummaryWrapper table td.infractionCell {
  color: #6b7280;
  font-size: 13px;
}

#boxscore .scoreSummaryWrapper .periodHeadMobile, #boxscore .scoreSummaryWrapper .strengthHeadMobile
, #boxscore .penaltySummaryWrapper .periodHeadMobile {
  display: none;
}

#boxscore .summaryWrapper, #boxscore .summaryWrapper .modGroupItem {
  padding: 0;
  border: none;
}
#boxscore .penaltySummaryWrapper table td div {
  line-height: 1.5;
}

#boxscore .playByPlaySummaryWrapper table tr.scoringRow td {
  color: #000;
}

@media (max-width: 767px) {
  /* ITEM-8186: the stacked view parks each column label in an absolute :before
     down the left edge, and the padding above wins on specificity and takes
     away the gap it lands in. Give the reserve back, or label and value print
     on top of each other. Stats only stacks where a page pref asks for it. */
  #stats .dataTable.collapseMobile td {
    padding-left: 52%;
  }
  /* The spacer only exists to absorb slack across a row. Stacked, there is no
     row left to absorb, so it reads as a blank band between Team and Games. */
  #stats .dataTable.collapseMobile td.statColSpacer {
    display: none;
  }
  #boxscore .scoreSummaryWrapper .periodHead, #boxscore .scoreSummaryWrapper .strengthHead
  , #boxscore .penaltySummaryWrapper .periodHead {
    display: none;
  }
  #boxscore .scoreSummaryWrapper .periodHeadMobile, #boxscore .scoreSummaryWrapper .strengthHeadMobile
  , #boxscore .penaltySummaryWrapper .periodHeadMobile {
    display: inline-block;
  }
  #boxscore .scoreSummaryWrapper table td
  , #boxscore .penaltySummaryWrapper table td {
    padding: 8px 10px;
    font-size: 13px;
  }
  #boxscore .scoreSummaryWrapper table thead td
  , #boxscore .penaltySummaryWrapper table thead td {
    padding: 8px 10px;
    font-size: 10px;
  }
  #boxscore .scoreSummaryWrapper table td.timeCell
  , #boxscore .penaltySummaryWrapper table td.timeCell
  , #boxscore .penaltySummaryWrapper table td.lengthCell {
    font-size: 12px;
  }
}



/* MOVE TO COMMON */
/* === Coaches ==== */



/*

.peopleListPage .modGroupItem .nameLabel {
	width:33%;
}

.peopleListPage .modGroupItem .nameLabel
, .peopleListPage .modGroupItem .staffTitle
, .peopleListPage .modGroupItem .staffTeam
, .peopleListPage .modGroupItem .staffContactInfo {
	line-height:18px;
}




*/


/*
.peopleListPage .modGroupItem span
, .peopleListPage .modGroupItem .nameLabel {
	display:inline-block;
	vertical-align: middle;
}
*/

#roster .modGroupWrapper, #coaches .modGroupWrapper {
  margin: 6px 0 6px 6px;
}

#roster .modGroupWrapper .filterItem {
  margin: 4px 8px 4px 0;
}

@media screen and (max-width: 767px) {
  #roster .filterForm {
    margin: 0;
  }
  #roster .filterForm .filters {
    margin: 0;
    padding: 0;
  }
}




.peopleListPage .paging {
	margin-top:10px;
}
.peopleListPage .historyLink {
	text-align:right;
	margin-right:12px;
}



.peopleListPage .contactStr {
	margin-right: 16px;
}
.peopleListPage .contactStr_phoneMobile:before {
    font-family: FontAwesome;
    content: "\f10b";
    margin-right: 8px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    text-align: center;
    font-size:18px;
}
.peopleListPage .contactStr_phone:before {
    font-family: FontAwesome;
    content: "\f095";
    margin-right: 8px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    text-align: center;
}

.peopleListPage .contactStr_email:before {
    font-family: FontAwesome;
    content: "\f003";
    margin-right: 8px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    text-align: center;
}

.peopleListPage .modGroupDetailsWrapper {
	border-radius: 6px;
}


@media (max-width: 650px) {

  .peopleListPage .modGroupDetailsWrapper {
    border-radius: 0;
  }


}


.peopleListPage .pagination {
  margin-bottom:0;
}



.peopleListPage .nameLabel {
  font-weight:bold;
}



.peopleListPage .thead {
  padding: 0;
  line-height: 22px;
  font-size: 12px;
}
.peopleListPage .thead a {
  text-decoration: none;
}
.peopleListPage .thead a:hover {
  text-decoration: underline;
}


.peopleListPage .thead .nameLabel {
  font-weight: normal;
}




.peopleListPage .modGroupItemAdd .noneLabel {
  color:#aaa;
  font-size: 12px;
  font-weight: normal;
}




/* common */





/*

.peopleListPage.hasPlayerNumber #group_byTeam_byName .list .tableHeader li
, .peopleListPage.hasPlayerNumber #group_byTeam .tableHeader li
, .peopleListPage.hasPlayerNumber .modGroupDetailsWrapper .tableHeader li {

  margin:0;

  padding:0 2px 0 36px;

  list-style-type: none;

  line-height: 22px;

  display:block;
  text-align: left;

}




.peopleListPage #group_byTeam_byName .list li:before
, .peopleListPage #group_byTeam_byName .list li:after

, .peopleListPage #group_byTeam .list li:before
, .peopleListPage #group_byTeam .list li:after

, .peopleListPage .modGroupDetailsWrapper .list li:before
, .peopleListPage .modGroupDetailsWrapper .list li:after
 {
    display: table;
    content: " ";
}




.peopleListPage #group_byTeam_byName .list li:after
, .peopleListPage #group_byTeam .list li:after
, .peopleListPage .modGroupDetailsWrapper .list li:after
 {
  clear: both;
}

*/






/* grouped */
.peopleListPage #group_byTeam {

}
.peopleListPage #group_byTeam .list {
  margin: 0;
}


/* team and division separators */
/* ITEM-8100 SCOPING FIX (verifier-found): the original patch left this whole
   block on the bare `.peopleListPage .byTeamTeamRow` / `.teamLabel` /
   `.structItemTeam` selectors, which Coaches (teamsCode/Coaches-s.asp public,
   adminCode/Coaches-s.asp admin, tournamentCode/Coaches-s.asp) ALSO renders
   inside a `pageModWrapper peopleListPage` wrapper, using the very same
   class names for its own (unrelated) team-group headers. That silently
   reskinned Coaches with no review, and Coaches never carries
   `.structItemTeam.collapsed` (it uses `collapsedBody`), so the
   expanded-state radius rule would never have fired there anyway --
   Coaches rows would have shown the full rounded pill in both states.
   Fix: base `.byTeamTeamRow` / `.byTeamDivisionRow` / `#group_byTeam
   .modGroupDetailsWrapper` below are restored to their pre-ITEM-8100 values
   (unscoped, so Coaches keeps its original flat-gray look untouched), and
   every ITEM-8100 rule is re-declared under `.peopleListPage.rosterGroupHeader`
   -- a marker class emitted ONLY by the roster wrapper (Add_Roster_Players
   in teamsCode/Roster-s.asp), never by any Coaches wrapper. */
.peopleListPage .byTeamTeamRow {
  background-color: #777;
  padding: 0 12px;
  color:#fff;
  line-height: 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-weight: bold;
  font-size: 14px;

  display: block;
  text-decoration: none;
  margin-top: 4px;

}
.fullPage .mainArea .modWrapper .modColorBG .peopleListPage a.byTeamTeamRow {
  color:#fff;
}
/* mouse click shouldn't leave the default focus outline on the row; keyboard nav keeps it */
.peopleListPage a.byTeamTeamRow:focus:not(:focus-visible) {
  outline: none;
}

/* ITEM-8100: taller, identifiable group headers -- team icon in front of
   the name, a deliberate background instead of the flat default gray, and
   a border radius that matches the expand/collapse control (10px, same as
   .expandCollapseLink below) instead of the old top-only 6px. Shared by
   BOTH the public roster (teams/Roster.asp) and the admin roster
   (admin/Roster.asp) -- both load this stylesheet, and both render this
   markup from the one shared function (Add_Roster_Players_byTeam_row in
   teamsCode/Roster-s.asp). Scoped to `.rosterGroupHeader` -- see the note
   above the base `.byTeamTeamRow` rule -- so Coaches is unaffected. */
.peopleListPage.rosterGroupHeader .byTeamTeamRow {
  display: flex;
  align-items: center;
  /* REVERTED 2026-09-09, then CORRECTED same day (Ben caught this
     unauthorized -- "why did the bg color change on the rows. that was not
     part of the intent."): in the originating thread Aaron said "not sure
     about the gray either" and Ben replied "maybe not," DECLINING a color
     change. #2c3e50 dark navy was never authorized. The first revert set
     this to `background-color:#777`, reasoning that was "live's #777" --
     true for PUBLIC (style260908.css `.peopleListPage .byTeamTeamRow`) but
     wrong for ADMIN: a full getComputedStyle cascade dump on live TESTSITE
     admin (not a CSS grep) shows `admin/style/Coaches260515.css`'s
     `.modGroupWrapper .byTeamTeamRow` (equal specificity, loaded AFTER
     style260908.css, admin-only -- adminCode/CoachesCommon-s.asp loads it
     on every admin page) wins with `background-color:#bbb`, and that this
     selector here (3 classes) was more specific than BOTH of those and so
     forced #777 everywhere regardless, silently overriding what should have
     been Coaches260515's win on admin. Declaring no background-color at all
     here lets the two live rules resolve exactly as they already do on
     live: #777 on public (only style260908.css matches -- Coaches260515
     never loads there), #bbb on admin (Coaches260515 wins on load order,
     same as live), with nothing here fighting the outcome on either page. */
  /* TIGHTEN (Ben, live-review after review #6): 10px 14px measured 54px
     tall on the live page -- Ben's word after seeing it rendered was "way
     too much padding above and below... keep the rows tight and narrow,"
     overriding the ticket's original "taller, more breathing room" ask.
     Cut vertical padding to 4px (top/bottom), paired with the icon shrink
     below (34px -> 24px, the other thing driving the old height) so the
     row lands close to 32px measured -- meaningfully shorter than the
     54px this replaced, still clearly more than the 24px thin strip the
     ticket replaced in the first place. Horizontal padding (12px, live's
     own value) was never part of that review -- REVERTED 2026-09-09,
     same unauthorized-change pass as the background color above. */
  padding: 4px 12px;
  color:#fff;
  line-height: 1.3;
  border-radius: 10px;
  /* font-weight:bold REMOVED 2026-09-09 -- same over-specificity bug as the
     background-color above: this selector (3 classes) is more specific than
     both style260908.css's `.peopleListPage .byTeamTeamRow` (font-weight:
     700/bold -- what public genuinely renders live) and
     Coaches260515.css's `.modGroupWrapper .byTeamTeamRow` (font-weight:400,
     admin-only, equal specificity, later load order -- what admin genuinely
     renders live). Declaring it here forced bold on admin too, which
     doesn't match live and was never part of the stated intent. No
     declaration here lets each page's own live rule win, same fix as the
     background-color above. */
  /* REVERTED 2026-09-09: font-size 15px was never discussed in any review
     note on this file (only padding + icon size are, above) -- restored to
     live's 14px alongside the background-color and padding reverts. */
  font-size: 14px;

  text-decoration: none;
  /* REVERTED 2026-09-09: margin-top 6px (live is 4px) was likewise
     undocumented -- restored with the rest of this pass. */
  margin-top: 4px;

}

/* Collapsed = a self-contained pill, all four corners rounded. Only once
   expanded does the header need to blend into the player rows below it, so
   only then do we flatten the bottom. .structItemTeam carries .collapsed
   server-side and client-side (ExpandCollapse / ExpandCollapseBody in
   teams/scripts/src/TablePaging.js toggle it) -- this is what fixes the
   "flat bottom on the collapsed state" complaint. Roster-only: Coaches uses
   `collapsedBody` for the same state, not `.structItemTeam.collapsed`, so
   this selector was always a silent no-op there -- scoping makes that
   explicit rather than leaving a rule that can never fire on that markup. */
.peopleListPage.rosterGroupHeader .structItemTeam:not(.collapsed) .byTeamTeamRow {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* team icon slot -- reuses orgNodes[].logo (+ letter-tile fallback), see
   teamsCode/Roster-s.asp Add_Roster_Players_byTeam_row. flex-centered so a
   real uploaded logo (below) can be scaled by intrinsic size rather than
   forced to fill the box.
   SHAPE FIX (Ben review #4 -- "why are you using a square icon when we
   dont use square anywhere"): verified against every other place a TEAM
   icon renders on the site -- #teams .teamLogo and #boxscore/#scores
   .teamIcon in this same file (border-radius:999px), and the Roster Mod
   team-header wrapper .rosterModPlayerTeamImage in
   Templates/responsive/src/home.css (border-radius:99px wrapper + 999px on
   the inner img, which the Roster Card Grid reuses unchanged). Every one of
   them is a circle, hardcoded, no per-site opt-out -- unlike PLAYER photos
   (.playerPhoto in this file, #coaches and teamsCode/Roster-s.asp), which
   default to a 6px rounded square and only go circular when a site turns on
   Photo Display's "round profile images". A team badge is never square
   anywhere in the product, so the badge here is switched from 8px to a
   circle (999px) to match. overflow:hidden is what keeps it working for
   both the letter-tile fallback (a solid-color square PNG -- clipping its
   corners to a circle is exactly what the standings/scoreboard code already
   does and is the source of the "blue circle with a letter" convention) and
   a real logo (object-fit:contain below letterboxes it inside the circle
   rather than cropping any of its content). */
.peopleListPage.rosterGroupHeader .byTeamTeamRow .rosterGroupIcon {
  order: 1;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /* TIGHTEN (Ben, live-review after review #6): 34px was the other thing
     driving the 54px row -- shrunk to 24px so the row can actually get
     tight (see padding note on .byTeamTeamRow above). 24px is treated as
     the floor for legibility here: a single bold uppercase letter tile
     still reads cleanly at 24px (checked visually on the live page,
     TESTSITE + MNHL letter tiles), but it starts to blur below ~20px, so
     don't go smaller than this without re-checking. */
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 999px;
  overflow: hidden;
  background-color: rgba(255,255,255,0.15);
}
/* ITEM-8100 (Ben review #3): a real uploaded logo and the letter-tile
   fallback were rendering as visibly different components -- `object-fit:
   cover` filled the box by CROPPING whatever didn't fit the square, which
   is fine for the letter tiles (they're pre-rendered square PNGs, so cover
   and contain look identical on them) but chops real logos that aren't
   square, and Ben was explicit that cropping meaningful logo content is not
   acceptable. Switched to intrinsic-size scaling (the `contain` behavior,
   spelled out instead of `object-fit` so IE/old-Edge -- still relevant here,
   see admin's own conditional IE/Edge blocks elsewhere in this file -- gets
   the same result): the image is never upscaled or cropped, a wide logo
   goes letter-box-wide and a tall one goes letter-box-tall, and in both
   cases the icon slot's own background (rgba(255,255,255,0.15), same tint
   the letter tiles' `#27e` sits inside) fills the remainder of the box so
   the leftover space reads as intentional badge padding, not blank
   whitespace. A transparent-background PNG shows that same tint through it
   rather than the page behind, so it reads as "in the badge" too. */
.peopleListPage.rosterGroupHeader .byTeamTeamRow .rosterGroupIcon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  /* ITEM-8100 broken-image fix: hidden until the onerror/onload handler in
     Add_Roster_Players_byTeam_row (teamsCode/Roster-s.asp) adds
     .rosterGroupIconLoaded -- so a real logo whose file is missing from
     MEDIA_DOMAIN (confirmed happens; CheckFiles() only sees the app
     server's own disk, not the CDN) never paints the browser's default
     broken-image glyph in the badge before the onerror fallback swaps the
     src to the letter tile. Nothing to fade -- an instant reveal reads as
     "the icon appeared," not as a flash. */
  opacity: 0;
}
.peopleListPage.rosterGroupHeader .byTeamTeamRow .rosterGroupIcon img.rosterGroupIconLoaded {
  opacity: 1;
}

.peopleListPage.rosterGroupHeader .byTeamTeamRow .teamLabel {
  order: 2;
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ITEM-8259: the nowrap label above sized the auto-width table to the longest
   team name, pushing counts/+ off phone screens. max-width:0 lets it ellipsize. */
.peopleListPage.rosterGroupHeader td:has(> .byTeamTeamRow) {
  max-width: 0;
}
/* ITEM-8100 COLOR FIX (Ben caught 2026-09-09 -- "you changed the admin
   header color and nobody asked for it"): the prior "SCOPING FIX" comment
   above this block (removed) called the pale pill a leak from
   `admin/style/Coaches260515.css` and zeroed it out with an explicit
   `color:#fff; background-color:transparent; border-radius:0` on the SHARED
   selector -- which also stripped it from PUBLIC's markup even though
   public was never the one carrying it (public is a plain `<span>`, admin
   is an `<a>` -- see the isAdminWithEditAccess branch in Roster-s.asp
   Add_Roster_Players_byTeam_row). Re-verified live on TESTSITE admin
   2026-09-09 via a full getComputedStyle cascade dump, not a CSS grep: the
   pale pill is NOT a leak, it's `admin/style/Coaches260515.css`'s
   `.modGroupWrapper .teamLabel` rule -- loaded on every admin page
   (adminCode/CoachesCommon-s.asp, not gated to Coaches) -- and it is the
   ENTIRE live style for this element (color, background, radius, font,
   padding, sizing all come from that one rule; nothing else in the admin
   bundles touches `.teamLabel`). It is genuine, current production
   behavior, not a bug. Split by tag instead of stripping every page down to
   one shared color: public (`span.teamLabel`, below) keeps the white text
   it has always rendered and Ben already approved; admin (`a.teamLabel`,
   below) gets its live pale-pill values written back explicitly (not left
   to depend on Coaches260515's load order, so this survives that file ever
   moving) rather than leaving this shared rule silently override it. */
.peopleListPage.rosterGroupHeader .byTeamTeamRow span.teamLabel {
  color: #fff;
}
.peopleListPage.rosterGroupHeader .byTeamTeamRow a.teamLabel {
  color: #888;
  background-color: #ccc;
  border-radius: 12px;
}
.peopleListPage.rosterGroupHeader .byTeamTeamRow .teamLabel span {
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.peopleListPage.rosterGroupHeader .byTeamTeamRow .expandLabel
, .peopleListPage.rosterGroupHeader .byTeamTeamRow .numPlayers {
  order: 3;
  margin-left: auto;
  flex: 0 0 auto;
}
/* ITEM-8100 (Ben review #6 -- spacing): .numPlayers and .expandLabel are
   both order:3 above, so the FIRST one in DOM (as of the ordering fix in
   teamsCode/Roster-s.asp, that's .numPlayers) absorbs the row's remaining
   width via its own margin-left:auto and pushes the pair flush to the
   right edge; the second one's margin-left:auto then has no free space
   left to absorb and sits with zero gap against the first. Give the second
   a small fixed gap instead -- 8px matches the icon-to-label gap
   (.rosterGroupIcon margin-right above) and .numPlayers' own pre-existing
   margin-right, so it reads as the same rhythm rather than a new number.
   Admin's single .expandCollapseLink anchor is untouched by this -- its
   count and glyph are one flex item, not two siblings. */
.peopleListPage.rosterGroupHeader .byTeamTeamRow .numPlayers + .expandLabel {
  margin-left: 8px;
}
/* ITEM-8100 ORDER FIX (Ben caught 2026-09-09 -- "control order is wrong on
   admin"): .expandCollapseLink is admin-only (public renders .expandLabel /
   .numPlayers above instead, never both on the same row), so it was safe to
   pull out of the shared order:3 group above rather than needing its own
   selector scope. Before this, .expandCollapseLink shared order:3 with
   .teamStaffAdd/.teamSelectAll (below) pushed to order:4, which put the
   add-player button AFTER the expand/collapse control -- rightmost. Live
   admin (verified via getComputedStyle on TESTSITE, both 1440 and 390) ends
   the row add-player, then count, then the expand/collapse control at the
   FAR RIGHT. Restored: .teamStaffAdd/.teamSelectAll now carry the
   margin-left:auto that pulls the whole right-aligned cluster over (nothing
   else in the row needs it -- .expandCollapseLink never coexists with
   .expandLabel/.numPlayers in the same row, so there's no second "first
   item" to fight over the auto margin), and .expandCollapseLink moves to
   order:4, after it, landing at the true far right. Public's own control
   order (above, unchanged by this edit) was reviewed and approved
   separately on 2026-09-08 -- do not re-touch it to "match" this. */
.peopleListPage.rosterGroupHeader .byTeamTeamRow .teamStaffAdd
, .peopleListPage.rosterGroupHeader .byTeamTeamRow .teamSelectAll {
  order: 3;
  margin-left: auto;
  flex: 0 0 auto;
}
.peopleListPage.rosterGroupHeader .byTeamTeamRow .expandCollapseLink {
  order: 4;
  flex: 0 0 auto;
}

.peopleListPage .byTeamDivisionRow {
  padding: 0 12px;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  background-color: #333;
  color:#fff;
  border-radius: 6px;
  margin-top: 4px;
  margin-bottom: 1px;
}
.modWrapper .modColorBG .peopleListPage .byTeamDivisionRow a {
  color:#fff;
}

/* ITEM-8100: match the division-row radius to the new team-header radius.
   Coaches (public/admin/tournament) also renders `.byTeamDivisionRow` for
   its own league/division separators -- scoped to `.rosterGroupHeader`
   (see the note above `.byTeamTeamRow`) so Coaches keeps its original 6px. */
.peopleListPage.rosterGroupHeader .byTeamDivisionRow {
  border-radius: 10px;
}


.peopleListPage #group_byTeam .modGroupDetailsWrapper {
  margin-bottom: 4px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* ITEM-8100: Coaches also uses id="group_byTeam" for its own team grouping
   -- scoped to `.rosterGroupHeader` so Coaches keeps the original 6px /
   4px margin. */
.peopleListPage.rosterGroupHeader #group_byTeam .modGroupDetailsWrapper {
  margin-bottom: 6px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* ITEM-8100 opt-out, reversible per site via Roster Display settings
   (adminCode/AdvancedSettings-s.asp RosterDisplayAdd -> rosterPrefs
   hideTeamHeaderIcon), applied as a class on .peopleListPage in
   Add_Roster_Players (teamsCode/Roster-s.asp). Default is unset, i.e. icon
   on. The New/Classic "Team Group Header Style" switch that used to live
   here (.rosterHeaderThin) was removed in the R1-3 review round (Aaron,
   2026-09-15) -- a site that had saved "thin" just gets this header now. */
.peopleListPage.rosterHeaderIconOff .byTeamTeamRow .rosterGroupIcon {
  display: none;
}


.rosterTableWrapper .thead {
  background-color: #333;
}



.peopleListPage .rosterTableWrapper .thead td {
  padding: 2px 4px 2px 4px;
}
#frameOuterWrapper .peopleListPage .rosterTableWrapper .thead td a {
  color:#fff;
  text-decoration: underline;
}




/* list */
.peopleListPage #group_byTeam_byName {
	margin: 0;
}
.peopleListPage #group_byTeam_byName .list {
  margin: 0;
}


.peopleListPage #group_byTeam_byName .modGroupDetailsWrapper {
  border: none;
}



.peopleListPage .numPlayers {
  float: right;
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  margin-right: 8px;
}



.peopleListPage .expandLabel {
  float: right;
  display: inline-block;
  font-weight: normal;
  margin-top: -1px;
}
.peopleListPage .expandLabel:before {
  font-family: FontAwesome;
  content: "\f146";
  display: inline-block;
  vertical-align: middle;
}
.peopleListPage .collapsed .expandLabel:before {
  content: "\f0fe";
}

/* ITEM-8100: the admin group header already has a rounded pill for its
   expand/collapse control (.modGroupWrapper .expandCollapseLink in
   admin/style/src/template.css, border-radius:10px to match). The public
   side only had a bare chevron glyph -- give it the same pill so the two
   read as the same control, matching the header's own radius. Scoped to
   .byTeamTeamRow (Coaches never emits .expandLabel/.numPlayers, but scoped
   under .rosterGroupHeader too for consistency with the rest of this
   block) so the schedule/paging uses of .expandLabel/.numPlayers elsewhere
   are untouched. */
.peopleListPage.rosterGroupHeader .byTeamTeamRow .expandLabel
, .peopleListPage.rosterGroupHeader .byTeamTeamRow .numPlayers {
  float: none;
  /* border-radius kept (radius-match bullet); background-color, padding,
     and the font-size/line-height override REVERTED 2026-09-09 -- same
     unauthorized-change pass as .byTeamTeamRow above. None of the four
     stated intent items (icon / height / radius-match / count-toggle
     spacing) called for a pill background on the count and toggle text,
     so this drops back to plain text against the (now-reverted) gray
     header, same as live. */
  border-radius: 10px;
  margin-top: 0;
}
/* ITEM-8100 (Ben, 2026-09-10): larger count and expand/collapse icon on the
   roster team header only. Count 12px -> 14px (base .numPlayers is 12px),
   icon 14px -> 16px (the glyph was inheriting the row's 14px). Scoped so the
   schedule/paging uses of .numPlayers/.expandLabel keep their sizes. */
.peopleListPage.rosterGroupHeader .byTeamTeamRow .numPlayers {
  font-size: 14px;
}
.peopleListPage.rosterGroupHeader .byTeamTeamRow .expandLabel:before {
  font-size: 16px;
}

/* ITEM-8100 EXTENSION (Ben, 2026-09-09 -- "it seems coaches has the same
   pattern and we should update that page too... atleast coaches too"):
   extends the SAME marker mechanism to Coaches rather than widening the base
   `.byTeamTeamRow` selector back out -- that widening is exactly what the
   rosterGroupHeader scoping fix above undid. `.coachesGroupHeader` is
   emitted ONLY by Coaches' own Add_Page_Wrapper (teamsCode/Coaches-s.asp
   public, adminCode/Coaches-s.asp admin -- tournamentCode/Coaches-s.asp has
   no override of its own, so it inherits whichever of those two is loaded
   for that page), never by Roster.

   Colors are NOT touched anywhere in this block, on purpose -- every
   declaration is layout-only (display/radius/spacing). Coaches keeps its own
   cascade exactly as production renders it: admin/style/src/Coaches.css
   `.modGroupWrapper .byTeamTeamRow` / `.teamLabel` for admin, and this same
   file's un-scoped `.peopleListPage .byTeamTeamRow` base rule (just above,
   restored to its pre-ITEM-8100 values) for public. Ben has twice rejected
   an unrequested color change on this ticket -- don't repeat it here.

   Coaches carries its collapsed state as `.collapsedBody` on the row itself
   (divHead byTeamTeamRow collapsedBody), never `.structItemTeam.collapsed`
   -- that class only exists on Roster's markup.

   CONFIRMED LIVE (2026-09-22): `.collapsedBody` alone is NOT a reliable
   "has visible content" signal on Coaches. Toggle_Expand_All / Toggle_Collapse_All
   (admin/scripts/src/Coaches.js) click every row's .expandCollapseLink,
   including EMPTY groups (.expandCollapseLink_Empty) -- Toggle_ExpandCollapse_Team
   unconditionally removes `.collapsedBody` from the head and calls
   `divBodyJQ.toggle()` on click, with no guard for a body that has nothing
   real inside it (unlike the sibling division-row toggle, which at least
   checks `hasReasonToToggle` before touching the body -- the team-row one
   doesn't). An empty team's `.divBody` still renders one placeholder
   `.personRow.noStaffFound` row (display:none, adminCode/Coaches-s.asp), so
   toggling leaves the head looking "expanded" (no `.collapsedBody`) with a
   0-height body under it -- square bottom on a pill with nothing under it.
   Verified live on l7 admin Coaches (ITEM-8100): every currently-empty group
   (Spares, Flyers, Pubbers, The Cellar, Alleva, ERS) was in exactly this
   state, while the one real populated group ("Staff", 1 real coach row,
   42px body height) correctly flattens.

   Fix: `.hasStaff` (adminCode/Coaches-s.asp ~line 1363-1364, set once at
   render time from `numCoaches`) is the reliable "this team actually has
   staff under it" signal -- it lined up exactly with the live data above
   (Staff carried `hasStaff`, every empty group didn't), and it doesn't
   depend on the toggle JS's runtime class state at all. Flatten the bottom
   only for a row that is BOTH not collapsed AND has real staff; force the
   full pill back for anything collapsed or empty even if some other rule
   already flattened it. Public Coaches (teamsCode/Coaches-s.asp) never
   emits `.collapsedBody`/`.hasStaff` at all (SiteNodeAdd 'team' case has no
   expand/collapse), so the flatten rule below never matches there and the
   force-round rule is a no-op too -- row stays a full pill by default,
   same as before. */
.peopleListPage.coachesGroupHeader .byTeamTeamRow {
  display: flex;
  align-items: center;
  border-radius: 10px;
}
.peopleListPage.coachesGroupHeader .byTeamTeamRow:not(.collapsedBody) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.peopleListPage.coachesGroupHeader .divHead.byTeamTeamRow.collapsedBody,
.peopleListPage.coachesGroupHeader .divHead.byTeamTeamRow:not(.hasStaff) {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Team badge slot -- identical box to Roster's `.rosterGroupIcon` (same
   class name, reused on purpose: it is the one visual component, not a
   Coaches-specific copy) so a real logo + the letter-tile fallback render
   exactly the same circle everywhere on the site. Only emitted on rows that
   are genuinely grouped BY TEAM (adminCode/Coaches-s.asp
   Add_Coaches_Teams_ByNode 'team' case; teamsCode/Coaches-s.asp SiteNodeAdd
   'team' case) -- Coaches' STAFF/ROLE-grouped rows (Add_Coaches_Site,
   Add_Coaches_Site_Empty, Add_Coaches_RoleGroupRow, and
   tournamentCode/Coaches-s.asp's own org-staff block) never call
   Get_TeamProfileImagePath and so never emit this div at all; nothing here
   invents a badge for a role group. */
.peopleListPage.coachesGroupHeader .byTeamTeamRow .rosterGroupIcon {
  order: 1;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 999px;
  overflow: hidden;
  background-color: rgba(255,255,255,0.15);
}
.peopleListPage.coachesGroupHeader .byTeamTeamRow .rosterGroupIcon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 0;
}
.peopleListPage.coachesGroupHeader .byTeamTeamRow .rosterGroupIcon img.rosterGroupIconLoaded {
  opacity: 1;
}

/* ITEM-8100 (Aaron review note): a transparent logo showed the badge's
   translucent white tint (above) through it on the visitor side. Solid white
   instead. `.groupIconWhite` is emitted only by the visitor pages (public
   Roster wrapper when not an admin editor, and teamsCode/Coaches-s.asp's
   wrapper), so the admin roster and admin Coaches keep the tint. Sits after
   both `.rosterGroupIcon` rules so equal specificity resolves here. Letter
   tiles carry their own inline #27e on the img and are unaffected. */
.peopleListPage.groupIconWhite .byTeamTeamRow .rosterGroupIcon {
  background-color: #fff;
}
.peopleListPage.coachesGroupHeader .byTeamTeamRow .teamLabel {
  order: 2;
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Admin's team row DOM order is icon (new) -> expandCollapseLink (count +
   toggle) -> teamLabel -> teamStaffAdd (adminCode/Coaches-s.asp
   Add_Coaches_Teams_ByNode) -- pull the count/toggle and add-button past the
   label with the same order/margin-left:auto idiom the roster header uses
   above, so the badge+name sit left and the controls stay pinned right.
   Public's team row (teamsCode/Coaches-s.asp SiteNodeAdd) has no
   expandCollapseLink or teamStaffAdd at all -- these rules are inert there,
   which is fine, they just never match anything on that markup. */
.peopleListPage.coachesGroupHeader .byTeamTeamRow .expandCollapseLink {
  order: 3;
  margin-left: auto;
  flex: 0 0 auto;
}
.peopleListPage.coachesGroupHeader .byTeamTeamRow .teamStaffAdd {
  order: 4;
  flex: 0 0 auto;
}

/* Division-row radius match, same 10px as the team-row above, same
   "Coaches keeps its own colors" rule. */
.peopleListPage.coachesGroupHeader .byTeamDivisionRow {
  border-radius: 10px;
}


.peopleListPage #tableExpandCollapse div {
  display: inline-block;
  float: right;
}


.peopleListPage .expandCollapseAll {
    color: #999 !important;
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
    margin: 0 8px;
}

.peopleListPage .expandCollapseAll:before {
  font-family: FontAwesome;
  content: "\f0fe";
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.peopleListPage .expandCollapseAll.collapseAll:before {
  content: "\f146";
}


/* === Coaches ==== */

#coaches .filterOptionsBottom {
  text-align: right;
  margin-top: 12px;
}

/*
#coaches .itemData {
  display: inline-block;
  padding-left: 12px;
}
*/

#coaches .peopleListPage .nameLabel {
  width: 40%;
  display: inline-block;
}

#coaches .peopleListPage #group_byTeam_byName .staffTitle {
  width: 30%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#coaches .peopleListPage #group_byTeam_byName .staffTeam {
  width: 30%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#coaches .list {
  margin: 0;
  padding:0;
  list-style: none;
  min-height: 32px;
}

#coaches .modGroupItem {
  margin: 0;
  padding: 2px;
  line-height: 28px;
  list-style: none;
}

#coaches .pageModWrapper {
  max-width: 900px;
}
#coaches .pageModWrapper:not(.hasEditAccess) .modGroupItem {
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: normal;
  padding: 6px 2px;
}
#coaches .pageModWrapper:not(.hasEditAccess) .modGroupItem:hover {
  background-color: #f0f8ff;
}
#coaches .pageModWrapper:not(.hasEditAccess) .modGroupItem .nameLabel {
  color: #666;
  flex: 0 0 35%;
  width: auto;
  min-width: 0;
  overflow: hidden;
}
#coaches .pageModWrapper:not(.hasEditAccess) .modGroupItem .staffTitle,
#coaches .pageModWrapper:not(.hasEditAccess) .modGroupItem .staffTeam {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 12px;
}
#coaches .pageModWrapper:not(.hasEditAccess) .modGroupItem .staffContactInfo {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding-left: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#coaches .modGroupItem .nameLabel .nameWrapper {
  display: flex;
  align-items: center;
}
#coaches .modGroupItem .nameLabel .playerPhoto .img-responsive {
  width: 60px;
  border-radius: 6px;
  margin-right: 8px;
}
#coaches .modGroupItem .nameLabel .playerPhoto .img-responsive.img-round {
  height: 60px;
  object-fit: cover;
  border-radius: 100%;
}
#coaches .modGroupItem .nameLabel .playerPhoto .profilePlaceholder {
  opacity: 0.55;
}


@media screen and (max-width: 575px) {
  #coaches .peopleListPage #group_byTeam .nameLabel
  , #coaches .peopleListPage .mainStaff .nameLabel {
    width: 50%;
  }
}
@media screen and (max-width: 475px) {
  #coaches .peopleListPage #group_byTeam .nameLabel
  , #coaches .peopleListPage .mainStaff .nameLabel {
    width: 60%;
  }
}


.peopleListPage .staffContactInfo {
  margin-top: -4px;
  margin-bottom: 2px;
  padding-left:12px;
  line-height: 20px;
}








/* ripples into a mess here... */































/* === Custom ==== */
#custom .pageBigTextContentWrapper {
	min-height:360px;
}

/* === fundraiser=== */
#fundraiser .modImageWrapper {
	position:relative	
}
#fundraiser .jerseyInfo {
	position:absolute;
	top:105px;
	left:0;
	width:240px;
	text-align:center;
	height:100px;
	color:#000;
}
#fundraiser .jerseyInfo em {
	font-weight:bolder;
	font-size:15px;
	font-style:normal;
}
#fundraiser .jerseyInfo strong {
	font-size:56px;
}

/* === Guestbook === */
#guestbook .guestbookLogin {
	text-align:right;
	margin-right:12px;	
}
#guestbook .guestbookLogin input {
	vertical-align:middle;
	margin:-2px 0 0 2px;
}
#guestbook #loginButton {
	padding:0 4px;	
}

/* === GuestbookInput === */
#guestbookinput #firstName {
	width:105px;	
}
#guestbookinput #lastName {
	width:150px;	
}
#guestbookinput #guestemail {
	width:175px;	
}
#guestbookinput #phone {
	width:120px;	
}
#guestbookinput #guestlocation {
	width:160px;	
}
#guestbookinput #subject {
	width:265px;	
}
#guestbookinput #body {
	width:99%;	
}

/* === Links === */
#links .dataTable td {
	white-space:normal;
}
#links .dataTable thead a {
	text-decoration:none;
}

/* === Locations ==== */
#locations .locationLink {
	float:right;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
}
#locations .locationLink:hover {
	text-decoration:underline;
}

/* === Login ==== */
#loginWrapper {
	text-align:center;
	padding:36px 0;	
}
#loginWrapper .pageBigTextContentWrapper {
	padding: 28px 12px 32px 12px;
}
#loginWrapper .instructions {
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}
#loginWrapper .instructions img {
  margin: -12px 12px 0 0;
	vertical-align:middle;
}
#loginWrapper .instructions span {
	vertical-align:middle;
	display:inline-block;
}
#loginWrapper .inputWrapper {
	float:none;	
	text-align:left;
	max-width:280px;
	width: 100%;
	display:inline-block;
	margin:0 auto;
}
#loginWrapper #teampass {
	width:100%;	
}
#loginWrapper .rememberRow {
	text-align:left;
	display:inline-block;
	margin: 0 auto 0 auto;
}
#loginWrapper .rememberRow input {
	margin:-3px 8px 0 0;
	vertical-align:middle;
}
#loginWrapper .formButton .buttonWindow {
	padding-left:38px;
	padding-right:38px;
}
#loginWrapper .contact {
	margin-top:32px;
	font-size:14px;
}


#loginWrapper .staffLogin {
  margin-bottom: 12px;
  border: 2px dashed #27e;
  padding: 8px;
  text-align: center;
  border-radius: 12px;
  font-size: 16px;
}
#loginWrapper .staffLogin .staffLoginHeaderMsg {
  color:#27e;
  font-weight: bold;
  margin-bottom: 8px;
}
#loginWrapper .staffLogin a {
  color:#fff;
  width: 200px;
  line-height: 32px;
}
#loginWrapper .staffLogin .staffLoginFooterMsg {
  color:#27e;
  margin-top: 8px;
  
}

/*
#loginWrapper .staffLogin {
  margin-top: 24px;
}
#loginWrapper .staffLogin a {
  display: block;
  max-width: 335px;
  font-size: 14px;
  border: 1px dashed #D1AD42;
  background-color: #333;
  padding: 6px;
  color:#fff;
  margin: 0 auto;
  border-radius: 18px;
}
*/





/* === News === */
#newsWrapper {
	display:table;
}
#newsWrapper .modGroupHeading {
	padding-left: 11px;
}
#newsWrapper .newsContentHolder {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
#newsWrapper .newsContentHolder td {
    vertical-align: top;
    width: 50%;
	padding: 0; 
}

#newsWrapper .modGroupItem div {
	margin:3px 0;
}
#newsWrapper .newsHeading a {
	font-size: 14px;
}
#newsWrapper .newsAuthor, .newsDate {
	color:#999;
}
#newsWrapper .newsSummary {
	font-size: 14px;
	color:#666;
}




#newsWrapper .newsMore a {
	font-size: 14px;
	background-color: #bbbbbb;
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	line-height: 26px;
	padding: 0 10px;
	text-decoration: none;
}
#newsWrapper .newsMore a:hover {
	color: #ffffff;
	background-color: #999999;
}
#newsWrapper .newsMore {
	text-align: right;
	padding:0 10px 10px 0;
}
#newsWrapper .newsMore span {
	padding-right:8px;
}
#newsWrapper .newsDateStory {
	color:#999;
	text-align:right;
	padding-right:10px;
	margin:3px;
	background-color:#F2F2F2;
	line-height: 17px;
}
#newsWrapper .newsstoryPhoto {
	float: right;
	margin-left:9px;
	margin-bottom:4px;
}
#newsWrapper.noStory .newsstoryPhoto {
	float: none;
	margin:0;
}


#newsWrapper .newsstoryPhoto .caption {
	text-align:center;
	color:#333;
	margin:3px 0;
}

.cutoffDate {
	color:#999;
	text-align:right;
	margin:36px 12px 0 0;
}
.cutoffDate span, .cutoffDate a {
	color:#999;
	padding-left:6px
}
.cutoffDate span.activeCutoff {
	font-weight:bold;
}

/* photos */
#photosContainer li {
	list-style:none;
}
#photosContainer #albumWrapper {
	width:auto;
	margin:0 16px;
}	
#photosContainer #albumsContainer {
	padding:0;	
}
#albumTabsWrapper {
	padding-left:4px;	
}
#albumTabsWrapper a {
	padding-left:4px;	
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	display:inline-block;
	width:150px;
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	margin: 0 3px 0 2px;
	text-align:center;
	text-decoration:none;
	background-color:#333;
	color:#666;
}
#albumTabsWrapper a:active {
	outline:none;	
}
#albumTabsWrapper a.selected {
	background-color:#161616;
	color:#FFF;
}
#albumTabsWrapper a:hover {
	background-color:#000;
}






/* === Slideshow === */
#photosContainer {
	border:1px solid #666;
	background-color:#333;
	background-color:rgba(0, 0, 0, 0.6);
	max-width:628px;
	padding-bottom: 14px;
}

/* nav buttons */
.slideShowIndex, .slideShowViewAll,.ss-controls a,
.slideShowPagingWrapper, .slideShowNavClose, .slideShowBack {
	display:inline-block;
	border:2px solid #000;
	background-color:#333;
	line-height:20px;
	padding:0 8px;
    text-decoration: none;
}
#structCols .slideShowViewAllTop, #structCols .slideShowViewAllTop a,
#structCols .slideShowAlbumNav, #structCols .slideShowAlbumNav a {
	color:#999;	
}

/* top main nav */
.slideShowAlbumNav, .slideShowViewAllTop {
	padding: 10px 10px 8px 10px;	
}
.noTopNav .slideShowAlbumNav {
	display:none;
}

.slideShowBack, .slideShowIndex, .slideShowViewAll {
	margin-right:4px;
	margin-bottom:2px;
	z-index:9;
}

#structCols .slideShowViewAll:hover, #structCols .slideShowBack:hover {
	background-color:#666;
	color:#FFF;
	text-decoration: none;
}

/* start/stop control */
#slideshow .ss-controls a {
	height:24px;
	width:24px;
}
#slideshow .slideShowPlayPauseWrapper {
	display: inline-block;
	margin: 10px;
}

#albumContentWrapper {
	margin-top: 12px;
}
#slideshow .carousel-caption  {
	position: relative;
	left: auto;
	right: auto;
	padding: 30px 8px;
}

#slideshow .carousel-indicators {
  bottom: 8px;
	width: 70%;
	margin-left: -35%;
}
#slideshow .carousel-indicators li {
  height:12px;
  width:12px;
}
#slideshow .carousel-indicators .active {
  height:14px;
  width:14px;
}




/* === PhotoCat === */
.photocatImageHolder {
	border-top: 2px solid #000;
	margin-top: 14px;
	padding: 18px 18px 4px 18px;
}
.photocatImageHolder .row > div {
	padding: 2px 8px;
}
.photocatImageHolder .R {
	text-align:right;
}
.photocatImg span {
	padding:4px;
}
.photocatImg img {
	padding:1px;
	
}
.photocatImg a {
	border: 2px solid #000;
	padding:1px;
	display:table;
	margin:auto;
}
.photocatNumberOfPics {

}
.photocatCaption {
	font-size: 14px;
	font-weight: bolder;
}
.photocatPhotoDate {

}
.photocatStory {

	font-weight: bold;
}

.photocatImageHolder .row > div.photocatInfo {
	padding-top: 24px;
}
.photocatImg a:hover {
	border-color: #FFF;
}
.photocatNumberOfPics, .photocatCaption {
	color: #FFF;
}
.photocatPhotoDate, .photocatStory {
	color: #CCC;
}










/* albums */
#photos .loading {
	background-image: url('/lib/jquery/external/SlideShow/images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
#albumsList {
	margin:12px 8px;
	padding:0;	
}
#albumsList li {        
    float:left;
    padding: 5px;
    margin: 4px;
    width:133px;
    height:168px;
    text-align:center;                                
}
#albumsList li:hover {
	background: #666; 
	color: #fff;
	cursor:pointer;
}
#albumsList .img td {      
    width:106px;
	height:106px;
	border:1px solid #999;
	vertical-align:middle;
	text-align:center; 
	background-color:#222;     
}
#albumsList .img img {      
	max-width:90px;
	max-height:90px; 
	border:1px solid #333;        
}
#albumsList .albumInfo {
	height:40px;
	line-height:13px;
	overflow:hidden;
	padding-top:3px;
}
#albumsList table.albumTable {
	margin:5px auto;
}
#albumsList img {
	border:0;
}
#albumsList td {
	vertical-align:top;
	text-align:left;
}
#albumsList td.bl {
	background-image:url(/admin/images/pages/PhotoAlbums/cascadeBL.gif);
	background-repeat:repeat-x;
}
#albumsList td.tr {
	background-image:url(/admin/images/pages/PhotoAlbums/cascadeTR.gif);
	background-repeat:repeat-y;
}
#albumsList td.br img {
  display: block;
}







/* Responsive image gallery rules begin*/

#gallery.fullPage .modContent {
  padding: 6px;
}
#gallery .image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0;
}


#gallery .image-gallery > li {
  height: 200px;
  cursor: pointer;
  position: relative;
  list-style: none;


  border: solid 2px black;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  border-radius: 5px;
  overflow: hidden;

  transition: all .25s ease-in-out;

}


#gallery .image-gallery > a {
  display: block;
  width: 100%;
  border-radius: 5px;
  height: 100%;
  overflow: hidden;

}




/* 
#gallery .image-gallery::after {
  content: "";
  flex-grow: 999;
}
 */
#gallery .image-gallery li img {
  object-fit: cover;
  height: 100% !important;
  vertical-align: middle;

}



#gallery .image-gallery li:hover {
  transform: scale(1.05);
}




#gallery .overlay {

  display: none;
  color: #fff;
  text-shadow: 0 0 8px #000000dd;
  font-weight: bold;
  line-height: 16px;
}

/* hover */
#gallery .image-gallery li:hover .overlay {

  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#00000066;
  z-index: 10;
  padding: 6px 10px;
  text-align: center;



}


/* ----- Photo Grid module ----- */

ul.photoGrid {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.photoGrid > li {
  list-style: none;
  cursor: pointer;
  position: relative;
  border: solid 2px black;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  border-radius: 5px;
  overflow: hidden;
  transition: all .25s ease-in-out;
}

ul.photoGrid > li:hover {
  /* lift effect via shadow (scale would overflow the homepage column and trigger scrollbars) */
  box-shadow: 0 0 0 2px rgba(255,255,255,0.6), 5px 5px 14px rgba(0,0,0,0.7);
}

/* Interlocking: flexbox flex-wrap with fixed row height; per-tile width
   set by each photo's natural aspect ratio (port of visitor gallery). */
ul.photoGrid-interlock {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

ul.photoGrid-interlock > li {
  height: var(--tileHeight, 200px);
}

ul.photoGrid-interlock > li img {
  /* !important to defeat Bootstrap .img-responsive { height:auto } - matches Gallery */
  height: 100% !important;
  object-fit: cover;
  vertical-align: middle;
}

/* Same-size: CSS grid with uniform aspect-ratio tiles, cropped to fill. */
ul.photoGrid-sameSize {
  display: grid;
  grid-template-columns: repeat(var(--cols, 4), 1fr);
  gap: 10px;
}

ul.photoGrid-sameSize > li {
  aspect-ratio: var(--ar, 1 / 1);
}

ul.photoGrid-sameSize > li img {
  /* !important to defeat Bootstrap .img-responsive { height:auto, max-width:100% } */
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
}










/* === Preview  ==== */
#preview .previewBody {
	padding:12px;
	margin-bottom: 24px;
	background-color:#FFF;
	border: 1px solid #666;
	color:#000;
	max-width:650px;
}
#preview .previewBody a {
	color:#20399D;
}
.scoresheets {
	text-align:right;
	margin: 10px 12px 0 0;
}
div.scoresheets select {
	margin-right:4px;
}
#frameOuterWrapper div.scoresheets a {
/*
// this should not be here, there are different templates
	color:#FFF;
*/
	float: right;
	vertical-align: middle;
	display: inline-block;
	margin-top: -1px;
  font-size: 14px;
}
div.mapInstructions {
	text-align:center;
	padding-bottom: 2px;
}
div.mapBox {
	padding-bottom:10px;
}
fieldset.previewDirections {
	padding:8px;
	margin-top:12px;
}
.previewDirections label {
	width:100px;
	text-align:right;
	padding:6px 4px 0 0;
}
.previewDirections div {
	margin:3px;
}
.previewDirections legend {
	font-weight:bold;
}
#preview .gametypeLabel {
	font-size:14px;
	font-style:italic;
	text-align:center;
}















/*
#preview .dataRow .dateData {
  font-size: 14px;
}


#preview .dataRow.type_80 .mainData {
  float: right;
  text-decoration: underline;
}


#preview .dataRow span {
  display: inline-block;
}
#preview .dataRow .count {
  float: right;
} 

*/

/*
#preview .dataRow.type_80 {
  background-color: transparent;
}
#preview .dataRow.type_100 {
  background-color: #EDF4FA;
}



#preview .dataRow.type_80:hover {
  background-color: #DFD9FF;
  color:#2659FF;
}


#preview .dataRow.type_100:hover {
  background-color: #CDD;
  color:#333;
}

*/


























/* === Preview (Attendance)  ==== */
#attendance .dataTable table, #attendance2 .dataTable table {
	width:auto;
}
.attendanceLoginFields > span {
	display: inline-block;
	padding:0 14px 8px 0;
}
#attendance div.contact, #attendance2 div.contact {
	padding-top:24px;
}
#attendance .attendanceFail, #attendance2 .attendanceFail {
	font-weight: bold;
	margin-bottom:8px;
	font-size: 14px;
}
div.attendanceMsg {
	padding-bottom:6px;
	font-weight:bold;
}
#attendance span.pwLabel, #attendance2 span.pwLabel {
}
.attendanceLogout {
	text-align: right;
}
/*
span.attendanceLogout {
	float:right;
}
*/
div.attendanceSubmit {
	padding-top: 12px;
}
div.attendanceThanks {
	padding:24px 24px 30px 24px;
	font-weight:bold;
}
.attendanceSub {
	font-style:italic;
}
table.attendanceCoachFields {
	border-collapse:collapse;
	border-spacing:0;
	margin:6px 0;
}
.attendanceCoachFields td {
	padding:2px 6px;
	text-align:center;
	white-space: normal;
}
.attendanceCoachFields thead td {
	font-weight:bold;
}
.attendanceCoachFields td.attendanceName {
	text-align:left;
}
.attendNote {
	padding:8px 4px;
}
.attendanceBlock input {
	margin-top: -1px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
}
 .attendanceBlock span {
	display: inline-block;
	vertical-align: middle;
}

/* jquery popup */
.modAttendance.ui-dialog {
	color:#FFF;
	background-color: #222;
	border: 3px solid #AAA;
	text-align:left;
	float: left;
	border-radius:10px;
}
.modAttendance  .ui-dialog-titlebar-close {
	position: absolute;
	right: 6px;
	top: 6px;
	z-index: 100;
	border: none;
	height: 16px;
}
.modAttendance .ui-dialog-titlebar {
	background-color:#5F178E;
}
.modAttendance  .ui-dialog-title {
	margin-left:4px;
	
	text-transform:none;
	
	line-height:16px;
	display:inline-block;
}
.modAttendance .ui-dialog-content {
	padding:8px 16px;
}
.modAttendance label {
	margin: 0;
}
.modAttendance .inputRow {
	margin:6px 0;
}
.modAttendance .actions input {
	margin-right:8px;
}
.modAttendance .instructions {
	margin-bottom:8px;
}
.modAttendance .actions {
	margin-top:6px;
	text-align: center;
}

/* === Profile (player(old)/coach) ==== 
#profileWrapper {
	border:solid 1px #666;
	background-color:#333;
	color:#FFF;
	max-width:530px;
	margin:16px auto;
	
	padding: 12px;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#profileWrapper a {
	color:#FFF;
	text-decoration:none;
}
#profileWrapper a:hover {
	text-decoration:underline;
}
#profileWrapper .profileHeading {
	font-size:26px;
	font-weight:bold;
	padding: 0 0 8px 7px;
}
#profileWrapper .bioNumberTeam {
	font-size:20px;
	padding: 0 0 4px 7px;
}
#profileWrapper .bioNumber {
	margin-right:12px;
	
}
#profileWrapper .bioName span {
	display: inline-block;
}
#profileWrapper .bioTeamName, #profileWrapper .bioTeamName a {
	color:#AAA;
}
#profileWrapper .modItemLabel {
	font-style:normal;
	color:#AAA;	
}
#profileWrapper .modItemValue {
	font-weight:normal;	
}
#profileWrapper .modGroupItemOdd .modItemLabel {
	color:#999;	
}
#profileWrapper .profileTable {
	width:100%;	
}
#profileWrapper .profileTable td {
	vertical-align:top;	
}
#profileWrapper .bioPhoto img {
	border:solid 1px #666;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
}
#profileWrapper td.bioAttributes {
	padding-left: 12px;	
}
#profileWrapper .modGroupItemOdd {
	background-color:#000;
}

*/














/* === Profile (player/coach)  ==== */

#profile .modWrapper, #coachprofile .modWrapper {
  color: #333;
}




#profile .pageTitle div, #coachprofile .pageTitle div {
  text-align: center;
}

#profile .modContent, #coachprofile .modContent {
  background-color: #fff;
  padding: 0;
}


#profile .mobileTeamName {
  display: none;
  text-align: center;
  padding-top: 4px;
}

#profile .mobileTeamName a, #profile .mobileTeamName span {
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  color: #333;
  line-height: 22px;
}

#profile #profileInfo, #coachprofile #profileInfo {
  background-color: #eaeaea;
  position: relative;
  min-height: 290px;
  padding-bottom: 12px;
  margin: 20px 10px;
}

#profile .bioPhoto, #coachprofile .bioPhoto {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 36px;
  border: 2px solid #eee;
  background-color: #fff;
  max-width: 204px;
}


#profile .playerSelectWrapper {
  display: inline-block;
  float: right;
  padding: 12px;
}

#profile .backToRoster {
  font-weight: bold;
}






#profile .profileTeamName, #coachprofile .profileTeamName {
  padding-left: 318px;
  height: 50px;
  white-space: nowrap;
  overflow: hidden;
}
#coachprofile .profileTeamName {
  padding-left: 256px;
}
#profile .profileTeamName a, #profile .profileTeamName span, #coachprofile .profileTeamName span {
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  color: #333;
  line-height: 56px;
}





#profile .profileHeading, #coachprofile .profileHeading {
  padding-left: 240px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 38px;
  line-height: 76px;
  height: 72px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}



#profile .profileHeading .bioNumber {
  display: inline-block;
  color: #000;
  background-color: #fff;
  height: 72px;
  width: 78px;
  text-align: center;
}
#profile .profileHeading .bioName, #coachprofile .profileHeading .bioName {
  padding-left: 14px;
}

#profile .bioNameMobile, #coachprofile .bioNameMobile {
  color: #333;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 32px;
  min-height: 76px;
  padding: 8px 2px 4px 128px;
  white-space: nowrap;
  overflow: hidden;
  display: none;
}





#profile .profileDetails, #coachprofile .profileDetails {
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 20px;
  padding: 12px 12px 12px 252px;
}

#profile .profileDetails .modGroupItem, #coachprofile .profileDetails .modGroupItem {
  line-height: 42px;
  white-space: nowrap;
  overflow: hidden;
}

#profile .profileDetails .modGroupItem.fullWidth {
  white-space: normal;
  /* line-height: 28px;   removed for ITEM-4763  */
}

#profile .modItemLabel, #coachprofile .modItemLabel {
    font-style: normal;
    text-transform: uppercase;
    margin-right: 12px;

}

#profile .modItemValue, #coachprofile .modItemValue {
    font-weight: normal;
}
@media (min-width: 992px) {
	#coachprofile .modItemLabel {
	    position: absolute;
	    left: 6px;
	}
	#coachprofile .modItemValue {
	    white-space: normal;
	    line-height: 20px;
	    padding-left: 60px;
	    display: inline-block;
	}
}

#profile .profileDetails .modGroupItem a
, #coachprofile .profileDetails .modGroupItem a
, #coachprofile .profileDetails .modGroupItem {
  color: #333;
  text-decoration: none;
}



#profile .profileTabs .nav-tabs, #coachprofile .profileTabs .nav-tabs {
  border-bottom-width: 6px;
  margin: 22px 0 0;
}

#profile .profileTabs .nav li, #coachprofile .profileTabs .nav li {
  margin: 0 2px;
}

#profile .profileTabs .nav-tabs .firstTab, #coachprofile .profileTabs .nav-tabs .firstTab {
  margin-left: 42px;
}

#profile .profileTabs .nav-tabs .bioTab span:before, #coachprofile .profileTabs .nav-tabs .bioTab span:before {
  font-family: FontAwesome;
  content: "\f007";
}
#profile .profileTabs .nav-tabs .highlightsTab span:before {
  font-family: FontAwesome;
  content: "\f00b";
}
#profile .profileTabs .nav-tabs .statsTab span:before {
  font-family: FontAwesome;
  content: "\f080";
}



#profile .profileTabs .nav-tabs > li > a, #coachprofile .profileTabs .nav-tabs > li > a {
  background-color: #eaeaea;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
  line-height: 10px;
  height: 28px;
  width: 140px;
  text-align: center;
  border: 1px solid #d9d9d9;
  padding: 10px 0px;
}

#profile .profileTabs .nav-tabs > li > a:focus, #profile .profileTabs .nav-tabs > li > a:hover {
  background-color: #c8c8c8;
}

#profile .profileTabs .nav-tabs > li > a span:before, #coachprofile .profileTabs .nav-tabs > li > a span:before {
  margin-right: 8px;
  font-size: 18px;
}

#profile .profileTabs .nav-tabs > li.active > a, #profile .profileTabs .nav-tabs > li.active > a span:before {
}


#profile .tab-content, #coachprofile .tab-content {
  padding: 14px;
}

#profile .profileResult a, #coachprofile .profileResult a {
  display: inline-block;
  padding-left: 4px;
}

#profile .modWrapper .pagePrintableGlossary a, #coachprofile .modWrapper .pagePrintableGlossary a {
    color: #fff !important;
    background-color: #cdcdcd;
}

#profile .pagePrintableGlossary img, #coachprofile .pagePrintableGlossary img {
  display: inline-block;
}




@media (max-width: 991px) {

  #profile .mobileTeamName {
    display: block;
  }
  #profile .profileTeamName a, #profile .profileTeamName span {
    display: none;
  }
  #profile #profileInfo, #coachprofile #profileInfo {
    margin-top: 0;
  }
  #profile .profileDetails .modGroupItem, #coachprofile .profileDetails .modGroupItem {
    line-height: 18px;
    width: 100%;
  }
}




@media (max-width: 767px) {




  #profile #profileInfo, #coachprofile #profileInfo {
    min-height: 0;
    padding-bottom: 4px;
  }

  #profile .playerSelectWrapper {
    padding: 8px 8px 0 0;
    max-width: 172px;
  }

  #profile .profileTeamName {
    padding: 0;
    height: 40px;
  }


  #profile .bioPhoto, #coachprofile .bioPhoto {
    top: 8px;
    left: 10px;
    max-width: 112px;
    border-width: 1px;
  }

  #profile .profileHeading, #coachprofile .profileHeading {
    padding-left: 121px;
    font-size: 30px;
    line-height: 40px;
    height: 36px;
  }

  #profile .profileHeading .bioNumber {
    height: 35px;
    padding: 0 8px;
  }


  #profile .profileHeading .bioName, #coachprofile .profileHeading .bioName {
    display: none;
  }

  #profile .bioNameMobile, #coachprofile .bioNameMobile {
    display: block;
  }


  #profile .profileDetails, #coachprofile .profileDetails {
    font-size: 16px;
    padding: 0 2px 2px 4px;
  }

  #profile .profileDetails .modGroupItem, #coachprofile .profileDetails .modGroupItem {
      line-height: 12px;
  }




  #profile .profileTabs .nav-tabs .firstTab, #coachprofile .profileTabs .nav-tabs .firstTab {
      margin-left: 10px;
  }


  #profile .profileTabs .nav-tabs > li > a {
    font-size: 12px;
    line-height: 4px;
    height: 24px;
    width: 96px;
  }


  #profile .profileTabs .nav-tabs > li > a span:before {
      margin-right: 4px;
      font-size: 14px;
  }





}





















/*
#profile .dataTable .profileResult a {
	display:inline;
	margin-left:6px;
}
#profile td.profileResult {
	width:90px;
}
#profile td.profileTeamGame {
	text-align:left;
}
#profile div.profStatFilter {
	text-align:right;
}
#profile .profStatFilter span {
	margin-right:4px;
}

*/





/* === coach profile ==== 
#coachprofile .mobileHeading {
	display: none;
}
#profileWrapper .profileHeading.mobileHeading {
	padding-bottom: 0;
}
*/





/* records */
#records .modGroupWrapper {
	border: 1px solid #CCCCCC;	
}
#records .modGroupDetailsWrapper {
	border:none;
}

/* === Registration === */
/* === Registration Outer Shell Page === */
#registration td.content,
#registrationconfirmation td.content,
#registrationthankyou td.content {
	padding:0;	
}
#registration .contentBody,
#registrationconfirmation .contentBody,
#registrationthankyou .contentBody {
	background-image: url(/admin/images/template/bgLines.png);
	background-repeat:repeat;
	background-color:#1F1F1F;
	padding:0;
}
.registrationTitlesWrap {
	text-align:center;
	margin: 0 auto;
	padding: 12px 0;
}
.regLinksHeader {
	padding-bottom: 5px;
}
.registrationTitles {
	list-style-type:none;
	margin:0;
	padding:0;
}
.registrationTitles li {
	padding:0;
	display:inline-flex;
	margin:0px 3px 6px 3px;
}
.registrationTitles a {
	text-decoration:none;
	background-color:#E0DFE3;
	border:solid 1px #bbb;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:26px;
	white-space:nowrap;
	padding:6px 0;
}
#frameOuterWrapper .registrationTitles a {
	color:#000;
}
.registrationTitles a:hover {
	background-color:#FC0;
}
.registrationTitles .selForm {
	font-weight:bold;
	background-color:#888;
}
#regIframe{
	width:100%; 
	height:950px;
	border-width:0px;
  border-radius:5px;
}
.regIframeFooter{
	padding:4px;
}

.fullPage .mainArea .modWrapper .modColorBG a.regFooterLink {
  color: #fff;
}
.fullPage .mainArea .modWrapper .modColorBG a.regFooterLink:hover {
  color: #ccc;
}
a.regFooterLink {
  width: 100%;
  display: inline-block;
  color: #fff;
  background-color: #313a49;
  text-decoration: none;
  padding: 8px 12px 8px 40px;
  font-size:12px;
  position: relative;
}
a.regFooterLink:hover {
  color: #ccc;
}


.regFooterLink i {
  font-size: 18px;
  position: absolute;
  top: 8px;
  left: 12px;
}

body.secureHeader {
  padding-top: 0;
}
body.secureHeader #mobileNav_all {
  top: 33px;
}
@media (max-width: 570px) {
  body.secureHeader #mobileNav_all {
    top: 50px;
  }
  .regFooterLink i {
    top: 14px;
  }
}


/* === Registration Inner (Solo) Page === */
#registrationSoloPage, #registrationconfirmationSoloPage, #registrationthankyouSoloPage {
	margin:0 auto;
	background-color:#E0DFE3;
	padding:22px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	word-break: normal;
}
#registrationthankyouSoloPage .printIconButton {
	display: inline-block;
	float: right;
	color: #000;
	opacity: 0.5;
	padding-right: 8px;
}
#registrationthankyouSoloPage .printIconButton:hover {
	opacity: 1;
}
#registrationthankyouSoloPage .printIconButton i {
	font-size: 22px;
}
#registrationSoloPage .curFormTitle, #registrationconfirmationSoloPage .curFormTitle, #registrationthankyouSoloPage .curFormTitle {
	font-weight:bold;
	text-align:center;
	padding-bottom:12px;
}
#registrationSoloPage .regIntro {
	padding: 0 16px 8px 16px;
	font-size:14px;
}
#registrationSoloPage .regIntro.condensedView {
	font-size:12px;
}
#registrationSoloPage .regFormDisabled, #registrationconfirmationSoloPage .regFormDisabled {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin:32px 125px;
	padding:52px 5px;
	border:dashed 2px #F00;
}
#frameOuterWrapper #registrationSoloPage .regFormDisabled {
	color:#F00;
}
/* registrant info */
#registrationSoloPage .regInfo {
	background-color:#FFF;
	padding:12px 16px;
	margin-bottom:12px;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

#registrationSoloPage .regInfo.condensedView {
  padding: 4px 8px;
  margin-bottom: 0px;
}

#registrationSoloPage .regInfo.condensedView > div {
	padding: 1px 0;
  font-size: 12px;
}

#registrationSoloPage .regInfo > div {
	padding: 4px 0;
}
#registrationSoloPage .regInfo .regCustomFieldRow_checkbox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}
#registrationSoloPage .regTextConsent {
  max-width: 420px;
  padding: 2px 0 4px 0;
}
#registrationSoloPage .regInfo .regTextConsent input {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 0 6px 2px 0;
  vertical-align: middle;
}
#registrationSoloPage .regTextConsent label {
  font-size: 16px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 0;
  user-select: none;
}
#registrationSoloPage .regTextConsentDisclaimer {
  font-size: 14px;
  line-height: 20px;
  color: #555;
  padding-top: 2px;
  max-width: 320px;
}
#registrationSoloPage .regInfoTitle {
	font-size:14px;
	font-weight:bold;
}
#registrationSoloPage .regLabels {
	width: 140px;
	text-align: right;
	vertical-align: top;
	padding: 6px;
  font-weight: bold;
}
#registrationSoloPage .regInfo > div > div {
	display: inline-block;
}
#registrationSoloPage .regInfo input {
	max-width: 150px;
}
#registrationSoloPage .regInfo select {
	max-width: 250px;
}
#registrationSoloPage .regInfo input, #registrationSoloPage .regInfo select,#registrationSoloPage  .regInfo textarea {
	margin: 0 8px 8px 0;
}
#registrationSoloPage .requiredField:after {
	content: "*";
}
#registrationSoloPage .regName input {
	max-width: 136px;
	display: inline-block;
}
#registrationSoloPage input#address, #registrationSoloPage input#address2 {
	max-width: 300px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
#registrationSoloPage .cityStateZip input, #registrationSoloPage .cityStateZip select {
	display: inline-block;
}
#registrationSoloPage .cityStateZip input#city {
	max-width: 190px;
}
#registrationSoloPage .cityStateZip select#state {
	max-width: 150px;
}
#registrationSoloPage .cityStateZip input#zip {
	max-width: 100px;
}
#registrationSoloPage input#phone {
	max-width: 250px;
}
#registrationSoloPage input#email, #registrationSoloPage input#emailConfirm {
	max-width: 320px;
}
#registrationSoloPage .regDivider {
	border-bottom: 1px solid #dedee3;
	margin-bottom: 4px;
  font-weight: bold;
  font-size: 22px;
  line-height: 22px;
  word-wrap: break-word;
}
#registrationSoloPage .regDivider.fontSize_small {
  font-size: 14px;
  line-height: 16px;
}
#registrationSoloPage .regDivider.fontSize_large {
  font-size: 28px;
  line-height: 30px;
}
#registrationSoloPage input#packageSel, #registrationSoloPage input#packageSel {
	display: inline-block;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
#registrationSoloPage input#packageSel.condensedView, #registrationSoloPage input#packageSel.condensedView {
  height: 16px;
  width: 16px;
}
#registrationSoloPage .redoSel {
	padding-left:4px;
	font-weight:bold;
	font-size:14px;
}
#frameOuterWrapper #registrationSoloPage .redoSel {
	color:#C00;
}
/* packages */
#registrationSoloPage .regPackageCat {
	background-color:#FFF;
	margin-bottom:4px;
	padding:12px 16px;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#registrationSoloPage .regPackageCat.condensedView {
  font-size: 12px;
  margin-bottom:0px;
	padding:0px 16px;
}
#registrationSoloPage .regPackageCat table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
#registrationSoloPage .regPackageCat .regInfoTitle {
	margin-bottom:8px;
}

#registrationSoloPage .regPackageDescTable .packageInfoWrapper {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 12px;
}

#registrationSoloPage .regPackageCat input {
	width:auto;
	display: inline-block;
}
#registrationSoloPage .regPackageSel {
	width:2%;
}
#registrationSoloPage .regPackagePrice {
	width:14%;
	vertical-align:top;
	text-align:left;
	padding: 4px 4px 4px 10px;
}
#registrationSoloPage .regPackagePrice strong {
	font-size:14px;
}
#registrationSoloPage .regPackagePrice.condensedView strong {
	font-size:12px;
}
#registrationSoloPage .regPackagePrice input {
	min-width:46px;
  width: 64px;
	margin-left: 4px;
}
#registrationSoloPage .regDates {
	width:50%;
	font-weight:bold;
}
#registrationSoloPage .regTimes {
	width:70%;
	padding-left: 12px;
	font-weight:bold;
}
#registrationSoloPage .regPackage {
	font-weight:bold;
  margin-right: 20px;
}
#frameOuterWrapper #registrationSoloPage .regDesc {
	color:#666;
}
#registrationSoloPage .regPackageDiv {
	padding:8px 0;
}
#registrationSoloPage .regPackageDiv.condensedView {
  display: none;
}
#registrationSoloPage .regPackageDiv div {
	background-color:#fff;
}
/* multiplier */
#registrationSoloPage div.regPackageMultiplier {
	padding: 4px 15px;
}
#registrationSoloPage .regPackageMultiplier input {
	max-width: 50px;
	display: inline-block;
}
#registrationSoloPage .regPackageMultiplier span {
	font-weight:bold;
	font-size:14px;
}

#registrationSoloPage .regPackagePriceWrapper {
  width: 175px;
}

#registrationSoloPage .regPackagePriceWrapper .regPackagePriceTable {
  width: 90%;
}

#registrationSoloPage .regPackageQuantityWrapper {
  display: flex;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
}

#registrationSoloPage .regPackageQuantityWrapper .regPackageQuantityLabel {
  margin-right: 6px;
}

#registrationSoloPage .regPackageQuantityWrapper .regPackageQuantityLabel {
  margin-right: 6px;
}

#registrationSoloPage .regPackageQuantityWrapper .packageQuantity {
  width: 60px;
}

#registrationSoloPage .packageInfoCell {
  display: flex;
}
/* footer */
#registrationSoloPage .regFooter {
	padding:8px 16px;

}
#registrationSoloPage .regFooter.condensedView {
	padding:1px 16px;
  font-size: 12px;
}
#registrationSoloPage .regFooterTable {
	margin:6px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#registrationSoloPage .regFooterTable input#consentCheck {
	position: absolute;
	left: 10px;
  top: 7px;
  width: 20px;
  height: 20px;
}
#registrationSoloPage .regFooterTable input#consentInit {
	margin-right:4px;
	position: absolute;
}
#registrationSoloPage .regFooterTable td {
	position: relative;
}
#registrationSoloPage .regFooterTable td.conditions {
}
#registrationSoloPage .regFooterTable td.initials {
}
#registrationSoloPage #consentCheck {
	max-width: 24px;
	vertical-align: middle;
	display: inline-block;
	margin-top: -2px;
}
#registrationSoloPage .conditions span {
	vertical-align: middle;
	display: inline-block;
	padding: 0 24px 0 36px;
}
#registrationSoloPage .initials span {
	padding: 6px 0 0 58px;
	display: inline-block;
  margin-bottom: 4px;
}
#registrationSoloPage #consentInit {
	max-width: 50px;
	display: inline-block;
}
#registrationSoloPage .regSubmit {
	padding:4px;
	margin-top: 8px;
	text-align:center;
}
#registrationSoloPage .regSubmit input,
		#registrationconfirmationSoloPage .regConPayment input,
		#registrationconfirmationSoloPage .regConInfo input,
		#registrationthankyouSoloPage .regTYprint input {
	height:37px;
	line-height:36px;
	padding:0 19px 2px 19px;
	font-size: 15px;
	font-weight: bold;
	width: auto;
	background-color: #f0f0f0;
}
#registrationSoloPage .regSubmit input {
	background-color: #ffffff;
	max-width: 190px;
	margin: 0 auto;
}
#registrationthankyouSoloPage .regTYprint input,
		#registrationconfirmationSoloPage .regConPayment input,
		#registrationconfirmationSoloPage .regConInfo input {
	background-color: #f0f0f0;
}
#registrationSoloPage .regSubmit input:hover,
		#registrationconfirmationSoloPage .regConPayment input:hover,
		#registrationconfirmationSoloPage .regConInfo input:hover,
		#registrationthankyouSoloPage .regTYprint input:hover {
	background-color: #e5f1fb;
	border-color: #0078d7;
}
#registrationSoloPage .regFileUpload {
  border-radius: 5px;
  border: 1px dashed #ccc;
  padding: 8px;
  text-align: center;
  width: 300px;
  display: inline-block;
  text-decoration: none;
  color:#000;
  white-space: nowrap;
  overflow: hidden;
}

#registrationSoloPage .regFileUpload.fileUploaded {
  color: #07f;
}
#registrationSoloPage .regFileUpload.fileUploaded span {
  display: inline-block;
  vertical-align: middle;
}
#registrationSoloPage .regFileUpload.fileUploaded:before {
  font-weight: normal;
  font-size: 24px;
  font-family: 'FontAwesome';
  content: '\f058';
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}





#registrationSoloPage .checkbox-content label {
    cursor: pointer;
    margin-top: 2px;
    margin-right: -6px;
    display: none;
}


#registrationSoloPage .checkbox-content span {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}

#registrationSoloPage .checkbox-content input[type="checkbox"] {
  margin-right: 10px;
  margin-top: 6px;
  margin-bottom: 0px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

#registrationSoloPage .checkbox-content .fa {
    margin-right:.4em;
    margin-top: 0;
    font-size:24px;
    display: inline-block;
    width: 23px;
}

#registrationSoloPage .checkbox-content input[type="checkbox"]:checked + label .fa:before {
    content: "\f046";
  }






.dialog-regLogin .modal-body {
  text-align: center;
}
.dialog-regLogin .modal-body .pwEntryDiv input {
  width: auto;
  margin: 4px auto 0;
}










/* === RegistrationConfirmation === */
#registrationconfirmationSoloPage .regConWrapper, #registrationthankyouSoloPage .regConWrapper {
	background-color:#FFF;
	padding:12px 16px;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#registrationconfirmationSoloPage .registrantInfo {
	margin-top:12px;
}
#registrationconfirmationSoloPage .error {
  font-size:14px;
}
#registrationconfirmationSoloPage .regConMsg {
	padding-bottom:4px;
	font-size:14px;
}
#registrationconfirmationSoloPage .regConNotice {
	font-size:14px;
	font-weight:bold;
}
#frameOuterWrapper #registrationconfirmationSoloPage .regConNotice {
	color:#990000;
}
#registrationconfirmationSoloPage .emailReminder {
	padding-left:4px;
	font-size:14px;
	font-weight:normal;
}
#frameOuterWrapper #registrationconfirmationSoloPage .emailReminder {
	color:#000;
}
#registrationconfirmationSoloPage .emailReminder a {
	margin-left:4px;
}
#registrationconfirmationSoloPage .regConPayment {
	margin:10px 0 0 0;
	width:100%;
  position: relative;
}


#registrationconfirmationSoloPage .regConPayment .paymentCol {
  display: inline-block;
  vertical-align: middle;
}


#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails.show {
  display: block;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPaymentDialog {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  background-color: #fff;
  border: 4px solid #7501bE;
  border-radius: 12px;
  padding: 6px;
  min-height: 200px;
  box-shadow: 5px 5px 10px;
  font-size: 16px;
  line-height: 20px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .closeIcon {
  float: right;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .closeIcon:before {

  font-family: FontAwesome;
  content: "\f2d3";
  color:#888;
  font-size: 26px;
  line-height: 26px;
  margin-right: 4px;

  font-weight: normal;
  display: inline-block;
  vertical-align: middle;

}


#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_header {
  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
  font-size: 24px;
  line-height: 28px;
  color:#7501bE;
  text-align: center;
  margin-bottom: 12px;
  margin-top: 4px;
  text-transform: uppercase;
  padding: 0 32px;
}



#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPaymentDialog_inner,
.dialog-paymentZelle #customPaymentDetails_zelle .customPaymentDialog_inner {
  padding: 4px 12px 18px 12px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_message,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_message {
  color:#888;
  margin-bottom: 12px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_message_important,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_message_important {
  color: black;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_amount,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_amount {
  text-align: center;
  color:#000;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: bold;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_zelleName,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_zelleName {
  text-align: center;
  color:#888;
  margin-bottom: 24px;
  margin-top: -12px;
  font-size: 12px;
  line-height: 14px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_amount .zelleOr,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_amount .zelleOr {
  color:#888;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;

}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_inputRow,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_inputRow {
  text-align: center;
  margin-bottom: 12px;
  text-align: left;

}
#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_inputLabel,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_inputLabel {
  color:#888;
  padding: 0 0 2px 4px;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_inputRow .form-control,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_inputRow .form-control {
  background-color: #fff;
  color:#000;
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_actions {
  text-align: center;

}
#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_actions .btn {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 32px;
  height: 32px;
  text-transform: none;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .btn-save {
  background-color: #7501bE;
  color:#fff;
  margin-right: 8px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .btn-cancel {
  background-color: #888;
  color:#fff;
}



#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails #customPaymentDialog_after {
  display: none;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails #customPaymentDialog_after .customPaymentDialog_inner  {
  padding-top:36px;
  padding-bottom:36px;
  text-align: center;
}


#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails.paymentSent #customPaymentDialog_after {
  display: block;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails.paymentSent #customPaymentDialog_before {
  display: none;
}






#registrationconfirmationSoloPage .regConPayment .paymentCol .btn

, #registrationconfirmationSoloPage .regConPayment .paymentCol button
 {
  height: 48px;
  line-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #00468C;
  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 8px;
  margin-right: 8px;
  position: relative;
}



#registrationconfirmationSoloPage .regConPayment .paymentCol .btn:hover {
  background-color: #00246a;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .btn .btn-label
, #registrationconfirmationSoloPage .regConPayment .paymentCol button span
 {
  padding-top: 4px;
  line-height: 44px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-paypal-handling-fee .btn-label {
  line-height: 18px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .btn .paypalHandlingFee {
  line-height: 16px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  text-transform: none;
}


#registrationconfirmationSoloPage .regConPayment .paymentCol button.stripe-button-el span {
  height: 46px;
  line-height: 49px;
  padding: 0 28px;


  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
}



#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-paypal:before
, #registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-custom:before
, #registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-authorize:before
, #registrationconfirmationSoloPage .regConPayment .paymentCol button.stripe-button-el span:before
{
  content:'';
  width: 38px;
  height: 34px;
  background-image: url(/Templates/base/images/registration/CCIcon.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol button.stripe-button-el span:before
{
  margin-right: 12px;
}



#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-venmo {
  background-color: #608DCB;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-venmo:hover {
  background-color: #406DaB;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-venmo:before {
  content:'';
  width: 33px;
  height: 33px;
  background-image: url(/Templates/base/images/registration/VenmoIcon.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}




#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-zelle {
  background-color: #9511DE;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-zelle:hover {
  background-color: #7501bE;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-zelle:before {
  content:'';
  width: 33px;
  height: 33px;
  background-image: url(/Templates/base/images/registration/ZelleIcon.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}






#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-check {
  background-color: #aaa;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-check:hover {
  background-color: #999;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-check:before {
  content:'';
  width: 44px;
  height: 33px;
  background-image: url(/Templates/base/images/registration/CheckIcon.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}




/*
#registrationconfirmationSoloPage .regConPayment .col-sm-6 {
	margin-bottom: 8px;
}
#registrationconfirmationSoloPage .regConPayment input {
  margin-left: 10px;
}

*/



#registrationconfirmationSoloPage legend {
	font-size:14px;
	font-weight:bold;
	padding:0px 4px;
}
#registrationconfirmationSoloPage fieldset {
	padding:4px 18px;
}
#registrationconfirmationSoloPage .labels {
	text-align:right;
	padding: 0px 6px 0px 0px;
	float:left;
	vertical-align:top;
}
#registrationconfirmationSoloPage .values {
	font-weight:bold;
}
#registrationconfirmationSoloPage table.regConInfo td {
	padding:3px;
}
#registrationconfirmationSoloPage table.regConInfo input {
	

}
#registrationconfirmationSoloPage .securityWrapper {
	padding: 34px 60px 28px 60px;
	min-height:140px;
}
#registrationconfirmationSoloPage .securityTitle {
	font-size:18px;
	font-weight:bold;
}
#registrationconfirmationSoloPage .securityMessage {
	font-size:14px;
	margin:24px 0 28px 0;
}
#registrationconfirmationSoloPage .securityButtonRow {
	text-align:center;
	font-size:17px;
}
#registrationconfirmationSoloPage .securityButtonRow input {
	margin: 0 auto;
}
#registrationconfirmationSoloPage .securityButtonRow .emailReminder {
	font-size:16px;
}

/*
#registrationconfirmationSoloPage .pay-with-venmo {
  margin-top: 10px;
}
*/

/* === Registration Print Page === */

#registrationSoloPage.regPrint .regInfo .regLabels {
  font-weight: normal;
}

/* colon is now part of the label text itself (ITEM-7982) -- AspPDF's ImportFromUrl render
   doesn't reliably apply :after generated content, so RegistrationForm-s.asp appends it
   server-side instead. Keep this selector removed rather than reintroducing a double colon. */


.dialog-paymentZelle .modal-header {
  background-color: #9511DE;
}
.dialog-paymentZelle .modal-content, .dialog-paymentZelle .modal-body {
  background-color: #fff;
  border-color: #9511DE;
}
.dialog-paymentZelle .modal-footer {
  border-top: none;
  margin-bottom: 18px;
}
.dialog-paymentZelle .modal-footer .btn-save {
  background-color: #9511DE;
  text-transform: none;
}
.dialog-paymentZelle #customPaymentDetails_zelle .customPaymentDialog_inner {
  padding-bottom: 0;
}



#registrationconfirmationSoloPage .regTextConsentSent, #registrationthankyouSoloPage .regTextConsentSent {
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 24px;
}

/* === RegistrationThankYou === */
#registrationthankyouSoloPage .regTYheading {
	font-size:16px;
	font-weight:bold;
	padding-bottom: 24px;
}
#registrationthankyouSoloPage .regTYprint {
	padding:25px 0 0;
}

/* === Roster === */
#roster .statFilters {
	text-align:right;
}
#roster #playerSearch, #coaches #playerSearch {
	padding-left:13px;
}
.statFilters input {
	margin-left:4px;
}
#tmSelect {
	padding:8px 0px 4px 0px;
	color:#FFF;
	font-size:14px;
	text-align:right;
}
/*
// TOO GENERIC
.warning {
	text-align:center;
	padding:32px 0px 32px 0px;
}
*/

#frameOuterWrapper .warning {
	color:#FFF;
}
a.rosterLink {
}
#frameOuterWrapper a.rosterLink {
	color:#FFF;
}





.rosterTableWrapper table {
  width: 100%;
}



/*
.rosterTableWrapper .structItem td {
  padding-top: 4px;
}
*/


.rosterTableWrapper .playerRow td {
  padding: 6px 4px;
  line-height: 18px;
}

.rosterTableWrapper .playerRow td .contactEmail {
  font-size: 12px;
}

.rosterTableWrapper .playerRow td .emergencyContact:not(:first-child) {
  margin-top: 6px;

}


.peopleListPage .rosterTableWrapper .playerRow td.nameLabel div {
  padding-left: 8px;
}
.peopleListPage.hasPlayerNumber .rosterTableWrapper .playerRow td.nameLabel div {
  padding-left: 0px;
}

#roster .playernumberLabel {
  text-align: center;
}
#roster .nameLabel {
  display: table-cell;
}
#roster.isBulkEdit .nameLabel {
  display: inline-block;
}


#roster .profilephotoLabel {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
}


#roster .heightLabel {
  white-space: nowrap;
}

#roster .weightLabel {
  white-space: nowrap;
}




#roster .loading-row {

}

#roster .loading-row .loading-cell {
  padding: 24px;
  color:#888;
  text-align: center;
}


#roster .loading-row .fa-spinner {
  display: inline-block;
  vertical-align: middle;
}


#roster .loading-row .loading-text {

  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  font-style: italic;
}



.rosterTableWrapper .itemData div {
  max-width: 100%;
  overflow: hidden;
}



@media (max-width: 767px) {
  .hasWideCols .rosterTableWrapper table
  , .hasWideCols .rosterTableWrapper thead
  , .hasWideCols .rosterTableWrapper tbody
  , .hasWideCols .rosterTableWrapper tr {
    display: block;
    clear: both;
  }


  .hasWideCols .rosterTableWrapper td {
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
  }
  #roster .hasWideCols .nameLabel {
    display: inline-block;
  }

  .hasWideCols .rosterTableWrapper .structItem td {
    display: block;
  }
  .hasWideCols .rosterTableWrapper tr.playerRow {
    padding: 6px 3px;
    position: relative;
    line-height: 18px;
  }
  .hasWideCols .rosterTableWrapper .playerRow td {
    padding: 0 3px;
  }

  .hasWideCols .rosterTableWrapper tbody.showMoreBody td {
    display: block;
  }

  


  #roster .hasWideCols .playernumberLabel {
    position: absolute;
    left: 0;
    top: 7px;
    width: 32px;
  }

}




#roster .pageModWrapper.hasWideCols {
  max-width: 100%;
}



tbody.modGroupDetailsWrapper {
    border-collapse: separate;
    border-spacing: 1px; 
}


tbody.modGroupDetailsWrapper:before, tbody.modGroupDetailsWrapper:after {
  display: none;
  content: none;
}



/*
.modGroupItem .itemData {
  margin-left: 4px;
  margin-right: 4px;
  overflow:hidden;
  white-space: nowrap;
  max-height: 28px;
  line-height:18px;
  display:inline-block;
  vertical-align: middle;
}

.rosterTableWrapper .modGroupItem td .itemData  {
  white-space: normal;
}



.rosterTable table td {
	padding:3px;
}
td.rosterName {
	font-weight:bold;
}



#roster .modGroupItem {
	position: relative;
}




.pagination>li>a, .pagination>li>span {
	color:#337ab7 !important;
}
.pagination>li.active>a, .pagination>li.active>span {
	color:#fff !important;
}

*/

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


/*

.peopleListPage .list {
  margin:0 0 4px 0;
  padding:0;
}


.peopleListPage .list .modGroupItem {
  margin:0;
  padding:5px 2px 5px 6px;
  list-style-type: none;
  display:block;
  line-height: 18px;
}

*/


  
  .hasWideCols.peopleListPage.hasPlayerNumber .modGroupItem.playerRow {
    padding: 7px 36px 7px 36px;
  }
 
  .hasWideCols.peopleListPage.hasPlayerNumber .modGroupItem.playerRow.thead {
    margin: -4px -4px 0 -4px;
  }



  .hasWideCols .modGroupItem .itemLen_1 {
    width: 4%;
  }
  .hasWideCols .modGroupItem .itemLen_2 {
    width: 5%;
  }
  .hasWideCols .modGroupItem .itemLen_3 {
    width: 6%;
  }
  .hasWideCols .modGroupItem .itemLen_4 {
    width: 8%;
  }
  .hasWideCols .modGroupItem .itemLen_5 {
    width: 9%;
  }
  .hasWideCols .modGroupItem .itemLen_6 {
    width: 10%;
  }
  .hasWideCols .modGroupItem .itemLen_7 {
    width: 11%;
  }
  .hasWideCols .modGroupItem .itemLen_8 {
    width: 12%;
  }
  .hasWideCols .modGroupItem .itemLen_9 {
    width: 13%;
  }
  .hasWideCols .modGroupItem .itemLen_10 {
    width: 15%;
  }
  .hasWideCols .modGroupItem .itemLen_11 {
    width: 17%;
  }
  .hasWideCols .modGroupItem .itemLen_12 {
    width: 19%;
  }
  .hasWideCols .modGroupItem .itemLen_13 {
    width: 21%;
  }
  .hasWideCols .modGroupItem .itemLen_14 {
    width: 22%;
  }
  .hasWideCols .modGroupItem .itemLen_15 {
    width: 24%;
  }
  .hasWideCols .modGroupItem .itemLen_16 {
    width: 26%;
  }
  .hasWideCols .modGroupItem .itemLen_17 {
    width: 27%;
  }
  .hasWideCols .modGroupItem .itemLen_18 {
    width: 29%;
  }
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 31%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 32%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 34%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 35%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 37%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 38%;
  }
}


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



	.hasWideCols .modGroupItem .itemLen_1 {
	  width: 4%;
	}
	.hasWideCols .modGroupItem .itemLen_2 {
	  width: 5%;
	}
	.hasWideCols .modGroupItem .itemLen_3 {
	  width: 7%;
	}
	.hasWideCols .modGroupItem .itemLen_4 {
	  width: 9%;
	}
	.hasWideCols .modGroupItem .itemLen_5 {
	  width: 10%;
	}
	.hasWideCols .modGroupItem .itemLen_6 {
	  width: 12%;
	}
	.hasWideCols .modGroupItem .itemLen_7 {
	  width: 13%;
	}
	.hasWideCols .modGroupItem .itemLen_8 {
	  width: 14%;
	}
	.hasWideCols .modGroupItem .itemLen_9 {
	  width: 15%;
	}
	.hasWideCols .modGroupItem .itemLen_10 {
	  width: 17%;
	}
	.hasWideCols .modGroupItem .itemLen_11 {
	  width: 19%;
	}
	.hasWideCols .modGroupItem .itemLen_12 {
	  width: 21%;
	}
	.hasWideCols .modGroupItem .itemLen_13 {
	  width: 22%;
	}
	.hasWideCols .modGroupItem .itemLen_14 {
	  width: 24%;
	}
	.hasWideCols .modGroupItem .itemLen_15 {
	  width: 26%;
	}
	.hasWideCols .modGroupItem .itemLen_16 {
	  width: 27%;
	}
	.hasWideCols .modGroupItem .itemLen_17 {
	  width: 29%;
	}
	.hasWideCols .modGroupItem .itemLen_18 {
	  width: 31%;
	}
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 32%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 34%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 36%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 37%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 39%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 41%;
  }

}




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



	.hasWideCols .modGroupItem .itemLen_1 {
	  width: 5%;
	}
	.hasWideCols .modGroupItem .itemLen_2 {
	  width: 6%;
	}
	.hasWideCols .modGroupItem .itemLen_3 {
	  width: 8%;
	}
	.hasWideCols .modGroupItem .itemLen_4 {
	  width: 10%;
	}
	.hasWideCols .modGroupItem .itemLen_5 {
	  width: 11%;
	}
	.hasWideCols .modGroupItem .itemLen_6 {
	  width: 12%;
	}
	.hasWideCols .modGroupItem .itemLen_7 {
	  width: 14%;
	}
	.hasWideCols .modGroupItem .itemLen_8 {
	  width: 16%;
	}
	.hasWideCols .modGroupItem .itemLen_9 {
	  width: 18%;
	}
	.hasWideCols .modGroupItem .itemLen_10 {
	  width: 20%;
	}
	.hasWideCols .modGroupItem .itemLen_11 {
	  width: 22%;
	}
	.hasWideCols .modGroupItem .itemLen_12 {
	  width: 24%;
	}
	.hasWideCols .modGroupItem .itemLen_13 {
	  width: 25%;
	}
	.hasWideCols .modGroupItem .itemLen_14 {
	  width: 27%;
	}
	.hasWideCols .modGroupItem .itemLen_15 {
	  width: 29%;
	}
	.hasWideCols .modGroupItem .itemLen_16 {
	  width: 31%;
	}
	.hasWideCols .modGroupItem .itemLen_17 {
	  width: 32%;
	}
	.hasWideCols .modGroupItem .itemLen_18 {
	  width: 34%;
	}
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 36%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 37%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 39%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 41%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 43%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 45%;
  }


}



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


  .hasWideCols .modGroupItem .itemLen_1 {
    width: 5%;
  }
  .hasWideCols .modGroupItem .itemLen_2 {
    width: 7%;
  }
  .hasWideCols .modGroupItem .itemLen_3 {
    width: 9%;
  }
  .hasWideCols .modGroupItem .itemLen_4 {
    width: 12%;
  }
  .hasWideCols .modGroupItem .itemLen_5 {
    width: 13%;
  }
  .hasWideCols .modGroupItem .itemLen_6 {
    width: 14%;
  }
  .hasWideCols .modGroupItem .itemLen_7 {
    width: 16%;
  }
  .hasWideCols .modGroupItem .itemLen_8 {
    width: 18%;
  }
  .hasWideCols .modGroupItem .itemLen_9 {
    width: 20%;
  }
  .hasWideCols .modGroupItem .itemLen_10 {
    width: 22%;
  }
  .hasWideCols .modGroupItem .itemLen_11 {
    width: 24%;
  }
  .hasWideCols .modGroupItem .itemLen_12 {
    width: 26%;
  }
  .hasWideCols .modGroupItem .itemLen_13 {
    width: 28%;
  }
  .hasWideCols .modGroupItem .itemLen_14 {
    width: 30%;
  }
  .hasWideCols .modGroupItem .itemLen_15 {
    width: 32%;
  }
  .hasWideCols .modGroupItem .itemLen_16 {
    width: 34%;
  }
  .hasWideCols .modGroupItem .itemLen_17 {
    width: 36%;
  }
  .hasWideCols .modGroupItem .itemLen_18 {
    width: 38%;
  }
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 40%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 42%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 44%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 46%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 48%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 50%;
  }


}




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



  .hasWideCols .modGroupItem .itemLen_1 {
    width: 5%;
  }
  .hasWideCols .modGroupItem .itemLen_2 {
    width: 8%;
  }
  .hasWideCols .modGroupItem .itemLen_3 {
    width: 11%;
  }
  .hasWideCols .modGroupItem .itemLen_4 {
    width: 13%;
  }
  .hasWideCols .modGroupItem .itemLen_5 {
    width: 15%;
  }
  .hasWideCols .modGroupItem .itemLen_6 {
    width: 16%;
  }
  .hasWideCols .modGroupItem .itemLen_7 {
    width: 18%;
  }
  .hasWideCols .modGroupItem .itemLen_8 {
    width: 20%;
  }
  .hasWideCols .modGroupItem .itemLen_9 {
    width: 22%;
  }
  .hasWideCols .modGroupItem .itemLen_10 {
    width: 24%;
  }
  .hasWideCols .modGroupItem .itemLen_11 {
    width: 26%;
  }
  .hasWideCols .modGroupItem .itemLen_12 {
    width: 28%;
  }
  .hasWideCols .modGroupItem .itemLen_13 {
    width: 30%;
  }
  .hasWideCols .modGroupItem .itemLen_14 {
    width: 32%;
  }
  .hasWideCols .modGroupItem .itemLen_15 {
    width: 34%;
  }
  .hasWideCols .modGroupItem .itemLen_16 {
    width: 36%;
  }
  .hasWideCols .modGroupItem .itemLen_17 {
    width: 38%;
  }
  .hasWideCols .modGroupItem .itemLen_18 {
    width: 40%;
  }
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 42%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 44%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 46%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 48%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 50%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 52%;
  }


}



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



  .hasWideCols .modGroupItem .itemLen_1 {
    width: 6%;
  }
  .hasWideCols .modGroupItem .itemLen_2 {
    width: 10%;
  }
  .hasWideCols .modGroupItem .itemLen_3 {
    width: 13%;
  }
  .hasWideCols .modGroupItem .itemLen_4 {
    width: 15%;
  }
  .hasWideCols .modGroupItem .itemLen_5 {
    width: 17%;
  }
  .hasWideCols .modGroupItem .itemLen_6 {
    width: 18%;
  }
  .hasWideCols .modGroupItem .itemLen_7 {
    width: 20%;
  }
  .hasWideCols .modGroupItem .itemLen_8 {
    width: 22%;
  }
  .hasWideCols .modGroupItem .itemLen_9 {
    width: 24%;
  }
  .hasWideCols .modGroupItem .itemLen_10 {
    width: 26%;
  }
  .hasWideCols .modGroupItem .itemLen_11 {
    width: 28%;
  }
  .hasWideCols .modGroupItem .itemLen_12 {
    width: 30%;
  }
  .hasWideCols .modGroupItem .itemLen_13 {
    width: 32%;
  }
  .hasWideCols .modGroupItem .itemLen_14 {
    width: 34%;
  }
  .hasWideCols .modGroupItem .itemLen_15 {
    width: 36%;
  }
  .hasWideCols .modGroupItem .itemLen_16 {
    width: 38%;
  }
  .hasWideCols .modGroupItem .itemLen_17 {
    width: 40%;
  }
  .hasWideCols .modGroupItem .itemLen_18 {
    width: 42%;
  }
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 44%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 46%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 48%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 50%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 52%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 54%;
  }

}













/* === Schedule  ==== */
#schedule .filters .input-group {
	display: inline-block;
}
#schedule .filters .input-group .form-control {
	width: auto;
}
#schedule select#exportFormat {
  display: inline-block;
  width: auto;
}
#schedule .export a.btn-primary {
  color: #fff;
  margin-left: 4px;
  margin-top: 8px;
  padding: 0 8px;
}

#schedule .export a.addToCalendarButton {
	background-color: #222;
  border-radius: 5px;
  border: 1px solid #999;
}

#schedule .export a.addToCalendarButton:hover {
  background-color: #666;
}

#schedule .export a.addToCalendarButton .addToCalendarLabel {
  margin-left: 12px;
  font-size: 16px;
  font-weight: normal;
}

.addToCalendar_ButtonRow {
  display: flex;
  align-items: center;
  margin: 12px 10px;
}

.addToCalendar_ButtonRow .addToCalendar_Button {
  margin-right: 8px;
  padding: 6px 24px;
  background-color: #27e;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  width: 125px;
  height: 33px;
  flex-shrink: 0;
}

.addToCalendar_ButtonRow .addToCalendar_Button:hover {
  background-color: #0C4BA3;
  cursor: pointer;
}

.addToCalendar_ButtonRow .addToCalendar_ButtonDescription {
  margin-left: 12px;
  font-size: 16px;
  color: #666;
}

.addToCalendar_LinkHeader {
  font-size: 14px;
  color: #666;
  font-weight: normal;
  margin-top: 24px;
  margin-bottom: 4px;
  padding: 0 10px;
}

#addToCalendar_CalendarLink .copyPopup {
  visibility: hidden;
  width: 160px;
  background-color: #27e;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 2px;
  position: absolute;
  z-index: 1;
  bottom: 74px;
  left: 260px;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#addToCalendar_CalendarLink:hover .copyPopup {
  visibility: visible;
  opacity: 1;
}

#addToCalendar_CalendarLink .copyPopup:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #27e transparent transparent transparent;
}

.addToCalendar_CalendarLink {
  min-height: 38px;
  padding: 8px;
  font-size: 14px;
  line-height: 1.4em;
  color: #333;
  border: 1px dashed #ccc;
  background-color: #fff;
  border-radius: 4px;
  overflow-wrap: break-word;
}

.addToCalendar_CalendarLink:before {
  font-family: FontAwesome;
  content: "\f0c1";
  float: right;
  margin-left: 8px;
  font-size: 20px;
  color: #333;
}

.addToCalendar_CalendarLink:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.addToCalendar_CalendarLink:hover:before {
  color: #27e;
}

.addToCalendar_CalendarLink_Copied {
  min-height: 38px;
  padding: 8px;
  font-size: 14px;
  line-height: 1.4em;
  color: #27e;
  border: 1px dashed #27e;
  background-color: #fff;
  border-radius: 4px;
  overflow-wrap: break-word;
}

.addToCalendar_CalendarLink_Copied:before {
  font-family: FontAwesome;
  content: "\f0c1";
  float: right;
  margin-left: 8px;
  font-size: 20px;
  color: #27e;
}

.addToCalendar_CalendarLink_Copied:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.addToCalendar_CalendarLink_Copied:hover:before {
  color: #27e;
}


#schedule .majorViewMore {
	margin-left:18px;

}
#schedule .majorViewMore:before {
  font-family: FontAwesome;
  content: "\f0da";
  margin-right:4px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}




#schedule .majorViewLess {
	margin-left:18px;

}
#schedule .majorViewLess:before {
  font-family: FontAwesome;
  content: "\f078";
  margin-right:4px;
  margin-top: -2px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}





.scheduleList td {
	border-top: solid 1px #ccc;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #999;
}

.scheduleList tr:first-child td {
  border-top: solid 1px #ccc;
}
#scheduleEmpty .scheduleList tr:first-child td {
  border-top: none;
}


.scheduleList tbody tr:last-child td {
	border-bottom: solid 1px #ccc;
}




.scheduleList td:first-child {
	border-left: solid 1px #ccc;
}
.scheduleList td:last-child {
	border-right: solid 1px #ccc;
}
.scheduleList thead td {
	background-color:#999;
	border-top: solid 1px #ccc;
}

/*

.scheduleList .isPartOf .teamLabel:before {
  font-family: FontAwesome;
  content: "\f0da";
  margin-right: 4px;
  text-decoration: none !important;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}

*/




.scheduleList tbody tr td.schedCell span.teamLabel {
  max-width: 400px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  color:#27e;
  line-height: 18px;
}
.scheduleList tbody tr td.schedCell.emptyTeam span.teamLabel {
  color:#666;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .scheduleList tbody tr td.schedCell span.teamLabel {
    max-width: 200px;
  }
}





.scheduleList .btn.btn-bracket.btn-light-purple-bg {
  background-color: #e6e4f3;
  border: 1px solid #d1d1fb;
  color:#27e;
  line-height: 22px;
}


.scheduleList .btn.btn-bracket {
  padding: 0 8px 0 4px !important;
}
.scheduleList .btn.btn-bracket span {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.scheduleList .btn-edit.btn-bracket:before {

}

.scheduleList .btn.btn-bracket .btnLabel {

  display: inline-block;
  vertical-align: middle;
  margin-left: -2px;
}
.scheduleList .btn.btn-bracket .bracketName {
  display: inline-block;
  vertical-align: middle;

  padding-top: 2px;
  line-height: 20px;


  font-family: "Oswald-Regular",Arial,Helvetica,sans-serif;
}

.scheduleList .btn.btn-bracket .bracketID {
  display: inline-block;
  vertical-align: middle;

  width: 53px;
  text-align: center;

  font-family: "Oswald-Regular",Arial,Helvetica,sans-serif;
  font-size: 12px;
  background-color: #C0CFF9;
  height: 18px;
  border-radius: 9px;

  line-height: 16px;
  padding: 2px 0 0 0;

  margin: -3px 0 0 8px;

  color:#27e;
}




a.event-button-wrapper {
  text-decoration: none;
  display: inline-block;
}
























.specialEventRow {
  position: relative;
}

@media screen and (max-width: 767px) {
  .specialEventRow {
    text-align: left;
  }
}


.specialEventRow .specialEventLabel {
  color: #fff;
  padding: 2px 12px;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;


  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: normal;


}


.specialEventLabelText {

  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
  line-height: 24px;
}





.specialEventHeader {
  margin: 12px auto 0 auto;
  max-width: 764px
}

.specialEventRow .specialEventLabel {
  text-decoration: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color:#2659FF;
  background-color: #D8CEFF;
  margin-right: 8px;
}


/*
.specialEventRow a.specialEventLabel:after {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f040";
  margin-left: 12px;
  font-size: 14px;
  font-weight: normal;
}
*/


.specialEventRow a.specialEventLabel:hover {
  background-color: #05c;
  color: #fff;
}








.specialEventRow .specialEventLabel .eventName {

  margin-right: 12px;


  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
  font-weight: normal;



  height: 26px;
  display: inline-block;
  vertical-align: middle;
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;


}

.specialEventRow .specialEventLabel .eventName:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f091";
  font-size: 16px;
  font-weight: normal;
  margin-right: 14px;
  margin-left: 2px;
}





.specialEventRow .specialEventLabel.isBracket .eventName:before {
  content: "\f0e8";
  transform: rotate( 90deg );
}











.specialEventRow2 {
  background-color: #D8CEFF;
  color: #2659FF;
  padding: 2px 12px 1px 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-top: 1px solid #fff;
}


.specialEventRow2 .eventDate {

  display: inline-block;
  vertical-align: middle;

    padding: 2px 12px 0 12px;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
    font-weight: normal;

    
  text-decoration: none;

  color: #2659FF;
}





.specialEventRowLine {

  background-color: #D8CEFF;
  border-top: 1px solid #fff;
  height: 8px;
  margin: 0 -8px;
}




.specialEventRow .specialEventLabel.majorEventTab {
  background-color: #777;
  color: #bbb;
}



.tournament {
  background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}






/*



.specialEventRow2 a.eventDate:after {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f040";
  margin-left: 12px;
  font-size: 14px;
  font-weight: normal;
  margin-top: -2px
}






@media screen and (max-width: 950px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 390px;
  }
}



@media screen and (max-width: 850px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 340px;
  }
}


@media screen and (max-width: 800px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 310px;
  }
}

@media screen and (max-width: 767px) {
  .specialEventRow .specialEventLabel .eventDate {
    display: none;
  }
  .specialEventRow .specialEventLabel .eventName {
    margin-right: 0;
    max-width: 300px;
  }
  .specialEventRow .hideOnMobile {
    display: none;
  }

}

@media screen and (max-width: 500px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 250px;
  }
}
@media screen and (max-width: 450px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 200px;
  }
}

@media screen and (max-width: 400px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 150px;
  }
}

@media screen and (max-width: 367px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 130px;
  }
}

@media screen and (max-width: 347px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 120px;
  }
}




.isSpecialEvent .gameCountRow {
  background-color: #3F2488;
}
*/
















#frameOuterWrapper .scheduleList thead td {
	color:#FFF;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;

}
.scheduleList tbody tr {
	background-color:#FFF;
}
#frameOuterWrapper .scheduleList tbody tr {
	color:#27e;
}
#frameOuterWrapper .scheduleList tbody tr a {
	color:#27e;
}
#frameOuterWrapper .scheduleList tbody tr .col_Location a {
  color:#666;
}

#frameOuterWrapper .scheduleList tbody tr .col_Competition a
, #frameOuterWrapper .scheduleList tbody tr .col_GameID a {
  color:#666;
  text-decoration: none;
}




/*
#frameOuterWrapper .scheduleList tbody tr td.schedCell a {
  max-width: 400px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
    margin-bottom: -2px;
    margin-top: 1px;
}
*/


.scheduleList tbody tr.statsRowOdd {
	background-color:#E0E1E4;
}
.scheduleList tbody .spacer {
	background-color:transparent;
}
.scheduleList tbody .spacer td {
	border-left: none;
	border-right: none;
}











.scheduleList tr.div0, .scheduleList tr.div1 {
  background-color:#FFF;
}
#frameOuterWrapper .scheduleList tr.div0, #frameOuterWrapper .scheduleList tr.div0 a,
#frameOuterWrapper .scheduleList tr.div1, #frameOuterWrapper .scheduleList tr.div1 a {
  color:#27E;
}
.scheduleList tr.div2,.scheduleList tr.div3 {
  background-color:#555;
}


.isSpecialEvent .scheduleList tr.div2
, .isSpecialEvent .scheduleList tr.div3 {
  background-color:#fff;
}
#frameOuterWrapper .isSpecialEvent .scheduleList tr.div2 td
, #frameOuterWrapper .isSpecialEvent .scheduleList tr.div2 td  {
  color: #666;
}




#frameOuterWrapper .scheduleList tr.div2 td {
  font-family: 'Roboto Condensed', sans-serif;
  color:#ccc;
}
.scheduleList tr.div3 {
  background-color:#CECEBD;
}
.scheduleList tr.div4 {
  background-color:#EFEFDC;
}
.scheduleList tr.over {
  background-color:#E0EBEB;
}

.scheduleList tr.div0, .scheduleList tr.div1, .scheduleList tr.div2, .scheduleList tr.div3 {
  font-weight:bold;
}
.scheduleList tr.div0, .scheduleList tr.div1 {
  text-align:center;
}
.scheduleList td.away a, .scheduleList td.home a {
  display:block;
}



.scheduleList tr.bracketRow td {
  padding: 2px 4px 2px 10px;
  background-color: #eee;
}
#frameOuterWrapper .scheduleList tr.bracketRow td a.bracketLabel {
  color: #666;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  background-color: #e5e4f4;
  border: 1px solid #C0CFF9;

  border-radius: 6px;
  line-height: 18px;
  padding-top: 2px;
  padding-right: 10px;

  display: inline-block;
  vertical-align: middle;
  padding-left: 26px;
  position: relative;


  max-width: 150px;
  min-width: 80px;
}
#frameOuterWrapper .scheduleList tr.bracketRow td a.bracketLabel:hover { 

  background-color: #C0CFF9;
}


#frameOuterWrapper .scheduleList tr.bracketRow td a.bracketLabel:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f0e8";
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  left: 8px;
  top: 2px;



  transform: rotate(90deg);
}


#frameOuterWrapper .scheduleList tr.bracketRow td a.bracketLabel span {

    display: block;
    vertical-align: middle;
    padding: 0;


    font-family: Oswald-Regular, Arial, Helvetica, sans-serif;


  white-space: nowrap;
  overflow: hidden;

  text-overflow: ellipsis;

}


.scheduleList .isWeek td {
  border-top: 3px solid #000;
  color:#000;
  line-height: 18px;
  padding-top: 2px;
}







.scheduleList .div2.isDay td {
  line-height: 22px;  
}

.scheduleList .div3.isDay td {
  padding: 0;
  border-top: none;
  font-size: 16px;
  line-height: 18px;  
}











/*
.scheduleList tr.div2,.scheduleList tr.div3 {
	background-color:#555;
}


#frameOuterWrapper .scheduleList tr.div2, #frameOuterWrapper .scheduleList tr.div2 {
	color:#ccc;
}


.scheduleList tr.div1, 
.scheduleList tr.div2 {
  background-color:#fff;
}

.scheduleList tr.div1 td {
  color:#666;

  font-size: 16px;
  line-height: 18px;

  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;

}

*/









/*
.scheduleList tr.div2 td {
  padding-top: 18px;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  color:#666;
}
*/


/*
.scheduleList tr.div3 {
	background-color:#ced0d1;
}
.scheduleList tr.div4 {
	background-color:#e9ecee;
}
*/



.scheduleList tr.over {
	background-color:#E0EBEB;
}
.scheduleList tr.div0, .scheduleList tr.div1, .scheduleList tr.div2, .scheduleList tr.div3 {
	font-weight:bold;
}



.scheduleList tr.div0, .scheduleList tr.div1 {
	text-align:center;
}




.scheduleList td.away a, .scheduleList td.home a {
	display:block;
}
/*
.scheduleList tr.div0 td, .scheduleList tr.div1 td {
	padding-bottom:2px;
	padding-top:2px;
}
*/
.scheduleList span.weekJump {
	font-weight:normal;
    margin-left: 24px;
}


.scheduleList .btn-edit:before {
  display: none;
}

.scheduleList .btn-edit.btn-major-event:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f073";
  font-weight: normal;
  font-size: 16px;
  padding:0 10px;
  margin-top: -4px;
}
.scheduleList .btn-edit.btn-major-event .event-label-name {
  margin-left: 6px;
}



.scheduleList .btn-edit.btn-bracket:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f0e8";
  font-weight: normal;
  font-size: 16px;
  padding:0 10px;
}
.scheduleList.orderBy_Bracket .btn-edit.btn-bracket:before
, .scheduleList.orderBy_Bracket .btn-edit.btn-bracket .bracketName {
  display: none;
}
.scheduleList.orderBy_Bracket .btn.btn-bracket.btn-light-purple-bg {
  border: none;
  background-color: transparent;
}





.scheduleList .btn-edit.btn {
  padding: 0 9px 0 9px !important; 
}




.weekJumpPrev {
	text-decoration: none;
}
.weekLabel {
  display: inline-block;
  vertical-align: middle;
}
.curWeek {
  display: inline-block;
  vertical-align: middle;
}


#frameOuterWrapper .scheduleList tr .weekJumpPrev:hover
, #frameOuterWrapper .scheduleList tr .weekJumpNext:hover 
{
	color:#5af;
}
.weekJumpPrev:before {
  font-family: FontAwesome;
  content: "\f137";
  font-size:18px;
  line-height: 18px;
  margin-right:8px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}

.weekJumpNext:before {
  font-family: FontAwesome;
  content: "\f138";
  font-size:18px;
  line-height: 18px;
  margin-left:8px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}


@media (max-width: 480px) {
	.scheduleList span.weekJump {
		display: block;
		margin: 0;
	}
}
.scheduleList tr.spacer {
	line-height:8px;
	padding:0;
}




#frameOuterWrapper .scheduleList .col_vs .cellContent {
	padding-left: 11px;
	padding-right: 6px;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color:#666;
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  padding-top: 6px;
}

#frameOuterWrapper .scheduleList .col_Apts .cellContent, 
#frameOuterWrapper .scheduleList .col_Hpts .cellContent {
	padding-left:4px;
  text-align: right;
}


#frameOuterWrapper .scheduleList .col_Apts .wlt, 
#frameOuterWrapper .scheduleList .col_Hpts .wlt {
  display: inline-block;
  margin-left: 4px;
}



#frameOuterWrapper .scheduleList .scoreW,
#frameOuterWrapper .scheduleList .scoreL,
#frameOuterWrapper .scheduleList .scoreT,
#frameOuterWrapper .scheduleList .score {
  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
	white-space: nowrap;
  display: block;
  line-height: 24px;
  padding-top: 3px;
}



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

  #frameOuterWrapper .scheduleList .scoreW,
  #frameOuterWrapper .scheduleList .scoreL,
  #frameOuterWrapper .scheduleList .scoreT,
  #frameOuterWrapper .scheduleList .score {
    padding-top: 0;
  }

}






#frameOuterWrapper .scheduleList .awayCell .scoreW,
#frameOuterWrapper .scheduleList .awayCell .scoreL,
#frameOuterWrapper .scheduleList .awayCell .scoreT, 
#frameOuterWrapper .scheduleList .awayCell .score,
#frameOuterWrapper .scheduleList .homeCell .scoreW,
#frameOuterWrapper .scheduleList .homeCell .scoreL,
#frameOuterWrapper .scheduleList .homeCell .scoreT,
#frameOuterWrapper .scheduleList .homeCell .score {
	float:right;
	margin-left:18px;
}




/*
#frameOuterWrapper .scheduleList .scoreW {
  position: relative;
  padding-left: 15px;
}
#frameOuterWrapper .scheduleList .scoreW:before {
  position: absolute;
  left: 0;
  top: -1px;
  font-family: FontAwesome;
  content: "\f0da";
  margin-right: 9px;
  text-decoration: none !important;
  display: inline-block;
  vertical-align: middle;
    font-weight: normal;
  font-size: 20px;
  color:#aaa;
}
*/

#frameOuterWrapper .scheduleList .scoreL.isForfeit {
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  text-transform: lowercase;
  font-size: 14px;
}





#frameOuterWrapper .scheduleList .scoreW {
  color:#070;
}

#frameOuterWrapper .scheduleList .scoreL {
	color:#c00;
}

#frameOuterWrapper .scheduleList .scoreT {
	color:#666;
}


.scheduleList td.score a {
	text-decoration:none;
}
table.scheduleList {
	width:100%;
	overflow: auto;
	word-break: normal;
	border-collapse:separate;
	border-spacing:0;
	margin-bottom:0;
}
.scheduleList .cellContent {
	padding: 3px 4px  3px 8px;
	display: block;
}



.scheduleList tbody .col_Home .cellContent
, .scheduleList tbody .col_Away .cellContent
, .scheduleList tbody .col_Opponent .cellContent
, .scheduleList tbody .col_Details .cellContent
 {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.scheduleList tbody .col_Event .cellContent
 {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
/*
  padding-top: 6px;
  padding-bottom: 6px;
  */

}


.scheduleList tbody .col_Location .cellContent
 {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color:#666;
}



.scheduleList tbody .col_Time .cellContent
 {
  color:#666;
  font-family: 'Roboto Condensed', sans-serif;
 }



.scheduleList tbody .col_Date .cellContent
 {
  color:#666;
  font-family: 'Roboto Condensed', sans-serif;
 }


.scheduleList tbody .col_Opponent .cellContent {
  color: #27e;
}

.scheduleList tbody .col_Opponent a.cellContent {
  text-decoration: none;
}



.scheduleList tr.div3 td {
  color:#666;
}

.scheduleList tr.div3 td
, .scheduleList tr.div4 td {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;

  padding-top: 2px;
  padding-bottom: 2px;
}


.scheduleList td:first-child .cellContent {
  padding-left: 12px;
}

.scheduleList td:last-child .cellContent {
  padding-right: 12px;
}





.scheduleList tr.div3, .scheduleList tr.div4, .scheduleList tr.div5 {
	font-weight:bold;
	text-align:center;
}

.scheduleList .schedRow {
	min-height: 33px;
}




.schedGameRow {
  line-height: 17px;
  margin: 5px 0;
  position: relative;
  padding-right: 64px;
  max-width: 270px;
}

.schedGameRow .scoreWrap {
  position: absolute;
  right: 18px;
  top: 2px;
  color:#000;
  width: 45px;
  text-align: right;
}

.schedGameRow .scoreWrap .gNoScore {
  color:#666;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
}



.schedGameRow .scoreWrap .gscoreW {
  font-weight: bold;
}


.schedGameRow .scoreWrap .gscoreW:before {
  font-family: FontAwesome;
  content: "\f0da";
  margin-right: 6px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
    font-weight: normal;
    font-size: 16px;
}

.isWin .teamLabel {
  font-weight: bold;
}







.scheduleList tbody .col_Competition .cellContent {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #666;
}
.scheduleList tbody .col_GameID .cellContent {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #666;
}
#schedule .bracket_gameNo {
  display: inline-block;
  vertical-align: middle;
}
#schedule .bracketIcon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  position: relative;
}
#schedule .bracketIcon:before {
   
  display: inline-block;
  vertical-align: middle;
}
#schedule .bracketIcon.bracketType_singleElimination:before {
  font-family: FontAwesome;
  content: "\f0e8";
  font-size: 16px;
  line-height: 16px;
  transform: rotate(90deg);  
  margin-top: -2px;
}
#schedule .bracketIcon.bracketType_doubleElimination:before {
  position: absolute;
  top: 0;
  left: 0;


    font-family: FontAwesome;
    content: "\f0e8";
    font-size: 13px;
    line-height: 13px;

    transform: rotate(90deg);
}
#schedule .bracketIcon.bracketType_doubleElimination:after {
  position: absolute;
  bottom: 3px;
  right: 0;

    font-family: FontAwesome;
    content: "\f0e8";
    font-size: 12px;
    line-height: 12px;
    
    transform: rotate(90deg);
}

#schedule .bracketIcon.bracketType_roundRobin:after {
  font-family: FontAwesome;
  content: "\f0cb";
}

#schedule .bracketIcon.bracketType_unknown:after {



  font-family: FontAwesome;
  content: "\f128";
  font-size: 18px;
  line-height: 18px;
  border: 1px solid #4D3E7C88;

  width: 20px;
  height: 20px;
  opacity: 0.6;
}



#schedule .bracketIcon.bracketType_freestyle:after {


  font-family: FontAwesome;
  content: "\f249";

}










/*

.majorEventIcon:before {
	margin-right: 8px;

  font-family: FontAwesome;
  content: "\f091";
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}


.eventBracketIcon:before {
	margin-right: 8px;

  font-family: FontAwesome;
  content: "\f0e8";
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(90deg);
  font-size: 16px;
}
*/





.schedEditCell .schedEditCellContent {
  white-space: nowrap;
  padding: 3px 38px 3px 5px;
  position: relative;

}


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



  .schedEditCell .schedEditCellContent {
    display: block;
    text-align: right;
  }




  /*
	#schedule .scheduleList .cellContent {
		padding:4px 8px;
		line-height: 16px;
	}



	#frameOuterWrapper .scheduleList tr.div0 td,
	#frameOuterWrapper .scheduleList tr.div1 td,
	#frameOuterWrapper .scheduleList tr.div2 td,
	#frameOuterWrapper .scheduleList tr.div3 td,
	#frameOuterWrapper .scheduleList tr.div4 td,
	#frameOuterWrapper .scheduleList tr.div5 td {
		line-height: 18px;
	}

    #frameOuterWrapper #schedule .scheduleList tr.div1 td .cellContent {
        line-height: 1.42857143;
    }
    #schedule .scheduleList .weekJump {
		float: right;
	}*/


  #frameOuterWrapper .scheduleList tbody tr td.schedCell a {
    max-width: 200px;
  }






  .schedRow {
    position: relative;
    transform:scale(1,1);
  }




  .scheduleList thead {
    display: none;
  }


  #schedule .scheduleList td {
    display:block;
    border:none;
  }

  #schedule .scheduleList td .cellContent {
    position: relative;

  }

   #schedule .scheduleList td.timeCell
     {
      display: block;
      width: 100%;
      background-color: #EBF3FD;
      border-top: solid 1px #999;
  }



  .scheduleList tbody .col_Location {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding-left: 100px;
    text-align: right;
  }

  .isSafariLT16 .scheduleList tbody .col_Location {
    position: relative;
    padding:0;
  }


  .scheduleList.isTeam tbody .col_Location {
    padding-left: 166px;

  }


  .scheduleList tbody .col_Location .cellContent {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .scheduleList tbody .col_Location .cellContent div {
    display: inline;
    margin-left: 10px;
  }

  #frameOuterWrapper .scheduleList .col_vs {
    display: none;
  }


  #frameOuterWrapper .scheduleList .col_Apts, 
  #frameOuterWrapper .scheduleList .col_Hpts {
    display: block;
    width: 97%;
    margin-top: -20px;
      margin-left: 8px;
      margin-right: 8px;
      padding-right: 48px;
  }




  #frameOuterWrapper .scheduleList .col_Apts .wlt, 
  #frameOuterWrapper .scheduleList .col_Hpts .wlt {
    position: absolute;
    left: 60px;
    top: 2px;
    width: 12px;
    text-align: center;
  }


  #frameOuterWrapper .scheduleList .col_Apts {

      border-bottom:solid 3px #EBF3FD;
  }

  #schedule .scheduleList .col_Home .cellContent
  , #schedule .scheduleList .col_Away .cellContent {
    padding: 0 48px 0 90px;
    z-index: 99;
  }






  #schedule .scheduleList .cellContent {
    padding: 1px 8px 0 8px;
  }
  #schedule .scheduleList .officialsCell .cellContent {
      padding-bottom: 3px;
      max-width: 100px;
      overflow: hidden;
      display: inline-block;
  }
  #schedule .scheduleList .officialsCell .cellContent button {
      overflow: hidden;
      height: 31px;
  }
  #schedule .scheduleList .officialsCell {
    position: absolute;
    bottom: -2px;
    left: 0;
  }




  #schedule .scheduleList .weekJump {
    float: none;
    display: block;
    margin-left: 0;

    margin-top: 8px;
    margin-bottom: 5px;
  }
  #schedule .scheduleList td.gameInfoCell { 
    position: absolute;
    /*note: using top instead of bottom because IOS has issues displaying properly. idk why*/
    top: 22px;
    right: 0;
  }

  /* admin */
  #schedule .scheduleList td.gameEditCell {
    float: left;
  }






  .isSpecialEvent .schedEditCell {

  }





  #schedule .scheduleList td.col_Date {
    position: absolute;
    top: 0;
    left: 0;
  }

  #schedule .scheduleList.isTeam .col_Time .cellContent
  , .view_HTOtournaments #schedule .scheduleList .col_Time .cellContent {
      padding-left: 100px;
      padding-top: 0;
  }


  #schedule .scheduleList td.col_Opponent {
    display: inline-block;
    margin-right: 12px;
  }
  #schedule .scheduleList td.col_Score {
    display: inline-block;
  }

  #schedule .scheduleList td.col_Score .wlt {
    margin-right: 8px;
    display: inline-block;
  }

  
  #schedule .scheduleList td.col_GameID {
    position: absolute;
    bottom: 1px;
    right: 1px;
  }


/*








  #frameOuterWrapper .scheduleList .col_Apts .cellContent {
    position: absolute;
    top: 25px;
    right: 10px;
    left: 10px;
  }




  #frameOuterWrapper .scheduleList .col_Hpts .cellContent {
    position: absolute;
    top: 25px;
    right: 10px;
    left: 10px;
  }
*/


}



/*

@media screen and (max-width:479px) {
	.scheduleList thead {
		display: none;
	}


	#schedule .scheduleList td {
		display:inline-block;
		border:none;
	}
  #schedule .scheduleList tr.div1 td {
    padding-top: 2px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }

	#schedule .scheduleList td.opponentCell, #schedule .scheduleList td.locationCell,
	 #schedule .scheduleList td.awayCell
		 {
		display: block;
	}

	#schedule .scheduleList td.gameInfoCell {
		float: right;
	}

	#schedule .scheduleList td.gameEditCell {
		float: left;
	}




	#schedule .scheduleList td.awayCell, #schedule .scheduleList td.homeCell {
		display: inline-block;
	}
	#schedule .scheduleList td.emptyCell {
		display: none;
	}

	.scheduleList td.away a, .scheduleList td.home a {
		display: inline;
	}


	.scheduleList td {
		border-top: none;
	}
	#schedule .scheduleList tr {
	  display: block;
		border-top: solid 1px #ccc;
	}

  #schedule .scheduleList tr.div1 td {
    border-top: solid 1px #ccc;
  }
}


*/






.wjMobile {
	display: none;
}
#frameOuterWrapper .scheduleList tr.div1 span.weekJumpPrev,#frameOuterWrapper .scheduleList tr.div1 span.weekJumpNext {
	color: #ccc;
}
@media (max-width: 767px) {
	.scheduleList tr.div1 {
		text-align: center !important;
	}
	tr.div1 td {
		width: 100%;
	}

  /*
	.scheduleList .cellContent {
		max-width: 380px;
		margin: 0 auto;
	}
  */
    .scheduleList .div2 .cellContent {
        margin: 0;
    }
	.weekJump .weekJumpPrev, .weekJump .weekJumpNext {
		display: none;
	}
	td .weekJump {
		text-align: center;
		font-size: 18px;
	}
	.wjMobile {
		margin-top: 5px;
		display: block;
	}
	.wjPrev {
		float: left;
	}
	.wjNext {
		float: right;
	}
	.weekJumpNext:before, .weekJumpPrev:before {
		font-size: 34px;
	}
	.weekLabel {
    display: none;
	}
}





/* Calendar Veiw */
div.scheduleCalendar {
	margin-bottom:12px;
	overflow: auto;
	position: relative;
}
.dayDialog .modal-header {
  text-align: left;
  background-color: #fff;
}
.dayDialog .bootstrap-dialog-header {
  padding-left: 8px;
}
.dayDialog .bootstrap-dialog-title {
  text-transform: none;
  font-weight: bold;
  color: #000;
}
.dayDialog .bootstrap-dialog-close-button .close {
  color: #000;
}
.dayDialog .modal-body {
  padding: 0;
}
.scheduleCalendar table, .dayDialog table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	overflow: auto;
	word-break: normal;
}
.scheduleCalendar table#daysDetail {
	border:#666666 solid 1px;
}
.scheduleCalendar td div.div0, .scheduleCalendar td div.div1, .scheduleCalendar td div.div2, 
.scheduleCalendar td div.div3, 
.dayDialog td div.div0, .dayDialog td div.div1, .dayDialog td div.div2, 
.dayDialog td div.div3 {
	text-align:center;
	line-height:12px;
  font-size: 14px;
	padding:2px;
}
.scheduleCalendar table.years {
  background-color: #fff;
}
.scheduleCalendar .years td.curYear {
	text-align:center;
  color:#0C4BA3;
  font-size: 25px;
  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
	width:50%;
  line-height: 32px;
  padding-top: 4px;
}
.scheduleCalendar .years td.nextYear, .scheduleCalendar .years td.prevYear {
	width:25%;
  color:#ccc;
	font-weight:bold;
}
.scheduleCalendar .years td.prevYear {
  padding-left:6px;
}
.scheduleCalendar .years td.nextYear {
  text-align:right;
  padding-right:6px;
}
.scheduleCalendar .years td.prevYear a:before, .scheduleCalendar .years td.nextYear a:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 9px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
}
.scheduleCalendar .years td.prevYear a:before {
    content: "\f053";
    margin-right: 1px;
}
.scheduleCalendar .years td.nextYear a:after {
    content: "\f054";
    margin-left: 1px;
}
#frameOuterWrapper .scheduleCalendar .years a {
  color:#ccc;
  font-size: 14px;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-decoration: none;
}
#frameOuterWrapper .scheduleCalendar .years a:hover {
  color:#aaa;
}
.scheduleCalendar .months td {
	width:8%;
	text-align:center;
	font-weight:bold;
	padding:2px;
	border:#666666 solid 1px;
	border-bottom:none;
}
@media (max-width: 375px) {
  .scheduleCalendar .months td {
    font-size: 13px;
  }
}
.scheduleCalendar .months td.curEvents {
	background-color:#999999;
}
#frameOuterWrapper .scheduleCalendar .months td.curEvents  {
	color:#FFF;
}
.scheduleCalendar .months td.noEvents {
	background-color:#FFF;
}
.scheduleCalendar div.div0, .dayDialog div.div0 {
	background-color:#CECEBD;
}
.scheduleCalendar div.div1, .dayDialog div.div1 {
	background-color:#CECEBD;
}
.scheduleCalendar div.div2, .dayDialog div.div2 {
	background-color:#EFEFDC;
}
.scheduleCalendar div.div3, .dayDialog div.div3 {
	background-color:#EFEFDC;
}
.scheduleCalendar .eventDays td, .dayDialog .eventDays td {
	background-color:#F4F5F1;
}
.scheduleCalendar a.home, .dayDialog a.home {
	background-color:#DDDDCC;
}
#frameOuterWrapper .scheduleCalendar .months td.noEvents {
	color:#CCC;
}
.scheduleCalendar .months td.someEvents {
	background-color:#FFF;
	padding:0;
}
.scheduleCalendar .months td.someEvents a {
	display:block;
	padding:2px;
}


.scheduleCalendar .eventDays td .bracketLabel {
  white-space: nowrap;
  overflow: hidden;
/*
  font-size: 12px;
  padding: 1px 0 0 4px;
  display: block;
  text-decoration: none;
  color:#000;
*/
}


.scheduleCalendar .eventDays td .bracketLabel span {

    display: inline-block;
    vertical-align: middle;
    padding: 0;


    font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
}
.scheduleCalendar .eventDays td .bracketLabel:before {
  
  font-family: FontAwesome;
  content: "\f0e8";
  margin-right: 6px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size:14px;
  transform: rotate(90deg);
}


.scheduleCalendar .eventDays td .timeLabel {
  font-size: 12px;
  padding: 1px 0 0 4px;
}


.mobileAnchors {
	margin:0 !important;
	padding:0 !important;
}


/* moble - xs & ms */
@media screen and (max-width: 767px) {

	.scheduleCalendar .months td {
	}


	.mobileAnchors {
		position: absolute;
		top:-36px;
		left:0;
	}


}
/* moble - xs & ms */
@media screen and (max-width: 400px) {

	.scheduleCalendar .months td {
	}
}

.scheduleCalendar #daysDetail .eventDays .backToCalendar {
	padding: 0 0 0 2px;
	background-color: transparent;
	display: inline-block;
	float: right;
	margin: -1px 0 0 0;
	line-height: 24px;
}
.scheduleCalendar #daysDetail .eventDays .backToCalendar span {
	font-size:14px;
}



#frameOuterWrapper .scheduleCalendar .months td.someEvents a {
	color:#007;
}
#frameOuterWrapper .scheduleCalendar .months td.someEvents a:hover {
	color:#999;
}
.scheduleCalendar .days .img-responsive, .dayDialog .img-responsive {
	display: inline-block;
	margin: 0;
  vertical-align: middle;
  margin-top: -4px;
}
.scheduleCalendar .days thead td {
	text-align:center;
	font-weight:bold;
	background-color:#999999;
}
#frameOuterWrapper .scheduleCalendar .days thead td {
	color:#FFF;	
}
.scheduleCalendar .days td.dayCell {
	padding:2px 0;
	border:#666666 solid 1px;
	vertical-align:top;
	width:14%;
	position: relative;
	background-clip: padding-box;
}
.scheduleCalendar.noMobile .days td.dayCell {
  min-width: 122px;
}







#frameOuterWrapper .scheduleCalendar .days td {
	color:#000;
}
.scheduleCalendar .days div.day {	
	padding:0 4px;
	width:50px;
}
.scheduleCalendar .days td.nonDays {
	background-color:#CECEBD;
	height:70px;
}
.scheduleCalendar .days td.nonDays div.day {
	display: none;
}
.scheduleCalendar .days td.eventDays {
	background-color:#FFF;
}
.scheduleCalendar .days td.emptyDays {
	background-color:#FFF;
	height:70px;
}
.scheduleCalendar .eventDays a, .scheduleCalendar .eventDays span, 
.dayDialog a, .dayDialog span {
	display:block;
	padding:5px 4px;
	text-decoration:none;	
}
/* undo generic styling above */
.dayDialog a span {
  padding: 0;
}



  #frameOuterWrapper .scheduleCalendar .eventDays a
  , #frameOuterWrapper .scheduleCalendar .eventDays span
  , .dayDialog a, .dayDialog span {
    color:#007;
    line-height: 1.2em;
  }



@media(max-width: 767px) {
  #frameOuterWrapper .scheduleCalendar.noMobile .eventDays a
  , #frameOuterWrapper .scheduleCalendar.noMobile .eventDays span
  , .dayDialog a, .dayDialog span {
    font-size: 12px;
  }
}

.dayDialog a, .dayDialog span {
  line-height: 20px;
  font-size: 16px;
  padding-left: 16px;
}
.scheduleCalendar .eventDays a:hover, .dayDialog a:hover {
	background-color:#E0EBEB;
}
#frameOuterWrapper .scheduleCalendar .eventDays td {
	border:none;
	padding:0;
}
.time {
	white-space:nowrap;
}
.scheduleCalendar .eventDays div.sep, .dayDialog div.sep {
	border-bottom:#CECEBD solid 1px;
	margin:0 8px;
}
#frameOuterWrapper .scheduleCalendar em.alert, #frameOuterWrapper .scheduleList  em.alert, .dayDialog em.alert {
	color:#900;
	padding:0;
}
#frameOuterWrapper .scheduleCalendar em.gametypeLabel, .dayDialog em.gametypeLabel {
	color:#000;
}
.dayDialog .timeLabel {
  padding-left: 16px;
}


.gameCountRow {
  padding: 0 12px;
  display: block;
  width: 100%;
  line-height: 25px;
  background-color: rgb(0, 0, 0, 0.25);
  color:#fff;
  border-radius: 5px;
  font-family: 'Roboto Condensed', sans-serif;
}
.export {
	text-align:right;
	margin-top:6px;
	margin-right:4px;
}
#outlookExportHelp {
	color:#ADF;
	display:none;
}
#outlookExportHelp a {
	font-style:italic;
	margin-left:6px;
}
#outlookExportHelp span span {
	padding-right:25px;
}

#exportURLhelp, #copyExportURLhelp {
	text-align:center;
	font-weight:bold;
	margin-top:12px;
	display:none;
}
#exportURL {
	color:#FFCC00;
	text-decoration:underline;
	cursor:pointer;
}
#copyExportURL {
	color:#FFCC00;
	background-color: #000;
	text-align: center;
	border: none;
	width: 100%;
}




.scheduleCalendar .compactView .btn-details {
  display: none;
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px;
}
.scheduleCalendar .eventDays a.btn-details {
  background-color: #cecebd;
  text-align: center;
  padding: 0;
  border-radius: 12px;
  margin-top: 2px;
}
.scheduleCalendar .eventDays a.btn-details:hover {
  background-color: #27e;
}
.scheduleCalendar .eventDays a.btn-details i {
  color: #fff;
  padding-bottom: 3px;
}

.scheduleCalendar .eventDays a.game .fa {
  color: #000;
}


@media(min-width: 768px) {
  .scheduleCalendar .compactView .gameShown {
    display: none;
  }
  .scheduleCalendar .compactView .btn-details {
    display: block;
  }
  .scheduleCalendar .days td.eventDays {
    position: relative;
    padding-bottom: 22px;
  }
}






#daysMobile {
	display: none;
}

.scheduleCalendar #daysMobile.days td {
	height: 40px;
}
.scheduleCalendar #daysMobile.days thead td {
	height: 20px;
}

.scheduleCalendar #daysMobile.days div.day {
	width:100%;
	line-height: 14px;
}

#frameOuterWrapper .scheduleCalendar .eventDays .dayDetails i {
  float: right;
  margin-right: 8px;
}

#frameOuterWrapper .scheduleCalendar .eventDays .dayDetails {
  display: none;
}

#frameOuterWrapper .scheduleCalendar .eventDays .dayDetails a, 
#frameOuterWrapper .scheduleCalendar .eventDays .dayDetails span {
	padding:0 4px;
	color:#000;
	line-height: 24px;
}








@media screen and (max-width: 767px) {
  #frameOuterWrapper .scheduleCalendar:NOT(.noMobile) .eventDays a {
    line-height: 22px;
    margin: 2px 2px 0;
  }
	.scheduleCalendar:NOT(.noMobile) #daysMobile {
		display: table;
	}

	.scheduleCalendar:NOT(.noMobile) #daysDetail.days td.dayCell {
		display:block;
		width:100%;
	}

	.scheduleCalendar:NOT(.noMobile) #daysDetail.days thead, 
	.scheduleCalendar:NOT(.noMobile) #daysDetail.days td.nonDays.dayCell,
	.scheduleCalendar:NOT(.noMobile) #daysDetail.days td.dayCell.emptyDays {
		display:none;
	}

	.scheduleCalendar:NOT(.noMobile) #daysDetail .eventDays a, .scheduleCalendar:NOT(.noMobile) #daysDetail .eventDays span 
	{
	}


	.scheduleCalendar:NOT(.noMobile)  #daysDetail td div.div0, .scheduleCalendar:NOT(.noMobile)  #daysDetail td div.div1, 
	.scheduleCalendar:NOT(.noMobile)  #daysDetail td div.div2, .scheduleCalendar:NOT(.noMobile)  #daysDetail td div.div3
	 {
	}


	.scheduleCalendar:NOT(.noMobile) #daysDetail.days div.day {
		display: none;
	}
	#frameOuterWrapper .scheduleCalendar:NOT(.noMobile) .eventDays .dayDetails {
			display: block;
	}
	#frameOuterWrapper .scheduleCalendar:NOT(.noMobile) .eventDays .dayDetails a, 
	#frameOuterWrapper .scheduleCalendar:NOT(.noMobile) .eventDays .dayDetails span {
			font-weight: bold;
	}

}



#daysMobile .dayMobileLink {
	margin: 0 2px 1px 2px;
   font-size:24px;
   background-color: #FC0;
   border-radius:5px;
   text-align: center;
   padding: 0;
   display: block;
}

#daysMobile .dayMobileLink .glyphicon {
	padding:0;
	color:#000;
	line-height: 20px;
}






/* === Scores  ==== */
#scores .scoreList .col-sm-6 {
	padding: 0 6px 0 0;
}
#scores .scoreList .col-sm-6.even {
	padding: 0 0 0 6px;
}
.scoreBoardTableWrapper  {
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-top:1px solid #888888;
	border-left:1px solid #888888;
	border-bottom:1px solid #444444;
	border-right:1px solid #444444;
	background-color:#666;
	padding:4px;
}
.scoreBoardInnerWrapper {
	overflow: auto;
	word-break: normal;
}
.scoreBoard {
	margin-bottom: 18px;
}
.scoreBoard table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.scoreBoard td {		
	text-align:center;
	padding:1px 5px;
	margin:0;
}
.gameDate {
	text-align:right;
	margin-right:8px;
}
.scoreBoard tbody td {
	background-color:#FFF;
	border:#666 1px solid;
}
#frameOuterWrapper .scoreBoard tbody td {
	color:#000;
}
#frameOuterWrapper .scoreBoard thead td {
	color:#fff;
}
#frameOuterWrapper .scoreBoard thead td.location {
	color:#999;
}
.scoreBoard thead td {
	border:#000 1px solid;
}
.scoreBoard td.location {
	border-top:none;
	border-left:none;	
	font-style:italic;
	font-weight:bold;
}
td.location, td.team {
	text-align:left;
}
td.location {
	width:20%;
}
td.team.noTeamIcon {
  width:20%;
}
.scoreList td.location div, .scoreList td.team div {
	padding-left:4px;	
}
.innings td.location div, .innings td.team div {
	width:auto;
	overflow:auto;
	height:auto;
}
.scoreSummary {
	text-align:right;
	margin-right:8px;
}
.win td.team, .win td.final {
	font-weight:bold;
}
.scoreBoard td.final {
	border-left-width:2px;
	width:5%;
}
.innings .scoreBoard td.final {
	width:4%;
}
.scoreBoard td.period {
	width:5%;
}
.scoreBoard td.inn {
	width:4%;
}

/* -- scores page: modern scoreboard overrides -- */
#scores .scoreBoardTableWrapper {
  border: none;
  background: none;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
}
#scores .scoreBoard table {
  border-collapse: separate;
  border-spacing: 0;
}
#scores .scoreBoard thead td {
  border: none;
  padding: 8px 12px;
  font-size: 14px;
  background-color: #2c3e50;
}
#scores .scoreBoard tbody td {
  border: none;
  border-bottom: 1px solid #eee;
  padding: 8px 12px;
  font-size: 14px;
}
#scores .scoreBoard tbody tr:last-child td {
  border-bottom: none;
}
#scores .scoreBoard td.location {
  border: none;
  background-color: #2c3e50;
}
#scores .scoreBoard td.final {
  border-left: 2px solid #ddd;
  font-weight: 700;
}
#scores .gameDate {
  font-size: 13px;
  margin-bottom: 8px;
  opacity: 0.85;
}
#scores .scoreSummary {
  font-size: 13px;
  margin-top: 4px;
  opacity: 0.85;
}
#scores .scoreBoard td.team.hasTeamIcon {
  display: flex;
  align-items: center;
  padding-left: 8px;
}
#scores .scoreBoard .teamIcon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 999px;
  background-color: transparent;
}
#scores .scoreBoard .teamIcon.noIcon {
  background-color: #27e;
}
#scores .scoreBoard td.team.hasTeamIcon > div {
  padding-left: 8px;
}

/* === Sponsors  ==== */
.sponsorHeadMsg {
	padding:8px;
}

/* === Standings === */
.clinchLabels {
	padding:6px;
}

/* === Stats === */
.statCats {
	text-align:center;
	padding-bottom:4px;
}
.statFilters {
	text-align:center;
	padding:4px 0;
}
div.noTeam {
	text-align:center;
	font-size:14px;
	font-style:italic;
	padding:8px 0;
}

/* === Store / fundraiser=== */
#store .modGroupBigWrapper, #fundraiser .modGroupBigWrapper {
	text-align:center;	
}
#store .inputWrapper, #fundraiser .inputWrapper {
	float:none;
	margin:0;
}
#store .rowInput label, #fundraiser .rowInput label {
	display:inline;
	margin-right:4px;
}
#store .modGroupDetailsWrapper, #fundraiser .modGroupDetailsWrapper {
	padding:4px 0;
}
#store .price, #fundraiser .price {
	font-size:14px;	
}
#store .price b, #fundraiser .price b {
	font-size:16px;
}
#store .price em, #fundraiser .price em {
	font-size:12px;
}


#store .form-control {
  width: auto;
  display: inline-block;
}


#store .rowInput .btn
, #store .rowInput .btn-label {
  color:#fff;
}
#store .rowInput .btn {
  margin: 0 4px 4px;
}


#store .rowInput .btn-label-selected
, #store .rowInput .btn-venmo
, #store .rowInput .btn-zelle
, #store .selected .btn-label-notSelected
 {
  display: none;
}
#store .selected .rowInput .btn-label-selected
, #store .selected .rowInput .btn-venmo
, #store .selected .rowInput .btn-zelle {
  display: inline-block;
}

#store .selected .rowInput .btn-venmo:before, 
#store .selected .rowInput .btn-zelle:before {
  content: " ";
display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
  margin-left: -4px;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/admin/images/icons/payment-venmo-b.png);
}
#store .selected .rowInput .btn-zelle:before {
  background-image: url(/admin/images/icons/payment-zelle-b.png);
}

#store .btn-cart-toggle:before {
    font-family: FontAwesome;
    content: "\f096";
    display: inline-block;
    vertical-align: middle;
    font-size:20px;
    line-height: 20px;
    margin-top: 2px;
    color:#fff;
}
#store .selected .btn-cart-toggle:before {
    content: "\f046 ";
}

#fundraiser .price input {
	margin-right:4px;	
}
#fundraiser .price strong {
	margin-right:10px;
}















/* === Teams  ==== */



#teams table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
#teams td {
	vertical-align:top;
	border-bottom:1px solid #aaa;
}
#teams td.teams {
	line-height:24px;
}
#teams td.teams .teamLogo, #teams td.divTd .teamLogo {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-color: rgba(34, 119, 238, 0);
  border-radius: 999px;
  cursor: pointer;
}
#teams td.teams .teamLogo.noIcon, #teams td.divTd .teamLogo.noIcon {
  background-color: #27e;
}
#teams td a {
	padding: 4px 8px 4px 6px;
	color:#000;
	display:block;
  text-decoration: none;
}
#teams td.teams span {
	padding: 1px 6px;
	color:#000;
}
#teams td img {
	margin-right:8px;
}
#teams td img {
  display: inline-block;
}
#teams td a:hover {
	background-color:#ccc;
}
#teams td td {
	border-bottom:solid 1px #aaa;
}
#teams td.div0
, #teams td.div1
, #teams td.div2
, #teams td.div3 {
	padding: 0;
	color:#000;
}
#teams td.div0
, #teams td.div1 {
	font-weight:bold;
}
#teams td.div0 span
, #teams td.div1 span
, #teams td.div2 span
, #teams td.div3 span {
	padding: 1px 6px;
}
#teams .divSection {
	width: 48%;
	background-color:#fff;
	border:1px solid #aaa;
	border-bottom: none;
	margin: 6px;
}
#teams td.div0
, #teams td.div1 {
  font-size: 20px;
	background-color:#eee;
  border-bottom: 2px solid #aaa;
}

#teams td.div0 .isDivToggle
, #teams td.div1 .isDivToggle {
  padding: 6px 8px;
}

#teams td.div2
, #teams td.div3 {
	background-color:#eee;
  font-size: 14px;
  font-weight: bold;
  border-top: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
}

#teams td.div2 .isDivToggle
, #teams td.div3 .isDivToggle {
  padding: 4px 8px 4px 6px;
}

#teams .isDivToggle:after {
  float: right;
  font-family: FontAwesome;
  content: "\f106";
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  font-weight:  normal;
  padding-top: 4px;
}

#teams td.div2 .isDivToggle:after
, #teams td.div3 .isDivToggle:after {
  padding-top: 0px;
}

#teams .collapse_children .isDivToggle:after {
  content: "\f107";
}

#teams .divTable .collapsed {
  display: none;
}









/* === Tournaments  ==== */


.tournament_list {

}
.tournament_list .tournament_row {
  
}
.tournament_list .tournament_link {
  
  display: block;
  line-height: 28px;
  background-color: #eee;
  margin: 4px 0;
  border-radius: 6px;
  padding: 2px 12px 0 14px;
  font-size: 16px;
  font-family: "Oswald-Regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #2659FF !important;
  text-decoration: none;
}
.tournament_list .tournament_link:hover {
  background-color:#ddd;
}


.tournament_list .tournament_link:before {
  font-family: FontAwesome;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  vertical-align: middle;
  margin: -2px 10px 0 0;
}
.tournament_list .isHTOTournaments .tournament_link:before {
  content: "\f091";
  font-size: 18px;
}

.tournament_list .isLegacy .tournament_link:before {
  content: "\f0e8";
  transform: rotate(90deg);
  font-size: 18px;
}

/*
ul.tournament_list {
  list-style-type: none;
  padding: 0;
  margin: 8px;
}
ul.tournament_list li {
  list-style-type: none;
  padding: 4px 0;
}
ul.tournament_list li a {
  font-size: 14px;
  line-height: 20px;
  padding-left: 28px;
  position:relative;
  display: inline-block;
}
ul.tournament_list li a:before {
    font-family: FontAwesome;
    content: "\f091";
    margin-right: 8px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    font-size:18px;
    position: absolute;
    left: 0; 
    top: 0;
}
ul.tournament_list li.isLegacy a:before {
    content: "\f0e8";
  transform: rotate(90deg);
}
*/









/* === Tournament  ==== */
#tournament .pageBigTextContentWrapper, #tournamentbu .pageBigTextContentWrapper {
	padding:0;
}
#tournament .tournamentDesc, #tournamentbu .tournamentDesc {
	background-color:#F2F2F2;
	padding:24px 12px;
	word-break: normal;
	overflow: auto;
}
#tournament .tournamentDesc td, #tournament .tournamentDesc th
, #tournamentbu .tournamentDesc td, #tournamentbu .tournamentDesc th {
	background-color:#FFF;	
}
#tournament .tournament, #tournamentbu .tournament {
	padding:16px 8px;
	overflow:auto;
}



#tournamentbu img {
	max-width: none;
}
#tournamentbu .tournament table.bracket {
	margin: 8px auto;
	border-collapse:collapse;
	border-spacing:0;
}
#tournamentbu .tournament .bracket td {
	padding:0;
	font-size:12px;
	white-space:nowrap;
	line-height:12px;
}
#tournamentbu .tournament .bracket td.teamLabel {

}
#tournamentbu .tournament .bracket td > span {
	height:1px;
	width:1px;
	display:inline-block;
}

#tournamentbu .tournament .bracket td i {
	font-style: normal;
	margin:0 8px;
}
#tournamentbu .tournament .bracket td i.isWin {
	font-weight:bold;
}
#tournamentbu .tournament .bracket td strong {
	margin-right: 4px;
	float:right;
}



#tournament .teams a {
	display:block;
}


/* ITEM-6948 — Player Status badge (D/L, Injured, Suspended, Academic). */
.playerStatusBadge {
	display: inline-block;
	padding: 1px 7px;
	margin-left: 8px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	border-radius: 9px;
	border: 1px solid transparent;
	vertical-align: middle;
	white-space: nowrap;
}
.playerStatus-injured   { background: #fee2e2; color: #991b1b; border-color: #fca5a5; }
.playerStatus-dl        { background: #fef3c7; color: #92400e; border-color: #fcd34d; }
.playerStatus-suspended { background: #e0e7ff; color: #3730a3; border-color: #a5b4fc; }
.playerStatus-academic  { background: #dcfce7; color: #166534; border-color: #86efac; }


/* ITEM-6948 — Player Status row in RosterEdit player edit panel. */
#playerStatusRow select#playerStatus {
	min-width: 130px;
}
#playerStatusDateRow {
	margin-left: 8px;
}