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

ol,
ul {
    list-style: none
}

:focus {
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a,
.Pointer {
    cursor: pointer
}

.Hidden {
    display: none
}

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

.G180 {
    width: 175px
}

.G225 {
    width: 220px
}

.G585 {
    width: 580px
}

.G810 {
    width: 805px
}

.G990 {
    width: 985px
}

.G630,
.G360,
.G315,
.G180 {
    display: inline;
    float: left;
    margin-left: 5px
}

.G630 {
    width: 627px
}

.G360 {
    width: 357px
}

.G315 {
    width: 311px
}

.G180 {
    width: 176px
}

.Left {
    margin-left: 3px
}

.Clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

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

body {
    background: url(../../img-1-3.cdnnetworks.net/images/landing-bgd764.png?120315) #162460 repeat-x
}

.Container {
    background: 0
}

.MainWrapper {
    background: url(../../img-1-3.cdnnetworks.net/images/landing-bodybg4cd8.png?120313) repeat-y;
    height: 100%
}

.HdWrapper {
    height: 116px
}

.HdWrapper .Masthead {
    background: 0
}

.TopQuestionnaireIcon,
.OrangeBtn,
.WhiteBtn span,
.NavBar a,
.NavBar a:hover,
.NavBar span,
.NavItemSel a,
.TopLinks a span,
.ForgetBtn,
.ValidateBtn,
li.InitDep span {
    background: url(../../img-1-3.cdnnetworks.net/images/landing-buttonsb0b0.png?131112) no-repeat
}

.HdWrapper,
h2,
.Footer,
.FooterLeft,
.FooterRight,
.PatLogos a,
.Box,
.BoxHd,
.BoxFt,
.BoxFt div,
.BoxBd,
.Left,
.Left .BoxFt,
.Right,
.Right .BoxFt,
.EventHighlights,
.EventHighlights .EventHighlightsRight,
.EventHighlightsBg,
.EventItem .EventDivider,
.PatBorder {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat
}

.Masthead,
.LoginL,
.LoginR,
.LoginM,
.UserLinks,
.UserLinks li,
.UserInfo li,
.Euro,
.Asia {
    background: url(../../img-1-3.cdnnetworks.net/images/structure9b2d.png?121016) no-repeat scroll 0 0 transparent
}

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

:root .OrangeBtn {
    padding: 2px 10px 2px 10px \0/IE9
}

.OrangeBtn:hover {
    color: #600
}

.OrangeBtn,
.NavBar a,
.Lang ul li a,
.FooterLinks a,
.TopLinks a {
    text-decoration: none
}

.ValidateBtn {
    cursor: pointer
}

.NavItemSel {
    cursor: default !important
}

.OrangeBtn,
.BlueBtn,
.WhiteBtn,
.MPBtn,
.UserLinks a,
.NavBar a,
.Lang ul li a,
.FooterLinks a,
.TopLinks a {
    text-decoration: none
}

.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(../../img-1-3.cdnnetworks.net/images/landing-buttonsb0b0.png?131112) no-repeat -7px -543px !important
}

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

.Container {
    margin: 0 auto;
    width: 995px
}

.Masthead {
    position: relative;
    height: 116px
}

.Logo {
    position: absolute;
    top: 12px;
    left: 15px;
    width: 235px;
    height: 60px
}

.Logo span {
    display: none
}

.TopLinks {
    position: absolute;
    top: 0;
    right: 5px
}

.TopLinks li {
    float: right;
    display: block;
    background: url(../../img-1-3.cdnnetworks.net/images/landing-buttonsb0b0.png?131112) repeat-x 0 -270px transparent
}

.TopLinks a,
li.InitDep div {
    display: block;
    background: url(../../img-1-3.cdnnetworks.net/images/landing-buttonsb0b0.png?131112) no-repeat -222px -310px transparent;
    padding: 10px 0 10px 8px;
    overflow: hidden
}

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

a.Font span {
    background-position: -6px -671px;
    padding-left: 30px
}

a.Help span {
    background-position: -3px -374px;
    padding-left: 30px
}

a.LiveChat span {
    background-position: -2px -401px;
    padding-left: 38px
}

a.JoinNow span {
    background-position: -6px -425px
}

a.Result span {
    background-position: -2px -494px;
    padding-left: 38px
}

a.Announce span {
    background-position: -5px -518px;
    padding-left: 26px
}

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

li.InitDep {
    background: url(../../img-1-3.cdnnetworks.net/images/toplinks-bgyellow4cd8.gif?120313) repeat-x
}

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

li.InitDep a {
    background: url(../../img-1-3.cdnnetworks.net/images/toplinks-initdep4cd8.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(../../img-1-3.cdnnetworks.net/images/toplinks-initdep4cd8.png?120313) no-repeat top right;
    display: block
}

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

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

.LoginL,
.LoginR,
.LoginM {
    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 0;
    white-space: nowrap
}

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

.Username,
.Pwd {
    width: 96px
}

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

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

.Validate-ru-ru {
    width: 88px
}

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

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

#captcha{
    width: 37% !important;
}

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

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

.LoginWrap {
    float: left;
    position: relative
}

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

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

.TopQuestionnaire {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    height: 35px;
    zoom: 1;
    *display: inline
}

.TopQuestionnaireIcon {
    width: 20px;
    height: 35px;
    background-position: -9px -593px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer
}

.TopQuestionnaireText {
    color: #233b7a;
    display: inline-block;
    height: 35px;
    margin-top: 3px;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

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
}

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

.NavBar {
    position: absolute;
    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(../../img-1-3.cdnnetworks.net/images/euro2012menu2229.gif?120607) no-repeat 0 -38px;
    height: 36px
}

.NavBar span span.Euro2012Tab-zh-cn {
    width: 110px;
    padding: 0;
    background: url(../../img-1-3.cdnnetworks.net/images/euro2012menu_zh_cn2229.gif?120607) no-repeat 0 -38px;
    height: 36px
}

.NavBar span span.Euro2012Tab-zh-tw {
    width: 110px;
    padding: 0;
    background: url(../../img-1-3.cdnnetworks.net/images/euro2012menu_zh_tw2229.gif?120607) no-repeat 0 -38px;
    height: 36px
}

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

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

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

.NavNewWrap {
    position: relative
}

.NavNew,
.NavNew-zh-cn {
    background: url(../../img-1-3.cdnnetworks.net/images/iconseb04.png?131008) no-repeat
}

.NavNew {
    background-position: -140px -1067px;
    background-repeat: no-repeat;
    height: 25px;
    left: -15px;
    position: absolute;
    top: -36px;
    width: 25px
}

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

.Masthead {
    z-index: 1
}

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

.Lang {
    position: absolute;
    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
}

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

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

.Lang ul {
    float: left
}

.LangDropDown {
    background: url(../../img-1-3.cdnnetworks.net/images/landing-buttonsb0b0.png?131112) no-repeat -8px -475px;
    width: 68px;
    height: 15px;
    display: inline-block;
    padding: 1px 0 0;
    border: 1px solid #6587cb;
    margin: 0 0 0 1px;
    zoom: 1;
    *display: inline
}

.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 {
    color: #000;
    font: 100 11px/18px Arial;
    padding: 0 0 0 10px
}

.LangDropDown ul li a:hover {
    color: #000;
    font: 100 11px/18px Arial;
    padding: 0 0 0 10px;
    background-color: #ebf2ff
}

.Box {
    position: relative;
    margin-bottom: 7px;
    background-position: -148px -184px
}

.BoxHd {
    background-position: right -184px;
    position: absolute;
    top: 0;
    right: 0;
    _right: -1px;
    width: 8px;
    height: 8px;
    font-size: 0
}

.BoxBd {
    background-position: right -194px;
    margin: 6px 0 0 3px
}

.BoxFt,
.Left .BoxFt,
.Right .BoxFt {
    background-position: -148px -445px;
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 8px;
    font-size: 0
}

.BoxFt div,
.Right .BoxFt div {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 8px;
    background-position: right -445px;
    _right: -1px
}

.EUHPD .BoxHd {
    _right: 0
}

.EUHPD .BoxFt div {
    _right: 0
}

.Left {
    background-position: -147px -457px
}

.Left .BoxFt {
    background-position: -147px -719px
}

.Left .BoxFt div {
    background-position: right -446px
}

.Right {
    background-position: right -457px
}

.Right .BoxHd {
    background-position: -148px -184px;
    left: 0
}

.Right .BoxBd {
    background-position: -148px -190px;
    margin: 6px 3px 0 0;
    padding: 0 0 0 3px
}

.Right .BoxFt {
    background-position: right -719px
}

.Right .BoxFt div {
    background-position: -148px -446px;
    left: 0
}

.EUHPA,
.EUHPB {
    height: 255px
}

.EUHPC,
.EUHPD {
    height: 185px
}

.Box img {
    margin: 5px;
    border: 1px solid #334182
}

.EUHPA img {
    width: 609px;
    height: 238px
}

.EUHPB img {
    width: 339px;
    height: 238px
}

.EUHPC img {
    width: 293px;
    height: 168px
}

.EUHPD img {
    width: 158px;
    height: 168px
}

h2 {
    background-position: right -140px;
    height: 32px;
    position: absolute;
    top: 11px;
    left: 8px;
    padding: 0 40px 0 10px;
    font: 700 11px/20px Tahoma, sans-serif;
    color: #132351
}

.Capt {
    height: 25px;
    font: 12px/24px Arial;
    background: #000;
    opacity: .80;
    filter: alpha(opacity=80);
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 8px;
    padding: 5px
}

.Capt a,
.Capt a:visited,
.Capt a:active {
    color: #fff;
    text-decoration: none
}

.Capt a:hover {
    color: #fc0
}

.Right .Capt {
    left: 8px
}

.EUHPA .Capt {
    width: 601px
}

.EUHPB .Capt {
    width: 331px
}

.EUHPC .Capt,
.EUHPD .Capt {
    width: 285px;
    line-height: 18px;
    height: 18px
}

.EUHPD .Capt {
    width: 150px
}

.EventHighlights {
    background-position: -147px -457px;
    margin: 0 0 7px 3px;
    position: relative;
    height: 102px;
    width: 980px
}

.EventHighlights .EventHighlightsRight {
    background-position: -1129px -457px;
    height: 104px;
    position: absolute;
    right: -8px;
    width: 8px
}

.EventHighlights .BoxFt {
    background-position: -147px -719px;
    bottom: -7px
}

.EventHighlights .BoxFt div {
    background-position: -1129px -719px;
    right: -8px
}

.EventHighlightsBg {
    background-position: 0 -1019px;
    height: 84px;
    margin: 12px 0 0 8px;
    position: absolute;
    width: 970px;
    border: 1px solid #2a4696
}

.EventItem {
    width: 174px;
    padding: 10px 10px 0 10px;
    height: 74px;
    position: relative;
    float: left
}

.EventItem a {
    text-decoration: none;
    display: block;
}

.EventItem .BankStatus {
    font: 700 12px/12px Trebuchet MS, Arial, sans-serif;
    color: #fff;
    text-align: center;
    display: block;
    padding-top: 7px;
}

.EventItem .BankStatus.online {
    color: #33ff00;
}

.EventItem .BankStatus.offline {
    color: #ff0000;
}

.EventItem time,
.EventItem .EventHighlightsTime {
    font: 100 9px/15px Arial, sans-serif;
    color: #b7d2ff;
    display: block;
    text-align: center;
    line-height: 7px;
}

.EventItem .EventDivider {
    width: 2px;
    height: 74px;
    background-position: -1132px -1028px;
    position: absolute;
    top: 5px;
    right: 0
}

.EventItem a:hover .TeamName,
.EventItem a:hover .LeagueName,
.EventItem a:hover .vs {
    color: #fadf30
}

.EventItemLast .EventDivider {
    display: none
}

.Copyright {
    color: #a8b8d9;
    font: 700 9px Tahoma, sans-serif;
    height: 30px;
    padding-top: 20px;
    text-align: center;
    width: 100%
}

.Footer {
    background-position: -71px -1130px;
    width: 996px;
    position: relative;
    padding: 38px 0 10px 0;
    color: #fff;
    text-align: center;
    height: auto
}

.FooterLeft {
    background-position: 0 -1133px;
    height: 50px;
    left: -70px;
    position: absolute;
    top: 3px;
    width: 70px
}

.FooterRight {
    background-position: -1068px -1133px;
    height: 50px;
    right: -70px;
    position: absolute;
    top: 3px;
    width: 70px
}

.FooterLinks {
    width: 998px;
    margin: 0 auto;
    height: 30px
}

.FooterLinks li {
    display: inline
}

.FooterLinks a {
    color: #fff;
    padding: 0 7px
}

.FooterLinks-ru-ru a {
    color: #fff;
    padding: 0 4px;
    font-size: 10px
}

.FooterLinks a:hover {
    color: #FC0
}

.LFlinks {
    width: 100%;
    *padding-left: 0
}

.FLinksC {
    width: 100%;
    float: left;
    background-color: #142053;
    padding: 10px 0;
    border: 2px solid #3f518c
}

.FLinksLH {
    width: 187px;
    float: left;
    margin: 0 0 1px 10px;
    display: inline;
    text-align: left
}

.FLinksLHB {
    width: 187px;
    float: left;
    margin: 0 0 1px 10px;
    display: inline;
    text-align: left;
    padding-top: 20px
}

.FLinksLH li,
.FLinksLHB li {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -600px -810px;
    padding: 0 5px 0 15px;
    color: #d7d7d7
}

.FLinksLast li,
.FLinksLastB li {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -600px -810px;
    padding-left: 15px;
    color: #d7d7d7
}

.FLinksLH li a,
.FLinksLHB li a {
    color: #d7d7d7;
    text-decoration: none;
    line-height: 14px
}

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

.FLinksLast {
    width: 180px;
    float: left;
    margin: 0 0 1px 10px;
    display: inline;
    text-align: left
}

.FLinksLastB {
    width: 180px;
    float: left;
    margin: 20px 0 1px 10px;
    display: inline;
    text-align: left
}

.FLinksLast li a,
.FLinksLastB li a {
    color: #d7d7d7;
    text-decoration: none;
    line-height: 13px
}

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

.FLinksLHead {
    font: 700 11px/16px Trebuchet MS;
    color: #d3e0ff;
    padding-left: 20px;
    margin-bottom: 5px;
    min-height: 18px
}

.FSportIcon {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -4px -782px
}

.FCasinoIcon {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -4px -815px
}

.FRaceIcon {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -4px -850px
}

.FMobileIcon {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -199px -783px
}

.FAboutIcon {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -201px -816px
}

.FHelpIcon {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -201px -848px
}

.FRulesIcon {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -402px -783px
}

.FLeaguesIcon {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -402px -815px
}

.FLearnIcon {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -402px -849px
}

.FNewsIcon {
    background: url(../../img-1-3.cdnnetworks.net/images/landing1b72.png?141112) no-repeat -596px -783px
}

.Hide {
    display: none;
    padding: 5px
}

.VSpace {
    padding: 5px
}

.Desc {
    color: #a8b8d9;
    font: 10px Tahoma, sans-serif;
    margin: 10px auto;
    padding-top: 5px;
    text-align: center;
    width: 900px
}

.Desc a {
    color: #fff;
    text-decoration: none
}

.Desc a:hover {
    text-decoration: underline
}

.games-count-wrap {
    position: relative
}

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

.games-count-left,
.games-count-body,
.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;
    text-align: center;
    position: relative
}

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

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

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

.one-px-bg {
    background-image: url(../../img-1-3.cdnnetworks.net/images/one-px-bg1694.png?20130821)
}

.tab-bg {
    background-image: url(../../img-1-3.cdnnetworks.net/images/header-tab-bg5ef7.png?20130925)
}

.hide {
    display: none !important
}

.common-header-bg {
    background-image: url(../img/common-header.png)
}

.common-header-bg2 {
    background-image: url(../../img-1-3.cdnnetworks.net/images/common-header2.png)
}

.blue-bar {
    height: 30px;
    width: 100%;
    background-position: 0 0;
    color: #e4e4e4;
    top: 0;
    z-index: 101;
    text-align: center;
    left: 0;
    border-bottom: 1px solid #8fa8db
}

.blue-bar-inner {
    margin: auto;
    text-align: left;
    width: 992px
}

.account {
    height: 31px;
    width: 992px
}

.account-link {
    float: left;
    margin-left: 5px;
    color: #fff;
    list-style: none outside none;
    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
}

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

.account-right {
    float: right;
    list-style: none outside none;
    margin-right: 10px;
    margin-top: 3px
}

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

.user-greeting {
    text-decoration: none;
    color: #fff
}

.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(../img/common-header.png);
    background-position: -5px -293px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 12px;
    height: 12px;
    *vertical-align: middle;
    font-size: 0;
    line-height: 10px;
    position: absolute;
    top: 1px;
    right: 2px
}

.balance-refresh-rotate {
    margin-left: 1px;
    background-image: url(../../img-1-3.cdnnetworks.net/images/balance-refresh-rotate80d3.gif?131217);
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 12px;
    height: 12px;
    *vertical-align: middle;
    position: absolute;
    top: 1px;
    right: 2px
}

.balance-hide {
    margin-top: 0;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 19px;
    height: 18px;
    background-position: -1px -307px;
    background-color: #5f89c4
}

.balance-show {
    float: left;
    margin-top: 0;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 19px;
    height: 18px;
    background-position: -1px -334px;
    background-color: #5f89c4
}

.bet-credit-container {
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-weight: 700;
    cursor: pointer;
    height: 16px;
    padding: 0 18px 0 5px;
    border: 1px solid #5f89c4;
    font: 100 11px/16px Arial;
    position: relative;
    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 {
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative
}

.announcement a {
    float: left
}

.announcement-count {
    float: left;
    display: inline-block !important;
    zoom: 1;
    *display: inline !important;
    height: 16px;
    line-height: 15px;
    color: #b64531;
    font-weight: bold;
    margin-top: 0;
    margin-left: 2px
}

.announcement-count-left {
    float: left;
    display: inline-block !important;
    zoom: 1;
    *display: inline !important;
    background-position: 0 -530px;
    width: 3px;
    height: 15px;
    background-repeat: no-repeat
}

.announcement-count-body {
    float: left;
    display: inline-block !important;
    zoom: 1;
    *display: inline !important;
    padding-left: 2px;
    padding-right: 2px;
    background-position: 0 -595px;
    height: 16px;
    background-repeat: repeat-x
}

.announcement-count-right {
    float: left;
    display: inline-block !important;
    zoom: 1;
    *display: inline !important;
    float: left;
    background-position: right -530px;
    width: 3px;
    height: 15px;
    background-repeat: no-repeat
}

.announcement a:hover span {
    color: #fff
}

.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;
    color: #9bb8da;
    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
}

div.announcement-see-all a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    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;
    background-position: 0 -382px
}

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

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

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

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

.payment-options {
    background-image: url(../img/common-pm-icon.png);
    background-repeat: no-repeat;
    height: 22px;
    width: auto;
    line-height: 23px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-top: -1px;
    padding-left: 26px
}

.promotions-img {
    background-image: url(../img/common-promo-icon.png);
    background-repeat: no-repeat;
    height: 22px;
    width: auto;
    line-height: 23px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-top: -1px;
    padding-left: 26px
}

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

.blue-bar-bsi .blue-bar-inner {
    background-image: url(../img/common-header.png);
    background-position: 0 -456px;
    height: 40px;
    width: 987px
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {

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

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

.blue-bar-bsi .account {
    position: relative
}

.blue-bar-bsi .join-now {
    top: 8px
}

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

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

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

.common-header-bg-bvb {
    background-image: url(../../img-1-3.cdnnetworks.net/images/common-header-bvb2d86.png?20180801)
}

.common-header-shadow {
    background-image: url(../../img-1-3.cdnnetworks.net/images/common-header-shadow-asi1694.png?20130821)
}

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

.header-inner {
    width: 975px;
    height: 96px;
    margin-left: 10px;
    background-position: 0 -30px
}

.logo {
    font-size: 34px;
    line-height: 75px;
    font-weight: 700;
    color: #233b7a;
    text-decoration: none;
    background-image: url(../../img-1-3.cdnnetworks.net/images/logo2d86.png?20180801);
    background-repeat: no-repeat;
    width: 200px;
    height: 68px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.logo-cover {
    width: 200px;
    height: 68px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.logo-cn,
.logo-zh-cn {
    background-image: url(../../img-1-3.cdnnetworks.net/images/logo-cn.png)
}

.logo-xmas-tree {
    width: 975px;
    background-image: url(../../img-1-3.cdnnetworks.net/images/logo-xmas-treef8d6.png?20130725)
}

.logo-xmas {
    width: 200px;
    background-image: url(../../img-1-3.cdnnetworks.net/images/logo-xmasf8d6.png?20130725)
}

.product-list {
    height: 75px;
    width: 100%;
    position: relative
}

.product-list ul {
    width: 780px;
    line-height: 44px;
    float: right;
    position: absolute;
    right: 0;
    height: 44px;
    top: 25px
}

.header--partnership-bvb .product-list ul {
    width: 670px
}

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

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

.product-tab-left {
    width: 9px
}

.product-tab-body {
    padding: 0 10px;
    color: #283e87;
    font-family: Trebuchet MS;
    position: relative;
    cursor: pointer
}

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

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

.product-tab-right {
    width: 9px
}

.selected .product-tab-left {
    width: 9px;
    background-position: 0 -173px;
    background-image: url(../img/common-header.png)
}

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

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

.selected .product-tab-right {
    width: 9px;
    background-position: -10px -173px;
    background-image: url(../img/common-header.png)
}

.selected-arrow {
    width: 9px;
    height: 7px;
    background-position: -7px -282px;
    position: absolute;
    margin: auto;
    left: 50%;
    margin-left: -4px;
    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;
    *display: inline
}

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

.region-selector {
    cursor: default !important;
    border-top: 1px solid #e2e2e2;
    background-color: #ededed
}

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

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

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

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

.language-selector {
    width: 300px;
    cursor: default !important;
    text-decoration: none;
    border-top: 3px double #cacaca !important;
    background-color: #ededed;
    border-bottom: 1px solid #cacaca
}

.language-selector:hover {
    border-top: 3px double #cacaca !important
}

.lang-selection {
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: left;
    font-weight: bold;
    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;
    *display: inline;
    width: 20px;
    height: 20px;
    background-image: url(../img/global-setting-icon.png);
    background-position: -5px -690px;
    margin: 0 3px 0 6px
}

.lang-divider {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 17px;
    height: 15px;
    background-image: url(../img/global-setting-icon.png);
    background-position: -28px -652px;
    margin-left: 3px;
    margin-top: 1px
}

.lang-drop-down:hover .lang-divider {
    background-image: url(../img/global-setting-icon.png);
    background-repeat: no-repeat;
    background-position: right -627px
}

.lang-drop-down:hover span {
    color: #00175f
}

.lang-drop-down:hover .lang-img {
    background-image: url(../img/global-setting-icon.png);
    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;
    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')
}

.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-image: url(../img/global-setting-icon.png);
    background-position: -22px -1047px;
    background-repeat: no-repeat;
    display: block;
    cursor: default !important
}

.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;
    background-repeat: no-repeat;
    cursor: pointer;
    line-height: 10px
}

.forgot-pwd {
    background-position: -2px -604px
}

.forgot-pwd a{
    color: #223978;
    }

    .forgot-pwd a:hover{
        text-decoration: none;
    }

.live-chat {
    background-position: -2px -220px
}

.help {
    background-position: -2px -241px
}

.result {
    background-position: -2px -262px
}

.result:hover,
.forgot-pwd:hover,
.help:hover,
.live-chat:hover {
    color: #4871d3
}

.header-bottom-link {
    position: relative;
    z-index: 1
}

.header-bottom-right {
    width: 600px;
    height: 23px;
    position: absolute;
    right: 0;
    top: -2px;
    *top: -6px
}

.header-bottom-right a {
    float: right;
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 23px;
    width: 43px;
    background-image: url(../img/global-setting-icon.png);
    cursor: pointer;
    background-repeat: no-repeat;
    position: relative;
    text-decoration: none
}

.header-bottom-right a:hover .global-setting-dropdown {
    display: block;
    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')
}

.header-bottom-right a.select-10pm {
    width: auto !important;
    padding-right: 20px;
    padding-left: 10px
}

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

.global-setting-dropdown li span {
    vertical-align: bottom;
    text-decoration: none
}

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

li span.odds-type-1,
li span.odds-type-2,
li span.odds-type-4,
li span.odds-display-1,
li span.odds-display-2,
li span.sort-1,
li span.sort-2,
li span.market-type-1,
li span.market-type-2 {
    background-image: url(../img/global-setting-icon.png);
    width: 20px;
    height: 16px;
    margin: 0;
    margin-left: -5px;
    display: inline-block
}

li span.odds-type-1,
li span.odds-type-1:hover {
    background-position: -10px -74px;
    *background-position: -10px -77px
}

li span.odds-type-2,
li span.odds-type-2:hover {
    background-position: -10px -312px;
    *background-position: -10px -315px
}

li span.odds-type-4,
li span.odds-type-4:hover {
    background-position: -10px -353px;
    *background-position: -10px -356px
}

li span.odds-display-1,
li span.odds-display-1:hover {
    background-position: -10px -95px;
    *background-position: -10px -97px
}

li span.odds-display-2,
li span.odds-display-2:hover {
    background-position: -10px -424px;
    *background-position: -10px -426px
}

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
}

li span.market-type-2,
li span.market-type-2:hover {
    background-position: -10px -137px;
    *background-position: -10px -139px
}

li span.market-type-1,
li span.market-type-1:hover {
    background-position: -10px -521px;
    *background-position: -10px -523px
}

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

.header-bottom-right a.global-icon-off:hover ul {
    display: none
}

.page-toolbar-icon a.global-icon-off:hover ul {
    display: none
}

.page-toolbar-icon a.global-icon-off:hover {
    background-color: transparent
}

.global-icon-off {
    cursor: default !important
}

.mobile {
    background-position: -2px -539px;
    background-repeat: no-repeat;
    padding-left: 23px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: inline-block
}

.account-left {
    float: left;
    list-style: none outside none;
    margin-left: 10px;
    margin-top: 3px
}

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

.wc-tab {
    width: 84px;
    height: 44px;
    background: url(../../img-1-3.cdnnetworks.net/images/wc-tabd947.png?20140521) -1px 0 no-repeat;
    text-decoration: none
}

.wc-tab:hover {
    background: url(../../img-1-3.cdnnetworks.net/images/wc-tabd947.png?20140521) -1px -48px no-repeat
}

.wc-tab-zh-cn {
    width: 84px;
    height: 44px;
    background: url(../../img-1-3.cdnnetworks.net/images/wc-tab-zh-cnd947.png?20140521) -1px 0 no-repeat;
    text-decoration: none
}

.wc-tab-zh-cn:hover {
    background: url(../../img-1-3.cdnnetworks.net/images/wc-tab-zh-cnd947.png?20140521) -1px -48px no-repeat
}

.SportsImgWc2014 {
    background: url(../../img-1-3.cdnnetworks.net/images/wc-tab-left783a.png?20140409) 3px 5px no-repeat;
    width: 22px;
    height: 22px;
    float: left
}

#countdownDiv {
    position: relative;
    left: 5px;
    padding: initial;
    margin: initial;
    border: 1px solid #334182;
    top: 6px;
    width: 339px;
    visibility: hidden;
    height: 238px
}

@keyframes rotate {
    0% {
        background-position: 0 -9600px
    }

    100% {
        background-position: 0 0
    }
}

@-webkit-keyframes rotate {
    0% {
        background-position: 0 -9600px
    }

    100% {
        background-position: 0 0
    }
}

@-moz-keyframes rotate {
    0% {
        background-position: 0 -9600px
    }

    100% {
        background-position: 0 0
    }
}

.cssAnimation {
    animation: rotate 20s linear infinite;
    -webkit-animation: rotate 20s linear infinite;
    -moz-animation: rotate 20s linear infinite
}

#leftArrowDiv {
    width: 20px;
    height: 20px;
    position: relative;
    top: 50%
}

#rightArrowDiv {
    width: 20px;
    height: 20px;
    position: relative;
    top: 40%;
    left: 95%
}

#timerDiv {
    width: 339px;
    height: 75px;
    background-image: url("../../img-1-3.cdnnetworks.net/images/counter/bg_topfcbd.png?20140416")
}

#dayFirstDigitBackDiv,
#dayLastDigitBackDiv,
#hourFirstDigitBackDiv,
#hourLastDigitBackDiv,
#minFirstDigitBackDiv,
#minLastDigitBackDiv,
#secFirstDigitBackDiv,
#secLastDigitBackDiv {
    background-image: url("../../img-1-3.cdnnetworks.net/images/counter/jcountdown_slide_black.png");
    width: 40px;
    height: 48px;
    background-position: -82px -1px;
    overflow: hidden;
    float: left
}

#backHourDiv,
#backMinDiv,
#backSecDiv {
    float: left;
    margin-left: 6px
}

#dayFirstDigitFrontDiv,
#dayLastDigitFrontDiv,
#hourFirstDigitFrontDiv,
#hourLastDigitFrontDiv,
#minFirstDigitFrontDiv,
#minLastDigitFrontDiv,
#secFirstDigitFrontDiv,
#secLastDigitFrontDiv {
    background-image: url("../../img-1-3.cdnnetworks.net/images/counter/jcountdown_slide_black.png");
    width: 40px;
    height: 48px;
    background-size: 450% 1000%;
    background-position: 0 -432px;
    float: left;
    position: relative
}

#hourFirstDigitFrontDiv,
#hourLastDigitFrontDiv,
#minFirstDigitFrontDiv,
#minLastDigitFrontDiv,
#secFirstDigitFrontDiv,
#secLastDigitFrontDiv {
    *left: 4px
}

#frontDayDiv {
    clear: left
}

div#frontHourDiv,
div#frontMinDiv,
div#frontSecDiv {
    float: left;
    margin-left: 6px
}

#frontDiv {
    position: relative;
    left: 3px;
    top: -48px
}

#indicatorDiv {
    height: 24px;
    width: 245px;
    margin: 0 auto
}

#textIndicatorDiv {
    height: 15px
}

#teamIndicatorDiv {
    position: relative;
    left: 110px;
    top: -31px;
    top: -43px\9
}

#hometeamIndicatorDiv {
    position: relative;
    left: -16px;
    top: -10px;
    *top: -12px;
    width: 16px;
    height: 11px
}

#awayteamIndicatorDiv {
    display: inline-block;
    position: relative;
    left: 24px;
    top: -21px;
    *top: -23px;
    width: 16px;
    height: 11px
}

#hometeamIndicator1Div {
    position: relative;
    top: -6px;
    top: -9px\9;
    left: -12px;
    width: 16px;
    height: 11px
}

#hometeamIndicator2Div {
    position: relative;
    top: -4px;
    top: -9px\9;
    left: -12px;
    width: 16px;
    height: 11px
}

#awayteamIndicator1Div {
    position: relative;
    top: -17px;
    top: -20px\9;
    left: 19px;
    width: 16px;
    height: 11px
}

#awayteamIndicator2Div {
    position: relative;
    top: -15px;
    top: -21px\9;
    *top: -20px;
    left: 20px;
    width: 16px;
    height: 11px
}

#slideDiv {
    border: 1px solid #334182;
    border-top: 0;
    position: relative;
    top: -21px;
    *top: 0;
    left: -1px\9;
    overflow: hidden;
    height: 163px;
    width: 339px
}

#slideBackDiv {
    width: 339px;
    height: 163px;
    background-size: 100% 100%
}

#indicatorDiv .vs {
    display: inline-block;
    color: #e1e4ff;
    font: 700 12px Arial, Helvetica, sans-serif;
    margin-left: 10px
}

#teamIndicatorDiv1 {
    position: relative;
    left: 74px;
    top: -34px;
    top: -70px\9;
    *top: -77px;
    z-index: 1
}

#teamIndicatorDiv1 .vs {
    margin-top: 0;
    line-height: 0;
    *line-height: 10px
}

#teamIndicatorDiv2 .vs {
    margin-top: 12px;
    *margin-top: 6px;
    line-height: 0;
    *line-height: 10px
}

#teamIndicatorDiv2 {
    border-left: 1px solid #333383;
    padding-left: 25px;
    position: relative;
    left: 122px;
    top: -70px;
    top: -108px\9;
    *top: -115px;
    height: 24px;
    z-index: 1
}

@media \0screen {
    #teamIndicatorDiv1 {
        top: -71px
    }

    #teamIndicatorDiv2 {
        top: -107px
    }

    #hometeamIndicator1Div {
        top: -6px
    }

    #hometeamIndicator2Div {
        top: -4px
    }

    #awayteamIndicator1Div {
        top: -17px
    }

    #awayteamIndicator2Div {
        top: -15px
    }
}

@-moz-document url-prefix() {
    #indicatorDiv .vs {
        display: inline-block;
        color: #e1e4ff;
        font: 700 12px Arial, Helvetica, sans-serif;
        margin-left: 10px;
        margin-top: -10px;
        line-height: 10px
    }

    #teamIndicatorDiv {
        top: -31px
    }

    #teamIndicatorDiv1 {
        top: -55px
    }

    #teamIndicatorDiv2 {
        top: -142px;
        height: 24px;
        margin-top: 50px
    }

    #hometeamIndicatorDiv {
        margin-top: 1px
    }

    #awayteamIndicatorDiv {
        margin-top: 0
    }

    #hometeamIndicator1Div {
        top: -8px
    }

    #awayteamIndicator1Div {
        top: -19px
    }

    #hometeamIndicator2Div {
        top: 7px
    }

    #awayteamIndicator2Div {
        top: -4px
    }

    #teamIndicatorDiv2 .vs {
        top: 16px;
        position: relative
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #teamIndicatorDiv {
        top: -44px
    }

    #teamIndicatorDiv1 {
        top: -81px
    }

    #teamIndicatorDiv2 {
        top: -165px;
        height: 24px;
        margin-top: 50px
    }

    #hometeamIndicatorDiv {
        margin-top: 4px
    }

    #hometeamIndicator1Div {
        top: -5px
    }

    #awayteamIndicator1Div {
        top: -16px
    }

    #hometeamIndicator2Div {
        top: -3px
    }

    #awayteamIndicator2Div {
        top: -14px
    }

    #indicatorDiv .vs {
        display: inline-block;
        color: #e1e4ff;
        font: 700 12px Arial, Helvetica, sans-serif;
        margin-left: 10px;
        margin-top: 10px;
        line-height: 0
    }

    #teamIndicatorDiv2 .vs {
        top: 2px;
        position: relative
    }

    #slideDiv {
        left: -1px
    }

    ::i-block-chrome,
    #teamIndicatorDiv .vs {
        margin-top: 0;
        line-height: 10px
    }

    ::i-block-chrome,
    #teamIndicatorDiv {
        top: -40px
    }

    ::i-block-chrome,
    #hometeamIndicatorDiv {
        margin-top: 0
    }

    ::i-block-chrome,
    #awayteamIndicatorDiv {
        margin-top: 0
    }

    ::i-block-chrome,
    #teamIndicatorDiv1 {
        top: -77px !important
    }

    ::i-block-chrome,
    #hometeamIndicator1Div {
        top: -4px
    }

    ::i-block-chrome,
    #awayteamIndicator1Div {
        top: -15px
    }

    ::i-block-chrome,
    #teamIndicatorDiv2 {
        top: -161px !important;
        height: 24px;
        margin-top: 50px
    }

    ::i-block-chrome,
    #hometeamIndicator2Div {
        top: -2px
    }

    ::i-block-chrome,
    #awayteamIndicator2Div {
        top: -13px
    }

    ::i-block-chrome,
    #teamIndicatorDiv2 .vs {
        top: 2px;
        position: relative
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #teamIndicatorDiv {
        top: -41px;
        height: 29px
    }

    #indicatorDiv .vs {
        height: 5px
    }

    #hometeamIndicator1Div {
        top: -6px
    }

    #teamIndicatorDiv1 {
        top: -40px !important
    }

    #teamIndicatorDiv2 {
        top: -124px !important;
        height: 24px;
        margin-top: 50px
    }

    #teamIndicatorDiv2 .vs {
        margin-top: 11px;
        position: relative
    }

    #teamIndicatorDiv1 .vs {
        top: 4px;
        position: relative
    }

    #awayteamIndicator1Div {
        top: -17px
    }

    #hometeamIndicator2Div {
        top: -10px
    }

    #awayteamIndicator2Div {
        top: -21px
    }

    #slideDiv {
        left: -1px
    }
}

#countdownDiv #endImg {
    position: absolute;
    width: 340px;
    height: 240px;
    background-image: url("../../img-1-3.cdnnetworks.net/images/counter/end.jpg");
    visibility: hidden
}

#soccerDiv {
    width: 339px;
    height: 48px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: -15px
}

#soccerDiv img#scream {
    position: absolute;
    top: 4px;
    width: 40px;
    height: 40px;
    left: -5px
}

#canvas {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes slidebackward {
    0% {
        left: 0
    }

    33% {
        left: 300px
    }

    35% {
        visibility: hidden;
        left: 300px
    }

    67% {
        visibility: hidden;
        left: -300px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes slidebackward {
    0% {
        left: 0
    }

    33% {
        left: 300px
    }

    35% {
        visibility: hidden;
        left: 300px
    }

    67% {
        visibility: hidden;
        left: -300px
    }

    100% {
        left: 0
    }
}

@keyframes slideforward {
    0% {
        left: 0
    }

    33% {
        left: -300px
    }

    35% {
        visibility: hidden;
        left: -300px
    }

    67% {
        visibility: hidden;
        left: 300px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes slideforward {
    0% {
        left: 0
    }

    33% {
        left: -300px
    }

    35% {
        visibility: hidden;
        left: -300px
    }

    67% {
        visibility: hidden;
        left: 300px
    }

    100% {
        left: 0
    }
}

#matchNamePara,
#matchTimeDiv,
#homenameP,
#awaynameP {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff
}

.bgEn {
    background-image: url("../../img-1-3.cdnnetworks.net/images/counter/bgfcbd.png?20140416")
}

.bgCh {
    background-image: url("../../img-1-3.cdnnetworks.net/images/counter/bg-zh-cnfcbd.png?20140416")
}

#slideFrontDiv {
    width: 275px;
    height: 163px;
    position: relative
}

#homeDiv {
    position: relative;
    left: 22px;
    top: 18px
}

#awayDiv {
    position: relative;
    left: 175px;
    top: -66px
}

#matchNameDiv {
    width: 280px;
    height: 30px;
    font-size: 16px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -125px;
    left: 3px
}

#matchTimeDiv {
    width: 283px;
    height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -88px;
    font-size: 14px
}

#matchDetailDiv {
    position: relative;
    left: -5px;
    top: -13%;
    width: 280px
}

#countdownDiv p {
    position: relative;
    top: -4px;
    color: white;
    font-weight: bold;
    text-align: center
}

#matchNamePara,
#matchTimePara {
    top: -75px
}

#matchNamePara {
    text-shadow: 1px 1px #000
}

#matchTimePara {
    background: url(../../img-1-3.cdnnetworks.net/images/counter/bg_matchtime.png) no-repeat;
    width: 245px;
    height: 22px;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 20px
}

#homenameDiv {
    width: 140px;
    height: 15px;
    position: relative;
    top: -64px;
    left: -10px
}

#awaynameDiv {
    width: 140px;
    height: 15px;
    position: relative;
    top: -79px;
    left: 143px
}

#homenameP,
#awaynameP {
    font-size: 14px;
    color: white;
    text-shadow: 1px 1px #000;
    position: relative;
    top: -63px
}

#awaynameP {
    top: -21px
}

#leftArrowDiv {
    width: 30px;
    height: 163px;
    position: relative;
    top: 0;
    opacity: .5
}

div#rightArrowDiv {
    width: 30px;
    height: 163px;
    position: relative;
    top: -163px;
    left: 308px;
    opacity: .5
}

#countdownDiv img {
    position: relative;
    top: 80px;
    visibility: hidden;
    border: 0;
    margin: 0
}

#slideFrontMaskDiv {
    width: 276px;
    height: 163px;
    position: relative;
    top: -176px;
    left: 9%;
    overflow: hidden
}

.alg,
.arg,
.aus,
.bel,
.bih,
.bra,
.chi,
.civ,
.cmr,
.col,
.crc,
.cro,
.ecu,
.eng,
.esp,
.fra,
.ger,
.gha,
.gre,
.hon,
.irn,
.ita,
.jpn,
.kor,
.mex,
.ned,
.nga,
.por,
.rus,
.sui,
.uru,
.usa {
    background: url(../../img-1-3.cdnnetworks.net/images/counter/flags/flags-sprite.png) no-repeat;
    width: 76px;
    height: 84px
}

.alg {
    background-position: 0 0
}

.arg {
    background-position: 0 -104px
}

.aus {
    background-position: 0 -208px
}

.bel {
    background-position: 0 -312px
}

.bih {
    background-position: 0 -416px
}

.bra {
    background-position: 0 -520px
}

.chi {
    background-position: 0 -624px
}

.civ {
    background-position: 0 -728px
}

.cmr {
    background-position: 0 -832px
}

.col {
    background-position: 0 -936px
}

.crc {
    background-position: 0 -1040px
}

.cro {
    background-position: 0 -1144px
}

.ecu {
    background-position: 0 -1248px
}

.eng {
    background-position: 0 -1352px
}

.esp {
    background-position: 0 -1456px
}

.fra {
    background-position: 0 -1560px
}

.ger {
    background-position: 0 -1664px
}

.gha {
    background-position: 0 -1768px
}

.gre {
    background-position: 0 -1872px
}

.hon {
    background-position: 0 -1976px
}

.irn {
    background-position: 0 -2080px
}

.ita {
    background-position: 0 -2184px
}

.jpn {
    background-position: 0 -2288px
}

.kor {
    background-position: 0 -2392px
}

.mex {
    background-position: 0 -2496px
}

.ned {
    background-position: 0 -2600px
}

.nga {
    background-position: 0 -2704px
}

.por {
    background-position: 0 -2808px
}

.rus {
    background-position: 0 -2912px
}

.sui {
    background-position: 0 -3016px
}

.uru {
    background-position: 0 -3120px
}

.usa {
    background-position: 0 -3224px
}

.alt {
    background: url(../../img-1-3.cdnnetworks.net/images/counter/brazuca.png) no-repeat;
    width: 76px;
    height: 84px
}

.alg_sm,
.arg_sm,
.aus_sm,
.bel_sm,
.bih_sm,
.bra_sm,
.chi_sm,
.civ_sm,
.cmr_sm,
.col_sm,
.crc_sm,
.cro_sm,
.ecu_sm,
.eng_sm,
.esp_sm,
.fra_sm,
.ger_sm,
.gha_sm,
.gre_sm,
.hon_sm,
.irn_sm,
.ita_sm,
.jpn_sm,
.kor_sm,
.mex_sm,
.ned_sm,
.nga_sm,
.por_sm,
.rus_sm,
.sui_sm,
.uru_sm,
.usa_sm {
    background: url(../../img-1-3.cdnnetworks.net/images/counter/flags/flags-sm-sprite.png) no-repeat;
    width: 16px;
    height: 11px
}

.cmr_sm {
    background-position: 0 0
}

.col_sm {
    background-position: 0 -21px
}

.crc_sm {
    background-position: 0 -42px
}

.cro_sm {
    background-position: 0 -63px
}

.ecu_sm {
    background-position: 0 -84px
}

.eng_sm {
    background-position: 0 -105px
}

.esp_sm {
    background-position: 0 -126px
}

.fra_sm {
    background-position: 0 -147px
}

.ger_sm {
    background-position: 0 -168px
}

.gha_sm {
    background-position: 0 -189px
}

.gre_sm {
    background-position: 0 -210px
}

.hon_sm {
    background-position: 0 -231px
}

.irn_sm {
    background-position: 0 -252px
}

.ita_sm {
    background-position: 0 -273px
}

.jpn_sm {
    background-position: 0 -294px
}

.kor_sm {
    background-position: 0 -315px
}

.mex_sm {
    background-position: 0 -336px
}

.nga_sm {
    background-position: 0 -357px
}

.ned_sm {
    background-position: 0 -378px
}

.por_sm {
    background-position: 0 -399px
}

.rus_sm {
    background-position: 0 -420px
}

.sui_sm {
    background-position: 0 -441px
}

.uru_sm {
    background-position: 0 -462px
}

.usa_sm {
    background-position: 0 -483px
}

.alg_sm {
    background-position: 0 -504px
}

.arg_sm {
    background-position: 0 -525px
}

.aus_sm {
    background-position: 0 -546px
}

.bel_sm {
    background-position: 0 -567px
}

.bih_sm {
    background-position: 0 -588px
}

.bra_sm {
    background-position: 0 -609px
}

.chi_sm {
    background-position: 0 -630px
}

.civ_sm {
    background-position: 0 -651px
}

.alt_sm {
    background: url(../img/alt_sm.png) no-repeat;
    width: 16px;
    height: 11px
}

#leftArrowImg {
    width: 30px;
    height: 25px
}

#rightArrowImg {
    width: 30px;
    height: 25px
}

.wc-banner {
    padding-left: 10px;
    cursor: pointer
}

.sg-bill {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 9998
}

.sg-bill div {
    width: 800px;
    height: 438px;
    margin: 10% auto;
    z-index: 999999;
    position: relative
}

.lucky9 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 9998
}

.lucky9 div {
    width: 800px;
    height: 438px;
    margin: 10% auto;
    z-index: 999999;
    position: relative
}

.lucky9-noshow {
    width: auto;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    height: 20px;
    display: block;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer
}

.chinese-new-year {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 9998
}

.chinese-new-year div {
    width: 640px;
    height: 350px;
    margin: 10% auto;
    z-index: 999999;
    position: relative
}

.deposit-funds {
    line-height: 20px;
    color: #f1d04c;
    font-weight: bold;
    text-decoration: underline;
    display: inline-block;
    top: 8px
}

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

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

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

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

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

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

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

.Partnerlinks.cgy {
    text-align: center;
    padding-bottom: 15px;
    height: 60px;
    position: relative;
    margin: 0 auto
}

.Partnerlinks.cgy .cgy-ico {
    width: 25px
}

.Partnerlinks {
    text-align: center;
    padding-bottom: 15px;
    height: 60px;
    position: relative;
    margin: 0 auto
}

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

.Payment{
    position: relative;
    top:-20px;
}

.Partners {
    left: 385px;
    top: 10px
}

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

.footer-separator {
    background: url(../img/separator.png) no-repeat 0 0;
    width: 11px;
    height: 57px;
    display: inline-block
}

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

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

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

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

.Moneybookers {
    width: 31px
}

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

.Entropay {
    background: url(../img/Entropay.png) no-repeat 0 0;
    width: 22px
}

.Netbanx {
    width: 65px
}

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

.GT,
.Gamcare,
.Above18,
.Verisign,
.RGA,
.IOM,
.cgy-ico,
.pagcor-ico,
.EGR {
    width: 29px;
    height: 46px;
    float: left
}

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

.SFC {
    width: 37px
}

.GT {
    background: url(../../img-1-3.cdnnetworks.net/images/GT.png) no-repeat 0 0;
    width: 36px
}

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

.Gamcare {
    background: url(../../img-1-3.cdnnetworks.net/images/Gamcare.png) no-repeat 0 0;
    width: 32px
}

.Above18 {
    background: url(../../img-1-3.cdnnetworks.net/images/Above18.png) no-repeat 0 0;
    width: 29px;
    height: 42px
}

.Verisign {
    background: url(../../img-1-3.cdnnetworks.net/images/Verisign.png) no-repeat 0 0;
    width: 62px
}

.RGA {
    background: url(../../img-1-3.cdnnetworks.net/images/RGA.png) no-repeat 0 0;
    width: 71px;
    height: 42px
}

.EGR {
    background: url(../../img-1-3.cdnnetworks.net/images/EGR.png) no-repeat 0 0;
    width: 61px;
    height: 60px
}

.ByMoneybookers {
    margin: 0 0 0 7px
}

.IOM {
    background: url(../../img-1-3.cdnnetworks.net/images/IOM-landing.png) no-repeat 0 0;
    width: 45px
}

.cgy .Partnerlinks {
    text-align: center;
    padding-bottom: 15px;
    height: 60px;
    position: relative;
    margin: 0 auto
}

.cgy-ico {
    background: url(../../img-1-3.cdnnetworks.net/images/cgy.png) no-repeat 0 0;
    width: 25px
}

.pagcor-ico {
    background: url(../../img-1-3.cdnnetworks.net/images/pagcor.png) no-repeat 0 3px;
    width: 29px
}

.iomf .Partnerlinks {
    background: url(../../img-1-3.cdnnetworks.net/images/asi-iom-homec1c9.png?160727b) no-repeat 0 0;
    text-align: center;
    padding: 15px 0 0 0;
    height: 60px;
    position: relative
}

.iomf .Partnerlinks .Misc {
    left: 216px
}

.iomf .EGR {
    left: 304px
}

.iomf .Socialmedia {
    left: 631px
}

.deposit-now-wrp {
    height: 100px;
    width: 100%;
    text-align: center;
    font-size: 18px !important;
    line-height: 100px;
    z-index: 999;
    bottom: 0;
    transition: height .5s cubic-bezier(0.26, 0.87, 0.74, 0.93);
    position: fixed;
    background: rgba(37, 43, 54, 0.85098);
    font-weight: bold
}

.deposit-now-ctr {
    color: #fff
}

.deposit-now-msg {
    color: #b2d1ff;
    padding-right: 16px
}

.deposit-now-btn {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    font-family: Arial;
    color: #4c3a0c;
    font-size: 18px;
    background: #ffc222;
    border-bottom: 3px solid #b68a13;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-weight: bold
}

.deposit-now-btn:hover {
    background: #fed15b;
    cursor: pointer
}

.deposit-now-wrp-50p {
    height: 50%;
    width: 100%;
    text-align: center;
    font-size: 18px !important;
    line-height: 100px;
    z-index: 999;
    bottom: 0;
    transition: height .5s cubic-bezier(0.26, 0.87, 0.74, 0.93);
    position: fixed;
    background: rgba(37, 43, 54, 0.85098);
    font-weight: bold
}

.deposit-now-hdr-50p {
    padding-top: 80px;
    font-size: 24px;
    line-height: 30px;
    width: 30%;
    margin: 0 auto;
    padding-bottom: 30px
}

.deposit-now-sub-50p {
    line-height: 30px
}

.deposit-now-wrp-100p {
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 18px !important;
    line-height: 25px;
    z-index: 999;
    transition: height .5s cubic-bezier(0.26, 0.87, 0.74, 0.93);
    position: fixed;
    background: rgba(37, 43, 54, 0.85098);
    font-weight: bold;
    display: table
}

.deposit-now-grp-100p {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.deposit-now-img-100p {
    width: 544px;
    height: 393px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-image: url(../../img-1-3.cdnnetworks.net/images/deposit-now-img.png)
}

.deposit-now-sub-100p {
    text-shadow: 1px 1px 5px #000;
    width: 55%;
    padding-left: 85px;
    padding-top: 40%
}

.deposit-now-ctr-100p {
    color: #fff
}

.deposit-now-msg-100p {
    text-shadow: 1px 1px 5px #000
}

.deposit-now-btn-100p {
    line-height: 80px;
    width: 55%;
    padding-left: 85px
}

.deposit-now-ftr {
    text-align: center;
    padding: 15px;
    font-size: 12px;
    background-color: #00153f;
    color: #fff;
    bottom: 0;
    position: fixed;
    width: 100%
}

.deposit-now-ftr ul {
    margin: 0 auto;
    display: inline-block;
    zoom: 1;
    *display: inline;
    overflow: hidden;
    line-height: 20px
}

.deposit-now-ftr ul li {
    float: left;
    padding: 0 10px;
    border-right: 1px solid #5170ae;
    border-left: 1px solid #94b0e8
}

.deposit-now-ftr ul li a {
    cursor: pointer;
    color: #fff;
    text-decoration: none
}

.deposit-now-ftr ul li a:hover {
    color: #fff;
    text-decoration: underline
}

.landing-promo-banner-en {
    background: url(../../img-1-3.cdnnetworks.net/images/landing-mobile-banner2b4a.gif?170110);
    width: 339px;
    height: 238px
}

.pay-opt-new {
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative
}

.pay-opt-new a {
    float: left
}

.pay-opt-new-count {
    display: inline-block;
    zoom: 1;
    *display: inline !important;
    height: 11px;
    line-height: 15px;
    color: #b64531;
    font-weight: bold;
    margin-top: -2px;
    margin-left: 2px
}

.pay-opt-new-count-left {
    float: left;
    display: inline-block !important;
    zoom: 1;
    *display: inline !important;
    background-position: 0 -530px;
    width: 3px;
    height: 15px;
    background-repeat: no-repeat
}

.pay-opt-new-count-body {
    float: left;
    display: inline-block !important;
    zoom: 1;
    *display: inline !important;
    padding-left: 2px;
    padding-right: 2px;
    background-position: 0 -595px;
    height: 16px;
    background-repeat: repeat-x
}

.pay-opt-new-count-right {
    float: left;
    display: inline-block !important;
    zoom: 1;
    *display: inline !important;
    float: left;
    background-position: right -530px;
    width: 3px;
    height: 15px;
    background-repeat: no-repeat
}

.FooterWrap {
    text-align: center
}

.BettingPartner {
    padding: 0 20px 30px 20px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    text-align: center;
    vertical-align: middle;
    height: 42px;
    display: inline-block
}

.BettingPartner span {
    font: 700 12px/12px Trebuchet MS, Arial, sans-serif;
    color: #a8b8d9;
    height: 42px;
    vertical-align: middle;
    display: inline-block
}

.BettingPartner .footer-separator {
    vertical-align: middle
}

.BettingPartner--DundalkFC a {
    background: url(../img/dundalkFC.png) no-repeat 0 0;
    display: inline-block;
    width: 35px;
    height: 42px;
    margin-left: 6px
}

.BettingPartner--BorussiaDortmund a {
    background: url(../img/logo-bvb-42x99.jpg) no-repeat 0 0;
    display: inline-block;
    width: 99px;
    height: 42px;
    margin-left: 6px
}

.product-partner-logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-left: 195px;
    margin-top: 13px;
    border-left: 1px solid #132351;
    padding-left: 6px;
    display: none
}

.header--partnership-bvb .product-partner-logo {
    display: block
}

.product-partner-logo-bvb {
    background-image: url(../img/logo-bvb-42x99.jpg);
    background-repeat: no-repeat;
    background-size: 99px 42px;
    width: 99px;
    height: 42px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.header--xyz .product-list ul li {
    font-size: 12px
}

.header--xyz .product-tab-body {
    padding: 0 4px
}

.header--xyz .selected .product-tab-body {
    padding: 0 6px
}

.header--xyz .selected .product-tab-right {
    width: 5px;
    background-position: -15px -173px
}

.header--xyz .product-tab-left,
.header--xyz .product-tab-right {
    width: 5px
}

.header--xyz .selected.Sports .product-tab-left {
    margin-left: 0;
    width: 5px
}

.header--xyz .product-list ul li.Homepage .product-tab-body a {
    background-image: url(../img/icon--home.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    display: block;
    font-size: 0;
    width: 17px;
    height: 44px;
    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%
}

.um-top {
    height: 60px;
    background: url(../img/um-hdr.png) no-repeat;
    margin: auto;
    color: #900;
    width: 987px
}

.um-top-msg {
    display: inline-block;
    padding-left: 80px;
    padding-top: 6px
}

.um-top-hdr {
    font-size: 14px;
    font-weight: bold
}

.um-top-timer {
    bottom: 0;
    display: inline-block;
    float: right;
    text-align: right;
    padding-right: 20px;
    padding-top: 16px
}

.um-top-txt {
    font-size: 12px
}

.um-top-counter {
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px
}

.um-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 9998
}

.um-container {
    background-image: url(../img/um-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 800px;
    height: 350px;
    margin: 10% auto;
    z-index: 999999;
    position: relative;
    -webkit-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.5)
}

.um-overlay {
    width: 50%;
    margin: 60px 0 0 50px;
    color: #fff
}

.um-hdr {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 16px;
    text-shadow: 1px 2px #344259;
    padding-top: 50px;
    line-height: 36px
}

.um-txt {
    font-size: 16px;
    color: #dbecfe;
    margin-bottom: 8px;
    line-height: 26px
}

.um-counter {
    font-size: 18px;
    font-weight: bold;
    color: #fff
}

.um-cta {
    margin-top: 2%;
    display: inline-block;
    border-radius: 6px;
    padding: 12px 16px;
    color: #5e0509;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    background: #d9b14e;
    background: -moz-linear-gradient(90deg, #f1d779 0, #d9b14e 97%);
    background: -webkit-linear-gradient(90deg, #f1d779 0, #d9b14e 97%);
    background: -ms-linear-gradient(90deg, #f1d779 0, #d9b14e 97%);
    -webkit-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.5)
}

.um-cta:hover {
    background: #f8e3a0;
    cursor: pointer
}


.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(../../Content/css/assets/slick/ajax-loader.html) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../../Content/css/assets/slick/fonts/slick.html);src:url(../../Content/css/assets/slick/fonts/slickd41d.html?#iefix) format('embedded-opentype'),url(../../Content/css/assets/slick/fonts/slick-2.html) format('woff'),url(../../Content/css/assets/slick/fonts/slick-3.html) format('truetype'),url(../../Content/css/assets/slick/fonts/slick-4.html#slick) format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:0 0}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:0 0}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:0 0}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}


                 .sliderBg {
        /*background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));*/
        height: 28px;
        position: absolute;
        bottom: 0;
        z-index: 10;
        width: 100%;
    }

    .promotionSlides {
        margin: 5px;
        width: 610px;
        height: 248px;
    }

    .bannerLink {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .tncContainer {
        background: rgb(0, 0, 0);
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 99%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 99%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 99%);
        position: absolute;
        height: 28px;
        width: 100%;
        bottom: 0;
    }

    .tncContainer a:hover {
        color: #f0cd33;
        text-decoration: none;
    }

    .tncTxt {
        color: #fff;
        font: 12px Arial;
        cursor: pointer;
        padding-right: 8px;
        display: inline-block;
        z-index: 10000;
        width: auto;
        text-align: right;
        text-decoration: none;
        position: absolute;
        bottom: 11px;
        right: 5px;
    }

    .progressBarContainer {
        position: absolute;
        bottom: 13px;
        width: 200px;
        left: 18px;
        z-index: 1;
    }

    .progressBarContainer div {
        display: block;
        width: 30%;
        padding: 0;
        cursor: pointer;
        margin-right: 5%;
        float: left;
        color: white;
    }

    .progressBarContainer div:last-child {
        margin-right: 0;
    }

    .progressBarContainer div span.progressBar {
        width: 100%;
        height: 7px;
        background-color: rgba(255, 255, 255, 0.4);
        display: block;
    }

    .progressBarContainer div span.progressBar .inProgress {
        background-color: rgba(255, 255, 255, 1);
        width: 0%;
        height: 7px;
    }
    /* Slider customisation */
    .slick-prev:before, .slick-next:before {
        font-size: 32px;
    }

    .slick-slide a:hover {
        color: #f0cd33;
        text-decoration: none;
    }

    .slick-prev:hover:before, .slick-next:hover:before {
        opacity: .25 !important;
    }

    .slick-dots {
        bottom: 2px;
        color: white;
        z-index: 1000;
        text-align: left;
    }

    .slick-list {
        height: 246px;
        width: 611px;
    }

    .slick-prev, .slick-next {
        height: 68px;
        width: 36px;
    }

    .slick-next {
        right: 10px !important;
        z-index: 1000;
        top: 125px !important;
    }

    .slick-prev {
        left: 10px !important;
        z-index: 1;
        top: 125px !important;
    }

    .slick-prev:before, .slick-next:before {
        border-radius: 20px;
        text-shadow: -2px 3px 2px rgba(0, 0, 0, 0.4);
    }

    .slick-prev:hover:before, .slick-next:hover:before {
        opacity: 1 !important;
    }

    .slick-prev:focus:before, .slick-next:focus:before {
        opacity: 0.75;
    }

    .EventHighlightsTime h4{
        font-size: 25px;
        line-height: 30px;
        text-align: center;
        padding-left: 40px;
        position: relative;
    }

    .EventHighlightsTime h4:before{
            width: 123px;
            height: 128px;
            display: block;
            position: absolute;
            content: '';
            background: url(../img/bank-home.png) no-repeat;
            left: -58px;
            top: -25px;
    }


ul.promo-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    color: #2b2c30;
    position: relative;
}

ul.promo-list li{
    padding: 5px !important;
    margin-bottom: 15px;
}

ul.promo-list a {
    display: block;
}
ul.promo-list a {
    display: block;
}


ul.promo-list li .promo-detail {
    padding: 15px;
    background: #fff;
    border-top: none;
    position: relative;
    font-size: 13px;
    text-align: left;
    display: none;
}

ul.promo-list li .promo-detail h3 {
    text-align: left;
}


ul.promo-list li .promo-detail h3 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    padding-top: 8px;
}

ul.promo-list li .promo-detail h4 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.MainWrapper .wrapper {
    background: #99b7f0;
    position: relative;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 2px 0px rgba(255,255,255,1);
    padding: 20px;
}

.MainWrapper .main {
    position: relative;
}

.MainWrapper .main h3 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    color: #00304e;
    padding-bottom: 10px;
}

.main .wrapper.product {
    text-align: center;
    color: #00304e;
    font-size: 16px;
    padding: 10px;
}

.main .wrapper.product>img{
    width:100%;
}

.MainWrapper  .teaser-content- {
    background: rgba(153,184,240,1);
    background: -moz-linear-gradient(left, rgba(153,184,240,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(153,184,240,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(153,184,240,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(153,184,240,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(153,184,240,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(153,184,240,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b8f0', endColorstr='#ffffff', GradientType=1 );
    height: 31px;
    position: absolute;
    left: 5px;
    top: 5px;
    padding-left: 10px;
    font-size: 18px;
    padding-top: 4px;
    color: #001753;
    font-weight: bold;
    z-index: 3;

    line-height: 31px;
}

.MainWrapper .teaser-content-:after {
    content: '';
    border-top: 34px solid #fff;
    border-right: 31px solid transparent;
    height: 34px;
    width: 31px;
    float: right;
    position: relative;
    top: -4px;
    right: -31px;
}

.main .detail {
    font-size: 14px;
    margin-top: 10px;
    color: #001753;
}

.nopadding {
    padding: 0 !important;
}


.reds {
    color: #2f8ae5 !important;
    font-weight: bold;
}

.main .sub-title {
    font-size: 18px;
    color: #fff;
    padding-top: 35px;
    letter-spacing: 0.5px;
    /* font-family: 'Exo 2'; */
    font-style: normal;
    font-weight: 400;
    color: #001753;
}

.main .asterisk {
    color: #001753;
    font-size: 12px;
}

.main .form.login {
    min-height: 80px;
}
.main .form {
    margin-top: 42px;
    position: relative;
    min-height: 326px;
    color: #001753;
}

.main .form-wrapper {
    position: relative;
    font-size: 12px;
    color: #001753;
}

.main .form .form-wrap {
    float: left;
    width: 420px;
    /*width:90%;*/
}

.main .form .form-wrap .field {
    clear: both;
    margin-bottom: 8px;
}

.main .form .form-wrap label {
    display: block;
    padding-top: 8px !important;
    color: #001753;
}


.col-md-8 {
    width: 66.66666666666666% !important;
}

.form-control {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 5px 7px;
    height: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    color: #001753;
    background: #fff;
    border: 1px solid #333;
    line-height: 15px;
    letter-spacing: 0.7px;
}

.main .form .loader {
    width: 100%;
    height: 326px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
.main .form .loader-login {
    width: 420px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.main .form .loader img {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -55px;
}
.main .form .loader-login img {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 10px;
    margin-top: -25px;
}

.pull-right {
    float: right;
}
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #003366;
    padding-top: 9px;
}
.btn-success {
    background-color: #8dc63f;
}
.btn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 53px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: normal;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    padding: 6px 46px;
    border: none;
}
.pull-right {
    float: right!important;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.form-success ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #001753;
}

.form-success ul li {
    float: left;
}

.form-success ul li.arrow {
    width: 70px;
    height: 40px;
    background: url(../img/arrow-blue.png) no-repeat center center;
}

.main .form .form-wrap .field {
    clear: both;
    margin-bottom: 8px;
}
.btn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 53px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: normal;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    padding: 6px 46px;
    border: none;
}



.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #003366;
    padding-top: 9px;
}

.btn-success:hover {
   background-color: #061c55;;
}


ul.member-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 770px;
}

ul.member-menu li {
    float: left;
    font-size: 13px;
    margin-right: 7px;
}

ul.member-menu li a {
    color: #fff;
    background: #2f8ae5;
    width: 115px;
    height: 27px;
    display: block;
    text-align: center;
    line-height: 29px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

ul.member-menu li a:hover, ul.member-menu li a.active {
    background: #2b2c30;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.main .detail {
    font-size: 14px;
    margin-top: 10px;
    color: #001753;
}

.member-profile {
    width: 500px;
    float: left;
    padding-left: 41px;
    padding-top: 40px;
    font-size: 13px;
    font-weight: normal;
}

.member-profile label {
    width: 180px;
    float: left;
    font-weight: normal;
}

.member-profile span, .member-profile a {
    font-size: 13px;
    color: #2f8ae5;
    line-height: 12px;
    font-weight: bold;
}

.member-profile span, .member-profile a {
    font-size: 13px;
    color: #2f8ae5;
    line-height: 12px;
    font-weight: bold;
}

.form-hidden {
    clear: both;
    padding: 10px;
    border: 1px solid #2f8ae5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
    display: none;
    position: relative;
}

.form-hidden span {
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.form-hidden hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #2f8ae5;
}

.form-hidden .form-control {
    margin-bottom: 5px;
}

.form-hidden.form-password .form-loader {
    height: 196px;
    display: none;
}
.form-hidden .form-loader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

.form-hidden .form-loader img {
    margin: 0 auto;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    margin-top: -32px;
}

.form-hidden.form-handphone .form-loader {
    height: 164px;
    display: none;
}

.datagrid table {
border-collapse:collapse;
text-align:left;
width:100%;
}

.datagrid {
background:#fff;
overflow:hidden;
border:1px solid #2f8ae5;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

.datagrid table td,.datagrid table th {
padding:5px 10px;
}

.datagrid table thead th {
background:0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D',endColorstr='#275420');
background-color:#2f8ae5;
color:#FFF;
font-size:12px;
font-weight:700;
border-left:1px solid #6ccad4;
}

.datagrid table thead th:first-child {
border:none;
}

.datagrid table tbody td {
color:#000;
border-left:1px solid #C6FFC2;
font-size:14px;
font-weight:400;
padding-top:10px;
padding-bottom:10px;
vertical-align:top;
}

.datagrid table tbody tr:nth-child(even) td {
background:#DFFFDE;
color:#000;
}

.datagrid table tbody td:first-child {
border-left:none;
}

.datagrid table tbody tr:last-child td {
border-bottom:none;
}

.datagrid table tfoot td div {
border-top:1px solid #36752D;
background:#DFFFDE;
padding:2px;
}

.datagrid table tfoot td {
font-size:12px;
padding:0;
}

.datagrid table tfoot td ul {
list-style:none;
text-align:right;
margin:0;
padding:0;
}

.datagrid table tfoot li {
display:inline;
}

.datagrid table tfoot li a {
text-decoration:none;
display:inline-block;
color:#FFF;
border:1px solid #36752D;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D',endColorstr='#275420');
background-color:#36752D;
margin:1px;
padding:2px 8px;
}

.datagrid table tfoot ul.active,.datagrid table tfoot ul a:hover {
text-decoration:none;
color:#FFF;
background:none;
background-color:#36752D;
border-color:#275420;
}


.bootstrap-timepicker-widget table td input {
    background: #fff;
    color: #000;
    width: 67px !important;
    font-size: 15px;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    margin-left: 147px;
    margin-top: 26px;
}