@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#000 url(../images/bg-body.jpg) top center no-repeat;
}

img {
	
}
img { 
	behavior: url("iepngfix.htc");
	border:none;
 }

h1 {
	font:normal 24px 'helvetica_lt_std_condregular',Arial;
	color:#da251c;
	margin:5px 0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.wrapper {
	width:1000px;
	height:auto;
	margin:0 auto;
}
.clearit {
	clear:both;
}
a {
	margin:0;
	padding:0;
}
a:hover {
	margin:0;
	padding:0;
}

/* Start Header */
.header {
	width:1000px;
	height:130px;
}
.top-banner {
	width:469px;
	height:60px;
	overflow:hidden;
	margin:10px 10px 0 0;
	float:right;
}
.top-1 {
	height:100px;
	overflow:hidden;
	padding:10px 0;
	margin-top:5px;
}
.logo {
	width:295px;
	height:79px;
	overflow:hidden;
}
.menu {
	width:980px;
	height:33px;
	color:#666;
	margin-top:10px;
	padding:8px 10px 0px 10px;
	background:#000 url(../images/bg-menu.gif) repeat-x;
}
.nav {
	width:650px;
	float:left;
	overflow:hidden;
	margin-top:3px;
}
.search {
	float:right;
	width:235px;
	height:25px;
	overflow:hidden;
	color:#666;
	background:url(../images/search.gif) top right no-repeat;
}
.search input {
	height:25px;
	_height:25px;
	width:187px;
	_width:183px;
	border:none;
	padding:0 10px;
}
#status{
    	outline:none;
    }
	
	*html #status {
		height:22px;
		overflow:hidden;
	}

.focusField{
    	color:#838383;
    }
    .idleField{
    	color: #838383;
    }		

a.nav-home {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#fff;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}
a.nav-home:hover, a#home.nav-home.active {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#999;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}
a.nav-news {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#fff;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
	
}
a.nav-news:hover, a#news.nav-news.active {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#999;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}
a.nav-event {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#fff;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}
a.nav-event:hover, a#event.nav-event.active {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#999;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}
a.nav-profil {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#fff;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}
a.nav-profil:hover, a#profil.nav-profil.active {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#999;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}
a.nav-kabar {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#fff;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}
a.nav-kabar:hover, a#kabar.nav-kabar.active {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#999;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}
a.nav-quiz {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#fff;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}
a.nav-quiz:hover, a#quiz.nav-quiz.active {
	font:normal 16px 'helvetica_lt_std_condregular',Arial;
	color:#999;
	padding:8px 15px;
	text-decoration:none;
	height:35px;
	margin:0;
	background:url(../images/boder-menu.gif) right no-repeat;
	overflow:hidden;
}

.border-right {
	border-right:1px solid #383838;
}
	
/* End Header */

/* Start Content */
.content {
	padding:15px;
	background:#fff url(../images/content-top-bg.jpg) center top no-repeat;
	/*overflow:hidden;*/
}
*html .content {
	padding-bottom:0px;
}

/* Kolom kiri */
.kolom-kiri {
	float:left;
	width:655px;
	padding-bottom:20px;
}
.kolom-kiri td {
	padding:0 10px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	
}
.headline {
	width:655px;
	height:330px;
	overflow:hidden;
	background:#000;
}

/* News */
.news-1 {
	margin:10px 0;
	width:655px;
	padding:10px 0 10px 0;
}

.news-1-box {
	width:320px;
	min-height:440px;
	overflow:hidden;
	float:left;
}
.news-content {
	border-bottom:1px solid #e9e9e9;
	padding:10px 0;
}
.news-title {
	border-bottom:1px solid #bbc6cb;
	height:31px;
}
.news-images-hl {
	width:159px;
	height:81px;
	overflow:hidden;
	float:left;
}
.news-content-hl {
	 width:155px;
	 height:81px;
	 overflow:hidden;
}

.news-1-box h1 {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#007f3c;
	padding:0px 7px 0px 7px;
	margin:0px 0;
	line-height:22px;
}
.news-1-box h1 a{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#007f3c;
	text-decoration:none;
	line-height:22px;
}
.news-1-box h1 a:hover {
	text-decoration:underline;
}

.news-1-box h2 {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0;
	padding:0 7px;
}


/* tabel klasemen */
.tabel-klasemen {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#214385;
}
.tabel-klasemen td {
	border:0;
	padding:0px 5px;
	border-bottom:1px solid #d0d0d0;
}

/* quiz */
.quiz {
	background:url(../images/quiz.jpg) no-repeat;
	width:655px;
	height:150px;
	overflow:hidden;
}
.link-quiz {
	width:318px;
	height:48px;
	float:right;
	display:block;
}
/* Start News 2 */
.news-2 {
	margin:10px 0;
	width:655px;
	padding:10px 0 20px 0;
}

.kabar-garuda {
	width:655px;
	height:295px;
	overflow:hidden;
	border-bottom:1px solid #bbc6cb;
}


.news-tl {
	width:655px;
	border-bottom:1px solid #bbc6cb;
	background:none;
}
.news-tl-bg {
	background:#41953e url(../images/news/br-radius-hl.gif) right no-repeat;
	padding:10px 10px;
	width:140px;
	_padding:7px;
	height:11px;
	_height:11px;
	font:BOLD 14px Arial, Helvetica, sans-serif;
	color:#fff;
}
.news-kolom {
	width:206px;
	height:260px;
	float:left;
	overflow:hidden;
}

.border-rl {
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	padding:0 10px;
	margin:0 7px;
}
.news-kolom-img {
	width:205px;
	height:105px;
	padding-top:10px;
}
.news-kolom h1 {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#007f3c;
	padding-top:5px;
	margin:0px 0;
	line-height:22px;
}
.news-kolom h1 a {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#007f3c;
	line-height:22px;
	text-decoration:none;
}
.news-kolom h1 a:hover {
	text-decoration:underline;
}
.news-kolom p {
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0;
	line-height:22px;
	height:68px;
	overflow:hidden;
}
.news-kolom p a {
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:22px;
	text-decoration:none;
}
.news-kolom h1 p a:hover {
	text-decoration:underline;
}
	
.product-link {
	background:url(../images/product-link.jpg) left no-repeat;
	padding:5px 55px;
	height:46px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#fff;
	overflow:hidden;
	
}

.product-link a{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height:24px;
}
.product-link a:hover {
	text-decoration:none;
	color:#ce0000;
}

.feature {
	width:300px;
	height:275px;
	overflow:hidden;
	float:left;
	margin-left:20px;
}
*html .feature {
	width:298px;
}

.feature-title {
	background:url(../images/feature.jpg) left no-repeat;
	width:247px;
	height:26px;
	padding:10px 40px;
	font:normal 24px 'helvetica_lt_std_condregular',arial;
	color:#fff;
	margin-bottom:10px;
}
.feature-link {
	background:url(../images/feature-link.jpg) left no-repeat;
	height:46px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	overflow:hidden;
	border-bottom:1px dashed #ce0000;
	margin:5px 5px;
	
}

.feature-link a{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	line-height:22px;
}
.feature-link a:hover {
	text-decoration:none;
	color:#ce0000;
}
/* End Start News 2 */	

/* News Detail */
.news-headline {
	border-bottom:1px solid #bbc6cb;
	padding:10px 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:18px;
}
.news-headline-images {
	width:380px;
	height:200px;
	padding-top:5px;
	background:url(../images/news-images-temp.gif) top left no-repeat;
	float:left;
	overflow:hidden;
}

.news-headline-artikel {
	width:220px;
	height:210px;
	float:left;
	overflow:hidden;
	margin-left:20px;
}
.news-headline-artikel h1 {
	font:bold 20px 'helvetica_lt_std_condregular',Arial;
	color:#da251c;
	margin:5px 0;
	line-height:22px;
}
.news-headline-artikel h1 a {
	font:bold 20px 'helvetica_lt_std_condregular',Arial;
	color:#da251c;
	margin:5px 0;
	text-decoration:none;
	line-height:22px;
}
.news-headline-artikel h1 a:hover {
	text-decoration:underline;
}

.news-headline-artikel {
	width:220px;
	height:210px;
	float:left;
	overflow:hidden;
	margin-left:20px;
}

.news-images {
	width:302px;
	height:152px;
	float:left;
	margin-right:20px;
}
.news-artikel {
	width:auto;
	height:160px;
	float:left;
	overflow:hidden;
}
.news-artikel h1 {
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0 5px 0;
}
.news-artikel h2 {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#00813d;
	margin:0px 0 5px 0;
}
.news-artikel h1 a {
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#000;
	margin:5px 0;
	text-decoration:none;
	line-height:22px;
}
.news-artikel h1 a:hover {
	text-decoration:underline;
}
/* Pagination */
.pagination-news {
	color:#393939;
	margin:15px 0;
	height:20px;
	float:left;
	padding-left:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
}
a.paging {
	color:#666;
	text-decoration:none;
	width:20px;
	height:20px;
	padding:3px 6px;
	font:bold 12px Arial, Helvetica, sans-serif;
	background:url(../images/pading.jpg) center no-repeat;
}
a.paging:hover {
	color:#000;
	text-decoration:none;
	background:url(../images/pading.jpg) center no-repeat;
}
.pagination-news a.active {
	color:#000;
	background:url(../images/pading.jpg) center no-repeat;
}

a.paging-2 {
	color:#666;
	text-decoration:none;
	width:20px;
	height:20px;
	padding:3px 6px;
	font:bold 11px Arial, Helvetica, sans-serif;
}
a.paging-2:hover {
	color:#000;
	text-decoration:none;
}

/* News Detail */
.breadcrumb {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
}
a.bread {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	border-right:1px solid #000;
	padding:0 5px 0 0;
}
a.bread:hover {
	text-decoration:none;
	color:#ce0000;
	padding:0 5px 0 0;
}
.breadcrumb a.active {
	color:#ce0000;
	text-decoration:none;
	border:none;
}

.news-detail {
	padding:0px 0;
}

.news-detail h1  {
	font:normal 24px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:10px 0;
	margin:0px 0 10px 0;
	border-bottom:1px solid #ccc;
}
.isi-artikel {
	border-top:4px solid #41953e;
	border-bottom:3px solid #41953e;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
}
.isi-artikel a {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#ce0000;
	text-decoration:none;
}
.isi-artikel a:hover {
	text-decoration:none;
}
.isi-artikel p {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
}
.isi-images {
	width:655px;
	overflow:hidden;
	margin:5px 0 20px 0;
}

.artikel-terkait {
	width:300px;
	height:160px;
	float:right;
	padding:10px;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
	overflow:hidden;
}

.artikel-terkait a {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#41953e;
	text-decoration:none;
	line-height:20px;
}

.artikel-terkait ul {
	padding-left:0;
	margin-left:20px;
}
.artikel-terkait a:hover {
	text-decoration:underline;
}

.artikel-terkait-head {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:5px 0;
}

/* Halaman Product */
.product-headline {
	width:620px;
	height:445px;
	overflow:hidden;
	margin-top:10px;
}
.product-headline-images {
	background:url(../images/product-images-temp.gif) top left no-repeat;
	padding-top:8px;
}
.product-headline-artikel {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
}
.product-headline-artikel h1 {
	font:normal 24px 'helvetica_lt_std_condregular',Arial;
	margin:5px 0;
	color:#da251c;
}
.product-headline-artikel h1 a {
	font:normal 24px 'helvetica_lt_std_condregular',Arial;
	color:#da251c;
	text-decoration:none;
}
.product-headline-artikel h1 a:hover {
	text-decoration:underline;
}

.product-thumb {
	width:300px;
	height:270px;
	overflow:hidden;
	margin-bottom:20px;
	float:left;
}
.product-thumb-images {
	background:url(../images/product-images-thumb.gif) top left no-repeat;
	padding-top:8px;
}
.product-thumb-artikel {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
}
.product-thumb-artikel h1 {
	font:normal 18px 'helvetica_lt_std_condregular',Arial;
	margin:5px 0;
	color:#da251c;
}
.product-thumb-artikel h1 a {
	font:normal 18px 'helvetica_lt_std_condregular',Arial;
	color:#da251c;
	text-decoration:none;
}
.product-thumb-artikel h1 a:hover {
	text-decoration:underline;
}
.br-bottom-red {
	border-bottom:1px solid #ce0000;
	height:10px;
}
.br-bottom-grey {
	border-bottom:1px solid #d0d0d0;
	height:1px;
	_height:0px;
}

.product-detail {
	margin-top:10px;
	width:620px;
	overflow:hidden;
}

.product-detail h1 {
	font:normal 24px 'helvetica_lt_std_condregular',Arial;
	margin:5px 0;
	color:#da251c;
}
.product-detail p {
	font:normal 14px Arial, Helvetica, sans-serif;
	margin:5px 0;
	color:#000;
	padding:5px 0;
	line-height:22px;
}
.product-detail h1 a {
	font:normal 18px 'helvetica_lt_std_condregular',Arial;
	color:#da251c;
	text-decoration:none;
}
.product-detail h1 a:hover {
	text-decoration:underline;
}
.product-detail h2 {
	border-bottom:1px dashed #ccc;
	border-top:1px dashed #ccc;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#000;
	padding:10px 0;
}
.product-detail td {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
	padding:10px;
	border-bottom:1px solid #ccc;
}
/* End halaman Product */


/* Halaman Gallery */
.galeri-page {
	width:195px;
	height:158px;
	overflow:hidden;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:20px;
	float:left;
}
.galeri-page h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
	margin:5px 0;
}
.galeri-page h2 {
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#da251c;
	margin:5px 0;
}

.galeri-detail {
	width:295px;
	height:177px;
	margin-bottom:20px;
	overflow:hidden;
	float:left;
}
.galeri-detail h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#000;
	margin:5px 0;
}

/* kolom Kanan */
.kolom-kanan {
	float:left;
	width:300px;
	/*height:800px;*/
	margin-left:15px;
}
.banner-right {
	width:300px;
	height:250px;
	margin-bottom:20px;
	overflow:hidden;
}

/* Profile bintang */
.profil-bintang {
	width:300px;
	height:320px;
	margin-bottom:20px;
	overflow:hidden;
}
.profil-bintang h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#007f3c;
	margin:0px 0;
	line-height:22px;
	margin-top:5px;
}
.profil-bintang h1 a{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#007f3c;
	text-decoration:none;
	line-height:22px;
}
.profil-bintang h1 a:hover {
	text-decoration:underline;
}

.profil-bintang h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 5px 0;
}
.profil-bintang p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
}

.profil-bintang-content{
	width:269px;
	overflow:hidden;
	margin:10px auto;
}
.profil-bintang-img {
	width:269px;
	height:168px;
	overflow:hidden;
}
/* Profile bintang */

/* twiiter */
.twitter {
	width:300px;
	height:500px;
	margin-bottom:20px;
	overflow:hidden;
}

.twitter-content{
	width:283px;
	overflow:hidden;
	margin:2px auto;
	background:#fff;
}
.isi-twit {
	width:267px;
	margin:10px auto;
	height:390px;
	overflow:hidden;
}
/* end twitter */

/* end kolom Kanan */
	
/* End Content */


/* Start Footer */
.footer {
	background:#000 url(../images/footer-bg.jpg) repeat-x;
	color:#fff;
	height:80px;
	_height:10px;
	padding:20px;
	height:97px;
	overflow:hidden;
}
.menu-footer {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#cccccc;
	background:url(../images/br-footer.gif) bottom repeat-x;
	padding-bottom:15px;
}
.menu-footer a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#cccccc;
	text-decoration:none;
}
.menu-footer a:hover {
	text-decoration:underline;
}
.copyright {
	float:left;
	width:400px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#515151;
	padding-top:26px;
}
.logo-kompas {
	float:right;
	width:161px;
	height:27px;
	padding-top:14px;
}

/* jadwal */

.jadwal {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:none;
}

.jadwal td {
	padding:3px 5px;
	border:1px solid #ccc;
}