@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);
* {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  background: white;
}

/* Hidden Items */
.hide, .ad-slot, #svl-dock, #account-nav, #main-nav, #footer, #feedback-form, #aside, form.filters, form.game-results, .header-extras, .aside, #schedule-controls, #nav, .social-icons, .apps-enabled, .affiliate-partner, .overlay, hr, .la--header {
  display: none !important;
}

/* Basic Typography */
h1, h2, h3, h4, h5, div, li, dt, dd, p, a, td {
  color: #212121;
}

div, li, dt, dd, p, td {
  font-size: 14px;
  line-height: 1.5;
}

a, a:hover, a:visited {
  text-decoration: none;
}

ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
}

sup {
  font-size: .65em;
}

#header sup {
  font-size: .35em;
}

.main {
  width: 100%;
}

/* Paging */
.pagination {
  margin-top: -1px;
  padding: 4px 10px;
}

.pagination li {
  display: none;
}

.pagination li.current {
  color: #999;
  display: block;
  font-size: 12px;
  font-weight: normal;
}

.pagination li.current a {
  color: #999;
}

.pagination li.current:before {
  content: "Page: ";
}

/* Header */
#the-logo {
  color: #999;
  font-size: 18px;
  line-height: 1;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 24px;
  font-weight: normal;
  margin: .25em 0 1em 0;
}

/* Table Views */
table {
  text-align: left;
  width: 100%;
}

table, tr, td, th {
  border: none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

td, th {
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

th {
  color: #999;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 10px 3px 10px;
}

th strong {
  font-weight: bold;
  margin-right: 10px;
}

td.main strong {
  font-size: 16px;
}

td.main em {
  color: #999;
  display: block;
  line-height: 1;
}

.table-row {
  display: table-row !important;
}

.view-drawer td {
  padding: 0;
}

.view-drawer .details {
  border-top: 1px solid #fff;
  display: block !important;
  margin-top: -1px;
  padding: 8px;
}

.details {
  margin: 0;
  padding: 0;
}

.details ul {
  border-left: 1px dotted #ccc;
  margin: -1.5em 0 0 15px;
  padding-left: 10px;
}

.details ul li {
  list-style: none;
}

.details ul h4, .details ul p, .player-notes h4, .player-notes p {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.details ul p, .player-notes p {
  margin-bottom: 1em;
  padding-top: .25em;
}

table.sched {
  margin-bottom: 30px;
}

table.sched th {
  border-bottom: none;
  padding-bottom: 0;
}

table.sched td.gameday {
  font-weight: bold;
  padding: 15px 10px 2px 10px;
}

table.sched td.teams strong em {
  color: #999;
  font-style: normal;
  font-weight: normal;
}

table.sched td.teams span.score {
  color: #999;
}

table.sched td.official {
  color: #999;
}

table.sched td.official strong {
  font-weight: normal;
}

table.sched td.locale {
  text-align: right;
  width: 21%;
}

table.sched td.locale em {
  color: #999;
  display: block;
  font-style: normal;
  padding-left: 10px;
}

/* public schedule */
/* Schedule */
#_schedule .mod.schedule {
  /*background: #F6F8F9;*/
}

#_schedule #content .main {
  padding: 0;
}

div.schedule-quick-nav {
  font-size: 1.6em;
  font-weight: normal;
  padding: 10px;
  margin-bottom: 15px;
  background: #F4F5F9;
  border: 1px solid rgba(0, 0, 0, 0.07);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: -30px;
}

div.schedule-header {
  font-size: 1.6em;
  font-weight: normal;
  /*letter-spacing: 0;*/
  border: 3px solid rgba(117, 117, 117, 0.25) !important;
  padding: 8px;
  margin: 25px 0;
  margin-top: 25px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

div.schedule-header span.schedule-name {
  color: #555;
  font-weight: bold;
  /*text-shadow: rgba(0,0,0,.15) -1px -1px 0;*/
}

div.schedule-header span.schedule-format {
  color: #777;
  font-size: 0.8em;
}

div.schedule-header span.schedule-description {
  color: #aaa;
  line-height: 0.6;
  font-size: 0.7em;
}

#_officiatingSchedule .mod.schedule, #_schedule .mod.schedule {
  padding-top: 58px;
}

.schedule #schedule-filters, #schedule-event-add-panel {
  margin-bottom: 0;
  background: #F4F5F9;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  z-index: 9999;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  min-height: 100%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  border-left: 1px solid #E1E5EE;
}

.schedule #schedule-filters.filter-is-visible, #schedule-event-add-panel.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  overflow-y: scroll;
}

#schedule-event-add-panel fieldset {
  padding: 6px 16px;
}

#schedule-event-add-panel .half {
  width: 100%;
  float: none;
  padding: 0;
}

#schedule-event-add-panel input, #schedule-event-add-panel select {
  width: 100%;
}

#schedule-filters header, #schedule-event-add-panel header {
  height: 60px;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  border-bottom: 1px solid #E1E5EE;
}

#schedule-filters header h1, #schedule-event-add-panel header h1 {
  color: #304056;
  font-size: 20px;
  line-height: 60px;
  float: left;
  text-indent: 16px;
  font-weight: 400;
}

#schedule-filters .btn-close, #schedule-event-add-panel .btn-close {
  height: 60px;
  line-height: 60px;
  width: 70px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  background: #304056;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  float: right;
}

#schedule-filters .btn-close svg, #schedule-event-add-panel .btn-close svg {
  vertical-align: middle;
}

.filter-block input[type='search'], .filter-block input[type='text'], .filter-block select {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  background-color: #ffffff;
  border: 2px solid #e6e6e6;
  width: 100%;
  padding: .8em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 10px;
}

.filter-block .la-select {
  position: relative;
}

.filter-block .la-select:after {
  content: " ";
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 42%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url("../../../../_i/la-icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}

#schedule-controls {
  overflow: hidden;
  position: absolute;
  top: 18px;
  right: 260px;
}

#schedule-event-add-panel #recurring-event-modal {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#schedule-event-add-panel #recurring-event-modal h1 {
  font-size: 16px;
}

#schedule-event-add-panel #recurring-event-modal p {
  margin-bottom: 20px;
}

ol#schedule-list-view {
  padding-top: 0;
}

.la-team-profile #schedule-controls {
  position: relative;
  top: 0;
  right: 0;
}

#schedule-controls span a {
  padding: 0 16px;
  display: inline-block;
  opacity: 1;
  color: #B8B8B8;
  text-align: center;
}

#schedule-view-mode a.active {
  background: #F4F5F9;
  border-radius: 3px;
}

#schedule-event-add-panel #recurring-event-modal button {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

#schedule-controls svg {
  display: block;
  width: 31px;
  margin: 0 auto;
}

.event-delete {
  padding-top: 16px;
  border-top: 1px solid #ccc;
}

#calendar-event-form.sm label {
  margin-bottom: 4px;
  margin-top: 10px;
  font-weight: 400;
  font-size: 12px;
}

#calendar-event-form.sm .label .short {
  width: 30%;
}

#calendar-event-form.sm .label label {
  margin-bottom: 0;
}

#calendar-event-form.sm label.pad-left {
  padding-left: 0;
}

#calendar-event-form.sm .label select {
  width: 60px;
  margin-left: 5px;
}

#calendar-event-form #event-location {
  margin-bottom: 10px;
}

#calendar-event-form.sm .label .left + .left {
  width: 70%;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 0;
}

.filter-group {
  padding: 16px;
}

ol#schedule-list-view {
  padding: 46px 0 20px 0;
}

#schedule-view {
  padding: 30px;
}

.schedule #schedule-controls span {
  font-size: 14px;
}

.schedule li {
  list-style: none;
  margin: 0 0 16px 0;
}

.schedule li h4 {
  margin: 0 0 12px 0;
  padding: 0px;
  background: #D0D0D0;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
}

.schedule h4 .tag {
  font-size: 10px;
  margin-left: 0;
  padding: 1px 3px 0 5px;
}

.schedule li ul {
  margin: 0;
  padding: 0px;
}

.schedule li li {
  /*background: #eee url(../../../../_i/_site2.0/bevel-vert.png) 29.5% 0 repeat-y;
  margin-bottom: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,.12) 0 1px 0;*/
  padding: 5px 15px 10px;
}

/*.schedule li ul:nth-child(even) li {
	background: #efefef;
}
.schedule li ul:nth-child(odd) li {
	background: #F8F8F8;
}*/
#schedule-event-save-btns {
  padding: 0 20px;
}

.mod.schedule .cOverlay-wrap {
  top: 0 !important;
  left: 240px !important;
}

.mod.schedule .cOverlay-wrap .overlay h3 {
  margin: 0 0 15px 0 !important;
}

.mod.schedule .cOverlay-wrap .overlay p, .mod.schedule .cOverlay-wrap .overlay small {
  padding: 5px 20px;
}

.mod.schedule .cOverlay-wrap .overlay p.no-b {
  padding-bottom: 20px;
}

.mod.schedule .cOverlay-wrap .overlay .desc {
  border: none;
}

#content.right-col .main, #content.right-col .aside {
  float: left !important;
}

.schedule li ul li {
  background: none;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: 'Open Sans', sans-serif;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.schedule span.tbd, .schedule abbr {
  color: #aaa;
}

.schedule p {
  margin: 0;
}

.schedule .meta {
  width: 33.333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  font-size: 11px;
  padding: 16px;
  color: #333;
  background: #F6F7F7;
  float: left;
}

.schedule .meta .event {
  display: block;
  margin-top: 10px;
}

.schedule .meta .date, .schedule .meta .time {
  font-size: 14px;
  font-weight: bold;
}

.schedule .meta abbr {
  position: relative;
  top: -.25em;
}

.schedule .schedule-tag {
  margin: 2px 6px 10px 0;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  padding: 4px 8px 2px;
  text-transform: uppercase;
  border-radius: 3px;
  display: inline-block;
  float: left;
  letter-spacing: 1px;
}

.schedule .schedule-tag.event-type {
  color: #fff;
  background-color: #FFC0CB;
}

.schedule .schedule-tag.player-role {
  color: #fff;
  background-color: #E6E6FA;
}

.schedule .schedule-tag.staff-role {
  color: #fff;
  background-color: #DCDCDC;
}

.schedule .schedule-tag.kid-name {
  color: #fff;
  background-color: #FFFACD;
}

.schedule .schedule-tag.practice {
  color: #fff;
  background-color: #ACC73A;
}

.schedule .schedule-tag.game {
  color: #fff;
  background-color: #2472C6;
  padding: 4px 8px 2px !important;
  width: auto !important;
}

.schedule .schedule-tag.meeting {
  color: #fff;
  background-color: #F2B42D;
}

.schedule .schedule-event {
  border-left: 4px solid #FFC0CB !important;
}

.schedule .event {
  padding: 0;
}

.schedule .event-title {
  font-size: 20px;
  margin: 0;
  font-weight: 400;
}

.schedule .event-program, .schedule .game-program {
  font-size: 16px;
}

.schedule .event-team {
  font-size: 14px;
  margin-top: -4px !important;
}

.schedule .event .event-details {
  color: #888;
}

.schedule .schedule-game {
  border-left: 4px solid #2EB0BA !important;
}

.schedule .schedule-game .schedule-tag {
  background: #2EB0BA;
  color: #fff;
}

.schedule .schedule-game .game.clr, .schedule .schedule-event .game.clr {
  padding: 16px;
  width: 66.666%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  background: #fff;
  min-height: 140px;
}

.schedule .schedule-game .btn, .schedule .schedule-event .btn {
  margin-top: 16px;
}

.sched-start-date, .sched-end-date {
  text-transform: uppercase;
}

.sched-start-date {
  margin-bottom: 8px;
}

.schedule .schedule-event.practice {
  border-left: 4px solid #ACC73A !important;
}

.schedule .schedule-event.meeting {
  border-left: 4px solid #F2B42D !important;
}

.schedule .schedule-event.other {
  border-left: 4px solid #EE5744 !important;
}

.schedule .schedule-event.game {
  border-left: 4px solid #2472C6 !important;
}

/*.schedule .game {
	width: 72%;
}*/
.schedule-event.game {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.schedule .game p {
  color: #aaa;
  margin: 0 0 6px;
}

.schedule .game p span.tbd {
  font-size: 16px;
}

.team-score {
  font-size: 16px;
}

.schedule .game em {
  font-style: normal;
}

.schedule .completed .game-meta.block {
  clear: both;
  display: block;
  margin-left: 0;
}

.schedule .game .official {
  float: left;
  text-align: right;
  margin-top: 5px;
  /*width: 25%;*/
}

.schedule .game .official em {
  background: transparent url(../../../../_i/_site2.0/icon-ref.png) 0 0 no-repeat;
  color: #aaa;
  display: inline-block;
  font-size: 10px;
  padding: 1px 0 0 20px;
}

#event-update-notify-participants {
  padding: 0 16px !important;
}

#event-update-notify-participants label {
  margin: 0 !important;
  padding: 0;
}

#event-update-notify-participants label {
  margin: 0;
}

.game-label {
  color: #fff;
  background: #aaa;
  font-weight: bold;
  font: normal bold 11px/14px Helvetica, Calibri, Arial, sans-serif;
  text-shadow: rgba(0, 0, 0, 0.15) -1px -1px 0;
  padding: 2px 6px;
  border-radius: 3px;
}

.game-label.right {
  float: right;
  position: relative;
  right: 6px;
}

/* Schedule View - My Team Indicator */
.mod.schedule span.team-score.score.my-team a {
  background: transparent url(../../../../_i/_site2.0/icon-flag.png) right 3px no-repeat;
  display: inline-block;
  padding: 0 18px 0 0;
}

/* Cross Program Game Indicator */
.schedule .game .cross-program {
  background: transparent url(../../../../_i/_site2.0/icon-schedule-crossgame.png) 0 0 no-repeat;
  display: inline-block;
  margin: 0 5px;
  text-indent: -9999px;
  width: 15px;
  height: 12px;
  font-size: 10px;
}

/* Notes */
.schedule .meta .game-note {
  background: transparent url(../../../../_i/_site2.0/icon-note.png) 0 2px no-repeat;
  color: #aaa;
  display: block;
  font-size: 11px;
  left: -2px;
  line-height: 1.2;
  max-width: 351px;
  padding: 2px 0 1px 20px;
  position: relative;
}

.schedule .meta .game-note-full {
  color: #484848;
  display: none;
  background: #ffffdd url(../../../../_i/_site2.0/icon-note.png) 3px 4px no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.12);
  left: -4px;
  padding: 4px 8px 5px 23px;
  position: absolute;
  top: -3px;
  width: 260px;
  z-index: 200;
  border-radius: 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
          box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
}

.schedule .meta:hover .game-note-full {
  display: block;
}

.schedule .date-note {
  background: #eee url(../../../../_i/_site2.0/icon-note.png) 10px -41px no-repeat;
  margin-bottom: 6px;
  padding: 8px 2% 8px 32px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.12) 0 1px 0;
}

.schedule .date-note-type1 {
  background-color: #ffffdd;
  border-color: #dedea1;
}

.schedule .date-note-type2 {
  background-color: #ffe6df;
  border-color: #ddb2a4;
}

.schedule .date-note-type3 {
  background-color: #e2ecfb;
  border-color: #aabbd7;
}

.schedule .date-note-type4 {
  background-color: #e1fbe9;
  border-color: #a9d7b7;
}

.schedule .date-note-type5 {
  background-color: #d6d6d6;
  border-color: #adadad;
}

.schedule .date-note p {
  font-size: 11px;
  font-style: italic;
  margin: 0;
}

.schedule .date-note p strong {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  font-style: normal;
  font-size: 10px;
  margin-right: 4px;
  padding-right: 8px;
  text-transform: uppercase;
}

/* Alternate Game Views */
.schedule .rescheduled, .schedule .rescheduled span.tbd, .schedule .rescheduled abbr, .schedule .rescheduled .game p {
  color: #aaa;
}

.schedule .rescheduled .game p, .schedule .completed p {
  float: left;
}

.schedule .rescheduled .game-meta, .schedule .completed .game-meta {
  margin: 2px 0 0 5px;
  padding: 0;
  width: auto;
}

.schedule .rescheduled a.game-type {
  background: #f8810a;
  color: #fff;
}

.schedule .rescheduled .tag em {
  font-style: italic;
  font-weight: normal;
  padding-right: 1px;
  text-transform: none;
}

.schedule .rescheduled.cancelled .meta {
  text-decoration: line-through;
}

.schedule .rescheduled.cancelled .tag, .schedule .completed .tag {
  background: #ddd;
  color: #999;
}

.schedule .completed .game-note {
  display: none;
}

.schedule .completed .team-score:first-child {
  margin-right: 8px;
}

.schedule .completed .team-score.winner .score {
  color: #484848;
}

.schedule .team-result {
  background: #ddd url(../../../../_i/_site2.0/win-loss-marker.png) -296px 0 no-repeat;
  background-color: rgba(0, 0, 0, 0.07);
  border-left: 1px solid rgba(255, 255, 255, 0.84);
  color: #aaa;
  float: right;
  font-size: 14px;
  font-weight: bold;
  height: 21px;
  line-height: 22px;
  margin: -8px -3% -8px 10px;
  min-width: 66px;
  overflow: hidden;
  padding: 8px 3% 8px 16px;
  text-align: center;
  border-radius: 0 3px 3px 0;
}

.schedule .team-result.win {
  background-color: #2d6cbe;
  background-position: -4px 0;
  color: #fff;
}

.schedule .team-result.draw {
  background: rgba(0, 0, 0, 0.07);
}

.schedule .team-result strong {
  display: none;
}

/* Standings */
.standings p {
  border-top: 1px dotted #ddd;
  font-size: 11px;
  margin: 0 auto;
  padding-top: .75em;
  text-align: center;
  width: 25%;
}

table.standings .standings-division-header {
  text-align: left;
  width: auto;
  margin-top: 5px;
}

table.standings .standings-division-header h4 {
  margin-top: 10px;
  margin-bottom: 2px;
}

#schedule-list-view > a.jump, #schedule-controls {
  display: none;
}

.sched-start-date h5 {
  display: none;
}

.schedule li ul {
  border-bottom: 1px dashed #ccc;
  padding: 0 0 12px 0;
  margin-bottom: 12px;
}

.schedule li ul li {
  overflow: hidden;
  border-left: none !important;
}

.schedule .schedule-event, .schedule .schedule-event.practice, .schedule .schedule-event.meeting, .schedule .schedule-event.other, .schedule .schedule-event.game, .schedule .schedule-game {
  border-left: none !important;
}

.schedule-week {
  display: block;
  clear: both;
}

.schedule .schedule-game .game.clr, .schedule .schedule-event .game.clr {
  min-height: auto;
}

.schedule .meta, .schedule .schedule-game .game.clr, .schedule .schedule-event .game.clr {
  padding: 0;
}

.schedule .schedule-game {
  padding: 12px 0;
}

.schedule .schedule-tag, .schedule h4 .tag, .mod {
  padding: 0;
}

h1#page-title {
  font-size: 16px;
  display: inline-block;
}

h1#page-title.lg {
  font-size: 24px;
  font-weight: bold;
  padding-top: 10px;
  display: inline-block;
}

#page-title em.context {
  display: block;
  font-size: 24px;
}

.logo-print {
  display: inline-block;
  margin-right: 32px;
}

.team-info {
  clear: both;
  padding-top: 1rem;
}

.team-info dd {
  margin-bottom: .5rem;
}