body{ width:973px; margin:0 auto; text-align:left; background:#9c9c9c; }
.body{ width:973px; padding:0; background:url(../images/bg-body.jpg) repeat-y; }
.menu-top { height:20px; height:70px; width:650px; padding-left:360px; padding-top:100px; }

/* HEADER */
.header-01 { width:973px; height:155px; background:url(../images/header-01.jpg) no-repeat; display:block; }
.header-02 { width:973px; height:184px; background:url(../images/header-02.jpg) no-repeat; display:block; }
.header-03 { width:973px; height:39px; background:url(../images/header-03.jpg) no-repeat; display:block; }
/* END HEADER */

/*SIDEBAR LEFT*/
.sidebar-left { width:230px; padding-left:45px; padding-top:10px; float:left; }
.sidebar-left-menu { width:225px; background:url(../images/bg-menu-sidebar-left.gif) repeat-y; }
.sidebar-left-content { padding:0px 15px 0px 13px; }
.sidebar-left-content-running-text { padding:0px 20px 0px 18px; text-align:justify; }
.title-menu { padding:14px 10px 5px 45px; font-weight:bold; color:#FFFFFF; font-size:9pt; text-transform:uppercase; }
.bg-top-menu-sidebar-left { width:225px; height:40px; background:url(../images/bg-top-menu-sidebar-left.gif) no-repeat; display:block; }
.bg-bottom-sidebar-left { width:225px; height:15px; background:url(../images/bg-bottom-sidebar-left.gif) no-repeat; display:block; }
.bg-top-member-login { width:225px; height:40px; background:url(../images/bg-top-member-login.gif) no-repeat; display:block; }
.bg-top-news-sidebar-left { width:225px; height:40px; background:url(../images/bg-top-news-sidebar-left.gif) no-repeat; display:block; }
.member-login { padding-top:5px; }
.bg-top-running-text { width:225px; height:14px; background:url(../images/bg-top-blue.gif) no-repeat; display:block; }
.bg-running-text { width:225px; background:url(../images/bg-blue-sidebar-left.gif) repeat-y; }
.bg-bottom-running-text { width:225px; height:15px; background:url(../images/bg-bottom-blue.gif) no-repeat; display:block; }
.bg-stats { width:225px; height:59px; background:url(../images/bg-stats.gif) no-repeat; display:block; }
.content-bg-stats { padding:22px 20px 20px 13px; color:#FFFFFF; font-weight:bold; font-size:8pt; text-align: center; }

.sidebar-menu ul, ul.children{ list-style-type:none; margin:0 !important; padding:0 !important; }
.sidebar-menu ul li a{ display:block; padding:5px 20px 5px 30px; font-size:8pt; color:#333333; background:url('../images/arrow.png') 8px 6px no-repeat; border-bottom:1px double #C7C8CA; text-decoration:none; font-weight:normal; }
.sidebar-menu ul li:last-child a{ border-bottom:none !important; }
.sidebar-menu ul li a:hover{ display:block; color:#333333; text-decoration:none; background:url('../images/arrow_hover.png') 8px 6px no-repeat; background-color:#eee; font-weight:bold; }
/*END SIDEBAR LEFT*/

/*SIDEBAR RIGHT*/
.main-content { width:452px; float:left; text-align:justify; }
.main-content2 { width:620px; float:left; text-align:justify; }
.content-index { float:left; width:464px; font-family:verdana; font-size:8pt; }
.sidebar-right { width:680px; float:right; }
.sidebar-right-content { padding-right:46px; }

.sidebar-right-side { width:175px; float:right; }
.bg-running-text-right { width:175px; background:url(../images/bg-running-text.gif) no-repeat #2881ea ; display:block; }
.bg-running-text-right-bottom { width: 175px; height: 14px; background: url(../images/bg-running-text-bottom.gif) no-repeat; display: block; }
.content-running-text { padding: 20px 10px 0px 10px; text-align: left; color: #000000; font-size: 9pt !important; font-weight:bold; }
/*END SIDEBAR RIGHT*/

.bg-bottom { width:973px; height:41px; background:url(../images/bg-bottom.jpg) no-repeat; display:block; }
.footer{ padding:0px 0px 10px 0px; text-align:center; color:#FFFFFF; }

.clear{ clear:both; }

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

.subcontent-title {
	padding:6px 60px 0 25px;
	color:#fff;
	height:25px;
	background:url('../images/subcontent-title.gif') repeat-y;
	font-size:9pt;
	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;}


/* TABEL COMMON */
.table-list { }

.table-list td {
	color: #333333;
	padding: 10px 15px;
	vertical-align: top;
	height:25px;
	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 { 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 */

/* 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 */