@CHARSET "ISO-8859-1";
/* layout untuk SmartCMC.com */

body {
	width:990px;
	margin:auto;
	background:#90b7ff;
}
.container {
	width:990px;
	padding:0;
}

/*===========================
* HEADER
*============================ */
.header {
	widht:990px; height:360px;
}
.header-left {
	float:left;
	width:705;
}
.header-right {
	float:right;
	width:285px;
}

/* NAVIGASI ATAS */
.navigasi-atas {
	width:705px; height:65px;
	background:url(../images/navigasi-atas-bg.png) no-repeat;
	display:block;
}
.navigasi-atas-menu {
	width:670px; height:30px;
	padding-top:27px;
	padding-left:37px;
}

/* BANNER */
.header-banner {
	width:705px; height:295px;
	background:url(../images/header-banner-bg.png) no-repeat;
	display:block;
}

/* MEMBER LOGIN */
.member-login {
	float:left;
	width:285px; height:360px;
	background:url(../images/member-login-bg.png) no-repeat;
	display:block;
	font:10pt Arial;
	color:#fff;
}
.member-login table {
	margin-left:20px;
	margin-top:35px;
	padding:0px;
}
.member-login td.judul {
	text-align:center;
	padding-top:15px;
	font-weight:bold;
}
/* MAIN-BODY */
.main-body {
	width:990px;
	background:url(../images/main-body-bg.png) repeat-y;
	display:block;
}
.main-body-top {
	width:990px; height:20px;
	background:url(../images/main-body-top.png) no-repeat;
	display:block;
}
.main-body-bottom {
	width:990px; height:20px;
	background:url(../images/main-body-bottom.png) no-repeat;
	display:block;
}

/*===========================
* SIDEBAR LEFT
*============================ */
.sidebar-left {
	font:9pt arial;
	color:#fff;
	float:left;
	width:250px;
	background:url(../images/sidebar-left-bg.png) repeat-y;
	display:block;
}
.sidebar-left-top {
	width:250px; height:58px;
	background:url(../images/sidebar-left-top.png) no-repeat;
	display:block;
}
.sidebar-left-bottom {
	width:250px; height:23px;
	background:url(../images/sidebar-left-bottom.png) no-repeat;
	display:block;
}
.sidebar-left-title {
	font:10pt Arial;
	text-align:center;
	color:#000000; 
	padding-left:20px; 
	padding-top:20px; 
	font-weight:bold;
}
.sidebar-divider {
	width:190px; height:2px;
	background:url(../images/sidebar-divider.png) no-repeat;
	display:block;
}
.sidebar-left-spacer {
	width:250px; height:12px;
	background:url(../images/sidebar-left-spacer.png) no-repeat;
	display:block;
}
                      

/* SISI KANAN */
.right-side {
	float:right;
	width:740px;
}
/*==========================
* CONTENT 
*===========================*/
.content {
	float:left;
	width:490px;
	background:#ffffff;
	font:12px Arial;
	color:#000;
	text-align:justify;
}
.content h1 {
	background:url(../images/article-32.png) no-repeat;
	display:block;
}
/*===========================
* SIDEBAR RIGHT 
*============================ */
.sidebar-right {
	float:right;
	width:250px;
		color:#fff;
	background:url(../images/sidebar-right-bg.png) repeat-y;
	display:block;
}
.sidebar-right-top {
	width:250px; height:58px;
	background:url(../images/sidebar-right-top.png) no-repeat;
	display:block;
}
.sidebar-right-bottom {
	width:250px; height:23px;
	background:url(../images/sidebar-right-bottom.png) no-repeat;
	display:block;
}
.sidebar-right-title {
	font:10pt Arial;
	text-align:center;
	color:#000000;  
	padding-top:20px; 
	font-weight:bold;
}
.sidebar-right-spacer {
	width:250px; height:12px;
	background:url(../images/sidebar-right-spacer.png) no-repeat;
	display:block;
}

/* FOOTER */
.footer {
	width:990px;
	height:55px;
	font:9px Arial;
	color:#fff;
}
.footer-left {
	float:left;
	width:35px; height:55px;	
	background:url(../images/footer-left.png) no-repeat;
	display:block;
}
.footer-right {
	float:right;
	width:955; 
}
.footer-mid {
	float:left;
	width:920px; height:55px;
	text-align:center;
	background:url(../images/footer-bg.png) repeat-x;
	display:block;
}
.footer-right-side {
	float:right;
	width:35px; height:55px;
	background:url(../images/footer-right.png) no-repeat;
	display:block;
}
/*
===================================================
		TABLE COMMON
===================================================
*/
.table-common {
	clear:both;
	border-collapse:collapse;
	border:1px solid #3d71b3;
	border-top:none;
	font-size:12px;
}

.table-common tr.even {
	background-color:#ebf4fc;
}

.table-common tr {
	background-color:#fafafa;
}

.table-common th {
	padding:8px;
	color:#fff;
	background:url(../images/table-head-bg.png) repeat-x;
	margin:0 0 0 0;
	text-transform:uppercase;
	letter-spacing:.1em;
	font:normal normal 12px 'trebuchet ms', trebuchet, arial, verdana, sans-serif;
	line-height:1.4em;
}

.table-common td {
	padding:4px 2px 2px 6px;
}
/*
===================================================
		TABLE LIST
===================================================
*/
.table-list {
	clear:both;
	border-collapse:collapse;
	border:1px solid #3d71b3;
	border-top:none;
	font-size:12px;
}

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

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

.table-list th {
	padding:8px;
	color:#fff;
	/*background-color:#5999d2;*/
	background:url(../images/table-head-bg.png) repeat-x;
	margin:0 0 .75em 0;
	text-transform:uppercase;
	letter-spacing:.1em;
	font:normal normal 12px 'trebuchet ms', trebuchet, arial, verdana, sans-serif;
	line-height:1.4em;
	border-right:1px solid #4b7bb7;
}

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

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