body{ width:430px; margin:0 auto; padding-top:130px; padding-bottom:5px; text-align:left; background:#F9F9F9; }

.body{ width:430px; background:none; }
.content { padding:16px 20px 23px 20px; color:#000000; }
.content #title { float:left; margin-left:10px; margin-top:0px; }
.content #logo { float:left; }
.maincontent { margin-top:10px; padding-top:0px; }
.left {
	width:auto;
	padding:10px 0px 10px 15px;
	background:#eee;
	border:1px solid #333;
	-moz-border-bottom-left-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	-moz-border-bottom-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
}
.right { float:right; width:505px; min-height:206px; padding:0px 0px 0px 0px; background:#F9F9F9; }
.right h2 { background:#333; color:#FFFFFF; font:Arial, Helvetica, sans-serif; font-weight:bold; margin:0; font-size:9pt; padding:5px 10px; }

.date { font-weight:bold; text-align:right; margin-bottom:5px; margin-right:10px; margin-top:0px; font-family:9pt; color:#FFFFFF !important; font:Arial, Helvetica, sans-serif; }
.toplogin {
	height: 60px;
	background: #444444;
	-moz-border-top-left-radius:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
	-moz-border-top-right-radius:7px;
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
}
.toplogin #isi { float: left; font-size: 11pt; color: #fff; padding: 17px 0px 12px 20px; line-height: 100%; text-shadow: 1px 1px 1px #000, 1px 1px 1px #000; }
.toplogin #img { float: right; padding: 14px 15px; margin: 0; }
.formlogin { margin-top:5px; padding:0px 5px 10px 4px; }
.imglogin { float:right; margin-top:15px; margin-right:2px; }
.loginbox { border:1px solid #999; font-size:14pt; background:#fff; -moz-border-radius:3px; padding:5px 5px; margin:0px 0px 8px 0px; }
.loginbox-hover { border:1px solid #999; font-size:14pt; background:#fff; -moz-border-radius:3px; padding:5px 5px; margin:0px 0px 8px 0px; color:#000000; }
.btnlogin { text-shadow: 1px 1px 1px #111, 1px 1px 1px #111; -moz-border-radius:4px; padding:7px 21px; background:url(../images/bgbtn.gif) repeat-x; border:1px solid #333; color:#ffffff; font-weight:bold; cursor:pointer; }
.btnlogin:hover { text-shadow: 1px 1px 1px #111, 1px 1px 1px #111; padding:7px 21px; background:url(../images/bgbtn-hover.gif) repeat-x; border:1px solid #333; color:#ffffff; font-weight:bold; cursor:pointer; }

.headinfo { width:320px; background:#FFD324; margin-top:15px; text-transform:uppercase; font-weight:bold; padding:2px 10px 1px 10px; color:#000; border:2px solid #FFD324; font-size:9pt; }
.informasi { width:320px; font-weight:bold; font-style:italic; padding:5px 10px 5px 10px; text-align:justify; background:#FFF6BF; color:#000000; font:Arial, Helvetica, sans-serif; font-size:9pt; border:2px solid #FFD324; }
.infoerror { -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; text-transform:capitalize; width:auto; margin-top:0px; margin-bottom:10px; font-weight:bold; padding:15px 0px 15px 37px; background:url(../images/warning.png) 8px 12px no-repeat #DD3C10; color:#fff; font:Arial, Helvetica, sans-serif; font-size:9pt; border:2px solid #DD3C10; }

/*Left*/
.sidebar-left { width:230px; float:left; }
.content-sidebar-left{ padding:5px 5px 5px 10px; text-align:left; }
.sidebar { background:url(../images/bg-menu-sidebar.gif) repeat-y; margin-bottom:7px; }
.sidebar2 { margin-bottom:7px; }
.top-sidebar { width:215px; height:40px; background:url(../images/bg-top-menu-sidebar.gif) no-repeat; display:block; }
.top-sidebar2 { width:215px; height:35px; background:url(../images/bg-top-menu-sidebar2.gif) no-repeat; display:block; }
.title-sidebar1 { padding:10px 15px; text-transform:uppercase; font-size:14px; text-align:center; color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.title-sidebar { padding:8px 15px 0px 40px; text-transform:uppercase; font-size:14px; color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.bottom-sidebar { width:215px; height:9px; background:url(../images/bg-bottom-menu-sidebar.gif) no-repeat; display:block; }
.input {
	font-size: 9pt;
	padding:3px 4px;
	background:#fafafa;
	border:1px solid #333;
	font-family:arial;
}
.input-hover {
	font-size: 9pt;
	padding:3px 4px;
	background:#fff;
	border:1px solid #338fd5;
	font-family:arial;
}
.btn-login { padding:3px 10px; margin-top:8px; font-weight:bold; color:#FFFFFF; background:#333; text-transform:uppercase; border:none; }
.cek { margin-top:7px; margin-bottom:7px; }
.cek img { border:none; }
/*End Left*/

/*Main Content*/
.main-content { width:520px; float:left; }
.content-main-content { padding:5px 14px; text-align:justify; }
.homenews { width:480px; height:40px; padding-left:12px; background:url(../images/news.gif) no-repeat; display:block; margin-top:15px; margin-bottom:10px; }
.hometesti { width:480px; height:40px; padding-left:12px; background:url(../images/testi.gif) no-repeat; display:block; margin-top:15px; margin-bottom:10px; }
/*End Main Content*/

/*Right*/
.sidebar-right { width:200px; float:right; margin-top:7px; }
.content-sidebar-right { padding:5px 17px 5px 0px; text-align:left; }
.rightcontent { padding:0; background:url(../images/bg-sidemenu-right.gif) repeat-y; }
.rightcontent img { border:none; }
.rightcontent-isi { padding:5px 8px; }
.top-sidebar-right { width:183px; height:35px; background:url(../images/bg-top-sidemenu-right.gif) no-repeat; display:block; }
.bottom-sidebar-right { width:183px; height:9px; margin-bottom:9px; background:url(../images/bg-bottom-sidemenu-right.gif) no-repeat; display:block; }
.title-sidebar-right { padding:10px 15px 0px 11px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase; color:#FFFFFF; }

/*End Right*/
.menuside { width:200px; padding-left:7px; }
.menusideutama { width:200px; padding-left:7px; margin-top:14px; margin-bottom:14px; }
.menuside a { color:#236597; }
.menuside a:hover { color:#236597; text-decoration:underline; }
.sidebar-menu ul, ul.children{ list-style-type:none; margin:0 !important; padding:0 !important; }
.sidebar-menu ul li a{ display:block; padding:4px 20px 4px 30px; font-size:9pt; color:#333; background:url('../images/arrow.gif') 10px 9px no-repeat; border-bottom:1px dotted #ccc; text-decoration:none; font-weight:bold; }
.sidebar-menu ul li:last-child a{ border-bottom:1px dotted #ccc; }
.sidebar-menu ul li a:hover{ display:block; color:#000; text-decoration:none; background-color:#D9ECF9;  }

.newmember { width:180px; }
.news-side { padding:0px 5px; }
.news-side ul { list-style:none; padding:0; margin:0; }
.news-side li { border-bottom:1px dotted #aaa; padding-bottom:5px; padding-top:5px; }

.right-side { padding:0px 1px; }
.right-side ul { list-style:none; padding:0; margin:0; }
.right-side li { border-bottom:1px dotted #aaa; padding-bottom:5px; padding-top:5px; }

.table-new { clear:both; border-collapse:collapse; padding:0; margin:0; }
.table-new tr { background-color:#efefef; }
.table-new tr.even { background-color:#fefefe; }
.table-new th { padding:3px 5px; margin:0; color:#003366; vertical-align:top; font-weight:normal; text-align:right; }
.table-new td { padding:3px 5px; margin:0; color:#505050; vertical-align:top; }

.inputbox{ width:100px; padding:2px 3px; border:1px solid #0099cc; background:#fff; color:#666; }
.tombol-login { color:#FFFFFF; padding-bottom:3px; font-weight:bold; width:70px; height:30px; background:url(../images/btn.gif) no-repeat; display:block; border:none; }

.footer { padding:5px 18px; color:#2d2d2d; margin-top: 20px; margin-bottom:10px; text-align:right; background:none; font-size:8pt; text-align:center; }

.clear{ clear:both; }

/* 
===================================================
		NEWS ITEM
===================================================
*/
.news-item {
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

.news-item a { color:#3088CB; }

.news-item-last-child {
	padding:5px 0;
	border-bottom:none;
}

.news-item-title a {
	color:#464464;
	font-weight:normal;
	text-decoration:none;
}

.news-item-title a:hover {
	color:#170261;
	text-decoration:none;
}

.news-item-title small {
	color:#777;
}

.news-item-content div {
}

.news-item-footer {
	margin:0 0 .75em 0;
	color:#999999;
	text-transform:uppercase;
	letter-spacing:.1em;
	font:normal normal 80% 'trebuchet ms', trebuchet, arial, verdana, sans-serif;
	line-height:1.4em;
}

/* 

/*Red Menu*/
.pickit{
font-family:verdana;
font-size:8pt;
font-weight:bold;
color:#ffffff;
margin:0px 8px 0 0;
clear:none;
position:relative;
float:left;
}

/* --- Navbar Style --- */
.menu-drop-down { float:left; padding-top:0px; padding-right:0px; padding-left:7px; }
#nav {
	width: px;
	height: 30px;
	float: left;
	background: transparent;
	margin: 1px 0 0 0;
	z-index: 1;
}

/* -- Red Menu -- */
.menu {
	font-family:verdana;
	width:px;
	height:30px;
	font-weight:bold;
	color:#FFFFFF;
	position:relative;
	font-size:8pt;
	margin: 0;
	z-index:1000;
}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-family:verdana;
	font-weight:bold;
	width:81px; 
	height:28px; 
	text-align:center;
	border-bottom: 0;
	background-image:url('../images/red/center.png');
	line-height:26px; 
	font-size:8pt; 
	overflow:hidden;
	padding-left: 3px;
	padding-right: 7px;
}
/* End Caps Styling */
.menu .left_nosub {
	background-image:url('../images/red/left.png');
	padding-left: 1px;
	margin-right: -1px;
}
.menu .right_hassub {
	background-image:url('../images/red/right.png');
}
.menu .right_nosub {
	background-image:url('../images/red/right.png');
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* Button ":hover" Styling */
.menu ul li:hover a {color:#000000; background:url('../images/red/center_hassub.png');}
.menu ul li:hover ul {display:block; position:absolute; top:28px; left:0; width:152px; margin: 0; padding: 0;}
.menu ul li:hover ul li a.center_hassub {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.center_hassub {background:#6fc; color:#544a3a;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover .left_nosub {color:#000000; background:url('../images/red/left_nosub.png');}
.menu ul li:hover .right_hassub {color:#000000; background:url('../images/red/right_hassub.png') ;}
.menu ul li:hover .right_nosub {color:#000000; background:url('../images/red/right_nosub.png') ;}

/* DropDown Styling */
.menu ul li:hover ul li a {background-image: none; display:block; height: 28px; line-height: 25px; color:#000000; width:142px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;}
.menu ul li:hover ul {
	margin: 0 0 0 0px;
	padding: 0;
	background-image:url('../images/red/dropdown.png');
	background-repeat:no-repeat;
	background-position:bottom left; 
}

/* DropDown Menus ":active" or "Selected" Styling */
.menu ul li:hover ul .sub_active {
	background-image:url('../images/red/sub_active.png');
	margin-right: 1px;
}

/* DropDown Menus ":hover" Styling */
.menu ul li:hover ul li a:hover {color:#fff; background-image:url('../images/red/sub_hover.png');}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-70px;}

.wrap{
position:relative;
top:0px;
left:0px;
float:right;
width:500px;
height:0px;
padding:0;
padding-left:5px;
}

/* AWAL TABEL INPUT */
.table-input { clear:both; border-collapse:collapse; padding:0; margin:0; }
.table-input tr { background-color:#fff; border-bottom:1px solid #ddd; }
.table-input tr.even { background-color:#fafafa; }
.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-input2 { clear:both; border-collapse:collapse; padding:0; margin:0; }
.table-input2 tr { background-color:#fafafa; border-bottom:1px solid #ddd; }
.table-input2 tr.even { background-color:#fafafa; }
.table-input2 th { padding:3px 5px; margin:0; color:#003366; vertical-align:top; font-weight:normal; text-align:left; }
.table-input2 td { padding:3px 5px; margin:0; color:#505050; vertical-align:top; }
.table-input2 .input
{
	border:1px solid #aaa;
	font-family: arial;
	font-size:9pt;
	padding:2px 3px;
}
/* AKHIR TABEL INPUT */

/* AWAL KONFIRMASI */
.error, .notice, .success, .info{
	padding:8px 8px 8px 34px;
	margin-bottom:1em;
	margin-top:10px;
	border:1px solid #F6DBDB;
	background-position:2px 9px !important;
	background-repeat:no-repeat !important;
	background:#FCF7F7;
	color:#cc0000;
}
.success{
	padding:8px 8px 8px 34px;
	margin-bottom:1em;
	border:1px solid #DAEFDA;
	background-position:2px 9px !important;
	background-repeat:no-repeat !important;
	background:#F9FDF9;
	color:#248724;
}
.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 */

/* AWAL TABEL UMUM */
.table-common { clear:both; border-collapse:collapse; border:1px solid #efefef; border-top:none; }
/*.table-common tr.even { background-color:#eae076; }
.table-common tr { background-color:#f8f2ad; }*/
.table-common tr.even { background-color:#FBFCEC; }
.table-common tr { background-color:#FBFCEC; }
.table-common th { padding:8px; color:#333; height:6px; background:#efefef; font-weight:bold; text-transform:uppercase; }
.table-common td { padding:4px 6px 10px 6px; font-size:9pt; }

.table-common2 { clear:both; border-collapse:collapse; border:none; border-top:none; }
/*.table-common tr.even { background-color:#eae076; }
.table-common tr { background-color:#f8f2ad; }*/
.table-common2 tr.even { background-color:#FBFCEC; }
.table-common2 tr { background-color:#FBFCEC; }
.table-common2 th { padding:8px; color:#000; height:6px; background:#efefef; font-weight:bold; text-transform:uppercase; }
.table-common2 td { padding:6px 8px 10px 8px; font-size:9pt; }
/* AKHIR TABEL UMUM */

/* 
===================================================
		TABLE LIST
===================================================
*/
.table-list {
	clear:both;
	border-collapse:collapse;
	border:1px solid #aaa;
	border-top:none;
}

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

.table-list tr {
	background-color:#fafafa;
	border-top:1px solid #aaa;
}

.table-list th {
	padding:4px;
	color:#000;
	background-color:#dedede;
	font-weight:bold;
	text-transform:capitalize;
	border-right:1px solid #aaa;
}

.table-list td {
	padding:4px;
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
}

.table-list td img { padding:2px; background:#fff; border:1px solid #aaa; }

.table-list td a { color:#102A67; }
.table-list td a:hover { text-decoration:underline; color:#102A67; }

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

.testomony{}
.testimony-item {margin:10px 0px; padding:4px 5px; border-bottom: 1px solid #ccc; background: #f1f1f1;}
.testimony-item-even{margin:10px 0px; padding:4px 5px; border-bottom: 1px solid #ccc; background: #fafafa; }
.testimony-item h4, .testimony-item-even h4{padding:0 0 5px 0; margin: 0; color: #333;}
.testimony-item .image, .testimony-item-even .image{float:left; border:1px dotted #e2c8d7;; padding:5px; margin:0 10px 5px 0; width:75px;}

.testimony-sidebar { text-align:left; border-bottom:1px dotted #666; margin-bottom:7px; }
.tit { font-size:9pt; font-weight:bold; }
.testimony-sidebar img{ text-align:center; background:#eee; padding:1px; border:1px solid #ddd; margin:5px 6px 0px 0px; width:65px; }

.testomony2{ margin-top:0px; padding:0; }
.testimony-item2 {margin:0px; padding: 5px; font-size:8pt; }
.testimony-item2{margin:0px 0px; padding: 5px; font-size:8pt; }
.testimony-item2 h4 {padding:0 0 0px 0; margin-top:0px; margin-bottom:0px; color: #333;}
.testimony-item2 h5 { margin:0px; padding:0px; font-size:8pt; font-weight:normal; color:#666666; }

.testimony-sidebar2 { text-align:left; border-bottom:1px dotted #666; margin-bottom:7px; }
.tit2 { font-size:9pt; font-weight:bold; }
.testimony-sidebar2 img{ text-align:center; background:#eee; padding:1px; border:1px solid #ddd; margin:5px 6px 0px 0px; width:65px; }