﻿@font-face {
    font-family: MyBell-Black;
    src: url('../Fonts/BellGothicStd-Black.otf');
}

@font-face {
    font-family: MyBell-Bold;
    src: url('../Fonts/BellGothicStd-Bold.otf');
}

.registerDropDown {
    background: url('/images/NewLook/textboxes/roundedDropDown.gif') no-repeat left top;
    height: 27px;
    width: 181px;
    margin-left: 0px;
    font-size: 11px;
}

.registerDropDowna {
    border: 0;
    width: 164px;
    height: 18px;
    margin-left: 7px;
    margin-top: 3px;
}

.registerText {
    background: url('/images/NewLook/textboxes/rounded.gif') no-repeat left top;
    height: 22px;
    width: 181px;
    margin-left: 0px;
}

.registerTextba {
    border: 0;
    width: 160px;
    height: 13px;
    margin-left: 7px;
    margin-top: 3px;
}

.LoginText {
    background: url('/images/NewLook/textboxes/roundedLogin.gif') no-repeat left top;
    height: 22px;
    width: 181px;
    margin-left: 0px;
}

.LoginTextOver {
    background: url('/images/NewLook/textboxes/roundedLoginOver.gif') no-repeat left top;
    height: 22px;
    width: 181px;
    margin-left: 0px;
}

.LoginTextba {
    border: 0;
    width: 160px;
    height: 13px;
    margin-left: 7px;
    margin-top: 3px;
}

.ProfileText {
    background: url('/images/NewLook/textboxsmallorange-02.jpg') no-repeat left top;
    height: 24px;
    width: 111px;
    margin-left: 0px;
}

.ProfileTexta {
    border: 0;
    width: 100px;
    height: 17px;
    margin-left: 7px;
    margin-top: 3px;
}

.ProfileTextSmall {
    background: url('/images/NewLook/box5-02.jpg') no-repeat left top;
    height: 24px;
    width: 60px;
    margin-left: 0px;
}

.ProfileTextaSmall {
    border: 0;
    width: 40px;
    height: 17px;
    margin-left: 7px;
    margin-top: 3px;
}

.ProfileTextLarge {
    background: url('/images/NewLook/box2-02.jpg') no-repeat left top;
    height: 24px;
    width: 172px;
    margin-left: 0px;
}

.ProfileTextaLarge {
    border: 0;
    width: 150px;
    height: 17px;
    margin-left: 7px;
    margin-top: 3px;
}

.editBox {
    border: 2px solid #696;
    padding: 60px 0;
    font-family: Arial;
    font-size: small;
    text-align: center;
    height: 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#1082C6));
    background: -moz-linear-gradient(#FFFFFF, #1082C6);
    background: linear-gradient(#FFFFFF, #1082C6);
    -pie-background: linear-gradient(#FFFFFF, #1082C6);
    behavior: url(PIE.htc);
}

.InrunningMenuImage {
    vertical-align: top;
    text-align: right;
    z-index: -1;
}

.header {
    border: 1px solid #389FCB;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #389FCB;
    behavior: url(\PIE.htc);
}

.editBox1 {
    border: 2px solid #29AAE3;
    margin: 3px;
    text-align: center;
    font-family: Arial;
    font-size: small;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #FFFFFF;
    behavior: url(PIE.htc);
}

.comboBox {
    font-family: Arial;
    font-size: small;
    border: 2px solid #29AAE3;
    margin: 3px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #FFFFFF;
    behavior: url(\PIE.htc);
}

.MyProfileTabs {
    font-family: Arial;
    margin-left: 5px;
    font-weight: 300;
    color: White;
    font-weight: bold;
    font-size: small;
    height: 30px;
    padding: 5px;
    text-align: left;
    width: 820px;
    -webkit-box-shadow: #666 10px -2px 6px;
    -moz-box-shadow: #666 10px -2px 6px;
    box-shadow: #666 10px -2px 6px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-radius: 15px 15px 0px 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    behavior: url(../../styles/PIE.htc);
}

.orangeBorderProfile {
    border: 3px solid #FAA61F;
    background-color: White;
    text-align: left;
    width: 820px;
    font-weight: bold;
}



.DepositTabs {
    font-family: Arial;
    margin-left: 5px;
    font-weight: 300;
    color: White;
    font-weight: bold;
    font-size: medium;
    height: 30px;
    padding: 5px;
    text-align: center;
    width: 400px;
    -webkit-box-shadow: #666 10px -2px 6px;
    -moz-box-shadow: #666 10px -2px 6px;
    box-shadow: #666 10px -2px 6px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-radius: 15px 15px 0px 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    behavior: url(../../styles/PIE.htc);
}

.DepositTabsEFT {
    border: 1px solid #FAA61E;
    border: 1px solid #FAA61E;
    background-color: #FAA61E;
}


.DepositTabsCredit {
    border: 1px solid #29ABE2;
    border: 1px solid #29ABE2;
    background-color: #29ABE2;
}

.DepositTabsCheque {
    border: 1px solid #8CC63F;
    border: 1px solid #8CC63F;
    background-color: #8CC63F;
}

.DepositTabsBank {
    border: 1px solid #ED1E79;
    border: 1px solid #ED1E79;
    background-color: #ED1E79;
}

.DepositTabsOverSeas {
    border: 1px solid #D9D2B4;
    border: 1px solid #D9D2B4;
    background-color: #D9D2B4;
}

.DepositTabsAccountWithDraw {
    border: 1px solid #A67C52;
    border: 1px solid #A67C52;
    background-color: #A67C52;
}

.Depositbg {
    font-family: Arial;
    font-weight: 200;
    background-color: #DDDEE3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DDDEE3), to(#FAFAFA));
    background: -moz-linear-gradient(#DDDEE3, #FAFAFA);
    background: linear-gradient(#DDDEE3, #FAFAFA);
    -pie-background: linear-gradient(#DDDEE3, #FAFAFA);
    behavior: url(../../styles/PIE.htc);
}

.editBoxOrange {
    font-family: Arial;
    font-size: small;
    border: 2px solid #FAA61F;
    padding: 1px;
    text-align: center;
    height: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #FFFFFF;
    behavior: url(/PIE.htc);
}

.disclaimer {
    text-align: center;
    width: 870px;
    background-image: url('/images/NewLook/disclaimerbg-01.jpg');
    background-repeat: repeat-x;
    behavior: url(\PIE.htc);
}

.orangebg {
    text-align: center;
    width: 870px;
    background: #F5AC39;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5AC39), to(#FFFFFF));
    background: -moz-linear-gradient(#F5AC39, #FFFFFF);
    background: linear-gradient(#F5AC39, #FFFFFF);
    -pie-background: linear-gradient(#F5AC39, #FFFFFF);
    behavior: url(\PIE.htc);
}

.orangebg1 {
    text-align: center;
    width: 870px;
    background-image: url('/images/NewLook/backgroundNew.jpg');
    background-repeat: no-repeat;
    height: 594px;
}

.orangebgReg {
    text-align: center;
    width: 870px;
    background-image: url('/images/NewLook/backgroundWideReg1.jpg');
    background-repeat: no-repeat;
    height: 419px;
}

.registerbg {
    font-family: Arial;
    font-size: 10px;
    border: 3px solid #29AAE3;
    text-align: left;
    width: 812px;
    margin-left: 5px;
    height: 550px;
    background: #FFFFFF;
    behavior: url(\PIE.htc);
}

.contactbg {
    border: 3px solid #D9D2B5;
    text-align: center;
    width: 812px;
    height: 250px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#D9D2B5));
    background: -moz-linear-gradient(#FFFFFF, #D9D2B5);
    background: #FFFFFF;
    -pie-background: linear-gradient(#FFFFFF, #D9D2B5);
    behavior: url(\PIE.htc);
}

.loginbg {
    border: 3px solid #FAA61F;
    text-align: center;
    width: 812px;
    height: 485px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#FBDE98));
    background: -moz-linear-gradient(#FFFFFF, #FBDE98);
    background: #FFFFFF;
    -pie-background: linear-gradient(#FFFFFF, #FBDE98);
    behavior: url(/PIE.htc);
}



.orangeBorder {
    border: 3px solid #FAA61F;
    text-align: left;
    width: 800px;
    height: 623px;
    behavior: url(\PIE.htc);
}

.blueBorder {
    border: 3px solid #29ABE2;
    text-align: left;
    width: 800px;
    height: 127px;
    behavior: url(\PIE.htc);
}

.greenBorder {
    border: 3px solid #95CA5A;
    text-align: left;
    width: 800px;
    height: 92px;
    behavior: url(\PIE.htc);
}

.brownBorder {
    border: 3px solid #A67C52;
    text-align: left;
    width: 800px;
    height: 193px;
    behavior: url(\PIE.htc);
}

.lightBrownBorder {
    border: 3px solid #D7D4BE;
    text-align: left;
    width: 800px;
    height: 219px;
    behavior: url(\PIE.htc);
}

.pinkBorder {
    border: 3px solid #E83B8C;
    text-align: left;
    width: 800px;
    height: 261px;
    behavior: url(\PIE.htc);
}

.darkblueBorder {
    border: 3px solid #D9D2B4;
    text-align: left;
    width: 800px;
    height: 259px;
    behavior: url(\PIE.htc);
}

#InterbetLogo {
    background-position: 60px 38px;
    background-image: url('/images/NewLook/logonew-01.png');
    width: 360px;
    height: 190px;
    position: absolute;
    z-index: 100;
    background-repeat: no-repeat;
}

.myTable {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #ffffff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: helvetica, arial, ms sans serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    vertical-align: middle;
    behavior: url(\PIE.htc);
}

.MyBossBetTab {
    font-family: Arial;
    margin-left: 0px;
    font-weight: 300;
    color: black;
    font-weight: bold;
    font-size: small;
    height: 30px;
    padding: 5px;
    text-align: left;
    width: 100%;
    /* -webkit-box-shadow: #666 10px -2px 6px;
	-moz-box-shadow: #666 10px -2px 6px;
	box-shadow: #666 10px -2px 6px; */
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-radius: 7px 7px 0px 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    behavior: url(../../styles/PIE.htc);
}

.MyBossHeader {
    font-family: Arial;
    margin-left: 0px;
    font-weight: 100;
    color: black;
    font-weight: bold;
    font-size: small;
    height: 10px;
    padding: 5px;
    text-align: left;
    width: 100%;
    /* -webkit-box-shadow: #666 10px -2px 6px;
	-moz-box-shadow: #666 10px -2px 6px;
	box-shadow: #666 10px -2px 6px; */
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-radius: 7px 7px 0px 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    behavior: url(../../styles/PIE.htc);
}

.myButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
    background: -moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color: #ffc477;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eeb44f;
    display: inline-block;
    color: #0a060a;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    padding: 4px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #cc9f52;
}

    .myButton:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
        background: -moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
        background-color: #fb9e25;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }


.bossinput {
}

    .bossinput:focus {
        border: 2px solid #Blue;
        background-color: #BDDEFD;
    }

.bossMessage {
    color: Green;
    font-size: larger;
}

.myTopButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

    .myTopButton:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
        color: Orange;
    }

    .myTopButton:active {
        position: relative;
        top: 1px;
        color: Orange;
    }

.myAccountButton {
    -moz-box-shadow: inset 0px 0px 14px -3px #f2fadc;
    -webkit-box-shadow: inset 0px 0px 14px -3px #f2fadc;
    box-shadow: inset 0px 0px 14px -3px #f2fadc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A4), color-stop(1, #A4A4A4));
    background: -moz-linear-gradient(top, #A4A4A4 5%, #A4A4A4 100%);
    background: -webkit-linear-gradient(top, #A4A4A4 5%, #A4A4A4 100%);
    background: -o-linear-gradient(top, #A4A4A4 5%, #A4A4A4 100%);
    background: -ms-linear-gradient(top, #A4A4A4 5%, #A4A4A4 100%);
    background: linear-gradient(to bottom, #A4A4A4 5%, #A4A4A4 100%);
    100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#cbcbcb',GradientType=0);
    background-color: #cbcbcb;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 5px solid #y:inli;
    display: inline-block;
    cursor: pointer;
    color: #757d6f;
    font-family: arial;
    font-size: 11px;
    padding: 4px 17px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ced9bf;
}

    .myAccountButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cbcbcb), color-stop(1, #cbcbcb));
        background: -moz-linear-gradient(top, #cbcbcb 5%, #cbcbcb 100%);
        background: -webkit-linear-gradient(top, #cbcbcb 5%, #cbcbcb 100%);
        background: -o-linear-gradient(top, #cbcbcb 5%, #cbcbcb 100%);
        background: -ms-linear-gradient(top, #cbcbcb 5%, #cbcbcb 100%);
        background: linear-gradient(to bottom, #cbcbcb 5%, #cbcbcb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#cbcbcb',GradientType=0);
        background-color: #cbcbcb;
    }

    .myAccountButton:active {
        position: relative;
        top: 1px;
    }


.home-footer {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fbfbfb 1%, #9c9c9c 100%) repeat scroll 0 0;
    padding: 7px 0 0;
    width: 100%;
}

.headerLogo {
    float: left;
    margin: 10px;
    display: inline-block;
}

.footerMenu a,
.home-wrapper a {
    color: #fb9e25;
    cursor: pointer;
    text-decoration: none;
}

    .footerMenu a:hover,
    .home-wrapper a:hover {
        color: #1082C6;
        cursor: pointer;
        text-decoration: none;
    }

#register_btn {
    margin-left: 40%;
    margin-bottom:10px;
}

label {
    font-size: 10px;
    font-weight: 300;
}

.headerInfo .radio, .checkbox, #login_btn, .agreement {
    margin-left: 15px;
}

.LivePerson {
    color: #777;
    position: relative;
    display: block;
    font-size: 18px;
    padding: 10px 15px;
    line-height: 20px;
}

.footerMenu {
    font-size: 12px;
    text-align: center;
}

.home-footer div.horGoldStrip {
    height: 1px;
}

.horGoldStrip {
    background: #7ac33e none repeat scroll 0 0;
    height: 1px;
    width: 100%;
}

.home-wrapper {
    min-height: 600px;
}

.form-control {
    font-size: 14px;
    height: 20px;
    width: 200px;
    line-height: 1.42857;
    padding: 2px 12px;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0px;
}

.clear {
    clear: both;
}

.home-footer p {
    color: #000000;
    font-family: Arial;
    font-weight: 300;
    margin: 10px 0;
    text-align: center;
}

p {
    font-family: Arial,Verdana,sans-serif;
    font-size: 10px;
    margin-bottom: 20px;
}

.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}

#exchange_header {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: initial;
    height: initial;
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    z-index: initial;
    letter-spacing: 1px;
    line-height: initial;
}

    #exchange_header section {
        width: 50%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

.exchange_header_image_1 {
    width: 100%;
    min-height: 200px;
    height: auto;
    display: block;
    position: relative;
    background-image: url(/images/exchange-header.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-top-left-radius: 12px;
    border: 1px solid #f2f2f2;
    border-right: none;
    border-bottom: none;
}

.exchange_header_image_2 {
    width: 100%;
    min-height: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-image: url(/images/interbet-zero-commission-betting.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-right-radius: 12px;
}

.exchange_text_1 {
    color: #ffffff !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

    .exchange_text_1 p:nth-child(1) {
        font-size: 4em !important;
        margin: 0px;
        padding: inherit;
        font-weight: bold;
    }

    .exchange_text_1 p:nth-child(2) {
        font-size: 2em !important;
        margin: initial;
        font-weight: bold;
        margin: 0px;
    }

.exchange_text_2 {
    color: #ffffff !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
    .exchange_text_2 h4 {
        font-size: 1.1em;
        text-align: center;
        margin: initial;
        padding: 1px;
        font-weight: bolder;
        margin: 0px;
        line-height: initial;
    }
    .exchange_text_2 p {
        font-size: 1em;
        text-align: center;
        padding: 12px !important;
        margin: 0px;
        font-weight: bold;
    }

.exchange_text_3 {
    width: 100%;
    /* max-width: 260px; */
    color: #081535 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 0px !important;
    background-color: #f2f2f2;
    /* border-radius: 50px; */
    position: relative;
    /* top: -12px; */
    margin: 0px auto 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

    .exchange_text_3 p {
        font-size: 0.8em;
        margin: 0px;
        padding: initial;
    }

.zero_orange {
    color: #ff9900 !important;
}

.zero_blue {
    color: #00bdd4 !important;
}

.zero_green {
    color: #8cd140 !important;
}


/*header image style for landing page*/