﻿@charset "UTF-8";

html {
    height: 100%;
    box-sizing: border-box;
}


/*colors*/
:root {
    --sponsorColor: #777;
    --sponsorColorDark: #333;
    --transparentBlack: rgba(0,0,0,0.15);
    --transparentWhite:rgba(255,255,255,0.15);
}



body, input, select {
    font-family: 'RingsideRegular-Book_Web', Tahoma, Geneva, Helvetica, sans-serif;
    color: #111;
}
.button, .buttonBig {
    /*font-family: 'Legacy-Regular', Tahoma, Geneva, Helvetica, sans-serif !important;*/
    cursor: pointer;
}

.regOptions select {
    font-family: 'RingsideRegular-Book_Web' !important;
}
.bold {
    font-family: 'Legacy-Regular';
}
.medium, .firstRound, .gameSelector select, .gameSelector select option, .mobileBracketBTN {
    font-family: 'RingsideCondensed-Bold_Web';
}
#divBracket {
    font-size:15.5px;
}
.vsIndicator {
    letter-spacing:.5px;
    padding-right:10px !important;
}

.pageNavMobile, .pageNav, .pageNavFooter {
    /*background-color:rgba(0,0,0,.5);*/
    color: #fff;
}

.mainContent, #my-soon-counter {
    color:#222;
}
#divBracketHeader {
    background-color:var(--sponsorColorDark);
    color:#fff;
    border-bottom:3px solid var(--sponsorColor);
}


.divOuterLeaderboard {
    max-width: 100%;
    margin: 0 auto;
}




.innerContent, .innerLeader, .picksContainer {
    margin: 0 auto;
}

.innerContent {
    max-width: 793px;
}
.picksContainer {
    max-width: 1318px;
}

.weekTitle {
    font-size: 30px;
    text-transform: uppercase;
}

.picksLeftBTN {
    float: left;
}

.picksRightBTN {
    float: right;
}


.sponsorColor, .graphColor/*Lighter Color*/ {
    color: #666;
}
.picksPercentages {
    border:1px solid rgba(0,0,0,0.15);
    background-color:#fff;
    border-radius:.5em;
    overflow:hidden;
}
.sponsorColor2 /*Darker Color*/ {
    color: #333;
}

.sponsorColorBG /*has white text on top of it*/{
    color:#fff;
    background-color: #555;
}


input[type=text]:focus, input[type=password]:focus, textarea:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState1:focus, .dobmm:focus, .dobdd:focus, .dobyy:focus {
    border-bottom: solid 1px #000 !important;
}
input[type='radio'], input[type='checkbox'] {
    accent-color: #333;
}



.newColor /*override bracket highlight color*/ {
    color: #fff !important;
    background-color: #444 !important;
}

.switched /*override radio button switched color*/ {
    /*border: 2px solid red !important;*/
    background-color: #555 !important;
}


.showOnMobile, .showOnMobileOnly, .hidden {
    display: none !important;
}





.menu ul.dropit-submenu a:hover {
    background: #777;
    color: #fff;
}

li.dropit-open > a {
    color: #fff !important;
}

.menu ul.dropit-submenu::before {
    border-bottom: solid 15px #222;
}

.menu ul.dropit-submenu, .logincontent {
    background-color: #222;
}

.menu ul.dropit-submenu-left::before, .menu ul.dropit-submenu-right::before {
    z-index: -1;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.menu ul.dropit-submenu-left::before {
    top: -15px;
    left: 10px;
}

.menu ul.dropit-submenu-right::before {
    top: -15px;
    right: 7px;
}

.menu ul {
    display: none;
}
/* Hide before plugin loads */
.menu ul.dropit-submenu {
    padding: 3px;
    margin: 16px 0px 0 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.menu ul.dropit-submenu a {
    text-decoration: none;
    font-size: 13px;
    display: block;
    line-height: 25px;
    color: #fff;
    padding: 0px;
    padding-left: 5px;
}

.shareLink ul.dropit-submenu {
    padding: 7px;
}

ul.menu > li {
    padding-bottom: 0px;
}

.dropit {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    margin: 0px 3px;
}

.dropit .dropit-trigger {
    position: relative;
}

.dropit .dropit-submenu {
    text-align: left;
    position: absolute;
    top: 100%;
    /*left: 0; dropdown left or right */
    z-index: 1000;
    display: none;
    min-width: 155px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropit .dropit-submenu-left {
    left: 0; /* dropdown left or right */
}

.dropit .dropit-submenu-right {
    right: -3px; /* dropdown left or right */
}

.dropit .dropit-open .dropit-submenu {
    display: block;
}







/*Settings that may have to be changed more frequently than others */
.headerHTPContainer {
}

.pageHeader {
    padding: 0px 0px;
}


.headerLogos, .headerText {
    display: inline-block;
    margin: 0px 10px;
}
.headerText .disclaimer {
    max-width:793px;
}

.headerTitleIMG {
    width:450px;
    max-width: 80vw;
    margin: 0 auto;
    margin-top:-65px;
}

.headerTitleIMG, .pageNavLeftContainer, .pageNavRightContainer {
    position:relative;
}

.headerTitleIMG {
    z-index:1;
}
.pageNavLeftContainer, .pageNavRightContainer {
    z-index:2;
}



/*Bar Chart Styling*/
        .sticky {
            position: -webkit-sticky; /* Safari */
            position: sticky;
            top: 0;
        }
        .highcharts-figure, .highcharts-data-table table {
            width: 100%;
            margin: 0 auto;
        }

        .highcharts-container, .highcharts-root {
            width: 96% !important;
            margin:0 auto;
            border-radius:8px;
        }
        .highcharts-container {
            background-color:#fff;
        }
                
        #container {
            height: 170px;
            border-bottom:0px solid rgba(0,0,0,0.2);
        }

        .highcharts-data-table table {
            font-family: Verdana, sans-serif;
            border-collapse: collapse;
            border: 1px solid #EBEBEB;
            margin: 10px auto;
            text-align: center;
            width: 100%;
            max-width: 500px;
        }
        .highcharts-data-table caption {
            padding: 1em 0;
            font-size: 1.2em;
            color: #555;
        }
        .highcharts-data-table th {
            font-weight: 600;
            padding: 0.5em;
        }
        .highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
            padding: 0.5em;
        }
        .highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
            /*background: #f8f8f8;*/
        }
        .highcharts-data-table tr:hover {
            /*background: #f1f7ff;*/
        }
        .highcharts-credits {
            display:none;
        }

        
        .picksTable tbody tr.compare {
            background-color:#c1c1c1;
        }
        .hoverable tbody tr:hover {
            background-color:#dedede;
        }
        .scoreBarChart, .picksTable {
        }
        
        .scoreBarChart .barChartTitle {
            text-align:center;
            width:100%;
            box-sizing:border-box;
            padding:10px 15px;
            font-size:15px;
        }









.finalFourCircle {
    background-color: #888;
}

a#picksDetails {
    color: #333;
}


.headerTitleLogo {
    max-height: 140px;
}

.headerSubLogo {
    max-height: 100px;
    margin: 20px 30px;
}

.headerTitle {
    margin-top: 20px;
    font-family: 'DINNextLTPro-Bold';
    text-transform: uppercase;
    font-size: 110px;
    line-height: 90%;
}

.headerSubTitle {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 90%;
    margin-top: 10px;
}



#collapseBTN {
    text-align: center;
    width: 1em;
    right: 1em;
    top: 1em;
    display: inline-block;
    color: #fff;
    border:2px solid #555;
    text-decoration: none;
    padding: .2em;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 50px;
}

#collapseBTN:hover {
    color: #fff;
    background-color: #333;
    border-color:#333;
}


.buttonBig, .button {
    color: #fff;
    background-color: #555;
    border:2px solid #555;
}
.buttonBig:hover, .buttonBig.pageLink, .button:hover {
    color: #555;
    background-color: transparent;
    cursor:pointer;
}


.button {
    font-size: 10px;
}
.buttonBig {
    font-size: 15px;
}
.buttonBig, .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    text-decoration: none;
    min-width: 8.5em;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    padding: .8em 1.5em .8em 1.5em;
    letter-spacing:.08em;
    line-height: 100%;
    margin: .25em;
    border-radius: 6px;
    box-sizing: border-box;
}

.buttonBig.autoWidth, .button.autoWidth {
    min-width:auto;
}



.buttonBig[disabled], .buttonBig[disabled]:hover, .buttonBig[disabled]:focus, .buttonBig[disabled]:active,
.button[disabled], .button[disabled]:hover, .button[disabled]:focus, .button[disabled]:active {
    pointer-events:none;
    opacity: 0.3;
    filter: grayscale(1);
}







.headerCell, th.headerCell, td.headerCell {
    font-size: 18px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: transparent;
    text-align: left;
    text-transform: uppercase;
    margin: 5px 0px;
    padding: 12px 20px 8px 20px;
}




a#picksDetails:hover {
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70;
}

.htpSection {
    font-size: 1vw;
    position: relative;
    display: none;
}

.htpNumber {
    font-family: 'Legacy-Regular';
    font-size: 4vw;
}

.prizesColumn, .htpSubSection {
    width: 13em;
    margin:.25em;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: text-top;
    z-index:2;
}

.htpSubSection {
    width: 16em;
}

.htpSubSection.wide {
    width:20em;
}


.htpSubSection ul {
    text-align: left;
}

.htpSection .disclaimer {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
}

.prizes .text {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    font-style: italic;

}

.howToPlay, .prizes, .regBox, .picksPercentagesContainer.bgBox, .innerLeader.bgBox, .divDemoMsg, .divPicksOptions, .divBracketOuterDiv {
    width:60em;
    max-width: 96vw;
    margin:0 auto;
    padding:1.25em 0;
    margin-top:1em;
    box-sizing:border-box;
    border-radius:6px;
}
.divBracketOuterDiv {
    width:96vw;
}
.divPicksOptions, .divBracketOuterDiv {
    padding:0;
}
.timerContainer {
    border-radius:6px;
    padding: .75em;
    display: inline-block;
    box-sizing:border-box;
}








.prizeIMG {
    border:0px solid red;
    width:8em;
    max-width:70vw;
}

.htpTitle, .htpSectionTitle, .htpSubTitle {
    text-transform: uppercase;
    line-height: 100%;
    margin: .25vw;
}

.htpSectionTitle {
    font-size:2.5vw;
    text-align:center;
    border:0;
}


.htpTitle {
    font-family: 'Legacy-Regular';
    font-size: 2vw;
    /*text-shadow: 2px 2px 0px rgba(0,0,0,0.6);*/
}

.htpSubTitle {
    font-size: 1vw;
}

.htpSubSection .htpSubTitle {
    font-family: 'Legacy-Regular';
    font-size:1.25vw;
    letter-spacing:.04em;
}


.htpSubTitle, .divisionLabel, .championshipLabel {
    /*text-shadow: 1px 1px 0px rgba(0,0,0,0.6);*/
}


.picksTable .divisionLabel  {
    -webkit-text-stroke: 0vw #fff; 
   }


sup {
    font-size:.5em;
    line-height:50%;
    margin:0px .2em;
}




.fb-login-button.fb_iframe_widget.fb_hide_iframes span {
    display: none;
}

div.shareWithFriends iframe, div.fb-send iframe {
    width: 60px !important;
    height: 30px !important;
}

body {
    font-size: 15px;
    margin: 0px;
    padding-top: 0px;
    background-color: #fff;
    /*min-height: 100%;*/
    position: relative;
    padding-bottom:70px;
}
.regTitle {
    font-size:1.4vw;
    box-sizing:border-box;
}
.regTitle.fixedSize {
    font-size:20px;
}

a {
    color: #000;
}

a:hover {
    color: red;
}

#outerBody {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

.mainContent {
    text-align: left;
    border: solid 0px transparent;

}

.regOptions {
    max-width: 560px;
    margin:0 auto;
}

.regOptions div.colLeft {
    float: left;
    clear: both;
    white-space: nowrap;
}



.pageNav {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 1vw;
    min-height: 4vw;
    border-bottom: 2px solid #999;
}

.pageNav, .pageNavMobile {
    background-color:#111;
    color:#fff;
}

.pageNavFooter {
    border-top: 2px solid #999;
    background-color:#111;
}

.pageNav, .pageNavFooter {
    border-width: 0px;
}





.pageNavFooter {
    position: fixed;
    bottom: 0px;
    left: 0vw;
    right: 0px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0px;
    padding: 10px 0px;
    z-index: 100;
}

.pageNavMobile {
    display: none;
}




.pageNavLeftContainer {
    float: left;
}

.pageNavRightContainer {
    float: right;
}







.pageNavLeft {
    float: left;
    padding: 19px 0px 0px 0px;
    margin-left: 1px;
    border: 0px solid red;
}

.pageNavLeftSecondary {
    float: left;
    padding: 0px 0px;
    margin-left: 0px;
    border: 0px solid red;
    clear: left;
}

.secondaryNavLinks {
    text-decoration: none;
    font-size: 11px;
    display: inline-block;
    padding: 6px;
    border: 1px solid rgba(255,255,255,0);
}

.secondaryNavLinks i {
    margin:auto 3px;
}
.secondaryNavLinks i:first-child {
    margin-left:0px;
}

a.pageNavLinks, a.pageNavLinks:link, a.pageNavLinks:visited {
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    padding: 1px 5px;
    background-color: transparent;
    /*border-bottom: 1px solid rgba(255,255,255,0);*/
}



.socialNavBTN, .socialNavBTN:visited, a.pageNavLinks, .secondaryNavLinks, .pageNavLeftSecondary a, .pageNavFooter a {
    color: rgba(255,255,255,.7);
}


.socialNavBTN:hover {
    color:#fff;
}

.shareBTN {
    color:#777;
    border-color:#777;
}

a.pageNavLinks:hover, .secondaryNavLinks:hover, .pageNavLeftSecondary a:hover, .pageNavFooter a:hover {
    color: #fff;
}

a.pageNavLinks:hover {
    /*border-bottom: 1px solid #fff;*/
}




.pageNavRight {
    color: rgba(255,255,255,0.4);
    float: right;
    padding-right: 0px;
    margin-right: 10px;
    font-size: 11px;
}

.socialNavBTN {
    text-align: center;
    display: inline-block;
    font-size: 15px;
    width: 15px;
    aspect-ratio: 1/1;
    margin: 7px 2px;
    border: 1px solid;
    padding: 7px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    vertical-align: middle;
}
.socialNavBTN .xIcon {
    margin:0 auto;
    margin-top:.1em;
}

.socialNavBTNMenu {
    margin: 19px 1px;
}



.shareSocial .socialNavBTN {
    text-align: center;
    display: inline-block;
    font-size: 30px;
    width: 30px;
    margin: 13px 1px;
    border: 1px solid;
    padding: 10px;
}





.xIcon {
    width:.8em;
    margin:0px .2em;
    height:auto;
    vertical-align: middle;
}

/*remove colors*/
.fbBTN, .twBTN, .igBTN, .ytBTN, .liBTN, .emBTN {
    border-color: rgba(255,255,255,.5);
}



.fbBTN:hover, a.shareBTN.shareFB:hover {
    border-color: #6b95f1;
}

.twBTN:hover, a.shareBTN.shareTW:hover {
    border-color: #000;
}

.igBTN:hover {
    border-color: #b900b4;
}

.ytBTN:hover {
    border-color: #fd4e54;
}

.liBTN:hover {
    border-color: #4cc3fc;
}

.emBTN:hover {
    border-color: #e8e8e8;
}

#shareBTN:hover {
    border-color: #777;
}



.lbShare .socialNavBTN {
    margin: 1px 8px;
    width: 13px;
    color: rgba(255,255,255,.8);
    padding: 5px;
}

.lbShare a.shareBTN {
    font-size: smaller;
}

.lbShare a.shareBTN.shareFB {
    background: #4867aa;
}

.lbShare a.shareBTN.shareTW {
    background: #12b0ea;
}

a.pagelink {
    color: #fff;
}

#highlightLinks a:hover {
    color: #fff;
}



.fbBTN:hover, a.shareBTN.shareFB:hover {
    background: #4867aa;
}

.twBTN:hover, a.shareBTN.shareTW:hover {
    background: #000;
}

.igBTN:hover {
    background-image: linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
}

.ytBTN:hover {
    background: #cc181e;
}

.liBTN:hover {
    background: #007bb6;
}

.emBTN:hover {
    color: #111;
    background: #bababa;
}

#shareBTN:hover {
    background: #888;
}




#divBracketOuterDiv {
    height: auto;
}

#divBracket {
    align-content: center;
}

a.pageNavLinks:link, a.pageNavLinks:visited {
    text-decoration: none;
}

img.imgBracket {
    width: 150px;
    margin-top:0px;
}

.pageHeader {
    /*clear:both;*/
}

a.headerCellLinks:link, a.headerCellLinks:active, a.headerCellLinks:visited, .pageNavFooter a, .pageNavFooter a:visited {
    text-decoration: underline;
}

a.headerCellLinks:hover {
    text-decoration: underline;
    color: #d7d7d7;
}

.pageNavFooter a {
    margin-right: 20px;
    font-size: smaller;
    text-decoration: none;
}
.pageNavFooter a:last-of-type {
    margin-right:0;
}

/*
.divDemoMsg {
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 20px;
    z-index: 1;
    padding: 10px;
    margin-top:15px;
    max-width:72.5vw;
    box-sizing:border-box;
}
*/

.captchaDiv {
    max-width: 304px;
    margin: 0 auto;
    margin-top: 15px;
}

.grecaptcha-badge {
    z-index: 200;
}

div.errorBox {
    max-width: 640px;
    /*padding: 10px 20px;*/
    box-sizing: border-box;
    margin: 10px auto;
    font-size: 14px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
}

div.errorBox, .errorField, .gameSelector select.errorField {
    background-color: #ff6666;
    color: #c10000;
}
div.errorBox {
    border: 1px solid #c10000;
}

.errorBox h2, .errorBox h4 {
    padding: 0px;
    margin: .25em;
}

.errorBox h2 {
    font-size: 1.25em;
    text-transform: uppercase;
}

.errorBox h4 {
    font-family: 'DINNextLTPro-Light';
}


div.msgBox {
    /*margin-top: 10px;
    background-color: Transparent;
    border-width: 0px;
    color: #222;
    overflow: auto;
    height: auto;
    */
}

.errorBox a, .errorBox a:visited {
    color: red;
}

    .errorBox a:hover {
        text-decoration: underline;
        color: rgba(255,0,0,0.7);
    }

.errorBox ul, div.msgBox ul {
    list-style-type: disc;
    padding: 1em 1em 1em 1em;
    font-weight: normal;
}

.errorBox li, div.msgBox li {
    padding: 0 0 .5em .5em;
    /*margin-left:1em;*/
}

.errorBox li:last-child, div.msgBox li:last-child {
    padding-bottom:0px;
    /*margin-left:1em;*/
}

.errorBoxPos {
}



div.successBox {
    border: solid 1px #000;
    color: #000;
}

div.disclaimerText {
    font-weight: normal;
    width: 320px;
    text-align: justify;
    margin-top: 10px;
    line-height: 100%;
}

.boxWithBorder {
    border: solid 0px #ff3300;
    padding: 10px;
}

.mainContent div.colLeft {
    display: inline-block;
}


.picksInfo {
    text-align: left;
    max-width: 330px;
    margin: 0 auto;
}


.buttonBigDisabled {
    /*color: #ccc;
    border: 2px solid #5e5e5e;*/
}

.buttonBigDisabled:hover {
    color: #5e5e5e;
    background-color: transparent;
    cursor: default;
}









.landingButtons, .pageNavRightContainer {
    margin: 15px 0px;
}


.footer {
    color: #999;
    font-size:.75em;
}

a.footerLink {
    color: #d6d6d6;
}





/* Ticker */
.modern-ticker {
    background-color:#111;
    border: 0px solid #111;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 25px;
    overflow: hidden;
    box-sizing:border-box;
}

.mt-news a {
    font-size: 12px;
    line-height: 13px;
    padding: 4px 110px;
    border-right: 1px solid rgba(255,255,255,0.2);
    display: block;
    white-space: nowrap;
    color: rgba(255,255,255,0.8);
    margin: 2px 0px;
    margin-top: 3px;
    cursor: pointer;
    letter-spacing: .03em;
}

.modern-ticker a {
    text-decoration: none;
}

.modern-ticker ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mt-round {
    border-radius: 7px;
}

/* Body */
.mt-body {
    margin: 0px;
    position: relative;
}



/* News */
.mt-news {
    overflow: hidden;
    position: absolute;
}

.mt-scroll .mt-news {
    background-color: transparent;
}

.mt-news ul {
    /* Preload */
    background-repeat: no-repeat;
    background-position: -1000px;
}

.mt-news li {
    float: left;
}

.mt-hide {
    display: none;
}

.mt-news a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #555;
}




/* leader board and picks page styles */

table.picksTable {
    background-color: #fff;
    width:96%;
    margin:0 auto;
    margin-bottom: 20px;
    align-content: center;
    box-sizing:border-box;
    border-spacing: 0;
    border-collapse: separate;
    border-radius:8px;
    border: 1px solid var(--transparentBlack);
    overflow:hidden;
}
table.picksTable select {
    width:100%;
}
table.picksTable thead {
    background-color:#777;
    color:#fff;
    border-color:var(--transparentWhite);
}
table.picksTable thead .headerCell {
    padding:.5em;
}

table.picksTable td.dataCell, td.dataCell {
    text-align: center;
    white-space: nowrap;
}


table.picksTable th, table.picksTable td {
    padding: .5em .2em;
    font-size:.6em;
}

table.picksTable td.barChartInstructions {
    font-size:18px;
    text-align:center;
    padding:30px;
    box-sizing:border-box;
}

table.picksTable tr, table.picksTable th {
    border-color:transparent;
}


table.picksTable th:not(:last-child),
table.picksTable td:not(:last-child) {
 border-right: 1px solid var(--transparentBlack);
}
table.picksTable>thead>tr:not(:last-child)>th,
table.picksTable>thead>tr:not(:last-child)>td,
table.picksTable>tbody>tr:not(:last-child)>th,
table.picksTable>tbody>tr:not(:last-child)>td,
table.picksTable>tfoot>tr:not(:last-child)>th,
table.picksTable>tfoot>tr:not(:last-child)>td,
table.picksTable>tr:not(:last-child)>td,
table.picksTable>tr:not(:last-child)>th,
table.picksTable>thead:not(:last-child),
table.picksTable>tbody:not(:last-child),
table.picksTable>tfoot:not(:last-child) {
 border-bottom: 1px solid var(--transparentBlack);
}

td.hiddenBarStats {
    display:none;
}



tr.scoreBarChart.opponent {
    height:110px;
}

table.picksTable td.leaderboardBarChart {
    padding:0;
}

table.picksTable a {
    color: #000;
    text-decoration: underline;
}

.picksTable th {
    text-align: center;
    /*border: 1px solid rgba(0,0,0,0.2) !important;*/
}





span.seedText {
    color: #666;
}

/* How To Play */
div.mainContentHowToPlay input.button, div.mainContentHowToPlay input[type=button] {
    /*width:130px;*/
}

div.HowToPlayHeader, div.PrizesHeader {
    visibility: hidden;
    display: none;
}


.emptyColRight {
    padding: 0px;
    width: 200px;
    height: 0px;
}

.postToNetworks {
    max-width: 100%;
    padding: 10px;
}

.innerLeader .postToNetworks {
    display:none;
}




.custom_images a.thickbox img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

a.fbPost {
    text-decoration: none;
    margin-left: 5px;
}

#divFBPostFill {
    margin: 0 40px 0 40px;
}

#fbImg {
    width: 25px;
    height: 25px;
    float: left;
}

.colLeftheaderShare {
    float: left;
    color: #36C;
    margin: 10px 2px 5px 10px;
}










#submitMobile {
    display: none;
}







/*  leaderboard sort/filter styles */
th.table-sortable {
    background-image: url(../media/global/sortable.gif);
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

th.table-sorted-asc {
    background-image: url(../media/global/sorted_up.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

th.table-sorted-desc {
    background-image: url(../media/global/sorted_down.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

th.autofilter {
    padding: 0 15px 0 15px;
}

th.table-filtered {
    background-image: url(../media/global/filter.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.fb_connect {
    cursor: pointer;
}

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

#divDebug {
    display: none;
}

/*
.divPicksOptions {
    width:793px;
    max-width:96vw;
    margin: 0px auto;
    margin-top:10px;
    text-align: center;
    font-size:14px;
    border:1px solid rgba(190,190,190,0.5);
    box-sizing:border-box;
    padding:10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
*/

#tblPicksInfo {
    text-align: left;
    border-spacing:0px;
}

.divPicksOptions .colLeft {
    width: 68%;
    padding-right:3%;
    margin-right:2%;
    border-right:1px solid rgba(190,190,190,0.5);
}

.divPicksOptions .colRight {
    width: 29%;
}

.divPicksOptions .colLeft, .divPicksOptions .colRight {
    float:none;
    display:inline-block;
    vertical-align:text-top;
    box-sizing:border-box;
}

.alignRight, th.alignRight, td.alignRight {
    text-align: right;
}

.alignLeft, th.alignLeft, td.alignLeft, table.picksTable td.alignLeft {
    text-align: left;
}

.alignCenter, th.alignCenter, td.alignCenter {
    text-align: center;
}
th.crop, td.crop {
    max-width: 120px;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
#weekLinks a {
    padding-right: 5px;
}

.inline-popup {
    color: #fff;
    background-color: rgba(0,0,0,0.8);
    position: relative;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.paging_full_numbers {
    color: #000;
}


.genderFloat {
    height: 29px;
    padding-top: 5px;
    padding-right: 22px;
    float: none;
    text-align: right;
}

.genderFloatInner {
    display: inline-block;
}

.mfp-iframe-holder .mfp-content {
    height: 100%;
}

.mfp-iframe-scaler iframe {
    background-color: #fff;
}

img.teamLogo {
    margin: 0 1px 0 2px;
    max-width: 3vw;
}

.mB, .tB {
    display:initial;
}
.dB {
    display:block;
}

/*scroller*/
@media screen and (min-width: 800px) {
    .scrollbar-content {
        float: none !important;
        padding: 0px;
    }

    .scroller {
        margin: 0 auto;
    }
}
.scroller, .scrollbar-content, .picksTable {
    box-sizing:border-box;
}
#tblMainContent {
    width:100% !important;
}
.scroller {
    max-width:90vw;
    margin:0 auto;
}




/* soon countdown timer*/
.timerContainer {
    position:absolute;
    top:calc(100px + 2vw);
    right:2vw;
}
.soon {
    font-size:26px !important;
    margin-top:.25em !important;
}
.soon-wrapper[data-layout*=label-small][data-visual] .soon-label, .soon[data-layout*=label-small][data-visual] .soon-label {
    font-size:.45em !important;
    bottom:35% !important;
}

.soon-wrapper[data-visual] .soon-value, .soon[data-visual] .soon-value {
    font-family: 'Legacy-Regular';
}

.soon-wrapper[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-value, .soon[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-value {
    top:40%;
}

#my-soon-counter {background-color:#000000;background-color:rgba(0,0,0,0);}
#my-soon-counter .soon-reflection {background-color:#000000;background-image:linear-gradient(#000000 25%,rgba(0,0,0,0));}
#my-soon-counter .soon-ring-progress {background-color:rgba(0,0,0,0.3);}
#my-soon-counter .soon-ring-progress {border-top-width:0.55em;}
#my-soon-counter .soon-ring-progress {border-bottom-width:0.5em;}



a, .buttonBig, .buttonBig:hover, input[type=text]:focus, textarea:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState1:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState2:focus, .dobmm:focus, .dobdd:focus, .dobyy:focus, .buttonSmall, .frmfld label.labelFocused, .selectItem, .photos-wrapper:hover img, .secondaryNavLinks, .socialNavBTN {
    transition: all 0.1s linear;
}


.show {
    display:initial !important;
}
.hide {
    display:none !important;
}


.vAlignTop {
    vertical-align:top;
}
.vAlignMiddle {
    vertical-align:middle;
}
.vAlignBottom {
    vertical-align:text-bottom;
}
.alignLeft {
    text-align:left;
}
.alignCenter {
    text-align: center;
}
.alignRight {
    text-align: right;
}
.justify {
    text-align:justify;
}


.textShadow {
    text-shadow:0em 0em .5em var(--transparentBlack);
}
.svgShadow {
    filter: drop-shadow(0em 0em .5em var(--transparentBlack));
}
.boxShadow {
    box-shadow:.2em .2em .4em var(--transparentBlack);
}
.block {
    display:block;
}
.inlineBlock {
    display:inline-block;
}
.unClickable {
    pointer-events: none;
}

.absolute {
    position:absolute;
}
.relative {
    position:relative;
}
.static {
    position:static;
}
.fixed {
    position:fixed;
}

.titler, .title, .large, .larger, .largest, .meder, .med, .small, .smaller, .smallest {
    line-height:1.1em;
}
.titler {
    font-size:4em;
}
.title {
    font-size:3em;
}
.largest {
    font-size:2.75em;
}
.larger {
    font-size:2.5em;
}
.large {
    font-size:2em;
}
.meder {
    font-size:1.65em;
}
.med {
    font-size:1.25em;
}
.small {
    font-size:.75em;
}
.smaller {
    font-size:.55em;
}
.smallest {
    font-size:.4em;
}

.lessSpacing {
    letter-spacing:-.05em;
}
.moreSpacing {
    letter-spacing:.09em;
}
.lessHeight {
    line-height:.8em;
}
.moreHeight {
    line-height:1.5em;
}

.space0 {
    height:.5em;
}
.space1 {
    height:1em;
}
.space2 {
    height:2em;
}
.space3 {
    height:3em;
}
.space4 {
    height:4em;
}
.space5 {
    height:5em;
}
.space6 {
    height:6em;
}

.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: none !important;
}

.dB {
    display:block;
}



@font-face {
    font-family: 'DINNextLTPro-Light';
    src: url('../cdn/media/fonts/DINNextLTPro-Light.eot?#iefix') format('embedded-opentype'), url('../cdn/media/fonts/DINNextLTPro-Light.otf') format('opentype'), url('../cdn/media/fonts/DINNextLTPro-Light.woff') format('woff'), url('../cdn/media/fonts/DINNextLTPro-Light.ttf') format('truetype'), url('../cdn/media/fonts/DINNextLTPro-Light.svg#DINNextLTPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINNextLTPro-Bold';
    src: url('../cdn/media/fonts/DINNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../cdn/media/fonts/DINNextLTPro-Bold.otf') format('opentype'), url('../cdn/media/fonts/DINNextLTPro-Bold.woff') format('woff'), url('../cdn/media/fonts/DINNextLTPro-Bold.ttf') format('truetype'), url('../cdn/media/fonts/DINNextLTPro-Bold.svg#DINNextLTPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cubano-Regular';
    src: url('../cdn/media/fonts/Cubano-Regular.eot?#iefix') format('embedded-opentype'), url('../cdn/media/fonts/Cubano-Regular.otf') format('opentype'), url('../cdn/media/fonts/Cubano-Regular.woff') format('woff'), url('../cdn/media/fonts/Cubano-Regular.ttf') format('truetype'), url('../cdn/media/fonts/Cubano-Regular.svg#Cubano-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'DiamondHeavySFBold';
    src: url('../cdn/media/fonts/DiamondHeavySFBold.eot?#iefix') format('embedded-opentype'), url('../cdn/media/fonts/DiamondHeavySFBold.woff') format('woff'), url('../cdn/media/fonts/DiamondHeavySFBold.ttf') format('truetype'), url('../cdn/media/fonts/DiamondHeavySFBold.svg#DiamondHeavySFBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'UnitedItalicSemiCond-Black';
  src:  url('../cdn/media/fonts/UnitedItalicSemiCond-Black.eot?#iefix') format('embedded-opentype'),
        url('../cdn/media/fonts/UnitedItalicSemiCond-Black.otf')  format('opentype'),
	    url('../cdn/media/fonts/UnitedItalicSemiCond-Black.woff') format('woff'),
        url('../cdn/media/fonts/UnitedItalicSemiCond-Black.ttf')  format('truetype'),
        url('../cdn/media/fonts/UnitedItalicSemiCond-Black.svg#UnitedItalicSemiCond-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Legacy-Regular';
    src: url('../cdn/media/fonts/Legacy-Regular.eot');
    src: url('../cdn/media/fonts/Legacy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../cdn/media/fonts/Legacy-Regular.woff2') format('woff2'),
        url('../cdn/media/fonts/Legacy-Regular.otf')  format('opentype'),
        url('../cdn/media/fonts/Legacy-Regular.woff') format('woff'),
        url('../cdn/media/fonts/Legacy-Regular.ttf') format('truetype'),
        url('../cdn/media/fonts/Legacy-Regular.svg#Legacy-Regular') format('svg');
    font-weight: normal;
    /*font-style: italic;*/
}
@font-face {
    font-family: 'Geogrotesque-Rg';
    src: url('../cdn/media/fonts/Geogrotesque-Rg.eot');
    src: url('../cdn/media/fonts/Geogrotesque-Rg.eot?#iefix') format('embedded-opentype'),
        url('../cdn/media/fonts/Geogrotesque-Rg.woff2') format('woff2'),
        url('../cdn/media/fonts/Geogrotesque-Rg.woff') format('woff'),
        url('../cdn/media/fonts/Geogrotesque-Rg.ttf') format('truetype'),
        url('../cdn/media/fonts/Geogrotesque-Rg.svg#Geogrotesque-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RingsideCondensed-Bold_Web';
    src: url('../cdn/media/fonts/RingsideCondensed-Bold_Web.eot');
    src: url('../cdn/media/fonts/RingsideCondensed-Bold_Web.eot?#iefix') format('embedded-opentype'),
        url('../cdn/media/fonts/RingsideCondensed-Bold_Web.woff2') format('woff2'),
        url('../cdn/media/fonts/RingsideCondensed-Bold_Web.woff') format('woff'),
        url('../cdn/media/fonts/RingsideCondensed-Bold_Web.ttf') format('truetype'),
        url('../cdn/media/fonts/RingsideCondensed-Bold_Web.svg#Font') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RingsideWide-Bold_Web';
    src: url('../cdn/media/fonts/RingsideWide-Bold_Web.eot');
    src: url('../cdn/media/fonts/RingsideWide-Bold_Web.eot?#iefix') format('embedded-opentype'),
        url('../cdn/media/fonts/RingsideWide-Bold_Web.woff2') format('woff2'),
        url('../cdn/media/fonts/RingsideWide-Bold_Web.woff') format('woff'),
        url('../cdn/media/fonts/RingsideWide-Bold_Web.ttf') format('truetype'),
        url('../cdn/media/fonts/RingsideWide-Bold_Web.svg#Font') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RingsideRegular-Book_Web';
    src: url('../cdn/media/fonts/RingsideRegular-Book_Web.eot');
    src: url('../cdn/media/fonts/RingsideRegular-Book_Web.eot?#iefix') format('embedded-opentype'),
        url('../cdn/media/fonts/RingsideRegular-Book_Web.woff2') format('woff2'),
        url('../cdn/media/fonts/RingsideRegular-Book_Web.woff') format('woff'),
        url('../cdn/media/fonts/RingsideRegular-Book_Web.ttf') format('truetype'),
        url('../cdn/media/fonts/RingsideRegular-Book_Web.svg#Font') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RingsideWide-Medium_Web';
    src: url('../cdn/media/fonts/RingsideWide-Medium_Web.eot');
    src: url('../cdn/media/fonts/RingsideWide-Medium_Web.eot?#iefix') format('embedded-opentype'),
        url('../cdn/media/fonts/RingsideWide-Medium_Web.woff2') format('woff2'),
        url('../cdn/media/fonts/RingsideWide-Medium_Web.woff') format('woff'),
        url('../cdn/media/fonts/RingsideWide-Medium_Web.ttf') format('truetype'),
        url('../cdn/media/fonts/RingsideWide-Medium_Web.svg#Font') format('svg');
    font-weight: normal;
    font-style: normal;
}
