/*====================== CompType 0,1,2,11,13,14,15 Using this style sheet ======================*/

.UsernameCss {
    width: 120px;
    height: 20px;
    border: 1px solid #036a6e;
    float: left;
    background-color: #fff;
    float: left;
    margin-right: 5px;
    color: #898b73;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 2px;
}

.PasswordCss {
    width: 120px;
    height: 20px;
    border: 1px solid #036a6e;
    float: left;
    background-color: #fff;
    float: left;
    margin-right: 5px;
    color: #898b73;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 2px;
}

.ADBackground {
    background-color: #a4b5c9;
}

.ADNormal {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #424242;
}

.Background {
    background-image: url('Images/bigBackground.jpg');
    background-repeat: repeat-y
}

.Error {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red;
}

.Bold {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    font-weight: bold;
}

.GridHeader {
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    font-family: Tahoma, Helvetica, sans-serif;
    height: 20px;
    background-color: #4C69B7;
}

.GridItem {
    font-weight: normal;
    font-size: 12px;
    color: black;
    font-family: Tahoma, Helvetica, sans-serif;
    height: 28px;
    background-color: #f5f5f5;
}

.GridAltItem {
    font-weight: normal;
    font-size: 12px;
    color: black;
    font-family: Tahoma, Helvetica, sans-serif;
    height: 28px;
    background-color: #bcdedf;
}

.GridAltItem2 {
    /*using by accinfo, change password, Result, Setting, Stake pages*/
    font-weight: normal;
    font-size: 12px;
    color: black;
    font-family: Tahoma, Helvetica, sans-serif;
    height: 28px;
    background-color: #e5e5e5
}

.TextBox {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.BtnNormal {
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    cursor: pointer;
    background: #ffffff;
    line-height: 12px;
}

.HeaderBG{
    background-image:url(Images/bg.jpg);
}

.HeaderBg1 {
    background-color: #4bc1df;
}

.HeadingTime {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.HeadingName {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0;
}

.rollover1 a {
    background: url(Images/b1.jpg) no-repeat 0px 0px;
    width: 130px;
    height: 30px;
    display: block;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    line-height: 30px;
}

    .rollover1 a:hover {
        background: url(Images/b1_1.jpg) no-repeat 0px 0px;
        background-position: 0px 0px;
        font-family: Arial;
        font-size: 14px;
        color: #064e66;
        text-decoration: none;
        font-weight: bold;
    }

.rollover2 a {
    background: url(Images/b2.jpg) no-repeat 0px 0px;
    /*width: 54px;*/
    height: 23px;
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    line-height: 23px;
    background-size: 100% 100%;
    width: auto;
    padding: 0 7px 0 7px;
}

    .rollover2 a:hover {
        background: url(Images/b2_1.jpg) no-repeat 0px 0px;
        background-position: 0px 0px;
        font-family: Arial;
        font-size: 12px;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
        background-size: 100% 100%;
        padding: 0 7px 0 7px;
    }

.rollover3 a {
    background: url(Images/b3.jpg) no-repeat 0px 0px;
    background-position: 0px 0px;
    /*width: 102px;*/
    height: 22px;
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    line-height: 21px;
    background-size: 100% 100%;
    width: 98px;
}

    .rollover3 a:hover {
        background: url(Images/b3_1.jpg) no-repeat 0px 0px;
        background-position: 0px 0px;
        font-family: Arial;
        font-size: 12px;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
        background-size: 100% 100%;
    }

.rollover4 a {
    background-image: linear-gradient(#CC4944, #A60C0A);
    border-radius: 5px;
    /*background: url(Images/b4.jpg) no-repeat 0px 0px;
    background-position: 0px 2px;*/
    /*width: 55px;*/
    margin-top:2px;
    height: 21px;
    display: block;
    font-family: Arial;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 18px;
    background-size: 100% 100%;
    width: auto;
}

    .rollover4 a:hover {
        background-image: linear-gradient(#FEECEC 10%, #FED7DA 25%, #ED352B 95%);
        border-radius: 5px;
        /*background: url(Images/b4_1.jpg) no-repeat 0px 0px;
        background-position: 0px 2px;*/
        font-family: Arial;
        font-size: 10px;
        color: #000000;
        text-decoration: none;
        background-size: 100% 100%;
    }

.rollover5 a {
    background: url(Images/b5.jpg) no-repeat 0px 0px;
    background-position: 0px 2px;
    width: 100px;
    height: 22px;
    display: block;
    font-family: Arial;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 21px;
}

    .rollover5 a:hover {
        background: url(Images/b5_1.jpg) no-repeat 0px 0px;
        background-position: 0px 2px;
        font-family: Arial;
        font-size: 10px;
        color: #FFFFFF;
        text-decoration: none;
    }

.rollover6 a {
    background: url(Images/b6.jpg) no-repeat 0px 0px;
    background-position: 0px 2px;
    width: 112px;
    height: 22px;
    display: block;
    font-family: Arial;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    line-height: 21px;
}

    .rollover6 a:hover {
        background: url(Images/b6_1.jpg) no-repeat 0px 0px;
        background-position: 0px 2px;
        font-family: Arial;
        font-size: 10px;
        color: #000000;
        text-decoration: none;
    }

/*-------------------- Notification Msg BEGIN --------------------*/

.GridHeaderNotfMsg {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    font-family: Tahoma, Helvetica, sans-serif;
    height: 20px;
    background-color: red
}

.GridItemNotfMsg {
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    color: black;
    font-family: Tahoma, Helvetica, sans-serif;
    height: 28px;
    background-color: #fff
}

/*-------------------- Notification Msg END --------------------*/

.Heading4 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.Negative {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: Red
}

.Positive {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black
}

.Normal {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: black;
}

.ItemUpper {
    text-transform: uppercase;
}

.ItemLower {
    text-transform: lowercase;
}

.ItemCap {
    text-transform: capitalize;
}

.HeadingTab1 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}

.EventRun {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
    BACKGROUND-COLOR: #556B9D
}

.Event {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
    BACKGROUND-COLOR: #2C4693
}

a.BtnToday {
    float: left;
    width: 105px;
    height: 20px;
    padding: 4px 0 0 0;
    text-align: center;
    margin: 0 0 0 0px;
    font-size: 12px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    background: url(Images/button.png) no-repeat;
    background-position: -202px 0px;
}

a:hover.BtnToday {
    background-position: -202px -27px;
    color: #000000;
}

.Heading12 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}

/* Myanmar Odds */
.MM_blue {
    font-size: 11px;
    font-family: Tahoma;
    font-weight: bold;
    color: #0000CC;
}

A.MM_blue:link {
    text-decoration: none;
    color: #0000CC;
}

A.MM_blue:visited {
    text-decoration: none;
    color: #0000CC;
}

A.MM_blue:active {
    text-decoration: none;
    color: #0000CC;
}

A.MM_blue:hover {
    text-decoration: none;
    color: #0000CC;
}

.MM_red {
    font-size: 10px;
    font-family: Tahoma;
    font-weight: bold;
    color: #FF0000;
}

A.MM_red:link {
    text-decoration: none;
    color: #FF0000;
}

A.MM_red:visited {
    text-decoration: none;
    color: #FF0000;
}

A.MM_red:active {
    text-decoration: none;
    color: #FF0000;
}

A.MM_red:hover {
    text-decoration: none;
    color: #FF0000;
}

/* Myanmar Odds END */

/* Panel */
.Panel_bg {
    background: #ffffff;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    background-image: url('Images/c7.jpg');
    background-repeat: repeat-y;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
}

.rollover7 a {
    background-image: linear-gradient(#83BFDB 10%, #1A8BC3 70%);
    border-radius: 5px;
    /*background: url(Images/b7.jpg) no-repeat 0px 0px;
    background-position: 0px 0px;*/
    width: 193px;
    height: 24px;
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 23px;
}

    .rollover7 a:hover {
        background-image: linear-gradient(#B3FFFF, #20C6FF 60%);
        border-radius: 5px;
        /*background: url(Images/b7_1.jpg) no-repeat 0px 0px;
        background-position: 0px 0px;*/
        font-family: Arial;
        font-size: 12px;
        color: #000000;
        text-decoration: none;
    }

.CurrencyNormal {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: Yellow;
    font-weight: normal;
}

.Bold3 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: Black;
    font-weight: bold;
}

.CaseToUpper {
    text-transform: uppercase;
}

.CaseToLower {
    text-transform: lowercase;
}

.CaseToCapitalize {
    text-transform: capitalize;
}

div.PanelTabHead {
    width: 193px; /* required for text-overflow */
    white-space: nowrap; /* required for text-overflow */
    overflow: hidden; /* required for text-overflow */
    text-overflow: ellipsis; /* required for text-overflow */
    text-align: center;
    text-transform: uppercase;
}

.HdFundTrans {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
}

.Normal2 {
    /* fraPanel Use */
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.PanelItemBox_T {
    background-image: url('Images/panelMenu_T.jpg');
    background-repeat: no-repeat;
    width: 196px;
    height: 22px;
    cursor: pointer;
    /* display title */
    font-weight: bold;
    color: #000;
}

.PanelItemBox_C {
    background-image: url('Images/panelMenu_C.jpg');
    background-repeat: repeat-y;
}

.PanelItemBox_B {
    background-image: url('Images/panelMenu_B.jpg');
    background-repeat: no-repeat;
    width: 196px;
    height: 7px;
}

/* PanelStake */
.CssBtnRefresh {
    background-image: url(Images/bg_button_refresh.jpg);
    background-repeat: no-repeat;
    color: #ffffff;
    width: 85px;
    height: 19px;
    line-height: 19px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: capitalize;
}

    .CssBtnRefresh:hover {
        color: #ffff33;
        cursor: pointer;
    }

.StakeBg1 {
    background-color: #ffffff;
}

.Bold4 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    font-weight: bold;
}

.RejectedBG {
    background-color: #ffccff;
}

.Rejected {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: white;
    background-color: red;
}

.Accepted {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: white;
    background-color: green;
}

.Waiting {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: black;
    background-color: yellow;
}

.Boldbg {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    color: Black;
    font-weight: bold;
    background-color: #90ee90;
}

.GB {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.Stake_Give {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #cc0000;
}

.Stake_Take {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    /*color: #000099;*/
    color: #01122b;
}

.Stake_Over {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red;
}

.Stake_Under {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    /*color: black;*/
    color: blue;
}

.GBStake_Give {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #cc0000;
}

.GBStake_Take {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    /*color: #000099;*/
    color: #01122b;
}

.GBStake_Over {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: red;
}

.GBStake_Under {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    /*color: black;*/
    color: blue;
}

.Parlay {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: green;
}

.GBParlay {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: green;
}

.X12 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: blue;
}

.GBX12 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: blue;
}

/* Sports Menu */
.hide_header {
    float: left;
    margin: 2px 5px 0 0;
    /*width: 83px;*/
    height: 18px;
    font-family: arial, Helvetica, sans-serif;
    background: url(Images/bg_hideheader.jpg) left top no-repeat;
    width: auto;
    background-size: 100% 100%;
}

    .hide_header a {
        display: block;
        font-size: 10px;
        text-transform: capitalize;
        color: #000;
        text-align: left;
        text-decoration: none;
        /*padding: 3px 0 3px 18px;*/
        padding: 3px 10px 3px 25px;
    }

        .hide_header a:hover {
            display: block;
            font-size: 10px;
            text-transform: capitalize;
            color: #fe0000;
            text-align: left;
            text-decoration: none;
            /*padding: 3px 0 3px 18px;*/
            padding: 3px 10px 3px 25px;
        }

.show_header {
    float: left;
    margin: 2px 0px 0 0;
    /*width: 98px;*/
    height: 18px;
    font-family: arial, Helvetica, sans-serif;
    background: url(Images/bg_showheader.jpg) left top no-repeat;
    width: auto;
    background-size: 100% 100%;
}

    .show_header a {
        display: block;
        font-size: 10px;
        text-transform: capitalize;
        color: #000;
        text-align: left;
        text-decoration: none;
        /*padding: 3px 0px 3px 18px;*/
        padding: 3px 10px 3px 25px;
    }

        .show_header a:hover {
            display: block;
            font-size: 10px;
            text-transform: capitalize;
            color: #fe0000;
            text-align: left;
            text-decoration: none;
            /*padding: 3px 0px 3px 18px;*/
            padding: 3px 10px 3px 25px;
        }

/* Sports Menu */
.SpMenuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF0000;
}

.SpMenuHeader_link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
    .SpMenuHeader_link A:link {
        color: #000000;
        text-decoration: none;
    }
    .SpMenuHeader_link A:visited {
        color: #000000;
        text-decoration: none;
    }
    .SpMenuHeader_link A:active {
        color: #000000;
        text-decoration: none;
    }
    .SpMenuHeader_link A:hover {
        color: #056494;
        text-decoration: none;
    }

div.SpMenuItem_overflow {
    max-width: 100px;
    white-space: nowrap; /* required for text-overflow */
    overflow: hidden; /* required for text-overflow */
    text-overflow: ellipsis; /* required for text-overflow */
    text-align: left;
    /*cursor: pointer;*/
    /*color: #000000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;*/
}

    /*div.SpMenuItem_overflow:hover {
        color: #056494;
        font-size: 12px;
    }*/

/* BetBox */
.BetBoxBg1 {
    background-color: #ffffff;
}

.BetBoxBg2 {
    background-color: #E5ECF9;
}

.BetBoxBg3 {
    background-color: #85A3E1;
}

.BetBox_tbl {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.BetBox_Type {
    font-size: 11px;
}

.BetBox_Mod {
    font-weight: bold;
    text-decoration: underline;
}

.BetBox_Bold {
    font-size: 11px;
    font-weight: bold;
}

.BetBox_Boldbg {
    font-size: 13px;
    font-weight: bold;
    background-color: #90ee90;
}

.BetTextBox {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold
}

.BetBox_black8B {
    font-size: 8px;
    font-weight: bold;
    color: black
}

div.BetBox_Payout {
    width: inherit; /* required for text-overflow */
    white-space: nowrap; /* required for text-overflow */
    overflow: hidden; /* required for text-overflow */
    text-overflow: ellipsis; /* required for text-overflow */
    text-align: left;
    text-transform: capitalize;
}

.GridItem {
    font-weight: normal;
    font-size: 12px;
    color: black;
    font-family: Tahoma, Helvetica, sans-serif;
    height: 28px;
    background-color: #f5f5f5;
}

.GridAltItem {
    font-weight: normal;
    font-size: 12px;
    color: black;
    font-family: Tahoma, Helvetica, sans-serif;
    height: 28px;
    background-color: #bcdedf;
}

.BetBox_PadTop {
    padding-top: 8px;
}

.BetBox_OddsChgBlink {
    /*background-image: url('Images/oddsChgBlink.gif');*/
    /*same with BetBox_Boldbg*/
    font-size: 13px;
    font-weight: bold;
    background-color: #90ee90;
}

.BetBox_Give {
    font-weight: bold;
    /*color: #b50000;*/
    color: #cc0000;
}

.BetBox_Take {
    font-weight: bold;
    color: #01122b;
    /*color: #000099;*/
}

.BetBox_Over {
    font-weight: bold;
    color: red;
}

.BetBox_Under {
    font-weight: bold;
    /*color: black;*/
    color: blue;
}

.BetBox_X12 {
    font-weight: bold;
    color: blue;
}

.BetBox_NegOdds {
    font-weight: bold;
    color: red;
}

.BetBox_PosOdds {
    font-weight: bold;
    color: black;
}

.BetBox_CS_AOSMsg {
    font-size: 10px;
    font-weight: bold;
}

/* Trans Page (user control pages) */
.CommandButton {
    BORDER-RIGHT: 1px double;
    BORDER-TOP: 1px window-inset;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
    BORDER-LEFT: 1px window-inset;
    COLOR: #000000;
    BORDER-BOTTOM: 1px double;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
    HEIGHT: 18px
}

A.CommandButton:link {
    COLOR: #000000;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

A.CommandButton:visited {
    COLOR: #000000;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

A.CommandButton:active {
    COLOR: #000000;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

A.CommandButton:hover {
    COLOR: #000000;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

.Grid {
    border-collapse: collapse;
}

.Link2 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: blue;
    text-decoration: none;
    font-weight: bold;
    font-style: normal
}

A.Link2:link {
    text-decoration: none;
    color: blue;
}

A.Link2:visited {
    text-decoration: none;
    color: blue;
}

A.Link2:active {
    text-decoration: none;
    color: blue;
}

A.Link2:hover {
    text-decoration: underline;
    color: blue;
}

.eTrans {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: black;
}

.GridItemStyle1 {
    padding: 0 15px 0 15px;
}

.GridItem_Status {
    font-weight: bold;
    color: #9e8888;
}

/* Running Parlay */
.GridItem_par {
    font-weight: normal;
    font-size: 12px;
    color: black;
    font-family: Tahoma, Helvetica, sans-serif;
    /*background-color: #f5f5f5;*/
    background-color: #cdddff;
}

.GridAltItem33 {
    font-weight: normal;
    font-size: 12px;
    color: black;
    font-family: Tahoma, Helvetica, sans-serif;
    background-color: #bcdedf;
}

.GridRunItem_par {
    font-weight: normal;
    font-size: 12px;
    color: black;
    font-family: Tahoma, Helvetica, sans-serif;
    background-color: #ffccbc;
}

.BetBox_container_par {
    display: grid;
    justify-content: center;
}

    .BetBox_container_par > div {
        width: 185px;
        /*background-color: #bcdedf;*/
        border: solid 1px #808080;
        margin: 0 0 -1px 0;
    }

.BetBox_oddsInline {
    width: 100%;
    height: auto;
    display: flex; /*can add as much as div you want*/
}

.BetBox_oddsInline_lbl, .BetBox_oddsInline_val {
    width: 50%;
    line-height: 25px;
    padding-left: 5px;
}

.BetBox_grid_container {
    display: grid;
    grid-template-columns: 90px auto;
    grid-gap: 1px;
    background-color: #000000;
    padding: 1px;
}

    .BetBox_grid_container > div {
        line-height: 25px;
        padding-left: 5px;
    }

.BetBox_grid_item1, .BetBox_grid_item4 {
    grid-column-start: 1;
    grid-column-end: 3;
}

.BetBox_grid_item6, .BetBox_grid_item8, .BetBox_grid_item10 {
    text-align: right;
    padding-right: 10px;
}

.OddsChgBlink, .BetBoxBlink {
    background-image: url('Images/oddsChgBlink.gif');
}

.Trans_Accepted {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: green;
}

.Trans_W {
    /*Win*/
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: green;
}

.Trans_L {
    /*Lose*/
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red;
}

.Trans_D {
    /*Draw*/
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
}

/* SportsMenu WC */
.CssTb_WC {
    /*background-color: #FFD700;*/
    text-transform: uppercase;
}

    .CssTb_WC:hover {
        /*background-color: #FAFAD2;*/
        cursor: pointer;
    }

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animationFade {
    animation-name: fade;
    animation-delay: 0s;
    animation-duration: 0.15s;
}