@charset "utf-8";
body  
{
	background:url(images/bg2.gif) top repeat-x #070707;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#818181;
	padding:0;
	margin:0;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span
{
	margin:0; 
	padding:0;
}
a{
	color:#8c0019; 
	text-decoration:none;
}
img{
border:none;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
input{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
}
option{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
}
select{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
#container 
{ 
	width:1092px;
	margin-left: auto;
	margin-right: auto;
	background: none;
	margin: 0 auto; 
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/*-----------------------------header atas-----------------------------------------------*/
#headeratas
{
	width:1092px;
	height:5px;
}
/*-----------------------------header Bawah-----------------------------------------------*/
#headerbawah
{
	width:1092px;
	height:302px;
	background:url(images/bg-top3.jpg) top left no-repeat;
}
#headerbawah .headerbanner
{
	width:572px;
	padding:100px 0 0 20px;
	height:202px;
}
/*-----------------------------Menu----------------------------------------------*/
#menu
{
	width:1092px;
	height:48px;
	overflow:hidden; 
	padding-left:0px;
	background:url(images/bg_menu.jpg) top left no-repeat;
}
#menu ul
{
	margin:0px; 
	padding:0px;
	list-style:none; 
	text-align:center;
}
#menu ul li
{
	float:left; 
	padding:0px 2px 0px 0px; 
	background:url(images/bg-li.gif) right top no-repeat;
}
#menu ul li a
{
	color:#161616; 
	text-decoration:none; 
	font-size:12px; 
	display:block; 
	padding:15px 0px 17px 0px; 
	font-weight:bold; 
	width:119px;
}
#menu ul li a:hover
{
	color:#FFF; 
	background:url(images/bg-li-active.gif) top repeat-x
}

#menu ul li a.active 
{
	color:#FFF; 
	background:url(images/bg-li-active.gif) top repeat-x
}
#menu ul li.first a.active
{
	background:url(images/li-first-active.gif) top left no-repeat;
}
#menu ul li.first a:hover 
{
	background:url(images/li-first-active.gif) top left no-repeat;
}
#menu ul li.last a.active
{
	background:url(images/li-last-active.gif) top right no-repeat;
}
#menu ul li.last a:hover 
{
	background:url(images/li-last-active.gif) top right no-repeat;
}
#menu ul li.last 
{
	background:none; 
	padding:0;
}
#menu ul li.last a
{
	width:124px;
}
/*-----------------------------Pencarian-----------------------------------------------*/
#pencarian
{
	width:1092px;
	height:44px;
}
#pencariankiri
{
	width:853px;
	height:38px;
	padding-top:6px;
	float:left;
}
#pencariankanan
{
	width:227px;
	height:34px;
	padding: 10px 0 0 6px;
	float:left;
}
/*-----------------------------Kolom Utama-----------------------------------------------*/
#kolomutama
{
	width:1092px;
	height:overflow;
}
/*-----------------------------Kolom Kiri-----------------------------------------------*/
#kolomkiri
{
	width:853px;
	margin-bottom:25px;
	height:overflow;
	float:left;
}
#kolomkiri .framekiriatas
{
	width:853px;
	height:5px;
	background:url(images/bg_kolomkiri_atas.gif) top left no-repeat;
	font-size:0; 
	line-height:0;
	
}
#kolomkiri .framekiritengah
{
	width:843px;
	height:overflow;
	padding-left:4px;
	padding-right:4px;
	border-left:solid 1px #262626;
	border-right:solid 1px #262626;
	padding-bottom:25px;
	background-color:#161616;
	
}
#kolomkiri .framekiribawah
{
	width:853px;
	height:5px;
	background:url(images/bg_kolomkiri_bawah.gif) top left no-repeat;
	
}
.menukiri
{
	width:233px;
	height:overflow;
	float:left;
}
.menukiriframeatas
{
	width:233px;
	height:4px;
	background:url(images/bg_kkmenu_atas.gif) top left no-repeat;
	font-size:0; 
	line-height:0;
}
.menukiriframetengah
{
	width:231px;
	height:overflow;
	border-left:solid 1px #262626;
	border-right:solid 1px #262626;
	background-color:#020101;
	padding: 0 0 20px 0;
}
.menukiriframetengah td
{
	vertical-align:top;
}
.support
{
	margin-top:0px; 
	margin-bottom:0px;
	margin-left:20px;
	margin-right:20px;
}
.supportatas
{
	width:191px;
	height:6px;
	font-size:0; 
	line-height:0;
	background:url(images/bg_support1.gif) top left no-repeat
}
.supporttengah
{
	width:181px;
	padding:0 5px 0 5px;
	background:url(images/bg_support3.gif) top left repeat-y;
	color:#000000;
}
img.ym
{
	text-align:right;
	display:inherit;
	margin: 0 auto;
}
.supportbawah
{
	width:191px;
	height:6px;
	font-size:0; 
	line-height:0;
	background:url(images/bg_support2.gif) top left no-repeat
}
.menukiriframetengah h3
{
	color:#424242; 
	padding: 5px 20px 5px 20px;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
}
.menukiriframetengah ul.biasa
{
	padding-top:0px; 
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
}
.menukiriframetengah ul.biasa span
{
	font-size:11px; 
	color:#FFFFFF;
}
.menukiriframetengah ul.biasa li
{
	background:none; 
	padding:0px 0px 10px 0px; 
	list-style-image:none; 
	list-style:none; 
	line-height:16px; 
	color:#818181; 
	font-size:12px; 
	margin-left:0px; 
	text-transform:none; 
	font-weight:normal; 
	border-bottom:1px solid #202020;
}
.menukiriframetengah ul.biasa li a
{
	background:none; 
	color:#8c0019; 
	font-weight:normal; 
	text-transform:none; 
	text-decoration:none; 
	font-size:12px; 
	padding-left:0px;
}
.menukiriframetengah ul.biasa li a:hover
{
	text-decoration:none;
}
.menukiriframetengah ul
{
	padding-top:0px; 
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
}

.menukiriframetengah ul li
{
	padding:0px 0px 1px 0px; 
	list-style-image:none; 
	list-style:none; 
	line-height:normal;
	line-height:23px; 
	color:#818181; 
	font-size:12px; 
	margin-left:0px; 
	text-transform:none; 
	font-weight:normal;
	overflow:hidden; 
	background:url(images/bg-line.gif) bottom left no-repeat;
}
.menukiriframetengah ul li a
{
	background:url(images/a1.gif) no-repeat 0 8px; 
	color:#8c0019; 
	font-size:12px; 
	text-decoration:none; 
	display:block; 
	padding-left:13px; 
	overflow:hidden;
}
.menukiriframetengah ul li a:hover
{
	text-decoration:none; 
	color:#FFF;
}
.menukiriframebawah
{
	width:233px;
	height:4px;
	margin-bottom:6px;
	background:url(images/bg_kkmenu_bawah.gif) top left no-repeat;
}
/*-----Kolom Kiri bagian kanan*/
.menukananutama
{
	width:575px;
	height:overflow;
	float:left;
}
.menukanan
{
	width:540px;
	margin-top:35px;
	padding-left:35px;
	height:overflow;
	float:left;
}
.menukanan p
{
	text-align:justify;
}
.menukanan h1
{
	color:#fff; 
	font-size:24px; 
	font-weight:normal;
	background:none; 
}
.menukanan h1 a
{
	color:#FFF; 
	text-transform:none; 
	text-decoration:none; 
	font-size:24px; 
	font-weight:normal; 
	line-height:normal; 
	line-height:22px;
}
.menukanan h1 a:hover
{
	text-decoration:none; 
	color:#cc2424
}
.kalimat
{
	padding:5px 0px 5px 0px; 
	overflow:hidden; 
	border-bottom:1px solid #303030;
	font-size:12px; 
	text-align:justify;
	line-height:normal; 
	font-weight:normal;
}
.kalimat p
{
	margin-top:5px;
}
.kalimat a
{
	color:#8c0019;
}
.kalimat img
{
	float:left;
	margin:10px;
}
img.support
{
	float:left;
	margin:1px;
}
.kalimat span
{
	color:#8c0019;
}
.kalimat td
{
	vertical-align:top;
}
.kalimat th
{
	vertical-align:middle;
	text-align:center;
}
.kalimat h3
{
	color:#fff; 
	font-size:17px; 
	font-weight:normal;
	margin-top:10px;
	background:none; 
}
td.center
{
	text-align:center;
	vertical-align:middle;
	height:30px;
}
.history
{
	display:block;
	background:url(images/history.gif) center center no-repeat;
	float:left;
	height:16px;
	width:16px;
	margin:0 0 0 4px;
}
.withdrawal
{
	display:block;
	background:url(images/money.gif) center center no-repeat;
	float:left;
	height:16px;
	width:16px;
	margin:0 0 0 4px;
}
/*-----------------------------Kolom Kanan-----------------------------------------------*/
#kolomkanan
{
	width:233px;
	height:overflow;
	margin-left:6px;
	float:left;
}
.kananmenu
{
	width:233px;
	height:overflow;
	float:left;
}
.kananmenuframeatas
{
	width:233px;
	height:5px;
	background:url(images/bg_menukanan_atas.gif) top left no-repeat;
	font-size:0; 
	line-height:0;
}
.kananmenuframetengah
{
	width:231px;
	height:overflow;
	border-left:solid 1px #262626;
	border-right:solid 1px #262626;
	padding-bottom:20px;
	background-color:#181717;
}
.kananmenuframetengah h3
{
	height:34px;
	background:url(images/bg-h.gif) top center no-repeat; 
	color:#8c0019; 
	padding:9px 0px 4px 23px;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
}
.kananmenuframetengah ul
{
	padding-top:0px; 
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
}

.kananmenuframetengah ul li
{
	background:none; 
	padding:0px 0px 10px 0px; 
	list-style-image:none; 
	list-style:none; 
	line-height:16px; 
	color:#818181; 
	font-size:12px; 
	margin-left:0px; 
	text-transform:none; 
	font-weight:normal; 
	border-bottom:1px solid #202020;
}
.kananmenuframetengah ul li a
{
	background:none; 
	color:#8c0019; 
	font-weight:normal; 
	text-transform:none; 
	text-decoration:none; 
	font-size:12px; 
	padding-left:0px;
}
.kananmenuframetengah ul li a:hover
{
	text-decoration:underline;
}
.kananmenuframebawah
{
	width:233px;
	height:5px;
	background:url(images/bg_menukanan_bawah.gif) top left no-repeat;
	margin-bottom:6px;
}
/*-------------------Lain Lain------------------*/
p.warning
{
	color:#FF0000;
	font:bold 10px/14px Arial, Helvetica, sans-serif;
}
.textbox
{
	width:157px; 
	font-size:12px; 
	font-weight:normal; 
	color:#818181; 
	height:17px; 
	background:#1c1c1c; 
	border:1px solid #3c3c3c; 
	margin-right:5px; 
	padding:1px 0px 0px 5px;
	float:left;
}
.combobox
{
	width:160px; 
	font-size:12px; 
	font-weight:normal; 
	color:#818181; 
	height:20px; 
	background:#1c1c1c; 
	border:1px solid #3c3c3c; 
	margin-right:5px; 
	padding:1px 0px 0px 5px;
	float:left;
}
.textarea
{
	width:157px; 
	font-size:12px; 
	font-weight:normal; 
	color:#818181; 
	background:#1c1c1c; 
	border:1px solid #3c3c3c; 
	margin-right:5px; 
	padding:1px 0px 0px 5px;
	float:left;
}
a.squarebutton
{
background: transparent url('images/square-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #fff; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-red-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
color:#FFFFFF;
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
.buttonred
{	
	width:78px;
	height:23px;
	display:block;
	background-color:transparent;
	background:url(images/login.gif) center center no-repeat;
	border: 0px solid #CCCCCC;
	margin:0;
	padding:0;
	color:#FFFFFF;
}
.buttonwhite
{	
	width:74px;
	height:20px;
	display:block;
	background-color:transparent;
	background:url(images/btn_white.gif) center center no-repeat;
	border: 0px solid #CCCCCC;
	margin:0;
	padding:0;
	color:#FF0000;
}