/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
 display: block;
}

audio,
canvas,
video {
 display: inline-block;
}

audio: not([controls]) {
 display: none;
 height: 0;
}

[hidden],
template {
 display: none;
}

html {
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;  
}

body {
 margin: 0;
}

a {
 background: transparent;
}

a: focus {
 outline: thin dotted;
}

a: active,
a:hover {
 outline: 0;
}

small {
 font-size: 80%;
}

img {
 border: 0;
}

body {
 font-family: "Arial", Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 1.428571429;
 color: #58595b;
 background: url("../images/bg.png") top left repeat-x #0031e2;
 font-weight: bold;
 min-width: 1300px;
}

input,
button,
select,
textarea {
 font-family: inherit;
 font-size: inherit;
 line-height: inherit;
}

a {
 color: #428bca;
 text-decoration: none;
}

a:hover,
a: focus {
 color: #2a6496;
 text-decoration: underline;
}

a: focus {
 outline: thin dotted;
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px;
}

img {
 vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
 font-family: "Impact", Helvetica, Arial, sans-serif;
 font-weight: 500;
 line-height: 1.1;
 color: inherit;
}

h1,
h2,
h3 {
 margin: 0;
 margin-bottom: 10px;
}

h4,
h5,
h6 {
 margin-top: 10px;
 margin-bottom: 10px;
}

h1,
.h1 {
 font-size: 35px;
}

h2,
.h2 {
 font-size: 30px;
}

h3,
.h3 {
 font-size: 26px;
}

h4,
.h4 {
 font-size: 18px;
}

h5,
.h5 {
 font-size: 14px;
}

h6,
.h6 {
 font-size: 12px;
}

p {
 margin: 0 0 10px;
}

ul,
ol {
 margin-top: 0;
 margin-bottom: 10px;
 color: #fff;
}

ul ul,
ol ul,
ul ol,
ol ol {
 margin-bottom: 0;
}

input[type="search"] {
	font-family: "Arial MT";
	font-size: 10pt;
	color: #777;
	margin: 4px 0 0 6px;
	height: 35px;
	width: 190px;
	border: 0;
	padding-left: 5px;
}

.clear {
	clear: both;
}

/***
ie8 & ie9 modes
***/
.visible-ie8 {
 display: none;
}

.ie8 .visible-ie8 {
 display: inherit !important;
}

.visible-ie9 {
 display: none;
}

.ie9 .visible-ie9 {
 display: inherit !important;
}

.hidden-ie8 {
 display: inherit;
}

.ie8 .hidden-ie8 {
 display: none !important;
}

.hidden-ie9 {
 display: inherit;
}

.ie9 .hidden-ie9 {
 display: none !important;
}

/********************
 GENERAL LAYOUT 
*********************/

.container {
	width: 985px;
	margin: 0 auto;	
}

.page-container {
	width: 1250px;
	margin: 0 auto;	
	font-family: Garamond Premier Pro;
}


.page {
	min-width: 1300px;
	margin-top: 10px;
}

/***
Header and header elements.
***/

header {
	padding-top: 20px;
}

.head-top {
	width: 1000px;
	margin: 0 auto;
}

.product {
	width: 160px;
	float: left;
}

.product ul {	
	list-style: none;
	margin:  0 5px;
	padding: 0;
}

.product ul  li {
	box-shadow: 1px 1px 20px #010101, 1px 1px 20px #010101, 1px 1px 20px #010101;
	margin-bottom: 5px;
}

.product ul  li:hover {
	box-shadow: 1px 1px 20px #ff0;
}

.logo {
	width: 660px;
	float: left;
	margin: 0;
	padding:0;	
}

/* ------------------------- NAVIGATION HERE --------------- */

nav { 	
	background: url("../images/menu-bg.png") center center no-repeat;
	width: 1276px;
	height: 33px;
	padding: 0; 
	margin: 0 auto;
	position: relative;
}

nav, nav a {	
	font-size: 12pt; 
	color: #fff;
	text-transform: uppercase;
}

nav a:hover {
	color: #ff0;
	text-decoration: none;
}
 
nav ul {
	width: 1000px;
	position: relative;
	list-style: none;
	margin: 0 auto;
	padding-top: 8px;
}

nav ul li:hover > ul {
	display: block;
}

nav ul li {
	position: relative;
	float: left;
	list-style-type: none;
	background: url("../images/menu-border.png") right center no-repeat;
}

nav ul li.last {
	background: none;
}

nav ul li:hover {
	position: relative;
}

nav ul li a {
	margin: 0 auto;   
	padding: 5px 10px; 	
}

nav ul ul {
	display: none;
	position: absolute; 
	width: 100%;
	background: #0001a6;
	border-radius: 5px;
	border: solid 1px #fff;
}

nav ul ul li {
	float: left;
	position: relative;
	clear: both;
	padding: 0 10px 3px;
	height: auto;
	width: 100%;
	background: none;
}

nav ul ul li a {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	z-index: 999;
	position: relative;
}

nav ul ul ul	 {
	position: absolute;
	margin: -2px 0 0 140px;
	display: none;
	padding: 0 0 0 2px;
	z-index: 999;
}

nav ul ul li:hover ul	 {
	display: block;
}

nav ul ul ul li {
	background: none;
}

/* ---------------------------------------------------------*/

.contact {
	background: url("../images/contact-bg.png") top left no-repeat;
	width: 990px;
	height: 110px;
	margin: 0 auto;
}

.contact ul {
	width: 100%;
	list-style: none;
	padding-top: 20px;
}

.contact ul li {
	font-size: 25px;
	word-spacing: 4px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: right;
	height: 60px;
}

.contact ul li p {
	background: url("../images/gudang-font.png") bottom right no-repeat;
	line-height: 50px;
	font-family: "Myriad Pro";
}

.contact ul li.phone {
	background: url("../images/phone.png") top left no-repeat;
	width: 250px;
	padding: 0 40px;
	float: left;
	color: #fff;
}

.contact ul li.sms {
	background: url("../images/sms.png") top left no-repeat;
	width: 250px;
	padding: 0 40px 0 60px;
	float: left;
	color: #ffff00;
}

.contact ul li.bbm {
	background: url("../images/bbm.png") top left no-repeat;
	width: 165px;
	padding: 0 40px 0 45px;
	float: left;
	color: #00abff;
}

/* ------------------------- YM ---------------------- */

.ym {	
	width: 1040px;
	margin: 0 auto;
}

.ym ul {
	float: left;
	list-style: none;
	padding-left: 5px;
}

.ym ul li {
	width: 183px;
	float: left;
	text-align: center;
	margin: 0 10px;
}

.ym ul li img {
	margin: 0;
}

.ym ul li span {
	color: #fff;
}

.ym ul li a:hover span {
	color: #0090fd !important;
	text-shadow:0 1px 2px #000, 0 1px 2px #000, 0 1px 2px #000;
}

/***
Home Page section
***/

#line {
	background: url("../images/line.png") top left no-repeat;
	width: 1276px;
	height: 1px;
	margin: 10px auto;
}

.main, .berita-content {
	background: url("../images/content-bg.png") top center repeat-y;
	width: 953px;
	padding: 0 15px;
	color: #fff;
	float: left;
}

.main img {
	width: auto;
	float: left;
	margin: 45px 20px 0 0;
}

.main table {
	color: #fff;
}

.container > .main > .content {
	width: 610px;
	position: relative;
	float: left;
        font-size: 16px;
}

.container > .main h1 {
	color: #ffd500;
	font-family: "Impact";
	font-weight: bold;
	font-size: 37px;
	letter-spacing: 0.5pt;
}

.container > .main p {
	color: #fff;
	float: left;
	width:100%;
        text-align: justify;
}

.half {
	width: 49%;
	float: left;
}

/* ------------------------- FORM ---------------------- */

.form-button {	
	width: 209px;
	height: 63px;
	margin: 0 auto 0;
	padding: 14px 85px 0;
}

.form-button1 {	
	width: 245px;
	height: 63px;
	margin: 0 auto 0;
	padding: 18px 67px 0;
}

.form-button2 {	
	width: 245px;
	height: 65px;
	margin: 0 auto 0;
	padding: 21px 67px 0;
}

.title h1, .title h4 {
	font-family: rockwell condensed;
	font-size: 33px;
	font-weight: bold;
	color: #fff;
}

.title h4 {
	font-size: 23px;
}

form.isi, .login-message {
	color: #fff;
	font-weight: bold;
	margin: 10px auto 0;
}

form.isi, form.isi table {	
	width: 390px;
}

form.isi table tr {
	height: 35px;
}

form.isi input,form.isi input select,form.isi input option {
	width: 100%;
	height: 28px;
	border-radius: 5px;
}

.submit {
	border: none;
	height: 43px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 24px;
	cursor: pointer;
}

.submit:hover {
	color: #ffff00;
	text-shadow:1px 1px 2px #000, 1px 1px 2px #000, 1px 1px 2px #000;
}

#login:hover .title h1, 
#depo:hover .title h1, 
#wd:hover .title h1, 
#daftar:hover .title h1, 
#form-depo:hover .title h1, 
#form-wd:hover .title h1,
#login-welcome-message:hover .title h4,
.overlay:hover .game-button h1,
.overlay:hover .depo-button h1,
.overlay:hover .wd-button h1 {
	color: #ffff00;
	text-shadow:0 1px 2px #000, 0 1px 2px #000, 0 1px 2px #000;
}

.peraturan {	
	width: 490px;
	color: #fff;
}

.peraturan > div {
	display: block;
	position: relative;
}

.peraturan-daftar > .top-bg {
	height: 25px;
	background: url(../images/daftar-peraturan-top.png) no-repeat center bottom;
	content: ' ';
}

.peraturan-daftar > .bottom-bg {
	height: 23px;
	background: url(../images/daftar-peraturan-bottom.png) no-repeat center top;
	content: ' ';
        margin-top: -10px;
}

.peraturan-daftar > .middle-bg {
	background: url(../images/daftar-peraturan-middle.png) repeat-y center top;
	padding: 0 25px;
	min-height: 500px;
}

.peraturan-depo > .top-bg {
	height: 20px;
	background: url(../images/depo-peraturan-top.png) no-repeat center bottom;
	content: ' ';
}

.peraturan-depo > .bottom-bg {
	height: 23px;
	background: url(../images/depo-peraturan-bottom.png) no-repeat center top;
	content: ' ';
        margin-top: -10px;
}

.peraturan-depo > .middle-bg {
	background: url(../images/depo-peraturan-middle.png) repeat-y center top;
	padding: 0 25px;
	min-height: 500px;
}

.peraturan-wd > .top-bg {
	height: 22px;
	background: url(../images/wd-peraturan-top.png) no-repeat center bottom;
	content: ' ';
}

.peraturan-wd > .bottom-bg {
	height: 23px;
	background: url(../images/wd-peraturan-bottom.png) no-repeat center top;
	content: ' ';
        margin-top: -10px;
}

.peraturan-wd > .middle-bg {
	background: url(../images/wd-peraturan-middle.png) repeat-y center top;
	padding: 0 25px;
	min-height: 500px;
}

.peraturan h2 {
	border-bottom: 1px solid #f0f0f0;
        letter-spacing: 0.5pt;
}

form.depo, form.wd {
	margin-top: 30px;
}

.submit-button {	
	margin-top: 30px;
	width: 387px;
}

/* ------------------------- LOGIN ---------------------- */

#login,
#login-welcome-message {
	width: 488px;
	float: left;
}

#login > .top-bg,
#login-welcome-message > .top-bg {
	content: ' ';
	height: 37px;
	background: url(../images/login-top-bg.png) no-repeat center bottom;
}

#login > .bottom-bg,
#login-welcome-message > .bottom-bg {
	content: ' ';
	height: 40px;
	background: url(../images/login-bottom-bg.png) no-repeat center top;
}

#login > .middle-bg,
#login-welcome-message > .middle-bg {
	background: url(../images/login-middle-bg.png) repeat-y center top;
}

.login-button {
	background: url("../images/login.png") left top no-repeat;
}

.login-message {
	width: 410px;
	margin-top: 40px;
}

.login-message h4 {
	width: 100%;
	text-align: center;
	margin: 20px 0 0;
	font-size: 23px;
	color: #fbb03b;
}

.login-message span {
	width: 100%;
	text-align: center;
	float: left;
	font-size: 20px;
}

.login-button-submit {
	background: url("../images/submit-login-bg.png") top center no-repeat;
	margin-top: 20px;
	width: 387px;
}

.login-message .button {
	margin-top: 40px;
	float: left;
}

.login-message-button {
	background: url("../images/login-message-button.png") top center no-repeat;
	margin: 0px 5px;
	width: 192px;
}

#login-welcome-message {
	color: #fff;
}

#login-welcome-message .wrap {
	width: 408px;
	margin: 0 auto;
	font-size: 16px;
}

#login-welcome-message table {
	width: 100%;
}

#login-welcome-message table span {
	margin: 2px;
}

#login-welcome-message .table {	
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

#login-welcome-message .table th,
#login-welcome-message .table td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/* ------------------------- DEPO ---------------------- */

#depo {
	background: url("../images/depo-bg.png") bottom left no-repeat;
	width: 488px;
	height: 167px;
	float: left;
}

#depo .form-button2 {
	margin-top: 36px;
}

#depo-button {
	background: url("../images/depo.png") top left no-repeat;
}

.button-depo {
	background: url("../images/depo-submit-bg.png") top center no-repeat;
}

#form-depo {
	width: 488px;
	float: left;
}

#form-depo > div {
	display: block;
	position: relative;
}

#form-depo > .top-bg {
	height: 40px;
	background: url("../images/depo-bg-full-top.png") center bottom no-repeat;
}

#form-depo > .bottom-bg {
	height: 44px;
	background: url("../images/depo-bg-full-bottom.png") center top no-repeat;
}

#form-depo > .middle-bg {
	background: url("../images/depo-bg-full-middle.png") center top repeat-y;
}

#form-depo-button {
	background: url("../images/form-depo.png") top left no-repeat;
}

/* ------------------------- WD ---------------------- */

#wd {
	background: url("../images/wd-bg.png") bottom left no-repeat;
	width: 488px;
	height: 167px;
	float: left;
}

#wd .form-button2 {
	margin-top: 36px;
}

#wd-button {
	background: url("../images/wd.png") top left no-repeat;
}


#form-wd {
	width: 488px;
	float: left;
}

#form-wd > div {
	display: block;
	position: relative;
}

#form-wd > .top-bg {
	height: 41px;
	background: url("../images/wd-bg-full-top.png") center bottom no-repeat;
}

#form-wd > .bottom-bg {
	height: 44px;
	background: url("../images/wd-bg-full-bottom.png") center top no-repeat;
}

#form-wd > .middle-bg {
	background: url("../images/wd-bg-full-middle.png") center top repeat-y;
}

#form-wd-button {
	background: url("../images/form-wd.png") top left no-repeat;
}

.button-wd {
	background: url("../images/wd-submit-bg.png") top center no-repeat;
}

/* ------------------------- REGIS ---------------------- */

#daftar {
	width: 488px;
	float: left;
}

#daftar > div {
	display: block;
	position: relative;
}

#daftar > .top-bg {
	content: ' ';
	height: 37px;
	background: url(../images/daftar-top-bg.png) no-repeat center bottom;
}

#daftar > .bottom-bg {
	content: ' ';
	height: 40px;
	background: url(../images/daftar-bottom-bg.png) no-repeat center top;
}

#daftar > .middle-bg {
	background: url(../images/daftar-middle-bg.png) repeat-y center top;
}

#daftar-button {
	background: url("../images/regis.png") top left no-repeat;
}

form.daftar table tr {
	height: 45px;
}

form.daftar input,form.daftar input select,form.daftar input option {
	width: 250px;
	height: 28px;
	border-radius: 5px;
}

.regis-button {
	background: url("../images/regis-submit-bg.png") top center no-repeat;
	margin: 20px 0;
}

/* ----------------------------------------------------- */


.promo {
	width: 925px;
}

.banner-promo {
	margin: 0 0 20px;
	padding: 0;
}

.smiley-all {
	width: 395px;
	float: left;
}

.smiley-top {	
	background: url("../images/smiley-top.png") top center no-repeat;
	width: 395px;
	height: 15px;
	float: left;
}

.smiley-bottom {	
	background: url("../images/smiley-bottom.png") top center no-repeat;
	width: 395px;
	height: 15px;
	float: left;
}

.smiley {
	background: url("../images/smiley-bg.png") top center repeat-y;
	width: 355px;
	padding: 0 20px;
	float: left;
}

.smiley a {
        color: #fff;
}

.smiley h3 {
	background: url("../images/title-bg.png") top center no-repeat;
	width: 315px;
	height: 70px;
	color: #552b2f;
	padding: 20px 0 0 20px; 
	margin-top: -4px;
       letter-spacing: 0.5pt;
}

.smiley:hover h3 {
       text-shadow: 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 1px #000;
}

.smiley h3.product {
	background: url("../images/title-bg-product.png") top center no-repeat;
	width: 245px;
	padding: 20px 0 0 110px;
}

.smiley h3.panduan {
	background: url("../images/title-bg-panduan.png") top center no-repeat;
	width: 245px;
	padding: 20px 0 0 110px;
}

.smiley span {
	width: 100%;
	float: left;
	border-bottom: solid 1px #fff;
	padding: 6px 0;
	font-size: 16px;
}

.smiley span a {
	color: #fff;
}

.smiley span a:hover {
	color: #428bca;
}

.smiley span.last {
	border-bottom: none;
	margin-bottom: 20px;
}

.bank {
	width: 190px;
	float: left;
	margin: 0 0 10px;
}

.bank1 {
	width: 770px;
	margin: 0 auto;
}

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

.bank ul , .bank1 ul, .bank2 ul {
	padding: 10px 5px 0;
	list-style: none;
	margin: 0 auto;
}

.bank1 ul li,  .bank2 ul li {
	width: 190px;
	margin: 0 auto;
	float: left;
}

.bank ul li {
	width: 100%;
	margin-bottom: 5px;
	float: left;
}

.berita {	
	width: 100%;
	margin: 10px auto 0;
}

#content-top {
	background: url("../images/top-content.png") top center no-repeat;
	width: 983px;
	height: 18px;
	float:left;
}

.berita-content {
	width: 933px;
	padding: 0 25px;
}

.berita-content h4  a {
	color: #ffd500;
	letter-spacing: 0.5pt;
}

.tab-title {
        width: 100%;
        float: left;
        margin-top: -19px;
}

.berita-content h3.tab {
	background: url("../images/tab-bg.png") top center no-repeat;
        float: left;
        width: 174px;
        height: 38px;
        margin: 10px 5px 10px 0;
        padding: 5px 20px 0;
        text-align: center;
}

.berita-content h3.tab:hover {
        text-shadow: 1px 1px 2px #000, 1px 1px 2px #000, 1px 1px 2px #000;
}

.tab-title a {
	color: #592d0f;
}

.berita-content h3.closed {
	opacity: 0.5;
}

.berita-content h4 a:hover {
	color: #fff;
}

.berita-content article {
	border-bottom: 1px solid #fff;
}

.berita-content p {	
	color: #fff;
	font-size: 13px;
	padding-right: 10px;
        text-align: justify;
}

.berita-content article.last {	
	border-bottom: none;
}

.berita-content article.last p {
	margin: 0;
	padding-bottom: 10px;
}	

.more-news {
	width: 100%;
	text-align: right;
}

.more-news a {
	color: #ffd500;
}

.more-news a:hover {
	color: #428bca;
}

#content-bottom {
	background: url("../images/bottom-content.png") top center no-repeat;
	width: 983px;
	height: 20px;
	float:left;
}

.kategori article {
	border-bottom: 1px solid #fff;
}

.kategori article.last {
	border-bottom: none;
}
	
/***
footer
***/

footer {
	width: 990px;
	color: #fff;
	font-family: "Helvetica Neue";
	font-size: 9px;
	text-align: center;
	margin: 20px auto 0;
	padding-bottom: 10px;
}

.mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.25)}
.overlay{display:none;z-index:10000;min-width:300px;min-height:250px;max-width:90%;max-height:90%;box-shadow:0 0 10px 3px #000; top:-1000px; left: -1000px;}
.overlay .close{background-image:url(../images/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;z-index:10010;}
.overlay img{max-width:100%;max-height:100%}

#bg_reg_thx > .bg, 
#bg_minta_id > .bg,
#bg_trx_thx > .bg,
#bg_dp > .bg,
#bg_wd > .bg {width:715px;font-family:'Tahoma';color:#FFF;font-size:12px;display:block;position:relative;}

#bg_reg_thx .top-bg,
#bg_minta_id .top-bg,
#bg_trx_thx .top-bg {content:' '; height:31px;background:url(../images/game-pop-top-bg.png) no-repeat center bottom;}
#bg_reg_thx .bottom-bg,
#bg_minta_id .bottom-bg,
#bg_trx_thx .bottom-bg {content:' '; height:34px;background:url(../images/game-pop-bottom-bg.png) no-repeat center top;}
#bg_reg_thx .middle-bg,
#bg_minta_id .middle-bg,
#bg_trx_thx .middle-bg {content:' '; background:url(../images/game-pop-middle-bg.png) repeat-y center top;}

#bg_dp .top-bg {content:' '; height:32px;background:url(../images/depo-pop-bg-top.png) no-repeat center bottom;}
#bg_dp .bottom-bg {content:' '; height:33px;background:url(../images/depo-pop-bg-bottom.png) no-repeat center top;}
#bg_dp .middle-bg {content:' '; background:url(../images/depo-pop-bg-middle.png) repeat-y center top;}
#bg_dp .proses-depo {background: url(../images/depo-pop-submit.png) no-repeat center center;width: 619px;height:43px;}

#bg_wd .top-bg {content:' '; height:32px;background:url(../images/wd-pop-bg-top.png) no-repeat center bottom;}
#bg_wd .bottom-bg {content:' '; height:33px;background:url(../images/wd-pop-bg-bottom.png) no-repeat center top;}
#bg_wd .middle-bg {content:' '; background:url(../images/wd-pop-bg-middle.png) repeat-y center top;}
#bg_wd .proses-depo {background: url(../images/depo-pop-submit.png) no-repeat center center;width: 619px;height:43px;}
#bg_wd .proses-wd {background: url(../images/wd-pop-submit.png) no-repeat center center;width: 619px;height:43px;}

.overlay li{list-style-position: inside;list-style:none}
.overlay h1{font-family: Arial condensed;font-size:30px;font-weight:bold;color: #fff;margin:0 10px 10px;}
.overlay .top{width:650px;margin:20px auto 0;text-align:center;color:#fff;line-height:18px;}
.overlay .top p{margin:0 0 10px;font-size:20px;}
.overlay .top span{font-size:12px;}
.overlay:hover .game-button h1{color:#ffff00;}
.overlay .content {text-align: center}
.overlay .content .submit{cursor:pointer;padding:0 40px;width:619px;height:43px;margin:12px auto 0;background:url('../images/game-pop-submit.png') top center no-repeat;border:0;font-size:19px;font-weight:bold;color:#fff;word-spacing:5px;}
.overlay .bank ul li{width:180px;}
.overlay .bank ul li img{max-width:150px}
.overlay .bank ul li label{cursor: pointer}

.overlay .game-button{background: url("../images/form-proses.png") top left no-repeat;width: 355px;height: 65px;margin:0 auto;padding: 10px 12px 0;}
.overlay .depo-button{background: url("../images/form-depo.png") top left no-repeat;width: 355px;height: 65px;margin:0 auto;padding: 10px 12px 0;}
.overlay .depo-button h1{margin-left:55px; padding-top: 5px;}
.overlay .wd-button{background: url("../images/form-wd.png") top left no-repeat;width: 355px;height: 65px;margin:0 auto;padding: 10px 12px 0;}
.overlay .wd-button h1{margin-left:55px; padding-top: 5px;}

.overlay .nominal{width:40%;text-align:center;font-weight:bold;font-size:25px;border:0px;margin-top:10px;border-radius:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;}
#bg_dp .nominal{color:#26754d;}
#bg_wd .nominal{color:#f00;}

.berita-content h4, .berita-content h3, #promo h3, #promo h4 {color:#FFD500;letter-spacing: 0.5pt;}
.berita-content .tab-title {list-style: none; margin:-7px 0 0 !important;padding:0;position: relative;clear: both;}
.berita-content .tab-title:after {clear: both;, content: ''; display: table;}
.berita-content .tab-title li {float: left;position: relative;}
.berita-content .tab-panes > section {display:none;}
.berita-content li a h3.tab {opacity: 0.5;margin-top:0;color:#592D0F;}
.berita-content li a.current h3.tab {opacity: 1;}
.berita-content #promo {font-size: 16px}
#promo ul li { float:left; width: 100%; }

#float-banner {position: relative;height: 1px}
#float-banner > div {position: absolute;top:-1000px;}
#float-banner .banner-left{left:-1000px;}
#float-banner .banner-right{right:-1000px;}

.visitor-counter {position: fixed; left: 5px; bottom: 5px;}

#jackpot {position: relative; color: #fff;}
#jackpot > div {display: table; width: 983px; margin: 0 auto;}
#jackpot .bg-top { height: 14px; background: url(../images/jackpot/bg-jp-box-top.png) no-repeat center bottom; }
#jackpot .bg-middle { min-height: 50px; background: url(../images/jackpot/bg-jp-box-middle.png) repeat-y center top; }
#jackpot .bg-bottom { height: 14px; background: url(../images/jackpot/bg-jp-box-bottom.png) no-repeat center top; }

#jackpot .jackpot-brief-text {color: #FFD500; font-weight: bold; font-size: 30px; font-family: impact; text-align: center; letter-spacing: 0.7pt; }
#jackpot .tulisan { color: #000; font-weight: bold; font-size: 28px; font-family: impact; text-align: center; letter-spacing: 0.5pt; }
#jackpot .bg-text { width: 928px; height: 65px; background: url(../images/jackpot/bg-text.png) no-repeat center center; margin: 0 auto; display: table; }
#jackpot .tulisan.big { font-size: 26px; }
#jackpot .tulisan.big.padding-top { font-size: 26px; margin-top: 10px; }
#jackpot .tulisan.small { font-size: 14px; font-weight: normal; }
#jackpot .bg-text .tulisan { margin: 0;}


#jackpot .baris > td > div > span { display: block; padding: 3px 0; }
#jackpot .baris > td > div { width: 100%; font-size: 12px; display: inline-table; vertical-align: middle; height: 25px; margin: 2px 0 !important; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 0; border-right: 0; padding: 0; }
#jackpot .baris > td:first-child > div {border-left: 1px solid #fff; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
#jackpot .baris > td:first-child > div > span {display: block;  margin-left: 5px;}
#jackpot .baris > td:last-child > div {border-right: 1px solid #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
#jackpot .baris > td:last-child > div > span {display: block; margin-right: 5px;}
#jackpot .baris > .separator > div {border-right: 2px solid #fff;}

#jackpot .table-pemenang, .table-jackpot-ref {border: 0; margin: 0 auto; width: 928px;}
#jackpot .txt-pemenang {text-align: left;  width: 190px; }

#jackpot .spacer { width: 10px } 
#jackpot .bg-win { width: 187px; color: #FFD500; font-size: 12px; font-weight: bold; margin: 0 1px; text-align: left; }
#jackpot .bg-game { width: 170px; background: url(../images/jackpot/bg-win-nogame.png) no-repeat center left; text-shadow: 0 1px 1px #000; font-size: 12.5px; font-weight: bold; text-align: left; }

#jackpot .bg-game div span { margin-left: 4px;}

#jackpot .bg-game.game-10 {background-image: url(../images/jackpot/bg-win-sbobet.png)}
#jackpot .bg-game.game-13 {background-image: url(../images/jackpot/bg-win-338a.png)}
#jackpot .bg-game.game-11 {background-image: url(../images/jackpot/bg-win-ibcbet.png)}
#jackpot .bg-game.game-14 {background-image: url(../images/jackpot/bg-win-1scasino.png)}
#jackpot .bg-game.game-12 {background-image: url(../images/jackpot/bg-win-asia8bet.png)}

#jackpot .table-jackpot-ref td { vertical-align: middle;}
#jackpot .table-jackpot-ref .bg-game { display: inline-block; width: 178px; height: 29px; background: no-repeat center left; text-shadow: 0 1px 1px #000; font-size: 15px; font-weight: bold; text-align: center; vertical-align: middle; }
#jackpot .table-jackpot-ref .bg-game.game-sbobet {background-image: url(../images/jackpot/bg-jp-sbobet.png)}
#jackpot .table-jackpot-ref .bg-game.game-338a {background-image: url(../images/jackpot/bg-jp-338a.png)}
#jackpot .table-jackpot-ref .bg-game.game-ibcbet {background-image: url(../images/jackpot/bg-jp-ibcbet.png)}
#jackpot .table-jackpot-ref .bg-game.game-1scasino {background-image: url(../images/jackpot/bg-jp-1scasino.png)}
#jackpot .table-jackpot-ref .bg-game.game-asia8bet {background-image: url(../images/jackpot/bg-jp-asia8bet.png)}

.text-center { text-align: center;}
.hide { display:none; }
.main-article{
	background: #fff top center repeat-y;
	width: 953px;
	padding: 0 15px;
	color: #000;
	float: left;
}
.container > .main-article p {
	color: #000;
	float: left;
	width:100%;
	font-weight:normal;
    text-align: justify;
}