@charset "utf-8";
body {
	margin:0; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
}
#wrapper{}
#pagewrapper{
	width:100%;
	margin:0;
	/*background-color:#CCCCCC;*/
}
#contentwrapper{
	width:978px !important;
	margin: 0 auto 0 auto;
	background-color:#FFFFFF;
	background:transparent url(../images/bg_content.gif) repeat-y 0 0;
	/*border: thin solid #999999;*/
}
#bingkai {
	float:left;
	width:841px;
	background:transparent url(../images/bg_content1.gif) repeat-y 0 0;
	/*border: thin solid #CCCCCC;*/
}
#topbanner_1 {
	width:841px;
/*	height:283px;*/
	background-image:url(../images/top_banner.jpg);
	background-repeat: no-repeat;
	z-index:0;
	background-position: center;
}
#topbanner {
	width:841px;
/*	height:283px;*/
	height:120px;
	background-image:url(../images/top_banner.jpg);
	background-repeat: no-repeat;
}
#language_top {
	/*width:200px;
	height:50px;*/
	/*background-color:#FF0000;*/
	color:#666666;
	margin-left:10px;
	margin-top:2px;
	width:824px;
	/*height:30px;*/
	/*background-color: transparent;
	background-image: url(../images/misc/koran.png);
	background-repeat: no-repeat;
	background-position: right top;*/
	z-index: 0;
	position:absolute;
}
#bingkai2 {
	margin-left:3px;
}

#rentangmenu {
	padding-top:178px;
	margin-left:0px;
	height:110px;
}

#rentangmenu_1 {
	padding-top:89px;
	margin-left:0px;
	height:100px;
}

#topmenu {
	width:824px;
}
#bingkai3 {
	margin-top:2px;
	height:177px;
}
#bannernews {
	float:left;
	width:548px;
	height:177px;
}

#login {
	float:left;
	clear:right;
	margin-left:4px;
	width:272px;
	height:175px;
}
#bingkai4 {
	margin-top:4px;
	/*height:186px;*/
	height:200px;
	/*border: thin solid #999999;*/
}
#bingkai5 {
	margin-top:4px;
	/*height:186px;*/
	height:315px;
	/*border: thin solid #999999;*/
}
#petak1 {
	float:left;
	width:272px;
	height:170px;
	/*height:186px;*/
	/*border: thin solid #999999;*/
	/*background-color:#9a9a9a;*/
}
#petak2 {
	margin-left:4px;
	float:left;
	width:272px;
	height:170px;
	/*border: thin solid #999999;*/
	/*background-color:#9a9a9a;*/
}
#petaks {
	padding-top:5px;
	padding-bottom:5px;
	margin-left:5px;
	float:left;
	margin-right:6px;
	height:170px;
	/*border: thin solid #999999;*/
	/*background-color:#9a9a9a;*/
}
#petak3 {
	margin-left:4px;
	float:left;
	clear:right;
	width:272px;
	height:170px;
	/*border: thin solid #999999;*/
	/*background-color:#9a9a9a;*/
}

#petakatas {
	margin-left:4px;
	float:left;
	clear:right;
	width:272px;
	height:160px;
	/*border: thin solid #999999;*/
	/*background-color:#9a9a9a;*/
}
#banner_kanan {
	float:right;
	width:137px !important;
	/*height:1100px;*/
	color:#999999;
	/*border: thin solid #999999;*/
	/*background-color:#9a9a9a;*/
	/*background:transparent url(../images/rounded/kr_t.png) repeat-y 0px 0px;*/
}
#isi_banner_kanan {
	margin-left:5px;
}
#spacer {
	width:841px;
	height:8px;
}
/*#footer {
	clear:both;
	width:100%;
	height:50px;
	background-color:#CCCCCC;
}*/
#footer {
	padding-top:5px;
	width:841px;
	height:50px;
	clear:both;
	background-color:#e3e3e3;
	color:black;
	}

#footerbanner {
	padding-top:0px;
	padding-bottom:5px;
	width:824px;
	text-align:center;
	margin-left:8px;
	clear:both;
	color:#FFFFFF;
	}

#isi_petak {
	height:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	/*color:#333333;*/
	/*background-color:#CCCCCC;*/
}
#isi_petak_atas {
	height:157px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	/*color:#333333;*/
	/*background-color:#CCCCCC;*/
}
#round_head {
	/*margin-top:-5px;*/
	/*background-color: transparent;
	background-image: url(../images/rounded/bg_head.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;*/
	font-weight: bolder;
}
#search {
	width:100px;
	height:50px;
	background-color:#FF0000;
}
#isi_petak1 {
	/*height:15px;*/
	line-height: 13px;	/*background-color:#CCCCCC;*/

}
#headnya {
	margin-left:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: 600;
}
#isi_content1 {
	margin-left:0;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	/*height:158px;*/
	/*height:170px;*/
	border: thin solid #FFFFFF;
	/*background-color:#FF0000;*/
	z-index:1;
}

#isi_content2 {
	margin-left:0;
	/*height:158px;*/
	height:170px;
	/*border: thin solid #FFFFFF;*/
	/*background-color:#FF0000;*/
	overflow:hidden;
}

#isi_content4 {
	margin: 0;
	/*height:158px;*/
	/*height:170px;*/
	border: thin solid #FFFFFF;
	/*background-color:#FF0000;*/
	z-index:1;
}

#isi_content4_isi {
	margin-top:60px;
}
#isi_content5_isi {
	margin-top:80px;
	color:#666666;
}
#isi_content6_isi {
	margin-top:20px;
	color:#666666;
}
#isi_content12_isi {
	/*background-color:#00FF00;*/
}
#isi_content12_isi {
	margin-left:0;
	color:#666666;
	/*background-color:#FF0000;*/
}
#table_ym {
	/*margin: 0 auto auto 30px;
	_margin: 0 auto auto 14.5px;*/
}
#isi_content8 {
	margin-left:0;
	/*height:158px;*/
	height:170px;
	/*border: thin solid #FFFFFF;*/
	/*background-color:#FF0000;*/
	z-index:1;
}
#isi_petak7 {
	height:315px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	/*color:#333333;*/
	/*background-color:#CCCCCC;*/
}
/* ################### MALL #################### */


				/* END of MALL */
				
/* ################### MARKET #################### */


				/* END of MARKET */
				
/* ################### NEWS #################### */


				/* END of NEWS */				
				
/* ################### COMMUNITY #################### */


				/* END of COMMUNITY */				
				
/* ################### FUN CENTER #################### */


				/* END of FUN CENTER */				
				
/* ################### CONTACT US #################### */


				/* END of CONTACT US */				


/*utk flash news*/

/* SCROLLER */
#content #kiri #headline #scroller {
	width: 325px;
	overflow: auto;
	clear:both;
	padding: 0;
}
#content #tengah {
	width: 325px;
	height: auto !important;
	line-height: 130%;
	color: black;
	text-align: left;
	padding-left:5px;
	padding-right:5px;
	background-color: #ccc;
	margin: 0;
	float: left;
}

#content #tengah #detikfoto .sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	border-bottom-width: 6px; /*width of featured content slider*/
	height: 325px;
	background-color: #fff;
	color: #FFF;
}
#content #tengah #detikfoto .sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0px;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 0px;
	background: #fff;
	width: 340px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
}
#content #tengah #detikfoto .pagination {
	text-align: center;
	background-color: #ccc;
	padding: 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#content #tengah #detikfoto .pagination a {
	padding: 5px 8px;
	text-decoration: none;
	color: #ccf;
	background: red;
	border: 1px solid #fff;

}
#content #tengah #detikfoto .pagination a:link {
	color: #FFFF00;
}
#content #tengah #detikfoto .pagination a:hover {
	color: #e00;
	background-color: #fff;
	border: 1px solid #ff0;
	
}
#content #tengah #detikfoto .pagination a.selected {
	color: #e00;
	background-color: #fff;
	border: 1px solid #fff;
}

#content #kiri #headline .judul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 110%;
	font-weight: normal;
}
#content #kiri #headline #pemilu .judul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
}

/*style utk menu*/
.home {
	float: left;
	height: 31px;
	width:106px;
	background: url('../images/top_menu/button-home.gif') no-repeat;
	text-decoration:none;
}

.home:hover {
	float: left;
	height: 31px;
	width:106px;
	background: url('../images/top_menu/home-over.gif') no-repeat;
	text-decoration:none;
}

.shop {
	float: left;
	height: 31px;
	width:94px;
	background: url('../images/top_menu/button-shop.gif') no-repeat;
	text-decoration:none;
}

.shop:hover {
	float: left;
	height: 31px;
	width:94px;
	background: url('../images/top_menu/shop-over.gif') no-repeat;
	text-decoration:none;
}

.download {
	float: left;
	height: 31px;
	width:126px;
	background: url('../images/top_menu/button-download.gif') no-repeat;
	text-decoration:none;
}

.download:hover {
	float: left;
	height: 31px;
	width:126px;
	background: url('../images/top_menu/download-over.gif') no-repeat;
	text-decoration:none;
}

.news {
	float: left;
	height: 31px;
	width:135px;
	background: url('../images/top_menu/button-whatnews.gif') no-repeat;
	text-decoration:none;
}

.news:hover {
	float: left;
	height: 31px;
	width:135px;
	background: url('../images/top_menu/whatnews-over.gif') no-repeat;
	text-decoration:none;
}

.community {
	float: left;
	height: 31px;
	width:132px;
	background: url('../images/top_menu/button-community.gif') no-repeat;
	text-decoration:none;
}

.community:hover {
	float: left;
	height: 31px;
	width:132px;
	background: url('../images/top_menu/community-over.gif') no-repeat;
	text-decoration:none;
}

.funcenter {
	float: left;
	height: 31px;
	width:134px;
	background: url('../images/top_menu/button_distribution1.jpg') no-repeat;
	text-decoration:none;
}

.funcenter:hover {
	float: left;
	height: 31px;
	width:134px;
	background: url('../images/top_menu/button_distribution2.jpg') no-repeat;
	text-decoration:none;
}

.topup {
	float: left;
	height: 31px;
	width:114px;
	background: url('../images/top_menu/button-merchant.gif') no-repeat;
	text-decoration:none;
}

.topup:hover {
	float: left;
	height: 31px;
	width:114px;
	background: url('../images/top_menu/merchant-over.gif') no-repeat;
	text-decoration:none;
}

.st_btn_login{
	background:url(../images/icons/login.gif);
	width:57px;
	height:22px;
	border:0px;
	cursor:pointer;
}

.st_btn_signup{
	background:url(../images/icons/signup.gif);
	width:80px;
	height:22px;
	border:0px;
	cursor:pointer;
}

.cari{
	background:url(../images/tombol-search.gif);
	width:57px;
	height:22px;
	border:0px;
	cursor:pointer;
}

/*style footer bawah*/
.footer_1{
	font-style:arial;
	text-decoration:none;
	color:black;
}

.footer_1:hover{
	font-style:arial;
	text-decoration:underline;
	color:black;
}

.footer_2{
	font-style:arial;
	text-decoration:none;
	color:black;
}

.footer_2:hover{
	font-style:arial;
	text-decoration:underline;
	color:black;
}

.btn_vote{
	background:url(../images/tombol-vote.gif);
	width:57px;
	height:23px;
	border:0px;
	cursor:pointer;
}

.btn_result{
	background:url(../images/tombol-result.gif);
	width:69px;
	height:23px;
	border:0px;
	cursor:pointer;
}


/*awal dari menu*/
div#links-primary {
	height:31px;
	margin-left: 0px;
	width:841px;
	
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul { padding:0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif;z-index:10001; }

/* Set up the top level list items and float left to place inline */
.menu li.top {
/*	display:block;*/
	margin: 0;
	padding: 0;
	height: 31px;
	color:white;
	display:block;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link { float:left; height:30px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.home {width:106px;background:url(../images/top_menu/home-over.gif);background-repeat: no-repeat;}
.menu li.shop {width:94px;background:url(../images/top_menu/shop-over.gif);background-repeat: no-repeat;}
.menu li.download {width:126px;background:url(../images/top_menu/download-over.gif);background-repeat: no-repeat;}
.menu li.news {width:135px;background:url(../images/top_menu/whatnews-over.gif);background-repeat: no-repeat;}
.menu li.community {width:132px;background:url(../images/top_menu/community-over.gif);background-repeat: no-repeat;}
.menu li.funcenter {width:132px;background:url(../images/top_menu/button_distribution2.jpg);background-repeat: no-repeat;}
.menu li.topup {width:114px;background:url(../images/top_menu/merchant-over.gif);background-repeat: no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#home {width:106px; background:url(../images/top_menu/button-home.gif);background-repeat: no-repeat;}
.menu li a#shop {width:94px; background:url(../images/top_menu/button-shop.gif);background-repeat: no-repeat;}
.menu li a#download {width:126px;background:url(../images/top_menu/button-download.gif);background-repeat: no-repeat;}
.menu li a#news {width:135px;background:url(../images/top_menu/button-whatnews.gif);background-repeat: no-repeat;}
.menu li a#community {width:132px;background:url(../images/top_menu/button-community.gif);background-repeat: no-repeat;}
.menu li a#funcenter {width:132px;background:url(../images/top_menu/button_distribution1.jpg);background-repeat: no-repeat;}
.menu li a#topup {width:114px;background:url(../images/top_menu/button-merchant.gif);background-repeat: no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#shop:hover, .menu li:hover a#shop,
.menu li a#download:hover, .menu li:hover a#download, 
.menu li a#news:hover, .menu li:hover a#news,
.menu li a#community:hover, .menu li:hover a#community,
.menu li a#funcenter:hover, .menu li:hover a#funcenter,
.menu li a#topup:hover, .menu li:hover a#topup{
	background-position: 2px -30px;
}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; text-align:left;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:30px; background: #f2f2f2; padding:3px 0; border:1px solid #888; width:163px; height:auto;}
.menu :hover ul.sub li {display:block; height:auto; position:relative; float:left; width:160px; border-bottom: 1px solid #ccc;}
.menu :hover ul.sub li a {display:block; font-size:10px; height:auto; width:157px; line-height:20px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#f2f2f2 url(../images/top_menu/arrow.gif) 150px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#0056a6; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#0056a6 url(../images/top_menu/arrow.gif) 150px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#0056a6 url(../images/top_menu/arrow.gif) 150px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-4px; background: #f2f2f2; padding:3px 0; border:1px solid #888; width:163px; z-index:200; height:auto; z-index:300;}

/*akhir dari menu*/