﻿@charset "UTF-8";

html {
    height: 100%;
    box-sizing: border-box;
}


/*Bar Chart Coloring*/
.highcharts-color-0, .highcharts-color-0 rect, .highcharts-color-0.highcharts-tooltip text tspan:first-child {
    fill:#999 !important;
}
.highcharts-color-0 .highcharts-tooltip-box {
    stroke:#999
}

.highcharts-color-1, .highcharts-series-1 rect, .highcharts-color-1.highcharts-tooltip text tspan:first-child {
    fill:#444 !important;
}
.highcharts-color-1 .highcharts-tooltip-box {
    stroke:#444;
}

.mainContenta {
    max-width: 800px !important;
    margin:0 auto;
}


.cubano, .vsIndicator {
    font-family: 'UnitedItalicSemiCond-Black';
}
.vsIndicator {
    letter-spacing:.5px;
    padding-right:10px !important;
}

.mainContent, .pageNavMobile, .pageNav, .pageNavFooter, .htpSection {
    /*background-color:rgba(0,0,0,.5);*/
    color: #fff;
}

.mainContent {
    color:#222;
}

.htpSection {
    color:#111;
}

.headerCell, th.headerCell, td.headerCell {
    border-color: rgba(0,0,0,.5) !important;
}


.divOuterLeaderboard {
    max-width: 100%;
    margin: 0 auto;
}




.innerContent, .innerLeader, .picksContainer {
    margin: 0 auto;
}

.innerContent {
    max-width: 793px;
}

.innerLeader, .picksContainer {
    max-width: 1318px;
}

.weekTitle {
    font-size: 30px;
    text-transform: uppercase;
}

.picksLeftBTN {
    float: left;
}

.picksRightBTN {
    float: right;
}


.sponsorColor /*Lighter Color*/ {
    color: #666;
}

.sponsorColor2 /*Darker Color*/ {
    color: #fefefe;
}

.sponsorColorBG /*has white text on top of it*/{
    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 2px #000 !important;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}



.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;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

li.dropit-open > a {
    color: #fff !important;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.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: 11px 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: 30px 0px;
    background: #fff url(../media/fantasyracingleague_bg.jpg?v=1.1) center top no-repeat;
   /* background-attachment: fixed;
    background-position: 0px -300px;*/
    background-size: 100%;
    background-position: center;
    background-size: cover;
}


.headerLogos, .headerText {
    display: inline-block;
    margin: 0px 10px;
}

.headerTitleIMG {
    max-width: 35%;
    margin: 0 auto;
    margin-top:-35px;
}






.finalFourCircle {
    background-color: #888;
}

a#picksDetails {
    color: #333;
}


.headerTitleLogo {
    max-height: 180px;
    margin-bottom: 15px;
}

.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;
    letter-spacing: 3px;
    line-height: 90%;
    margin-top: 10px;
}



#collapseBTN {
    text-align: center;
    font-size: 20px;
    width: 20px;
    position: absolute;
    right: 2vw;
    top: .5vw;
    display: inline-block;
    color: #fff;
    border:2px solid #555;
    text-decoration: none;
    padding: 5px;
    -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;
}


.buttonBig {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    text-decoration: none;
    min-width: 160px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    padding: 9px 24px 6px 24px;
    font-size: 20px;
    letter-spacing:1px;
    line-height: 100%;
    font-weight: bold;
    margin: 4px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
    box-sizing: border-box;
}



.button, .button:visited {
    margin: 2px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    padding: 6px 10px 4px 10px;
    font-size: 14px;
    letter-spacing:1px;
    line-height: 100%;
    font-weight: bold;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
    text-decoration:none;
}



.buttonBig[disabled], .buttonBig[disabled]:hover, .buttonBig[disabled]:focus, .buttonBig[disabled]:active,
.button[disabled], .button[disabled]:hover, .button[disabled]:focus, .button[disabled]:active {
    cursor: not-allowed;
    opacity: 0.4;
}







.headerCell, th.headerCell, td.headerCell {
    font-size: 18px;
    margin: 0 auto;
    box-sizing: border-box;
    color: #111;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    text-align: left;
    text-transform: uppercase;
    margin: 5px 0px;
    padding: 10px 30px 8px 30px;
}





a#picksDetails:hover {
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70;
}

.htpSection {
    font-size: 1vw;
    position: relative;
    display: none;
}

.htpNumber {
    font-family: 'UnitedItalicSemiCond-Black';
    position: absolute;
    width: 93%;
    text-align: center;
    font-size: 12vw;
    color: #fff;
    -webkit-text-stroke: .25vw rgba(0,0,0,0.1);
    line-height: .8em;
    pointer-events: none;
    z-index: -1;
}

.htpSubSection {
    margin: 1vw;
    margin-top:2vw;
    box-sizing: border-box;
    max-width: 25%;
    padding: 0px 1%;
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    text-align: center;
}

.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 {
    padding: .2vw 0vw;
    box-sizing: border-box;
}

.alignLeft {
    text-align: justify;
}


.prizes, .howToPlay {
    max-width: 96vw;
}

.prizes {
    margin-top: -1vw;
}


.prizeIMG1, .prizeIMG2, .prizeIMG3 {
    height: auto;
    border: 0px solid red;
    margin-bottom: 10px;
}

.prizeIMG {
    width:80%;
    margin: 1vw auto;
}

.htpTitle, .htpSectionTitle, .htpSubTitle {
    text-transform: uppercase;
    line-height: 100%;
    margin: .25vw;
}

.htpSectionTitle, .divisionLabel, .championshipLabel {
    font-family: 'UnitedItalicSemiCond-Black';
    font-size: 2vw;
    letter-spacing: .04em;
}

.htpSectionTitle, .divisionLabel, .gradientColor {
}

.htpTitle {
    font-family: 'UnitedItalicSemiCond-Black';
    font-size: 2vw;
    /*text-shadow: 2px 2px 0px rgba(0,0,0,0.6);*/
    letter-spacing:.04em;
}

.htpSubTitle {
    font-size: 1vw;
}

.htpSubSection .htpSubTitle {
    font-family: 'UnitedItalicSemiCond-Black';
    font-size:1.25vw;
    letter-spacing:.04em;
}


.htpSubTitle, .divisionLabel, .championshipLabel {
    /*text-shadow: 1px 1px 0px rgba(0,0,0,0.6);*/
}

.divisionLabel, .championshipLabel {
    font-family: 'UnitedItalicSemiCond-Black';
}

.picksTable .divisionLabel  {
    -webkit-text-stroke: 0vw #fff; 
   }

.prizesColumn {
    margin: .2vw 1vw;
    width: 15%;
    vertical-align: text-top;
    text-align: center;
    display: inline-block;
    position: relative;
}

.htpTitle sup {
    line-height: 50%;
    font-size: .5em;
}




.htpSubTitle sup {
    font-size: .5em;
    line-height: 0;
}




.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 {
    /*background: url(../media/global/courtBG.svg) center top no-repeat;*/
    font-family: 'DINNextLTPro-Light', Tahoma, Geneva, Helvetica, sans-serif;
    font-size: 10pt;
    color: #111;
    margin: 0px;
    padding-top: 0px;
    background-color: #fff;
    min-height: 100%;
    position: relative;
    padding-bottom:30px;
}

a {
    color: #000;
}

a:hover {
    color: red;
}

#outerBody {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

.mainContent {
    padding: 1vw;
    text-align: left;
    border: solid 0px transparent; /*fix for ff*/
}



.regBox, #ctl00_ContentPlaceHolder1_FormView1 {
    width: 100%;
}

.regOptions {
    max-width: 460px;
}

.regOptions div.colLeft {
    float: left;
    clear: both;
    white-space: nowrap;
}



.pageNav {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 2vw;
    min-height: 0;
    border-bottom: .1vw solid #999;
}

.pageNav, .pageNavMobile {
    background-color:#111;
}

.pageNavFooter {
    border-top: .1vw solid #999;
    background-color:#111;
}





.pageNavFooter {
    height: 33px;
    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: 13px 0px 0px 0px;
    margin-left: 1px;
    border: 0px solid red;
}

.pageNavLeftSecondary {
    float: left;
    padding: 0px 0px;
    margin-left: 5px;
    border: 0px solid red;
    clear: left;
}

.secondaryNavLinks {
    text-decoration: none;
    font-size: 11px;
    display: inline-block;
    padding: 6px;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

a.pageNavLinks, a.pageNavLinks:link, a.pageNavLinks:visited {
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    padding: 5px 7px 1px 7px;
    background-color: transparent;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    border: 1px solid rgba(255,255,255,0);
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
}



.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: 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;
    margin: 23px 2px;
    border: 1px solid;
    padding: 7px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.socialNavBTNMenu {
    margin: 19px 1px;
}



.shareSocial .socialNavBTN {
    text-align: center;
    display: inline-block;
    font-size: 30px;
    width: 30px;
    margin: 13px 1px;
    border: 2px solid;
    padding: 10px;
}





/*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: #73d9ff;
}

.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: #12b0ea;
}

.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: 140px;
}



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;
}

.divDemoMsg {
    margin: 0 auto;
    box-sizing: border-box;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
    background-color: #fff;
    z-index: 1;
    color: #000;
    padding: 15px;
}

.captchaDiv {
    max-width: 304px;
    margin: 0 auto;
    margin-top: 15px;
}

.grecaptcha-badge {
    z-index: 200;
}

div.errorBox, div.msgBox {
    max-width: 640px;
    /*padding: 10px 20px;*/
    box-sizing: border-box;
    margin: 10px auto;
    background-color: #ff8d8d;
    border: 1px solid #ff0000;
    color: #d63333;
    font-size: 14px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
}

.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;
    /*border:solid 1px #767676;*/
    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 1em 1em;
    /*margin-left:1em;*/
}

.errorBox li:last-child, div.msgBox li:last-child {
    padding-bottom:0px;
    /*margin-left:1em;*/
}

.errorBoxPos {
}

.errorField {
    background-color: #ffb7b7;
    /*border: 1px solid red;*/
    color: #f00;
}

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;
}

.colLeft .msgBox {
    font-size: 13px;
    width: 100%;
    text-align: left !important;
}

.picksInfo {
    text-align: left;
    max-width: 330px;
    margin: 0 auto;
}

.button, .buttonBig {
    font-family: 'UnitedItalicSemiCond-Black', Tahoma, Geneva, Helvetica, sans-serif !important;
    cursor: pointer;
}


.buttonBigDisabled {
    color: #5e5e5e;
    border: 2px solid #5e5e5e;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.buttonBigDisabled:hover {
    color: #5e5e5e;
    background-color: transparent;
    cursor: default;
}









.landingButtons {
    margin: 15px 0px;
    display:inline-block;
}

select {
    font-size: 13px;
}

.footer {
    color: #d6d6d6;
}

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;
}




/* leader board and picks page styles */

table.picksTable {
    color: #111;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    width: 100%;
    margin-bottom: 20px;
    align-content: center;
}

table.picksTable td.dataCell, td.dataCell {
    text-align: center;
    white-space: nowrap;
    font-size: larger;
}

table.highlightTable {
    color: #fff;
}

table.picksTable, table.highlightTable {
    border-collapse: collapse;
}

table.picksTable th, table.picksTable td {
    border: 1px solid rgba(0,0,0,0.2);
    padding: 7px 11px;
    font-size: 13px;
}

table.picksTable td.barChartInstructions {
    font-size:18px;
    text-align:center;
    padding:30px;
    box-sizing:border-box;
}

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 {
    color: #000;
    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;
    font-weight: bold;
    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 {
    max-width:900px;
    margin: 0px auto;
    margin-top:10px;
    text-align: center;
    font-size:13px;
    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: 140px;
    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;
}

/*scroller*/
@media screen and (min-width: 800px) {
    .scrollbar-content {
        float: none !important;
        padding: 0px;
    }

    .scroller {
        margin: 0 auto;
    }
}
/*@media screen and (min-width: 800px) {*/



@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;
}