.standingsContainer {
   float: left;
   clear: both;
   height: auto;
   width: 100%;
   background: var(--pres-main-bg-light); /* Old browsers */
}

.standingsContent {
   float: left;
   clear: both;
   height: auto;
   width: 100%;
   padding: 0px;
}

.standingsComingSoon {
   width: 100%;
   height: 300px;
   float: left;
   background-image: url(/images/standingsSoon.png);
}

.schTitle {
   float: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   min-height: 1px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-size: .8em;
   color: var(--pres-main-fg-color);
   text-decoration: none;
   font-weight: bold;
   width: 100%;
   text-align: center;
   line-height: 3em;
   background: #eeeeee;
}

.schTitle:empty {
   background: unset;
}

.stHeader {
   float: left;
   width: 100%;
   overflow: hidden;
   margin: 0px 0px 0px 0px;
   padding: 10px ;
   font-size: .8em;
   font-weight: bold;
   color: var(--pres-light-fg-color);
   background: var(--pres-soft-black);
   text-decoration: none;
}

.standingTop .schTitle {
   color: var(--pres-light-fg-color);
}

.standings {
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
}

.standing {
   float: right;
   min-height: 1px;
   padding: 0px 0px 0px 0px;
   font-size: .7em;
   line-height: 3em;
   color: var(--pres-main-fg-color);
   width: 14%;
   text-align: right;
   font-weight: bold;
   text-align: center;
}

.standingH {
   float: left;
   min-height: 1px;
   color: var(--pres-main-fg-color);
   margin: 0px 0px 0px 0px;  
   font-size: .8em;   
   width: 100%;
   text-align: right;
}

.ul {
   border-bottom: 1px solid #EEEEEE;
}

.sIndicator {
   float: left;
   clear: both;
   width: 100%;
   padding: 10px;
   text-align: right;
   font-size: .8em;
}

.standingTop {
   float: left;
   clear: both;
   font-weight: bold;
   font-size: 1em;  
   padding: 10px;
   width: 100%;
   border-top: solid 1px #bbbbbb;
}

.standingsTab {
   float: left;
   clear: both;
   color: #888888;
   border-top: none;
   font-size: 1em !important;
   text-shadow: 0px;
   width: 100%;
   padding: 0px;
   border-bottom: solid 1px #bbbbbb;
}  

.standingsTab:hover {
   background-color: #eeeeee;
}

.noStandingsPic {
   float: left;
   margin-bottom: 20px;
}

.noStandings {
   color: var(--pres-main-fg-color);
   font-size: 1.1em;
   float: left;
}

.note {
   float: left;
   font-size: .8em;
   color: var(--pres-main-fg-color);
   margin: 0px 0px 0px 0px;
   padding: 10px;
   width: 100%;
}

@media all and (min-width: 768px) {
   .standingsTab {
      padding: 10px;
   }

   .standing {
      width: 10%;
      line-height: unset;
      font-size: .7em;
      text-align: right;
   }

   .schTitle {
      width: auto;
      background: unset;
      line-height: unset;
      font-size: .7em;
      text-align: right;
   }
}

@media all and (min-width: 1024px) {
   .standingsTab {
      border: solid 1px #bbbbbb;
      border-top: none;
   }
}