.account-left,
.account-link,
.account-right,
ol,
ul {
    list-style: none
}

.Container {
    /*     position: relative; */
    width: 100%;
    /*padding-top: 20px;*/
}

.Pointer,
.TrOverPointer,
a {
    cursor: pointer
}

.Clear,
.Container,
.RCTopBanner {
    overflow: hidden
}

.Clear,
.Msg,
.SelMarket,
.TimeTab {
    clear: both
}

.MarketT table,
table {
    border-collapse: collapse
}

.Event .TeamNames,
.OddsL {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.Clear,
.Vhide {
    visibility: hidden
}

 a,  applet,  b,  body,  caption,  center,  dd,  div,  dl,  dt,  em,  fieldset,  font,  form,  h1,  h2,  h3,  h4,  h5,  h6,  html,  i,  iframe,  img,  label,  legend,  li,  object,  ol,  p,  span,  strike,  strong,  sub,  sup,  table,  tbody,  td,  tfoot,  th,  thead,  tr,  u, ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%
}

.BRN,
.NoRightBorder {
    border-right: 0 !important
}

:focus {
    outline: 0
}

table {
    border-spacing: 0
}

.Hidden {
    display: none
}

.G180,
.G225,
.G585,
.G810,
.G990 {
    display: inline;
    float: left;
    margin-left: 5px
}

.Clear,
.RC {
    display: block
}

.G180 {
    width: 175px
}

.G225 {
    width: 220px
}

.G585 {
    width: 580px
}

.G810 {
    width: 805px
}

.G990 {
    width: 985px
}

.LeftCol {
    margin-left: 4px
}

.MidCol,
.RightCol {
    margin-left: 6px;
    margin-top: 4px
}

.MidCol {
    min-height: 1px
}

.TAL {
    text-align: left !important
}

.TAC {
    text-align: center !important
}

.TAR {
    text-align: right !important
}

.FL {
    float: left !important
}

.FR {
    float: right !important
}

.VAT {
    vertical-align: top !important
}

.B {
    font-weight: 700 !important
}

.FN {
    font-weight: 100 !important
}

.Red {
    color: red !important
}

.DarkRed {
    color: #c00 !important
}

.Orange {
    color: #f60 !important
}

.Blue {
    color: #00f !important
}

.PurpleBlue {
    color: #66f !important
}

.LightBlue {
    color: #39f !important
}

.MidBlue {
    color: #039 !important
}

.Grey {
    color: #666 !important
}

.FS9 {
    font-size: 9px
}

.TextLineThrough {
    text-decoration: line-through
}

.MarginAuto {
    margin-left: auto;
    margin-right: auto
}

.BTN {
    border-top: 0 !important
}

.BBN {
    border-bottom: 0 !important
}

.BLN {
    border-left: 0 !important
}

.Clear {
    width: 0;
    height: 0
}

.MR5 {
    margin-right: 5px
}

.TrOdd {
    background-color: #fff
}

.TrEven {
    background-color: #e8eefe
}

.TrOver,
.TrOverPointer {
    background: #ffc
}

.TrNoLink {
    background-color: #fdb
}

.TdNoData {
    vertical-align: middle;
    height: 50px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    background: #dee9ff
}

.TrWaiting {
    background: #fdd
}

.TrTotal {
    background-color: #ffb;
    text-align: right
}

.Asia,
.BtnNum,
.BtnTxt,
.Euro,
.RefreshBtn,
a.Announce .Counts {
    text-align: center
}

.XmasAnimation {
    z-index: 100;
    width: 100%;
    height: 10000px;
    min-height: 100vh;
    background: rgba(0,0,0,0.9);
    position: absolute;
    top: 127px;
    text-align: center;
}

    .XmasAnimation img {
        padding-top:8%;
    }

.Bd,
.Container {
    background-color: #121329;
}

.BlueBtn,
.MPBtn,
.NavBar a,
.NavBar a:hover,
.NavBar span,
.NavItemSel a,
.OrangeBtn,
.RefreshBtn,
.WhiteBtn,
.WhiteBtn span {
    background: url(../../images/base/buttons.png?121217) no-repeat
}

.AddMyMarket,
.Closed .HdTitle,
.Closed .SubHead span,
.DelBtn,
.DelMyMarket,
.ForgetBtn,
.IconBLC,
.IconBLCOff,
.IconBScoutOff,
.IconBScoutOn,
.IconBSoundOff,
.IconBSoundOn,
.IconBStats,
.IconBStatsOff,
.IconBTV,
.IconBTVCOff,
.IconBTVCOn,
.IconBTVOff,
.IconDel,
.IconDelRect,
.IconDropDown,
.IconDropDown span,
.IconEdit,
.IconHelp,
.IconLC,
.IconLCs,
.IconLive,
.IconMarkets,
.IconMarketsGray,
.IconStats,
.IconStatsGray,
.IconTV,
.IconTVGrays,
.IconTVPink,
.IconTVs,
.Lang .Sel a,
.Lang .Sel a:hover,
.NavNew,
.NavNew-zh-cn,
.OddsType,
.OldOdds,
.Open .HdTitle,
.Open .SubHead span,
.RedCard,
.SptMod li li,
.SptMod li li.Sel,
.SptMod li span.NumEvt,
.SptMod li span.NumEvtCountry,
.SvcMod li,
.TopLinks a span,
.TopQuestionnaireIcon,
.TrailIcon,
.UpArrow,
.UserInfo .BlueBtn,
.ValidateBtn,
a.Price1,
a.Price1:hover,
a.Price2,
a.Price2:hover,
a.Price4,
a.Price4:hover,
a.Sort1,
a.Sort1:hover,
a.Sort2,
a.Sort:hover,
li.InitDep span,
li.MoreReg {
    background: url(../../images/base/icons.png?131008) no-repeat
}

.RC {
    background: url(../../images/base/icons.png?131008) 0 -376px no-repeat;
    height: 9px;
    width: 9px;
    position: absolute;
    top: 6px;
    cursor: help
}

.RC2 .RC {
    width: 18px
}

.RC3 .RC {
    width: 27px
}

.RC4 .RC {
    width: 36px
}

.RC5 .RC {
    width: 45px
}

.RC10 .RC,
.RC6 .RC,
.RC7 .RC,
.RC8 .RC,
.RC9 .RC {
    width: 19px
}

.RC6 .RC {
    background-position: 0 -389px
}

.RC7 .RC {
    background-position: 0 -403px
}

.RC8 .RC {
    background-position: 0 -418px
}

.RC9 .RC {
    background-position: 0 -434px
}

.RC10 .RC {
    width: 23px;
    background-position: 0 -449px
}

.RedCard {
    background-position: -81px -72px;
    width: 9px;
    height: 12px;
    display: inline-block;
    zoom: 1;
    cursor: help
}

.AddMyMarket,
.DelAll,
.DelMyMarket,
.IconBar div,
.IconDel,
.IconDelRect,
.IconEdit,
.IconFav,
.IconFavSel,
.IconHelp,
.IconInfo,
.IconStats,
.IconStatsGray,
.RefreshBtn,
.SptTabs li,
.SubHead span,
.ValidateBtn {
    cursor: pointer
}

    .Asia,
    .Euro,
    .Ft,
    .Hd,
    .LoginL,
    .LoginM,
    .LoginR,
    .Masthead,
    .SelMarket a,
    .SptTabs li,
    .SptTabs li.Sel,
    .SptTabs li.Sel a,
    .SptTabs ul,
    .TimeTab,
    .TimeTab td.Sel,
    .UserInfo li,
    .UserLinks,
    .UserLinks li {
        background: url(../../images/base/structure.png?120316) no-repeat
    }

.FrontIconB1,
.FrontIconB2,
.IconAlert,
.IconFav,
.IconFavSel,
.IconFavSelSub,
.IconFavSub,
.IconInfo,
.LeagueInfo {
    background: url(../../images/base/acc.png?130930) no-repeat
}

.All .Hd,
.LeftCol .Live .Hd,
.Live .Hd,
.Live .SelMarket a,
.LiveMarket .IconMarkets,
.LiveMarket .IconStats {
    background: url(../../images/base/live.png?130923) no-repeat
}

.SportImg1,
.SportImg10,
.SportImg12,
.SportImg13,
.SportImg14,
.SportImg15,
.SportImg16,
.SportImg17,
.SportImg18,
.SportImg19,
.SportImg2,
.SportImg20,
.SportImg21,
.SportImg22,
.SportImg23,
.SportImg24,
.SportImg25,
.SportImg26,
.SportImg27,
.SportImg28,
.SportImg29,
.SportImg3,
.SportImg30,
.SportImg31,
.SportImg4,
.SportImg5,
.SportImg6,
.SportImg7,
.SportImg8,
.SportImg9 {
    background: url(../../images/base/sports.png?120529) no-repeat;
    width: 22px;
    height: 22px;
    float: left
}

.SportImg2 {
    background-position: -22px 0
}

.SportImg3 {
    background-position: -44px 0
}

.SportImg4 {
    background-position: -66px 0
}

.SportImg5 {
    background-position: -88px 0
}

.SportImg6 {
    background-position: -110px 0
}

.SportImg7 {
    background-position: -132px 0
}

.SportImg8 {
    background-position: -154px 0
}

.SportImg9 {
    background-position: -176px 0
}

.SportImg10 {
    background-position: -198px 0
}

.SportImg12 {
    background-position: -242px 0
}

.SportImg13 {
    background-position: -264px 0
}

.SportImg14 {
    background-position: -286px 0
}

.SportImg15 {
    background-position: -308px 0
}

.SportImg16 {
    background-position: -330px 0
}

.SportImg17 {
    background-position: 0 -25px
}

.SportImg18 {
    background-position: -22px -25px
}

.SportImg19 {
    background-position: -44px -25px
}

.SportImg20 {
    background-position: -66px -25px
}

.SportImg21 {
    background-position: -88px -25px
}

.SportImg22 {
    background-position: -110px -25px
}

.SportImg23 {
    background-position: -132px -25px
}

.SportImg24 {
    background-position: -154px -25px
}

.SportImg25 {
    background-position: -176px -25px
}

.SportImg26 {
    background-position: -198px -25px
}

.SportImg27 {
    background-position: -220px -25px
}

.SportImg28 {
    background-position: -242px -25px
}

.SportImg29 {
    background-position: -264px -25px
}

.SportImg30 {
    background-position: -286px -25px
}

.SportImg31 {
    background-position: -219px 0
}

.SportImgOly {
    background: url(../../images/base/olympic2012.png?120702) 0 1px no-repeat;
    width: 22px;
    height: 22px;
    float: left
}

.SportImgOly-en {
    background: url(../../images/base/olympic2012-en.png?120702) 0 1px no-repeat;
    width: 118px;
    height: 22px;
    float: left
}

.SportImgOly-zh-cn {
    background: url(../../images/base/olympic2012-zh-cn.png?120702) 0 1px no-repeat;
    width: 102px;
    height: 22px;
    float: left
}

.SportImgOly-zh-tw {
    background: url(../../images/base/olympic2012-zh-tw.png?120702) 0 1px no-repeat;
    width: 109px;
    height: 22px;
    float: left
}

.SportsImgEuro2012,
.SportsImgEuro2012ZhTw,
.SportsImgEuro2012zh-cn {
    background: url(../../images/base/SportImgEuro2012.png?120524) no-repeat;
    width: 89px;
    height: 22px;
    float: left
}

.SportsImgEuro2012 {
    background-position: left top
}

.SportsImgEuro2012zh-cn {
    background-position: 0 -44px
}

.SportsImgEuro2012ZhTw {
    background-position: 0 -22px
}

.Euro2012Wrap,
.OlympicsWrap {
    height: 15px
}

.GamesImg1,
.GamesImg2,
.GamesImg3,
.GamesImg4,
.GamesImg5 {
    width: 33px;
    height: 26px;
    background: url(../../images/base/icons-games.png) no-repeat;
    float: left
}

.GamesImg1 {
    background-position: -1px 0
}

.GamesImg2 {
    background-position: 0 -35px
}

.GamesImg3 {
    background-position: -1px -76px
}

.GamesImg4 {
    background-position: -1px -117px
}

.GamesImg5 {
    background-position: -1px -165px
}

.RefreshBtn,
.WhiteBtn {
    display: block;
    height: 17px
}

.OrangeBtn {
    background-position: right -21px;
    font: 700 11px/20px Trebuchet MS;
    color: #fff;
    padding: 0 10px 1px;
    border: 1px solid #734531
}

    .OrangeBtn:hover {
        color: #600
    }

.BlueBtn {
    line-height: 18px;
    background-position: 0 -100px;
    border: 1px solid #667dbc;
    padding: 1px 5px;
    color: #fff;
    font-weight: 700;
    margin-right: 3px
}

    .BlueBtn:hover {
        color: #fc0
    }

.UserInfo .BlueBtn {
    padding: 1px 5px 1px 17px;
    background: url(../../images/base/icons.png?131008) -140px -785px no-repeat !important
}

.WhiteBtn {
    background-position: right -79px;
    font: 700 11px/18px Arial;
    color: #a23b06;
    padding-right: 6px;
    margin: 1px
}

    .WhiteBtn span {
        display: block;
        background-position: 0 -79px;
        padding-left: 6px
    }

    .RefreshBtn:hover,
    .WhiteBtn:hover {
        color: #306
    }

.RefreshBtn {
    width: 78px;
    font: 700 11px/17px Arial;
    color: #900;
    padding: 0 0 0 14px;
    margin: 8px 3px 3px 0;
    float: right
}

.UserInfo .RefreshBtnS,
.UserInfo .RefreshBtnSA {
    display: inline-block;
    width: 13px;
    height: 16px;
    vertical-align: top;
    margin-top: 2px
}

.UserInfo .RefreshBtnS {
    background: url(../../images/base/refresh-static.png?120313) 2px 4px no-repeat
}

.UserInfo .RefreshBtnSA {
    background: url(../../images/base/refresh-rotate.gif?120313) 2px 4px no-repeat
}

.BtnNum,
.BtnTxt,
.MPBtn {
    display: block
}

.MarketHd .RefreshBtn {
    margin: 1px 3px 0 0
}

.MPBtn {
    background-position: 0 -39px;
    width: 210px;
    height: 39px;
    font: 700 11px/39px Verdana;
    color: #243e84;
    position: relative;
    margin: 4px 0 0
}

.BtnTxt {
    width: 170px;
    margin-left: 5px
}

.BtnNum {
    position: absolute;
    right: 10px;
    top: 0;
    width: 23px;
    color: #fff;
    font: 100 10px/40px Arial
}

.SubHeadT,
body,
input,
select,
textarea {
    font: 11px Arial
}

.MPBtn:hover .BtnTxt {
    color: #5476cf
}

.BlueBtn,
.FavMod td a,
.FooterLinks a,
.GamesMod td a,
.IconMarkets,
.Lang ul li a,
.MPBtn,
.MPOption li a,
.NavBar a,
.OddsTabL,
.OddsTabR,
.OrangeBtn,
.RefreshBtn,
.SelMarket a,
.SptMod .Hd a,
.SptMod li a,
.SptTabs li a,
.StakeTF a,
.SvcMod a,
.TimeTab a,
.TopLinks a,
.Trail a,
.UserLinks a,
.WhiteBtn {
    text-decoration: none
}

.All .AllTab,
.BetMod .Invalid a,
.BetMod .Invalid a:hover,
.IconMarketsGray,
.IconStatsGray,
.Live .LiveTab,
.NavItemSel a,
.Sel a,
.Sel a:hover,
a.Sel {
    cursor: default !important
}

body {
    background-color: #85a3e0
}

.Masthead {
    position: relative;
    height: 112px;
    z-index: 1
}

.Logo,
.TopLinks {
    position: absolute;
    top: 0
}

.Logo {
    left: 0;
    width: 235px;
    height: 60px
}

    .Logo span {
        display: none
    }

.TopLinks {
    right: 5px
}

    .TopLinks li {
        float: right;
        display: block;
        background: url(../../images/base/buttons.png?121217) left -269px repeat-x
    }

    .TopLinks a,
    li.InitDep div {
        display: block;
        background: url(../../images/base/structure.png?120316) -91px -477px no-repeat;
        padding: 10px 0 10px 8px;
        overflow: hidden
    }

        .TopLinks a span,
        li.InitDep span {
            color: #16295a;
            font: 700 12px Trebuchet MS;
            padding: 3px 10px 8px 23px
        }

a.Font span {
    background-position: -138px -1104px;
    padding-left: 30px
}

a.Help span {
    background-position: -138px -942px;
    padding-left: 30px
}

a.LiveChat span {
    background-position: -135px -913px;
    padding-left: 38px
}

a.JoinNow span {
    background-position: -142px -428px
}

a.Announce span {
    background-position: -140px -883px;
    padding-left: 26px
}

a.AnnounceNew span {
    background-position: -142px -973px;
    padding-left: 26px
}

a.Result span {
    background-position: -135px -853px;
    padding-left: 38px
}

.TopLinks a:hover span {
    color: #900
}

a.Announce .Counts {
    background-position: -140px -1039px;
    font: 100 9px/12px Trebuchet MS;
    color: #913907;
    padding: 1px 3px 0 4px;
    width: 20px;
    height: 14px;
    position: relative;
    top: -8px;
    left: -10px;
    display: inline-block
}

li.InitDep {
    background: url(../../images/base/toplinks-bgyellow.gif?120313) repeat-x
}

    li.InitDep span {
        background-position: -140px -457px;
        float: left;
        margin-top: -3px;
        color: #7f4b0d;
        padding-right: 3px;
        height: 9px
    }

    li.InitDep a {
        background: url(../../images/base/toplinks-initdep.png?120313) no-repeat;
        padding: 0 0 0 5px;
        float: left;
        color: #900;
        display: block;
        height: 20px;
        margin: -3px 10px 0 0
    }

        li.InitDep a b {
            padding: 0 5px 0 0;
            font: 700 11px/20px Arial;
            background: url(../../images/base/toplinks-initdep.png?120313) top right no-repeat;
            display: block
        }

        li.InitDep a:hover {
            color: #d00
        }

.UM {
    height: 44px;
    background: url(../../images/base/umbg.png?131216) no-repeat;
    margin: auto;
    color: #900;
    width: 987px
}

    .UM span {
        padding-left: 80px;
        padding-top: 6px;
        display: block
    }

.Login,
.TopFunctions {
    position: absolute;
    top: 36px;
    right: -1px
}

.FormTextF,
.FormTextN {
    left: 7px;
    top: 1px;
    font: 100 11px/18px Tahoma, sans-serif;
    vertical-align: middle
}

.LoginL,
.LoginM,
.LoginR {
    float: left;
    width: 5px;
    height: 35px;
    background-position: 0 -120px
}

.LoginR {
    width: 8px;
    background-position: -678px -120px
}

.LoginM {
    width: auto;
    height: 24px;
    background-position: -10px -120px;
    padding: 11px 0 0;
    white-space: nowrap
}

.Pwd,
.Username,
.Validate-de-de,
.Validate-en,
.Validate-es-es,
.Validate-id-id,
.Validate-ja-jp,
.Validate-my-mm,
.Validate-ru-ru,
.Validate-th-th,
.Validate-vi-vn,
.Validate-zh-cn {
    height: 18px;
    float: left;
    margin: 0 1px;
    padding: 0 2px;
    border: 1px solid #000;
    font: 100 11px/18px Tahoma, sans-serif;
    color: #000
}

.Pwd,
.Username {
    width: 96px
}

.Validate-en,
.Validate-es-es,
.Validate-id-id,
.Validate-ja-jp,
.Validate-vi-vn,
.Validate-zh-cn {
    width: 52px
}

.Validate-de-de {
    width: 58px
}

.Validate-my-mm,
.Validate-ru-ru {
    width: 88px
}

.Captcha {
    float: left;
    height: 17px;
    margin: 0 0 0 -1px;
    border: 1px solid #96b8de;
    border-right: 1px solid #b2d0f4
}

.ForgetBtn {
    float: left;
    width: 15px;
    height: 20px;
    background-position: -20px -94px
}

.ValidateBtn {
    float: left;
    width: 15px;
    height: 19px;
    margin: 0 4px 0 0;
    background-position: 0 -94px
}

.TopQuestionnaire,
.TopQuestionnaireIcon,
.TopQuestionnaireText {
    display: inline-block;
    height: 35px;
    zoom: 1
}

.LoginWrap {
    float: left;
    position: relative
}

.FormTextF,
.FormTextN,
.NavBar {
    position: absolute
}

.FormTextN {
    color: #666
}

.FormTextF {
    color: #b7b7b7
}

.TopQuestionnaire {
    float: left;
    margin: 0 10px 0 0
}

.TopQuestionnaireIcon {
    width: 20px;
    background-position: -140px -998px;
    cursor: pointer
}

.TopQuestionnaireText {
    margin-top: 3px;
    vertical-align: top
}

a.TopQuestionnaireLink {
    font: 700 11px/35px Arial;
    color: #233b7a;
    text-decoration: none
}

    a.TopQuestionnaireLink:hover {
        font: 700 11px/35px Arial;
        color: #c00;
        text-decoration: none
    }

.TopFunctions ul {
    float: left;
    padding: 0 5px;
    margin-top: -1px
}

.TopFunctions li {
    display: inline;
    padding: 0 7px 0 5px;
    line-height: 23px
}

.UserLinks {
    background-position: -540px -275px
}

    .UserLinks li {
        background-position: right -252px
    }

    .UserLinks a {
        color: #07122f
    }

        .UserLinks a:hover {
            color: #c00
        }

.UserInfo {
    color: #fff
}

    .UserInfo li {
        background-position: right -300px
    }

        .UserInfo li.Last,
        .UserLinks li.Last {
            background: 0 0
        }

.NavBar {
    left: 0;
    top: 62px;
    padding: 0 10px 0 22px
}

    .NavBar li {
        display: inline;
        font: 700 13px/36px Trebuchet MS
    }

    .NavBar a {
        display: block;
        float: left;
        color: #183166;
        background-position: 0 -125px;
        margin-top: 10px
    }

        .NavBar a:hover {
            color: #630;
            background-position: center -161px
        }

    .NavBar span {
        display: block;
        background-position: right -233px;
        padding: 0 15px
    }

.NavItemSel a {
    background-position: center -197px !important;
    color: #fff !important;
    cursor: pointer !important
}

.NavBar span.Euro2012TabWrap {
    padding: 0
}

.NavBar span span.Euro2012Tab-en {
    width: 110px;
    padding: 0;
    background: url(../../images/base/euro2012menu.gif?120607) 0 -38px no-repeat;
    height: 36px
}

.NavBar span span.Euro2012Tab-zh-cn {
    width: 110px;
    padding: 0;
    background: url(../../images/base/euro2012menu_zh_cn.gif?120607) 0 -38px no-repeat;
    height: 36px
}

.NavBar span span.Euro2012Tab-zh-tw {
    width: 110px;
    padding: 0;
    background: url(../../images/base/euro2012menu_zh_tw.gif?120607) 0 -38px no-repeat;
    height: 36px
}

.NavBar span span.Euro2012Tab-en-hover {
    width: 110px;
    padding: 0;
    background: url(../../images/base/euro2012menu.gif?120607) 0 -1px no-repeat;
    height: 36px
}

.NavBar span span.Euro2012Tab-zh-cn-hover {
    width: 110px;
    padding: 0;
    background: url(../../images/base/euro2012menu_zh_cn.gif?120607) 0 -1px no-repeat;
    height: 36px
}

.NavBar span span.Euro2012Tab-zh-tw-hover {
    width: 110px;
    padding: 0;
    background: url(../../images/base/euro2012menu_zh_tw.gif?120607) 0 -1px no-repeat;
    height: 36px
}

.NavNew,
.NavNew-zh-cn {
    height: 25px;
    left: -15px;
    top: -36px;
    width: 25px;
    background-repeat: no-repeat
}

.NavNewWrap {
    position: relative
}

.Lang,
.NavNew,
.NavNew-zh-cn,
.Time {
    position: absolute
}

.NavNew {
    background-position: -140px -1067px
}

.NavNew-zh-cn {
    background-position: -110px -1067px
}

.Time {
    font-size: 10px;
    right: 8px;
    top: 72px
}

.Lang {
    top: 85px;
    right: 8px
}

    .Lang li {
        float: left;
        display: inline;
        width: 78px;
        height: 18px
    }

        .Lang li a {
            display: block;
            font-weight: 700;
            font-family: Trebuchet MS
        }

.Asia,
.Euro {
    background-position: -840px -120px;
    line-height: 18px;
    color: #fff
}

.Euro {
    background-position: -730px -120px;
    padding-left: 5px
}

.Lang ul {
    float: left
}

.Lang select {
    margin: 0 0 0 3px
}

.LangDropDown {
    background: url(../../images/base/icons.png?131008) 0 -1008px no-repeat;
    width: 68px;
    height: 15px;
    display: inline-block;
    padding: 1px 0 0;
    border: 1px solid #6587cb;
    margin: 0 0 0 1px;
    zoom: 1
}

    .LangDropDown span {
        margin: 0 0 0 5px;
        line-height: 14px
    }

    .LangDropDown ul {
        margin-top: 2px;
        font: 100 11px/14px Arial
    }

        .LangDropDown ul li {
            background-color: #fff;
            line-height: 18px;
            width: 68px;
            border-bottom: 1px solid #6587cb;
            border-left: 1px solid #6587cb;
            border-right: 1px solid #6587cb;
            margin: 0 0 0 -1px
        }

            .LangDropDown ul li a,
            .LangDropDown ul li a:hover {
                color: #000;
                font: 100 11px/18px Arial;
                padding: 0 0 0 8px
            }

                .LangDropDown ul li a:hover {
                    background-color: #ebf2ff
                }

.HighlightBanner {
    width: 986px;
    height: 18px;
    padding-bottom: 4px;
    vertical-align: top;
    margin-left: -8px;
    position: relative
}

.HighlightBannerHover {
    width: 910px;
    height: 18px;
    position: absolute;
    cursor: pointer;
    left: 0;
    margin-left: 18px;
    top: 0
}

.Hd {
    background-position: 0 -160px;
    height: 30px;
    width: 175px
}

.HdTitle {
    font: 700 12px/22px Trebuchet MS;
    color: #fff;
    padding: 0 0 0 18px;
    float: left;
    margin-top: 5px
}

.Event .HdTitle,
.League .HdTitle {
    padding: 0 0 0 5px !important
}

    .Event .HdTitle span {
        width: 460px;
        display: inline-block;
        zoom: 1
    }

    .League .HdTitle span {
        float: left;
        display: inline-block;
        zoom: 1
    }

.Bd {
    background-position: -1005px 0;
    background-color: #fff
}

.Bdc {
    background-color: #fff9e5
}

.Bdd {
    background-color: #e7eefb
}

.Bde {
    background-color: #d0e0fe
}

.Ft {
    background-position: 0 -195px;
    height: 3px;
    font-size: 0
}

.ContentRC {
    padding: 15px 10px
}

.RCTopBanner div {
    border: 0;
    padding: 0;
    width: 470px;
    height: 180px;
    float: left
}

    .RCTopBanner div.RCTopBannerLeft {
        margin-left: 7px
    }

    .RCTopBanner div.RCTopBannerRight {
        float: right;
        margin-right: 14px;
        cursor: pointer;
        position: relative
    }

    .RCTopBanner div.RCTopBannerRightHover {
        margin-left: 20px;
        cursor: pointer;
        background-color: #355abd;
        border: 1px solid #233b7a;
        position: relative
    }

.RCTopBanner span.RCTopBannerRightPointer {
    display: block;
    top: 4px;
    position: absolute;
    cursor: pointer;
    left: 4px
}

.RCTabWrap-en,
.RCTabWrap-ja-jp,
.RCTabWrap-ru-ru,
.RCTabWrap-zh-cn {
    margin-top: 20px;
    height: 160px
}

    .RCTabWrap-en div,
    .RCTabWrap-ja-jp div,
    .RCTabWrap-ru-ru div,
    .RCTabWrap-zh-cn div {
        border: 1px solid #9cbbee;
        width: 289px;
        height: 133px;
        float: left;
        cursor: pointer;
        padding: 4px
    }

    .RCTabWrap-en div {
        background: url(../../images/base/rc-banner.en.png?120720) no-repeat #c6ddfd
    }

    .RCTabWrap-zh-cn div {
        background: url(../../images/base/rc-banner.zh-cn.png?120720) no-repeat #c6ddfd
    }

    .RCTabWrap-ja-jp div {
        background: url(../../images/base/rc-banner.ja-jp.png?121016) no-repeat #c6ddfd
    }

    .RCTabWrap-ru-ru div {
        background: url(../../images/base/rc-banner.ru-ru.png?130308) no-repeat #c6ddfd
    }

div.RCTabLeftHover,
div.RCTabMiddleHover,
div.RCTabRightHover {
    background-color: #355abd;
    border: 1px solid #233b7a
}

div.RCTabLeft {
    background-position: -10px 4px
}

div.RCTabMiddle {
    background-position: -322px 4px;
    margin-left: 12px
}

div.RCTabRight {
    background-position: -634px 4px;
    margin-left: 12px
}

div.RCTabLeftHover {
    background-position: -10px 4px
}

div.RCTabMiddleHover {
    background-position: -322px 4px;
    margin-left: 12px
}

div.RCTabRightHover {
    background-position: -634px 4px;
    margin-left: 12px
}

div.Selected {
    height: 152px;
    border-bottom: 0
}

.RCTabContentWrap {
    height: 221px;
    background-color: #c6ddfd;
    border: 1px solid #9cbbee;
    padding: 4px
}

.RCTabContentBaccarat,
.RCTabContentRoulette,
.RCTabContentSicbo {
    height: 220px;
    clear: both
}

.SideImg-en,
.SideImg-ja-jp,
.SideImg-zh-cn {
    width: 397px;
    height: 219px;
    margin-right: 10px;
    border: 1px solid #9cbbee;
    float: left
}

.SideImg-en {
    background: url(../../images/base/rc-tab-side-img.en.png?120720) -12px -12px no-repeat #c6ddfd
}

.SideImg-zh-cn {
    background: url(../../images/base/rc-tab-side-img.zh-cn.png?120720) -12px -12px no-repeat #c6ddfd
}

.SideImg-ja-jp {
    background: url(../../images/base/rc-tab-side-img.en.png?120720) -12px -12px no-repeat #c6ddfd
}

.SideText {
    padding: 10px;
    font: 100 12px/18px Arial, Tahoma, Geneva, sans-serif
}

    .SideText p {
        margin-top: 10px
    }

.RouletteSideImg {
    background-position: -12px -262px
}

.SicboSideImg {
    background-position: -12px -510px
}

.MidCol .Hd {
    background-position: 0 -550px;
    overflow: auto;
    width: 580px;
    background-color: #334e9a;
    height: auto
}

.MidCol .Bd {
    background: #fff;
    border-top: 0
}

.MidCol .Ft {
    display: none
}

.Live .Hd {
    background-position: 0 4px;
    background-color: #fff
}

.RightCol .Hd {
    background-position: -775px -160px;
    width: 220px
}

.RightCol .Bd {
    background-position: -1190px 0;
    width: 210px;
    padding: 5px
}

.RightCol .Ft {
    background-position: -775px -195px
}

.Open .HdTitle {
    background-position: 8px -249px
}

.Open .SubHead span {
    background-position: 0 -253px;
    padding-left: 10px;
    line-height: 15px
}

.Closed .Bd,
.Closed .Ft,
.Open .MarketBd,
.live .Open .MarketBd {
    display: block
}

.Closed .Hd {
    height: 28px
}

.Closed .HdTitle {
    background-position: 9px -221px
}

.Closed .SubHead span {
    background-position: 0 -225px;
    padding-left: 10px;
    line-height: 15px
}

.Closed .MarketHd {
    border-bottom: 1px solid #eee
}

.Closed .Bd,
.Closed .Ft,
.Closed .MarketBd,
.live .Closed .MarketBd {
    display: none
}

.FooterLinks li,
.Misc li,
.Partners li,
.Payment li,
.Socialmedia li,
.license-logo li{
    display: inline-block
}

.Footerde-de,
.Footeren,
.Footeres-es,
.Footerid-id,
.Footerja-jp,
.Footermy-mm,
.Footerru-ru,
.Footerth-th,
.Footervi-vn,
.Footerzh-cn {
    text-align: center;
    padding-bottom: 15px;
    height: 60px;
    position: relative;
    margin: 10px auto 0
}

.FooterLinks {
    width: 975px;
    margin: 0 auto
}

    .FooterLinks a {
        color: #1a499d;
        padding: 0 20px
    }

.ThirdParty {
    position: relative;
    height: 60px;
    padding-top: 20px;
    width: 975px;
}

.CopyrightMsg {
    color: #848484;
    font: 700 9px Tahoma, sans-serif;
    margin: 20px 0 30px;
}

.Misc,
.Partners,
.Payment,
.Socialmedia,
.license-logo {
    display: inline-block;
    padding: 0 20px
}

.Socialmedia {
    left: 631px;
    top: 30px
}

.Twitter,
.Youtube,
.Googleplus,
.Instagram,
.Facebook,
.Weibo {
    height: 44px;
    float: left;
    margin: 0 0 0 5px
}

.Twitter {
    background: url(../../images/icons/twitter-icon.png) no-repeat 0 0;
    width: 25px
}

.Youtube {
    background: url(../../images/icons/youtube-icon.png) no-repeat 0 0;
    width: 25px
}

.Googleplus {
    background: url(../../images/icons/googleplus-icon.png) no-repeat 0 0;
    width: 25px
}

.Instagram {
    background: url(../../images/icons/instagram-icon.png) no-repeat 0 0;
    width: 25px
}

.Facebook {
    background: url(../../images/icons/facebook-icon.png) no-repeat 0 0;
    width: 25px
}

.Weibo {
    background: url(../../images/icons/weibo-icon.png) no-repeat 0 0;
    width: 25px
}

.EGR {
    background: url(../../images/icons/EGR.png);
    width: 60px;
    height: 60px;
    float: left
}

.ProudPartners {
    color: #848484;
    font: 100 10px Tahoma, sans-serif;
    width: 975px;
    margin-left: 4px;
    padding-top: 10px
}

.ByMoneybookers,
.Entropay,
.Envoy,
.Mastercard,
.Moneybookers,
.Netbanx,
.Neteller,
.Visa {
    height: 33px;
    float: left
}

.Visa {
    background: url(../../images/icons/Visa_colour.png) no-repeat 0 0;
    width: 40px
}

.Mastercard {
    background: url(../../images/icons/Mastercard.png) no-repeat 0 0;
    width: 21px
}

.Moneybookers {
    width: 31px
}

.Neteller {
    background: url(../../images/icons/Neteller.png) no-repeat 0 0;
    width: 62px
}

.Entropay {
    background: url(../../images/icons/Entropay.png?20180611) no-repeat 0 0;
    width: 22px
}

.Netbanx {
    width: 65px
}

.Envoy {
    width: 41px
}

.ByMoneybookers {
    background: url(../../images/icons/ByMoneybookers_colour.png) no-repeat 0 0;
    width: 26px
}

.GamblingCare,
.Above18,
.Above21,
.GT,
.Gamcare,
.IOM,
.RGA,
.Digicert,
.PagcorIcon {
    width: 29px;
    height: 46px;
    float: left
}

.HCFC,
.NCFC,
.SCAFC,
.SFC,
.WHUFC {
    width: 40px;
    height: 38px;
    float: left;
    margin: 0 5px 0 2px
}

.SFC {
    width: 37px
}

.GT {
    background: url(../../images/icons/GT.png) no-repeat 0 0;
    width: 36px
}

.NCFC {
    width: 37px;
    margin-left: 3px
}

.Gamcare {
    background: url(../../images/icons/Gamcare.png) no-repeat 0 0;
    width: 32px
}

.Above18 {
    background: url(../../images/icons/Above18.png) no-repeat 0 0;
    width: 29px;
    height: 42px
}

.Above21 {
    background: url(../../images/icons/Above21.png?20190228) no-repeat 0 0;
    width: 29px;
    height: 42px
}

.PagcorIcon{
    background: url(../../images/icons/pagcor2024.png) no-repeat 0 0;
    width: 29px;
    height: 42px
}

.Digicert {
    background: url(../../images/icons/DigiCert.png) no-repeat 0 0;
    width: 62px;
    height: 35px;
}

.RGA {
    background: url(../../images/icons/RGA_colour.png?201810172) no-repeat 0 0;
    width: 71px;
    height: 42px
}

.IOM {
    background: url(../../images/icons/IOM.png?201810172) no-repeat 0 0;
    width: 45px
}

.GamblingCare {
    background: url(../../images/icons/GamblingCare.png) no-repeat 0 0;
    width: 45px;
    background-position: top,center
}

.LFlinks {
    height: auto;
    padding: 0 20px 50px;
    display: inline-block;
}

.FLinksLH li,
.FLinksLHB li,
.FLinksLast li,
.FLinksLastB li {
    background: url(../../images/base/footerconer2020-d.png?20200218) -743px -64px no-repeat;
    color: #666
}

.FLinksLH,
.FLinksLHB,
.FLinksLast,
.FLinksLastB {
    display: inline;
    text-align: left;
    float: left
}

.FLinksLH {
    position: relative;
    max-width: 183px;
    margin-right: 4vw;
}

.FLinksLHB {
    position: relative;
    max-width: 183px;
    margin-right: 4vw;
}

.w130 {
    width: 130px
}

.w240 {
    width: 240px
}

.FLinksLH li,
.FLinksLHB li {
    padding-left: 20px;
    margin-bottom: 5px;
}

    .FLinksLH li a,
    .FLinksLHB li a {
        color: #c0c0c0;
        text-decoration: none
    }

        .FLinksLH li a:hover,
        .FLinksLHB li a:hover {
            color: #fff;
            text-decoration: underline
        }

.FLinksLast {
    max-width: 183px;
    height: 99px;
}

.FLinksLastB {
    height: 89px;
    padding-top: 15px
}

    .FLinksLast li,
    .FLinksLastB li {
        padding-left: 20px;
        margin-bottom: 5px;
    }

        .FLinksLast li a,
        .FLinksLastB li a {
            color: #c0c0c0;
            text-decoration: none
        }

            .FLinksLast li a:hover,
            .FLinksLastB li a:hover {
                color: #fff;
                text-decoration: underline
            }

.FLinksLHead {
    font: 700 11px/16px Trebuchet MS;
    color: #46499d;
    padding-left: 20px;
    margin-bottom: 5px;
    box-sizing: border-box
}

    .FLinksLHead h3 {
        color: #adc3ff;
        font-size: 10px;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .FLinksLHB,
    .FLinksLastB {
        padding-top: 30px !important
    }
}

.FSportIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) 1px -29px no-repeat
}

.FCasinoIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -184px -28px no-repeat
}

.FRaceIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -372px -29px no-repeat
}

.FMobileIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -556px -29px no-repeat
}

.FAboutIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -741px -29px no-repeat
}

.FHelpIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -929px -29px no-repeat
}

.LiveDraw .FHelpIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -929px -29px no-repeat
}

.FRulesIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) 1px -63px no-repeat
}

.FLeaguesIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -185px -63px no-repeat
}

.FLearnIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -371px -64px no-repeat
}

.FNewsIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -558px -63px no-repeat
}

.FGameRulesIcon {
    background: 0 0 !important;
    position: relative
}

    .FGameRulesIcon:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../../images/base/footerconer2020-d.png?20200218) 1px -95px no-repeat;
        position: absolute;
        left: 0;
        top: 0
    }

.FGameTutsIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -373px -97px no-repeat
}

.FGamesIcon {
    background: url(../../images/base/footerconer2020-d.png?20200218) -186px -97px no-repeat
}

.FNewGamesIcon {
    background: url(../../images/base/footergame.png?121122) 1px -29px no-repeat
}

.FKenoIcon {
    background: url(../../images/base/footergame.png?121122) -184px -28px no-repeat
}

.FScratchcardsIcon {
    background: url(../../images/base/footergame.png?121122) -372px -29px no-repeat
}

.FHiLoIcon {
    background: url(../../images/base/footergame.png?121122) -556px -29px no-repeat
}

.FVSportsIcon {
    background: url(../../images/base/footergame.png?121122) -741px -29px no-repeat
}

.FTableGamesIcon {
    background: url(../../images/base/footergame.png?121122) -926px -29px no-repeat
}

.Trail,
.TrailH {
    padding: 6px 0 2px;
    margin-left: 8px
}

    .Trail a {
        font: 700 12px Arial;
        color: #46499d;
        text-decoration: underline
    }

a.TrailH {
    text-decoration: none
}

.Trail a:hover {
    text-decoration: underline;
    color: #c99d13
}

.TrailIcon {
    background-position: -110px -90px;
    font-size: 12px;
    width: 5px;
    height: 15px;
    display: inline-block;
    zoom: 1
}

.TrailSymbol {
    color: #5996db;
    font-weight: 700;
    vertical-align: top
}

.Panel {
    margin: 0 0 2px
}

.FavMod .Bd,
.GamesMod .Bd,
.SptMod .Bd,
.SvcMod .Bd {
    padding: 1px 5px 5px;
    zoom: 1
}

.SptMod .Hd a {
    display: block;
    float: left;
    text-align: center
}

.All .Hd {
    background-position: -189px -120px
}

.LeftCol .Live .Hd {
    background-position: 0 -120px
}

.AllTab {
    color: #fff;
    margin-right: 7px
}

.LiveTab {
    color: #930
}

.All .LiveTab:hover {
    color: #e30
}

.Live .AllTab:hover {
    color: #b9dcff
}

.All .LiveTab,
.Live .AllTab {
    font-size: 10px
}

.All .AllTab {
    width: 76px
}

.All .LiveTab {
    width: 70px
}

.Live .AllTab {
    width: 65px
}

.Live .LiveTab {
    width: 83px
}

.SptMod .Bd {
    background-color: #e7eefb
}

.SptMod p {
    margin: 10px 5px;
    text-align: center;
    background: #ffe7e2;
    border: 1px solid #f9d6cf;
    padding: 5px;
    color: #666
}

.SptMod .Sel a {
    cursor: pointer !important
}

.SptMod ul {
    margin: 0 0 0 -1px;
    padding: 3px 0
}

.SptMod li {
    border-bottom: 1px solid #ceddf7
}

    .SptMod li a {
        font-weight: 700;
        color: #000;
        display: block;
        padding: 5px 25px;
        position: relative
    }

        .SptMod li a:hover {
            color: #900
        }

    .SptMod li span {
        margin: 0 4px 0 1px;
        position: absolute;
        top: 1px;
        left: 0
    }

        .SptMod li span.NumEvt {
            top: 5px;
            left: auto;
            right: 0;
            margin: 0;
            width: 23px;
            height: 14px;
            text-align: center;
            color: #555;
            font: 100 9px/14px Arial;
            background-position: -117px -91px
        }

.SptMod ul ul {
    background-color: #d0e0fe;
    border: 1px solid #b5cefd;
    margin-left: 1px
}

.SptMod li li,
.SptMod li li a {
    font-weight: 100;
    color: #133e76;
    padding: 0 0 4px
}

.SptMod li.MoreReg a,
.SvcMod a {
    font-weight: 700
}

.SptMod li li {
    background-position: -168px -84px;
    padding: 0 0 0 10px
}

    .SptMod li li a {
        line-height: 14px
    }

    .SptMod li li.Sel {
        background-position: -169px -124px
    }

        .SptMod li li.Sel ul {
            background: #adcaff;
            margin-left: -10px
        }

    .SptMod li li li,
    .SptMod li li li.Sel {
        background-position: -175px -4px
    }

    .SptMod li li li {
        padding: 2px 0 0 9px;
        border-bottom: 1px dotted #888 !important
    }

        .SptMod li li li.Last,
        .SptMod li li li:last-child {
            border: 0 !important
        }

        .SptMod li li li.Sel a {
            color: #900
        }

li.SptSel {
    border-bottom: 0
}

.SptMod li.MoreReg {
    background-position: 2px -315px
}

.MoreRegHide li.More {
    display: none
}

.MoreRegHide li.MoreReg {
    background-position: 2px -285px
}

.LeftCol .Live .Bd {
    background-color: #fff1ee
}

.LeftCol .Live li {
    border-bottom: 1px solid #eecec7
}

    .LeftCol .Live li li,
    .LeftCol .Live li li li,
    .LeftCol li.SptSel {
        border: 0
    }

.LeftCol .Live ul ul {
    background-color: #f4e2de;
    border: 1px solid #eecec7
}

.FavMod td,
.GamesMod td {
    border-bottom: 1px dotted #aaa;
    vertical-align: middle
}

.LeftCol .Live ul ul ul {
    background-color: #eecec7
}

.LeftCol .Live li span.NumEvt {
    background-position: -141px -91px
}

.Euro2012List ul li,
.Euro2012List ul li.Sel,
.Live .Euro2012List ul li.Sel {
    background-position: -175px -4px
}

    .Euro2012List ul li.Sel {
        background-color: #adcaff
    }

.Live .Euro2012List ul li.Sel {
    background-color: #eecec7
}

.Euro2012List ul {
    padding: 0
}

.FavMod td a {
    color: #000
}

.FavMod table tr:hover {
    background-color: #f6e08f
}

.FavMod td a:hover {
    color: red
}

.FavMod span {
    margin: 0 2px
}

.FavMod td {
    padding: 2px 0
}

.FavMod p {
    margin-top: 5px
}

.GamesMod td a {
    color: #000;
    text-decoration: none
}

.GamesMod td.Sel a {
    color: #900;
    font-weight: 700
}

.GamesMod table tr:hover td a,
.GamesMod td a:hover {
    color: #900
}

.GamesMod span {
    margin: 0 2px
}

.GamesMod td {
    padding: 5px 0
}

.IconEdit,
.IconHelp {
    width: 14px;
    height: 14px;
    background-position: -85px -95px
}

.IconEdit {
    background-position: -65px -95px
}

.DelBtn,
.UpArrow {
    width: 11px;
    height: 16px;
    background-position: -98px -115px;
    display: block;
    float: right
}

.DelBtn {
    background-position: -83px -115px
}

    .DelBtn:hover,
    .UpArrow:hover {
        background-color: #d3e0ff
    }

.SvcMod .Bd,
.SvcMod .Ft {
    background-color: #d3e0ff
}

.GamesMod p {
    margin-top: 5px
}

.SvcMod a {
    color: #1d3a60
}

    .SvcMod a:hover {
        color: #900
    }

.SvcMod li {
    padding: 1px 0 1px 20px;
    background-position: -165px -242px;
    border-bottom: 1px solid #a7c1ff;
    border-top: 1px solid #fff
}

.EventsMod .Bd {
    border: 0
}

.SubHead {
    color: #fff;
    font: 700 12px Arial;
    padding: 3px 0 2px 10px;
    float: left
}

.SubHeadT {
    padding: 3px 0 2px 2px;
    float: left;
    line-height: 15px
}

.SpecialsSub .SubHeadT {
    font: 11px Arial;
    padding: 3px 0 2px 20px;
    float: left;
    line-height: 15px
}

.LiveMarket .SubHeadT {
    color: #782803
}

.NonLiveMarket .SubHeadT {
    color: #383564
}

.SubHead span {
    float: left
}

.SptTabs {
    height: 31px !important;
    position: relative
}

    .SptTabs ul {
        position: absolute;
        top: 0;
        right: 0;
        height: 25px;
        background-position: 0 -201px;
        margin: 5px 1px 0
    }

    .SptTabs li {
        float: left;
        background-position: right -219px;
        padding: 0 3px 0 0
    }

        .SptTabs li a {
            color: #000;
            line-height: 25px;
            display: block;
            float: left;
            padding: 0 2px
        }

            .SptTabs li a span {
                margin-top: 2px
            }

        .SptTabs li.Last {
            background: 0 0
        }

        .SptTabs li.Sel {
            background-position: -509px -201px;
            border-right: 1px solid #8eadef
        }

            .SptTabs li.Sel a {
                background-position: center -233px
            }

td.Icons {
    width: 38px;
    padding-top: 3px
}

div.Icons {
    width: auto;
    float: right
}

.Hd .Icons {
    margin: 9px 5px 0
}

.Icons a,
.Icons div {
    float: left
}

.Hd .Icons select {
    height: 15px;
    line-height: 11px;
    margin: 0 3px
}

.LeagueInfo {
    background-position: -629px -387px;
    height: 18px;
    width: 12px;
    float: left;
    padding-left: 5px;
    cursor: pointer
}

.DateTimeDiv,
.FrontIconS {
    position: relative;
    height: 24px
}

td.DateTime,
th.DateTime {
    font: 100 9px/10px Tahoma, sans-serif;
    width: 50px;
    border-bottom: 1px solid #a7bdef
}

th.DateTime {
    border: 0
}

.DateTimeDiv {
    width: 58px;
    text-align: left
}

.FrontIconS {
    top: 0;
    left: -2px;
    width: 15px;
    vertical-align: middle
}

    .FrontIconS div {
        position: absolute
    }

.IconLCs,
.IconLive,
.IconTVGrays,
.IconTVPink,
.IconTVs {
    display: block;
    width: 10px;
    height: 10px;
    background-position: -51px -51px;
    position: relative;
    top: 1px
}

.IconTVs {
    background-position: -66px -50px
}

.IconTVGrays {
    background-position: -66px -62px
}

.IconTVPink {
    margin-top: 6px;
    background-position: -66px -73px;
    height: 10px
}

.IconLive {
    background-position: 2px -849px;
    top: 8px
}

.FrontIconS1 .IconLCs,
.FrontIconS1 .IconTVGrays,
.FrontIconS1 .IconTVs {
    margin: 3px 0 0
}

.DateTimeTxt {
    position: absolute;
    top: 3px;
    right: 0;
    width: 53px;
    text-align: center
}

.FrontIconB1,
.FrontIconB2 {
    width: 28px;
    height: 26px;
    background-position: -495px -392px;
    position: absolute;
    top: 1px;
    left: -32px
}

.FrontIconB2 {
    width: 48px;
    background-position: -527px -392px;
    left: -50px
}

.IconLC,
.IconTV {
    display: block;
    width: 13px;
    height: 18px;
    float: left;
    margin: 5px 0 0;
    background-position: -104px -48px
}

.IconLC {
    background-position: -85px -51px
}

.FrontIconB1 .IconLC,
.FrontIconB1 .IconTV,
.FrontIconB2 .IconLC,
.FrontIconB2 .IconTV {
    margin: 5px 0 0 5px
}

td.Fav {
    width: 12px;
    border-bottom: 1px solid #a7bdef
}

.LiveMarket td.DateTime,
.LiveMarket td.Fav {
    border-color: #d59080
}

.NonLiveMarket td.DateTime,
.NonLiveMarket td.Fav {
    border-color: #a7bdef
}

.IconMarkets,
.IconMarketsGray {
    width: 17px;
    height: 19px;
    margin: 1px;
    color: #466ab4;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    background-position: 0 -46px
}

.IconMarketsGray {
    background-position: -122px -46px;
    color: #999
}

.IconStats,
.IconStatsGray {
    width: 16px;
    height: 19px;
    background-position: -28px -46px;
    margin: 1px
}

.IconStatsGray {
    background-position: -150px -46px
}

.LiveMarket .IconMarkets {
    background-position: 0 -41px;
    color: #a95840
}

.LiveMarket .IconStats {
    background-position: -34px -40px
}

.NonLiveMarket .IconMarkets {
    background-position: 0 -46px;
    color: #466ab4
}

.NonLiveMarket .IconStats {
    background-position: -28px -46px
}

.IconFav,
.IconFavSel {
    width: 12px;
    height: 18px;
    background-position: -609px -385px;
    float: left
}

.IconFavSel {
    background-position: -583px -385px
}

.MarketLea .IconFav,
.MarketLea .IconFavSel {
    width: 12px;
    height: 15px;
    background-position: -609px -388px;
    margin-left: 7px
}

.MarketLea .IconFavSel {
    background-position: -583px -388px
}

.TimeTab {
    width: 580px;
    height: 39px;
    background-position: 0 -302px;
    border: 1px solid #131f43;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 5px
}

    .TimeTab a,
    .TimeTab td {
        width: 12.5%;
        vertical-align: middle
    }

    .TimeTab td {
        text-align: center;
        padding: 5px 0
    }

    .TimeTab a {
        color: #c0d8fc;
        display: table-cell;
        height: 30px
    }

        .TimeTab a:hover {
            color: #fc0
        }

    .TimeTab td.Sel {
        background-position: 0 -261px !important
    }

        .TimeTab td.Sel a {
            color: #000
        }

.SelMarket a {
    display: inline-block;
    zoom: 1;
    float: left;
    width: 141px;
    height: 38px;
    margin: 0 2px 5px 0;
    background-position: -77px -261px;
    border: 1px solid #9cb8f7;
    color: #203974;
    font: 700 11px/38px Tahoma, sans-serif;
    text-align: center
}

    .SelMarket a:hover {
        color: #627fbf
    }

    .SelMarket a.Sel {
        background-position: -261px -261px;
        border-color: #36519d;
        color: #fff
    }

    .SelMarket .Last,
    .SelMarket a:last-child {
        margin-right: 0;
        width: 143px
    }

.Live .SelMarket a {
    background-position: -56px -41px;
    border-color: #eebaa3;
    color: #300
}

    .Live .SelMarket a:hover {
        color: #c00
    }

    .Live .SelMarket a.Sel {
        background-position: -231px -41px;
        color: #fff
    }

.SelMarketT {
    width: 100%;
    margin-bottom: 10px;
    border-color: #9a3c26
}

    .SelMarketT td {
        width: 33%
    }

.MarketHd {
    background: #627fbf;
    height: 20px;
    line-height: 15px
}

.FloatEventNameOuter span.EventName,
span.EventName {
    vertical-align: middle;
    line-height: 12px
}

.MarketLea,
.SpecialsSub {
    background: #b2d1ff;
    height: 20px
}

.MarketT thead td {
    text-align: center;
    background: #eaeaea;
    color: #496ab2;
    font-weight: 700;
    padding: 3px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff
}

.MarketT tbody th,
.MarketT th {
    background: #eaeaea;
    border-top: 3px solid #fff
}

.MarketT th {
    color: #000
}

.MarketT tbody th {
    color: #333;
    text-align: left
}

.EventNameOuter {
    display: table;
    width: 505px;
    height: 28px
}

.EventNameMiddle {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 5px
}

span.EventName {
    text-align: center
}

.FloatEventNameOuter {
    display: table;
    width: 460px;
    height: 28px;
    text-align: left;
    float: left
}

    .FloatEventNameOuter .EventNameMiddle {
        display: table-cell;
        vertical-align: middle;
        padding: 0 0 0 5px
    }

span.EventScore {
    color: #0000fd
}

.SubEventNameA,
.SubEventNameH,
.SubEventNameVS {
    margin: 5px 0
}

.SubEventNameH {
    float: left;
    width: 255px;
    text-align: right
}

.SubEventNameA {
    float: left;
    width: 254px;
    text-align: left
}

.SubEventNameVS {
    float: left;
    width: 66px;
    text-align: center
}

.HdTitle .IconFav,
.HdTitle .IconFavSel {
    margin: -2px 3px 0 0
}

.LiveMarket .MarketHd {
    background: #a95840
}

.LiveMarket .MarketLea,
.LiveMarket .SpecialsSub {
    background: #e7bab1
}

.NonLiveMarket .MarketHd {
    background: #627fbf
}

.NonLiveMarket .MarketLea {
    background: #b2d1ff
}

.Live thead th {
    background: #d17f66 !important
}

.AddMyMarket,
.DelMyMarket {
    width: 15px;
    height: 15px;
    background-position: 0 -117px;
    float: left;
    margin-left: 3px
}

.DelMyMarket {
    background-position: -15px -117px
}

.Msg {
    background: #eee;
    text-align: center;
    color: #555;
    line-height: 40px;
    margin: 5px 0
}

.EventInfo {
    background: #e3e3e3;
    height: 20px
}

.EventTime {
    float: left;
    line-height: 20px;
    padding-left: 20px
}

.MPLeagueFilter,
.MPOption {
    line-height: 18px
}

.Event .TeamNames {
    float: left;
    width: 540px;
    overflow: hidden
}

.MPOption li {
    display: inline-block;
    zoom: 1;
    margin-right: 3px;
    margin-top: 1px;
    padding: 1px 0
}

    .MPOption li a {
        background: #ebf1ff;
        padding: 1px 5px;
        color: #000;
        border: 1px solid #81aae7;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff
    }

        .MPOption li a:hover {
            background: #28438e;
            color: #fff
        }

    .MPOption li.Sel a,
    .MPOption li.Sel a:hover {
        background: #627fbf;
        color: #fff;
        border-left: 1px solid #294677;
        border-top: 1px solid #294677;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff
    }

.MPOption th {
    text-align: right;
    white-space: nowrap
}

.MPOption td,
.MPOption th {
    padding: 2px 4px
}

.MPLeagueFilter {
    background-position: -495px -270px;
    color: #3d58a2
}

.MPLeague table {
    width: 100%
}

.MPLeague td {
    width: 50%;
    padding-bottom: 5px
}

    .MPLeague td input {
        float: left
    }

    .MPLeague td label {
        display: block;
        margin-left: 20px;
        padding-top: 3px
    }

.MarketT table {
    margin-bottom: 5px;
    width: 100%
}

    .MarketT table.Odds3Cols {
        border-collapse: separate
    }

.MarketT td {
    vertical-align: top
}

.OddsTabL,
.OddsTabR {
    background: #ebf1ff;
    border: 1px solid #fff;
    border-right: 1px solid #a7bdef;
    border-bottom: 1px solid #a7bdef;
    color: #000;
    display: block;
    margin: 3px 3px 0 0;
    position: relative
}

.OddsM,
.OddsR {
    position: absolute;
    text-align: right
}

.OddsTabR {
    margin: 3px 0 0
}

    .OddsSel,
    .OddsTabL:hover,
    .OddsTabR:hover {
        background: #28438e;
        color: #fff
    }

.OddsL,
.OddsM,
.OddsR {
    display: block
}

.OddsClosed span.OddsTabL,
.OddsClosed span.OddsTabR {
    color: #888;
    background: #eee;
    border: 1px solid #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.OddsClosed td.DateTime,
.OddsClosed td.Fav {
    border-bottom: 1px solid #ccc
}

.OddsClosed span.OddsTabL:hover,
.OddsClosed span.OddsTabR:hover {
    background: #eee
}

.OddsM {
    width: 34px;
    top: 0;
    right: 40px;
    padding: 3px 0;
    color: #46a
}

.OddsR {
    width: 40px;
    top: -2px;
    right: -2px;
    margin: 2px 2px 0 0;
    padding: 3px;
    font-weight: 700
}

.LiveMarket .OddsTabL,
.LiveMarket .OddsTabR {
    background: #f4e2de;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #d59080;
    border-bottom: 1px solid #d59080
}

    .LiveMarket .OddsSel,
    .LiveMarket .OddsSel .OddsM,
    .LiveMarket .OddsTabL:hover,
    .LiveMarket .OddsTabR:hover {
        background: #f1a0a0
    }

.NonLiveMarket .OddsTabL,
.NonLiveMarket .OddsTabR {
    background: #ebf1ff;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #a7bdef;
    border-bottom: 1px solid #a7bdef
}

    .NonLiveMarket .OddsSel,
    .NonLiveMarket .OddsSel .OddsM,
    .NonLiveMarket .OddsTabL:hover,
    .NonLiveMarket .OddsTabR:hover {
        background: #28438e
    }

a.OddsSel .OddsM,
a:hover .OddsM {
    color: #fff
}

.LiveMarket .OddsM {
    color: #a54
}

.NonLiveMarket .OddsM {
    color: #46a
}

.DC .OddsTabR,
.Hdp .OddsTabR,
.ML .OddsTabR,
.OUOE .OddsTabR,
.Onex2 .OddsTabR,
.TG .OddsTabR {
    margin-right: 3px
}

.Event .DC .OddsTabR,
.Event .Hdp .OddsTabR,
.Event .ML .OddsTabR,
.Event .OUOE .OddsTabR,
.Event .Onex2 .OddsTabR,
.Event .TG .OddsTabR {
    margin-right: 0
}

.Onex2 .OddsTabL,
.Onex2 .OddsTabR {
    width: 186px
}

.Onex2 td.Draw .OddsTabL {
    width: 85px
}

.OddsL {
    width: 140px;
    padding: 3px;
    overflow: hidden
}

.Event .Onex2 .OddsTabL,
.Event .Onex2 .OddsTabR {
    width: 241px
}

    .Event .Onex2 .OddsTabL .OddsL,
    .Event .Onex2 .OddsTabR .OddsL {
        width: 200px
    }

.Draw .OddsL,
.Event .Onex2 .Draw .OddsL {
    width: 40px;
    margin-right: 5px
}

.Hdp .OddsTabL,
.Hdp .OddsTabR {
    width: 231px
}

.Hdp .OddsL {
    width: 150px
}

.Event .Hdp .OddsL {
    width: 210px
}

.Event .Hdp .OddsTabL,
.Event .Hdp .OddsTabR {
    width: 286px
}

.Odds3Cols td {
    width: 33.3%
}

.Odds3Cols .OddsL {
    width: 145px
}

.MarketT th {
    padding-left: 2px !important
}

    .MarketT th div.Icons {
        margin-top: 4px
    }

th .DateTimeDiv {
    float: left
}

th .DateTimeTxt {
    font: 100 10px/10px Tahoma, sans-serif
}

th .IconFav,
th .IconFavSel {
    margin-top: 0
}

.OUOE td {
    width: 270px
}

    .OUOE td.Icons {
        width: 38px
    }

.Event .OUOE td {
    width: 50%
}

.TG .OddsL {
    width: 120px
}

.Event .TG td {
    width: 25%
}

.DC .OddsL {
    width: 110px;
    white-space: normal
}

.DC .Draw {
    width: auto
}

.Event .DC td {
    width: 33.3%
}

.Event .DC .OddsL {
    width: 145px
}

.OR .OddsL {
    width: 245px;
    white-space: nowrap
}

.OR .OddsTabL,
.OR .OddsTabR {
    zoom: 1;
    width: 286px
}

.OR .DateTime {
    vertical-align: middle
}

.Event .OR .OddsL {
    width: 520px !important
}

.ML .OddsTabL,
.ML .OddsTabR {
    width: 231px
}

.ML .OddsL {
    width: 185px
}

.Event .ML .OddsTabL,
.Event .ML .OddsTabR {
    width: 286px
}

.Event .ML .OddsL {
    width: 240px
}

.Event .SpecialsHdp .OddsL {
    width: 190px
}

.Event .SpecialsHdp .OddsTabL,
.Event .SpecialsHdp .OddsTabR {
    width: 257px
}

.Event .SpecialsOUOE .OddsTabL,
.Event .SpecialsOUOE .OddsTabR {
    width: 286px
}

.Event .SpecialsOnex2 .OddsTabL,
.Event .SpecialsOnex2 .OddsTabR {
    width: 209px
}

    .Event .SpecialsOnex2 .OddsTabL .OddsL,
    .Event .SpecialsOnex2 .OddsTabR .OddsL {
        width: 140px
    }

.Event .SpecialsOnex2 .Draw .OddsL {
    width: 60px
}

.Event .SpecialsOnex2 .Draw .OddsTabL {
    width: 100px
}

.Event .SpecialsML .OddsTabL,
.Event .SpecialsML .OddsTabR {
    width: 257px
}

.Event .SpecialsML .OddsL {
    width: 190px
}

a.PriceDown .OddsR,
a.PriceDown .OddsR:hover {
    background: url(../../images/base/odds-change-bg.gif?130312) bottom right no-repeat !important
}

a.PriceUp .OddsR,
a.PriceUp .OddsR:hover {
    background: url(../../images/base/odds-change-bg.gif?130312) top right no-repeat !important
}

.Live a.PriceDown .OddsR,
.live .OddsSel a.PriceDown .OddsR:hover {
    background: url(../../images/base/odds-change-bg.gif?130312) bottom right no-repeat !important
}

.Live a.PriceUp .OddsR,
.live a.PriceUp .OddsR:hover {
    background: url(../../images/base/odds-change-bg.gif?130312) top right no-repeat !important
}

a.PriceDown .OddsM,
a.PriceUp .OddsM {
    background: 0 0 !important
}

.Onex2 .RC1 .OddsL {
    width: 135px
}

.Onex2 .RC1 .RC {
    left: 137px
}

.Onex2 .RC2 .OddsL {
    width: 127px
}

.Onex2 .RC2 .RC {
    left: 128px
}

.Onex2 .RC3 .OddsL {
    width: 118px
}

.Onex2 .RC3 .RC {
    left: 119px
}

.Onex2 .RC4 .OddsL {
    width: 109px
}

.Onex2 .RC4 .RC {
    left: 110px
}

.Onex2 .RC5 .OddsL {
    width: 100px
}

.Onex2 .RC6 .OddsL,
.Onex2 .RC7 .OddsL,
.Onex2 .RC8 .OddsL,
.Onex2 .RC9 .OddsL {
    width: 122px
}

.Onex2 .RC5 .RC {
    left: 101px
}

.Onex2 .RC6 .RC,
.Onex2 .RC7 .RC,
.Onex2 .RC8 .RC,
.Onex2 .RC9 .RC {
    left: 128px
}

.Onex2 .RC10 .OddsL {
    width: 120px
}

.Onex2 .RC10 .RC {
    left: 124px
}

.Hdp .RC1 .OddsL {
    width: 135px
}

.Hdp .RC1 .RC {
    left: 142px
}

.Hdp .RC2 .OddsL {
    width: 126px
}

.Hdp .RC2 .RC {
    left: 133px
}

.Hdp .RC3 .OddsL {
    width: 117px
}

.Hdp .RC3 .RC {
    left: 124px
}

.Hdp .RC4 .OddsL {
    width: 108px
}

.Hdp .RC4 .RC {
    left: 115px
}

.Hdp .RC5 .OddsL {
    width: 99px
}

.Hdp .RC6 .OddsL,
.Hdp .RC7 .OddsL,
.Hdp .RC8 .OddsL,
.Hdp .RC9 .OddsL {
    width: 123px
}

.Hdp .RC5 .RC {
    left: 106px
}

.Hdp .RC6 .RC,
.Hdp .RC7 .RC,
.Hdp .RC8 .RC,
.Hdp .RC9 .RC {
    left: 130px
}

.Hdp .RC10 .OddsL {
    width: 119px
}

.Hdp .RC10 .RC {
    left: 126px
}

.ML .RC1 .OddsL {
    width: 133px
}

.ML .RC1 .RC {
    left: 143px
}

.ML .RC2 .OddsL {
    width: 125px
}

.ML .RC2 .RC {
    left: 134px
}

.ML .RC3 .OddsL {
    width: 116px
}

.ML .RC3 .RC {
    left: 125px
}

.ML .RC4 .OddsL {
    width: 107px
}

.ML .RC4 .RC {
    left: 116px
}

.ML .RC5 .OddsL {
    width: 98px
}

.ML .RC6 .OddsL,
.ML .RC7 .OddsL,
.ML .RC8 .OddsL,
.ML .RC9 .OddsL {
    width: 118px
}

.ML .RC5 .RC {
    left: 106px
}

.ML .RC6 .RC,
.ML .RC7 .RC,
.ML .RC8 .RC,
.ML .RC9 .RC {
    left: 128px
}

.ML .RC10 .OddsL {
    width: 115px
}

.ML .RC10 .RC {
    left: 124px
}

.Event .SpecialsOnex2 .RC1 .OddsL {
    width: 155px
}

.Event .SpecialsOnex2 .RC1 .RC {
    left: 160px
}

.Event .SpecialsOnex2 .RC2 .OddsL {
    width: 150px
}

.Event .SpecialsOnex2 .RC2 .RC {
    left: 155px
}

.Event .SpecialsOnex2 .RC3 .OddsL {
    width: 145px
}

.Event .SpecialsOnex2 .RC3 .RC {
    left: 145px
}

.Event .SpecialsOnex2 .RC4 .OddsL {
    width: 140px
}

.Event .SpecialsOnex2 .RC4 .RC {
    left: 140px
}

.Event .SpecialsOnex2 .RC5 .OddsL {
    width: 135px
}

.Event .SpecialsOnex2 .RC6 .OddsL,
.Event .SpecialsOnex2 .RC7 .OddsL,
.Event .SpecialsOnex2 .RC8 .OddsL,
.Event .SpecialsOnex2 .RC9 .OddsL {
    width: 150px
}

.Event .SpecialsOnex2 .RC5 .RC {
    left: 135px
}

.Event .SpecialsOnex2 .RC6 .RC,
.Event .SpecialsOnex2 .RC7 .RC,
.Event .SpecialsOnex2 .RC8 .RC,
.Event .SpecialsOnex2 .RC9 .RC {
    left: 155px
}

.Event .SpecialsOnex2 .RC10 .OddsL {
    width: 148px
}

.Event .SpecialsOnex2 .RC10 .RC {
    left: 153px
}

.Event .SpecialsHdp .RC1 .OddsL {
    width: 170px
}

.Event .SpecialsHdp .RC1 .RC {
    left: 180px
}

.Event .SpecialsHdp .RC2 .OddsL {
    width: 165px
}

.Event .SpecialsHdp .RC2 .RC {
    left: 174px
}

.Event .SpecialsHdp .RC3 .OddsL {
    width: 156px
}

.Event .SpecialsHdp .RC3 .RC {
    left: 160px
}

.Event .SpecialsHdp .RC4 .OddsL {
    width: 145px
}

.Event .SpecialsHdp .RC4 .RC {
    left: 151px
}

.Event .SpecialsHdp .RC5 .OddsL {
    width: 136px
}

.Event .SpecialsHdp .RC6 .OddsL,
.Event .SpecialsHdp .RC7 .OddsL,
.Event .SpecialsHdp .RC8 .OddsL,
.Event .SpecialsHdp .RC9 .OddsL {
    width: 165px
}

.Event .SpecialsHdp .RC5 .RC {
    left: 142px
}

.Event .SpecialsHdp .RC6 .RC,
.Event .SpecialsHdp .RC7 .RC,
.Event .SpecialsHdp .RC8 .RC,
.Event .SpecialsHdp .RC9 .RC {
    left: 174px
}

.Event .SpecialsHdp .RC10 .OddsL {
    width: 162px
}

.Event .SpecialsHdp .RC10 .RC {
    left: 171px
}

.Event .SpecialsML .RC1 .OddsL {
    width: 170px
}

.Event .SpecialsML .RC1 .RC {
    left: 180px
}

.Event .SpecialsML .RC2 .OddsL {
    width: 165px
}

.Event .SpecialsML .RC2 .RC {
    left: 174px
}

.Event .SpecialsML .RC3 .OddsL {
    width: 156px
}

.Event .SpecialsML .RC3 .RC {
    left: 160px
}

.Event .SpecialsML .RC4 .OddsL {
    width: 145px
}

.Event .SpecialsML .RC4 .RC {
    left: 151px
}

.Event .SpecialsML .RC5 .OddsL {
    width: 136px
}

.Event .SpecialsML .RC6 .OddsL,
.Event .SpecialsML .RC7 .OddsL,
.Event .SpecialsML .RC8 .OddsL,
.Event .SpecialsML .RC9 .OddsL {
    width: 165px
}

.Event .SpecialsML .RC5 .RC {
    left: 142px
}

.Event .SpecialsML .RC6 .RC,
.Event .SpecialsML .RC7 .RC,
.Event .SpecialsML .RC8 .RC,
.Event .SpecialsML .RC9 .RC {
    left: 174px
}

.Event .SpecialsML .RC10 .OddsL {
    width: 162px
}

.Event .SpecialsML .RC10 .RC {
    left: 171px
}

.FF .OddsL {
    white-space: normal
}

.IconBar {
    padding-right: 10px
}

    .IconBar div {
        float: left;
        width: 22px;
        height: 22px;
        margin-left: 1px
    }

.IconBSoundOff {
    background-position: 0 -23px
}

.IconBStats {
    background-position: -23px 0
}

.IconBStatsOff {
    background-position: -23px -23px
}

.IconBTV {
    background-position: -46px 0
}

.IconBTVOff {
    background-position: -46px -23px
}

.IconBLC {
    background-position: -69px 0
}

.IconBLCOff {
    background-position: -69px -23px
}

.IconBTVCOn {
    background-position: -138px 0
}

.IconBTVCOff {
    background-position: -138px -23px
}

.IconBScoutOn {
    background-position: -92px 0
}

.IconBScoutOff {
    background-position: -92px -23px
}

div.IconDropDown {
    background-position: 0 -495px;
    position: relative;
    width: 36px;
    z-index: 99
}

.IconDropDown ul {
    position: absolute;
    top: 20px;
    background: #f2f2f2;
    border: 1px solid #c5c5c5;
    z-index: 1000
}

.IconDropDown a {
    text-decoration: none;
    display: block;
    width: 100px;
    color: #333;
    padding: 2px 0 2px 20px;
    white-space: nowrap
}

.IconDropDown span {
    display: block;
    width: 19px;
    height: 13px;
    margin: 5px 0 0 3px
}

span.Sort {
    background-position: -38px -74px
}

span.Price4 {
    background-position: -58px -503px
}

span.Price1 {
    background-position: -58px -551px
}

span.Price2 {
    background-position: -58px -564px
}

span.Sort1 {
    background-position: -58px -634px
}

span.Sort2 {
    background-position: -58px -583px
}

a.Price1:hover,
a.Price2:hover,
a.Price4:hover,
a.Sort1:hover,
a.Sort2:hover {
    background-color: #364d72;
    background-position: -56px -531px;
    color: #fff
}

a.Price4 {
    background-position: -56px -515px
}

a.Price1 {
    background-position: -56px -547px
}

a.Price2 {
    background-position: -56px -560px
}

a.Price1:hover {
    background-position: -56px -801px
}

a.Price2:hover {
    background-position: -56px -817px
}

a.Sort1 {
    background-position: -56px -648px
}

    a.Sort1:hover {
        background-position: -56px -664px
    }

a.Sort2 {
    background-position: -56px -597px
}

    a.Sort2:hover {
        background-position: -56px -613px
    }

div.OddsType {
    background: 0 0;
    width: auto;
    height: 22px;
    position: relative
}

.OddsType select {
    line-height: 22px;
    height: 22px
}

.BetMod .Invalid,
.BetMod .Live,
.BetSlip,
.PlayAll,
.RemainBet,
.Total {
    background: url(../../images/base/betslip.png?130826) no-repeat
}

.BetMod .Bd {
    padding: 22px 2px 0;
    width: 216px;
    position: relative
}

.DelAll,
.SelAll {
    line-height: 20px;
    position: absolute
}

.BetMod .Ft {
    background-color: #bbb;
    background-position: -775px -196px;
    height: 2px
}

.SelAll {
    background: #ececed;
    height: 22px;
    top: 0;
    left: 3px;
    width: 215px
}

.DelAll {
    top: 2px;
    right: 5px;
    text-align: right
}

.BetSlip,
.RemainBet {
    line-height: 16px;
    clear: both
}

.DelAll .IconDelRect {
    float: right;
    margin: 3px 2px 3px 5px
}

.BetSlip .Event input,
.RejectBet {
    float: left
}

.BetSlip {
    background-position: 0 -108px;
    padding: 5px
}

.RemainBet {
    background-position: -439px 0;
    padding: 7px 5px 3px
}

    .RemainBet span {
        font-weight: 700;
        color: #743101;
        background: url(../../images/base/icons.png?131008) -168px -722px no-repeat;
        padding-left: 17px
    }

.BetMod .Live {
    background-position: -440px -107px
}

.BetMod .Alert {
    background-position: -660px -107px
}

.BetMod .Invalid {
    background-position: -220px -107px
}

.IconDel,
.IconDelRect,
.IconInfo {
    width: 12px;
    height: 12px;
    margin-top: 5px;
    background-position: -634px -392px
}

.IconDel {
    background-position: -45px -118px
}

.IconDelRect {
    background-position: -30px -119px
}

.IconInfo {
    margin-right: 5px
}

.IconAlert {
    width: 17px;
    height: 15px;
    background-position: -656px -389px;
    cursor: help;
    display: inline-block;
    zoom: 1
}

.BetSlip .Event {
    margin: 0 0 5px -5px;
    color: #2b4591;
    font-weight: 700
}

.BetMod .Live .Event {
    color: #900
}

.BetSlip .Event label {
    display: block;
    margin: 0 0 0 20px;
    padding-top: 3px
}

.BetMod .Invalid,
.BetMod .Invalid .Event,
.BetMod .Invalid a,
.BetMod .Invalid a:hover {
    color: #888
}

.MinMax {
    color: #777;
    font-size: 10px
}

.BetInput {
    margin: 3px 0 0;
    position: relative;
    height: 33px;
    vertical-align: top
}

.StakeTF-de-de,
.StakeTF-en,
.StakeTF-es-es,
.StakeTF-id-id,
.StakeTF-ja-jp,
.StakeTF-my-mm,
.StakeTF-ru-ru,
.StakeTF-th-th,
.StakeTF-vi-vn,
.StakeTF-zh-cn,
.ToWinTF-de-de,
.ToWinTF-en,
.ToWinTF-es-es,
.ToWinTF-id-id,
.ToWinTF-ja-jp,
.ToWinTF-my-mm,
.ToWinTF-ru-ru,
.ToWinTF-th-th,
.ToWinTF-vi-vn,
.ToWinTF-zh-cn {
    display: inline-block;
    zoom: 1;
    margin-top: 2px;
    vertical-align: top;
    margin-right: 1px
}

.StakeTF-id-id,
.StakeTF-vi-vn,
.ToWinTF-id-id,
.ToWinTF-ru-ru,
.ToWinTF-vi-vn {
    margin-top: 0;
    line-height: 10px
}

.StakeTF-id-id {
    width: 40px
}

.StakeTF-vi-vn {
    width: 30px
}

.StakeTF-th-th {
    width: 50px
}

.ToWinTF-vi-vn {
    width: 60px
}

.ToWinTF-id-id {
    width: 45px
}

.ToWinTF-ru-ru {
    width: 55px
}

.ToWinTF-th-th {
    width: 40px
}

.StakeInput-de-de,
.StakeInput-en,
.StakeInput-es-es,
.StakeInput-id-id,
.StakeInput-ja-jp,
.StakeInput-my-mm,
.StakeInput-ru-ru,
.StakeInput-th-th,
.StakeInput-vi-vn,
.StakeInput-zh-cn {
    display: inline-block;
    zoom: 1;
    margin-right: 3px;
    vertical-align: top
}

    .StakeInput-de-de input,
    .StakeInput-en input,
    .StakeInput-es-es input,
    .StakeInput-id-id input,
    .StakeInput-ja-jp input,
    .StakeInput-my-mm input,
    .StakeInput-ru-ru input,
    .StakeInput-th-th input,
    .StakeInput-vi-vn input,
    .StakeInput-zh-cn input {
        display: block;
        zoom: 1
    }

    .StakeInput-th-th input {
        width: 42px
    }

    .StakeInput-de-de a,
    .StakeInput-en a,
    .StakeInput-es-es a,
    .StakeInput-id-id a,
    .StakeInput-ja-jp a,
    .StakeInput-my-mm a,
    .StakeInput-ru-ru a,
    .StakeInput-th-th a,
    .StakeInput-vi-vn a,
    .StakeInput-zh-cn a {
        display: block;
        color: #333;
        font: 700 10px/12px Arial;
        zoom: 1;
        position: absolute
    }

.PlayAll,
.RefNo {
    font-weight: 700
}

.StakeInput-de-de a:hover,
.StakeInput-en a:hover,
.StakeInput-es-es a:hover,
.StakeInput-id-id a:hover,
.StakeInput-ja-jp a:hover,
.StakeInput-my-mm a:hover,
.StakeInput-ru-ru a:hover,
.StakeInput-th-th a:hover,
.StakeInput-vi-vn a:hover,
.StakeInput-zh-cn a:hover {
    color: #900
}

.StakeInput-vi-vn a {
    margin-top: 2px
}

.ToWinTFInput {
    display: inline-block;
    zoom: 1;
    vertical-align: top
}

.BetTF {
    width: 46px
}

.OldOdds {
    background-position: right -168px;
    padding: 0 6px 0 0
}

.NewOdds {
    background: url(../../images/base/betslip-oddschange.gif?120313);
    padding: 0 5px
}

.MP table {
    width: 100%
}

.MP .BetInfo {
    padding: 0 0 5px;
    border-bottom: 1px dotted #627fbf
}

.BetSlip td.Icons {
    padding: 0;
    width: 30px
}

.MP .BetInput {
    height: 65px
}

    .MP .BetInput .StakeTF,
    .MP .BetInput .ToWinTF {
        top: 32px
    }

.PlayAll {
    height: 23px;
    color: #fff;
    text-align: right;
    padding: 6px 8px 0 0;
    clear: both
}

.Total {
    background-position: 0 -29px;
    height: 73px;
    line-height: 20px;
    padding-top: 5px
}

    .Total table {
        width: 95%
    }

    .Total td,
    .Total th {
        text-align: right;
        line-height: 15px;
        height: 20px
    }

.AdMod .Bd,
.Err,
.ListMiniTitle,
.NoBetMsg,
.RefNo,
.ViewDetailsBtn,
.games-count-body {
    text-align: center
}

.Err {
    background: #ffecec;
    color: red;
    padding: 5px;
    border: 1px solid #fcc;
    margin: 5px;
    clear: both
}

.BetSlip .Err {
    margin: 5px 0 0
}

.NoBet {
    background: #ececed;
    padding: 10px 5px 35px;
    margin-top: -22px
}

    .NoBet p {
        margin-bottom: 8px
    }

.NoBetMsg {
    margin-top: 5px
}

    .NoBetMsg b {
        background-color: #fff !important;
        display: block;
        width: 194px;
        padding: 5px 0;
        border: 1px solid #ddd
    }

.AjaxLoader,
.Hide,
.None {
    display: none
}

.RefNo {
    color: #2b4591;
    margin: 0 0 5px
}

.ListMini .BetSlip,
.Receipt .BetSlip {
    padding: 8px
}

.ListMini {
    padding-top: 0 !important
}

    .ListMini .NoBet {
        margin-top: 0;
        padding: 10px
    }

    .ListMini table {
        width: 100%
    }

    .ListMini .BetSlip {
        font: 100 9px/12px Tahoma, sans-serif
    }

    .ListMini td {
        vertical-align: top
    }

.BetSlip .Invalid {
    background: 0 0
}

tr.BetInfo td {
    padding: 0 0 5px
}

.ListMini .Total td {
    padding-right: 10px
}

.ListMiniTitle {
    background: #ececed;
    line-height: 20px;
    font-weight: 700;
    border-top: 1px solid #ddd
}

.AdMod {
    margin-top: 5px;
    font-size: 0
}

    .AdMod .Hd {
        background-position: -775px -210px;
        height: 6px
    }

    .AdMod .Bd {
        background-color: #ececed;
        padding: 5px 5px 2px
    }

.Hide,
.VSpace {
    padding: 5px
}

.AdMod img {
    border: 1px solid #fff;
    margin-bottom: 3px;
    width: 202px;
    height: 82px
}

.AjaxLoader {
    background: url(../../images/base/spinner.gif?120313) center center no-repeat #fff;
    z-index: 1001;
    position: absolute;
    opacity: .5;
    filter: alpha(opacity=50)
}

.W150 {
    width: 150px
}

.W156 {
    width: 156px
}

.RejectBet {
    background: url(../../images/base/betslip.png?130826) -439px 0 no-repeat #fce1bd;
    width: 206px;
    padding: 7px 5px 3px;
    line-height: 16px;
    clear: both
}

.RejectBetIcon {
    width: 180px;
    float: left;
    background: url(../../images/base/icons.png?131008) -168px -722px no-repeat;
    padding-left: 17px
}

    .RejectBetIcon span {
        font-weight: 700;
        color: #743101
    }

.RejectBetClose {
    width: 7px;
    height: 10px;
    float: right;
    background: url(../../images/base/icons.png?131008) -172px -695px no-repeat;
    cursor: pointer
}

.ViewDetailsBtn {
    width: 132px;
    height: 19px;
    font: 700 11px/18px Arial, sans-serif;
    color: #fff;
    margin: 4px 0;
    background: url(../../images/base/buttons.png?121217) left -309px no-repeat;
    cursor: pointer
}

    .ViewDetailsBtn a:hover {
        color: #600
    }

.CursorPointer {
    cursor: pointer
}

.games-count-wrap {
    position: relative
}

.games-count {
    height: 20px;
    right: -12px;
    position: absolute;
    top: -44px
}

.poker-new {
    height: 20px;
    right: -16px;
    position: absolute;
    top: -44px
}

.games-count-body,
.games-count-left,
.games-count-right {
    float: left;
    height: 17px
}

.games-count-left {
    width: 4px;
    background-position: -3px -416px !important
}

.games-count-body {
    width: auto;
    background-position: 0 -396px !important;
    font: 700 9px/14px tahoma;
    color: #fff;
    padding: 0 1px;
    position: relative
}

.games-count-right {
    width: 4px;
    background-position: -12px -416px !important
}

.games-count-bottom-wrap {
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    background-image: none !important
}

.games-count-bottom {
    width: 8px;
    height: 7px;
    margin: 0 auto;
    background-position: -4px -436px !important
}

.SptMod li span.NumEvtCountry {
    left: auto;
    right: 0;
    margin: 0;
    width: 23px;
    height: 14px;
    text-align: center;
    color: #555;
    font: 100 9px/14px Arial;
    background-position: 0 -193px
}

.LeftCol .Live li span.NumEvtCountry {
    background-position: -38px -193px
}

.date-group-dropdown {
    display: none;
    position: absolute;
    top: 23px;
    border: 1px solid #deebfd;
    border-top: 0;
    background-color: #fff;
    text-align: left;
    left: 1px;
    z-index: 100;
    box-shadow: 1px 1px 2px #17275f;
    -webkit-box-shadow: 1px 1px 2px #17275f;
    -moz-box-shadow: 1px 1px 2px #17275f;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')
}

    .date-group-dropdown li {
        color: #22377b;
        border-top: 1px solid #d2e7ff;
        padding: 5px 10px;
        white-space: nowrap;
        text-align: left;
        display: block !important
    }

        .date-group-dropdown li:hover {
            color: #000;
            background-color: #d2e7ff;
            border-top: 1px solid #d2e7ff
        }

.date-group-dropdown-option:hover .date-group-dropdown {
    display: block
}

.date-groupr-dropdown-option span {
    white-space: nowrap
}

.date-group-dropdown-option {
    font-weight: 700;
    color: #fff;
    position: relative
}

    .date-group-dropdown-option:hover {
        color: #ffe900
    }

.hide {
    display: none !important
}

.common-header-bg {
    background-image: url(../../images/base/common-header.png?20220315a);
    background-position: 0px -456px;
}

.blue-bar {
    height: 30px;
    width: 100%;
    min-width: 995px;
    color: #e4e4e4;
    top: 0;
    z-index: 101;
    text-align: center;
    left: 0;
}

.blue-bar-inner {
    margin: auto;
    text-align: left;
    max-width: 1250px;
    min-width: 995px
}

.account {
    width: 100%;
    height: 31px;
}

.balance-refresh,
.balance-refresh-rotate {
    display: inline-block;
    zoom: 1;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 1px;
    right: 2px
}

.account-link {
    float: left;
    margin-left: 5px;
    color: #fff;
    margin-top: 9px
}

    .account-link li {
        float: left;
        padding: 0 5px
    }

        .account-link li a {
            text-decoration: none;
            color: #e3ebff;
            font-family: Tahoma;
            font-weight: 700;
            line-height: 15px;
            font-size: 12px
        }

            .account-link li a:hover,
            .user-greeting {
                color: #fff;
                text-decoration: none
            }

.account-right {
    float: right;
    margin-top: 3px
}

    .account-right li {
        float: right;
        margin: 3px 0 5px 10px;
        line-height: 18px
    }

.account-left {
    float: left;
    margin-left: 10px;
    margin-top: 3px
}

    .account-left li {
        float: left;
        margin: 3px 0 5px 10px;
        line-height: 18px
    }

.sign-out a {
    background-color: #425aa5;
    color: #b5d6f7;
    border: 1px solid #5a7bbd;
    padding: 1px 5px;
    font-weight: 700;
    line-height: 18px
}

    .sign-out a:hover {
        color: #fff
    }

.currency {
    padding: 0 5px 0 0
}

.balance-refresh {
    background-image: url(../../images/base/common-header.png);
    background-position: -5px -293px;
    font-size: 0;
    line-height: 10px
}

.balance-refresh-rotate {
    margin-left: 1px;
    background-image: url(../../images/base/balance-refresh-rotate.gif?131009);
}

.balance-hide,
.balance-show {
    margin-top: 0;
    width: 19px;
    height: 18px;
    background-color: #5f89c4;
    zoom: 1;
    float: left;
    cursor: pointer
}

.announcement,
.bet-credit-container {
    display: inline-block;
    position: relative
}

.balance-hide {
    display: inline-block;
    background-position: -1px -307px
}

.balance-show {
    display: inline-block;
    background-position: -1px -334px
}

.bet-credit-container {
    color: #fff;
    zoom: 1;
    cursor: pointer;
    height: 16px;
    padding: 0 18px 0 5px;
    border: 1px solid #5f89c4;
    font: 100 11px/16px Arial;
    background-color: #203665
}

    .bet-credit-container:hover {
        color: #fc0 !important
    }

.deposit-withdraw,
.sign-out {
    height: 16px;
    float: left;
    cursor: pointer;
    display: inline-block;
    text-decoration: none
}

    .deposit-withdraw:hover .deposit-withdraw-body {
        background-color: #ffc100;
        color: #643d00
    }

.deposit-withdraw-body {
    font: 700 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #503000;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #f90;
    border: 1px solid #ffd957
}

.announcement {
    zoom: 1
}

.announcement-count,
.announcement-count-body,
.announcement-count-left,
.announcement-count-right {
    display: inline-block !important;
    float: left;
    zoom: 1
}

.announcement a {
    float: left
}

.announcement-count {
    height: 16px;
    line-height: 15px;
    color: #b64531;
    font-weight: 700;
    margin-top: -2px;
    margin-left: 2px
}

.announcement a:hover span,
.sign-in a {
    color: #fff
}

.announcement-count-left {
    background-position: 0 -530px;
    width: 3px;
    height: 15px;
    background-repeat: no-repeat
}

.announcement-count-body {
    padding-left: 2px;
    padding-right: 2px;
    background-position: 0 -595px;
    height: 16px;
    background-repeat: repeat-x
}

.announcement-count-right {
    background-position: right -530px;
    width: 3px;
    height: 15px;
    background-repeat: no-repeat
}

.announcement-arrow,
.announcement-arrow-top-msg {
    background-position: 0 -382px
}

.announcement-div {
    position: absolute;
    left: -7px;
    top: 22px
}

.announcement-block {
    padding-bottom: 20px;
    width: 470px;
    border: 1px solid #fff;
    border-top: 0;
    background-color: #cbe1fb;
    top: 20px;
    box-shadow: 1px 1px 2px #17275f;
    -webkit-box-shadow: 1px 1px 2px #17275f;
    -moz-box-shadow: 1px 1px 2px #17275f
}

.announcement-id {
    color: #366093;
    font: 700 11px/14px Arial, Helvetica, sans-serif;
    margin-right: 4px
}

.announcement-time {
    color: #366093;
    font: 100 11px/16px Arial, Helvetica, sans-serif
}

.announcement-text-content {
    color: #000;
    margin-top: 3px;
    display: block
}

.announcement-content {
    border-bottom: 1px solid #ececec;
    padding: 10px;
    background-color: #fff
}

.announcement-scroll-content {
    width: 470px;
    height: 100%;
    position: relative;
    overflow: hidden
}

.announcement-scroll-div {
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom: 5px
}

.announcement-slim-scroll-rail {
    background-color: #00002c;
    opacity: .1;
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.announcement-see-all {
    width: 450px;
    padding: 0 10px;
    height: 20px;
    position: absolute;
    left: 0;
    text-align: center;
    line-height: 20px;
    border: 1px solid #fff;
    border-top: 0;
    color: #366093;
    background-color: #eee;
    box-shadow: 1px 1px 2px #17275f;
    -webkit-box-shadow: 1px 1px 2px #17275f;
    -moz-box-shadow: 1px 1px 2px #17275f
}

.header-bottom-right a:hover .global-setting-dropdown,
.lang-drop-down-ul {
    box-shadow: 1px 1px 2px #17275f;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')"
}

div.announcement-see-all a {
    display: inline-block;
    zoom: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #366093;
    text-decoration: none
}

    div.announcement-see-all a:hover {
        text-decoration: underline;
        color: #366093;
        background-color: #ebebeb
    }

.announcement-arrow {
    background-repeat: no-repeat;
    height: 10px;
    left: 50px;
    position: absolute;
    top: -7px;
    width: 12px;
    z-index: 1000
}

.announcement-top-msg .announcement-title span {
    color: #b64531 !important
}

.sign-in a {
    background-color: #f1983b;
    border: 1px solid #fdc271;
    line-height: 15px;
    font-family: Tahoma;
    padding-left: 5px;
    padding-right: 5px;
    height: 16px;
    display: inline-block
}

.join-now,
.mobile {
    background-repeat: no-repeat;
    padding-left: 23px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-weight: 700
}

.join-now {
    background-position: -2px -372px
}

.mobile {
    background-position: -2px -539px
}

.blue-bar-bsi {
    height: 40px;
    border: 0
}

    .blue-bar-bsi .blue-bar-inner {
    }

    .blue-bar-bsi .Pwd,
    .blue-bar-bsi .Username {
        height: 25px;
        line-height: 100%
    }

    .blue-bar-bsi .FormTextF,
    .blue-bar-bsi .FormTextN {
        top: 4px
    }

    .blue-bar-bsi .account,
    .blue-bar-bsi .join-now,
    .blue-bar-bsi .mobile {
        position: relative
    }

    .blue-bar-bsi .sign-in a {
        height: 23px;
        line-height: 22px
    }

    .blue-bar-bsi .ForgetBtn {
        background-image: url(../../images/base/common-header.png?20140415);
        background-position: -3px -503px;
        height: 26px
    }

    .blue-bar-bsi .account-right li {
        margin: 3px 4px 5px 8px
    }

.common-header-shadow {
    background-image: url(../../images/base/common-header-shadow-asi.png?20130821)
}

.header {
    width: 100%;
    height: 96px;
    position: relative;
    z-index: 99;
    background-position: 2px 0;
    background-repeat: repeat-y
}

.header-inner {
    width: 100%;
    height: 100%;
    min-width: 995px;
    background-position: 0 -30px
}

.logo,
.logo-cover,
.logo-zh-cn {
    width: 200px;
    height: 68px;
    display: inline-block;
    zoom: 1
}

.logo {
    font-size: 34px;
    line-height: 75px;
    font-weight: 700;
    color: #233b7a;
    text-decoration: none;
    float: left;
    width: 150px;
    height: 61px;
    margin-top: 14px;
    background-position: 6px -2px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.logo-sbotop {
    background-position: 6px -2px !important;
    background-size: 100% !important;
}

.logo-zh-cn {
    font-size: 34px;
    line-height: 75px;
    font-weight: 700;
    color: #233b7a;
    text-decoration: none;
    float: left;
    width: 150px;
    height: 61px;
    margin-top: 14px;
    background-position: -15px -6px;
    background-size: 130%;
    background-repeat: no-repeat;
}

.logo-partner {
    width: 100px;
    height: 60px;
    position: relative;
    left: -10px;
    top: 5px;
    background-image: url(../../images/partner-bvb.svg);
    background-repeat: no-repeat;
    display: inline-block;
}

.logo-cover {
    top: 0;
    left: 0;
    float: left;
}

.logo-xmas-tree {
    width: 975px;
    background-image: url(../../images/base/logo-xmas-tree.png?20130725)
}

.logo-xmas {
    width: 200px;
    background-image: url(../../images/base/logo-xmas.png?20131210)
}

.product-list {
    height: 75px;
    max-width: 1250px;
    min-width: 995px;
    margin: 0 auto;
    position: relative
}

    .product-list ul {
        line-height: 44px;
        height: 44px;
        float: left;
        margin-top: 25px;
        margin-left: 10px;
    }

        .product-list ul li {
            float: left;
            text-align: center;
            font-size: 13px;
            font-weight: 700
        }

            .product-list ul li a {
                text-decoration: none
            }

.product-tab-body,
.product-tab-left,
.product-tab-right {
    display: inline-block;
    zoom: 1;
    float: left;
    height: 44px
}

.product-tab-left,
.product-tab-right {
    width: 7px;
}

.product-tab-body {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    line-height: 1.3em;
    padding: 0 2px;
    color: #283e87;
    cursor: pointer;
}

.language-selector,
.region-selector {
    cursor: default !important;
    background-color: #ededed
}

.product-tab-body a {
    color: #00175f;
    position: relative;
    z-index: 50;
    text-decoration: none
}

    .product-tab-body a:hover {
        color: #4871d3
    }

.selected .product-tab-left {
    background-position: 0 -173px;
    background-image: url(../../images/base/common-header.png?20130925)
}

.selected .product-tab-body {
    background-position: 0 -128px;
    padding: 0 10px;
    color: #fff;
    background-image: url(../../images/base/common-header.png?20130821);
    position: relative
}

    .selected .product-tab-body a {
        color: #fff
    }

.selected .product-tab-right {
    background-position: -10px -173px;
    background-image: url(../../images/base/common-header.png?20130925)
}

.header-bottom-right a,
.lang-divider,
.lang-drop-down-ul li.selected,
.lang-drop-down:hover .lang-divider,
.lang-drop-down:hover .lang-img,
.lang-img {
    background-image: url(../../images/base/global-setting-icon.png?20130725)
}

.selected-arrow {
    width: 9px;
    height: 7px;
    background-position: -7px -282px;
    position: absolute;
    margin: auto auto auto -4px;
    left: 50%;
    bottom: -2px
}

.bottom-left {
    float: left;
    margin-left: 10px;
    width: 173px
}

.bottom-right {
    float: right;
    margin-right: 10px
}

.bottom-left div {
    display: inline-block;
    zoom: 1
}

.system-time {
    font-size: 9px;
    line-height: 20px;
    color: #000;
    margin-left: 10px
}

.region-selector {
    border-top: 1px solid #e2e2e2
}

    .language-selector div,
    .language-selector:hover div,
    .region-selector div,
    .region-selector:hover,
    .region-selector:hover div {
        background-color: #ededed
    }

    .language-selector div,
    .region-selector div {
        border-bottom: #cacaca !important
    }

.selector-list {
    margin-left: 0 !important;
    color: #535353 !important
}

.selector-border {
    border-top: 1px solid #cacaca
}

.language-selector,
.language-selector:hover {
    border-top: 3px double #cacaca !important
}

.language-selector {
    width: 300px;
    text-decoration: none;
    border-bottom: 1px solid #cacaca
}

.lang-selection {
    display: inline-block;
    zoom: 1;
    float: left;
    font-weight: 700;
    color: #274ea0;
    line-height: 18px;
    cursor: pointer
}

.lang-drop-down {
    float: left;
    position: relative;
    white-space: nowrap
}

    .lang-drop-down span {
        float: left
    }

.lang-img {
    display: inline-block;
    zoom: 1;
    width: 20px;
    height: 20px;
    background-position: -5px -690px;
    margin: 0 3px 0 6px
}

.lang-divider {
    display: inline-block;
    zoom: 1;
    width: 17px;
    height: 15px;
    background-position: -28px -652px;
    margin-left: 3px;
    margin-top: 1px
}

.lang-drop-down:hover .lang-divider {
    background-repeat: no-repeat;
    background-position: right -627px
}

.lang-drop-down:hover span {
    color: #00175f
}

.lang-drop-down:hover .lang-img {
    background-repeat: no-repeat;
    background-position: -5px -714px
}

.lang-drop-down-ul {
    width: 110px;
    position: absolute;
    margin-top: 20px;
    border: 1px solid #deebfd;
    border-top: 0;
    background-color: #fff;
    left: 0;
    -webkit-box-shadow: 1px 1px 2px #17275f;
    -moz-box-shadow: 1px 1px 2px #17275f;
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')
}

    .lang-drop-down-ul li {
        color: #22377b;
        border-bottom: 1px solid #d2e7ff;
        height: 100%;
        white-space: nowrap;
        width: 110px
    }

        .lang-drop-down-ul li:hover {
            background-color: #d2e7ff;
            border-bottom: 1px solid #d2e7ff
        }

        .lang-drop-down-ul li a {
            display: block;
            padding: 3px 10px;
            white-space: nowrap;
            color: #274ea0;
            margin-left: 20px;
            text-decoration: none
        }

        .lang-drop-down-ul li:hover a {
            color: #000
        }

        .lang-drop-down-ul li.selected {
            background-position: -22px -1047px;
            background-repeat: no-repeat;
            display: block;
            cursor: default !important
        }

.header-bottom-right a,
.header-icons div {
    cursor: pointer;
    background-repeat: no-repeat
}

.product-list .header-icons {
    position: absolute;
    right: 1px;
    top: 0;
    margin-top: 3px;
    padding-left: 4px
}

    .header-icons div {
        float: left;
        color: #223978;
        padding: 4px 8px 4px 20px;
        line-height: 10px
    }

.live-chat {
    background-position: -2px -220px
}

.help {
    background-position: -2px -241px
}

.result {
    background-position: -2px -262px
}

    .help:hover,
    .live-chat:hover,
    .result:hover {
        color: #4871d3
    }

.header-bottom-link {
    margin: 0 auto;
    max-width: 1250px;
    min-width: 995px;
    position: relative;
    z-index: 1;
}

.header-bottom-right {
    width: 600px;
    height: 23px;
    position: absolute;
    right: 0;
    top: -2px
}

    .header-bottom-right a {
        float: right;
        display: inline-block;
        zoom: 1;
        height: 23px;
        width: 43px;
        position: relative;
        text-decoration: none
    }

        .header-bottom-right a:hover .global-setting-dropdown {
            display: block;
            -webkit-box-shadow: 1px 1px 2px #17275f;
            -moz-box-shadow: 1px 1px 2px #17275f;
            filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')
        }

        .header-bottom-right a.select-10pm,
        .page-toolbar-icon a.select-10pm {
            width: auto !important;
            padding-right: 20px;
            padding-left: 10px
        }

.sbobetv-icon {
    background-position: 2px -4px
}

    .sbobetv-icon:hover {
        background-position: 2px -161px
    }

.tv-schedule-icon {
    background-position: 2px -30px
}

    .tv-schedule-icon:hover {
        background-position: 2px -187px
    }

.sound-off-icon {
    background-position: 2px -52px
}

    .sound-off-icon:hover {
        background-position: 2px -209px
    }

.sound-on-icon {
    background-position: 2px -568px
}

    .sound-on-icon:hover {
        background-position: 2px -399px
    }

.odds-type-1 {
    background-position: -2px -74px
}

    .odds-type-1:hover {
        background-position: -2px -231px
    }

.odds-type-2 {
    background-position: -2px -312px
}

    .odds-type-2:hover {
        background-position: -2px -332px
    }

.odds-type-4 {
    background-position: -2px -353px
}

    .odds-type-4:hover {
        background-position: -2px -374px
    }

.odds-display-1 {
    background-position: -2px -94px
}

    .odds-display-1:hover {
        background-position: -2px -251px
    }

.odds-display-2 {
    background-position: -2px -423px
}

    .odds-display-2:hover {
        background-position: -2px -448px
    }

.sort-1 {
    background-position: -2px -115px
}

    .sort-1:hover {
        background-position: -2px -272px
    }

.sort-2 {
    background-position: -2px -470px
}

    .sort-2:hover {
        background-position: -2px -495px
    }

.market-type-2 {
    background-position: -2px -136px
}

    .market-type-2:hover {
        background-position: -2px -293px
    }

.market-type-1 {
    background-position: -2px -520px
}

    .market-type-1:hover {
        background-position: -2px -543px
    }

.select-10pm {
    background-position: right -648px
}

    .select-10pm:hover {
        background-position: right -623px
    }

.select-10pm-text {
    background-position: right -653px;
    width: auto !important;
    white-space: nowrap;
    display: inline-block;
    margin-top: 5px !important;
    font-weight: 700;
    color: #22377b;
    padding-right: 20px;
    text-align: right
}

.page-toolbar-icon .select-10pm-text {
    background-position: right -652px;
    font-size: 11px;
    line-height: 13px;
    padding-left: 10px
}

.select-10pm-text:hover {
    color: #5887dc;
    background-position: right -628px
}

.page-toolbar-icon .select-10pm-text ul {
    left: -4px;
    top: 18px
}

.page-toolbar-icon .select-10pm-text:hover {
    color: #5887dc;
    background-position: right -627px
}

.global-setting-dropdown {
    position: absolute;
    top: 22px;
    border: 1px solid #deebfd;
    border-top: 0;
    background-color: #fff;
    display: none;
    left: 0;
    text-align: left
}

.select-10pm-text .global-setting-dropdown {
    left: -13px
}

.global-setting-dropdown li span span {
    padding-left: 2px;
    text-align: left;
    box-shadow: 1px 1px 2px #17275f;
    -webkit-box-shadow: 1px 1px 2px #17275f;
    -moz-box-shadow: 1px 1px 2px #17275f;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')
}

.global-setting-dropdown li {
    color: #22377b;
    border-top: 1px solid #d2e7ff;
    padding: 7px 12px;
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
    text-decoration: none
}

    .global-setting-dropdown li span {
        vertical-align: bottom
    }

    .global-setting-dropdown li:hover {
        color: #000;
        background-color: #d2e7ff;
        border-top: 1px solid #d2e7ff
    }

li span.market-type-1,
li span.market-type-2,
li span.odds-display-1,
li span.odds-display-2,
li span.odds-type-1,
li span.odds-type-2,
li span.odds-type-4,
li span.sort-1,
li span.sort-2 {
    background-image: url(../../images/base/global-setting-icon.png?20130725);
    width: 20px;
    height: 16px;
    margin: 0 0 0 -5px;
    display: inline-block
}

.header-bottom-right a.global-icon-off:hover ul,
.normal-width .r-column,
.page-toolbar-icon a.global-icon-off:hover ul {
    display: none
}

li span.odds-type-1,
li span.odds-type-1:hover {
    background-position: -10px -74px
}

li span.odds-type-2,
li span.odds-type-2:hover {
    background-position: -10px -312px
}

li span.odds-type-4,
li span.odds-type-4:hover {
    background-position: -10px -353px
}

li span.odds-display-1,
li span.odds-display-1:hover {
    background-position: -10px -95px
}

li span.odds-display-2,
li span.odds-display-2:hover {
    background-position: -10px -424px
}

li span.sort-1,
li span.sort-1:hover {
    background-position: -10px -118px;
    height: 16px
}

li span.sort-2,
li span.sort-2:hover {
    background-position: -10px -473px;
    height: 16px
}

.wc-tab,
.wc-tab-zh-cn {
    width: 84px;
    height: 44px;
    text-decoration: none
}

li span.market-type-2,
li span.market-type-2:hover {
    background-position: -10px -137px
}

li span.market-type-1,
li span.market-type-1:hover {
    background-position: -10px -521px
}

.odds-type-1-off {
    background-position: -2px -811px
}

.odds-type-2-off {
    background-position: -2px -1026px
}

.odds-type-4-off {
    background-position: 1px -901px
}

.odds-display-1-off {
    background-position: -2px -831px
}

.odds-display-2-off {
    background-position: -1px -924px
}

.market-type-1-off {
    background-position: -2px -973px
}

.market-type-2-off {
    background-position: -2px -873px
}

.sort-1-off {
    background-position: -2px -852px
}

.sort-2-off {
    background-position: 1px -948px
}

.page-toolbar-icon a.global-icon-off:hover {
    background-color: transparent
}

.global-icon-off {
    cursor: default !important
}

.wc-tab {
    background: url(../../images/wc-tab.png?20140124) -1px 0 no-repeat
}

    .wc-tab:hover {
        background: url(../../images/wc-tab.png?20140124) -1px -48px no-repeat
    }

.wc-tab-zh-cn {
    background: url(../../images/wc-tab-zh-cn.png?20140124) -1px 0 no-repeat
}

    .wc-tab-zh-cn:hover {
        background: url(../../images/wc-tab-zh-cn.png?20140124) -1px -48px no-repeat
    }

.SportsImgWc2014 {
    background: url(../../images/wc-tab-left.png?20140409) 3px 5px no-repeat;
    width: 22px;
    height: 22px;
    float: left
}

.selected.Sports .product-tab-left {
    margin-left: 10px
}

.body-inner {
    margin: 0 auto
}

.normal-width {
    min-width: 995px;
    max-width: 1250px;
}

.wide-width {
    width: 1252px
}

.r-column {
    width: 248px;
    position: fixed;
    left: 50%;
    margin-left: 372px;
    top: 0;
    z-index: 101;
    height: 100%;
    padding: 0 2px;
    background-image: url(../../images/right-column-shadow.png?20130725);
    background-repeat: repeat-y
}

    .r-column .r-column-top {
        height: 30px;
        width: 100%;
        background-image: url(../../images/base/right-column-header-bg.png);
        color: #fff;
        text-align: center;
        line-height: 30px;
        font-weight: 700
    }

.r-column-body {
    width: 100%;
    height: 100%
}

.mini-games {
    width: 100%;
    height: auto
}

@media screen and (max-width:1249px) {
    .r-column {
        display: none
    }

    .wide-width {
        width: 992px
    }
}

.ie7 .lang-drop-down {
    float: none
}

.freespin-right {
    float: right !important;
    margin-right: -4px
}

.footer-separator {
    display: inline-block;
    width: 1px;
    height: 57px;
    background-color: #6b7bad;
}

.Footer,
.Footer2 {
    text-align: center
}

.BettingPartner {
    padding: 10px 30px;
    border-radius: 7px;
    text-align: center;
    vertical-align: middle;
    height: 42px;
    display: inline-block
}

.DundalkFC {
    background: url(../../images/icons/dundalkFC.png) no-repeat -35px 0;
    display: inline-block;
    width: 35px;
    height: 42px;
    margin-left: 6px
}

.depositMSA {
    width: 560px;
    float: right;
    margin-top: -5px
}

.depositTT {
    float: left;
    color: #930;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    font-family: roboto;
    margin: 2px
}

.depositBTN a {
    float: left;
    width: 100px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #d5b347;
    color: #930;
    text-align: center;
    text-decoration: none;
    font-family: roboto;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin: 2px;
    letter-spacing: .5px;
    border-radius: 4px;
    background-color: #fae9b1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fae9b1), to(#fac967));
    background-image: -webkit-linear-gradient(top, #fae9b1, #fac967);
    background-image: -moz-linear-gradient(top, #fae9b1, #fac967);
    background-image: -ms-linear-gradient(top, #fae9b1, #fac967);
    background-image: -o-linear-gradient(top, #fae9b1, #fac967);
    background-image: linear-gradient(to bottom, #fae9b1, #fac967)
}

.BettingPartner span {
    font: 700 12px/12px Trebuchet MS, Arial, sans-serif;
    color: #fff;
    height: 42px;
    vertical-align: middle;
    display: inline-block
}

.depositBTN a:hover {
    font-weight: 700;
    text-decoration: none
}

.header-xyz .product-list ul li {
    float: left;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

.header-xyz .product-tab-body {
    font-size: 13px;
    padding: 0 2px;
    color: #283e87;
    font-family: Trebuchet MS;
    position: relative;
    cursor: pointer
}

.header-xyz .ta-in_product-list .product-tab-body {
    padding: 0;
    font-size: 12px;
    letter-spacing: -1px;
    max-width: 104px;
}

.header-xyz .product-tab-left,
.header-xyz .product-tab-right {
    width: 7px;
    display: inline-block;
    zoom: 1;
    float: left;
    height: 44px
}

.header-xyz .selected .product-tab-body {
    padding: 0 6px;
    background-position: 0 -128px;
    color: #fff;
    background-image: url(../../images/base/common-header.png?20130821);
    position: relative
}

.header-xyz .selected .product-tab-right {
    width: 5px;
    background-position: -15px -173px;
    background-image: url(../../images/base/common-header.png?20130925)
}

.header-xyz .selected .product-tab-left {
    width: 5px;
    background-position: 0 -173px;
    background-image: url(../../images/base/common-header.png?20130925)
}


.header-xyz .selected.Sports .product-tab-left {
    margin-left: 0;
    width: 5px;
}

.header-xyz .tv-schedule-icon {
    background-position: 4px -30px
}

    .header-xyz .tv-schedule-icon:hover {
        background-position: 4px -187px
    }

.header-xyz .product-list ul li.Homepage .product-tab-body a {
    background-image: url(../../images/icons/icon--home.png?20170810);
    background-repeat: no-repeat;
    background-position: 0 50%;
    display: block;
    font-size: 0;
    width: 17px;
    padding: 0
}

.header-xyz .product-list ul li.Homepage .product-tab-body:hover a {
    background-position: 50% 50%
}

.header-xyz .product-list ul li.selected.Homepage .product-tab-body a {
    background-position: 100% 50%
}

.voucherIcon {
    position: relative;
    color: #fff;
    line-height: 20px;
    float: right
}

.voucherBtn {
    background: #fcb047;
    margin-right: 5px;
    padding-left: 20px;
    border-radius: 3px;
    cursor: pointer;
    transition: all .5s
}

    .voucherBtn:hover {
        background: #ffa62b
    }

        .voucherBtn:hover span {
            background: #ff7e29
        }

        .voucherBtn:hover:before {
            animation: voucherIcon 1.5s linear infinite
        }

    .voucherBtn span {
        display: inline-block;
        padding: 0 5px;
        text-align: center;
        background-color: #fc8f47;
        margin-left: 5px;
        float: right;
        border-radius: 0 3px 3px 0;
        font-size: 12px;
        transition: all .5s
    }

    .voucherBtn:before {
        content: "";
        display: inline-block;
        width: 34px;
        height: 34px;
        background: url(../../images/voucher-icon1.png);
        background-size: 100%;
        background-position: center;
        position: absolute;
        left: -17px;
        top: -13px;
        transform: rotate(-15deg)
    }

.onboarding-box {
    position: absolute;
    top: 150%;
    background: #eee;
    width: 177px;
    margin-left: -122px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .7);
    text-align: center;
    color: #999
}

    .onboarding-box p span {
        font-weight: 700;
        color: #fc8f47
    }

    .onboarding-box button {
        background: #fc8f47;
        color: #fff;
        border: 0;
        border-radius: 3px;
        padding: 5px 10px
    }

    .onboarding-box:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px;
        border-color: transparent transparent #eee transparent;
        position: absolute;
        top: -7px;
        left: 50%;
        margin-left: -10px
    }


/* The popupVoucher (background) */

.popupVoucher {
    /*display: none;*/
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 200;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    -webkit-animation-name: fadeIn;
    /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}


/* popupVoucher Content Portrait */

.eventVoucher {
    position: fixed;
    top: 75%;
    right: 0%;
    cursor: pointer;
    z-index: 99;
}

    .eventVoucher .ticket img {
        width: 150px;
    }

    .eventVoucher .ticket span.ticketNum {
        font-weight: bold;
        font-size: 8pt;
        background: #ef463a;
        border-radius: 50%;
        padding: 2px 3px;
        color: #fff;
        min-width: 13px;
        height: 14px;
        text-align: center;
        position: absolute;
        top: 90px;
        left: 74%;
        border: solid 1px #fff;
        animation: bounsNum 1s infinite
    }

@keyframes bounsNum {
    0% {
        transform: translate(0px, 2px);
    }

    50% {
        transform: translate(0px, -2px);
    }

    100% {
        transform: translate(0px, 2px);
    }
}


/* Modal Content Portrait */

.popupContent {
    z-index: 9999;
    position: fixed;
    bottom: 0;
    width: 400px;
    margin: 0 auto;
    background-color: #040b39;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
    left: 50%;
    transform: translate(-50%, 0%);
}


/* The Close Button */

.close {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: -3px;
    opacity: inherit;
    z-index: 999;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.canvasImg {
    display: none;
}

.popupBody {
    position: relative;
    margin-top: -85px;
}

.textArea {
    width: 95%;
    height: auto;
    /*background: #010829;*/
    /*border: solid 1px #9E7108;*/
    border-radius: 10px;
    /*padding: 20px 2% 10px;*/
    margin: 60px auto 10px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

.quarterCircle {
    position: absolute;
    border: solid 1px #9e7108;
    background: #040b39;
    height: 15px;
    width: 15px;
}

    .quarterCircle.bottomLeft {
        border-radius: 0 100% 0 0;
        border-style: solid solid none none;
        bottom: -1px;
        left: -1px;
    }

    .quarterCircle.topLeft {
        border-radius: 0 0 100% 0;
        border-style: none solid solid none;
        top: -1px;
        left: -1px;
    }

    .quarterCircle.bottomRight {
        border-radius: 100% 0 0 0;
        border-style: solid none none solid;
        bottom: -1px;
        right: -1px;
    }

    .quarterCircle.topRight {
        border-radius: 0 0 0 100%;
        border-style: none none solid solid;
        top: -1px;
        right: -1px;
    }

.ruleArea {
    background: #01061b;
    padding: 10px 15px;
}

    .ruleArea .textBox {
        overflow: auto;
        max-height: 10vh;
    }

    .ruleArea .title {
        text-decoration: underline;
        font-weight: 900
    }

.textBox h3 {
    margin: 0 auto 5px;
    text-align: center;
    font-size: .85rem;
    font-weight: 900;
    color: #fff;
    font-style: italic;
}

.textBox .ticket {
    font-size: .75rem;
    display: inline-block;
    background: #ffd401;
    padding: 6px 15px;
    margin: 10px auto;
    border-radius: 40px;
}

    .textBox .ticket span {
        margin: 0 8px 0 5px;
        font-size: 1rem;
        font-weight: 900;
        font-style: italic;
    }

.textBox p,
.textBox li,
.textBox date {
    font-size: .75rem;
    color: #fff;
    line-height: 1.5em;
    font-weight: 300;
    display: block;
}

.textBox date {
    font-size: .6rem;
}

.textBox ol {
    list-style-type: decimal;
    padding-left: 15px
}

.textBox li {
    margin: 5px 0;
    display: list-item;
}

.textBox a {
    color: #af8f58;
    text-align: center;
    display: block;
    margin: 11px;
    text-decoration: underline;
}

.iconWrapper {
    width: 100%;
}

ul.eventGameIcon {
    width: 100%;
    height: 26%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    ul.eventGameIcon li {
        list-style: none;
        color: #64b3f4;
        width: 26%;
        flex: none;
        margin-right: 3%;
    }

        ul.eventGameIcon li img {
            width: 100%;
            height: 100%;
        }

#clockdiv {
    color: #ffffff;
    background-color: #2536cd;
    padding: 5px;
    font-size: .8rem;
}

    #clockdiv > div {
        display: inline-block;
    }

    #clockdiv img {
        vertical-align: middle;
        width: 24px;
        height: 24px;
        margin-right: 5px;
    }

    #clockdiv span {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 2px;
        margin: 1px;
        line-height: 24px;
        padding: 5px 4px;
    }

        #clockdiv span.smalltext {
            background: none;
            padding: 0;
        }


/*waiting*/

.popupContent.waiting .popupHeader date {
    top: 40%;
}

.popupContent.waiting .popupHeader:before {
    top: 50%;
}

.popupContent.waiting .popupBody {
    padding: 20px 16px
}

.popupContent.waiting .textArea {
    z-index: 999;
    max-height: 30vh;
}


/*winner*/

.winner .textBox {
    max-height: 30vh;
    overflow: auto;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.ribbon {
    color: #fff;
    font-weight: 900;
    padding: 5px 0 25px;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 120;
    text-align: center;
    margin: 0 auto 5px;
}

    .ribbon img {
        width: 100%;
        position: relative;
        top: 1px;
        border-radius: 10px;
        cursor: pointer;
    }

.textArea .close {
    top: 25px;
    margin-right: 5px;
    opacity: 0.8;
}

.textArea ul.winner {
    text-align: left;
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

    .textArea ul.winner li {
        font-size: 14px;
        font-weight: 900;
        color: #9ccdff;
        clear: both;
        margin: 10px 0;
    }

        .textArea ul.winner li::before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url(../../images/popup_event/ticket.png);
            background-size: contain;
            position: relative;
            top: 4px;
        }

        .textArea ul.winner li.top3::before {
            height: 14px;
            top: 1px;
            background-image: url(../../images/popup_event/crown_y.png);
        }

        .textArea ul.winner li.top3 {
            color: #fff172;
        }

        .textArea ul.winner li span {
            display: inline-block;
            list-style: none;
            background: #9ccdff;
            font-weight: 500;
            padding: 2px 10px;
            border-radius: 20px;
            color: #fff;
            margin: 2px;
            float: right;
            position: relative;
            top: -2px;
        }

        .textArea ul.winner li.top3 span {
            background-color: #ff9b00;
            top: -4px;
        }

.winnerLink {
    text-align: center;
    color: #fff;
    margin: 10px auto;
    display: block;
    text-decoration: underline;
}

.winnerPopupMsg {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .winnerPopupMsg .textArea {
        width: 60%;
        max-width: 700px;
        margin: 0;
    }

        .winnerPopupMsg .textArea .close {
            top: -5px;
            right: -15px;
            background: #666;
            padding: 5px 3px 4px;
            border-radius: 50%;
            font-weight: 500;
            box-shadow: 0 0 5px #000;
        }

.promotionImage {
    position: fixed;
    top: 25%;
    left: 25%;
    width: 50%;
    border-radius: 25px;
}

.popupBox-close {
    position: absolute;
    left: 72%;
    top: 26%;
    width: 2%;
}

    .popupBox-close img {
        width: 100%
    }


/* ----------- iPhone 4 and 4S ----------- */


/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) {
    .coin {
        display: none;
    }

    .popupHeader {
        padding: 3%;
        min-height: 100px;
    }

        .popupHeader h2 {
            background-size: 60%;
            min-height: 100px;
        }

    .popupBody {
        padding: 3%;
    }

    .table {
        margin-bottom: 3%;
    }
}


/*landscape*/

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (orientation: landscape) {
    .popupContent {
        width: 90vw;
        height: 100vh;
        padding-top: 36px;
        display: flex;
    }

    .popupHeader {
        flex: 1;
    }

    #clockdiv {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .textArea h3 {
        font-size: 10pt;
    }

    .popupBody {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        flex: 1;
    }

    .ruleArea .textBox {
        max-height: 22vh;
    }

    .close {
        top: 0px;
        right: 5px;
    }

    ul.eventGameIcon li {
        width: 45%;
        margin: 0 3%;
    }

    .winner.popupContent .close,
    .waiting.popupContent .close {
        top: 0;
    }

    .winner.popupContent.portrait,
    .waiting.popupContent {
        padding-top: 0;
    }
    /*waiting*/
    .waiting .popupHeader {
        min-width: 270px
    }

        .waiting .popupHeader::before {
            width: 90%;
            top: 45%;
        }

        .waiting .popupHeader .title h1 {
            font-size: 26px;
            line-height: 1.5em;
            margin-top: 8%;
        }

    .popupContent.waiting .popupBody {
        width: 100%;
        padding: 20px 30px;
    }

    .popupContent.waiting .textArea {
        max-height: inherit;
    }

    .waiting .popupBody div.textBox {
        height: auto;
        max-height: inherit;
        padding-bottom: 10px;
    }
    /*winner*/
    .winner .popupHeader {
        min-width: 270px
    }

        .winner .popupHeader::before {
            width: 90%;
            top: 45%;
        }

        .winner .popupHeader .title h1 {
            font-size: 26px;
            line-height: 1.5em;
            margin-top: 8%;
        }

    .popupContent.winner .popupBody {
        width: 100%;
        padding: 50px 30px 20px;
    }

    .popupContent.winner .textArea {
        max-height: inherit;
    }

    .winner .popupBody div.textBox {
        height: auto;
        max-height: inherit;
        padding-bottom: 10px;
    }

    .popupContent.winner .ribbon {
        width: 260px;
    }
}


/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) {
    .coin {
        min-height: 90px;
    }

    .popupHeader h2 {
        background-size: 70%;
    }
}


/* Portrait */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) {
    .coin {
        min-height: 120px;
    }

    .popupHeader h2 {
        background-size: 70%;
    }
}


/* ----------- iPhone X ----------- */


/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: portrait) {
    .coin {
        min-height: 90px;
    }

    .popupHeader h2 {
        height: 180px;
    }
}


/* ----------- iPad 1, 2, Mini and Air ----------- */

@media only screen and (min-device-width: 500px) {
    .coin {
        min-height: 117px;
        background-size: 92%;
        transform: translate(-5%, -100%);
    }

    .popupHeader h2 {
        background-size: 60%;
    }
}


/* Add Animation */

@-webkit-keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.tc-links {
    font-family: Arial;
    font-size: 7px;
    color: #49628f;
    text-align: center;
    float: left;
    width: 100%;
    padding: 8.5px 0 0;
}

    .tc-links > a {
        color: #49628f;
    }


/* eSports reddot icon - Start */

.esports-animation:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url('../../images/eSports-icon.png');
    background-size: 100%;
    top: -10px;
    right: -2px;
    animation: tipjump 1.5s infinite;
    transform-origin: 50% 100%;
}

.livedraw-animation:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url('../../images/livedraw-icon.png');
    background-size: 100%;
    top: -10px;
    right: -2px;
    animation: tipjump 1.5s infinite;
    transform-origin: 50% 100%;
}

.sbokeno-animation:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url('../../images/keno-icon.png');
    background-size: 100%;
    top: -10px;
    right: -2px;
    animation: tipjump 1.5s infinite;
    transform-origin: 50% 100%;
}

.LEEDS {
    width: 166px;
    height: 55px;
    display: block;
}

.BWF {
    width: 166px;
    height: 55px;
    display: block;
}

.sponsorIcon {
    width: 166px;
    height: 55px;
    display: block;
}

@keyframes tipjump {
    0% {
        transform: translateY(0px) scaleX(1) scaleY(1);
    }

    5% {
        transform: translateY(0px) scaleX(1.2) scaleY(.8);
    }

    20% {
        transform: translateY(-10px) scaleX(.9) scaleY(1.1);
    }

    45% {
        transform: translateY(0px) scaleX(1.05) scaleY(.95);
    }

    50% {
        transform: translateY(0px) scaleX(1) scaleY(1);
    }

    100% {
        transform: translateY(0px) scaleX(1) scaleY(1);
    }
}


/* eSports reddot icon - End */