body{ width:995px; margin:0 auto; text-align:left; background:url(../images/bg.gif) repeat-x #00c4df; }
.container{ width:995px; padding:0; background:url(../images/bg-main-body.gif) repeat-y; }
.header { width:995px; height:179px; background:url(../images/bg-header.jpg) repeat-x; }
.logo { float:left; width:252px; height:179px; background:url(../images/logo.jpg) no-repeat; display:block; }
.header-right { float:right; width:743px; height:179px; background:url(../images/bg-header-right.jpg) top right no-repeat; }
.header-02 { height:203px; }
.menu-sbar { float:left; width:265px; height:203px; background:url(../images/bg-menu-sbar.jpg) no-repeat; display:block; }
.main-menu-sbar { width:180px; padding-left:70px; padding-top:10px; }
.bg-header-02 { float:right; width:730px; height:203px; background:url(../images/bg-header-02.jpg) no-repeat; display:block; }
.header-flash { float:left; width:390px; height:180px; }
.support { float:right; width:338px; height:203px; }
.main-support { width:270px; height:100px; padding-left:20px; margin-top:50px; }
.teks-support { font-weight:bold; font-size:10pt; color:#000000; padding-right:10px; }

/*MAIN BODY*/
.bg-top-main-body { width:995px; height:20px; background:url(../images/bg-top-main-body.gif) no-repeat; display:block; }
.main-body { width:995px; }
.bg-bottom-main-body { width:995px; height:42px; background:url(../images/bg-bottom-main-body.gif) no-repeat; display:block; }

/*SIDEBAR-LEFT*/
.sidebar-left { float:left; width:264px; }
.member-login { width:264px; background:url(../images/bg-member-login.gif) repeat-y; }
.top-member-login { width:264px; height:38px; background:url(../images/bg-top-member-login.gif) no-repeat; display:block; }
.bottom-member-login { width:264px; height:14px; background:url(../images/bg-bottom-member-login.gif) no-repeat; display:block; }
.form-login { width:172px; padding-left:69px; }
.title-sidebar-left { font-size:9pt; color:#ffffff; padding-left:85px; padding-top:5px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }
.title-sidebar-left-02 { font-size:9pt; color:#ffffff; padding-left:80px; padding-top:15px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }
.bg-top-sidebar-left { width:264px; height:36px; background:url(../images/bg-top-sidebar-left.gif) no-repeat; display:block; }
.content-sidebar-left { padding-left:67px; }

.main-content-sidebar-left { width:178px; padding:10px 10px 15px 10px; color:#464464; background:url('../images/corner-top-right.gif') top right no-repeat #d9e8e9; }
.main-content-sidebar-left-footer { height:5px; display:block; background:#d9e8e9; }
.main-content-sidebar-left-footer1 { float:left; display:block; width:5px; height:5px; background:url('../images/corner-bottom-left.gif') bottom left no-repeat #d9e8e9;  }
.main-content-sidebar-left-footer2 { float:right; display:block; width:5px; height:5px; background:url('../images/corner-bottom-right.gif') bottom right no-repeat #d9e8e9;  }

/*CONTENT*/
.content { float:left; width:435px; padding:10px 12px 10px 15px; text-align:justify; }

.content-round { width:435px; background:#d9e8e9; }
.content-round-main { padding:10px; color:#036; text-align:left; }
.content-round-top { height:5px; display:block; background:url('../images/round-top.gif') top left no-repeat; }
.content-round-bottom { height:5px; display:block; background:url('../images/round-bottom.gif') bottom left no-repeat; }

/*SIDEBAR-RIGHT*/
.sidebar-right { float:right; width:264px; }
.bg-top-statistik { width:264px; height:101px; background:url(../images/top-statistik-member.gif) no-repeat; display:block; }
.bg-top-referal { width:264px; height:101px; background:url(../images/top-referal-member.gif) no-repeat; display:block; }
.bg-sidebar-right { width:264px; background:url(../images/bg-sidebar-right.gif) repeat-y; }
.bg-sidebar-right2 { width:264px; }
.main-sidebar-right { padding-left:20px; }
.bottom-sidebar-right { width:264px; height:22px; background:url(../images/bg-bottom-sidebar-right.gif) no-repeat; display:block; }
.tab-statistik { width:200px; padding-left:15px; }

/*MENU*/
.sidebar-menu ul, ul.children{ list-style-type:none; margin:0 !important; padding:0 !important; }
/*.sidebar-menu ul li a{ display:block; padding:3px 10px 3px 10px; text-align:left; font-size:9pt; color:#170261; background:url('../images/arrow.png') 15px 11px no-repeat; border-bottom:1px solid #51785b; text-decoration:none; font-weight:bold; }*/
.sidebar-menu ul li a{ display:block; padding:3px 10px 3px 10px; text-align:center; font-size:9pt; color:#fff; background:url('../images/arrow.png') 15px 11px no-repeat; border-bottom:1px dotted #0362ab; text-decoration:none; font-weight:normal; }
.sidebar-menu ul li:last-child a, .sidebar-menu ul li.last-child a{ border-bottom:none !important; }
.sidebar-menu ul li a:hover{ display:block; color:#01fcff; text-decoration:none; background:url('../images/arrow_hover.png') 15px 11px no-repeat; }

#menu {background:url(../images/menu_tall.gif) top repeat-x; height:50px; margin-top:75px; width:600px; }
#menu .rightbg {background:url(../images/menu_right.gif) top right no-repeat; }
#menu .leftbg {background:url(../images/menu_left.gif) top left no-repeat; width:600px; height:50px;}
#menu .padding {padding:0 auto; margin:0; }
#menu li { color:#FFFFFF; float:left; font-size:1pt; text-align:center; }
#menu li a {color:#fff; text-decoration:none; font-weight:bold; font-size:10pt; display:block; padding:17px 8px 7px 12px; }
#menu li span{ display:block; padding-top:0px; padding-bottom:0px; font-weight:bold; }
#menu ul, ul.children{ list-style-type:none; margin:0 auto !important; padding:0 auto !important; }
/*#menu li a:hover {color:#fff; text-decoration:none; background:url(../images/menu_top_hover.gif) no-repeat; display:block; }*/
#menu li a:hover {color:#01fcff; text-decoration:none; }
#menu li span {color:#fff; text-decoration:none;}
#menu .last {background:none;}

/* member list */
.top-member{padding: 5px 12px 5px 0px;}
.member{}
.member h3{color: #fff;text-transform: uppercase;padding: 8px 8px 6px 8px; margin: 0px;}
.member-content{padding: 0 8px 10px 0px;}
.member-content table{width: 180px;}
.member-content td{padding: 2px;color: #2e2e2e; font-size: 10px;}

#top-member, #top-income{display:none;}
.top-member-nav{height: 20px; overflow: hidden; padding-left:13px;}
.top-member-nav-content{padding: 3px 0; font-size: 10px;}
.top-member-nav a{ font-size:8pt; padding: 3px 8px; background:url(../images/bg-tab-stats.gif) no-repeat; color: #eee;  font-weight: normal;}
.top-member-nav a:hover, .top-member-nav a.active{ background:url(../images/bg-tab-stats-hover.gif) no-repeat; color:#170261; text-decoration:none; }

.footer{ padding-top:20px; padding-bottom:0px; padding-right:70px; text-align:right; color:#fff; }
.footer a{ color:#fff; }

.clear{ clear:both; }

/* AWAL KONFIRMASI 
.error, .notice, .success, .info{
	padding:8px 8px 8px 34px;
	margin-bottom:1em;
	border:1px solid #1a5396;
	background-position:2px 9px !important;
	background-repeat:no-repeat !important;
	background:#fff;
	color:#2e2e2e;
}
.error ul, .notice ul, .success ul, .info ul{ margin:0; padding:0; font-weight:bold; }
.error li, .notice li, .success li, .info li{ margin:0 0 0 16px; padding:1px 0 0 0; font-weight:normal; }
.error{ background-image:url('../images/ikonError.png') !important; }
.notice{ background-image:url('../images/ikonNotice.png') !important; }
.success{ background-image:url('../images/ikonSuccess.png') !important; }
.info{ background-image:url('../images/ikonInfo.png') !important; }
/* AKHIR KONFIRMASI */

.stat-title {
	font-size:9pt;
	color:#170261;
	font-weight:normal;
}

.stat-value {
	font-size:9pt;
	color:#800;
	font-weight:bold;
}

/* DIVIDER */
.divider {
	height:32px;
	margin:30px 0 20px 0;
	display:block;
	background:url('../images/divider.gif') 50% no-repeat;
}

.referal-mid { padding:0 10px !important; margin:0 !important; font-size:14pt; color:#f9f9f9; font-weight:bold; }
.referal-nama { padding:0 10px; font-size:10pt; color:#f9f9f9; font-weight:bold; }
.referal-nohp { padding:0 0 5px 10px; font-size:10pt; color:#f9f9f9; font-weight:bold; letter-spacing:1px; }

.btn-common{ margin:0; padding:0; width:50px; height:24px; background:url('../images/button-common-normal.gif'); border:none; color:#fff; text-align:center; }
.btn-common:hover{ cursor:pointer; background:url('../images/button-common-hover.gif'); color:#ddd; }

.news-item {
	padding:5px 0;
	border-bottom:1px solid #bbb;
}

.news-item-last-child {
	padding:5px 0;
	border-bottom:none;
}

.news-item-title a {
	color:#464464;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
}

.news-item-title a:hover {
	color:#170261;
	text-decoration:none;
}

.news-item-title small {
	color:#777;
}

.subcontent {
	width:435px;
	display:block;
	background:url('../images/subcontent-bg.gif') #f5f5f5 repeat-y;
}

.subcontent-title {
	padding:4px 60px 0 25px;
	color:#fff;
	height:27px;
	background:url('../images/subcontent-title.gif') repeat-y;
	font-size:10pt;
	overflow:hidden;
	text-align:left;
}

.subcontent-title small {
	color:#fff;
}

.subcontent-content {
	padding:5px 15px 10px 15px;
	background:url('../images/subcontent-bottom.gif') bottom no-repeat;
	text-align:left;
}

.subcontent-content .image, .subcontent-content-even .image{float:left; border:1px solid #ddd; padding:2px; margin:0 7px 7px 0; width:75px;}

.testomony{}
.testimony-item {margin:20px 5px; padding: 10px; border: 1px solid #ddd; background: #f5f5f5;}
.testimony-item-even{margin:20px 5px; padding: 10px; border: 1px solid #A96D00; background: #f5f0b7;}
.testimony-item h4, .testimony-item-even h4{padding:0 0 5px 0; margin: 0; color: #c00;}
.testimony-item .image, .testimony-item-even .image{float:left; border:1px dotted #A96D00;; padding:5px; margin:0 10px 5px 0; width:75px;}


/* AWAL TABEL INPUT */
.table-input { clear:both; border-collapse:collapse; padding:0; margin:0; }
.table-input tr { border-bottom:1px solid #dfddfd; }
.table-input tr.even { border-bottom:1px solid #dfddfd; }
.table-input tr:last-child { border-bottom:none; }
.table-input th { padding:8px 5px; margin:0; color:#003366; vertical-align:top; font-weight:normal; text-align:right; }
.table-input td { padding:8px 5px; margin:0; color:#505050; vertical-align:top; }
.table-input .input
{
	border:1px solid #8796A5;
	font-family:'Segoe UI', Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding:0.3em 0.4em;
}
/* AKHIR TABEL INPUT */

.table-common {
	margin:0 0 15px 0;
}

.table-common th {
	height:30px;
	color:#036;
	font-size:10pt;
	font-weight:bold;
	border-bottom:1px solid #dfddfd;
}

.table-common td {
	padding:10px 10px;
	border-bottom:1px solid #dfddfd;
	color:#170261;
}

.table-common td small {
	font-size:8pt;
	font-family:tahoma;
}

.table-common tr.bottom {
	width:630px;
	height:22px;
	background:url('../images/bg-table-bottom.gif') bottom no-repeat;
}

.table-common tr.bottom td {
	border-bottom:none;
}


/* 
===================================================
		TABLE LIST
===================================================
*/
.table-list {
	clear:both;
	border-collapse:collapse;
	border:1px solid #036;
	border-top:none;
}

.table-list tr.even {
	background-color:#fcfcfc;
}

.table-list tr {
	background-color:#f2fcef;
	border-top:1px solid #d9e9d3;
}

.table-list th {
	padding:8px;
	color:#fff;
	background-color:#036;
	margin:0 0 .75em 0;
	text-transform:uppercase;
	letter-spacing:.1em;
	font:normal normal 95% 'trebuchet ms', trebuchet, arial, verdana, sans-serif;
	line-height:1.4em;
	border-right:1px solid #d9e9d3;
}

.table-list td {
	padding:4px 6px 10px 6px;
	border-right:1px solid #d9e9d3;
}

.table-list td:last-child,
.table-list th:last-child {
	border-right:none;
}