/*
*	These are not in the media query area b/c they're also used in the appearance panel
*	They are safe b/c they select elements that only exist in a responsive view, anyway
*/
#responsiveHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  overflow: visible;
  z-index: 998;
  text-align: left;
  display: none;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25); }

#responsiveMenuLogo {
  display: inline-block;
  margin: 5px 0 0 9px; }

#responsiveMenuLogo img {
  max-height: 50px; }

#responsiveMenuLogo h1 {
  color: #eee;
  margin-top: 12px;
  padding-right: 80px; }

#responsiveMenuButton, #responsiveLoginButton {
  display: block;
  position: absolute;
  top: 18px;
  height: 24px;
  width: 27px;
  text-decoration: none; }

#responsiveMenuButton {
  right: 18px;
  background: transparent url(../graphics/icon-nav-open.png) no-repeat top left; }

#responsiveLoginButton {
  right: 65px;
  background: transparent url(../graphics/icon-nav-log-in.png) no-repeat top left; }

#responsiveLoginButton.loggedIn {
  background-image: url(../graphics/icon-nav-player-page.png); }

#responsiveMenuButton.active, #responsiveLoginButton.active {
  background-image: url(../graphics/icon-nav-close.png); }

#responsiveHeader .leagueInfoLink span {
  padding-right: 0.5rem; }

#responsiveHeader .topLevelLink {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.15); }

@media only screen and (max-width: 850px) {
  #responsiveHeader {
    display: block; }

  body {
    padding-top: 60px;
    /*	should match height of #responsiveHeader */ }

  body.withSportMenu {
    padding-top: 97px;
    /*	should match height of #responsiveHeader + the sport menu */ }

  #responsiveMenu, #responsivePlayerMenu {
    z-index: 999;
    max-height: 87vh;
    overflow-y: scroll;
    overflow-x: hidden; }

  #responsiveSportMenu {
    z-index: 998;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25); }

  #responsiveMenu, #responsivePlayerMenu, #responsiveSportMenu {
    position: absolute;
    top: 60px;
    /*	should match height of #responsiveHeader */
    left: 0;
    width: 100%;
    color: #eee; }

  .responsiveMenuToggle {
    background: transparent url(../graphics/icon-arrow-click-to-open.png) no-repeat 92% 50%; }

  .responsiveMenuToggle.active {
    background-image: url(../graphics/icon-arrow-click-to-close.png); }

  .responsiveMenuToggle, #responsiveSportMenu li,
  #responsiveMenu li, #responsivePlayerMenu li {
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

  #responsiveMenu a, #responsivePlayerMenu a, #responsiveSportMenu a {
    display: block;
    padding: 0.4rem 1rem;
    font-size: 1.2em;
    line-height: 1.8;
    color: #eee;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none; }

  #responsiveMenu ul, #responsiveSportMenu ul {
    background: #ddd; }

  #responsiveMenu ul a, #responsiveSportMenu ul a {
    color: #555; }

  body.nonResponsive {
    padding-top: 0;
    width: 930px;
    background: #fff; }
    body.nonResponsive #responsiveHeader {
      display: none; }
    body.nonResponsive #pageContainer {
      width: 100%; }
    body.nonResponsive #backToPlayerPage {
      display: block;
      position: relative;
      top: auto;
      right: auto;
      margin: 8px; }
    body.nonResponsive #fancybox-overlay {
      width: 930px; }
    body.nonResponsive #fancybox-outer, body.nonResponsive #fancybox-content {
      width: 930px !important; } }
@media only screen and (max-width: 767px) {
  div.gameDate.Game {
    display: none; }

  div.leagueDateContent {
    clear: left;
    margin: 10px;
    width: 100%; }

  table.scheduleTable {
    display: none; }

  div.gameVS {
    height: 1px;
    color: #eee;
    background: #eee;
    overflow: hidden;
    margin: 0.3rem 0; }

  .gameContentMoreLink {
    display: none; }

  .responsiveScheduleDate .gameTime {
    clear: left; }

  .responsiveScheduleDate h3 {
    border-bottom: 1px solid #ddd;
    font-size: 1.25rem;
    padding: 1.0rem 0 .5rem 0; }

  .responsiveScheduleDate .locationLink {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 0.5rem 0;
    margin-bottom: .75rem; }

  .responsiveScheduleDate li .gameField {
    float: left;
    width: 20%;
    text-align: center;
    padding-top: 0.5rem;
    font-weight: bold;
    clear: left; }

  .responsiveScheduleDate li .gameContentOuter {
    float: left;
    width: 74%;
    margin: 0.3rem 0 1rem 0;
    padding: 0.3rem 0;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    /* Firefox */
    -webkit-border-radius: 6px;
    /* Safari, Chrome */
    border-radius: 6px;
    /* CSS3 */
    /*
    -moz-box-shadow: 2px 2px 2px #777;
    -webkit-box-shadow: 2px 2px 2px #777;
    box-shadow: 2px 2px 2px #777;
    */ }

  .matchupName {
    padding-left: 1rem; }

  .responsiveScheduleDate .gameCellContent a {
    padding: 0.3rem 0.2rem;
    font-size: 1.0rem;
    display: inline-block; }

  .responsiveScheduleDate .gameContentTitle {
    margin: 0.3rem 0.3rem 0 0.3rem;
    padding: 0.1rem 0.4rem;
    font-weight: bold; }

  .gameDate .homeAndVisitor {
    margin-left: 0;
    clear: left; }

  .potentialOpponents div.label {
    padding-left: 2rem; }

  #responsiveDateNav {
    text-align: center;
    margin: 4px 0 12px 0; }

  #responsiveDateNav li {
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    margin: 4px 4px;
    background: #f1f1f1;
    -moz-border-radius: 6px;
    /* Firefox */
    -webkit-border-radius: 6px;
    /* Safari, Chrome */
    border-radius: 6px;
    /* CSS3 */ }

  #responsiveDateNav li a {
    display: inline-block;
    /*padding: 6px 8px; width added below... goal to make these uniform size, 
    but maybe this breaks other cases*/
    width: 2.8rem;
    padding: 6px 0;
    text-align: center;
    font-weight: bold; }

  #responsiveDateNav li.current {
    background: #888;
    border: 1px solid #888; }

  #responsiveDateNav li.current a {
    text-decoration: none;
    color: #fff;
    cursor: auto; }

  div.gameDate {
    border: none; }

  div.gameDate h2 {
    font-size: 1.0rem;
    background: #888;
    color: #fff;
    border-top: none;
    padding: 5px 0 6px 10px;
    -moz-border-radius: 6px 6px 0 0;
    /* Firefox */
    -webkit-border-radius: 6px 6px 0 0;
    /* Safari, Chrome */
    border-radius: 6px 6px 0 0;
    /* CSS3 */ }

  .scheduleBannerContainer .scheduleBanner {
    width: 100%; }

  div.teamColorSwatch_Small {
    margin-left: 8px; }

  /*	Assignment Mode	*/
  div.timeAssignments, div.teamAssignmentTime div.locationHeading {
    width: auto; }

  div.timeAssignments div.teamAssignmentColumn {
    float: none;
    width: auto;
    padding: 20px 12px 0 12px; }

  div.timeAssignments div.teamAssignmentColumn.column_0 {
    margin-right: 0; }

  div.timeAssignments div.teamAssignmentColumn.column_1 {
    padding-top: 0; }

  div.teamAssignmentColumn.column_1 div.heading {
    display: none; } }
@media only screen and (min-width: 768px) {
  div.responsiveScheduleDate, #responsiveDateNav {
    display: none; } }
@media only screen and (max-width: 850px) {
  #backToPlayerPage {
    display: none; }

  #playerEditSidebar {
    display: none; }

  #playerMergeInset {
    margin-bottom: 1rem; }
    #playerMergeInset a.createMergeRequest {
      display: inline-block;
      height: 40px;
      overflow: hidden;
      vertical-align: bottom; }
      #playerMergeInset a.createMergeRequest img {
        margin-top: -70px; }

  div#MergeRequestSentView h2, div#MergeRequestSentView p {
    padding-left: 0; } }
@media only screen and (max-width: 767px) {
  .teamPic .teamPicThumb {
    max-width: 60px; }

  div#playerMergeAlert {
    width: auto; }

  #playerPageMenu li {
    padding: 5px 6px 0 6px; }

  #playerProfile .profileRow {
    margin-bottom: 0; }
  #playerProfile .profileSection {
    position: relative;
    float: none;
    top: auto;
    left: auto;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0 0 2rem 0;
    text-align: left;
    padding: 0; } }
@media only screen and (max-width: 568px) {
  #playerPageMenu {
    margin-top: 2.5rem; }

  #playerSMSOption {
    height: auto; }
    #playerSMSOption a.on {
      white-space: pre; }
    #playerSMSOption a.on:before {
      content: '\A'; }

  #playAgainContainer .playAgainPanel {
    margin-bottom: 1em;
    border-top: solid 1px #efefef; }
    #playAgainContainer .playAgainPanel .playAgainLeagueName {
      display: block;
      width: auto;
      margin-bottom: 1em; }

  .partInfo, .teamLinks {
    position: relative;
    float: none;
    top: auto;
    left: auto;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0 0 2rem 0;
    text-align: left;
    padding: 0;
    padding: 0;
    margin: 0;
    font-size: 12px;
    bottom: auto; }

  .shirtSize {
    position: relative;
    bottom: auto;
    margin-bottom: 8px; }

  .manageTeamButtonContainer {
    position: relative;
    bottom: auto; }

  .playerParticipation {
    width: 100%;
    height: auto; }

  .partInfo {
    padding: 0 5px;
    width: auto;
    display: block; }
    .partInfo .teamNameDiv {
      width: 65%;
      padding-left: 5px; }
      .partInfo .teamNameDiv .leagueName {
        font-size: 10px;
        width: auto; }
        .partInfo .teamNameDiv .leagueName a {
          width: 80%; }

  .detailColumn {
    position: relative;
    float: none;
    top: auto;
    left: auto;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0 0 2rem 0;
    text-align: left;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    padding: 5px;
    display: block; }
    .detailColumn .manageTeamButtonContainer a {
      display: inline-block;
      width: 43.25%; } }
@media only screen and (max-width: 767px) {
  #teamInfo {
    width: 100%; }

  #teamInfo .infoContainer {
    width: 100%;
    height: auto;
    min-height: 0; }

  #teamInfo #teamThumbnail {
    position: relative;
    top: 0;
    left: 0; }

  #teamInfo .infoContainer .teamNameRow {
    width: auto;
    margin: 0;
    height: 0;
    min-height: 0;
    padding-top: 0; }

  #teamInfo .infoContainer div.infoRow .label {
    text-align: left;
    width: auto;
    margin: 0; }

  #teamInfo .infoContainer div.infoRow .label::after {
    content: ": "; }

  #teamInfo .infoContainer div.infoRow .value {
    width: auto;
    padding-left: 4px; }

  #teamInfo .infoContainer .teamNameRow .label {
    display: none; }

  #teamInfo .infoContainer .infoRow .value.leagueName {
    height: 0;
    min-height: 0;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 16px; }

  #teamInfo .infoContainer .teamThumbnail {
    display: none; }

  #teamInfo #sharingButtonsContainer {
    position: relative;
    margin-left: 6px; }

  #teamRecord {
    position: relative;
    top: 0;
    left: 0; }

  #teamPhotos {
    position: absolute;
    top: 0;
    right: 0;
    float: right; }

  #teamPhotos #teamPicWrapper {
    margin-right: 0; }

  a#teamForumButton {
    margin-left: 70%; }

  #teamPageSponsorList {
    width: auto; } }
@media only screen and (max-width: 568px) {
  #teamInfo {
    min-height: 0;
    width: 100%; }

  #teamInfo .infoContainer .infoRow {
    display: none; }

  #teamInfo .infoContainer .infoRow.leagueNameContainer {
    display: inline; }

  #teamInfo #teamPhotos {
    float: none;
    position: relative;
    left: 0;
    height: auto;
    text-align: left; }

  #teamInfo #teamPhotos #teamPicWrapper {
    height: auto; }

  #teamInfo #teamPhotos #teamPicWrapper img {
    width: 290px; }

  #relatedTeams, #relatedTeams #relatedTeamsTable {
    width: auto; }

  #relatedTeams td.sportIcon {
    display: none; }

  #teamInfo #sharingButtonsContainer {
    top: 0;
    left: 0;
    margin: 16px 0 6px 0; }

  #teamRecord {
    margin: 10px 0; }

  #teamScheduleContainer {
    width: 100%; }

  #teamScheduleContainer h2 {
    display: none; }

  #teamScheduleTable {
    width: 100%; }

  #teamScheduleTable td, #teamScheduleTable tr.odd td.gameTime, #teamScheduleTable tr.even td.gameTime, #teamScheduleContainer #teamScheduleTable td.playoffBannerCell {
    border: none; }

  #teamScheduleTable td.opponentIcon {
    display: none; }

  #teamScheduleTable td.detailLink {
    display: none; }

  .league-links {
    width: auto; }

  .scheduleBannerRow .scheduleBanner {
    width: 100%; } }
@media only screen and (max-width: 850px) {
  /* 850px */
  body.forceResponsive #mainPage.pageWidth {
    margin: 0;
    width: 97%; }
    body.forceResponsive #mainPage.pageWidth #pageContainer {
      margin: 0;
      width: 100%; }
  body.forceResponsive #manageTeamHeader {
    padding-right: 0; }
    body.forceResponsive #manageTeamHeader h2 {
      font-size: 1.8em; }
    body.forceResponsive #manageTeamHeader .teamColorSwatch {
      width: 30px;
      height: 30px;
      margin-top: 7px; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn {
    width: 400px; } }
@media only screen and (max-width: 824px) {
  body.forceResponsive .extraSlotPurchasePopup .content {
    margin: 20% auto; }
  body.forceResponsive #manageTeamPageMenuContainer {
    padding-top: 5px; }
  body.forceResponsive .invitePlayersViaFunLink .webShareAPIFallback .content {
    margin: 20% auto; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn {
    width: 100%;
    margin-top: 15px; }
    body.forceResponsive #playerInvitePopup #playersToInviteColumn .inviteColumns span.facebookPic {
      width: 20px; }
    body.forceResponsive #playerInvitePopup #playersToInviteColumn #playersToInviteHeading {
      margin-left: 10px; }
      body.forceResponsive #playerInvitePopup #playersToInviteColumn #playersToInviteHeading .gender {
        margin-left: 9px; }
    body.forceResponsive #playerInvitePopup #playersToInviteColumn #playersToInviteOuter {
      min-height: 120px; } }
@media only screen and (max-width: 767px) {
  /* 767px */
  body.forceResponsive #manageTeamPageMenuContainer {
    padding-top: 15px; }
    body.forceResponsive #manageTeamPageMenuContainer .llPivot {
      margin-top: 0; }
    body.forceResponsive #manageTeamPageMenuContainer #manageTeamPageMenu_v2 li {
      padding-bottom: 0;
      margin-bottom: 8px;
      font-size: 12px; }
  body.forceResponsive #manageTeamTop {
    margin-top: 5px; }
  body.forceResponsive #manageTeamPageMenuContainer {
    padding-top: 10px; }
  body.forceResponsive #manageTeamHeader #manageTeamHeaderLeft .col.teamName {
    width: 100%; }
    body.forceResponsive #manageTeamHeader #manageTeamHeaderLeft .col.teamName.colorSwatchNone {
      width: 100%; }
  body.forceResponsive #manageTeamHeader #manageTeamHeaderRight {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: 20px;
    clear: left;
    float: left; }
  body.forceResponsive #captainsLoungeRoster .divTableCell,
  body.forceResponsive #captainsLoungeRoster .divTableHead {
    padding-left: 3px; }
  body.forceResponsive #captainsLoungeRoster .divTableHeading .playerName {
    padding-left: 8px; }
  body.forceResponsive #captainsLoungeRoster .divTableHeading .actions {
    width: 125px; }
  body.forceResponsive #captainsLoungeRoster .divTableHeading .gender {
    width: 45px; }
  body.forceResponsive #captainsLoungeRoster .divTableHeading .playerBalance {
    width: 125px; }
  body.forceResponsive #captainsLoungeRoster .divTableHeading .payments {
    width: 55px; }
  body.forceResponsive #captainsLoungeRoster .divTableBody .playerName {
    padding-left: 8px; }
  body.forceResponsive #captainsLoungeRoster .divTableBody .payments .withBalanceMode,
  body.forceResponsive #captainsLoungeRoster .divTableBody .payments .editMode,
  body.forceResponsive #captainsLoungeRoster .divTableBody .payments .messageMode {
    margin-top: -18px;
    margin-left: -48px; }
  body.forceResponsive #teamManagementHelp.playerHelp {
    padding: 0; }
    body.forceResponsive #teamManagementHelp.playerHelp div {
      width: auto; }
      body.forceResponsive #teamManagementHelp.playerHelp div:nth-child(odd), body.forceResponsive #teamManagementHelp.playerHelp div:nth-child(even) {
        float: none; } }
@media only screen and (max-width: 630px) {
  body.forceResponsive #playerInvitePopup #freeAgentsButton {
    clear: left;
    float: left;
    margin-top: 20px; } }
@media only screen and (max-width: 600px) {
  body.forceResponsive #captainsLoungeRoster .mobile {
    display: inline-block; }
  body.forceResponsive #captainsLoungeRoster #playerTable .divTable,
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow,
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableHead,
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableHeading,
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableBody {
    display: block; }
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableCell {
    float: left; }
  body.forceResponsive #captainsLoungeRoster #playerTable.divTable {
    border: 0; }
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableCell, body.forceResponsive #captainsLoungeRoster #playerTable .divTableHead {
    padding-top: 0;
    border: 0;
    height: 30px; }
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableHeading {
    display: none; }
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow {
    overflow: hidden;
    border-top: solid 1px #ccc;
    border-bottom: 0; }
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .playerName,
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .gender,
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .shirtSize {
      display: inline-block;
      height: 35px;
      padding-top: 12px; }
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .actions,
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .playerBalance,
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .payments {
      display: inline-block;
      padding-bottom: 15px; }
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .gender {
      float: right;
      width: 60px;
      padding-right: 20px; }
      body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .gender::before {
        content: 'Gender '; }
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .shirtSize {
      float: right;
      width: 55px;
      padding-right: 10px; }
      body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .shirtSize::before {
        content: 'Size '; }
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .actions {
      clear: left;
      width: 140px;
      padding-top: 0; }
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .playerBalance {
      padding-left: 0;
      width: 90px;
      display: inline-block; }
    body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .payments {
      padding-left: 0;
      width: 85px;
      padding-right: 10px;
      display: inline-block; }
      body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .payments .paid::before {
        content: 'Paid ';
        color: #333;
        font-weight: normal; }
      body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .payments .withBalanceMode,
      body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .payments .editMode,
      body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .payments .messageMode {
        margin-top: -18px;
        margin-left: -11px; } }
@media only screen and (max-width: 460px) {
  body.forceResponsive .extraSlotPurchasePopup .content {
    margin: 35% auto; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn #playersToInviteHeading .gender {
    margin-left: 0; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn #playersToInvite li {
    margin-left: 15px; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn .inviteColumns span.facebookPic {
    width: 0; }
  body.forceResponsive .invitePlayersViaFunLink .sendFunLinkBtnWrapper {
    margin-top: 0; }
  body.forceResponsive .invitePlayersViaFunLink .webShareAPIFallback .content {
    margin: 35% auto; } }
@media only screen and (max-width: 430px) {
  body.forceResponsive #manageTeamPageMenuContainer {
    padding-top: 15px; }
  body.forceResponsive #manageTeamHeader #manageTeamHeaderRight {
    padding-bottom: 0;
    margin-top: 10px; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn .inviteColumns span.teamPayer {
    width: 120px; } }
@media only screen and (max-width: 420px) {
  body.forceResponsive #manageTeamPageMenuContainer #manageTeamPageMenu_v2 li {
    margin-right: 10px; }
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .gender {
    padding-right: 0; }
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .playerBalance {
    padding-right: 20px;
    width: 75px; }
  body.forceResponsive #captainsLoungeRoster #playerTable .divTableRow .payments {
    padding-right: 0;
    width: 55px; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn .inviteColumns span.gender {
    width: 35px; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn .inviteColumns span.remove {
    margin-left: 0; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn .inviteColumns span.teamPayer {
    width: 75px; } }
@media only screen and (max-width: 390px) {
  body.forceResponsive #playerInvitePopup #playerSources {
    width: 300px; }
  body.forceResponsive #playerInvitePopup .playerSource.pastPlayers div.chosen-container.pastPlayerSelector {
    margin: 5px 0 0 0; }
  body.forceResponsive #playerInvitePopup .playerSource.pastPlayers div.pastPlayerSelector.noresult {
    margin: 5px 0 0 0;
    font-size: 12px;
    float: left; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn #playersToInviteHeading {
    margin-left: 7px; }
    body.forceResponsive #playerInvitePopup #playersToInviteColumn #playersToInviteHeading .gender {
      margin-left: 7px; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn #playersToInviteOuter {
    margin-left: 8px; }
  body.forceResponsive #playerInvitePopup #playersToInviteColumn .inviteColumns span.name {
    width: 140px; } }
@media only screen and (max-width: 355px) {
  body.forceResponsive .invitePlayersViaFunLink .inviteViaFunLink {
    top: 1px; }
  body.forceResponsive .invitePlayersViaFunLink .sendFunLinkBtnWrapper {
    margin-top: 6px; } }
@media only screen and (max-width: 307px) {
  body.forceResponsive .invitePlayersViaFunLink .inviteViaFunLink {
    padding-top: 5px; } }
@media only screen and (max-width: 850px) {
  div.componentRow {
    background: transparent;
    border: 0;
    border-top: 1px solid #e1e5ec; }

  #componentRow_1 {
    border: 0; }

  div.componentRow,
  div.component.size_3,
  div.three div#component_1_1 {
    width: 100%; }

  #pageContainer #component_1_1 {
    border-top: none;
    margin-top: 0;
    padding-top: 0; }

  div.component.size_2 {
    width: 65%; }

  div.component.size_1 {
    width: 30%; }

  div.component {
    padding-left: 0; }

  div.divisionChamps div.leagueName {
    background: transparent; }

  div.componentRow div.component.size_3 div.largeImages img,
  div.componentRow div.component img {
    max-width: 100%;
    height: auto; } }
@media only screen and (max-width: 767px) {
  #pageContainer div.componentRow {
    position: relative;
    float: none;
    top: auto;
    left: auto;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0 0 2rem 0;
    text-align: left;
    padding: 0;
    border: 0; }

  div.three div#component_1_1, div.component.size_1, div.component.size_2, div.component.size_3 {
    float: none;
    width: auto;
    clear: both; }

  div.componentRow div.component {
    border-top: 1px solid #E1E5EC;
    margin: 1rem 0 0 0;
    padding: 1rem 0 0 0; }

  #componentRow_1 div:first-child {
    /* border:0; */ }

  div.componentRow div.component div.contentImage,
  div.componentRow div.component.size_3 div.largeImages {
    width: auto;
    max-width: 35%; }

  div.componentRow div.component div.contentImage img,
  div.componentRow .photoGalleryComponent img.large {
    width: 100%;
    height: auto; }

  div.componentRow div.component div.contentImage img.teamIcon {
    width: auto; }

  div.componentRow div.component.size_3 div.largeImages div.caption,
  div.componentRow div.component div.caption {
    width: 100%; }

  div.divisionChamps div.champsTeam {
    width: auto; }

  div.componentRow div.otherTeams {
    border-bottom: 0; }

  div.componentRow div.otherTeams .champsTeam {
    margin: 1.2em 0;
    border-bottom: 1px solid #eee; }

  #pageContainer .componentRow .component iframe {
    width: 90% !important;
    max-width: 640px; }

  #pageContainer .componentRow .component .fb-share-button iframe {
    width: auto !important; }

  #pageContainer .componentRow .component iframe.twitter-share-button {
    width: 75px !important; } }
@media only screen and (max-width: 568px) {
  div.componentRow div.component.size_3 div.contentImage,
  div.componentRow div.component.size_3 div.largeImages,
  div.componentRow div.component.size_2 div.contentImage {
    width: auto;
    max-width: 100%;
    float: none; }

  div.componentRow div.component.noPadding {
    width: auto; }

  div.componentRow div.component div.leagueContentFeed .featured-image, div.componentRow div.component div.leagueContentFeed .content-details {
    max-width: 100%;
    width: auto;
    float: none; }
  div.componentRow div.component div.leagueContentFeed .featured-image {
    margin: 0; }
  div.componentRow div.component div.leagueContentFeed .image-thumbnails .wideOnly {
    display: none; }
  div.componentRow div.component div.leagueContentFeed .bottomNav {
    display: block; } }
@media only screen and (max-width: 767px) {
  div.formSection {
    clear: both; } }
@media only screen and (max-width: 767px) {
  div.formSection,
  div.formSection.inline,
  div.formSection.search {
    border: 0;
    width: auto; }

  div.formField, div.formSectionLabel, h3.formSectionLabel {
    padding-left: 0; }

  div.formSection div.formField label,
  div.formSection.inline div.formField label,
  div.formSection.search div.formField label,
  div.formInputContainer,
  div.formSection div.formInputContainer,
  div.formSection.inline div.formField div.formInputContainer,
  div.formSection.search div.formField div.formInputContainer {
    float: none;
    width: auto;
    text-align: left; }

  div.formSection.inline input.button {
    margin: 0 0 0 20px; }

  div.formField textarea {
    width: 240px; }

  #container_input_FirstName,
  #container_input_LastName,
  #container_input_City,
  #container_input_State,
  #container_input_PostalCode,
  #container_input_PrimaryAreaCode,
  #container_input_PrimaryPrefix,
  #container_input_PrimaryLastFour,
  #container_input_SecondaryAreaCode,
  #container_input_SecondaryPrefix,
  #container_input_SecondaryLastFour {
    float: left; } }
@media only screen and (max-width: 767px) {
  div#userMessage div {
    width: 80%; }

  div.playerHelp {
    width: auto;
    padding: 20px; }

  div.infoContainer,
  div.infoContainer div.infoRow {
    width: auto;
    background-image: none; }

  div.infoRow div.label {
    width: 22%;
    margin-right: 2%; }

  div.infoRow div.value {
    width: 75%; }

  div.emptyResult, h3.emptyResult {
    width: auto;
    padding: 12px 0 0 0; } }
@media screen and (max-width: 1000px) {
  #waiverSignature #signatureWrapper {
    width: 70%; } }
@media only screen and (max-width: 767px) {
  #signupProgress {
    padding: 12px 0 0 0;
    width: auto; }

  #signupProgress .progressItem {
    display: none; }

  #signupProgress .progressItem.current {
    display: block; }

  div.signUpLeagueInfo {
    display: none; }

  div.signedInOption {
    width: auto; }

  body #signupStartForm div.formField {
    padding: 10px 10px 10px 20px; }

  div#signupStartForm.formSection.inline,
  div#signupStartForm_New.formSection.inline {
    width: auto; }

  div#signupStartForm div.button input.button,
  div#signupStartForm_New div.button input.button {
    margin-left: 20px; }

  #signInOptionDivider span {
    padding: 0 5%; }

  #facebookLoginContainer, div.signupStartNewUser {
    max-width: 260px; }

  div#registrationTypeHeader p.label {
    width: auto;
    margin-left: 0; }

  #yourInfo h3 {
    padding-left: 0; }

  #onlineWaiverCheckboxWrapper {
    width: auto; }

  #usernameCheck {
    position: relative;
    top: auto;
    left: auto;
    width: auto; }

  div#paymentCalculation,
  div.infoContainer.confirmSection {
    width: auto;
    background-image: none; }

  div.signUpLeagueInfo div.totalBreakdown,
  div.infoContainer div.totalBreakdown {
    width: auto; }

  div#paymentPolicyContainer {
    width: auto; }

  #paymentSummary {
    margin: 12px 0;
    width: auto; }

  #paymentCalculation div.infoRow div.value {
    width: 75%; }

  #signupFinish div.links {
    float: none;
    border: 0;
    margin-left: 0; }

  #signupFinish div.status {
    width: auto; }

  #paymentOptionalInfo {
    width: auto; }

  #paymentSummary div.label {
    width: 35%;
    margin-right: 3%; }

  #paymentSummary div.value {
    width: 35%; }

  #optionalPaymentOptions div.option {
    float: none;
    width: auto;
    margin: 6px 20px; }

  #paymentFormContainer {
    width: auto; }

  .confirmSection div.infoRow div.label,
  .confirmSection div.infoRow div.value {
    width: auto;
    text-align: left;
    float: none;
    padding: 0.2em 0; }

  #paymentContainer div#teamPayerNotice {
    width: auto;
    max-width: 600px; }

  #waiverSignature #signatureWrapper {
    width: 80%;
    margin: 70px auto;
    padding: 10px 15px 15px 15px; }
    #waiverSignature #signatureWrapper .close {
      margin: 0; } }
@media only screen and (max-width: 568px) {
  #waiverSignature #signatureWrapper {
    width: 91%; } }
@media only screen and (max-width: 767px) {
  #youthPlayerProfile #youthInfo {
    margin-left: 0px; } }
@media only screen and (max-width: 850px) {
  .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content {
    margin: 3% auto;
    width: 85%;
    padding: 25px 40px; } }
@media only screen and (max-width: 767px) {
  div.unscheduledLeft {
    width: auto; } }
@media only screen and (max-width: 767px) {
  .myScheduleDate .slotInfo {
    clear: left;
    float: none;
    width: auto;
    border: 0;
    padding: 20px 0;
    width: 310px;
    text-align: center; }

  .myScheduleDate .rsvpContainer,
  .myScheduleDate .recordScoreContainer {
    float: none;
    margin-left: 95px; }
    .myScheduleDate .rsvpContainer .gameResultContainer .modal-content,
    .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content {
      width: 89%;
      height: 91%;
      margin: 0% auto; } }
@media only screen and (max-width: 568px) {
  #linkFacebookAccountContainer {
    display: none; }

  #playerPageMenuContainer #notificationArea {
    top: -25px;
    right: 30px; }

  #myScheduleContainer .myScheduleDate h2 {
    background: #888;
    border-radius: 6px 6px 0 0; }

  .myScheduleDate .gameOrAssignment {
    position: relative;
    padding: 2.3rem 0.5rem 1rem 0.5rem; }
  .myScheduleDate .time {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem; }
  .myScheduleDate .location .myScheduleField {
    display: inline-block; }
  .myScheduleDate .teams, .myScheduleDate .slotInfo {
    float: none;
    width: auto; }
  .myScheduleDate .gameOrAssignment.odd {
    border: 3px double #DDD;
    border-left: none;
    border-right: none; }
  .myScheduleDate .slotInfo {
    border: 1px dotted #ddd;
    border-left: none;
    border-right: none;
    width: 90%;
    margin: 1rem auto 0 auto;
    padding: .75rem 0; }
  .myScheduleDate .odd .slotInfo {
    border: 1px dotted #CCC;
    border-left: none;
    border-right: none; }
  .myScheduleDate div.teamThumbnail {
    display: none; }
  .myScheduleDate .gameTeams, .myScheduleDate .teams .team, .myScheduleDate .teams .officiating {
    float: none;
    text-align: center;
    width: auto; }
  .myScheduleDate .homeOrVisitor {
    display: inline; }
  .myScheduleDate .homeOrVisitor::before {
    content: "("; }
  .myScheduleDate .homeOrVisitor::after {
    content: ")"; }
  .myScheduleDate .location {
    font-size: 1.1rem;
    padding: .2rem 0; }
  .myScheduleDate .rsvpContainer {
    width: 50%;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center; }
    .myScheduleDate .rsvpContainer div.RSVPContainer {
      width: auto; }
  .myScheduleDate .recordScoreContainer {
    float: none;
    width: 100%;
    margin: 0 auto;
    padding-top: 5px;
    text-align: center; }
    .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content {
      width: 88%;
      padding: 25px 30px; }
      .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content .button {
        margin-top: 35px; }
      .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content .teamNameDisplay {
        font-size: 0.9em; }
      .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content .reportForfeit {
        padding-top: 10px; }
      .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content .teamInfo,
      .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content .scoresContainer,
      .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content .setScores.divTable {
        float: none; }
      .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content .scoresContainer,
      .myScheduleDate .recordScoreContainer .gameResultContainer .modal-content .setScores.divTable {
        padding-top: 0px; }
  .myScheduleDate .officiating {
    margin-top: 0; }
  .myScheduleDate .homeOrVisitor {
    display: none; }
  .myScheduleDate .scheduleBanner {
    max-width: 100%; } }
@media only screen and (max-width: 850px) {
  #map {
    width: 462px; } }
@media only screen and (max-width: 767px) {
  #map {
    display: none; } }
@media only screen and (max-width: 850px) {
  #galleryListings .galleryListingsColumn {
    margin-right: 2rem;
    width: 260px; }

  #galleryListings h3 {
    padding-right: 20px; }

  #galleryListings li {
    width: auto; }

  #galleryListings div.galleryInfo {
    width: auto; }

  #sportGalleriesColumn .galleryInfo {
    float: none;
    margin-left: 12px; }

  #gallery .mainOuter .mainInner {
    min-height: 0; } }
@media only screen and (max-width: 767px) {
  div.sponsorList div.sponsor {
    margin-right: 0; }

  div.sponsorList div.sponsorLogo {
    float: none;
    width: auto;
    margin-right: 0; }
    div.sponsorList div.sponsorLogo img {
      max-width: 100%; }

  div.sponsorList div.sponsorInfo {
    float: none;
    width: auto;
    padding-left: 20px; }

  #sponsorsPageSponsors div.sponsorList div.sponsorLogo img {
    width: 100%;
    max-width: 300px; } }
@media only screen and (max-width: 767px) {
  div.documentSection ul li p {
    width: auto; } }
@media only screen and (max-width: 568px) {
  div.documentSection li div.downloadLink {
    width: auto;
    margin-right: 12px; } }
@media only screen and (max-width: 767px) {
  div.first.forumPost, div.forumPost, #ForumForm {
    width: auto; }

  .forumContainer .noPost {
    width: auto; } }
@media only screen and (max-width: 568px) {
  #ForumForm textarea {
    width: 90%; } }
@media only screen and (max-width: 568px) {
  #indyGroupActivityColumn, #indyGroupGroupColumn {
    width: auto;
    float: none; }

  #groupInviteLink {
    width: 95%; }

  #orLearnMore {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 12px; } }
@media only screen and (max-width: 767px) {
  div.leaguePageContainer div.teamProfiles {
    width: auto; }
    div.leaguePageContainer div.teamProfiles li {
      float: none; } }
@media only screen and (max-width: 767px) {
  h1.leagueTitle {
    height: auto; }

  h2.divisionName {
    margin-left: 12px; }

  table.divisionStandings {
    width: auto;
    margin: 20px 12px 20px 0; }

  table.divisionStandings td.draw {
    border-right: 1px solid #777777; }

  table.divisionStandings .responsiveNote {
    display: table-row; }
    table.divisionStandings .responsiveNote td {
      display: table-cell;
      padding-top: 0.2rem; } }
@media only screen and (max-width: 568px) {
  .divisionStandings td, .divisionStandings th {
    display: none; }

  table.divisionStandings td.wld,
  table.divisionStandings td.teamRank,
  table.divisionStandings td.teamName,
  table.divisionStandings th.wld,
  table.divisionStandings th.teamRank,
  table.divisionStandings th.teamName {
    display: table-cell; } }
@media only screen and (max-width: 767px) {
  #teamPayerExplanationContainer {
    padding: 0 12px; }

  #teamPayerExplanationContainer #mainGraphicContainer img {
    width: 100%; }

  #teamPayerExplanationContainer p,
  div.FAQItem div.answer {
    width: auto; } }
@media only screen and (max-width: 767px) {
  div.customPageWithForm #componentRow_1 {
    width: auto;
    margin: 0; }
    div.customPageWithForm #componentRow_1 div#component_1_1.size_3,
    div.customPageWithForm #componentRow_1 div.component div,
    div.customPageWithForm #componentRow_1 div.component p {
      width: auto;
      margin: 0; }

  #customPageForm {
    position: relative;
    float: none;
    top: auto;
    left: auto;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0 0 2rem 0;
    text-align: left;
    padding: 0; }

  #contactInfo {
    width: auto; }

  div.ourPolicy, div.agreement {
    width: auto;
    padding: 0; }

  div.agreement ol ol {
    width: auto; }

  .leagueLabPaymentPolicy {
    padding: 0 20px; } }
@media only screen and (max-width: 767px) {
  #loginBox .formSection {
    width: auto; }

  #loginBox #loginPageBanner {
    margin-top: 0px;
    margin-bottom: 15px; } }
@media only screen and (max-width: 767px) {
  #archives div#filters {
    width: auto; }
  #archives div#yearFilter, #archives div#sportFilterBox {
    float: none;
    margin: 10px 0;
    width: auto; }

  div.currentLeague {
    width: auto; }
    div.currentLeague div.leagueLinkBar div.startDate {
      display: none; }
    div.currentLeague div.leagueLinkBar ul {
      position: relative;
      right: auto; }
    div.currentLeague div.leagueLinkBar img {
      display: none; }
    div.currentLeague a.scheduleLink, div.currentLeague a.standingsLink {
      position: relative;
      display: inline-block;
      left: auto;
      margin: 0 12px 12px 12px; }
    div.currentLeague div.dayChart {
      display: none; }
    div.currentLeague div.locations {
      margin: 20px 0 0 12px; } }