:root {
    --main_bg: #fcfcfc;
    --def_row: #F2F2F2;
    --alt_row: #E5E5E5;
    --body_bg: #E0C8AE;
    --border: #000000;
    --link: #4169E1;
    --title: #000000;
    --title2: #F47C26;
    --red: #ff0000;
    --green: #008000;
    --body_font: #000000;
    --body_font2: #eeeeee;
    --user_row: lightsteelblue;
    --mobile_url: url('/images/mobile14.png?v19');
    --header_url: url('/images/AdobeStock_194821587_Preview.jpeg');
}

* {
    font-size: 9pt;
    font-family: Arial;
}

html {
    -webkit-text-size-adjust: 100%;
}

BODY {
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
    overflow-x: visible;
    color: var(--body_font);
    background-color: var(--body_bg);
}

.MenuBar {
    position: fixed;
    z-index: 100;
    overflow: hidden;
    padding: 1px;
    vertical-align: middle;
    text-align: center;
    top: 30px;
    left: 0vw;
    width: 100vw;
}

span.win {
    background-color: forestgreen;
}

span.upset {
    background-color: orange;
}

span.winnerSchool {
    font-weight: bolder;
}

span.loserSchool {
    text-decoration: line-through;
    font-weight: lighter;
}

td.radio_pickem {
    padding: 10px 2px 10px 2px;
    vertical-align: middle;
}

label.pickem {
    font-size: 11pt;
    font-weight: bold
}




.header {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 45px;
    width: 100%;
    z-index: 50;
    padding-top: 5px;
    border-bottom: 1px solid var(--border);
    overflow: hidden;
    background-color: var(--main_bg);
    background-image: var(--header_url);
}

.header_text {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 45px;
    width: 100vw;
    z-index: 100;
    padding-top: 5px;
    overflow: hidden;
    font-size: 12pt;
    color: var(--title);
    font-family: Arial;
    font-weight: 900;
    letter-spacing: 10pt;
    text-align: center;
}

.stamp {
    left: 0vw;
    color: #000000;
    font-size: 8pt;
    position: fixed;
    z-index: 100;
    width: 100vw;
    overflow: hidden;
    padding: 0 0 0 0;
}

.r2 {
    text-align: right
}

.l2 {
    text-align: left
}

.menuspacer {
    height: 45px; /*75 + half the menu height*/
}

.Region {
    border: 1px solid var(--border);
    background-color: var(--main_bg);
    margin-left: auto;
    margin-right: auto;
}

div.footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 25px;
    margin-top: 10px
}

    div.footer > div {
        grid-column: 2;
        display: flex;
        align-items: center;
        border: 1px solid var(--border);
        background-color: var(--body_bg);
    }

.HelpFrame {
    padding: 5px;
}

.Title {
    font-weight: bold;
    font-size: 11pt;
    color: var(--title2);
    font-family: 'Arial Narrow';
    letter-spacing: 5pt;
    text-align: center;
    vertical-align: middle;
}

.TZone {
    FONT-SIZE: 8pt;
    LETTER-SPACING: normal;
}

.O_U_Head td {
    border-top: var(--border) 1px solid;
    border-bottom: var(--border) 1px solid;
}

    .O_U_Head td:first-child {
        background-color: #6495ed;
        font-style: italic;
        border-right: var(--border) 1px solid;
        color: White;
    }


.def_row {
    background-color: var(--def_row);
    text-align: center;
}

.alt_row {
    background-color: var(--alt_row);
    text-align: center;
}

.user_row {
    background-color: var(--user_row);
    text-align: center;
}

.GridAltRow2 {
    background-color: var(--def_row);
}

.UsersOver7 {
    font-weight: bolder;
    background-color: #000000;
    color: red;
}

A {
    COLOR: var(--link);
    TEXT-DECORATION: none
}

    A:active {
        COLOR: var(--link);
        TEXT-DECORATION: none
    }

    A:link {
        COLOR: var(--link);
        TEXT-DECORATION: none
    }

    A:hover {
        COLOR: #D2691E;
        TEXT-DECORATION: none
    }

    A.currentpage {
        COLOR: #D2691E;
        TEXT-DECORATION: underline overline
    }


TH A IMG {
    border: none;
    padding: 2px 2px 2px 2px;
}

TH A:hover IMG {
    border: solid 1px #d2691e;
    padding: 1px 1px 1px 1px;
}




SELECT {
    z-index: 0
}



/*left column*/
.LCol {
    background-color: var(--main_bg);
    border-right: var(--border) 1px solid;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

.LL {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--border);
}

/* Row Header */
.RH {
    text-align: center;
    background-color: var(--main_bg);
    font-weight: bold;
}


/*line*/
.L {
    border-bottom: var(--border) 1px solid;
}

.OL {
    border-top: var(--border) 1px solid;
}


/*bottom*/
.B {
    vertical-align: bottom;
}

/*middle*/
.M {
    vertical-align: middle;
    text-align: center;
}



.TL {
    text-align: left
}

/*LCol + Cash*/
.C {
    border-top: #008000 1px solid;
}

TD.third {
    border-top: #800080 1px solid;
}



TD.RI {
    border-left: #cd853f 1px solid;
}

TD.alert {
    border: #FF0000 1px solid;
}

/*cash font color*/
.G {
    color: var(--green);
    font-weight: bolder
}

.R {
    color: #FF0000;
}




IMG.x {
    width: 15px;
    height: 15px
}

IMG.u {
    width: 25px;
    height: 23px
}

IMG.o {
    width: 25px;
    height: 25px
}


.mobile {
    background: var(--mobile_url);
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 6px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.icon {
    background: var(--mobile_url);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.m_pay {
    width: 26px;
    height: 16px;
    background-position: -1px -5px;
}

.m_view {
    width: 26px;
    height: 16px;
    background-position: -30px -5px;
}

.m_enter {
    width: 26px;
    height: 16px;
    background-position: -57px -5px;
}

.m_enter2 {
    width: 31px;
    height: 13px;
    background-position: -57px -24px;
}

.m_enter3 {
    width: 22px;
    height: 15px;
    background-position: -26px -23px;
}

.m_elim {
    width: 18px;
    height: 16px;
    background-position: -86px -5px;
}

.m_bracket {
    width: 18px;
    height: 13px;
    background-position: -166px -24px;
}

.m_prog {
    width: 26px;
    height: 16px;
    background-position: -105px -5px;
}

.m_progstats {
    width: 17px;
    height: 13px;
    background-position: -190px -24px;
}

.m_sum {
    width: 9px;
    height: 13px;
    background-position: -134px -24px;
}

.m_game {
    width: 26px;
    height: 16px;
    background-position: -133px -6px;
}

.m_home {
    width: 19px;
    height: 16px;
    background-position: -167px -5px;
}

.m_logon {
    width: 25px;
    height: 15px;
    background-position: -189px -6px;
}

.m_logoff {
    width: 19px;
    height: 15px;
    background-position: -216px -6px;
}

.m_menu {
    width: 16px;
    height: 15px;
    background-position: -2px -23px;
}

.m_rank {
    width: 15px;
    height: 15px;
    background-position: -91px -23px;
}

.m_swagger {
    width: 13px;
    height: 15px;
    background-position: -106px -23px;
}

.m_spacer {
    width: 2px;
    height: 9px;
    background-position: -185px -26px;
    margin: 0 -3px 0 -3px !important;
}

.m_spacerL {
    width: 4px;
    height: 17px;
    background-position: -19px -22px;
    margin: 0 -6px 0 -3px !important;
}
.m_spacerR {
    width: 4px;
    height: 17px;
    background-position: -51px -22px;
    margin: 0 -3px 0 -6px !important;
}

.hide_back {
    background: url('/images/hide_back.png');
    background-position: center;
    background-repeat: repeat repeat;
}

.espn {
    width: 25px;
    height: 25px;
    background-position: -1px -43px;
    place-self: center;
    cursor: pointer;
}

div.ALeft {
    margin-left: 5px;
    width: 13px;
    height: 13px;
    background-position: -32px -42px;
    place-self: center start !important;
    cursor: pointer;
}

div.ARight {
    margin-right: 5px;
    width: 13px;
    height: 13px;
    background-position: -32px -56px;
    place-self: center end !important;
    cursor: pointer;
}

div.money {
    background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #c7f3b5 10px, #c7f3b5 20px );
    font-weight: bolder;
}

div.data {
    visibility: hidden;
    display: none;
}

/*right*/
div.gaR {
    background-image: url('/images/gaR_2.png');
    background-repeat: repeat;
    cursor: pointer;
}
/*left*/
div.gaL {
    background-image: url('/images/gaL_2.png');
    background-repeat: repeat;
    cursor: pointer;
}
/*middle*/

/*container for  green arrows*/
div.contGA {
    display: grid !important;
    grid-template-columns: 10px 1fr 10px;
}

    div.contGA > div {
        height: 100%;
    }

.thidden {
    background-position: -240px -5px;
    background-repeat: no-repeat;
    height: 32px !important;
    width: 32px !important;
    place-self: center !important;
}

.tncaa16 {
    background-position: -188px -44px;
    background-repeat: no-repeat;
    height: 16px !important;
    width: 16px !important;
    place-self: center !important;
}

.tncaa32 {
    background-position: -208px -37px;
    background-repeat: no-repeat;
    height: 32px !important;
    width: 32px !important;
    place-self: center !important;
}

.tx {
    background-position: -240px -37px;
    background-repeat: no-repeat;
    height: 32px !important;
    width: 32px !important;
    place-self: center !important;
}







.highlight {
    text-align: center;
    border-color: #009900;
    border-width: 1px;
    border-style: solid;
}

.highlight1 {
    text-align: center;
    border-color: #009900;
    border-width: 1px;
    border-style: solid;
}

.highlight2 {
    text-align: center;
    border-color: #009900;
    border-width: 3px;
    border-style: solid;
}

.highlight3 {
    text-align: center;
    border-color: #009900;
    border-width: 1px;
    border-style: solid;
}

.highlight4 {
    text-align: center;
    border-color: #009900;
    border-width: 1px;
    border-style: solid;
}

.highlight5 {
    text-align: center;
    border-color: #009900;
    border-width: 1px;
    border-style: solid;
}

.ib {
    display: inline-block
}

.ep {
    padding-left: 10px;
    padding-right: 10px
}


.hide {
    DISPLAY: none;
    VISIBILITY: hidden
}


FORM {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}

.ul {
    text-decoration: underline;
    text-align: center;
}


/*
	overflow-x: hidden;
	overflow-y: auto;
*/

div.ie {
    margin-right: 20px;
}

span.sm {
    font-size: 75%
}