body{
	margin:0px; padding:0px;
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	background-color:#000;
	background-image:url(../images/background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

a { text-decoration:none;color:#fff;}

a:hover {
	color:#fff;
	text-shadow:0 0 5px #FFF;
	-webkit-transition:background 0,5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;color:#FFF;
}

#header{
	display:block;
	height:112px;
}

.bodyheader{
	width: 100%;
    height: 125px;
	margin-top:-17px;
}

#logo{
	margin-top: 0px;
}

/***------------------ ESSENTIAL STYLES -------------------------***/
/***------------------ ESSENTIAL STYLES -------------------------***/

#nav{
    width: 100%;
    height: 38px;
	background-color: #6c4607;
    background-image: -moz-linear-gradient(top, #6c4607 0%, #f3c572 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c4607), color-stop(100%,#f3c572));
    background-image: -webkit-linear-gradient(top, #6c4607 0%,#f3c572 100%);
    background-image: -o-linear-gradient(top, #6c4607 0%,#f3c572 100%);
    background-image: linear-gradient(top, #6c4607 0%,#f3c572 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c4607', endColorstr='#f3c572',GradientType=0 );
    border-bottom: 5px solid #402901;
}

.nav-container {
   margin:0 auto;
   width:960px;
}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

.sf-menu a, .sf-menu a:visited, .sf-menu a.main1, .sf-menu a.main1:visited{
    padding: 12px 19px;
	background-color: #6c4607;
    background-image: -moz-linear-gradient(top, #6c4607 0%, #f3c572 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c4607), color-stop(100%,#f3c572));
    background-image: -webkit-linear-gradient(top, #6c4607 0%,#f3c572 100%);
    background-image: -o-linear-gradient(top, #6c4607 0%,#f3c572 100%);
    background-image: linear-gradient(top, #6c4607 0%,#f3c572 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c4607', endColorstr='#f3c572',GradientType=0 );
    background-repeat: repeat-x;
    font-size: 12px;
    color: #fff;
	text-shadow: -2px -0px 0 rgba(0,0,0,0.3);
    font-weight: 700;
    font-family:arial, helvetica, sans-serif;
    border-top: none;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a.main1:focus, .sf-menu a.main1:hover, .sf-menu a.main1:active, .sf-menu a.main-inside:focus, .sf-menu a.main-inside:hover, .sf-menu a.main-inside:active{
	background-color: #6c4607;
    background-image: -moz-linear-gradient(top, #d08900 0%, #ab833a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d08900), color-stop(100%,#ab833a));
    background-image: -webkit-linear-gradient(top, #d08900 0%,#ab833a 100%);
    background-image: -o-linear-gradient(top, #d08900 0%,#ab833a 100%);
    background-image: linear-gradient(top, #d08900 0%,#ab833a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d08900', endColorstr='#ab833a',GradientType=0 );
    background-repeat: repeat-x;
    color: #fff;
    text-shadow: 0px 0px 10px #fff;
}


.sf-menu a.android, .sf-menu a.android:visited{
    background: url(../images/android-menu.png) #005904 75px 0px no-repeat;
	background-position: right top;
}

.sf-menu a.android:focus, .sf-menu a.android:hover, .sf-menu a.android:active{
    background: url(../images/android-menu.png) #00d729 75px 0px no-repeat;
	background-position: right top;
}

.sf-menu a.daftar, .sf-menu a.daftar:visited{
    background: url(../images/daftar-menu.png) #7b0000 75px 0px no-repeat;
	background-position: right top;
}

.sf-menu a.daftar:focus, .sf-menu a.daftar:hover, .sf-menu a.daftar:active{
    background: url(../images/daftar-menu.png) #ff0000 75px 0px no-repeat;
	background-position: right top;
}

.sf-menu a.logout, .sf-menu a.logout:visited{
    background: url(../images/logout-menu.png) #7b0000 75px 0px no-repeat;
	background-position: right top;
}

.sf-menu a.logout:focus, .sf-menu a.logout:hover, .sf-menu a.logout:active{
    background: url(../images/logout-menu.png) #ff0000 75px 0px no-repeat;
	background-position: right top;
}

.sf-menu > li > a{
    border-right: 1px solid #bb9d63;
    border-left: 1px solid #5c4226;
}

.sf-menu > li:first-child > a{
    border-left: 0px solid #fff;
}

.sf-menu > li:last-child > a{
    border-right: 0px solid #fff;
}

/***------------------ END ESSENTIAL STYLES -------------------------***/
/***------------------ END ESSENTIAL STYLES -------------------------***/

.body-container{
	margin:10px;
}
.body-content{
	color: #fff;
	font-size:14px;
    background: #000D01;
    border-radius: 15px;
	border:1px solid #bb9d63;
	text-align: left;
	border-radius: 7px;
}

.wrap-content{
	padding:10px;
}

.bgrunningtext{
    background-color: #000;
    border: 1px solid #bb9d63;
    border-radius: 7px;
    height: 25px;
    margin-bottom: 5px;
}

.runningtext{
	overflow:hidden;
	color:#fff;
	margin-top:5px;
}

.marquee0{border-top: 1px solid #bb9d63;}

.run-text{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: arial, helvetica, sans-serif;
    color:#efefef;
	text-shadow:0 0 5px #efefef;
	}

#home-container{
	margin:0px auto;
	width:1000px;
	padding-top:5px;
}

#divslideshow{
	margin:auto;	
}

.bg-contactus{
	width: 256px;
    margin: 10px 15px;
	height: 257px;
}

.body-contactus{
	background: rgba(0, 0, 0, 0.44);
	border: 1px solid #bb9d63;
	border-radius: 7px;
	float:right;
	box-shadow:0px 0px 7px #000000;
}

.bg-contactusbar{
	display: block;
    height: 35px;
    border-bottom: 1px solid #443925;
}

.bg-game{
	background: rgba(0, 0, 0, 0.44);
	border: 1px solid #bb9d63;
	border-radius:7px;
	width:130px;
	height:125px;
    float: left;
	margin-bottom:10px;
	box-shadow:0px 0px 7px #000000;
}

.bg-game-online{
	background: rgba(0, 0, 0, 0.44);
	border: 1px solid #bb9d63;
	border-radius: 7px;
	width:318px;
	height:150px;
    float: left;
	box-shadow:0px 0px 7px #000000;
}

.bg-jackpot{
    border-radius: 7px;
    width: 318px;
    float: right;
	margin-top:-5px;
}

.bg-deposit{
	width:318px;
}

.title-game{
	width: 100%;
    height: 29px;
    background-color: #6c4607;
    background-image: -moz-linear-gradient(top, #6c4607 0%, #f3c572 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c4607), color-stop(100%,#f3c572));
    background-image: -webkit-linear-gradient(top, #6c4607 0%,#f3c572 100%);
    background-image: -o-linear-gradient(top, #6c4607 0%,#f3c572 100%);
    background-image: linear-gradient(top, #6c4607 0%,#f3c572 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c4607', endColorstr='#f3c572',GradientType=0 );
    background-repeat: repeat-x;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #bb9d63;
	text-align:center;
	}

#footer {
	background:#000000;
    width: 100%;
	border-top: 5px solid #402901;
}

.footer-container {
	padding-top:10px;
	padding-bottom:10px;
	margin: 0 auto;
	width: 1000px;
}

#footernav {
	color:#f6f6f6;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6{
	color:#bb9d63;
}

#footernav a{
	color:#bb9d63;
	text-decoration:none;
}
#footernav p{
	text-transform:uppercase;
}

#footernav a:hover{
	color:#fff;
	text-shadow:0 0 6px #FFF;
	-webkit-transition:background 0,5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;color:#FFF;
}

.fontfooter{
	color:#bb9d63;
	font-size:11px;
	text-decoration:none;
}

.title-widget{
    border-top: 1px solid #bb9d63;
    border-left: 1px solid #bb9d63;
    border-right: 1px solid #bb9d63;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
	text-shadow: 1px 1px 3px #000;
    padding: 8px;
	background-color: #6c4607;
    background-image: -moz-linear-gradient(top, #6c4607 0%, #f3c572 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c4607), color-stop(100%,#f3c572));
    background-image: -webkit-linear-gradient(top, #6c4607 0%,#f3c572 100%);
    background-image: -o-linear-gradient(top, #6c4607 0%,#f3c572 100%);
    background-image: linear-gradient(top, #6c4607 0%,#f3c572 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c4607', endColorstr='#f3c572',GradientType=0 );
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #402901;
}


.jackpot-poker {
	background: rgba(0, 0, 0, 0.44);
	color:#fff;
	font-size:31px;
	text-align:center;
	font-weight:bold;
	text-shadow:0px 0px 5px #bb9d63;
	border:1px solid #bb9d63;
	border-radius:0 0 7px 7px;
	margin-bottom: 5px;

}

.vticker1, .vticker2{
	color:white;
	width:100%;
	margin-bottom:10px;
	border: 1px solid #bb9d63;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-shadow:0px 0px 7px #000000;
	border-radius:0 0 7px 7px;
}

.vticker1 ul, .vticker2 ul{
	padding: 0;
	width:100%;
	background-color:#000;
	background: #000000;
	border-radius:0 0 7px 7px;
	
}

.vticker1 li, .vticker2 li{
	list-style: none;
	padding: 9px;
}

.inputform{
    border-radius: 5px;
	border: 1px solid #bb9d63;
    padding: 5px 5px;
    background-color: #000;
    right: 0;
    width: 120px;
	color:#fff;
}

.itemuser{
	font-size:14px;
	float:left;
	width:35%;
	text-align:left;
}

.itemuser img{
	float:left;
	margin-right:3px;
	margin-top:-1px;
}

.itemjumlah{
	font-size:14px;
	}

.itemstatus{
	font-size:14px;
	margin-left:12px;
	float:right;
}

.fontwhite{
	color:white;
}

.fontcontact{
	color: #fff;
	font-size:15px;
	font-weight:bold;
	line-height: 39px;
}


.fontgame{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: #000 1px 1px 3px;
    line-height: 29px;
}
.margintop5{margin-top:7px;}

.menu_btn {
    border: 1px solid #fff;
    font-size: 12px;
	text-align:center;
    font-family: arial, helvetica, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #00be0d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00be0d), to(#033d04));
    background-image: -webkit-linear-gradient(top, #00be0d, #033d04);
    background-image: -moz-linear-gradient(top, #00be0d, #033d04);
    background-image: -ms-linear-gradient(top, #00be0d, #033d04);
    background-image: -o-linear-gradient(top, #00be0d, #033d04);
    background-image: linear-gradient(to bottom, #00be0d, #033d04);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00be0d, endColorstr=#033d04);
}

.menu_btn:hover{
	 border:1px solid #fff;
	 text-shadow: 0 0 5px #fff;
	 background-color: #00be0d;
	 background-image: -webkit-gradient(linear, left top, left bottom, from(#bb9d63), to(#033d04));
	 background-image: -webkit-linear-gradient(top, #bb9d63, #033d04);
	 background-image: -moz-linear-gradient(top, #bb9d63, #033d04);
	 background-image: -ms-linear-gradient(top, #00ff06, #033d04);
	 background-image: -o-linear-gradient(top, #00ff06, #033d04);
	 background-image: linear-gradient(to bottom, #00ff06, #033d04);
	 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00ff06, endColorstr=#033d04);
}


.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
filter: alpha(opacity=70);
	opacity: 1;
	overflow:hidden;
	cursor: pointer;
}

.jssorb01 div { 
	background-color: #9c0000; 
	border-radius:7px; 
	margin-left: -5px;

}
.jssorb01 div:hover, .jssorb01 .av:hover { 
	background-color: #9c0000;
	border-radius:7px; 
}
.jssorb01 .av { 
	background-color: #00FF1D;
	border-radius:7px;
	box-shadow:0 0 15px #00FF1D; 
}
.jssorb01 .dn, .jssorb01 .dn:hover { 
	background-color: #00FF1D; 
	border-radius:7px;
	box-shadow:0 0 15px #00FF1D; 
}

.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn{
	position: absolute;
	cursor: pointer;
	display: block;
	overflow:hidden;
}

.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }

#livechat-sbobet{
float: right;

}

.livechat{
z-index: 3;
right: 12px;
bottom: 36px;
position: fixed;
}

.livechat-1{
z-index: 2;
right: 12px;
bottom: 36px;
position: fixed;
animation: rotateleft linear 36s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
-webkit-animation: rotateleft linear 36s;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-moz-animation: rotateleft linear 36s;
-moz-animation-iteration-count: infinite;
-moz-transform-origin: 50% 50%;
-o-animation: rotateleft linear 36s;
-o-animation-iteration-count: infinite;
-o-transform-origin: 50% 50%;
-ms-animation: rotateleft linear 36s;
-ms-animation-iteration-count: infinite;
-ms-transform-origin: 50% 50%;
}

.livechat-2{
z-index: 0;
right: 12px;
bottom: 36px;
position: fixed;
animation: rotateright linear 15s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
-webkit-animation: rotateright linear 15s;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-moz-animation: rotateright linear 15s;
-moz-animation-iteration-count: infinite;
-moz-transform-origin: 50% 50%;
-o-animation: rotateright linear 15s;
-o-animation-iteration-count: infinite;
-o-transform-origin: 50% 50%;
-ms-animation: rotateright linear 15s;
-ms-animation-iteration-count: infinite;
-ms-transform-origin: 50% 50%;
}


@keyframes rotateright{
0%{transform:rotate(0deg) scaleX(1) scaleY(1);}
50%{transform:rotate(180deg) scaleX(1) scaleY(1);}
100%{transform:rotate(360deg) scaleX(1) scaleY(1);}}

@-moz-keyframes rotateright{
0%{-moz-transform:rotate(0deg) scaleX(1) scaleY(1);}
50%{-moz-transform:rotate(180deg) scaleX(1) scaleY(1);}
100%{-moz-transform:rotate(360deg) scaleX(1) scaleY(1);}}

@-webkit-keyframes rotateright{
0%{-webkit-transform:rotate(0deg) scaleX(1) scaleY(1);}
50%{-webkit-transform:rotate(180deg) scaleX(1) scaleY(1);}
100%{-webkit-transform:rotate(360deg) scaleX(1) scaleY(1);}}

@keyframes rotateleft{
0%{transform:rotate(0deg) scaleX(1) scaleY(1);}
50%{transform:rotate(-180deg) scaleX(1) scaleY(1);}
100%{transform:rotate(-360deg) scaleX(1) scaleY(1);}}

@-moz-keyframes rotateleft{
0%{-moz-transform:rotate(0deg) scaleX(1) scaleY(1);}
50%{-moz-transform:rotate(-180deg) scaleX(1) scaleY(1);}
100%{-moz-transform:rotate(-360deg) scaleX(1) scaleY(1);}}

@-webkit-keyframes rotateleft{
0%{-webkit-transform:rotate(0deg) scaleX(1) scaleY(1);}
50%{-webkit-transform:rotate(-180deg) scaleX(1) scaleY(1);}
100%{-webkit-transform:rotate(-360deg) scaleX(1) scaleY(1);}}