@font-face {
  font-family: 'Century Gothic';
  src: url('../../fonts/century-gothic.eot');
  src: url('../../fonts/century-gothic.eot') format('embedded-opentype'), url('../../fonts/century-gothic.woff') format('woff'), url('../../fonts/century-gothic.ttf') format('truetype'), url('../../fonts/century-gothic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.infos {background: #A8D3F4;border: thin solid #4029D1;padding: 5px;color: #4029D1;font-family: Helvetica, Arial, sans-serif;font-style: italic;margin: 10px 0;}
.infos ul {margin:0;}
.infos ul li {list-style: none;}
.infos ul li::before {content: "!!";margin-right: 10px;font-style: normal;font-weight: 600;}

.errors {background: #FFE3E3;border: thin solid #FFAAAA;padding: 5px;color: #B80000;font-family: Helvetica, Arial, sans-serif;font-style: italic;margin: 10px 0;}
.errors ul {margin:0;}
.errors ul li {list-style: none;}
.errors ul li::before {content: "!!";margin-right: 10px;font-style: normal;font-weight: 600;}

/* new style */
.left {float:left;}
.right {float:right;}
.clear {clear: both; height:0px; overflow: hidden;}
.n-bg {width:960px; height:600px; padding: 0px; margin: 0 auto;}
.n-header {height:40px; background: url('../../images/new/bg-top.jpg');}

ul.n-home-menu {font-size: 13px;margin: 0;padding: 0; text-align:left;}
ul.n-home-menu li {display: inline-block; height: 40px; margin: 0; padding: 0;}
ul.n-home-menu li:first-child {padding-left: 10px;}
ul.n-home-menu li a {color: #EEE;line-height: 40px; height: 40px; padding:12px 10px; margin: 0px; transition: all 0.3s ease-in-out 0s; font-weight:bold;}
ul.n-home-menu li a:hover,ul.n-home-menu li.active a {color: #FFF;text-decoration: none; background-color:#002e2e}
ul.n-home-menu li i {margin-right: 5px;}

ul.n-home-menu-1 {font-size: 13px;margin: 0;padding: 0; text-align:left; height:30px; margin-left: 170px;}
ul.n-home-menu-1 li {display: inline-block; height: 30px; padding: 0; float:left; margin:0 3px;}
ul.n-home-menu-1 li a {color: #000; font-size: 11px; line-height: 15px; height: 30px; width:59px; padding:0; transition: all 0.3s ease-in-out 0s; font-weight:bold; background: url('../../images/new/menu.png') no-repeat; display: block; text-align:center;}
ul.n-home-menu-1 li a:hover,ul.n-home-menu-1 li.active a {color: #FFF;text-decoration: none; background: url('../../images/new/menuh.png') no-repeat;}
ul.n-home-menu-1 li i {margin-right: 5px;}

ul.n-home-menu-2 {font-size: 13px;margin: 0;padding: 0; text-align:left; margin-left: 175px;}
ul.n-home-menu-2 li {display: inline-block; height: 20px; margin: 0; padding: 0;}
ul.n-home-menu-2 li a {color: #EEE; font-size: 11px; line-height: 20px; height: 20px; transition: all 0.3s ease-in-out 0s; font-weight:bold;}
ul.n-home-menu-2 li a:hover,ul.n-home-menu li-2.active a {color: #FFF;text-decoration: none;}
ul.n-home-menu-2 li i {margin-right: 5px;}
ul.n-home-menu-2 li.separator{margin:0 5px; color: #FFF}

.n-login {background-color:#718E70; height:39px; width:440px;}
.n-login > div {padding:  1px 5px 5px 35px;}
.n-icon-login {background:url('../../images/new/login.jpg'); height:25px; width:30px; float:left; margin-top:5px; margin-left: 5px;}
.n-login-input-username {float:left; border:none; height: 28px; width: 80px; font-size:12px; margin-left:5px; margin-top: 5px; padding:5px;line-height: 20px;}
.n-login-input-password {float:left; border:none; height: 28px; width: 80px; font-size:12px; margin-top: 5px; padding:5px; margin-left:3px;line-height: 20px;}
.n-login-captcha {float:left; width:100px; height: 28px; vertical-align: bottom; margin-left:3px;margin-top: 5px; cursor:pointer;}
.n-login-captcha-input {float:left; border:none; height: 28px; width: 70px; font-size:12px; margin-top: 5px; padding:5px;}
.n-submit {float:left; border:solid 1px #000; background-color:#3c9a3c; color:#FFF; font-size: 12px; padding: 6px; margin-top: 5px; cursor:pointer; margin-left:3px; height:28px; line-height:10px;}

.n-day {float:right; padding: 3px 5px 0 5px; font-size: 11px;}
.n-saldo {float:right; margin: 8px; background: #000; color: #FFF; padding: 5px 20px; font-size: 11px; font-weight: bold;}
.n-logout {float:right; margin: 8px}

.n-middle {background: url('../../images/new/bg-middle.jpg');}
.n-middle-top {background: url('../../images/new/bg-middle-top.jpg'); height: 166px;}
.n-logo {background:url('../../images/new/bola.png') no-repeat right; height: 80px; overflow:hidden;text-align: center; width:100%;}
.n-middle-top .n-logo {background:none;}
.n-logo img {max-height: 77px;}
.n-info {height: 26px; background:url('../../images/new/info.png') no-repeat right; padding: 2px 0 0 130px;}
.n-middle-top .n-info {background:none; padding-top:10px; height:35px;}
.n-menu-top {height:30px;}
.n-menu-bottom {height:20px;}

.n-content {min-height: 317px; color: #000; padding: 20px 10px 27px;}
.n-content table.tabelview {color: #000;}
.background-content {background-color:rgba(200,200,200,0.8); min-height: 400px;}
.n-support {height: 59px; background:url('../../images/new/live-support.png') no-repeat right; padding: 0 0 0 220px;}
.n-support-icon {float:left; color: #DDD; height: 59px; padding-left: 55px; padding-top:23px; margin-right:2px;}
.n-support-icon.n-support_phone {background: url('../../images/new/icon-phone.png') no-repeat left;}
.n-support-icon.n-support_bbm {background: url('../../images/new/icon-bbm.png') no-repeat left;}
.n-support-icon.n-support_whatsapp {background: url('../../images/new/icon-whatsapp.png') no-repeat left;}
.n-support-icon.n-support_line {background: url('../../images/new/icon-line.png') no-repeat left;}
.n-support-icon.n-support_ym {background: url('../../images/new/icon-ym.png') no-repeat left;}
.n-footer {height: 58px; padding: 0 20px 0 70px; background: url('../../images/new/bg-bottom.jpg');}
.n-footer-member {height: 30px; padding: 10px 20px 0 70px; background: url('../../images/new/bg-bottom-member.jpg'); color: #FFF; text-align:center;}
.copyright {color: #FFF; float:left; padding-top:18px;}
.n-footer p {padding:0px;}
.menumemo.selected {color: #F00}
.market-list {width:580px !important; float:left;}
.prediction {width: 165px; float:right;}


table.n-table tr.empty {height:10; background: rgba(186, 191, 222, 0.3);}
table.n-table tr.odd {background-color:#808080}
table.n-table tr.even {background-color:#c0c0c0}

.n-content-left {width:166px; margin-right:20px; float:left;}
.n-content-right {width:750px; float:left;}

.urbangreymenu {width: 166px; /*width of menu*/}
.urbangreymenu .headerbar {font: bold 13px Verdana;color: white;line-height: 43px;background: url(../../images/leftheading.jpg) no-repeat; /*last 2 values are the x and y coordinates of bullet image*/margin-bottom: 0; /*bottom spacing between header and rest of content*/text-transform: uppercase;text-align: center}
.urbangreymenu .headerbar a {text-decoration: none;color: white;display: block;}
.urbangreymenu ul {list-style-type: none;margin: 0;padding: 0;margin-bottom: 0; /*bottom spacing between each UL and rest of content*/}
.urbangreymenu ul li {padding-bottom: 2px; /*bottom spacing between menu items*/}
.urbangreymenu ul li a {font: normal 12px Arial;color: black;background: #E9E9E9;display: block;padding: 5px 0;line-height: 17px;padding-left: 8px; /*link text is indented 8px*/text-decoration: none;}
.urbangreymenu ul li a:hover,.urbangreymenu ul li a.active {/*hover state CSS*/color: white;background: #002b2b;}

h3,h2 {font-size: 40px; line-height: 40px; color:#d4bb00; text-transform: uppercase; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; margin: 0px 5px 10px;}
.center {text-align: center;}
.blackcolor {color: #000;}
/*.red-ball-new {background:url('../../images/new/red-ball.png'); width:27px; height:28px; display:inline-block; padding-top:4px; font-size: 15px; text-align:center; font-weight:bold; margin: 0 3px;}
.blue-ball-new {background:url('../../images/new/blue-ball.png'); width:27px; height:28px; display:inline-block; padding-top:4px; font-size: 15px; text-align:center; font-weight:bold; margin: 0 3px;}*/
.red-ball-new {width:27px; height:28px; display:inline-block; padding-top:4px; font-size: 15px; text-align:center; font-weight:bold; margin: 0 3px;}
.blue-ball-new {width:27px; height:28px; display:inline-block; padding-top:4px; font-size: 15px; text-align:center; font-weight:bold; margin: 0 3px;}
.yellow-ball {background:url('../../images/new/yellow-ball-30.png'); width:30px; height:30px; display:inline-block; padding-top:4px; font-size: 15px; text-align:center; font-weight:bold;}
.red-ball {background:url('../../images/new/red-ball-30.png'); width:30px; height:30px; display:inline-block; padding-top:4px; font-size: 15px; text-align:center; font-weight:bold;}


div.memo {background-color: #FFF; color: #000; padding: 10px; margin-bottom: 10px;}
div.memo-detail {margin: 10px; border-bottom: dotted 1px #ccc; padding-bottom: 10px;}
div.memo-detail span {float:right; font-size: 11px;}
tr.win {color: #000; background-color: #CCC}

.home-left, .home-right {float: left; width:240px;}
.home-right {padding-left:10px;}
.home-center {float:left; width:460px;}
.n-content-right a,.n-content-right #tfooting {color: #000;}

.btn-submit {background-color:#000;color: #fff;}
.btn-submit:hover {color: #fff;}
.footerdisc td {font-size: 11px;background-color: #FF6;color: #333;font-weight: 800;padding: 10px;margin-top: 20px;margin-bottom: 20px;}
.center th {text-align:center;}


.home-market {border: solid 1px #ffcc00; width: 230px; text-align:center;}
.home-market-ball {height:30px;}
.home-market-desc {text-align:center;}
.home-market-desc .country {font-size: 17px; font-weight: bold; color: #ff9900; display:block;font-style: normal;}
.home-market-desc .period {font-size: 16px; font-weight: bold; color: #ff9900; display:block;}
.home-market-desc .date {font-size: 12px; color: #ccc; display:block;}
.home-market a {color: #ff9900;font-style:italic; font-size: 12px;}

#barisnomor1 input,#barisnomor2 input,#barisnomor3 input {text-align:center;padding: 1px; width:70px;}
.market-prediction .title {background-color: #000; color:#FFF; padding: 5px 10px; font-size: 11px; text-align:center;}
.market-prediction .graph {background-color: #c0c0c0; padding: 7px}
.market-prediction .graph .bar {border-left:solid 2px #000; border-bottom: solid 2px #000;}
.quarter {width:25%; float: left; text-align:center;}
.quarter.bar-inside {height:41px; text-align:center;}
.graph-hidden {height:41px; overflow: hidden;}
.graph-red {background:url('../../images/new/bar-red.png'); height:41px; width:16px; margin: 0 auto;}
.graph-blue {background:url('../../images/new/bar-blue.png'); height:41px; width:16px; margin: 0 auto;}
.graph-yellow {background:url('../../images/new/bar-yellow.png'); height:41px; width:16px; margin: 0 auto;}
.graph-green {background:url('../../images/new/bar-green.png'); height:41px; width:16px; margin: 0 auto;}


  ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
  ul#tabs li { display: inline; }
  ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em 3px; text-decoration: none; }
  ul#tabs li a:hover { background-color: #f1f0ee; }
  ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 10px 0.38em 10px; }
  div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em;}
  div.tabContent.hide { display: none; }

	table.result_detail{font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;border-collapse: collapse;}
	table.result_detail thead{background-color:#003F72;text-align:center;color:#fff;border:1px solid #A1A2A3;}
	table.result_detail th{border:1px solid #A1A2A3;padding:5px 0px;font-size:0.8em;}
	table.result_detail th.game_head{font-size:1.6em;}
	table.result_detail tr{border:1px solid #A1A2A3;}
	table.result_detail tr:nth-child(odd){background-color:#FEE370;}
	table.result_detail tr:nth-child(even){background-color:#fff;}
	table.result_detail td{width:100px;border:1px solid #A1A2A3;padding:5px 0px;text-align:center;color:#000;font-weight:bold;font-size:0.8em;}
	table.result_detail td.spacing_maker{padding:5px 0px;border:1px solid #A1A2A3;background-color:#DD650F;}



.float_contact {
    position: fixed;
    left: 0px;
    /*margin-left: 10px;*/
    z-index: 99999999;
}

.our-games{
    width: 170px;
    font-size: 25px;
    font-family: arial;
    margin-bottom: 10px;
    overflow: hidden;
    color: #000;
    cursor: pointer;
    line-height: 47px;
    z-index: 99999999;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;

    margin-left: -150px;
}
.our-games:hover {
   margin-left: 0px;
}

.our-games .games {background: #000; width:150px; float:left; -moz-border-radius:0 10px 10px 0;-o-border-radius: 0 10px 10px 0;-webkit-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0; padding: 20px; text-align: center;}
.our-games .text {background: #FFF; width:20px; float:left; opacity:0.6; -moz-border-radius:0 10px 10px 0;-o-border-radius: 0 10px 10px 0;-webkit-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0; line-height: 18px; font-size: 18px; padding: 2px; margin-top: 10px;}



.float_contact_right {
    position: fixed;
    right: 0px;
    /*margin-left: 10px;*/
    z-index: 99999999;
}
.our-group {color: #FFF; text-align:right; padding-right: 10px; background: #000; -moz-border-radius:10px 0 0 10px;-o-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px; opacity:0.7;}

.our-partner{
    width: 220px;
    font-size: 25px;
    font-family: arial;
    margin-bottom: 10px;
    overflow: hidden;
    color: #000;
    cursor: pointer;
    line-height: 47px;
    z-index: 99999999;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;

    margin-right: -200px;
}
.our-partner:hover {
   margin-right: 0px;
}
.our-partner .games {background: #000; width:200px; float:right; -moz-border-radius:10px 0 0 10px;-o-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px; padding:70px 10px; text-align: center;}
.our-partner .text {background: #FFF; width:20px; float:right; opacity:0.6; -moz-border-radius:10px 0 0 10px;-o-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px; line-height: 14px; font-size: 18px; padding: 2px; margin-top: 10px;}