body{ width:900px; margin:0 auto; padding-bottom:10px; text-align:left; background:url(../images/bg-body.jpg) repeat-x #0099cc; }

/********BAGIAN ATAS*********/
.header-01{ width:900px; height:61px; display:block; background:url('../images/bg-header-01.gif') no-repeat; }
.header-02{ width:870px; height:191px; display:block; background:url('../images/bg-header-02.gif') no-repeat; padding-left:15px; padding-right:15px; }
.menu-top-01 { float:left; width:120px; height:61px; } 
.teks-home-atas { font-size:8pt; padding-top:42px; padding-left:50px; padding-bottom:0px; }


.menu-top-02 { float:right; width:750px; height:61px; padding-right:8px; }
.tabel-button-atas-01 { padding-left:23px; }
.button-atas { width:101px; height:61px; background:url(../images/bg-button-atas.gif) no-repeat; display:block; }
.button-atas:hover { width:101px; height:61px; background:url(../images/bg-button-atas-hover.gif) no-repeat; display:block; }
.button-atas-teks { font-size:6pt; font-weight:normal; color:#6c036c; padding-top:42px; padding-left:10px; padding-right:10px; text-align:center; }
/***********************/

/*******CONTENT*********/
.body { width:900px; background:url(../images/body.gif) repeat-y; }
.container { width:900px; padding:0; }
/***********************/

/*******SIDEBAR LEFT*********/
.sidebar-left { float:left; width:195px; padding: 5px; padding-right: 5px; padding-left:18px; text-align:justify; }
.bg-top-sidebar-left { width:195px; height:30px; background:url(../images/bg-top-sidebar-left.gif) no-repeat; display:block; }
.bg-top-sidebar-left-2 { width:195px; height:30px; background:url(../images/bg-top-sidebar-left-2.gif) no-repeat; display:block; }
.bg-top-sidebar-left-2-x { width:195px; height:30px; background:url(../images/bg-top-sidebar-left-2-x.gif) no-repeat; display:block; }
.bg-bottom-sidebar-left { width:195px; height:20px; background:url(../images/bg-bottom-sidebar-left.gif) no-repeat; display:block; }
.bg-bottom-sidebar-left-2 { width:195px; height:20px; background:url(../images/bg-bottom-sidebar-left-2.gif) no-repeat; display:block; }
.bg-bottom-sidebar-left-2-x { width:195px; height:20px; background:url(../images/bg-bottom-sidebar-left-2-x.gif) no-repeat; display:block; }
.bg-bottom-stats { width:195px; height:13px; padding-bottom:8px; background:url(../images/bg-bottom-stats.gif) no-repeat; display:block; }
.bg-bottom-stats-2 { width:195px; height:13px; padding-bottom:7px; background:url(../images/bg-bottom-stats2.gif) no-repeat; display:block; }
.title-top-sidebar-left { font-size:9pt; font-weight:bold; color:#FFFFFF; padding-top:6px; padding-left:12px; padding-right:12px; padding-bottom:0px; }
.title-top-sidebar-left-2 { font-size:9pt; font-weight:bold; color:#FFFFFF; padding-top:7px; padding-right:15px; padding-bottom:0px; }
.title-top-sidebar-left-2-x { font-size:9pt; font-weight:bold; color:#FFFFFF; padding-top:7px; padding-left:15px; padding-bottom:0px; }

.login-menu { padding:5px; }
.sidebar-menu-left { width:193px; padding:0px 1px 0px 1px; }
.sidebar-menu-left-x { width:191px; margin-left:1px; padding:0px 0px 0px 0px; border:1px solid #0099cc; }
.sidebar-menu-left-x-stats { width:171px; color:#FFFFFF; margin-left:1px; background-color:#0099cc; padding:2px 10px 0px 10px; border:1px solid #0099cc; }
.sidebar-menu-left-x-support { width:171px; color:#FFFFFF; margin-left:1px; background-color:#016d89; padding:2px 10px 0px 10px; border:1px solid #016d89; }
.sidebar-menu-left-xx { width:190px; margin-left:1px; padding:0px 0px 0px 1px; border:1px solid #0099cc; }
.sidebar-menu ul, ul.children{ list-style-type:none; margin:0 !important; padding:0 !important; border:1px solid #0099cc; }
.sidebar-menu ul li a{ display:block; padding:4px 20px 4px 26px; font-size:8pt; background:url('../images/arrow.gif') 13px 8px no-repeat; color:#0099cc; border-bottom:1px dotted #0099cc; text-decoration:none; font-weight:bold; }
.sidebar-menu ul li:last-child a{ border-bottom:none !important; }
.sidebar-menu ul li a:hover{ display:block; color:#0099cc; text-decoration:none; background-color:#eeeeee; }

.member-login{ }
.member-login .title{ margin-bottom:10px; font-weight: bold; font-size: 14px; text-transform:uppercase; }
.inputbox{ padding:2px 3px; border:1px solid #0099cc; background:#eeeeee; color:#666; }
.btn-login{ padding-bottom:4px; width:50px; height:22px; background-color:#0099cc; color:#FFFFFF; border:1px solid #0099cc; }
.btn-login:hover{ cursor:pointer; padding-bottom:4px; width:50px; height:22px; background-color:#0099cc; color:#FFFFFF; border:1px solid #0099cc; }

.member-login{ }
.member-login .title{ margin-bottom:10px; font-weight: bold; font-size: 14px; text-transform:uppercase; }
.btn-login{ padding-bottom:4px; width:50px; height:22px; background-color:#0099cc; color:#FFFFFF; border:1px solid #0099cc; }
.btn-login:hover{ cursor:pointer; padding-bottom:4px; width:50px; height:22px; background-color:#0099cc; color:#FFFFFF; border:1px solid #0099cc; }
.inputbox2{ width:100px; padding:2px 3px; border:1px solid #01516c; background:#eeeeee; color:#333; }
.btn-login2{ padding-bottom:2px; width:40px; height:22px; background-color:#0099cc; color:#FFFFFF; border:1px solid #01516c; }
.btn-login3{ padding:2px 8px; cursor:pointer; background:#016d89; color:#ffffff; border:1px solid #016d89; font-size:7pt; font-weight:bold; font-family:verdana; }
.btn-login4 { padding-bottom:8px; }

.member-login2{ }
.member-login2 .title{ margin-bottom:10px; font-weight: bold; font-size: 14px; text-transform:uppercase; }
.member-login2 .inputbox2{ width:150px; padding:2px 3px; border:1px solid #0099cc; background:#eeeeee; color:#333; }
.member-login2 .inputbox3{ width:92px; padding:2px 3px; border:1px solid #0099cc; background:#eeeeee; color:#333; }
/***********************/

/*******SIDEBAR RIGHT*********/
.title-top-sidebar-shout { font-size:9pt; font-weight:bold; color:#FFFFFF; padding-top:6px; padding-left:12px; padding-right:19px; padding-bottom:0px; }
.bg-top-sidebar-left-2-news { width:195px; height:30px; margin-top:2px; background:url(../images/bg-top-berita-terkini.gif) no-repeat; display:block; }
.bg-top-shoutbox { width:195px; height:30px; background:url(../images/bg-top-shoutbox.gif) no-repeat; display:block; }
.bg-bottom-sidebar-right { width:195px; height:20px; background:url(../images/bg-bottom-sidebar-right.gif) no-repeat; display:block; }
.bg-top-content { width:654px; height:30px; background:url(../images/bg-top-content.gif) no-repeat; display:block; }
.sidebar-right { float:right; width:654px; padding-top: 5px; padding-right: 22px; text-align:justify; }
.main-content-home { float:left; width:449px; padding:0px 5px 0px 0px; }
.content-index{ float:left; width:449px; font-family:verdana; font-size:8pt; }
.sidebar-menu-right-xx { width:191px; margin-left:1px; padding:0px 0px 0px 0px; border:1px solid #016d89; background-color:#eeeeee; }
.sidebar-menu-right-xx2 { width:181px; margin-left:1px; padding:5px; border:1px solid #016d89; background-color:#ffffff; }
.sidebar-menu-right-xxx { width:191px; margin-left:1px; background-color:#eeeeee; padding:0px 0px 0px 0px; border:1px solid #016d89; }
.sidebar-right-x { float:right; width:195px; }
.jam-atas { text-align:right; padding:4px 14px 0px 22px; color:#FFFFFF; }
.agenda { padding:5px; }
.poling { width:164px; padding:5px 12px 10px 12px; background-color:#fff; color:#000; }
.shoutbox { width:178px; padding:5px; background-color:#eeeeee; color:#000;  }
.shoutbox img{ float:none; text-align:center; }
.kode img{ float:none; border:none; }
.pay img{ border:1px dashed #333;  }
/***********************/

/*******FOOTER*********/
.menu-bawah { width:900px; height:23px; margin-top:10px; background:url(../images/bg-menu-bawah.gif) no-repeat; display:block; }
.menu-bawah-teks { padding:3px 20px 0px 20px; color:#FFFFFF; text-align:center; }
#link-menu-bawah a{ color:#FFFFFF; }
#link-menu-bawah a:hover{ color:#FFFFFF; text-decoration:underline; }
.footer { width:900px; height:100px; background:url(../images/bg-footer.gif) no-repeat; display:block; }
.footer-teks { padding:14px 30px 10px 30px; color:#ffffff; }
.footer-teks-x { color:#000; }
/***********************/

/*Guest Book*/
.top { border:1px solid #bbbbbb; margin-bottom:0px; padding:1px 5px; background-color:#ccc; }
.nama { float:left; width:250px; }
.email { float:left; width:200px; }
.tgl { float:right; width:50px; padding-right:15px; }
.reply { background-color:#ffffff; color:#000000; border:1px solid #222; border-left:8px solid #222; padding:5px; margin-top:5px; }

.bawah { margin-bottom:20px; background-color:#eee; border:#bbbbbb 1px solid; padding:5px; }
/*.bawah:hover { margin-bottom:20px; border:#cc0000 1px solid; padding:5px; background-color:#eee; }*/

.form-buku { width:320px; border:1px solid #cc0000; background-color:#222; }
.warning { background:url(../images/ikonCritical.png) left no-repeat; padding:5px 0px 5px 30px; background-color:#FFCCFF; color:#000; border:1px solid #ff0000; }

.biodata-list img{ background-color:#eee; border:1px solid #ccc; padding:3px; margin: 5px 8px 2px 0px; }
/*******NEWS*********/
.judulberita { font-weight:bold; text-transform:uppercase; }
.news-home { font-size:9pt; font-weight:bold; color:#FFFFFF; font-family:verdana; background:url(../images/bg-top-menu-news-index.gif) repeat-x; height:45px; padding-top:21px; padding-left:55px; }
.news-list-line { border:1px solid #0099cc; padding:5px; margin-top:0px; margin-bottom:10px; }
.news-list-line:hover{ border:1px solid #0099cc; padding:5px; margin-top:0px; margin-bottom:10px; background-color:#eeeeee; }
.news{
	padding: 0px 0 0px 0;
}

.news-item-info{
	font-size: 11px;
	color: #666;
	text-align:right;
	font-style:italic;
}

.news-item-info2{
	font-size: 11px;
	color: #666;
	text-align:left;
	font-style:italic;
	padding:0px;
}

.news h2{
	font-size: 12px;
	font-weight: normal !important;
	margin: 0px !important;
}

.news-item{
	margin-top:0px;
	padding:0px 7px 0px 7px;
	border:1px solid #0099cc;
	-moz-border-radius:10px;
}

.news-item-content img{
	/*border: 3px solid #eee;*/
	background-color:#eee;
	border:1px solid #ccc;
	padding:3px;
	margin: 5px 8px 2px 0px;
	float: left;
}

.news-br { padding-bottom:5px; }
.news-more { float:right; border:none; }
.right{
	text-align: right;
	float:right;
	border:none;
}
.komentar { background-color:#eeeeee; padding:5px; margin-top:6px; border:1px solid #ccc; }
/*******END NEWS*********/
.galeri img { margin:0 !important; }
.agenda-main img { float:right; margin: 5px 0px 10px 10px; width:160px; height:110px; padding:3px; background-color:#eee; border:1px solid #ccc; }
img { float:left; margin: 5px 5px 0px 0px; }
.clear{ clear:both; }

/*
.member-login{ margin-top:15px; padding:15px 10px; color:#FFFFFF; background-color:#5d7215; }
.member-login .title{ margin-bottom:10px; font-weight: bold; font-size: 14px; text-transform:uppercase; }
.member-login .inputbox{ width:92px; padding:2px 3px; border:1px solid #baff00; background:#7d9324; color:#666; }
.btn-login{ margin:0; padding:0; width:50px; height:22px; background:url('../images/btn_login.gif'); border:0; }
.btn-login:hover{ cursor:pointer; background:url('../images/btn_login_hover.gif'); border:0; }
.btn-batal{ margin:0; padding:0; width:50px; height:22px; background:url('../images/btn_batal.gif'); border:0; }
.btn-batal:hover{ cursor:pointer; background:url('../images/btn_batal_hover.gif'); border:0; }

.support_up{background-image:url(../images/bg_support_up.gif); width:210px; height:34px; }
.support_upx{background:url(../images/bg_supportx.gif) repeat-y; margin:15px 0 0 8px; width:210px; height:auto;}
.support_down{background-image:url(../images/bg_support_down.gif); width:210px; height:25px; }

.stat_up{background-image:url(../images/bg_stat_up.gif); width:210px; height:34px; }
.stat_upx{background:url(../images/bg_statx.gif) repeat-y; margin:15px 0 0 8px; width:210px; height:auto;}
.stat_down{background-image:url(../images/bg_stat_down.gif); width:210px; height:25px; }

.top-sponsor, .berita, .last-member, .announce{ margin-top:5px; background:url('../images/bg_sbar.gif') repeat-y; }
.top-sponsor .sbar-content, .berita .sbar-content, .last-member .sbar-content, .announce .sbar-content{ padding:5px 15px; }
.top-sponsor .title{ width:195px; height:30px; padding:8px 15px; background:url('../images/bg_sbar_top.gif') no-repeat; display:block; font-size:10pt; font-weight:bold; color:#fff; overflow:hidden; }
.berita .title{ width:195px; height:30px; padding:4px 15px; background:url('../images/bg_sbar_top.gif') no-repeat; display:block; font-size:15pt; color:#fff; overflow:hidden; }
.last-member .title{ width:195px; height:30px; padding:4px 15px; background:url('../images/bg_sbar_top.gif') no-repeat; display:block; font-size:15pt; color:#fff; overflow:hidden; }
.announce .title{ width:195px; height:30px; padding:4px 15px; background:url('../images/bg_sbar_top.gif') no-repeat; display:block; font-size:15pt; color:#fff; overflow:hidden; }
.sbar-right .sbar-footer{ margin-bottom:15px; width:225px; height:15px; background:url('../images/bg_sbar_bottom.gif') no-repeat; display:block; }
*/

/*.footer{ padding:3px 10px; text-align:right; }*/




/* TABEL COMMON 
.table-list { }

.table-list td {
	color: #333333;
	padding: 10px 15px;
	vertical-align: top;
	height:60px;
	line-height:100%;
	-moz-border-radius:2px;
}

.table-list td {	background-color: #f5f5f5; }
.table-list td.even { background-color: #eaf0f9; }
.table-list small { color: #505050; text-transform: uppercase; }
.table-list td a { color: #0b2d55; text-decoration: none;	}
.table-list td a:hover { color: #505050; text-decoration: underline; }
/* TABEL COMMON */

/* AWAL TABEL INPUT */
.table-input { clear:both; border-collapse:collapse; border:1px solid #016d89; padding:0; margin:0; }
.table-input tr { background-color:#fefefe; }
.table-input tr.even { background-color:#f5f5f5; }
.table-input tr.even2 { background-color:#ccc; font-weight:bold; }
.table-input th { padding:3px 5px; margin:0; color:#003366; vertical-align:top; font-weight:normal; text-align:right; }
.table-input td { padding:3px 5px; margin:0; color:#505050; vertical-align:top; }
.table-input td.even { background-color: #016d89; color:#fff; }
.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 */

/* AWAL KONFIRMASI*/
.error, .notice, .success, .info{
	padding:8px 8px 8px 34px;
	margin-bottom:1em;
	border:1px solid #ff0000;
	background-position:2px 9px !important;
	background-repeat:no-repeat !important;
	background:#FFCCFF;
	color:#000;
}
.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/ikonForbidden.png') !important; }
.success{ background-image:url('../images/ikonSuccess.png') !important; }
.info{ background-image:url('../images/ikonInfo.png') !important; }
/* AKHIR KONFIRMASI */
/*END OF PROGRAM*/