body{ width:922px; margin:0 auto; padding-bottom:10px; text-align:left; background:#002c56; }

/********BAGIAN ATAS*********/
.header-01{ width:922px; height:121px; display:block; background:url(../images/header-01.jpg) no-repeat; display:block; }
.header-02 { width:922px; height:175px; }
.header-flash { height:175px; padding-left:43px; padding-right:42px; background:url(../images/bg-header-flash.jpg) repeat-y; }
.form-login { padding:30px 55px 0px 0px; color:#FFFFFF; font-family:arial; }
/***********************/

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

.portofolio-menu{ margin-bottom: 15px;}
.portofolio-menu a{color: #fff; background:#002c56; padding: 6px 8px; margin:0px 5px 5px 0px; }
.portofolio-menu a:hover, .portofolio-menu a.active{color: #fff; background:#333; padding: 6px 8px;}


/*******SIDEBAR LEFT*********/
.sidebar-left { float:left; width:270px; background:url(../images/bg-sidebar-left-top.gif) top no-repeat; display:block; }
.separator { width:270px; height:10px; background:url(../images/separator.gif) no-repeat; display:block; }
.title-menu-sbarleft { padding:5px 15px 5px 55px; font-weight:bold; font-size:10pt; color:#002c56; font-family:arial; text-transform:uppercase; } 
.menu-sbarleft { padding:5px 15px 5px 51px; font-size:9pt !important; }
.table-x td { font-size:9pt; }

.sidebar-left-menu { padding:5px 15px 5px 50px; }
.sidebar-menu ul li.first a{ border-top:none; }
.sidebar-menu ul, ul.children{ list-style-type:none; margin:0 !important; padding:0 !important; background-color:none; }
.sidebar-menu ul li a{ display:block; padding:4px 20px 4px 30px; font-size:9pt; color:#0159a1; background:url('../images/arrow.png') 10px 8px no-repeat; border-bottom:1px dotted #bbb; 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:#333; text-decoration:none; background:url('../images/arrow.png') 10px 8px no-repeat #ddd; font-weight:bold; }
/***********************/

/*******RIGHT*********/
.right { float:right; width:652px; } 
.top-right-content { width:652px; height:41px; background:url(../images/top-right-content.gif) no-repeat; display:block; }
.menu-top-right-content { font-weight:bold; color:#FFFFFF; padding: 7px 50px 0px 5px; text-align:right; }
.menu-top a{ color:#ffff00; padding:0px 5px; }
.menu-top a:hover{ color:#fefefe; text-decoration:none; }
.main-content { padding:5px 53px 5px 5px; text-align:justify; font-size:9pt; }
.main-content img{ margin: 5px 0px 2px 8px; float: right; }
.xx img { margin: none; float: none; }
/*******END RIGHT*********/

/*******FOOTER*********/
.footer { width:922px; height:115px; background:url(../images/bg-footer.jpg) no-repeat; display:block; }
.footer-teks { padding:24px 30px 10px 70px; color:#ffffff; }
.footer-teks-x a{ color:#FFFFFF; }
.footer-teks-x a:hover{ color:#FFFFFF; text-decoration:underline; }
/***********************/

/*******BERITA*********/
.judulberita a{ font-weight:bold; font-family:arial; padding:5px 0px 6px 0px; font-size:9pt; color:#0159a1; text-transform:uppercase; }
.judulberita a:hover{ font-weight:bold; font-family:arial; font-size:9pt; color:#0159a1; text-transform:uppercase; }
.news-item-content img{
	/*border: 3px solid #eee;*/
	background-color:#eee;
	border:1px solid #ccc;
	padding:3px;
	margin: 5px 8px 2px 0px;
	float: left !important;
}
.news-item-info{
	font-size: 8pt;
	color: #666;
	text-align:right;
	font-style:italic;
}

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

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

.news-item{
	background:#fafafa;
	margin-top:2px;
	padding:5px 7px 5px 7px;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
}
/*******END BERITA*********/

/* PENAMBAHAN */
.error, .notice, .success, .info { padding:.8em .8em .8em 34px; margin-bottom:1em; border:2px solid #ddd; background-position:2px 9px !important; background-repeat:no-repeat !important; -moz-border-radius: 10px; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }
.info a { color:#264409; }
.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;
	background:#F9C6C8;
	color:#8A1F11;
	border-color:#F88E92;
}
.notice
{
	background-image:url('../images/ikonNotice.png') !important;
	background:#FBEC91;
	color:#514721;
	border-color:#E9BB02;
}
.success
{
	background-image:url('../images/ikonSuccess.png') !important;
	background:#DEEDA0;
	color:#264409;
	border-color:#9AB532;
}

.info
{
	background-image:url('../images/ikonInfo.png') !important;
	background:#8EB0D5;
	color:#1C4570;
	border-color:#425F8E;
}

/* AWAL PAGING */
.pageBar { clear:both; width:100%; margin:20px 0 0 0; }
.pageInfo { float:left; padding:0; }
.pageInfo b { font-weight:bold; padding:0 2px; }

.pageNav
{
	float:right;
	background-image:url('../images/pagenav-bg.gif');
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:8pt;
}

.pageNav div
{
	border-right:#4e5468 1px solid;
	padding:3px 3px 3px 10px;
	margin:0px 0px 0px 0px;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url('../images/pagenav-div-bg.gif');
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:8pt;
}

.pageNav span
{
	border-left:#999 1px solid;
	border-right:#4e5468 1px solid;
	padding:3px 7px;
	margin:0;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
}

.pageNav a
{
	border-left:#999 1px solid;
	border-right:#4e5468 1px solid;
	padding:3px 7px;
	margin:0;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
}

.pageNav a:hover { color:#FFFFFF; background-image:url('../images/pagenav-bg-hover.gif'); }
.pageNav a:active { }
.pageNav img { border:none; }
.pageNav .pageActive { color:#FFFFFF; background-color:#4e5468; font-weight:bold; }
.pageNav a.pageActive:hover { color:#FFFFFF; font-weight:bold; background-image:none; }
/* AKHIR PAGING */

.table-common { clear:both; border-collapse:collapse; border-bottom:1px solid #8084A1; }
.table-common small { color:#555; }
.table-common tr.even { background-color:#eee; border-bottom:none; }
.table-common tr { background-color:#ddd; border-bottom:none; }

.table-common th
{
	color:#FFFFFF;
	padding:4px 5px;
	background-color:#E9ECF3;
	background-image:url('../images/table-common-th.gif');
	background-repeat:repeat-x;
	background-position:top left;
	height:14px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	border-right:1px solid #eee;
}

.table-common th:last-child { border-right:none; }

.table-common td
{
	padding:4px 6px 10px 6px;
	vertical-align:top;
	background-image:url('../images/table-common-td.gif');
	background-repeat:repeat-y;
	background-position:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:8pt;
}

.table-common td:first-child { background-image:none; }
.table-common td a { color:#0C419A; text-decoration:none; }
.table-common td a:hover { color:#313FFF; }

.input
{
	padding:3px 4px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:8pt;
	margin:2px 0;
	background-image:url('../images/input-bg.gif');
	background-repeat:repeat-x;
	/*border:1px solid #7F9DB9;*/
	border:1px solid #647fac;
}

fieldset { padding:0.8em; margin:0 0 1.8em 0; border:1px solid #618BB7; }
legend { font-weight:bold; color:#003366; }

.divChartTitle
{
	background-image:url('../images/ikonChart.gif') !important;
	background-position:2px 9px !important;
	background-repeat:no-repeat !important;
	padding:.8em .8em .8em 34px;
	margin:0;
	color:#003366;
	font-weight:bold;
}

.divChart
{
	padding:0;
	margin:0 0 40px 0;
}
.form-registrasi fieldset { background:#fff; }
.form-registrasi legend { text-transform:uppercase; background:#002c56; color:#FFFFFF; padding:3px 5px; }
input.button2 { padding:0px 6px 4px 6px; width:auto; height:21px; background:#002c56; font-weight:bold; border:none; color:#fff; font-size:8pt; }
input.button2:hover { background:#0159a1; color:#fff; border:none; cursor:pointer; }
/* AKHIR PENAMBAHAN */

.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; 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 #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 */