body{ width:850px; margin:0 auto; text-align:left; background:url('../images/bg-body.gif') left; }
.container{ width:850px; padding:0; margin-top:15px; margin-bottom:15px; border:solid 1px #333333; background-color:#000000; }
.header { background:url('../images/header.gif') no-repeat; width:850px; height:140px; display:block; border-bottom:solid 1px #333333;  }
.menu-top { width:850px; height:20px; background-color:#000000; border-bottom:solid 1px #333333; padding-top:3px; }
.teks-menu-top a{ padding:15px; color:#cc0000; font-weight:bold; color:#cc0000;}
.teks-menu-top a:hover{ padding:15px; color:#efefef; font-weight:bold; text-decoration:none; }
.content { width:850px; background-color:#000000; }
.sbar-left { width:175px; float:left; border-right:solid 1px #333333; border-top:solid 1px #333333; border-bottom:solid 1px #333333; }
.sbar-right { float:right; width:175px; border:solid 1px #333333; }
.main-content { width:673px; float:right; border-left:solid 1px #333333; }
.body-main-content { width:650px; float:left; margin:10px; }
.header-page { width:672px; height:20px; float:right; background:url(../images/up.gif) no-repeat; border:solid 1px #333333; }
.bg-top-nav { width:175px; height:38px; background:url(../images/bg-top-menu.gif) repeat-x; display:block; }
.title-menu-top { font-size:11pt; font-weight:bold; font-family:arial; padding-top:8px; padding-left:8px; }

.main-counter { height:auto; padding:5px; }
.main-counter2 { height:auto; padding-top:10px; padding-left:0px; border-top:1px solid #333333; }
.adjie { color:#000000; }
.adjie:hover { color:#000000; }
.main-counter1 { height:auto; width:100px; margin:2px 0px 2px 32px; }
.main-event { height:150px; padding:0 5px 0 5px;  }
.main-shout { height:auto; padding:0 2px 0 2px;  }
.date { float:right; padding-top:1px; padding-right:10px; }

.content-index{ float:left; width:464px; font-family:verdana; font-size:8pt; }

.sidebar-menu ul, ul.children{ list-style-type:none; margin:0 !important; padding:0 !important; }
.sidebar-menu ul li a{ display:block; padding:1px 20px 1px 15px; font-family:verdana; font-size:9pt; color:#efefef; background:url(../images/bg-menu-navigation.gif) no-repeat; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; 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:#fff; text-decoration:none; background:url(../images/bg-menu-navigation-hover.gif) no-repeat; }

img { float:left; margin: 5px 10px 0px 5px; }

/*Guest Book*/
.top { border-top:1px dashed #cc0000; margin-bottom:2px; padding:1px; background-color:#333; }
.nama { float:left; width:250px; }
.email { float:left; width:200px; }
.tgl { float:right; width:50px; padding-right:15px; }
.reply { background:url(../images/icon-reply.gif) left no-repeat; background-color:#111; color:#ff9900; border:1px dashed #ff9900; padding:2px; margin-top:5px; }

.bawah { margin-bottom:20px; background-color:#222; border:#cc0000 1px solid; padding:5px; }
.bawah:hover { margin-bottom:20px; border:#cc0000 1px solid; padding:5px; background-color:#333; }

.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:#222; color:#ff9900; border:1px solid #cc0000; }

/* news */
.judulberita { color:#cc0000; font-weight:bold; text-transform:uppercase; }
.hr { color:#333; }
.title-news-list { font-size:12pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #333333; }
.news-home { font-size:11pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg-top-menu.gif) repeat-x; height:38px; padding-top:8px; padding-left:8px; }
.news-list-line { border:1px dashed #333333; padding:5px; margin-top:5px; }
.news-list-line:hover{ border:1px dashed #333333; padding:5px; margin-top:5px; background-color:#111; }
.news{
	padding: 0px 0 0 0;
}

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

.news-item{
	margin-top:5px;
	padding: 5px;
	border: 1px dotted #333;
}

.news-item:hover{
	margin-top:5px;
	padding: 5px;
	border: 1px dotted #333;
	background-color:#111;
}

.news-item-info{
	font-size: 11px;
	color: #999;
}

.news-item-info a{
	color: #af0000;
}

.news-item h3{
	padding: 0px 0px 0px 0 !important;
}

.news-item h3 a{
	color: #cc0000;
}

.news-item h3 a:hover{
	color: #efefef;
}

.news-item-content{
	padding-top: 0px;
	line-height: 100%;
}

.news-item-content img{
	border: 1px solid #333;
	margin: 0 10px 0px 5px;
	background: #333;
	float: left;
}

.news-bottom{
	padding: 5px;
	text-align: right;
}

.news-bottom a{
	background: #000;
	padding: 4px 20px;
	color: #fefefe;
}

.news-bottom a:hover{
	background: #000000;
	padding: 4px 20px;
	color: #fefefe;
}

.galeri { float:inherit; margin-bottom:30px; }
/*
.header{ width:850px; height:147px; display:block; background:url('../images/header.jpg') no-repeat; }
.top{ height:25px; display:block; background:url('../images/bg_top.gif') no-repeat; }
.bottom{ height:25px; display:block; background:url('../images/bg_bottom.gif') no-repeat; }

.content{ float:right; width:675px; }
.main-content{ float:left; width:430px; padding:10px; }
.sbar-right{ float:right; width:225px; }
.sbar-left{ float:left; width:225px; }

.sidebar-menu ul, ul.children{ list-style-type:none; margin:0 !important; padding:0 !important; }
.sidebar-menu ul li a{ display:block; padding:6px 20px 6px 30px; font-size:9pt; color:#efefef; background:url('../images/arrow.png') 15px 11px no-repeat; border-bottom:1px dotted #5d7215; 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:#fff; text-decoration:none; background:url('../images/arrow_hover.png') 15px 11px no-repeat; }

.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 { width:850px; height:22px; background:url(../images/bg-footer.gif) repeat-x; border-top:solid 1px #333333; }
.bg-bottom-footer { background:url(../images/bg-bottom-footer.gif) no-repeat; display:block; width:850px; height:40px; }
.clear{ clear:both; }


/* 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; padding:0; margin:0; }
/*.table-input tr { background-color:#f2f1fb; }
.table-input tr.even { background-color:#f5f5f5; }
.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 .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 #cc0000;
	background-position:2px 9px !important;
	background-repeat:no-repeat !important;
	background:#222222;
	color:#ff0000;
}
.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; color:#ff9900; }
.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 */