@charset "ISO-8859-1";

/*** Basic styling ***/
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body, html {
	background-color:  #F0F0FA;
    text-align: center;
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}
/*** fontawesome solid colors ***/
.fa-gold    { color:gold;}
.fa-blue    { color:blue;}
.fa-black   { color:black;}
.fa-green   { color:#00FF00;}
.fa-orange  {color: #FF9B00;}
.fa-lt-blue {color: #00FFFF;}
.fa-dk-grey {color: #444444;}
.fa-grey    {color: #666666;}
.fa-lt-grey {color: #BFBFBF;}
.fa-lt-yellow {color: #FFFF9e;}
.fa-red {color: red}

/*** background colors ***/
.bg-white   {background-color:white;}
.bg-gold    {background-color:gold;}
.bg-blue    {background-color:blue;}
.bg-black   {background-color:black;}
.bg-green   {background-color:#00FF00;}
.bg-orange  {background-color: #FF9B00;}
.bg-lt-blue {background-color: #00FFFF;}
.bg-dk-grey {background-color: #444444;}
.bg-grey    {background-color: #666666;}
.bg-lt-grey {background-color: #BFBFBF;}
.bg-ex-lt-grey {background-color: #ddd;}
.bg-red     {background-color: red;}
.bg-lt-red  {background-color: #ff5150;}
.bg-lt-yellow {background-color: #ffff9e;}

/*** show/hide elements ***/
.hide {
    display:none;
}
.show {
    display:block;
}

/*** anchors ***/
a {
    color: blue;
	text-decoration: none;
}
a:link, a:visited, a:active {
    font-weight: normal;
}
a:hover {
    font-weight: bold;
}
a img {
	border: 0px; 
	text-decoration: none;
}
a.lt-blue-black:link, a.lt-blue-black:visited, a.lt-blue-black:active {
    font-weight: normal;
}
a.lt-blue-black:hover {
    color: black;
    font-weight: normal;
    text-decoration: underline;
}
a.blue-black:link, a.blue-black:visited, a.blue-black:active {
    font-weight: bold;
}
a.blue-black:hover {
    color: black;
    font-weight: bold !important;
    text-decoration: underline;
}
a.grey-grey:link, a.grey-grey:visited, a.grey-grey:active {
    color: #333;
    font-weight: normal;
}
a.grey-grey:hover {
    color: #333;
    font-weight: normal;
}
    
/*** For sticky top menus ***/
.sticky-nav__wrap{
    background:#fff;
    z-index:170;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
}
.sticky-nav__main-menu-spacer {
    margin-top:63px;
}
.sticky-nav__main-sub-menu-spacer {
    margin-top:107px;
}
.sticky-nav__main-sub-menu-spacer--no-shadow {
    margin-top:104px;
}
/* not currently used - team/conf menu not sticky */ 
.sticky-nav__main-sub-team-menu-spacer {
    margin-top:193px;
}
/* release sticky headers when horizontal screen is small (450px) */
@media all and (max-height: 450px), all and (max-device-height: 450px) {

    .sticky-nav__wrap {
    background:#fff;
    z-index:170;
    width:100%;
    position:static;
    top:0;
    left:0;
    right:0;
    }
    .sticky-nav__main-menu-spacer, 
    .sticky-nav__main-sub-menu-spacer, 
    .sticky-nav__main-sub-menu-spacer--no-shadow,
    .sticky-nav__main-sub-team-menu-spacer {
        margin-top:0;
    }
}
 
/*** page loading ***/

#loading-symbol {
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.center-of-screen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/*** Main Menu (Sport Selection) ***/

.main-menu__container {
    width: 100%;
    background-color: #2D2D2D;
    box-shadow: 0px 3px 3px grey;
} 
.main-menu__wrap {
    margin: 0px auto;
    padding: 0;
    max-width: 1100px; 
    height: 60px;
}
nav.main-menu__nav {
    background-color: #2D2D2D;
    position: relative;
    z-index: 5000;
}
nav.main-menu__nav a {
    color: white;
    text-decoration: none;
}
nav.main-menu__nav .menu {
    list-style-type: none;
}
nav.main-menu__nav ul li a.logo-main-large {
    width:120px;
    height:60px;
    padding: 3px 10px 3px 7px;
    order: 0;
}
nav.main-menu__nav .item {
    padding:  10px;
}
nav.main-menu__nav .item a:hover,
nav.main-menu__nav .item a:hover::after {
    color: #999;
}

/* Mobile menu */
nav.main-menu__nav .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
nav.main-menu__nav .menu li a {
    display: block;
    padding: 10px 5px;
}
nav.main-menu__nav .item {
    order: 3;
    width: 100%;
    text-align: center;
    display: none;
}
/* responsive not the same as active links */
nav.main-menu__nav .active .item {
    display: block;
} 
nav.main-menu__nav .toggle {
    order: 1;
    font-size: 20px;
    padding-right: 20px;
}

/* Desktop menu */
@media all and (min-width: 768px) {
    nav.main-menu__nav .menu {
        align-items: flex-start;
        flex-wrap: nowrap;
        background: none;
    }
    nav.main-menu__nav .menu li a {
        display: block;
        padding: 0;
    }
    nav.main-menu__nav .item {
        order: 1;
        position: relative;
        display: block;
        width: 100px;
        height:60px;
    }
    nav.main-menu__nav .item a {    
        border-bottom: 3px solid transparent;
    }
    /* current */
    nav.main-menu__nav .item a.current {    
        border-bottom: 3px solid #B6862D;
    }
    nav.main-menu__nav .item a.social-twitter {
        width: 26px;
        height: 26px;
        padding: 7px 0px; 
    }
    nav.main-menu__nav .toggle {
        display: none;
    }
}

/*** Sub Menu (sport pages navigation)  ***/

.sub-menu__container {
    width:100%;
    background-color:#fff;
    box-shadow: 0px 3px 3px grey;
}
.sub-menu__wrap {
    margin: 0 auto;
    max-width:1100px;
    height:44px;
    background-color:#fff;
}
nav.sub-menu__nav {
    min-width: 375px;
    z-index: 4000;
}

/* 1st level */
nav.sub-menu__nav > ul {
    list-style:none;
	position:relative;
	float:left;
}
nav.sub-menu__nav > ul > li.item {
	position:relative;
	float:left;
}
nav.sub-menu__nav > ul > li.item > a {
    display:block;
    cursor: pointer;
}
nav.sub-menu__nav > ul > li.item > a.active {
    border-bottom: 3px solid blue;
}
nav.sub-menu__nav > ul > li.item > a.two-rows {
    padding: 6px 9px 5px 9px;
    font-size:12px;
}
nav.sub-menu__nav > ul > li.item > a.drop-down {
    padding: 11px 9px 0px 9px;
    font-size:13px;
}
nav.sub-menu__nav > ul > li.item > a.drop-down--two-rows {
    padding: 5px 9px 0px 9px;
    font-size:12px;
    line-height:12px;
}
nav.sub-menu__nav > ul > li.item > a:focus,
nav.sub-menu__nav > ul > li.item > a:hover {
    color:#b49543;  
}
/* regular item */
nav.sub-menu__nav > ul > li.regular > a {
    color:#333;
    font-size:14px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 13px 9px;
    border-bottom: 3px solid transparent;
}
/* sport/season item */
nav.sub-menu__nav li.season {
    border-right:2px solid grey;
    width:120px;
}
nav.sub-menu__nav li.season > a {
    border: 0;
    color:black;
    font-size:14px;
    font-weight:bold;
    line-height:16px;
    padding:6px 10px;
    font-family: tahoma,sans-serif;
}

/* nav.sub-menu > ul > li > a:focus-within + ul, 
nav.sub-menu > ul > li > a.seasons:focus-within + ul */

/* click for submenu - (+ ul) display first ul after the anchor ( > ul ) display all of the next level ULs  */
/* @media (hover: hover) {
    nav.sub-menu__nav > ul > li:hover > ul, 
    nav.sub-menu__nav > ul > li:focus > ul {
        display: block;
        visibility: visible; 
    }
} */

/* 2nd level menus */
nav.sub-menu__nav .drop-menu {
    display: none ;
    visibility: hidden;
    list-style:none;
    position:absolute;
	top:100%;
	left:0;
	background:#fff;
    z-index: 1000;
    font-size:12px;
    padding: 10px 0;
    border: 1px solid #d5dbdb;
    border-radius: 4px;
	box-shadow: 0 6px 6px 0 rgb(0 0 0 / 26%), 0 10px 20px 0 rgb(0 0 0 / 19%);
}
nav.sub-menu__nav .drop-down-active .drop-menu {
    display: block ;
    visibility: visible;
}
nav.sub-menu__nav .drop-menu.left {
	left:0;
    right:auto;
}
nav.sub-menu__nav .drop-menu.right {
	left:auto;
    right:0;
}
nav.sub-menu__nav .drop-menu > li.menu-heading {
	padding: 5px 0px 2px 0px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    background-color: #efefef;
}
nav.sub-menu__nav > ul > li > ul .heading{
    text-align:center;
	padding:2px 10px;
    background-color:#BBB;
    border-top: solid 3px black;
    border-bottom: solid 3px black;
}
nav.sub-menu__nav > ul > li > ul > li {
	position:relative;
    float:none;
}
nav.sub-menu__nav > ul > li > ul > li > a {
    display:block;
    color:#333;
    font-size:12px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:left;
	padding: 8px 10px;
	width:200px;
    cursor: pointer;
}
/* seasons */
nav.sub-menu__nav > ul > li > ul > li.seasons {
	width:120px;
}
nav.sub-menu__nav > ul > li > ul > li > a.seasons{
    text-align:center;
	padding: 5px 5px;
    font-size: 12px;
	width:118px;
}
nav.sub-menu__nav > ul > li > ul > li > a:focus,
nav.sub-menu__nav > ul > li > ul > li > a.seasons:focus,
nav.sub-menu__nav > ul > li > ul > li > a:hover,
nav.sub-menu__nav > ul > li > ul > li > a.seasons:hover {
	background-color: #ebebeb;
    color: #b49543; ;
}
/* open a third level menu on hover */
nav.sub-menu__nav > ul > li > ul > li:hover > ul, 
nav.sub-menu__nav > ul > li > ul > li:focus > ul {
    display: block;
    visibility: visible;
}

/* third level menus */
nav.sub-menu__nav .third-menu-active .third-menu {
    display: block ;
    visibility: visible;
}
nav.sub-menu__nav > ul > li > ul > li > ul.third-menu {
    display: none;
    visibility: hidden;
    list-style:none;
    position:relative;
	top:100%;
	left:0;
	background:#ebebeb;
    z-index: 1000;
    font-size:12px;
    margin: 0 10px 5px 10px;
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
    border-right: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;    
}
nav.sub-menu__nav > ul > li > ul > li > ul > li {
	position:relative;
    float:none;
}
nav.sub-menu__nav > ul > li > ul > li > ul > li > a {
    display:block;
    color:#333;
    font-size:12px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:left;
	padding: 6px 8px;
}
nav.sub-menu__nav > ul > li > ul > li > ul > li.third-menu-active > a {
    background:#ebebeb;
}
nav.sub-menu__nav > ul > li > ul > li > ul > li > a:focus,
nav.sub-menu__nav > ul > li > ul > li > ul > li > a:hover {
	background-color: #ebebeb;
    color: #b49543; ;
}
nav.sub-menu__nav > ul > li > ul > li > ul.third-menu > li.menu-heading {
	padding: 3px 0px 1px 0px;
    margin: 0 5px;
    font-weight: bold;
    border: 1px solid grey;
    border-radius: 10px;
    background-color: white;
}

/*** team nav menu ***/

.team-menu__container {
    width:100%;
    background-color:#efefef;
    border-top: 1px black solid;
    box-shadow: 0px 3px 3px grey;    
}
.team-menu__wrap {
    position: relative;
    margin:0 auto;
    max-width: 1100px;
    height: 100px;
    background-color:#efefef;
    display: flex;
    flex-wrap:nowrap; 
}
/* mobile */
.team-menu__image-container {
    position: absolute;
    top:0;
    left:0;
    height:60px;
    width: 60px;
    margin: 0 20px;
    padding: 5px;
}
.team-menu__image {
    width:100%;
    height:100%;
    border:0;
}
.team-menu__name-container {
    position: absolute;
    top:0;
    left:100px;
    height: 60px;
    width: 250px;
    text-align: left;
    font-family: Tahoma, Verdana, sans-serif;
    float:left;
}
.team-menu__name {
    float:left;
    width: 100%;
    height: 30px;   
    font-size: 16px; 
    font-weight: bold;
    padding: 8px 10px 6px 0px; 
}
.team-menu__mascot {
    display:none;
}
.team-menu__record {
    font-size: 12px; 
    font-weight: normal;
}
.team-menu__conference {
    float: left;
    height: 30px;  
    width:100%; 
    font-size: 14px; 
    font-weight: normal;
    padding: 2px 10px 14px 0px; 
}
.team-menu__rank-container {
    display:none;
}
nav.team-menu__nav {
    position: absolute;
    bottom:0;
    left:0;
    height:40px;
    max-width: 100%;
    min-width: 350px;
    padding: 0px 20px;
}

/* desktop */
@media all and (min-width: 768px) {
    .team-menu__image-container {
        position: absolute;
        top:0;
        left:0;
        width: 100px;
        height: 100px;
        margin: 0 20px;
        padding: 10px;
    }
    .team-menu__name-container {
        position: absolute;
        top:0;
        left:140px;
        height: 60px;
        width: 400px;
        font-family: Tahoma, Verdana, sans-serif; 
        float:left;
    }
    .team-menu__mascot {
        display: inline;
    }
    .team-menu__rank-container {
        position: absolute;
        top:0;
        left:550px;
        height: 60px;
        padding: 0px 10px;
        max-width: 100%;
        font-family:  Tahoma, Verdana, sans-serif;
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        flex: 0 0 auto;
        overflow: hidden; 
    }
    .team-menu__rank-live {
        flex: 0 0 200px;
        margin: 5px 0 9px 0;
        height: 46px; 
        background-color:white;
        text-align:center; 
        color: black;
        font-size: 11px;
        border: solid 2px black;
        border-radius: 10px;
    }
    .team-menu__rank-live-header {
        width: 100%; 
        padding: 0 20px;
        height: 12px; 
        line-height:12px; 
        font-size: 10px;
        font-weight:bold;
        border-bottom: black 1px solid;
    }
    .team-menu__rank-live-row2 {
        height: 30px;
        width:100%;
    }
    #div-rpi-live-content {
        float: left;
        height: 100%;
        margin:0 5px;
        line-height: 30px; 
        width: 75px; 
        overflow: hidden; 
        transition: background 3s ease 0s; 
        background-color: rgb(238, 238, 238);
    }
    #span-rpi {
        font-size: 22px; 
        font-weight: bold; 
        transition: font-size 2s ease 0s; 
        color: black;
    }
    .team-menu__rank-live-move {
        float: left;
        height: 100%;
        width: 110px;
        border-left: black 1px solid;
        padding:2px 0; 
        line-height: 12px;
        font-size:11px; 
    }
    #span-rpi-move {
        color:black;
        font-weight:bold;
    }
    #span-rpi-move-date {
        font-size: 10px;
    }
    nav.team-menu__nav {
        position: absolute;
        bottom:0;
        left:140px;
        height:40px;
        flex: 0 0 auto;
        padding: 0px 5px;
    }
}
nav.team-menu__nav .team-drop-down-active .drop-menu {
    display: block ;
    visibility: visible;
}
nav.team-menu__nav .drop-menu.left {
	left:0;
    right:auto;
}
nav.team-menu__nav .drop-menu.right {
	left:auto;
    right:0;
}
nav.team-menu__nav ul {
    list-style:none;
    position:relative;
	float:left;
}
nav.team-menu__nav ul li {
	position:relative;
	float:left;
}
nav.team-menu__nav ul li a {
    display:block;
    color:black;
    font-size:12px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
nav.team-menu__nav ul li a {
    padding: 11px 10px;
    border-bottom: 3px solid transparent;
}
nav.team-menu__nav ul li a.active {
    border-bottom: 3px solid black;
}
nav.team-menu__nav ul li a.two-rows {
    padding: 4px 10px 3px 10px;  
}
nav.sub-menu__nav > ul > li > a.drop-down {
    cursor: pointer;  
}
nav.team-menu__nav ul li a:focus,
nav.team-menu__nav ul li a:hover {
    color:#b49543;  
}
/* nav.team-menu > ul > li > a:focus-within + ul, 
nav.team-menu > ul > li > a.seasons:focus-within + ul */

/* click for submenu - (+ ul) display first ul after the anchor ( > ul ) display all of the next level ULs 
nav.team-menu__nav > ul > li:hover > ul, 
nav.team-menu__nav > ul > li:focus > ul {
    display: block;
    visibility: visible;
}*/

/* 2nd level menus */
nav.team-menu__nav > ul > li > ul {
    display:none;
    visibility: hidden;
    list-style:none;
    position:absolute;
	top:100%;
	left:0;
	background:#fff;
    z-index: 1000;
    font-size:12px;
    padding: 10px 0;
    border: 1px solid #d5dbdb;
    border-radius: 4px;
	box-shadow: 0 6px 6px 0 rgb(0 0 0 / 26%), 0 10px 20px 0 rgb(0 0 0 / 19%);
}
nav.team-menu__nav > ul > li > ul > li {
	position:relative;
    float:none;
}
nav.team-menu__nav > ul > li > ul > li > a {
    display:block;
    color:#333;
    font-size:12px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:left;
	padding: 8px 10px;
	width:200px;
}
nav.team-menu__nav > ul > li > ul > li > a:focus,
nav.team-menu__nav > ul > li > ul > li > a:hover {
	background-color: #ebebeb;
    color: #b49543; ;
}
/* nav.team-menu__nav > ul > li > ul > li:hover > ul, 
nav.team-menu__nav > ul > li > ul > li:focus > ul {
    display: block;
    visibility: visible;
} */


/* .team-menu__rank-container { 
    diplay flex on desktop */


/*** conference nav menu ***/

.conf-menu__container {
    width:100%;
    background-color:#efefef;
    border-top: 1px black solid;
    box-shadow: 0px 3px 3px grey;    
}
.conf-menu__wrap {
    margin:0 auto;
    max-width: 1100px;
    height: 100px;
    background-color:#efefef;
    display: flex;
    flex-wrap:nowrap; 
}
/* mobile */
.conf-menu-left {
    position:relative;
    height: 100%;
    min-width:350px;
    max-width: 550px;
}
.conf-menu-right {
    display:none;
}
.conf-menu__image-container {
    position: absolute;
    top:0;
    left:0;
    height:60px;
    width: 60px;
    margin: 0 20px;
    padding: 5px;
}
.conf-menu__image {
    width:100%;
    height:100%;
    border:0;
}
.conf-menu__name-container {
    position: absolute;
    top:0;
    left:100px;
    padding: 18px 10px 18px 30px;
    height: 60px;
    width: 250px;
    text-align: left;
    font-family: Tahoma, Verdana, sans-serif; 
    font-size: 20px; 
    font-weight: bold;
}
nav.conf-menu__nav {
    position: absolute;
    bottom:0;
    left:0;
    height:40px;
    max-width: 400px;
    min-width: 350px;
    padding: 0px 20px;
}
/* in between */
@media all and (min-width: 640px) {
    .conf-menu-right {
        flex-grow: 1;
        display: flex;
        flex-wrap: wrap; 
        justify-content: center;
    }
}
/* desktop */
@media all and (min-width: 768px) {
    .conf-menu-left {
        position:relative;
        height: 100%;
        width:550px;
    }
    .conf-menu-right {
        flex-grow: 1;
        display: flex;
        flex-wrap: wrap; 
        justify-content: center;
    }
    .conf-menu__image-container {
        position: absolute;
        top:0;
        left:0;
        width: 100px;
        height: 100px;
        margin: 0 20px;
        padding: 10px;
    }
    .conf-menu__name-container {
        position: absolute;
        top:0;
        left:140px;
        padding: 18px 10px 18px 30px;
        height: 60px;
        width: 300px;
        text-align: left;
        font-family: Tahoma, Verdana, sans-serif; 
        font-size: 20px; 
        font-weight: bold;
    }
    nav.conf-menu__nav {
        position: absolute;
        bottom:0;
        left:140px;
        height:40px;
        width:400px;
        padding: 0px 5px;
    }
}
nav.conf-menu__nav ul {
    list-style:none;
    position:relative;
	float:left;
}
nav.conf-menu__nav ul li {
	position:relative;
	float:left;
}
nav.conf-menu__nav ul li a {
    display:block;
    color:black;
    font-size:12px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
nav.conf-menu__nav ul li a {
    padding: 11px 10px;
    border-bottom: 3px solid transparent;
}
nav.conf-menu__nav ul li a.active {
    border-bottom: 3px solid black;
}
nav.conf-menu__nav ul li a.two-rows {
    padding: 4px 10px 3px 10px;  
}
nav.conf-menu__nav ul li a:focus,
nav.conf-menu__nav ul li a:hover {
    color:#b49543;  
}
/* conf data blocks*/
.conf-menu__info-container {
    flex: 0 0 110px;
    margin: 7px 10px 0 0; 
    height:41px;  
    background-color:white;
    text-align:center; 
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    border: solid 2px black;
    border-radius: 15px;
}
.conf-menu__info-container.large {
    flex: 0 0 160px; 
}
.conf-menu__info-heading {
    height:15px;
    line-height:15px;
    color: black;
    font-size: 12px;
    font-weight: normal;
}
.conf-menu__info-data {
    height:22px; 
    line-height:22px; 
    color: black; 
    font-family: Tahoma; 
    font-size: 18px; 
    font-weight: bold;
}
.conf-menu__info-data.small {
    font-size: 13px; 
}

/*** footer ***/ 

 .footer__wrap {
    width: 100%;
    margin: 0;
    padding:0;
    background-color: #2D2D2D;
    box-shadow: 0px -3px 3px grey;
}
.footer__notes {
    margin:0 auto;
    padding: 10px 0px;
    min-width:320px;
    color:white;
}
.footer__notes a {
    text-decoration:none;
    color: #EEE;
}
.footer__ad-container {
    margin-bottom:10px;
    width:100%;
    text-align:center;
}

/*** main body ***/
h1{
    display: block;
    font-size: 2em;
    font-weight: bold;
    padding: 10px 0px;
}
h2{
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    padding: 7px 0px;
}
h2.align-left {  
    margin-right:auto;
    padding-left: 10px;
} 
h2.section-title {
    width:100%;
    text-align:left;
    padding:20px 10px 10px 10px;
}
h3{
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    padding: 7px 0px;
}
h3.align-left {  
    margin-right:auto;
    padding-left: 10px;
} 
.subtitle {
    padding: 3px 0px;
    font-size: 1em;
}
.stats-definition-title {
    padding: 17px 0px;
    font-size: 1.25em;
}
.key-container {
    width: 100%;
    padding: 3px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.key-label {
    flex: 0 0 auto;
    margin: 3px 20px 3px 0px;
    align-self: flex-start;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}
.key-info {
    flex: 0 0 auto;
    margin: 3px 20px 3px 0px;
    align-self: flex-start;
    line-height: 20px;
    font-size: 12px;
}
.key-subdivision {
    flex: 0 1 auto;
    flex-wrap: wrap;
    margin: 0;
    display:flex;
}

#container-x {
    width:100%;
    background-color: #F0F0FA;
    font-family: Tahoma;
    font-size:12px;
    text-align:center;
    height: auto;
}
.main-body-x {
    margin:0px auto;
    max-width:1100px;
    background-color: #F0F0FA;
    display: flex;
    justify-content: space-evenly;
    flex-flow: wrap;
    z-index: 3000;
}
 /* main body row types */
.main-body-row-flex-wrap {
    max-width:1100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
}
.main-body-row-flex-left-wrap {
    max-width:1100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.main-body-row-flex-scroll {
    width:1100px;
    display: flex;
 /*   justify-content: flex-start; 
    align-items: flex-start; */
    overflow-x: scroll;
}
.main-body-row__flex-scroll-column {
    flex: 0 0 auto;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
}

.main-body-row-float {
    float: left;
    width:100%;
    text-align: left;
    padding: 10px;
}
/* generic title row to work with main body row types */
.title-row {
    text-align: left;
    padding: 10px;
    border-bottom: 2px solid grey;
}
.main-body-title-row {
    float: left;
    width:100%;
    text-align: left;
    padding: 10px;
    border-bottom: 2px solid grey;
}
.main-body-row__title--no-border {
    float: left;
    width:100%;
    text-align: left;
    padding: 10px;
}
/* generic key row to work with main body row types */
.key-row {
    text-align: left;
    padding: 10px;
    border-bottom: 2px solid grey;
}
.main-body-key-row {
    float: left;
    width:100%;
    text-align: left;
    padding: 10px;
    border-bottom: 2px solid grey;
}

/*** In page menu bar ***/

.in-page-menu {  
    width: 100%;
    min-width: 320px;
    border-bottom: 1px grey solid;
} 
.in-page-menu.top-row {  
    border-top: 1px grey solid;
} 
.in-page-menu ul {  
    padding: 3px 0px;  
    float: left;    
}  
.in-page-menu ul li {  
    display: inline;
}  
.in-page-menu ul li a {  
    float: left;
    text-decoration: none;
    color: black;
    margin:3px 5px;
    padding: 5px 15px;
    border:solid 2px black;
    border-radius: 15px;
    background-color: white;
}   
.in-page-menu ul li a:visited{  
    color: black;
}  
.in-page-menu ul li a:hover,
.in-page-menu ul li a:focus
{  
    font-weight: normal;
    color:#0b75b2;  
    border : solid 2px #0b75b2;
    border-radius: 15px;
}
.in-page-menu ul li a.current{  
    font-weight: normal;
    color: #fff;  
    background-color:#0b75b2;
    border : solid 2px black;
    border-radius: 15px;
}
.in-page-menu ul li a.conference-link {  
    width:150px;
    text-align: center;
}   

/*** Logo+Team Name Logo+Conf Name ***/

.logo-name-container{
    display:flex;
    align-items:center;
}
.logo-name-container-fixed-width {
    display:flex;
    align-items:center;
    flex: 0 0 175px;
}
.logo-subcontainer {
    width:35px; 
    padding: 3px; 
    text-align:center;
}
.name-subcontainer {
    margin-left:5px;
    text-align: left;
}

/*** Flex Boxes ***/

/* Full Width */
.full-width-box-x {
    flex: 1 0 auto;
    margin: 20px 10px;
    align-self: flex-start;
}
/* Calendar */
.title-scoreboard-box-x {
    flex: 0 0 auto;
    margin: 10px 10px;
    width: 375px;
    align-self: flex-start;
}
.title-calendar-box-x {
    flex: 0 0 auto;
    margin: 10px 10px;
    width: 250px;
    align-self: flex-start;
}
/* Poll Box - vary 350 to 450 */
.poll-box-x {
    flex: 1 1 auto;
    margin: 20px 10px;
    min-width: 350px;
    max-width: 450px;
    align-self: flex-start;
}
/* AutoBid Box - vary 350 to 450 */
.autobid-box-x {
    flex: 1 1 auto;
    margin: 20px 10px 0px 10px;
    min-width: 350px;
    max-width: 450px;
    align-self: flex-start;
}
/* Predict winner Box - vary 400 to 500 */
.predict-winner-box-x {
    flex: 1 1 auto;
    margin: 5px 5px 15px 5px;
    min-width: 400px;
    max-width: 500px;
    align-self: flex-start;
    border: 1px solid black;
    border-radius: 10px;
    overflow:hidden;
}

/* Simulations Boxes */

/* regional simulation Box - vary 350 to 450 */
.simulation__regional-box {
    flex: 1 1 auto;
    margin: 20px 10px 10px 10px;
    min-width: 350px;
    max-width: 450px;
    align-self: flex-start;
    border-radius: 15px;
    background-color: #FFFFFF;
    font-family: Droid Serif, sans-serif;
    overflow: hidden;
    box-shadow: 0 3px 10px rgb(0 0 0 / .2);
}
.simulation__regional-box.complete {
    background-color: #00a4ff20;
    /* background-color: #D5F5E3; */
}
.simulation__regional--title {
    margin: 0;
    padding: 5px 0;
    text-align: center;
    font-size: 14px; 
    font-weight: bold;
    line-height: 20px;  
    background-color: #2A4E75;
    background-image: linear-gradient(#4187CE, #2A4E74);
    color:white;
    font-family: Open sans, Helvetica,Arial,sans-serif ;
}
.simulation__regional--table {
    width:100%; 
    text-align:center;
    margin: 5px 0;
}
.simulation__regional--table th {
    text-align: center;
    font-size: 12px; 
    font-weight: bold;
    line-height: 18px;
}
.simulation__regional--table td {
    text-align: center; 
    font-size: 12px; 
    font-weight: normal;
    line-height: 18px;
}
.simulation__regional--checkmark {
    color: #003dff;
    /* color:green; */ 
    font-weight:bold; 
    font-size:15px;
}

/* Stats Menu Boxes */

/* (300 max) use this to hold accordion menu on stat pages */
.stats-menu-box-x {
    flex: 1 1 auto;
    margin: 20px 10px;
    max-width: 300px;
    align-self: flex-start;
    text-align: left;
}
/* use as main menu page - single for mobile - split for desktop */
.stats-menu-box-single {
    display: block;
    flex: 1 1 auto;
    margin: 20px 10px;
    max-width: 300px;
    align-self: flex-start;
    text-align: left;
}
.stats-menu-box-split {
    display: none;
}

@media all and (min-width: 660px) {
    .stats-menu-box-single {
        display: none;
    }
    .stats-menu-box-split {
        display: block;
        flex: 0 0 300px;
        margin: 20px 10px;
        align-self: flex-start;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 3px 10px rgb(0 0 0 / .2);
    }
}

/* Stats Box - vary 350 to 450 */
.stats-box-x {
    flex: 1 1 auto;
    margin: 20px 10px;
    min-width: 350px;
    max-width: 450px;
    align-self: flex-start;
}


/*** Teams & Conferences Lists ***/

.teams-list__container {
    display: flex;
    flex-wrap:wrap;
    border:1px solid black;
    border-radius: 15px;
    background:white;
    margin:10px;
    padding:5px;
    font-family: Arial, Helvetica, sans-serif;
}
.teams-list__conf-title {
    flex: 0 0 100%;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    padding:15px 5px 5px 20px;
    border-bottom:1px solid grey;
}
/* mobile - number of teams sets height */
.conferences-list__container {
    display: flex;
    flex-direction: column;
    flex-wrap:wrap;
    width:100%;
    border:1px solid black;
    border-radius: 15px;
    background:white;
    margin:10px;
    padding:5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
}
.conferences-list__info-block {
    width: 220px;
    margin: 0px 10px 20px 0px;
    display: flex;
    flex-wrap: wrap;
}
.conferences-list__links {
    width:220px;
    font-size:12px;
    line-height:25px;
    padding:0px 0px 0px 35px;
}
/* max height = (confs * 80) + 10 padding
where 'confs' is the total conferences divided by the number of columns,
then perform a ceiling function (go up to next highest integer) */
 
/* min width = (total cols * 230) + 42 margin/border/pad 
min width 2 cols = (2 * 230) + 42 = 502px 
min width 3 cols = (3 * 230) + 42 = 732px
min width 4 cols = (4 * 230) + 42 = 962px */

/* 1 column */
.conf-height--33-teams {
    max-height:2650px;
}
.conf-height--32-teams {
    max-height:2570px;
}
.conf-height--14-teams {
    max-height:1130px;
}
.conf-height--12-teams {
    max-height:970px;
}
/* 2 columns */
@media all and (min-width: 510px) {
    .conf-height--33-teams {
        max-height:1370px;
    }
    .conf-height--32-teams {
        max-height:1290px;
    }
    .conf-height--14-teams {
        max-height:570px;
    }
    .conf-height--12-teams {
        max-height:490px;
    }
}
/* 3 columns */
@media all and (min-width: 740px) {
    .conf-height--33-teams {
        max-height:970px;
    }
    .conf-height--32-teams {
        max-height:890px;
    }
    .conf-height--14-teams {
        max-height:410px;
    }
    .conf-height--12-teams {
        max-height:330px;
    }
}
/* 4 columns */
@media all and (min-width: 970px) {
    .conf-height--33-teams {
        max-height:730px;
    }
    .conf-height--32-teams {
        max-height:650px;
    }
    .conf-height--14-teams {
        max-height:330px;
    }
    .conf-height--12-teams {
        max-height:250px;
    }
}

/*** statbox ***/

.statbox-x {
    flex: 0 0 auto;
    margin: 10px 10px;
    width: 350px;
    display: table;
    table-layout: fixed;
    align-self: flex-start;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgb(0 0 0 / .2);
}
.statbox-x-header {
    display: table-caption;
    font-weight: bold;
    padding: 7px;
    /* line-height: 30px; */
    text-align: center;
    color: white;
    background-color: #2A4E75;
    background-image: linear-gradient(#4187CE, #2A4E74);
}
.statbox-x-row {
    display: table-row;
    text-align: left;
    background-color: white;
    font-size: 12px;
    font-weight: normal;
}
.statbox-x-cell {
    display: table-cell;
    padding: 10px;
}
.statbox-x ul {
    margin: 0;
    padding: 0;
}
.statbox-x ul li {
    list-style-type: none;
}
.statbox-x ul li.title {
    font-weight: bold;
    padding-bottom: 5px;
}

/*** Stats-Menu ***/

.stats-menu-header {
    background: linear-gradient(to bottom, #4085CA, #2A4E75);
    background-color: #2A4E75;
    color: white;
    font-size:14px;
    font-weight:bold;
    padding: 10px 25px;
    text-align: center;
}
.stats-menu-content  {
    padding: 5px 0px;
   /*  text-indent: 10px;  
   text-align: justify; */
    line-height:22px;
    font-size:16px;
    background-color: #fff;
    text-align: left;
}
.stats-menu-content ul {
  list-style-type:none;
  margin: 0;
  padding: 10px 25px;
}
.stats-menu-content ul li a {
  text-decoration:none;
  font-size:14px;
  font-weight:normal;
}
.stats-menu-content ul li a:hover {
  text-decoration:underline;
  font-size:14px;
  font-weight:normal;
}

/*** Accordion Menu ***/

input.accordion,
.accordion-content {
    display: none;
}
label.accordion,
input.accordion:checked + .accordion-content {
    display: block;
}
label.accordion  {
    cursor: pointer;
    background: linear-gradient(to bottom, #4085CA, #2A4E75);
    color: #fff;
    font-size:14px;
    font-weight:bold;
    padding: 10px 25px;
    border: 1px solid #000;
    margin-top: -1px;
}
label.accordion:hover {
    background: linear-gradient(to bottom, #2A4E75, #4085CA);
}
article.accordion-content ul {
  list-style-type:none;
  margin: 0;
  padding: 10px 25px;
}
article.accordion-content ul li a {
  text-decoration:none;
  font-size:14px;
  font-weight:normal;
}
article.accordion-content ul li a:hover {
  text-decoration:underline;
  font-size:14px;
  font-weight:normal;
}
.accordion-content  {
    padding: 5px 0px;
   /*  text-indent: 10px;  
   text-align: justify; */
    border: 1px solid #000;
    border-top: none;
    line-height:22px;
    font-size:16px;
    background-color: #fff;
}

/*** button - jump to top ***/

/* on mobile move button above sticky ads (up 100 px) */
#btn-JumpToTop {
    display: none;
    position: fixed;
    bottom: 125px;
    right: 0px;
    z-index: 99000;
    height: 70px;
    width: 35px;
    border: 2px rgb(54, 54, 54) solid;
    border-right: 0;
    outline: none;
    background-color: rgba(128,128,128,.7);
    color: white;
    cursor: pointer;
    border-radius: 10px 0 0 10px;
    padding: 2px;
}
#btn-JumpToTop:hover {
    background-color: #555;
}

@media all and (min-width: 660px) {
    #btn-JumpToTop {
        display: none;
        position: fixed;
        bottom: 30px;
        right: 0px;
        z-index: 99000;
        height: 75px;
        width: 35px;
        border: 2px rgb(54, 54, 54) solid;
        border-right: 0;
        outline: none;
        background-color: rgba(128,128,128,.7);
        color: white;
        cursor: pointer;
        border-radius: 10px 0 0 10px;
        padding: 2px;
    }
}

/*** button - Team Sheets Min max ***/

.button-ts-min-max {
    background-color: #efefef;
    color: black;
    font-size: 14px;
    padding: 7px 25px;
    margin: 10px;
    border-radius: 15px;
    opacity: 1;
    transition: 0.3s;
    cursor: pointer; 
    box-shadow: 0 6px 6px 0 rgb(0 0 0 / 26%), 0 10px 20px 0 rgb(0 0 0 / 19%);  
}
.button-ts-min-max:hover {
    background-color: #ccc;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 26%), 0 5px 10px 0 rgb(0 0 0 / 19%);  
}

/*** button - link to another page ***/

.button__page-link {
    background-color: #efefef;
    color: black;
    font-size: 12px;
    padding: 7px 25px;
    margin: 10px;
    border-radius: 15px;
    opacity: 1;
    transition: 0.3s;
    cursor: pointer; 
    border: 1px black solid;
    box-shadow: 0 6px 6px 0 rgb(0 0 0 / 26%), 0 10px 20px 0 rgb(0 0 0 / 19%);
}
.button__page-link:hover {
    background-color: #ccc;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 26%), 0 5px 10px 0 rgb(0 0 0 / 19%);   
}

/*** Conference Weekly Schedule ***/

.conf-sched__daily-group {
    margin: 20px 10px 0 10px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.conf-sched__date {
    margin: 24px 0 8px 0;
    text-transform: uppercase;
    font-size: 16px;
    min-height: 34px;
    font-family: All-ProSans,Helvetica,Arial,sans-serif;
}
.conf-sched__game-container {
    margin-top: 8px;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    align-items: stretch;
    justify-content: flex-start;
    height: 70px;
    max-height: 70px;
    min-height: 70px;
    width: 100%;
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
    font-size: 14px;
    font-family: All-ProSans,Helvetica,Arial,sans-serif;
}
.conf-sched__game-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85px;
    font-weight: bold;
}
.conf-sched__conference-game {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 4px;
    width: 15px;
    font-size: 10px;
}
.conf-sched__matchup {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    max-width: 800px;
    min-width: 180px;
}
.conf-sched__team--road {
    display:flex;
    align-items: center;
    width: 47%;
    flex-direction: row-reverse;
    font-size: 16px;
}
.conf-sched__team--home {
    display:flex;
    align-items: center;
    width: 47%;
    font-size: 16px;
}
.conf-sched__game-location {
    padding: 0 15px;
    font-size: 16px;
    font-weight: bold;
}
.conf-sched__score {
    font-size: 20px;
    font-weight: bold;
    min-width: 32px;
    text-align: center;
}
.conf-sched__team-name {
    font-size: 14px;
    min-width: 32px;
    text-align: center;
}
/* .conf-sched__team-name--full {
    padding-right: 16px;
    font-size: 16px;
}
.conf-sched__team-name--short {
    font-size: 14px;
    text-transform: uppercase;
} */
.conf-sched__team-logo {
    width: 40px;
    padding: 0 5px;
}
.conf-sched__team-record {
    display:none;
    font-size: 14px;
    padding: 0 8px;
}
.conf-sched__team-logo {
    display:none;
    width: 40px;
    padding: 0 5px;
}
/* 375px mobile */
@media all and (min-width: 375px) {
    .conf-sched__team-logo {
        display:block;
        width: 40px;
        padding: 0 5px;
    }
    
}
/* desktop */
@media all and (min-width: 768px) {
    .conf-sched__game-container {
        margin-top: 8px;
        display: flex;
        flex-flow: row wrap;
        flex-grow: 1;
        align-items: stretch;
        justify-content: flex-start;
        height: 50px;
        max-height: 50px;
        min-height: 50px;
        width: 100%;
        background-color: #fff;
        color: #333;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
        overflow: hidden;
        font-size: 14px;
        font-family: All-ProSans,Helvetica,Arial,sans-serif;
    }
    .conf-sched__game-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 185px;
        font-weight: bold;
    }
    .conf-sched__team-name {
        font-size: 16px;
        min-width: 32px;
        text-align: center;
    }
    .conf-sched__team-record {
        display: none;
        font-size: 14x;
        padding: 0 8px;
    }    
}
/* in between */
@media all and (min-width: 900px) {
    .conf-sched__team-record {
        display: block;
        font-size: 14px;
        padding: 0 8px;
    }    
}



/*** Team Sheets / Nitty Gritty ***/

/* Small */
.ts-small-container {
    width: 215px;
    margin-right: 5px; 
    margin-bottom: 5px;
    font-size: 12px;
    color: black;
    background-color: white;
    border: 1px solid black;
    float: left;
}
.ts-small-toggle {
    width: 22px;
    padding: 8px 4px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    float: left;
}
.ts-small-rank {
    width: 35px;
    padding: 7px 0px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    float: left;
}
.ts-small-teamname {
    width: 156px;
    padding: 0;
    text-align: center; 
    font-size: 12px;
    font-weight: bold;
    float: left;
}
.ts-small-conference {
    font-size: 12px;
    font-weight: normal;
}
/* Normal */
.ts-wrapper {
    width: 100%;
    margin: 10px 5px;
}
.ts-container {
    width: 100%;
    outline: 1px solid black;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}
.ts-full-width{
    flex: 0 0 100%;
    justify-content: center;
    display: flex;
}
.ts-half-width{
    flex: 0 0 50%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.ts-flex-size-0 {
    flex: 1 auto;
    background-color: white;
    outline: 1px solid black;
    min-width: 0px;
    padding: 2px 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.ts-flex-size-1 {
    flex: 1 auto;
    background-color: white;
    outline: 1px solid black;
    min-width: 250px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.ts-flex-size-2 {
    flex: 1 auto;
    background-color: white;
    outline: 1px solid black;
    min-width: 350px;
    padding: 2px 2px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.ts-toggle {
    text-align:left;
    width: 25px;
    padding: 8px 4px;
    font-size:12px;
    font-weight:normal;
}
.ts-rank {
    width: 50px;
    padding: 14px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.ts-teamname {
    flex: 1 auto;
    padding: 0px 4px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.ts-title-full-width {
    flex: 0 0 100%;
    padding: 0px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.ts-title-half-width {
    flex: 1 50%;
    padding: 0px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.ts-title-right {
    flex: 1 auto;
    padding: 0px 6px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}
.ts-title-center {
    flex: 1 auto;
    padding: 0px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.ts-data-center {
    flex: 1 auto;
    padding: 0px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}
.ts-data-right {
    flex: 1 auto;
    padding: 0px 6px;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}
.ts-data-left {
    flex: 1 auto;
    padding: 0px 6px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}
.ts-narrow-title {
    display: block;
    font-weight: bold;
}
.ts-wide-title {
    display: none;
    font-weight: bold;
}
@media all and (min-width: 700px) {
    .ts-narrow-title {
        display: none;
        font-weight: bold;
    }
    .ts-wide-title {
        display: block;
        font-weight: bold;
    } 
}
/* Quadrants / Quads */
.ts-quad-container {
    width: 100%;
    outline: 1px solid black;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}
.ts-quad-flex-box {
    flex: 1 1 auto;
    min-width: 265px;
    max-width: 265px;
    padding: 5px 0px 10px 0px;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: flex-start;
}
.ts-quad-subdivision {
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin: 0;
    display: flex;
    justify-content: space-evenly;
}
.ts-quad-top-title {
    flex: 0 0 100%;
    padding: 3px 5px;
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
    display: flex;
}
.ts-quad-label-box{
    flex: 1 auto;
    flex-wrap: wrap;
    margin: 3px 5%;
    border: 2px solid black;
    border-radius: 10px;
    width: 90%;
    font-weight:bold;
    display: flex;
    overflow: hidden;
}
.ts-quad-title-center {
    flex: 1 auto;
    padding: 3px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.ts-quad-subtitle {
    flex: 0 0 100%;
    padding: 8px 5px 2px 5px;
    font-weight: bold;
    border-bottom: 1px solid black;
    justify-content: center;
    display: flex;
}

.ts-nitty-container {
    flex: 0 0 100%;
    flex-wrap: wrap;
    padding: 3px 0px;
    text-align: center;
    font-size: 10px;
    display: flex;
}
.ts-nitty-row {
    flex: 1 auto;
    flex-wrap: wrap;
    padding-top: 2px;
}
.ts-nitty-rank {
    float:left;
    font-size: 11px;
    width:20px;
    margin-right: 2px;
    text-align: center;
}
.ts-nitty-location {
    float:left;
    font-size: 11px;
    width:15px;
    margin-right: 2px;
    text-align: center;
}
.ts-nitty-opponent {
    float:left;
    font-size: 11px;
    width:140px;
    margin-right: 2px;
    text-align: left;
}
.ts-nitty-score {
    float:left;
    font-size: 11px;
    width:20px;
    margin-right: 2px;
    text-align: center;
}
.ts-nitty-score-span {
    float:left;
    font-size: 11px;
    width:44px;
    text-align: center;
}
.ts-nitty-date {
    float:left;
    font-size: 11px;
    width:40px;
    text-align: center;
}
.ts-nitty-nonconf {
    background-color: #00FFFF;
}
.ts-nitty-loss {
    background-color: red;
    color: white;
}
.ts-nitty-tie {
    background-color: yellow;
}
.ts-nitty-ot {
    background-color: #BFBFBF;
}


.ts-nitty-home {
    background-color: #00FF00;
}
.ts-nitty-road {
    background-color: #FF9B00;
}

.ts-big-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
}
.ts-big-type1 {
    flex: 1 1 auto;
    min-width: 100px;
    max-width:250px;
    align-self: flex-start;
}
.ts-big-type2 {
    flex: 1 1 auto;
    min-width: 100px;
    max-width:250px;
    align-self: flex-start;
    display: flex;
    flex-wrap: wrap;
}
.ts-big-title {
    flex: 1 1 auto;
    width: 100%;
    align-self: flex-start;
    text-align:center;
    font-weight:bold;
}


.ts-big-teamname {
    text-align:center;
    font-size:16px;
    font-weight:bold;
}

.ts-label {
    flex: 0 0 50px;
    margin: 3px 20px 3px 0px;
    align-self: flex-start;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}
.ts-info {
    flex: 0 0 auto;
    margin: 3px 20px 3px 0px;
    align-self: flex-start;
    line-height: 20px;
    font-size: 12px;
}
.ts-subdivision {
    flex: 0 0 auto;
    margin: 0;
    display:flex;
}


/*** Tables ***/

table.normal-grid {
    border: 1px solid #2A4E75;
    border-spacing: 0;
    width:100%;
    background-color:#CFCFCF ;
}

table.no-border {
    border:0;
}

table.white-rows tr td { background-color: #ffffff;}

table.alternating-rows tr:nth-child(even) td { background-color: #f0f0f0;}
table.alternating-rows tr:nth-child(odd) td { background-color: #ffffff;}

table.stats-table tbody tr:hover td {
    border-top: 1px solid #2A4E75;
    border-bottom: 1px solid #2A4E75;
    background-color: #dfe7f1;
}
table.polls-expanded__games {
    width:100%;
    background-color: rgba(0, 0, 0, 0.0) !important;
}
table.polls-expanded__games tr,
table.polls-expanded__games td {
    background-color: rgba(0, 0, 0, 0.0) !important;
}
table.polls-expanded__games tr td,
table.polls-expanded__games tr:hover td {
    border-top: none !important;
    border-bottom: none !important;
}

th.top-header {
    background: linear-gradient(to bottom, #4085CA, #2A4E75);
    height:30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    padding: 5px;
}
th.top-header-light {
    background-color: #4085CA;
    height:30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    padding: 5px;
}
th.top-header-dark {
    background-color: #2A4E75;
    height:30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    padding: 5px;
}
td.team-logo-cell, 
td.conf-logo-cell, 
td.image-cell {
    font-weight: normal;
    font-size: 12px;
    color: black;
    padding: 3px;
    text-align: center;
    width:35px;   
}
td.data-cell {
    font-weight: normal;
    font-size: 12px;
    color: black;
    padding: 3px;    
}
td.no-data {
    background-color: #bbb !important;
}
td.regular-height {
    line-height: 30px;
}
td.data-center {
    text-align: center;
}
td.data-left {
    text-align: left;
}
td.data-right {
    text-align: right;
}
td.data-small {
    font-size: 10px;
}
td.data-medium {
    font-size: 14px;
}
td.data-large {
    font-size: 16px;
}
td.data-bold {
    font-weight: bold;
}
td.cell-bottom-normal {
    border-bottom: 1px solid #ccc;    
}
td.cell-bottom-black-normal {
    border-bottom: 1px solid black;    
}
td.cell-bottom-black-medium {
    border-bottom: 2px solid black;    
}
td.cell-bottom-blank {
    border-bottom: 0px ;    
}
th.cell-right-normal, td.cell-right-normal {
    border-right: 1px solid #ccc;    
}
th.cell-right-black, td.cell-right-black {
    border-right: 1px solid black;    
}
th.cell-right-blank, td.cell-right-blank {
    border-right: 0px ;    
}
td.extra-padding-top {
    padding-top:15px;
}

th.stats-record {
    padding: 5px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    background-color:#FFEC00;
    border-bottom: 1px solid black;
}

td.division-spacer {
    padding-left:20px !important;
    line-height:24px !important;
    text-align: left !important;
    text-transform:uppercase !important;
    font-size:14px !important;
    font-weight:bold !important;
    border-bottom: 1px solid #ccc !important;
    background-color: black !important;
    color:white !important;
}

a.polls-cell-team-name-link:link,
a.polls-cell-team-name-link:visited,
a.polls-cell-team-name-link:active {
    color: blue;
    font-weight: normal;
    text-decoration: none;
    text-align:center;
    font-size:12px;
    font-weight:bold;    
}
a.polls-cell-team-name-link:hover {
    color: black;
    font-weight: normal;
    text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid black;
    text-align:center;
    font-size:12px;
    font-weight:bold;
}

/*** Table - Sorting ***/

th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize {
    background: url(/images/common/sorter-both.gif) no-repeat right center, linear-gradient(to bottom, #4085CA, #2A4E75) ;
    height:30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    padding: 5px 12px 5px 5px;
}
th.no-sort {
    background: linear-gradient(to bottom, #4085CA, #2A4E75) ;
    height:30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    padding: 5px;
}
th.forwardSort {
    background: #4085CA url(/images/common/sorter-asc.gif) no-repeat right center;
}
th.reverseSort {
    background: #4085CA url(/images/common/sorter-desc.gif) no-repeat right center;
}
th.sortable a:link, th.sortable a:visited,
th.sortable a:hover, th.sortable a:active,
th.sortable-text a:link, th.sortable-text a:visited,
th.sortable-text a:hover, th.sortable-text a:active,
th.sortable-date a:link, th.sortable-date a:visited,
th.sortable-date a:hover, th.sortable-date a:active,
th.sortable-keep a:link, th.sortable-keep a:visited,
th.sortable-keep a:hover, th.sortable-keep a:active,
th.sortable-date-dmy a:link, th.sortable-date-dmy a:visited,
th.sortable-date-dmy a:hover, th.sortable-date-dmy a:active,
th.sortable-numeric a:link, th.sortable-numeric a:visited,
th.sortable-numeric a:hover, th.sortable-numeric a:active,
th.sortable-currency a:link, th.sortable-currency a:visited,
th.sortable-currency a:hover, th.sortable-currency a:active,
th.sortable-sortByTwelveHourTimestamp a:link, th.sortable-sortByTwelveHourTimestamp a:visited,
th.sortable-sortByTwelveHourTimestamp a:hover, th.sortable-sortByTwelveHourTimestamp a:active,
th.sortable-sortIPAddress a:link, th.sortable-sortIPAddress a:visited,
th.sortable-sortIPAddress a:hover, th.sortable-sortIPAddress a:active,
th.sortable-sortEnglishLonghandDateFormat a:link, th.sortable-sortEnglishLonghandDateFormat a:visited,
th.sortable-sortEnglishLonghandDateFormat a:hover, th.sortable-sortEnglishLonghandDateFormat a:active,
th.sortable-sortScientificNotation a:link, th.sortable-sortScientificNotation a:visited,
th.sortable-sortScientificNotation a:hover, th.sortable-sortScientificNotation a:active,
th.sortable-sortImage a:link, th.sortable-sortImage a:visited,
th.sortable-sortImage a:hover, th.sortable-sortImage a:active,
th.sortable-sortFileSize a:link, th.sortable-sortFileSize a:visited,
th.sortable-sortFileSize a:hover, th.sortable-sortFileSize a:active {
    color: white;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

/*** Scorebox ***/

.scorebox {
    flex: 1 1 auto;
    margin: 10px 5px;
    min-width: 360px;
    max-width: 450px;
    background-color: white;
    border: 1px solid black;
    overflow: hidden;
}
.scorebox.rounded {
    border-radius: 10px;
}
@media all and (min-width: 700px) {
    .scorebox {
    flex: 1 1 auto;
    margin: 10px;
    min-width: 375px;
    max-width: 450px;
    background-color: white;
    border: 1px solid black;
    }   
}
.baseball-scorebox {
    flex: 1 1 auto;
    margin: 10px 5px;
    min-width: 350px;
    max-width: 350px;
    background-color: white;
    border: 1px solid black;
    border-radius: 10px;
    overflow: hidden;
}
@media all and (min-width: 768px) {
    .baseball-scorebox {
        flex: 1 1 auto;
        margin: 10px 5px;
        min-width: 374px;
        max-width: 374px;
        background-color: white;
        border: 1px solid black;
    }
}
@media all and (min-width: 820px) {
    .baseball-scorebox {
        flex: 1 1 auto;
        margin: 10px 5px;
        min-width: 400px;
        max-width: 400px;
        background-color: white;
        border: 1px solid black;
    }
}
@media all and (min-width: 1095px) {
    .baseball-scorebox {
        flex: 1 1 auto;
        margin: 10px 5px;
        min-width: 350px;
        max-width: 350px;
        background-color: white;
        border: 1px solid black;
    }
}
.scorebox-header {
    padding: 3px 10px;
    width: 100%;
    min-height: 16px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-align: right;
    background-color: #2A4E75;
    background-image: linear-gradient(#4187CE, #2A4E74);
}
.scorebox-header-row-2 {
    display:none;
    padding: 3px 10px;
    width: 100%;
    height: 2px;
    text-align: left;
}
img.live-game-bar {
    display: block;
    width: 50px;
    height: 2px;
    border-style: none; 
}  
img.possession-symbol {
    padding:0px 2px;
    width: 16px;
    height: 12px;
    border-style: none; 
}  
.in-game-status {
    text-align: center;
    font-size: 12px;
    padding: 4px 10px;
    border-top: 1px solid #CCC;
}

.scorebox-content {
    width:100%;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    color: black; 
}
.scorebox-content table {
    width: 100%;
    border-collapse: collapse;
}
.scorebox-content-top-row {
    border-bottom: solid 1px #CCC;
}
.score {
    padding: 3px;
    min-width: 15px;
    font-size: 14px;
    text-align: center;
}
.score-game-clock {
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
span.BSO {
    padding-left:25px; 
    font-weight:bold; 
    font-size:12px;
}
span.base-runners {
    width:50px; 
    height:22px; 
    padding-left:20px; 
    display:inline-block;
}
.score-winner {
    padding: 0px;
    width:16px;
    font-size: 12px;
    font-weight: bold;
}
.score-team-logo {
    padding: 3px;
    width: 25px;
}
.score-team-name {
    padding: 3px;
    min-width: 15px;
    font-size: 14px;
    text-align: left;
}
.score-team-name a, a:visited, a:active {
    color: blue;
    font-weight: normal;
    text-decoration: none;
}
.score-team-name a:hover {
    color: black;
    font-weight: normal;
    text-decoration: underline;
}
span.score-record {
    font-size: 12px;
}
.score-total {
    padding: 3px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}


.box-score-stat-container {
    width:100%;
    padding: 15px 5px 10px 5px;
    vertical-align:top;
    border-top: 1px solid black;
}
table.score-mbb-box {
  border-collapse:collapse;
  border:0;
}
th.score-mbb-box, th.score-wide-mbb-box {
  padding: 0 0 5px 0;
  text-align: center;
  border-bottom: 1px solid #cbccce;
  font-size: 10px;
  font-weight: normal;
}
td.score-mbb-box-team {
  padding: 5px 0;
  min-width: 31px;
  font-family: "BentonSans",-apple-system,"Roboto",Helvetica,Arial,sans-serif;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #cbccce;
  border-left: 1px solid #cbccce;
  border-top: none;
  font-weight: normal;
}
td.score-mbb-box {
  padding: 5px 0;
  min-width: 25px;
  font-family: "BentonSans",-apple-system,"Roboto",Helvetica,Arial,sans-serif;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #cbccce;
  border-left: 1px solid #cbccce;
  border-top:none;
  font-weight: normal;
}
td.score-wide-mbb-box {
  padding: 3px 0;
  min-width: 38px;
  font-family: "BentonSans",-apple-system,"Roboto",Helvetica,Arial,sans-serif;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #cbccce;
  border-left: 1px solid #cbccce;
  border-top:none;
  font-weight: normal;
}
td.score-mbb-box:last-child {
  border-right: 1px solid #cbccce;
}  
.scorebox-special-info {
  padding: 5px 10px;
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  border-top: 1px solid #ccc;
  background-color: whitesmoke;
}
.inning-scoreboard {
    display: none;
    background-color: white;
    width: 100%;
    padding: 15px 10px 10px 10px;
    border-top: solid 1px #CCC;
    vertical-align: top;
}
th.score2 {
    padding: 0 0 5px 0;
    text-align: center;
    width: 25px;
    color: #48494a;
    border-bottom: 1px solid #cbccce;
    background-color: white;
    font-weight: normal;
    font-size: 10px;
}
th.score2:first-child {
    width:40px !important;
}
td.score2 {
    color: #48494a;
    padding: 5px 0;
    width: 25px;
    font-family: "BentonSans",-apple-system,"Roboto",Helvetica,Arial,sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #cbccce;
    border-left: 1px solid #cbccce;
    border-top: none;
    background-color: white;
    font-weight: normal;
}
td.score2:first-child {
    width:40px !important;
}
td.score2:last-child {
    border-right: 1px solid #cbccce;
}
.inn-R,
.inn-H,
.inn-E {
    background-color:#f2f2f2 !important;
}
.live-win-prob{
    display: none;
    background-color: white;
    width: 100%;
    font-size: 11px;
    min-height: 34px;
    padding: 8px 10px;
    text-align: center;
    vertical-align: top;
}
.live-win-prob__title{
    width: 37%; 
    float: left;
    padding: 2px 0;
}
.live-win-prob__team-name{
    width: 13%; 
    float: left;
    padding: 2px 0;
}
.live-win-prob__percent{
    width: 17%;
    float: left;
    padding:2px 5px; 
}
.live-win-prob__percent.prob-left{
    border-radius: 10px 0 0 10px;
}
.live-win-prob__percent.prob-right{
    border-radius: 0 10px 10px 0;
}
.baseball-scorebox__box-recap {
    background-color: white;
    width: 100%;
    line-height: 36px;
    font-size: 12px;
    padding: 0px 25px;
}
.button__box-recap {
    background-color: #efefef;
    color: black;
    font-size: 12px;
    padding: 3px 5px;
    margin: 0 10px 8px 0;
    border-radius: 10px;
    opacity: 1;
    transition: 0.3s;
    cursor: pointer; 
    border: 2px black solid;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 26%), 0 6px 12px 0 rgb(0 0 0 / 19%);    
}
.button__box-recap:hover {
    background-color: #ccc;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 26%), 0 4px 8px 0 rgb(0 0 0 / 19%); 
}



.button-custom-scoreboard {
    background-color: #ccc;
    color: black;
    font-size: 14px;
    padding: 7px 25px;
    margin: 10px;
    border-radius: 10px;
    opacity: 0.8;
    transition: 0.3s;
    cursor: pointer;    
}
.button-custom-scoreboard:hover {
    opacity: 1;  
}

/*** Predict Winners ***/

.pred-winner__container {
    background-color: white;
    display: flex;
    flex: 1 1 auto;
    margin: 10px 5px;
    min-width: 310px;
    max-width: 540px;
    align-self: flex-start;    
}


/*** Team Impact ***/

/* Ladder */
.ladder__background--highlight {
    background:#FFEC00 !important;
}
.ladder__border-bottom--regular {
    border-bottom:#cfcfcf 1px solid;
}
.ladder__border-bottom--big-gap {
    border-bottom:black 5px double;
}
.ladder__game-summary{
    margin: 0px 5px 20px 5px;
    width:350px;
    background-color: #fff ;
    color: black;
    font-size:14px;
    line-height:20px;
    border:1px solid black;
    border-radius: 10px;
    clear:both;
}
.ladder__game-summary__half-left {
    float:left;
    width:50%;
    padding:5px;
    text-align:right;
}
.ladder__game-summary__half-right {
    float:left;
    width:50%;
    padding:5px;
    text-align:left;
}
.ladder__no-games{
    float:left;
    margin-bottom:75px;
    padding: 10px 0px;
    width:100%;
    text-align:center;
    font-size:14px;
    font-weight:normal;
}

/*** Team Schedule / Predict Schedule ***/ 



.sched-data__container {
    flex: 1;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.sched-data__container-title {
    width:100%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0px;    
}
.sched-data__sub-container {
    margin: 0 2px 5px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    height: 74px;
}
.sched-data__block {
    flex: 1 0 auto;
    min-width:100px;
    max-width:125px;
  /*  display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content:stretch;
    align-items: flex-start; */
    padding: 4px;
    text-align: center;
    border: 1px solid #777;
    border-left: none;
}
.sched-data__block:first-child {
    border-left: 1px solid #777;
}
.sched-data__block-title {
    padding-bottom:4px;
    color:#333;
    height: 28px;
    line-height:12px;
    font-size:11px;
    text-transform:uppercase;
}
.sched-data__block-value {
    color:#222;
    height: 24px;
    line-height:24px;
    font-size:20px;
    font-weight:bold;
}
.sched-data__block-value-2 {
    color:#333;
    height: 12px;
    line-height:12px;
    font-size:11px;
}

ul.team-schedule{
    width: 100%;
    max-width: 750px;
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 10px;
}
/*** schedule list ***/
li.team-schedule
{
    width:750px;
    height:auto;
    position: relative;
    float:left;
    box-sizing:border-box;
    border-top:none;
    border-bottom:1px solid #777;
    background-color: #fff;
}
li.team-schedule:nth-child(even) { background: #f0f0f0;}
li.team-schedule:nth-child(odd) { background: #fdfdfd;}

li.team-schedule:first-child
{
    border-top:1px solid #777;
}

div.team-schedule__top-wrapper
{
    width:100%;
    height:60px;
    float:left;
    box-sizing:border-box;
    display:block;    
}
div.team-schedule__bottom-wrapper
{
    width:100%;
    float:left;
    border-top:1px solid #999;
    box-sizing:border-box;
    background-color:white;
    display:none;
}
/*** toggle div for addition info ***/
.team-schedule__toggle
{
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:2;
    cursor:pointer;
    border:none;
    height:25px;
    width:25px;
    line-height:33px;
    font-size:14px;
    font-weight:bold;
    text-align:right;
    color:white;
    background:transparent;
    display:block;
}
.team-schedule__triangle-bottomright
{
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:1;
    width: 0;
    height: 0;
    border-bottom: 25px solid black;
    border-left: 25px solid transparent;
}
/*** game date ***/
div.team-schedule__game-date
{
    box-sizing:border-box;
    padding:5px 0 ;
    width: 45px;
    height:60px;
    float:left;
    text-align:center;
    font-family:"Roboto Condensed",sans-serif;
}
.team-schedule__game-date--month{
    display:inline-block;
    color:#333333;
    line-height:14px;
    font-size:12px;
    text-transform:uppercase;
}
.team-schedule__game-date--day{
    display:inline-block;
    color:#333333;
    line-height:22px;
    font-size:20px;
    font-weight: bold;
    text-transform:uppercase;
}
.team-schedule__game-date--dow{
    display:inline-block;
    color:#333333;
    line-height:14px;
    font-size:12px;
    text-transform:uppercase;
}
/*** location ***/
div.team-schedule__location
{
    box-sizing:border-box;
    padding:20px 5px 20px 0px ;
    width:35px;
    height:60px;
    line-height:20px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    overflow: hidden;
    float:left;
    text-align:center;   
}
/*** Opp info  ***/
div.team-schedule__opp-logo
{
    box-sizing:border-box; 
    padding: 5px 5px;
    width:60px;
    height:60px;
    float:left;
    text-align:center;   
}
img.team-schedule__opp-logo
{
    max-width:50px;
    max-height:50px;    
}
div.team-schedule__opp
{
    box-sizing:border-box;
    padding: 5px 0px 5px 10px;
    width:300px;
    height:60px;
    font-family: 'PT Sans', Arial, sans-serif;
    float:left;
    text-align:left;
    color:black;
    text-transform:uppercase;
}
.team-schedule__opp-nond1-line{
    display:inline-block;
    color:#444444;
    height:15px;
    line-height:15px;
    font-size:14px;
    text-transform:uppercase;
}
.team-schedule__opp-line{
    display:inline-block;
    color:#444444;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight: bold;
    text-transform:uppercase;
}
a.team-schedule__opp-line-link{
    display:inline-block;
    color:#444444;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight: bold;
    text-transform:uppercase;
}
a.team-schedule__opp-line-link:hover{
    color:#111111;
    text-decoration: underline;
}
.team-schedule__opp-record-line{
    display:inline-block;
    width:100%;
    color:#000;
    height:15px;
    line-height:15px;
    font-size:14px;
    font-weight: normal;
    text-transform:uppercase;
}
/*** opp RPI/NET spans on opp record line **/
.team-schedule__opp-rank
{
    display: block; 
    float: right; 
    font-size:11px; 
    color:#333; 
    width:60px;
    padding-right:5px; 
}
/*** opp poll ranking span **/
.team-schedule__opp-poll
{
    font-weight:bold; 
    color:black;
}
/*** conf logo **/
div.team-schedule__conf-logo
{
    box-sizing:border-box;
    padding: 17px 0px;
    width:25px;
    height:60px;
    float:left;
    text-align:center;   
}
img.team-schedule__conf-logo
{
    max-width:25px;
    max-height:25px;    
}
/*** info (city etc) **/
div.team-schedule__info
{
    box-sizing:border-box;
    padding: 5px 0px 5px 10px;
    width:160px;
    height:60px;
    font-family: 'PT Sans', Arial, sans-serif;
    float:left;
    text-align:left;
    color:black;
}
span.team-schedule__info
{
    display:inline-block;
    color:#333333;
    height:12px;
    line-height:12px;
    font-size:11px;
    width:150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.team-schedule__info-tv
{
    display:inline-block;
    color:#333333;
    height:24px;
    line-height:24px;
    font-size:11px;
    width:150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*** info box for boxscore & recap links **/
span.team-schedule__info-boxscore-recap{
    display:inline-block;
    color:#333333;
    height:24px;
    line-height:24px;
    font-size:12px;
    width:150px;
    overflow: hidden;
}
a.team-schedule__info-boxscore-recap {
    margin-right: 5px;
    border: 1px solid;
    border-radius:5px;
    padding:2px 4px;
    background-color: #ffffff;
    color:#333333;
    text-decoration: none;
    font-weight: bold;
}
a.team-schedule__info-boxscore-recap:hover{
    margin-right: 5px;
    border: 1px solid;
    border-radius:5px;
    padding:2px 4px;
    background-color: #dddddd;
    color:#333333;
    text-decoration: none;
    font-weight: bold;
}
/*** result **/
div.team-schedule__result
{
    box-sizing:border-box;
    padding: 22px 5px 22px 5px;
    width:125px;
    height:60px;
    line-height:16px;
    font-size:16px;
    font-weight: bold;
    font-family: "Open Sans", Arial, sans-serif;
    float:left;
    text-align:center;
    color:black;
}
/*** special games/tourney games**/
li.team-schedule__special--start
{
    width:750px;
    height:25px;
    position: relative;
    float:left;
    box-sizing:border-box;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    line-height:25px;
    color:white;
    background-color: #2a4e74;
    text-transform:uppercase;
    margin-top: 5px;    
    border-radius: 10px 10px 0 0 ;
}
li.team-schedule__special--end
{
    width:750px;
    height:10px;
    position: relative;
    float:left;
    box-sizing:border-box;
    background-color: #2a4e74;
    margin-bottom: 5px;
    border-radius: 0 0 10px 10px;
}
div.team-schedule__special--left
{
    border-left:2px solid #2a4e74;
}
div.team-schedule__special--right
{
    border-right:2px solid #2a4e74;
}
/*** results span **/
.team-schedule__result--win
{
    color:green;
}
.team-schedule__result--loss
{
    color:red;
}
.team-schedule__result--tie
{
    color:black;
}
.team-schedule__result--cancel-post-susp
{
    display:inline-block; 
    line-height:20px;
}
.team-schedule__result--in-progress
{
    display:inline-block; 
    line-height:16px; 
    font-size:13px;
}
/*** results div border for in progress **/
.team-schedule__result--in-progress-border
{
    border: 2px solid blue;
}
/*** results span overtime text **/
.team-schedule__overtime
{
    font-size:12px;
}

/** team schedule bottom (expanded) area **/
div.team-schedule-bottom__row1
{
    float:left;
    width:100%;
    border-bottom:1px solid #999;
}
/** 60% boxscore div - basketball **/
div.team-schedule-bottom__box-score--60-width
{
    float:left;
    width:60%;
    padding:15px;
}
/** 100% boxscore div - baseball football  **/
div.team-schedule-bottom__box-score--100-width
{
    float:left;
    width:100%;
    padding:15px;
}
table.team-schedule-bottom__box-score
{
    width:100%;
    border-collapse: collapse;
}
th.team-schedule-bottom__box-score
{
    font-weight: bold;
    font-size: 14px;
    text-align:center;
    padding:4px 8px;
}
/** 2+ character wide header (10 inn, OT) - less padding **/
th.team-schedule-bottom__box-score--big
{
    font-weight: bold;
    font-size: 14px;
    text-align:center;
    padding:4px 5px;
}
td.team-schedule-bottom__box-score
{
    font-weight: normal;
    font-size: 14px;
    border:1px solid #999;
    text-align: center;
    padding:4px 8px;
}
/** Total score or runs,hits,errors **/
td.team-schedule-bottom__box-score--totals
{
    font-weight: bold;
    font-size: 14px;
    border:1px solid #999;
    text-align: center;
    padding:4px 8px;
    background-color: #f1f1f1;
}
td.team-schedule-bottom__box-score:first-child
{
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}
div.team-schedule-bottom__addtional-info
{
    float:left;
    width:40%;
    font-size:14px;
    padding:5px 10px;
}
/** left border for basketball **/
div.team-schedule-bottom__addtional-info--left-border
{
    float:left;
    width:40%;
    font-size:14px;
    padding:15px;
    border-left:1px solid #999;
}
div.team-schedule-bottom__row2
{
    float:left;
    width:100%;
    padding:15px;
}
/** for basketball stats **/
table.team-schedule-bottom__stat
{
    width:100%;
    border-collapse: collapse;
}
th.team-schedule-bottom__stat
{
    font-weight: bold;
    font-size: 12px;
    text-align:center;
    padding:4px 8px;
}
td.team-schedule-bottom__stat
{
    font-weight: normal;
    font-size: 12px;
    line-height:18px;
    border:1px solid #999;
    text-align: center;
    padding:4px 8px;
}
td.team-schedule-bottom__stat:first-child
{
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}






  










ul.team-records{
    width: 100%;
    list-style: none;
    display: flex;
    padding: 10px;
}

ul.team-schedule{
    width: 100%;
    max-width: 750px;
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 10px;
}

li.records {
    position: relative;
    float:left;
    padding:4px 3px 16px 3px;
    border-top:1px solid #777;
    border-bottom:1px solid #777;
    border-left:1px solid #777;
    border-right:none;
    text-align:center;

}
li.records:last-child {
    border-right:1px solid #777;
}
/* span */
.records-title {
    display:inline-block;
    padding-bottom:4px;
    color:#333333;
    line-height:12px;
    font-size:11px;
    text-transform:uppercase;
}
/* span */
.records-value {
    color:#222222;
    font-size:20px;
    font-weight:bold;
}

li.rankings {
    position: relative;
    float:left;
    padding:4px 8px 4px 8px;
    border-top:1px solid #777;
    border-bottom:1px solid #777;
    border-left:1px solid #777;
    border-right:none;
    text-align:center;

}
li.rankings:last-child {
    border-right:1px solid #777;
}
/* span */
.rankings-title {
    display:inline-block;
    padding-bottom:4px;
    color:#333333;
    line-height:12px;
    font-size:11px;
    text-transform:uppercase;
}
/* span */
.rankings-value {
    color:#222222;
    font-size:20px;
    font-weight:bold;
}
/* span */
.rankings-value-2 {
    display:inline-block;
    color:#333333;
    line-height:12px;
    font-size:11px;
    font-weight:normal;
}


/*** 1/n grids ***/
.grid4 {
    float:left;
    width:25%;
}
.grid5 {
    float:left;
    width:20.0%;
}
.grid6 {
    float:left;
    width:16.66%;
}
.grid7 {
    float:left;
    width:14.28%;
}
.grid8 {
    float:left;
    width:12.5%;
}
.grid9 {
    float:left;
    width:11.11%;
}
.grid10 {
    float:left;
    width:10.0%;
}
.grid11 {
    float:left;
    width:9.09%;
}
.grid12 {
    float:left;
    width:8.33%;
}


/*** previous ***/

/*** schedule list ***/
li.schedule
{
    width:750px;
    height:auto;
    position: relative;
    float:left;
    box-sizing:border-box;
    border-top:none;
    border-bottom:1px solid #777;
    background-color: #fff;
}
li.schedule:nth-child(even) { background: #f0f0f0;}
li.schedule:nth-child(odd) { background: #fdfdfd;}

li.schedule:first-child
{
    border-top:1px solid #777;
}

div.schedule-top-wrapper
{
    width:100%;
    height:60px;
    float:left;
    box-sizing:border-box;
    display:block;    
}
div.schedule-bottom-wrapper
{
    width:100%;
    float:left;
    border-top:1px solid #999;
    box-sizing:border-box;
    background-color:white;
    display:none;
}
/*** toggle div for addition info ***/
.schedule-toggle
{
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:2;
    cursor:pointer;
    border:none;
    height:25px;
    width:25px;
    line-height:33px;
    font-size:14px;
    font-weight:bold;
    text-align:right;
    color:white;
    background:transparent;
    display:block;
}
.triangle-bottomright
{
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:1;
    width: 0;
    height: 0;
    border-bottom: 25px solid black;
    border-left: 25px solid transparent;
}
  
  
/*** special game/tourney games**/
li.schedule-special-game
{
    width:750px;
    height:25px;
    position: relative;
    float:left;
    box-sizing:border-box;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    line-height:22px;
    color:white;
    background-color: black;
    text-transform:uppercase;    
    border-top:3px solid #eee;
}
li.schedule-special-game-end
{
    width:750px;
    height:12px;
    position: relative;
    float:left;
    box-sizing:border-box;
    background-color: black;
    border-bottom:2px solid #eee;
}
div.schedule-special-game-left
{
    border-left:2px solid #2a4e74;
}
div.schedule-special-game-right
{
    border-right:2px solid #2a4e74;
}


div.schedule-game-date
{
    box-sizing:border-box;
    padding:5px 0 ;
    width: 45px;
    height:60px;
    float:left;
    text-align:center;
    font-family:"Roboto Condensed",sans-serif;
}
.game-date-month{
    display:inline-block;
    color:#333333;
    line-height:14px;
    font-size:12px;
    text-transform:uppercase;
}
.game-date-day{
    display:inline-block;
    color:#333333;
    line-height:22px;
    font-size:20px;
    font-weight: bold;
    text-transform:uppercase;
}
.game-date-dow{
    display:inline-block;
    color:#333333;
    line-height:14px;
    font-size:12px;
    text-transform:uppercase;
}



div.schedule-location
{
    box-sizing:border-box;
    padding:20px 5px 20px 0px ;
    width:35px;
    height:60px;
    line-height:20px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    overflow: hidden;
    float:left;
    text-align:center;   
}
div.schedule-opp-logo
{
    box-sizing:border-box; 
    padding: 5px 5px;
    width:60px;
    height:60px;
    float:left;
    text-align:center;   
}
img.schedule-opp-logo
{
    max-width:50px;
    max-height:50px;    
}
div.schedule-opponent
{
    box-sizing:border-box;
    padding: 5px 0px 5px 10px;
    width:300px;
    height:60px;
    font-family: 'PT Sans', Arial, sans-serif;
    float:left;
    text-align:left;
    color:black;
    text-transform:uppercase;
}
.opp-nond1-line{
    display:inline-block;
    color:#444444;
    height:15px;
    line-height:15px;
    font-size:14px;
    text-transform:uppercase;
}
.opp-line{
    display:inline-block;
    color:#444444;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight: bold;
    text-transform:uppercase;
}
a.opp-line-link{
    display:inline-block;
    color:#444444;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight: bold;
    text-transform:uppercase;
}
a.opp-line-link:hover{
    color:#111111;
    text-decoration: underline;
}
.opp-record-line{
    display:inline-block;
    width:100%;
    color:#000;
    height:15px;
    line-height:15px;
    font-size:14px;
    font-weight: normal;
    text-transform:uppercase;
}



div.schedule-conf-logo
{
    box-sizing:border-box;
    padding: 17px 0px;
    width:25px;
    height:60px;
    float:left;
    text-align:center;   
}
img.schedule-conf-logo
{
    max-width:25px;
    max-height:25px;    
}



div.schedule-info
{
    box-sizing:border-box;
    padding: 5px 0px 5px 10px;
    width:160px;
    height:60px;
    font-family: 'PT Sans', Arial, sans-serif;
    float:left;
    text-align:left;
    color:black;


}
.info
{
    display:inline-block;
    color:#333333;
    height:12px;
    line-height:12px;
    font-size:11px;
    width:150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-tv
{
    display:inline-block;
    color:#333333;
    height:24px;
    line-height:24px;
    font-size:11px;
    width:150px;
    overflow: hidden;
    text-overflow: ellipsis;
}



.info-box-recap
{
    display:inline-block;
    color:#333333;
    height:24px;
    line-height:24px;
    font-size:12px;
    width:150px;
    overflow: hidden;
}

a.info-box-recap2 {
    color:#333333;
    text-decoration: none;
    font-weight: bold;
}
a.info-box-recap2:hover{
    color:#333333;
    text-decoration: underline;
}
a.info-box-recap3 {
    margin-right: 5px;
    border: 1px solid;
    border-radius:5px;
    padding:2px 4px;
    background-color: #ffffff;
    color:#333333;
    text-decoration: none;
    font-weight: bold;
}
a.info-box-recap3:hover{
    margin-right: 5px;
    border: 1px solid;
    border-radius:5px;
    padding:2px 4px;
    background-color: #dddddd;
    color:#333333;
    text-decoration: none;
    font-weight: bold;
}

div.schedule-result
{
    box-sizing:border-box;
    padding: 22px 5px 22px 5px;
    width:125px;
    height:60px;
    line-height:16px;
    font-size:16px;
    font-weight: bold;
    font-family: "Open Sans", Arial, sans-serif;
    float:left;
    text-align:center;
    color:black;
}







/** bottom schedule **/
/** mbb wbb fb **/

div.schedule-bottom-row1
{
    float:left;
    width:100%;
    box-sizing:border-box;
    border-bottom:1px solid #999;
}
div.schedule-bottom-box-score
{
    float:left;
    width:60%;
    box-sizing:border-box;
    padding:15px;
}
table.schedule-bottom-box-score
{
    width:100%;
    border-collapse: collapse;
    
}
th.schedule-bottom-box-score
{
        font-weight: bold;
        font-size: 14px;
        text-align:center;
        padding:4px 8px;
}
td.schedule-bottom-box-score
{
        font-weight: normal;
        font-size: 14px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
}
td.schedule-bottom-box-score:first-child
{
        font-weight: normal;
        font-size: 14px;
        text-align: left;
}
td.schedule-bottom-box-score:last-child
{
        font-weight: bold;
}

div.schedule-bottom-addtional-info
{
    float:left;
    width:40%;
    box-sizing:border-box;
    font-size:14px;
    padding:15px;
    border-left:1px solid #999;
}
div.schedule-bottom-row2
{
    float:left;
    width:100%;
    box-sizing:border-box;
    padding:15px;
}
table.schedule-bottom-stat
{
    width:100%;
    border-collapse: collapse;
    
}
th.schedule-bottom-stat
{
        font-weight: bold;
        font-size: 12px;
        text-align:center;
        padding:4px 8px;
}
td.schedule-bottom-stat
{
        font-weight: normal;
        font-size: 12px;
        line-height:18px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
}
td.schedule-bottom-stat:first-child
{
        font-weight: normal;
        font-size: 12px;
        text-align: left;
}

/*** end previous ***/ 





/** bottom schedule **/
/** baseball **/

div.base-schedule-bottom-row1
{
    float:left;
    width:100%;
    box-sizing:border-box;
    border-bottom:1px solid #999;
}
div.base-schedule-bottom-box-score
{
    float:left;
    width:100%;
    box-sizing:border-box;
    padding:15px;
}
table.base-schedule-bottom-box-score
{
    width:100%;
    border-collapse: collapse;
    
}
th.base-schedule-bottom-box-score
{
        font-weight: bold;
        font-size: 14px;
        text-align:center;
        padding:4px 8px;
}
th.base-schedule-bottom-box-score-10
{
        font-weight: bold;
        font-size: 14px;
        text-align:center;
        padding:4px 5px;
}
td.base-schedule-bottom-box-score
{
        font-weight: normal;
        font-size: 14px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
}
td.base-schedule-bottom-box-score:first-child
{
        font-weight: normal;
        font-size: 14px;
        text-align: left;
}
td.base-schedule-bottom-box-score-runs
{
        font-weight: bold;
        font-size: 14px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
        background-color: #f1f1f1;
}
td.base-schedule-bottom-box-score-hits
{
        font-weight: bold;
        font-size: 14px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
        background-color: #f1f1f1;
}
td.base-schedule-bottom-box-score-errors
{
        font-weight: bold;
        font-size: 14px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
        background-color: #f1f1f1;
}

div.base-schedule-bottom-addtional-info
{
    float:left;
    width:40%;
    box-sizing:border-box;
    font-size:14px;
    padding:5px 10px;

}
div.base-schedule-bottom-row2
{
    float:left;
    width:100%;
    box-sizing:border-box;
    padding:15px;
}




/*** end previous ***/ 




















/**** old stuff ****/

#container {
    margin:0px auto 10px auto;
    padding:0;
    background-color:black;
    font-family: Tahoma;
    font-size:12px;
    text-align:center;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-flow: wrap;
}
#container-new {
    margin:0px auto 10px auto;
    padding:0;
    width:1340px;
    text-align:center;
    overflow:hidden;
    font-family: Tahoma;
    font-size:12px;
}
#main-body {
    float:left;
    margin:0;
    padding:0;
    max-width:1100px;
    background-color: #F0F0FA;
    overflow:hidden;

}   
#main-body-wide {
    float:left;
    margin:0;
    padding:0;
    width:1340px;
    background-color: #F0F0FA;
    overflow:hidden;
}
/* #main-body-content {
    float:left;
    margin:0;
    padding:10px 3px;
    width:100%;
    background-color: #F0F0FA;
    text-align:left;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
    overflow:hidden;
}   
#main-body-content-wide {
    float:left;
    margin:0;
    padding:10px 10px;
    width:1000px;
    background-color: #F0F0FA;
    text-align:left;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
    overflow:hidden;
} /*

           

/*** Sport Nav Sub Menu ***/

#sub-menu-container {
    margin:0;
    padding:0;
    width:100%;
    background-color:#fff;
    box-shadow: 0px 3px 3px grey;
}

#sub-menu {
    margin: 0 auto;
    width:1100px;
    height:44px;
   /* margin-top:50px;*/
    background-color:#fff;
}

#sub-menu ul {
    list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding: 0 ;
}

#sub-menu ul li {
	position:relative;
	float:left;
	margin:0;
	padding: 0;
}

#sub-menu > ul >li:first-child {
    border-right:2px solid grey;
    width:120px;
    display:block;
}

#sub-menu .line-head {
    font-size:16px;
    font-weight:bold;
    line-height:16px;
    padding:6px 10px;
}

#sub-menu ul a {
    padding:0;
    margin: 0;
    display:block;
    color:#333;
    font-size:14px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#sub-menu > ul > li > a {
    padding: 13px 9px;
   /* border-bottom: 3px solid transparent; */
}

#sub-menu > ul > li > a.menu-item-selected {
    border-bottom: 3px solid blue;
}

#sub-menu > ul > li > a.doubleline {
    padding: 6px 9px 5px 9px;
    font-size:12px;
}
#sub-menu > ul > li > a.doublelinedrop {
    padding: 10px 9px 0px 9px;  
}
#sub-menu > ul > li > a:focus,
#sub-menu > ul > li > a:hover {
    color:#888;  
}

#sub-menu .under-color {
	padding:0px 15px ;
    display:block;
	line-height:3px;
}

#sub-menu .under-color-current {
	display:block;
	line-height:3px;
    background-color:blue;
}

#sub-menu img {
    height:30px;
    width:30px;
}

#sub-menu .under-color {
	display:block;
	line-height:3px;
}

#sub-menu ul li:focus .under-color,
#sub-menu ul li:hover .under-color{
    background-color:blue;
}

#sub-menu ul ul {
    padding:0;
    margin:0;
    display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	box-shadow: 0px 3px 3px grey;
    z-index: 1000;
}

#sub-menu ul ul .heading{
    text-align:center;
	padding:2px 10px;
    margin:0;
    background-color:#BBB;
    border-top: solid 3px black;
    border-bottom: solid 3px black;
}

#sub-menu ul ul li {
    padding:0;
    margin:0;
	float:none;

}

#sub-menu ul ul li.seasons {
	width:120px;
    border-right:2px solid grey;
}

#sub-menu ul ul li.seasons:first-child {
    padding-top:10px;
}

#sub-menu ul ul li a {
    text-align:left;
	padding:10px 10px;
	width:200px;
}

#sub-menu ul ul li a.seasons{
    text-align:center;
	padding:5px 5px;
	width:110px;
}


#sub-menu ul li:focus > ul,
#sub-menu ul li:hover > ul {
    display: block;
}

#sub-menu ul ul li a:focus,
#sub-menu ul ul li a:hover {
	background-color: #ddd;
    color:black;
}

#sub-menu ul ul li a.seasons:focus,
#sub-menu ul ul li a.seasons:hover {
	background-color: #ddd;
    color:black;
}

#sub-menu .drop-menu-right {
	left:auto;
    right:0;
}

#sub-menu .drop-menu-left {
	left:0;
    right:auto;
}


.conference-drop-menu {
    margin:0;
    padding:0;
    width:500px;
}



/*** Page Menu (team logo with links)***/

#page-menu-container {
    margin:0;
    padding:0;
    width:100%;
    background-color:#fff;
    border-top: 1px black solid;
    box-shadow: 0px 3px 3px grey;
}

#page-menu {
    margin: 0 auto;
    width:1100px;
    height:86px;
   /* margin-top:50px;*/
    background-color:#fff;
}


#page-menu-middle-wide {
    float:left;
    width:850px;
    height:86px;
    background-color:#fff;
    overflow:hidden;
}

#page-menu-middle {
    float:left;
    width:700px;
    height:86px;
    background-color:#fff;
    overflow:hidden;
}

#page-menu-nav {
    margin: 0 auto;
    width:100%;
    height:33px;
    background-color:#fff;
}


#page-menu-nav ul {
    list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding: 0 ;
}

#page-menu-nav ul li {
	position:relative;
	float:left;
	margin:0;
	padding: 0;
}

#page-menu-nav ul a {
    padding:0;
    margin: 0;
    display:block;
    color:#333;
    font-size:14px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#page-menu-nav > ul > li > a {
    padding: 9px 10px 6px 10px;  
}
#page-menu-nav > ul > li > a.special-line {
    font-size:12px;
}
#page-menu-nav > ul > li > a.double-line {
    padding: 0px 10px 4px 10px;  
    line-height:13px;
    font-size:12px;
}
#page-menu-nav > ul > li > a:focus,
#page-menu-nav > ul > li > a:hover {
    color:#888;  
}

#page-menu-nav .under-color {
	padding:0px 15px ;
    display:block;
	line-height:3px;
}

#page-menu-nav .under-color-current {
	display:block;
	line-height:3px;
    background-color:black;
}

#page-menu-nav img {
    height:30px;
    width:30px;
}

#page-menu-nav .under-color {
	display:block;
	line-height:3px;
}

#page-menu-nav ul li:focus .under-color,
#page-menu-nav ul li:hover .under-color{
    background-color:black;
}

/*** 1/n grids ***/
.grid4 {
    box-sizing:border-box;
    float:left;
    width:25%;
}
.grid5 {
    box-sizing:border-box;
    float:left;
    width:20.0%;
}
.grid6 {
    box-sizing:border-box;
    float:left;
    width:16.66%;
}
.grid7 {
    box-sizing:border-box;
    float:left;
    width:14.28%;
}
.grid8 {
    box-sizing:border-box;
    float:left;
    width:12.5%;
}
.grid9 {
    box-sizing:border-box;
    float:left;
    width:11.11%;
}
.grid10 {
    box-sizing:border-box;
    float:left;
    width:10.0%;
}
.grid11 {
    box-sizing:border-box;
    float:left;
    width:9.09%;
}
.grid12 {
    box-sizing:border-box;
    float:left;
    width:8.33%;
}

.records {
    position: relative;
    float:left;
    padding:4px 3px 16px 3px;
    border-top:1px solid #777;
    border-bottom:1px solid #777;
    border-left:1px solid #777;
    border-right:none;
    text-align:center;

}
.records:last-child {
    border-right:1px solid #777;
}
.records-title {
    display:inline-block;
    padding-bottom:4px;
    color:#333333;
    line-height:12px;
    font-size:11px;
    text-transform:uppercase;
}
.records-value {
    color:#222222;
    font-size:20px;
    font-weight:bold;
}

.rankings {
    position: relative;
    float:left;
    padding:4px 8px 4px 8px;
    border-top:1px solid #777;
    border-bottom:1px solid #777;
    border-left:1px solid #777;
    border-right:none;
    text-align:center;

}
.rankings:last-child {
    border-right:1px solid #777;
}
.rankings-title {
    display:inline-block;
    padding-bottom:4px;
    color:#333333;
    line-height:12px;
    font-size:11px;
    text-transform:uppercase;
}
.rankings-value {
    color:#222222;
    font-size:20px;
    font-weight:bold;
}
.rankings-value-2 {
    display:inline-block;
    color:#333333;
    line-height:12px;
    font-size:11px;
    font-weight:normal;
}

/*** schedule list ***/
li.schedule
{
    width:750px;
    height:auto;
    position: relative;
    float:left;
    box-sizing:border-box;
    border-top:none;
    border-bottom:1px solid #777;
    background-color: #fff;
}
li.schedule:nth-child(even) { background: #f0f0f0;}
li.schedule:nth-child(odd) { background: #fdfdfd;}

li.schedule:first-child
{
    border-top:1px solid #777;
}

div.schedule-top-wrapper
{
    width:100%;
    height:60px;
    float:left;
    box-sizing:border-box;
    display:block;    
}
div.schedule-bottom-wrapper
{
    width:100%;
    float:left;
    border-top:1px solid #999;
    box-sizing:border-box;
    background-color:white;
    display:none;
}
/*** toggle div for addition info ***/
.schedule-toggle
{
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:2;
    cursor:pointer;
    border:none;
    height:25px;
    width:25px;
    line-height:33px;
    font-size:14px;
    font-weight:bold;
    text-align:right;
    color:white;
    background:transparent;
    display:block;
}
.triangle-bottomright
{
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:1;
    width: 0;
    height: 0;
    border-bottom: 25px solid black;
    border-left: 25px solid transparent;
}
  
  
/*** special game/tourney games**/
li.schedule-special-game
{
    width:750px;
    height:25px;
    position: relative;
    float:left;
    box-sizing:border-box;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    line-height:22px;
    color:white;
    background-color: black;
    text-transform:uppercase;    
    border-top:3px solid #eee;
}
li.schedule-special-game-end
{
    width:750px;
    height:12px;
    position: relative;
    float:left;
    box-sizing:border-box;
    background-color: black;
    border-bottom:2px solid #eee;
}
div.schedule-special-game-left
{
    border-left:2px solid black;
}
div.schedule-special-game-right
{
    border-right:2px solid black;
}

div.schedule-game-date
{
    box-sizing:border-box;
    padding:5px 0 ;
    width: 45px;
    height:60px;
    float:left;
    text-align:center;
    font-family:"Roboto Condensed",sans-serif;
}
.game-date-month{
    display:inline-block;
    color:#333333;
    line-height:14px;
    font-size:12px;
    text-transform:uppercase;
}
.game-date-day{
    display:inline-block;
    color:#333333;
    line-height:22px;
    font-size:20px;
    font-weight: bold;
    text-transform:uppercase;
}
.game-date-dow{
    display:inline-block;
    color:#333333;
    line-height:14px;
    font-size:12px;
    text-transform:uppercase;
}
div.schedule-location
{
    box-sizing:border-box;
    padding:20px 5px 20px 0px ;
    width:35px;
    height:60px;
    line-height:20px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    overflow: hidden;
    float:left;
    text-align:center;   
}
div.schedule-opp-logo
{
    box-sizing:border-box; 
    padding: 5px 5px;
    width:60px;
    height:60px;
    float:left;
    text-align:center;   
}
img.schedule-opp-logo
{
    max-width:50px;
    max-height:50px;    
}
div.schedule-opponent
{
    box-sizing:border-box;
    padding: 5px 0px 5px 10px;
    width:300px;
    height:60px;
    font-family: 'PT Sans', Arial, sans-serif;
    float:left;
    text-align:left;
    color:black;
    text-transform:uppercase;
}
.opp-nond1-line{
    display:inline-block;
    color:#444444;
    height:15px;
    line-height:15px;
    font-size:14px;
    text-transform:uppercase;
}
.opp-line{
    display:inline-block;
    color:#444444;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight: bold;
    text-transform:uppercase;
}
a.opp-line-link{
    display:inline-block;
    color:#444444;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight: bold;
    text-transform:uppercase;
}
a.opp-line-link:hover{
    color:#111111;
    text-decoration: underline;
}
.opp-record-line{
    display:inline-block;
    width:100%;
    color:#000;
    height:15px;
    line-height:15px;
    font-size:14px;
    font-weight: normal;
    text-transform:uppercase;
}
div.schedule-conf-logo
{
    box-sizing:border-box;
    padding: 17px 0px;
    width:25px;
    height:60px;
    float:left;
    text-align:center;   
}
img.schedule-conf-logo
{
    max-width:25px;
    max-height:25px;    
}
div.schedule-info
{
    box-sizing:border-box;
    padding: 5px 0px 5px 10px;
    width:160px;
    height:60px;
    font-family: 'PT Sans', Arial, sans-serif;
    float:left;
    text-align:left;
    color:black;


}
.info
{
    display:inline-block;
    color:#333333;
    height:12px;
    line-height:12px;
    font-size:11px;
    width:150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-tv
{
    display:inline-block;
    color:#333333;
    height:24px;
    line-height:24px;
    font-size:11px;
    width:150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box-recap
{
    display:inline-block;
    color:#333333;
    height:24px;
    line-height:24px;
    font-size:12px;
    width:150px;
    overflow: hidden;
}

a.info-box-recap2 {
    color:#333333;
    text-decoration: none;
    font-weight: bold;
}
a.info-box-recap2:hover{
    color:#333333;
    text-decoration: underline;
}


div.schedule-result
{
    box-sizing:border-box;
    padding: 22px 5px 22px 5px;
    width:125px;
    height:60px;
    line-height:16px;
    font-size:16px;
    font-weight: bold;
    font-family: "Open Sans", Arial, sans-serif;
    float:left;
    text-align:center;
    color:black;
}


/** bottom schedule **/
/** mbb wbb fb **/

div.schedule-bottom-row1
{
    float:left;
    width:100%;
    box-sizing:border-box;
    border-bottom:1px solid #999;
}
div.schedule-bottom-box-score
{
    float:left;
    width:60%;
    box-sizing:border-box;
    padding:15px;
}
table.schedule-bottom-box-score
{
    width:100%;
    border-collapse: collapse;
    
}
th.schedule-bottom-box-score
{
        font-weight: bold;
        font-size: 14px;
        text-align:center;
        padding:4px 8px;
}
td.schedule-bottom-box-score
{
        font-weight: normal;
        font-size: 14px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
}
td.schedule-bottom-box-score:first-child
{
        font-weight: normal;
        font-size: 14px;
        text-align: left;
}
td.schedule-bottom-box-score:last-child
{
        font-weight: bold;
}

div.schedule-bottom-addtional-info
{
    float:left;
    width:40%;
    box-sizing:border-box;
    font-size:14px;
    padding:15px;
    border-left:1px solid #999;
}
div.schedule-bottom-row2
{
    float:left;
    width:100%;
    box-sizing:border-box;
    padding:15px;
}
table.schedule-bottom-stat
{
    width:100%;
    border-collapse: collapse;
    
}
th.schedule-bottom-stat
{
        font-weight: bold;
        font-size: 12px;
        text-align:center;
        padding:4px 8px;
}
td.schedule-bottom-stat
{
        font-weight: normal;
        font-size: 12px;
        line-height:18px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
}
td.schedule-bottom-stat:first-child
{
        font-weight: normal;
        font-size: 12px;
        text-align: left;
}

/** bottom schedule **/
/** baseball **/

div.base-schedule-bottom-row1
{
    float:left;
    width:100%;
    box-sizing:border-box;
    border-bottom:1px solid #999;
}
div.base-schedule-bottom-box-score
{
    float:left;
    width:100%;
    box-sizing:border-box;
    padding:15px;
}
table.base-schedule-bottom-box-score
{
    width:100%;
    border-collapse: collapse;
    
}
th.base-schedule-bottom-box-score
{
        font-weight: bold;
        font-size: 14px;
        text-align:center;
        padding:4px 8px;
}
th.base-schedule-bottom-box-score-10
{
        font-weight: bold;
        font-size: 14px;
        text-align:center;
        padding:4px 5px;
}
td.base-schedule-bottom-box-score
{
        font-weight: normal;
        font-size: 14px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
}
td.base-schedule-bottom-box-score:first-child
{
        font-weight: normal;
        font-size: 14px;
        text-align: left;
}
td.base-schedule-bottom-box-score-runs
{
        font-weight: bold;
        font-size: 14px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
        background-color: #f1f1f1;
}
td.base-schedule-bottom-box-score-hits
{
        font-weight: bold;
        font-size: 14px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
        background-color: #f1f1f1;
}
td.base-schedule-bottom-box-score-errors
{
        font-weight: bold;
        font-size: 14px;
        border:1px solid #999;
        text-align: center;
        padding:4px 8px;
        background-color: #f1f1f1;
}

div.base-schedule-bottom-addtional-info
{
    float:left;
    width:40%;
    box-sizing:border-box;
    font-size:14px;
    padding:5px 10px;

}
div.base-schedule-bottom-row2
{
    float:left;
    width:100%;
    box-sizing:border-box;
    padding:15px;
}



/*** Header Ad Holder ***/

#top-ad {
    width: 100%;
    margin:0;
    padding:5px;
} 

/*** legacy for archive pages ***/
#header1-wrap {
    margin: 0px auto;
    padding: 0;
    width: 728px;
    height: 110px;
    overflow:hidden;
}

#header1 {
    width: 100%;
    margin:0;
    padding:0;
} 

#header1-wrap {
    margin: 0px auto;
    padding: 0;
    width: 728px;
    height: 110px;
    overflow:hidden;
}

#header1-ad-outer {
    float:left;
    margin:0;
    padding:0;
    height: 110px;
    width: 728px;    
}

#header1-ad {
    padding: 10px 0;
}


#header-sport {
width: 100%;
margin: 0;
padding: 0;
} 

#header-sport-wrap {
margin: 0px auto;
padding: 0;
width: 600px;
height: 40px;
overflow:hidden;
}

img.sport-year {
display: block;
margin: 0px auto;
}




#header3 {
position:relative;
margin:0;
padding:0;
width:1100px;
height:40px;
}
#header3-wide {
position:relative;
margin:0;
padding:0;
width:1340px;
height:40px;
}

#title-left {
float:left;
margin:0;
padding:0;
width:180px;
height:40px;
}

#title {
float:left;
margin:0;
padding:0;
width:920px;
height:40px;
/*background-image:url(/images/Basketball/Back_80_basketball.jpg);
background-repeat:repeat-x;*/
}

#sport-year {
float:left;
margin:0;
padding:0;
width:600px;
height:40px;
background-repeat:no-repeat;
}

#special-box {
position:absolute;
top:0px;
left:830px;
width:125px;
padding:2px;
background-color:White;
border:solid 1px black;
border-top:0;
text-align:center;
font-family: Arial;
font-size:9px;
}


#side-menu {
float:left;
margin:0;
padding:0;
width:180px;
background-color: #F0F0FA;
text-align:left;
}

#side-menu-wide {
float:left;
margin:0;
padding:0;
width:180px;
background-color: #F0F0FA;
text-align:left;
}

select {
text-align:left;
font-family: Tahoma;
font-size:12px;
padding-left:2px;
}

#side-menu ul {
margin:0;
padding:0;
list-style:none;
line-height:20px;
}

#side-menu li {
float:left;
width:180px;
height:20px;
border-bottom:solid 1px #F0C59B;
}

#side-menu li.heading {
display:block;
padding-left:10px;
width:170px;
height:20px;
background-color:#883A2D;
border-bottom:solid 1px WhiteSmoke;
color:white;
font-size:12px;
font-weight:bold;
}

#side-menu li.heading-empty {
display:block;
padding-left:10px;
width:170px;
height:10px;
background-color:#883A2D;
border-bottom:solid 1px WhiteSmoke;
color:white;
font-size:0;
font-weight:bold;
}

#side-menu li.dropbox {
display:block;
padding:5px 10px;
width:170px;
height:20px;
background-color:#EAA150;
color:black;
}

#side-menu li a {
display:block;
padding-left:10px;
width:170px;
height:20px;
background-color:#EAA150;
color:black;
text-decoration:none;
}

#side-menu li a:hover {
padding-left:5px;
border-left:5px solid white;
font-weight:normal;
color:white;
}


#left-column {
float:left;
margin:0;
padding:0;
width:180px;
background-color: #F0F0FA;
text-align:center;
}

#left-column-ad {
margin: 10px auto;
padding:0;
width:160px;
height:600px;
}

#right-column {
float:right;
margin:0;
padding:0;
width:140px;
background-color:  #F0F0FA;
text-align:center;
}

#right-column-ad {
margin: 10px auto;
padding:0;
width:140px;
height:600px;
}


div.nitty-row {
float:left;
margin: 0;
padding:0px ;
width:1000px;
border-top: 1px solid black;
}
div.nitty {
float:left;
font-size: 10px;
width:250px;
}

div.nitty-in-row-ND1 {
float:left;
font-size: 10px;
width:240px;
text-align: center;
margin-top: 30px;
}
div.nitty-in-row-split1 {
float:left;
font-size: 10px;
width:240px;
text-align: center;
margin: 0;
padding: 0;
}
div.nitty-in-row-split2 {
float:left;
font-size: 10px;
width:240px;
text-align: center;
margin: 0;
padding: 15px 0px 0px 0px ;
}

div.nitty-in-rank {
float:left;
font-size: 10px;
width:20px;
margin-right:1px;
text-align: center;
}
div.nitty-in-location {
float:left;
font-size: 10px;
width:15px;
margin-right: 2px;
text-align: center;
}
div.nitty-in-opponent {
float:left;
font-size: 10px;
width:115px;
margin-right:1px;
text-align: left;
}
div.nitty-in-score {
float:left;
font-size: 10px;
width:20px;
margin-right:1px;
text-align: center;
}
div.nitty-in-score-span {
float:left;
font-size: 10px;
width:41px;
margin-right:1px;
text-align: center;
}
div.nitty-in-date {
float:left;
font-size: 10px;
width:30px;
margin-right:1px;
text-align: center;
}
div.nitty-in-home {
background-color: #00FF00;
color: black;
border-radius:40%; 
}
div.nitty-in-road {
background-color: #FF9B00;
color: black;
border-radius:40%;
}
div.nitty-in-nonconf {
background-color: #00FFFF;
color: black;
}
div.nitty-in-loss {
background-color: red;
color: white;
}
div.nitty-in-tie {
background-color: yellow;
color: black;
}
div.nitty-in-ot {
background-color: #BFBFBF;
color: black;
}

/* ---------------------------------------------- */

div.pagetitle {
padding-bottom:10px;
text-align:left;
font-weight: bold;
font-size: 16pt;
color: black;
}




div.full-content {
float:left;
margin:0;
padding:10px 2%;
width:96%;
}

div.half-content {
float:left;
margin:0;
padding:10px 2%;
width:46%;
}

div.third-content {
float:left;
margin:0;
padding:10px 1%;
width:31%;
}

div.two-third-content {
float:left;
margin:0;
padding:10px 1%;
width:62%;
}

div.fourth-content {
float:left;
margin:0;
padding:10px 1%;
width:23%;
}

/* --SUMMARY DIVS -------------------------------------------- */

div.summary-div {
    width:100%;
    text-align:center;
    font-size: 12px;
    color: black;
    padding-bottom:20px;
}

div.summary-div-title {
    width:100%;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
}

div.summary-div-subtitle {
    width:100%;
    text-align:center;
    font-size: 12px;
    font-weight: bold;
    color:white;
    height: 25px;
    line-height: 25px;
    background:#2A4E75;
}

div.summary-div-subtitle-left {
    float:left;
    width:60%;
    height:25px;
    line-height:25px;

}
div.summary-div-subtitle-right {
    float:left;
    width:40%;
    height:25px;
    line-height:25px;
}

div.summary-div-subtitle-left-3 {
    float:left;
    width:50%;
    height:25px;
    line-height:25px;

}
div.summary-div-subtitle-right-3 {
    float:left;
    width:25%;
    height:25px;
    line-height:25px;
}

div.summary-div-bottom {
    width:100%;
    border:1px solid black;
    background:#fff;
    overflow:hidden;
}

div.summary-div-normal-row {
    width:100%;
    height:20px;
    border-bottom:1px solid #ddd;
}

div.summary-div-break-row {
    width:100%;
    height:20px;
    border-bottom:2px solid black;
}

div.summary-div-left-title {
    float:left;
    width:60%;
    height:20px;
    line-height:20px;
    background:#ddd;
}
div.summary-div-right-data {
    float:left;
    width:40%;
    height:20px;
    line-height:20px;
    background:#fff;
}

div.summary-div-left-title-3 {
    float:left;
    width:50%;
    height:20px;
    line-height:20px;
    background:#ddd;
}
div.summary-div-right-data-3 {
    float:left;
    width:25%;
    height:20px;
    line-height:20px;
    background:#fff;
}

div.datatable {
padding-bottom:10px;
text-align:left;
font-size: 10pt;
color: black;
}



div.team-logo {
float:left;
margin:0;
padding: 5px;
width:90px;
height:90px;
}

div.conference-logo {
margin:0;
padding: 5px;
width:110px;
height:110px;
}

/* ------------- statbox --------------- */

.statbox {
margin:0 auto 20px auto;
padding:0;
width:342px;
clear:both;
}

.statbox4 {
margin:0 auto 20px auto;
padding:0;
width:342px;
clear:both;
border-radius: 10px 10px 0px 0px;
box-shadow: 5px 5px 5px #888;
overflow:hidden;
}

.statbox-header {
border-radius: 10px 10px 0px 0px;
margin:0;
padding:0;
width:100%;
height:30px;
text-align: left;
background:url(/images/common/header-30.png) 0 0 repeat-x;
}

.statbox-header-tl {
background: url(/images/common/header-30-left.png) 0 0 no-repeat;
}

.statbox-header-tr {
background: url(/images/common/header-30-right.png) 100% 0 no-repeat;
}

.statbox-header-text {
margin:0;
padding:7px 0 0 8px;
width:100%;
height:30px;
font-family:Arial;
font-size: 13px;
font-weight: bold;
color:white;
}

.statbox-content {
float:left;
margin: 0 0 20px 0;
padding:0;
width:340px;
font-size: 12px;
font-weight: normal;
text-align: left;
color: black;
background-color: white;
border-bottom:solid 1px #2A4E75;
border-left:solid 1px #2A4E75;
border-right:solid 1px #2A4E75;
}

.statbox4-content {
float:left;
margin: 0;
padding:0;
width:340px;
font-size: 12px;
font-weight: normal;
text-align: left;
color: black;
background-color: white;
border-bottom:solid 1px #2A4E75;
border-left:solid 1px #2A4E75;
border-right:solid 1px #2A4E75;
}

.statbox-content-half  {
float:left;
margin: 0;
padding:5px;
width:160px;
}

.statbox-content-quarter  {
float:left;
margin: 0;
padding:1px;
width:83px;
}

ul.no-bullet  {
margin:0;
padding:0;
text-align:left;
}

li.no-bullet  {
margin:0;
padding:0;
list-style-type:none;
}




/* ------------- statbox2 --------------- */

.statbox2 {
margin:0 auto 0 auto;
padding:0;
width:232px;
clear:both;
border-radius: 10px 10px 0px 0px;
box-shadow: 5px 5px 5px #888;
overflow:hidden;
}

.statbox3 {
margin:0 auto;
padding:0;
width:232px;
clear:both;
border-radius: 10px 10px 0px 0px;
box-shadow: 5px 5px 5px #888;
overflow:hidden;
}

.statbox2-header {
border-radius: 10px 10px 0px 0px;
margin:0;
padding:0;
width:100%;
height:30px;
text-align: center;
background:url(/images/common/header-30.png) 0 0 repeat-x;
}

.statbox2-header-tl {
background: url(/images/common/header-30-left.png) 0 0 no-repeat;
}

.statbox2-header-tr {
background: url(/images/common/header-30-right.png) 100% 0 no-repeat;
}

.statbox2-header-text {
margin:0;
padding:7px 0 0 0;
width:100%;
height:30px;
font-family:Arial;
font-size: 13px;
font-weight: bold;
color:white;
}

.statbox2-record {
float:left;
margin: 0;
padding:3px 0 3px 0;
width:230px;
font-size: 12px;
font-weight: normal;
text-align: center;
color: black;
background-color: #FFEC00;
border-bottom:solid 1px #2A4E75;
border-left:solid 1px #2A4E75;
border-right:solid 1px #2A4E75;
}

.statbox2-content {
float:left;
margin:0;
padding:0;
width:230px;
font-size: 12px;
font-weight: normal;
text-align: left;
color: black;
background-color: whitesmoke;
border-bottom:solid 1px #2A4E75;
border-left:solid 1px #2A4E75;
border-right:solid 1px #2A4E75;
}

table.statbox2 {
width:100%;
background-color:whitesmoke;
}


/* ---- menu buttons ---- */

a.menu-button{

}

/* ------ Polls ------ */

.poll-weeks{  
    margin: 0px 0px 5px 0px;
    padding:2px 1px;
    width: 100%;  
    background-color: #333;
} 

.poll-weeks ul{  
    margin: 0;
    padding: 0;  
    float: left;
}  

.poll-weeks ul li{  
    display: inline;
}  

.poll-weeks ul li a{  
    float: left;
    text-decoration: none;
    color: white;
    padding: 5px 10px;
    border:solid 2px #333;
    background-color: #333;
}  

.poll-weeks ul li a:visited{  
    color: white;
}  

.poll-weeks ul li a:hover,
.poll-weeks ul li a:focus{  
    font-weight: normal;
    color: #fff;  
    border: 2px solid #0b75b2;
    background-color:#333;
    border-radius: 10px;
} 

.poll-weeks ul li a.current{  
    font-weight: normal;
    color: #fff;
    border: 2px solid #0b75b2;
    background-color:#0b75b2;
    border-radius: 10px;
} 

.polls {
    margin:0 auto 0 auto;
    padding:0;
    width:348px;
    clear:both;
}

.polls-header {
    border-radius: 10px 10px 0px 0px;
    margin:0;
    padding:0;
    width:100%;
    height:30px;
    text-align: center;
    background:url(/images/common/header-30.png) 0 0 repeat-x;
}

.polls-header-tl {
    background: url(/images/common/header-30-left.png) 0 0 no-repeat;
}

.polls-header-tr {
    background: url(/images/common/header-30-right.png) 100% 0 no-repeat;
}

.polls-header-text {
    margin:0;
    padding:7px 0 0 0;
    width:100%;
    height:30px;
    font-family:Arial;
    font-size: 13px;
    font-weight: bold;
    color:white;
}

.polls-content {
    float:left;
    margin:0;
    padding:0;
    width:346px;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: black;
    background-color: whitesmoke;
    border-bottom:solid 1px #2A4E75;
    border-left:solid 1px #2A4E75;
    border-right:solid 1px #2A4E75;
}

table.polls {
    width:100%;
    background-color:#CFCFCF;
}





/* ------ Calendars ------ */

div.calendar {
float:left;
margin:0 4px 10px 0;
padding:0;
width:122px;
}

div.calendar-header {
border-radius: 10px 10px 0px 0px;
margin:0;
padding:0;
width:100%;
height:20px;
text-align: center;
background:url(/images/common/header-20.png) 0 0 repeat-x;
}

div.calendar-daysofweek {
margin:0;
padding:0px 1px 0px 1px;
width:120px;
height:17px;
background-color: #2A4E75;
font-weight: bold;
font-size: 10px;
color: white;
}

div.calendar-daysofweek-day {
float: left;
width: 17px;
text-align: center;
padding: 2px 0px 2px 0px;
}


div.calendar-header-tl {
background: url(/images/common/header-20-left.png) 0 0 no-repeat;
}

div.calendar-header-tr {
background: url(/images/common/header-20-right.png) 100% 0 no-repeat;
}

div.calendar-header-text {
margin:0;
padding:2px 0 2px 0;
width:100%;
height:20px;
font-family:Arial;
font-size: 11px;
font-weight: bold;
color:white;
}

div.calendar-content {
float:left;
margin:0;
padding:0;
width:120px;
font-size: 10px;
font-weight: normal;
text-align: left;
color: black;
background-color: whitesmoke;
border-bottom:solid 1px #2A4E75;
border-left:solid 1px #2A4E75;
border-right:solid 1px #2A4E75;
}

table.calendar {
width:100%;
background-color:#CFCFCF;
}

th.calendar {
background-color: #2A4E75;
font-weight: bold;
font-size: 10px;
text-align: center;
color: white;
padding: 2px 0px 2px 0px;
}

td.calendar {
font-weight: normal;
font-size: 10px;
text-align: center;
color: red;
width: 15px;
height: 15px;
background-color: white;
}

td.today {
background-color: gold;
}

td.no-games {
background-color: RGB(190, 190, 190);
color:black;
}

a.calendar:link, a.calendar:visited, a.calendar:active {
display:block;
font-weight: normal;
font-size: 10px;
text-align: center;
color: blue;
text-decoration:none;
}

a.calendar:hover,
a.calendar:focus {
display:block;
font-weight: normal;
font-size: 10px;
text-align: center;
color: blue;
text-decoration:none;
background-color: gold;
}



/* ----------------------------------------- */

a.bold:link, a.bold:visited, a.bold:active, a.bold:hover  {
color:blue;
font-weight: bold;
text-decoration:underline;
}

a.normal:link, a.normal:visited, a.normal:active {
color:blue;
font-weight: normal;
text-decoration:underline;
}

a.normal:hover {
color:black;
font-weight: normal;
text-decoration:underline;
}

.body-text-heading{
text-align:center;
font-family: Tahoma;
font-size:12pt;
font-weight:bold;
color:black;
}

.body-text{
text-align:center;
font-family: Tahoma;
font-size:10pt;
color:black;
}

p {
margin:0;
padding:0;
padding-bottom:10px;
}
p.last {
margin:0;
padding:0;
padding-bottom:20px;
}

table.news2 {
border: solid 1px #2A4E75;
width:100%;
background-color:#CFCFCF ;
}

table.curved-border  {
border-radius: 8px 8px 0px 0px;
border: solid 1px #2A4E75;
width:100%;
background-color:#CFCFCF ;
}



th.top-header-curved-border {
border-radius: 8px 8px 0px 0px;
background: linear-gradient(to bottom, #4085CA, #2A4E75);
height:20px;
font-weight: bold;
font-size: 12px;
text-align: center;
color: white;
padding: 5px 0px 5px 0px;
}

th.second-header {
background:  #2A4E75;
height:20px;
font-weight: bold;
font-size: 12px;
text-align: center;
color: white;
padding: 5px 0px 5px 0px;
}

/* ----------------------------------------- */


a.front:link, a.front:visited, a.front:hover, a.front:active {
color: white;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}




td.recordinfo
{ background-color: #FFEC00;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  color: black;
  padding: 3px;
}

a.newsheader:link, a.newsheader:visited, a.newsheader:active
{ color: white;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}

a.newsheader:hover
{ color: white;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  text-decoration: underline;
}

a.newstext:link, a.newstext:visited, a.newstext:active
{ color: black;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
}

a.newstext:hover
{ color: black;
  font-size: 12px;
  text-align: left;
  text-decoration: underline;
}

td.newsheader2
{ font-weight: bold;
  font-size: 14px;
  text-align: left;
  color: black;
  background-color: #CFCFCF;
  padding: 3px;
}

a.newsheader2:link, a.newsheader2:visited, a.newsheader2:active
{ color: black;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}

a.newsheader2:hover
{ color: black;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  text-decoration: underline;
}

table.news
{ border: solid 4px #00008b}

table.newsbasketball
{ border: solid 4px #FA7000}

table.newsbaseball
{ border: solid 4px #BD0000}

table.newssoftball
{ border: solid 4px #7000FF}

table.newsfootball1a
{ border: solid 4px #800000}

table.newsfootball1aa
{ border: solid 4px #008000}

td.newsheader
{ font-weight: bold;
  font-size: 14px;
  text-align: left;
  color: white}

td.newstext
{ font-size: 12px;
  text-align: left;
  color: black;
  padding: 3px;
}

td.newstextbold
{ font-weight: bold;
  font-size: 12px;
  text-align: left;
  color: black}

td.specialtitle
{ background-color: #990000;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: white}

td.smallspecialtitle
{ background-color: #990000;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: white;
  padding: 3px;
}

td.smallblacktitle
{ background-color: black;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: white;
  padding: 3px;
}

td.smallgraytitle
{ background-color: #666666;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: white;
  padding: 3px;
}

td.goldtitle
{ background-color: #FDD017;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: black;
  padding: 3px;
}

td.smallgoldtitle
{ background-color: #FDD017;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: black}

td.smallgoldleftdata
{ background-color: #FDD017;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  color: black;
  padding: 3px;
}

td.LBlueTitle
{ background-color: #90E0FF;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: black}

td.regulartitle
{ background-color: black;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: white}

td.regularlefttitle
{ background-color: #CCCCC4;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: black;
  padding: 3px;
}

td.specialinfo
{ background-color: black;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: white}

td.specialinfoend
{ background-color: black;
  font-weight: bold;
  font-size: 4px;
  text-align: center;
  color: white}


td.linescorewinner
{ background-color: #F0F0F0;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  color: black}

td.littletext
{ font-weight: normal;
  font-size: 10px;
  color: black}

tr.spacer
{ height: 8px;
  background-color: #CCCCC4
}

td.spacer
{ text-align: center;
  font-size:14px;
  font-weight:bold;
  background-color: #CCC;
}

td.division-spacer
{ padding-left:20px;
  line-height:24px;
  text-align: left;
  text-transform:uppercase;
  font-size:14px;
  font-weight:bold;
  background-color: black;
  color:white;
  border-bottom: 1px solid #ccc;
}

tr.spacer2
{ height: 1px;
  background-color: #666666
}

td.spacerleftdata
{ background-color:  #CCCCC4;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  color: black}

td.scoreboardtitle
{ background-color: #990000;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: white}

td.scoreboardfinal
{ background-color: #CCCCC4;
  font-weight: normal;
  font-size: 12px;
  color: black;
  padding: 3px}

td.scoreboardwinner
{ background-color: white;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #990000;
  padding: 3px}

.Arrow
{
    FLOAT: right;
    FONT-FAMILY: Webdings;
    POSITION: absolute;
    TEXT-ALIGN: left
}

/* tr.alternate td { background-color: #f0f0f0; } */

td.alternate
{ background-color: #f0f0f0;
}




/* scroll table */


/*** stack table ***/
table.stack {
border: solid 1px #2A4E75;
width:100%;
background-color:#CFCFCF ;
}



/*** ***/


.scroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stlye: -ms-autohiding-scrolllbar;
}

@media only screen and (min-width: 1280px) {

   #main-body {
        width:1340px;
   }

}

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

    #side-menu-wide {
        display:none;
    }

}



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


    #header-wrap {
        margin: 0px;
        padding: 0;
        width: 768px; 
        height: 60px;
        overflow:hidden;
    }

    #sub-menu {
        margin: 0;
        width:768px;
        height:44px;
       /* margin-top:50px;*/
        background-color:#fff;
    }

    #sub-menu ul ul {
        padding:0;
        margin:0;
        display:none;
        position:absolute;
        top:100%;
        left:auto;
        right:0;
        background:#fff;
        box-shadow: 0px 3px 3px grey;
        z-index: 999;
    }
    
    #container {
        margin:0px 0px 20px 0px;
        padding:0;
        width:100%;
        text-align:center;
        overflow:hidden;
        background-color:black;
        font-family: Tahoma;
        font-size:12px;
    }
    
    #footer-notes {
        margin:0 auto;
        padding: 10px 0px;
        width:768px;
        color:white;
    }

    #side-menu {
        display:none;
    }
    
    #horizontal-menu ul a {
        display: block;
        margin: 0;
        padding: 9px 12px;
        text-align:center;
        font: bold 14px Tahoma;
        color: #EEE;
        line-height: 16px;
    }

    
    #page-menu-middle-wide {
        float:left;
        width:648px;
        height:86px;
        background-color:#fff;
        overflow:hidden;
    }

    #page-menu-middle {
        float:left;
        width:550px;
        height:86px;
        background-color:#fff;
        overflow:hidden;
    }
    

}






@media print {
    #sticky-navigation-wrap{
    background:#fff;
    z-index:170;
    width:100%;
    position:relative;
    top:0;
    left:0;
    right:0;
    }  
}

@media screen and (max-width: 750px) {
  table.stack thead,
  table.stack tbody,
  table.stack th,
  table.stack tr,
  table.stack td {
    display: block;
  }

  table.stack thead tr {
    		position: absolute;
		top: -9999px;
		left: -9999px;
  }
  
  table.stack tr {
    border: 1px solid #ccc;
  }
  
  table.stack td {
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%;
        white-space: normal;
		text-align:left;
  }
  
  table.stack td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 60%; 
		padding-right: 10px; 
		white-space: nowrap;
        		text-align:left;
		font-weight: bold;
  }

  table.stack td:before { content: attr(data-title); }
  table.stack td:first-child { display:none; }
  
  
}