body{
	font-family:  Arial, sans-serif, Helvetica, Geneva;
	font-size: 11px;
	margin:0px;
	padding:0px;
	
	/**edited by robin 9 maret 2010**/
	/**background-image:url(../images/bg_body.png);**/
	/**background-color:#28CCB7;**/
	/**background-repeat:repeat-x;**/
	/*background-image:url(../images/Background.jpg);*/
	background-attachment:fixed;
	background-position:center top;
	background-repeat:repeat-y;
	background-color:#000000;
}

/*resized bg image 250410*/
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}




#wrapper {
	margin: auto;
	width: 800px;
	padding: 0;
	position: relative;
}


#wrapper #banner-header{
	width:100%;
	height:139px;
	/*background:url(../images/kolom_iklan_header.png) no-repeat;
	text-align:center;*/
}

#wrapper #banner-header #left-column{
	width:27px;
	height:139px;
	background:url(../images/kolok_iklan_atas_kiri.png) no-repeat;
	float:left;
}



#wrapper #banner-header #center-column{
	width:746px;
	height:139px;
	background:url(../images/kolok_iklan_atas_tengah.png) repeat-x;
	float:left;
	behavior: none;
}


#wrapper #banner-header #right-column{
	width:27px;
	height:139px;
	background:url(../images/kolok_iklan_atas_kanan.png) no-repeat;
	float:left;
}

#wrapper #banner-header img{
	/*width:583px;
	height:87px;*/
	margin:12px 3px; 
}

#wrapper #header {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/header_ps3.png) no-repeat;
}

#wrapper #header-aboutus {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/header_aboutus.png) no-repeat;
}

#wrapper #header-jobs {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/header_jobs.png) no-repeat;
}

#wrapper #header-advertise{
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/header_advertise.png) no-repeat;
}

#wrapper #header-copyright{
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/header_copyright.png) no-repeat;
}

#wrapper #header-search{
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/header_search.png) no-repeat;
}


/** kenrick 290310 **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wrapper #container { background-color:#979797; }
}

/** Container **/
#wrapper #container {
	background:#FFFFFF;
	height:auto;
	background-image:url(../images/container_bg.png);
	background-repeat:repeat-x;
	background-color:#a8a8a8;
	padding-left:5px;
	behavior: none;
}

* html #wrapper #container {
	padding-left:0;
}

#wrapper #container #header-bar{
	width:100%;
	height:auto;
}

#wrapper #container #header-bar #searchDiv{
	float:left;
	width:315px;
	margin-left:20px;
}

#wrapper #container #header-bar #searchDiv #textSearch{
	padding : 18px 0 0 35px;
	float:left;
}

#wrapper #container #searchDiv #comboSearch{
	padding : 18px 0 0 6px;
	float :left;
}

/**edit kenricj 131109**/
#wrapper #container #searchDiv #searchTxt{
	/*padding : 9px 0 0 90px;*/
	margin-top:9px;
	margin-left:112px;
	float :left;
}


*html #wrapper #container #searchDiv #searchTxt{
	margin-top:-5px;
	margin-left:45px;

}

#wrapper #container #searchDiv #sortByTxt{
	/*padding : 9px 0 0 102px;*/
	margin-top:9px;
	margin-left:102px;
	float :left;
}
*html #wrapper #container #searchDiv #sortByTxt{
	margin-top:-5px;
	margin-left:102px;

}
/**end edit ken**/

#wrapper #container #searchDiv #backgroundSearchLeft{
	background-image:url(../images/search_bar_kiri.png);
	width:14px;
	height:28px;
	float:left;
	margin-top:-3px;
}


#wrapper #container #searchDiv #backgroundSearchCentre{
	background-image:url(../images/search_bar_tgh.png);
	width:100px;
	height:17px;
	background-repeat:repeat-x;
	float:left;
}

#wrapper #container #searchDiv #backgroundSearchRight{
	background-image:url(../images/search_bar_kanan.png);
	width:14px;
	height:26px;
	float:left;
}


#wrapper #container #langDiv {
	float:left;
}

#wrapper #container #langDiv #lang  {
	padding:5px 0px 0px 30px;
}

#wrapper #container #langDiv #lang-txt  {
	padding:5px 0px 0px 43px;
}

#wrapper #container #joyverter-title  {
	float:left;
	padding:15px 0 0 240px;
}

/** LEFT-MENU **/
#wrapper #container #left-menu{
	float:left;
	width:202px;
	margin-left:18px;
	margin-top:10px;
}

#wrapper #container #left-menu a{
	color:#FFFFFF;
	text-decoration:none;
}

#wrapper #container #left-menu a:hover{
	color:#FF6633;
	text-decoration:none;
}


#wrapper #container #left-menu #news-menu #title{
	background:url(../images/news_title.png);
	width:201px;
	height:34px;
	margin-left:1px;
}

#wrapper #container #left-menu #news-menu #title img{
	margin-left:10px;
	margin-top:11px;
}

* html #wrapper #container #left-menu #news-menu #title img{
	margin-left:10px;
	margin-top:10px;
}

#wrapper #container #left-menu #news-menu #content{
	background:url(../images/news_bg.png);
	width:200px;
	height:95px;
	margin-top:1px;
}

#wrapper #container #left-menu #news-menu #content #gbr{
	float:left;
	width:37px;
	height:35px;
	padding:10px 0px 0px 7px;
}

#wrapper #container #left-menu #news-menu #content #txt{
	float:left;
	width:100px;
	height:35px;
	padding:6px 1px 0 7px;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:10px;
}

#wrapper #container #left-menu #previews-menu #title{
	background:url(../images/preview_title.png) no-repeat;
	width:202px;
	height:28px;
	margin-top:2px;
	
}

#wrapper #container #left-menu #previews-menu #title img{
	margin-left:10px;
	margin-top:5px;
}

* html #wrapper #container #left-menu #previews-menu #title img{
	margin-left:10px;
	margin-top:5px;
}

#wrapper #container #left-menu #previews-menu #content{
	background:url(../images/preview_bg.png) no-repeat;
	width:202px;
	height:108px;
	margin-top:1px;
}

#wrapper #container #left-menu #previews-menu #content #gbr{
	float:left;
	width:37px;
	height:35px;
	padding:10px 0px 0px 9px;
}

#wrapper #container #left-menu #previews-menu #content #txt{
	float:left;
	width:100px;
	height:35px;
	padding:6px 1px 0 7px;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:10px;
}

#wrapper #container #left-menu #reviews-menu #title{
	background:url(../images/review_title.png);
	width:202px;
	height:28px;
	margin-top:2px;
}

#wrapper #container #left-menu #reviews-menu #title img{
	margin-left:14px;
	margin-top:8px;
}

* html #wrapper #container #left-menu #reviews-menu #title img{
	margin-left:14px;
	margin-top:7px;
}

#wrapper #container #left-menu #reviews-menu #content{
	background:url(../images/review_bg.png);
	width:202px;
	height:105px;
	margin-top:1px;
}

#wrapper #container #left-menu #reviews-menu #content #gbr{
	float:left;
	width:37px;
	height:35px;
	padding:10px 0px 0px 12px;
}

#wrapper #container #left-menu #reviews-menu #content #txt{
	float:left;
	width:100px;
	height:35px;
	padding:8px 1px 0 7px;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:10px;
}

#wrapper #container #left-menu #comics-menu #title{
	background:url(../images/comics_title.png);
	width:202px;
	height:25px;
	margin-top:2px;
}

#wrapper #container #left-menu #comics-menu #title img{
	margin-left:14px;
	margin-top:3px;
}

* html #wrapper #container #left-menu #comics-menu #title img{
	margin-left:15px;
	margin-top:3px;
}

#wrapper #container #left-menu #comics-menu #content{
	background:url(../images/comics_bg.png);
	width:202px;
	height:107px;
	margin-top:1px;
}

#wrapper #container #left-menu #comics-menu #content #gbr{
	float:left;
	width:37px;
	height:35px;
	padding:10px 0px 0px 15px;
}

#wrapper #container #left-menu #comics-menu #content #txt{
	float:left;
	width:100px;
	height:35px;
	padding:8px 1px 0 7px;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:10px;
}

#wrapper #container #left-menu #stores-menu #title{
	background:url(../images/stores_title.png);
	width:202px;
	height:26px;
	margin-top:2px;
}

#wrapper #container #left-menu #stores-menu #title img{
	margin-left:17px;
	margin-top:5px;
}

* html #wrapper #container #left-menu #stores-menu #title img{
	margin-left:17px;
	margin-top:3px;
}

#wrapper #container #left-menu #stores-menu #content{
	background:url(../images/stores_bg.png);
	width:202px;
	height:121px;
	margin-top:1px;
}

#wrapper #container #left-menu #stores-menu #content #gbr{
	float:left;
	width:37px;
	height:35px;
	padding:10px 0px 0px 17px;
}

#wrapper #container #left-menu #stores-menu #content #txt{
	float:left;
	width:100px;
	height:35px;
	padding:8px 1px 0 7px;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:10px;
}

/** RIGHT-MENU **/
#wrapper #container #right-menu{
	float:left;
	width:540px;
	margin-left:0px;
	margin-top:19px;
}

#wrapper #container #right-menu #latest-news-preview {
	width:540px;
	height:255px;
	background:url(../images/latest_news_bg.png);
	margin-left:-3px;
}

/* changed */
#wrapper #container #right-menu #latest-news-preview #latest-news-preview-desc  {
	position:relative;
	margin-top:-37px;
	margin-left:-22px;
	background-image:url(../images/latest_description_background.png);
	width:503px;
	height:23px;
}
/* changed */

#wrapper #container #right-menu #latest-news-preview #latest-news-flash{
	width:92%;
	height:235px;
	padding:15px 0 0 40px;
	float:left;
	
	behavior: none;
}

#wrapper #container #right-menu #right-center {
	width:100%;
	margin-top:1px;
}

#wrapper #container #right-menu #right-center #latest-preview {
	float:left;
	width:285px;
	height:142px;
	background:url(../images/latest_preview.png);
	margin-left:-2px;
}

#wrapper #container #right-menu #right-center #latest-preview #latest-preview-desc  {
	position:relative;
	margin-top:-38px;
	background-image:url(../images/latest_description_background.png);
	width:273px;
	height:23px;
	margin-left:-12px;
}

#wrapper #container #right-menu #right-center #latest-preview #latest-preview-content {
	width:88%;
	height:134px;
	padding:2px 0 0 22px;
	float:left;
}

#wrapper #container #right-menu #right-center #latest-review {
	float:left;
	width:254px;
	height:141px;
	background:url(../images/latest_review.png);
	margin-left:1px;
}

#wrapper #container #right-menu #right-center #latest-review #latest-review-desc  {
	position:relative;
	margin-top:-35px;
	margin-left:-3px;
	background-image:url(../images/latest_description_background.png);
	width:254px;
	height:23px;
}

#wrapper #container #right-menu #right-center #latest-review #latest-review-content {
	width:97%;
	height:134px;
	padding:1px 0 0 2px;
	float:left;
}



#wrapper #container #right-menu #right-below {
	width:100%;
	margin-left:1px;
	margin-top:1px;
}

#wrapper #container #right-menu #right-below #left-content{
	float:left;
	width:157px;
}

#wrapper #container #right-menu #right-below #left-content #latest-comic{
	background:url(../images/latest_comic.png);
	width:157px;
	height:141px;
	margin-left:-4px;
	margin-top:1px;
}

#wrapper #container #right-menu #right-below #left-content #latest-comic #latest-comic-desc{
	position:relative;
	margin-top:-35px;
	margin-left:-10px;
	background-image:url(../images/latest_description_background.png);
	width:151px;
	height:23px;
}

#wrapper #container #right-menu #right-below #left-content #latest-comic #latest-comic-content{
	width:86%;
	height:133px;
	padding:1px 0 0 15px;
	float:left;
}

#wrapper #container #right-menu #right-below #left-content #latest-store{
	background:url(../images/latest_store.png);
	width:157px;
	height:141px;
	margin-top:1px;
	margin-left:-4px;
}

#wrapper #container #right-menu #right-below #left-content #latest-store #latest-store-desc{
	position:relative;
	background-image:url(../images/latest_description_background.png);
	width:158px;
	height:23px;
	margin-top:-35px;
	margin-left:-12px;
}

/** edited by kenrick - 13-11-09 - ie hack**/
* html #wrapper #container #right-menu #right-below #left-content #latest-store #latest-store-desc{
	width:155px;
	margin-left:-10px;
}



#wrapper #container #right-menu #right-below #left-content #latest-store #latest-store-content{
	width:88%;
	height:134px;
	padding:1px 0 0 10px;
	float:left;

}

#wrapper #container #right-menu #right-below #polling {
	float:left;	
	/*background:url(../images/polling_bg.png);*/
	background-color:#999999;
	width:377px;
	height:282px;
	margin-top:1px;
	margin-left:0px;
}


#wrapper #container #right-menu #right-below #polling #polling-content {
	width:48%;
	height:273px;
	float:left;
	font-weight:bold;
	font-size:11px;
	margin-top:3px;
	margin-left:6px;
}
*html #wrapper #container #right-menu #right-below #polling #polling-content {
	margin-left:3px;
}


#wrapper #container #right-menu #right-below #right-banner {
	float:left;	
	background:#CCCCCC;
	width:250px;
	height:282px;
	margin-top:2px;
	margin-left:2px;
}

#wrapper #container #centered-banner {
	padding:5px 0px 0px 50px;
	width:685px;
	height:86px;
	margin-top:12px;
	margin-bottom:15px;
}

#wrapper #container #recent-news #centered-banner {
	padding:5px 0px 0px 20px;
	width:685px;
	height:86px;
	margin-top:12px;
	margin-bottom:12px;
}

#wrapper #container #recent-news {
	width:544px;
	margin-left:30px;
}

* html #wrapper #container #recent-news {
	margin-left:40px;
}

#wrapper #container #recent-news #title{
	width:728px;
	height:22px;
	/*background:url(../images/recent_news.png);*/
}

#wrapper #container #recent-news #title #kiri{
	width:10px;
	height:22px;
	background:url(../images/recent_news_kiri.png) no-repeat;
	float:left;
	
	behavior: none;
}

#wrapper #container #recent-news #title #kanan{
	width:10px;
	height:22px;
	background:url(../images/recent_news_kanan.png) no-repeat;
	float:right;
	
	behavior: none;
}

#wrapper #container #recent-news #title #tengah{
	width:708px;
	height:22px;
	background:url(../images/recent_news_tengah.png) repeat-x;
	float:left;
	
	behavior: none;
}


#wrapper #container #recent-news #content{
	width:728px;
	height:100px;
	background-color:#7a7a7a;
	margin-top:1px;
	behavior: none;
}

#wrapper #container #recent-news #content #content-picture{
	float:left;
	width:125px;
	height:89px;
	margin-top:8px;
}

#wrapper #container #recent-news #content #content-picture img{
	margin-left:8px;
}

* html #wrapper #container #recent-news #content #content-picture img{
	
	width:110px;
}


#wrapper #container #recent-news #content #content-info{
	float:left;
	width:600px;
	height:auto;
	margin-top:2px;
	padding : 0 0 0 3px;
}

#wrapper #container #recent-news #content #content-info #content-info-title{
	width:600px;
	height:20px;
	margin-top:2px;
}

#wrapper #container #recent-news #content #content-info #content-info-title #judul{
float:left;
margin-left:5px;
}


#wrapper #container #recent-news #content #content-info #content-info-title #judul a{
text-decoration:none;
color:#FFCC66;
font-size:18px;
}

#wrapper #container #recent-news #content #content-info #content-info-title #judul a:hover{
color:#CCFF00;
}

#wrapper #container #recent-news #content #content-info #content-info-title #tanggal{
float:right;
margin-right:5px;
margin-top:5px;
}

#wrapper #container #recent-news #content #content-info #content-info-description{	
	width:580px;
	height:30px; /**edited by robin 9 maret 2010**/
	margin-top:2px;
	margin-left:5px;
}

#wrapper #container #recent-news #content #content-info #content-info-more{
	width:600px;
	height:15px;
	margin-top:2px;
	margin-left:5px;
}

#wrapper #container #pagination-background{
	height:36px;
	behavior: none;
}

#wrapper #container #pagination-background #left-pagination{
	height:25px;
	float:right;
	background:url(../images/background-left-pagination.png);
	margin-top: 3px;
	width:8px;
}

#wrapper #container #pagination-background #pagination{
	
	float:right;
	background:url(../images/background-pagination.png) repeat-x;
	margin-top: 3px;
	height:20px;
	behavior: none;
	padding:4px 0 0 0;
	font-size:14px;
}


#wrapper #container #pagination-background #right-pagination{
	height:24px;
	float:right;
	background:url(../images/background-right-pagination.png);
	margin-top: 3px;
	width:7px;
	margin-right : 42px;	
}

#wrapper #container #pagination-background #pagination a{
	color:#FFCC66;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
} 

#wrapper #container #pagination-background #pagination a:hover{
	color:#000000;
	font-weight:bold;
} 


#wrapper #container-bawah {
	/**background:#a8a8a8;**/
	width:100%;
	height:20px;
}

#wrapper #container-bawah #kiri {
	background:url(../images/container_bawah_kiri.png) no-repeat;
	width:14px;
	height:20px;
	float:left;
}


#wrapper #container-bawah #kanan {
	background:url(../images/container_bawah_kanan.png) no-repeat;
	width:14px;
	height:20px;
	float:right;
}

#wrapper #container-bawah #tengah {
	background:#a8a8a8;
	width:772px;
	height:20px;
	float:left;
}

/** down banner **/
#wrapper #down-banner {
	width:100%;
	margin-top:5px;
}

#wrapper #down-banner #left-column {
	float:left;
	width:25px;
	height:114px;
	background:url(../images/kolom_iklan_bawah_kiri.png);
}

#wrapper #down-banner #center-column {
	float:left;
	width:750px;
	height:114px;
	background:url(../images/kolom_iklan_bawah_tgh.png) repeat-x;
	
	behavior: none;
}

#wrapper #down-banner #center-column img{
	margin-top:4px;
}
#wrapper #down-banner #right-column {
	float:left;
	width:25px;
	height:114px;
	background:url(../images/kolom_iklan_bawah_kanan.png);
}

#wrapper #footer{
	width:100%;
	height:auto;
	margin-top:5px;
}

#wrapper #footer #background-footer{
width:100%;
height:20px;
background-image:url(../images/backgroundfooter.jpg);
background-repeat:repeat-x;
padding:5px 0 0 0 ;
font:"Courier New", Courier, monospace;
font-weight:bold;
font-size:10px;
color:#666666;
}

#background-footer a{
text-decoration:none;
color:#666666;

}

#background-footer a:hover{
color:#006699;
}




/**	COMMON CSS **/
.clearBoth{	clear:both; }
.tbl {	 font-size:12px; text-align:center; font-weight:bold; color:#FFFFFF; }
.tblColumn { background-color:#29920d; }
.rowColumn { background-color:#6de11d; color:#000000; }
.font12 {font-size:12px; font-weight:bold; color:#000000; margin:0 15px;}
.isi{font-size:12px; color:#000000; width:95%; text-align:justify; margin:1% 0 0 2%; }
.noTextDecor { text-decoration:none; }
.errmsg{color:#990000; font-weight:bold;}
.noDisplay {display:none;}
.whiteFont{color:#FFFFFF; font-weight:bold;}
.border1{ border:1 solid #000000;}
.ttlFont{color:#CCCCCC; font-size:14px; font-weight:bold;}	
.floatRight{float:right;}
.margintop83{margin-top:83px;}
.floatLeftAndmarginLeft5{float:left;margin-left:2px;}
.floatLeft{float:left;}
.fontLatestDescription{font-size:14px;color:#FFFFFF;float:right;margin-right:10px;margin-top:4px;}
.fontTitle{color:#FFCC66;font-size:18px;}


.searchImage{
	background-image:url(../images/search_bar_tgh.png);
	width:120px;
	height:22px;
	background-repeat:repeat-x;
	float:left;
	padding : 3px 0 0 0;
	behavior: none;
}

.searchComboImage{
	background-image:url(../images/search_bar_tgh.png);
	width:80px;
	height:25px;
	background-repeat:repeat-x;
	float:left;
	padding :4px 0 3px 0;	
	behavior: none;
	
}
/**css background Submit button comment box**/
.classbuttonSubmit{
	background-image:url(../images/submitButton.png);
	width:103px;
	height:29px;
	float:left;
	padding : 3px 0 0 0;
	behavior: none;
}
.classbuttonVote{
	background-image:url(../images/vote.png);
	width:103px;
	height:26px;
	padding : 3px 0 0 0;
	behavior: none;
	cursor:pointer;
}

/**css background Submit button comment box**/


/**CSS Robin for copyright,jobs,advertise aboutus, searchresult**/
#copyright-container{
	background:#FFFFFF;
	background-image:url(../images/container_copyright_bg.png);
	background-repeat:repeat-x;
	background-color:#a8a8a8;
	height:763px;
	behavior: none;
}

#wrapper #copyright-container #right-menu #copyright-header-txt{
	background-image:url(../images/background-header-copyright.png);
	width:509px;
	height:53px;
	margin-left : 20px;
	margin-top: -2px;
}

#wrapper #copyright-container #right-menu #jobs-header-txt{
	background-image:url(../images/background-header-jobs.png);
	width:509px;
	height:53px;
	margin-left : 20px;
	margin-top: -2px;
}


#wrapper #copyright-container #right-menu #advertise-header-txt{
	background-image:url(../images/background-header-advertise.png);
	width:509px;
	height:53px;
	margin-left : 20px;
	margin-top: -2px;
}

#wrapper #copyright-container #right-menu #about-header-txt{
	background-image:url(../images/background-header-aboutus.png);
	width:509px;
	height:53px;
	margin-left : 20px;
	margin-top: -2px;
}

#wrapper #copyright-container #right-menu #searchresult-header-txt{
	background-image:url(../images/background-header-searchresult.png);
	width:509px;
	height:53px;
	margin-left : 20px;
	margin-top: -2px;
}


#wrapper #copyright-container #right-menu #copyright-background-left{
	background-image:url(../images/background-content-copyright.png);
	width:43px;
	height:628px;
	float:left;
	margin-top:3px;
	margin-left:-10px;
}

#wrapper #copyright-container #right-menu #copyright-background-centre{
	background:url(../images/background-content-center-copyright.png);
	background-repeat:repeat-x;
	float:left;
	width:496px;
	height:628px;
	margin-top :3px;
}

#wrapper #copyright-container #right-menu #copyright-background-centre #copyright-content-background{
	background-color:#FFFFFF;
	width:488px;
	height:616px;
	margin-top:5px;
}

#wrapper #copyright-container #right-menu #copyright-background-centre #copyright-content{
	padding : 8px 0 0 5px;
	overflow:auto;
	height:609px;
}


/**end css robin copyright,jobs,advertise,aboutus, searchresult**/

/**css robin halaman comic**/
#wrapper #header-comic {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/comic-header.png);
}


#columnKirimKomik{
	background-image:url(../images/kolom_kirimkan_comic.png);
	height:158px;
	width:154px;
	float:left;
	margin-left:13px;
	margin-top:10px;
}

#columnBannerLeftComic{
	background-image:url(../images/kolom_iklan_comic_dibawah_kirimkan_komik.gif);
	background-repeat:repeat-x;
	height:489px;
	width:146px;
	float:left;
	margin-left:13px;
	margin-top:3px;
}

*html #columnBannerLeftComic{
	margin-left:7px;
}

#right-menu #header-comic-txt{
	background-image:url(../images/background-header-comics.png);
	height:53px;
	width:509px;
	margin-left:13px;
}

#right-menu #comic-nav{
	width:514px;
	height:29px;
	margin-top:10px;
	margin-left:8px;
	
}
#right-menu #comic-content{
	width:545px;
	margin-left:-20px;
}

#right-menu #comic-content #centrebackgroundcontentcomic{
	background-image:url(../images/background-centre-content-comicmain.gif);
	background-repeat:repeat-x;
	height:1250px;
	width:483px;
	float:left;
}

#right-menu #comic-content #centrebackgroundcontentcomic #backgroundblackcontentcomic{
	background-color:#000000;
	width:483px;
	height:1235px;
	margin-top:5px;
	margin-right:-3px;
}

#scrollComic{
overflow:auto;
height:1235px;
}

#scrollComic a{
text-decoration:none;
color:#FFFFFF;
}

#scrollComic a:hover{
text-decoration:none;
color:#FF6600;
}

#right-menu #comic-content #centrebackgroundcontentcomic #backgroundblackcontentcomic #no-comic{
	color:#FFFFFF;
	float:left;
	margin-top:20px;
	font-size:15px;
	width:40px;
	margin-left:10px;
	font-size:13px;
	overflow:auto;
}

#right-menu #comic-content #centrebackgroundcontentcomic #backgroundblackcontentcomic #comic-name{
	color:#FFFFFF;
	float:left;
	margin-top:20px;
	font-size:15px;
	width:230px;
	font-size:13px;
}

#right-menu #comic-content #centrebackgroundcontentcomic #backgroundblackcontentcomic #game-theme{
	color:#FFFFFF;
	float:left;
	margin-top:20px;
	font-size:15px;
	width:175px;
	font-size:13px;
}

#right-menu #comic-content #rightbackgroundcontentcomic{
	background-image:url(../images/background-right-content-comicmain.png);
	height:1250px;
	width:9px;
	float:left;
}

#right-menu #comic-content #leftbackgroundcontentcomic{
	background-image:url(../images/background-left-content-comicmain.png);
	height:1250px;
	width:48px;
	float:left;
}

* html #columnKirimKomik{
	margin-left:7px;
}

/**comic detail**/

#right-menu #comic-content #leftbackgroundcontentcomicDetail{
	background-image:url(../images/background-left-content-comicdetail.png);
	height:757px;
	width:52px;
	float:left;
	margin-left:-3px;
}

#right-menu #comic-content #centrebackgroundcontentcomicDetail{
	background-image:url(../images/background-centre-content-comicdetail.gif);
	background-repeat:repeat-x;
	height:757px;
	width:481px;
	float:left;
}

#right-menu #comic-content #rightbackgroundcontentcomicDetail{
	background-image:url(../images/background-right-content-comicdetail.png);
	height:757px;
	width:10px;
	float:left;
}


/**end comic detail**/


/**end css robin halaman comic**/



/**css comment box**/
/** Kenrick 9 - 03 -10 **/
#container #commentBox{
	width:750px;
	height:auto;
}

#container #commentBox #commentHeader{
	background-image:url(../images/headerComment.png);
	width:716px;
	height:38px;
	margin-left:30px;
}
*html #container #commentBox #commentHeader{
	margin-left:40px;
}

#container #commentBox #commentContent{
	background-color:#7a7a7a;
	width:716px;
	/*min-height:118px;*/
	min-height:85px;
	margin-left:30px;
	margin-bottom:1px;
	padding:0 0 7px;
}
*html #container #commentBox #commentContent{
	margin-left:40px;
}
#container #commentBox #commentContent #commentTitle{
	width:710px;
	height:30px;
}

#container #commentBox #commentContent #commentTitle #commentFrom{
	float:left;
	font-size:16px;
	margin-top:8px;
	margin-left:10px;
	font-weight:600;
}

#commentTitle #commentDate{
	float:right;
	margin-top:8px;
}

#commentContent #commentDesc{
	width:700px;
	/*min-height:78px;*/
	height:auto;
	margin-left:10px;
}

*html #commentContent #commentDesc{
	margin-left:20px;
	width:690px;
}

#container #commentFormWrapper{
	width:790px;
	height:250px;
}

#container #commentFormWrapper #commentForm{
	background-color:#7a7a7a;
	width:460px;
	height:160px;
	margin-left:30px;
	margin-top:5px;
	padding:20px 20px;
	float:left;
}	

*html #container #commentFormWrapper #commentForm{
	margin-left:20px;
}

#container #commentForm #submitButton{
float:right;
margin-right:0px;
margin-top:5px;
}

#commentFormWrapper #commentIklan{
	width:198px;
	height:164px;
	float:left;
	margin-left:10px;
	margin-top:5px;
}
/**end css comment box**/


/** PNG fix for IE **/
img, div, a, input { behavior: url(style/iepngfix.htc); }


/** IE Hack !!! **/
* html #wrapper #banner-header #left-column{
	width:22px;
}

#slide_wrapper img { behavior: none; } 

* html #wrapper #banner-header #right-column{
	width:24px;
}

* html #wrapper #container #right-menu #right-below #polling {
	width:127px;
}

* html #wrapper #container #recent-news #content #content-picture{
	width:120px;
}



/**style buat slideshow image**/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#fullsize {position:absolute; width:490px; height:230px; padding:2px; border:1px solid #ccc; background:#000}
#fullsize #latestNewsTxt {margin-left:380px;position:absolute; width:112px; height:26px; background:none;  overflow:hidden; z-index:100; opacity:.7; filter:alpha(opacity=70); behavior: none;}
#information {position:absolute; bottom:0; width:490px; height:100px; background:#000; color:#fff; overflow:hidden; z-index:100; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:0px 8px 3px; font-size:14px ;}
#information p {padding:0 8px 8px}
#image {width:480px;position:absolute;height:230px; behavior: none;}
#image img {position:absolute; width:490px;height:230px; behavior: none;}

#imgprev {left:0; behavior: none;}
#imgnext {right:0; behavior: none;}
/*#imglink {position:absolute; height:230px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40); behavior: none;}
.linkhover {background:url(images/link.gif) center center no-repeat; behavior: none;}
*/
/** solve tiny slideshow click problem in ie **/
#imglink {background:url(images/blank.gif) repeat; position:absolute; height:230px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat !important}

#thumbnails {}
#slideleft {width:0px; height:0px;}
#slideleft:hover {}
#slideright {width:0px; height:0px;}
#slideright:hover {}
#slidearea {float:left; position:absolute; width:300px; margin-left:5px; height:40px; overflow:hidden ; margin-top:12px;background:none;  overflow:hidden; z-index:100; opacity:1; filter:alpha(opacity=70)}
#slider {position:absolute; left:0; height:40px ; width:300px!important;}
#slider img {cursor:pointer; border:1px solid #FFFFFF ; padding:0px;width:25px;height:25px; behavior: none;}
#slider img:hover {cursor:pointer; border:1px solid #FF0000; padding:0px behavior: none;}


/** KENRICK - store **/
#wrapper #container #right-stores{
	float:left;
	width:530px;
	margin-left:0px;
	margin-top:19px;
}

#wrapper #container #right-stores #right-menu-stores{
	width:527px;
	height:465px;
}


#wrapper #container #right-stores #right-menu-stores #stores-title{
	background:url(../images/stores_pg_title.png);
	width:100%;
	height:52px;
}

#wrapper #container #right-stores #right-menu-stores #stores-content{
	width:100%;
	margin-top:2px;
}

#wrapper #container #right-stores #right-menu-stores #stores-content #merchandise-title{
	float:left;
	background:url(../images/merchandise_title.png);
	width:67px;
	height:411px;
}

#wrapper #container #right-stores #right-menu-stores #stores-content #stores-right-content {
	float:left;
	width:458px;
	margin-top:-1px;
	margin-left:2px;
}



#wrapper #container #right-stores #right-menu-stores #stores-content #stores-right-content #stores-product-content{
	float:left;
	width:150px;
	height:185px;
	background:#7a7a7a;
	margin-left:2px;
	margin-top:2px;
}

* html #wrapper #container #right-stores #right-menu-stores #stores-content #stores-right-content {
	margin-left:1px;
	margin-top:-2px;
}

* html #wrapper #container #right-stores #right-menu-stores #stores-content #stores-right-content #stores-product-content{
	margin-left:1px;
	padding:0;
	height:185px;
	
}

* html #wrapper #container #right-stores #right-menu-stores #stores-content #stores-right-content #stores-product-content img{
	margin:0;
	padding:0;
	width:148px;
	height:180px;
	border:0;
}

#wrapper #container #right-stores #right-menu-stores #stores-content #stores-right-content #stores-bottom-bar {
	width:454px;
	height:35px;
	background:#7a7a7a;
	margin-left:2px;
	margin-top:2px;
}

#wrapper #container #right-stores #right-menu-stores #stores-content #stores-right-content #stores-bottom-bar img{
	margin-left:20px;
	margin-top:5px;
}


#wrapper #container #right-stores #right-menu-toys{
	width:570px;
	height:auto;
	margin-top:10px;
	margin-left:-22px;
}

#wrapper #container #right-stores #right-menu-toys #toys-title{
	float:left;
	width:88px;
	height:411px;
	background:url(../images/stores_toys.png);
}

#wrapper #container #right-stores #right-menu-toys #toys-right-content{
	float:left;
	width:470px;
	margin-top:-1px;
	margin-left:3px;
}

#wrapper #container #right-stores #right-menu-toys #toys-right-content #toys-product-content{
	float:left;
	width:150px;
	height:185px;
	background:#7a7a7a;
	margin-left:2px;
	margin-top:2px;
}

* html #wrapper #container #right-stores #right-menu-toys  #toys-right-content {
	margin-left:1px;
	margin-top:-2px;
}

* html #wrapper #container #right-stores #right-menu-toys #toys-right-content #toys-product-content{
	margin-left:1px;
	width:150px;
	height:185px;
}

* html #wrapper #container #right-stores #right-menu-toys  #toys-right-content #toys-product-content img{
	margin:0;
	padding:0;
	width:148px;
	height:180px;
}

#wrapper #container #right-stores #right-menu-toys #toys-right-content #toys-bottom-bar{
	width:454px;
	height:35px;
	background:#7a7a7a;
	margin-left:2px;
	margin-top:2px;
}


#wrapper #container #right-stores #right-menu-toys #toys-right-content #toys-bottom-bar img{
	margin-left:20px;
	margin-top:5px;
}


.prevStores {position:absolute;margin-left:110px;margin-top:3px;}
.emailStores {position:absolute;margin-left:177px;}
.nextStores {position:absolute;margin-left:280px;margin-top:3px;}



/** BOTTOM LEFT MENU **/

#wrapper #container #left-menu #bottom-menu{
	width:153px;
	height:184px;
	background:url(../images/stores_bawah_menu_bg.png);
	margin-top:20px;
	margin-left:13px;
}


/** customer service section **/
#wrapper #container #cs-section {
	width:716px;
	height:auto;
	margin-top:20px;
	margin-left:30px;
}

#wrapper #container #cs-section #cs-top{
	height:4px;
	margin:0;
	padding:0;
}

#wrapper #container #cs-section #cs-top #left-top{
	float:left;
	width:7px;
	height:4px;
	background:url(../images/bend_top_left.png) no-repeat;
}

#wrapper #container #cs-section #cs-top #center-top{
	float:left;
	width:702px;
	height:4px;
	background:#7a7a7a;
}

* html #wrapper #container #cs-section #cs-top #center-top{
	background:url(../images/top_bg1x4.jpg) repeat-x;
}

#wrapper #container #cs-section #cs-top #right-top{
	float:left;
	width:7px;
	height:4px;
	background:url(../images/bend_top_right.png) no-repeat;
}

#wrapper #container #cs-section #cs-content {
	width:100%;
	height:190px;
	background-color:#7a7a7a;
	padding:0;
}

* html #wrapper #container #cs-section #cs-content {
	margin-top:-10px;
}

#wrapper #container #cs-section #cs-content #cs-content-ym {
	margin-left:120px;
}

* html #wrapper #container #cs-section #cs-content {
	height:200px;	
}

#wrapper #container #cs-section #cs-content img {
	margin:18px 0 0 10px;
}

#wrapper #container #cs-section #cs-bottom{
	height:4px;
}


#wrapper #container #cs-section #cs-bottom #left-bottom{
	float:left;
	width:7px;
	height:4px;
	background:url(../images/bend_bottom_left.png) no-repeat;
}


#wrapper #container #cs-section #cs-bottom #center-bottom{
	float:left;
	width:702px;
	height:4px;
	background:#7a7a7a;
}

* html #wrapper #container #cs-section #cs-bottom #center-bottom{
	background:url(../images/top_bg1x4.jpg) repeat-x;
}

#wrapper #container #cs-section #cs-bottom #right-bottom{
	float:left;
	width:7px;
	height:4px;
	background:url(../images/bend_bottom_right.png) no-repeat;
}

/** order procedure **/
#wrapper #container #order-proc{
	width:716px;
	height:211px;
	margin-top:20px;
	margin-left:30px;
}

#wrapper #container #order-proc #order-top{
	height:4px;
}

#wrapper #container #order-proc #order-top #left-top{
	float:left;
	width:7px;
	height:4px;
	background:url(../images/bend_top_left.png) no-repeat;
}

#wrapper #container #order-proc #order-top #center-top{
	float:left;
	width:702px;
	height:4px;
	background:#7a7a7a;
}

* html #wrapper #container #order-proc #order-top #center-top{
	background:url(../images/top_bg1x4.jpg) repeat-x;
	width:700px;
}

#wrapper #container #order-proc #order-top #right-top{
	float:left;
	width:7px;
	height:4px;
	background:url(../images/bend_top_right.png) no-repeat;
}


#wrapper #container #order-proc #order-content {
	width:100%;
	height:30;
	background-color:#7a7a7a;
}

* html #wrapper #container #order-proc #order-content {
	margin-top:-15px;
	background:url(../images/top_bg1x4.jpg) repeat;
}

#wrapper #container #order-proc #order-content img {
	margin:2px 0 0 10px;
}

#wrapper #container #order-proc #or-content {
	background:#7a7a7a;
	width:100%;
	height:175px;
	margin-top:2px;
	padding-top:5px;
}

* html #wrapper #container #order-proc #or-content {
	background:url(../images/top_bg1x4.jpg) repeat;
}



#wrapper #container #order-proc #or-content #order-content-in{
	background:#FFFFFF;
	width:703px;
	height:167px;
	margin-left:6px;
	overflow:auto;
}
/** header store **/
#wrapper #header-store {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/header_stores.png) no-repeat;
}

/** END KENRICK - STORE **/

/**iwan news and preview detail**/

#wrapper #news-header {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/news_header.png) no-repeat;
	text-align:center;
}

#wrapper #container #news-content {
	width:728px;
	height:auto;
	margin:30px;
	font-size:12px;
	
	text-align:justify;
}

#wrapper #container #news-content #title {
	color:#296D7B;
	text-align:left;
	font-size:28px;
	font-weight:bold;
}

#wrapper #container #news-content #date {	
	text-align:left;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:8px;
}

#wrapper #container #news-content #main-image img{	
	width:100%;
	max-height:370px;
}

* html #wrapper #container #news-content #main-image img{ 
   height: expression( document.body.clientWidth > 370 ? "370px" : "auto" ); /* sets max-width for IE */
}

#wrapper #container #header-bar #nav{
	width:728px;
	margin:0px 30px 50px 30px;
}

#wrapper #container #header-bar #nav #prev{
	width:25%;
	float:left;
	margin-top:30px;
}

#wrapper #container #header-bar #nav #main{
	width:50%;
	float:left;
	text-align:center;
	margin-top:30px;
}


#wrapper #container #header-bar #nav #next{
	width:25%;
	float:right;
	text-align:right;
	margin-top:30px;
	vertical-align:top;
}


#wrapper #container #news-comment {
	width:544px;
	margin-left:30px;
}

/* comment */
#wrapper #container #comment {
	width:544px;
	margin-left:30px;
}

#wrapper #container #comment #title{
	width:728px;
	height:22px;
}

#wrapper #container #comment #title #kiri{
	width:10px;
	height:22px;
	background-color:#7A7A7A;
	float:left;
	
	behavior: none;
}

#wrapper #container #comment #title #kanan{
	width:10px;
	height:22px;
	background-color:#7A7A7A;
	float:right;
	
	behavior: none;
}

#wrapper #container #comment #title #tengah{
	width:708px;
	height:22px;
	background-color:#7A7A7A;
	float:left;
	
	behavior: none;
}

#wrapper #container #comment #title #tengah img{height:22px}

#wrapper #container #comment #content{
	width:728px;
	height:auto;
	background-color:#7A7A7A;
	margin-top:1px;

	behavior: none;
}

#wrapper #container #comment #content #name {
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#000;
	margin:10px 0px 10px 18px;
}

#wrapper #container #comment #content #date {
	float:right;
	font-size:14px;
	color:#000;
	margin:10px 18px 10px 0px;
}

#wrapper #container #comment #content #cmt {
	color:#000;
	font-size:14px;
	margin:5px 18px 0px 18px;	
	padding-bottom:15px;
}

/* IE Hack */
* html #wrapper #container #header-bar #nav{
	margin:10px 30px;
}


/* comment */
#wrapper #container #input-comment {
	width:728px;
	height:150px;
	margin-left:30px;
	margin-top:20px;
}

#wrapper #container #input-comment #input {
	width:415px;
	height:170px;
	background-color:#7A7A7A;
	float:left;
	padding:10px 20px;
	
	color:#FFF;
	font-size:15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#wrapper #container #input-comment #right-banner {
	width:270px;
	height:190px;
	text-align:center;
	vertical-align:middle;
	float:right;
}

#wrapper #container #input-comment #submit {
	margin-top:5px;
	float:right;
}

/* Style tambahan preview2  */
#wrapper #preview2-header {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/preview2_header.png) no-repeat;
	text-align:center;
}



#wrapper #container #preview-content #left-content{
	width:520px;
	height:auto;
	margin-left:30px;
	margin-top:30px;
	font-size:14px;
	
	text-align:justify;
	float:left;
}

#wrapper #container #preview-content #right-content{
	width:200px;
	height:auto;
	margin-right:30px;
	margin-top:30px;
	
	float:right;
}

#wrapper #container #preview-content #right-content #date-release {
	height:auto;
	width:196px;
	text-align:center;
}

#wrapper #container #preview-content #right-content #title {
	height:auto;
	width:196px;
	text-align:center;
	margin-top:1px;
	background-color:#7A7A7A;
}

#wrapper #container #preview-content #right-content #content {
	height:auto;
	width:196px;
	
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FFF;

	background-color:#7A7A7A;
	
	margin-top:1px;
	padding:20px 0px;
}

#wrapper #container #preview-content #right-content #content-image img{
	height:auto;
	width:196px;		
}

#wrapper #container #preview-content #right-content #content #rate {
	font-size:16px;
	font-weight:bold;
	color:#BBB;
}

#wrapper #container #preview-content #left-content #title {
	color:#296D7B;
	text-align:left;
	font-size:28px;
	font-weight:bold;
}

#wrapper #container #preview-content #left-content #date {	
	text-align:left;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:8px;
}

#wrapper #container #preview-content #left-content #main-image img{	
	width:100%;
	max-height:370px;
}

#wrapper #container #preview-content #left-content #screenshots {
	width:480px;
	background-color:#000;
	padding:5px 20px;
	margin:16px 0px;
}

#wrapper #container #preview-content #left-content #screenshots #inner-screenshots {
	width:100%;
	height:auto;
	border-top:3px solid #AAA;
	padding-top:5px;
	vertical-align:middle;
}

#wrapper #container #preview-content #left-content #screenshots #more {
	width:auto;
	height:auto;
	float:right;	
}

* html #wrapper #container #preview-content #left-content #main-image img{ 
   height: expression( document.body.clientWidth > 370 ? "370px" : "auto" ); /* sets max-width for IE */
}



/**End css iwan news and preview detail**/


/* Style tambahan preview2  */
#wrapper #preview2-header {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/preview2_header.png) no-repeat;
	text-align:center;
}



#wrapper #container #preview-content #left-content{
	width:500px;
	height:auto;
	margin-left:30px;
	margin-top:30px;
	font-size:14px;
	
	text-align:justify;
	float:left;
}

#wrapper #container #preview-content #right-content{
	width:196px;
	height:auto;
	margin-right:30px;
	margin-top:30px;
	
	float:right;
}

#wrapper #container #preview-content #right-content #date-release {
	height:auto;
	width:196px;
	text-align:center;
}

#wrapper #container #preview-content #right-content #title {
	height:auto;
	width:196px;
	text-align:center;
	margin-top:1px;
	background-color:#7A7A7A;
}

#wrapper #container #preview-content #right-content #content {
	height:auto;
	width:196px;
	
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FFF;

	background-color:#7A7A7A;
	
	margin-top:1px;
	padding:20px 0px;
}

#wrapper #container #preview-content #right-content #content-image img{
	height:auto;
	width:196px;		
}

#wrapper #container #preview-content #right-content #content #rate {
	font-size:16px;
	font-weight:bold;
	color:#BBB;
}

#wrapper #container #preview-content #left-content #title {
	color:#296D7B;
	text-align:left;
	font-size:28px;
	font-weight:bold;
}

#wrapper #container #preview-content #left-content #date {	
	text-align:left;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:8px;
}

#wrapper #container #preview-content #left-content #main-image img{	
	width:100%;
	max-height:370px;
}

#wrapper #container #preview-content #left-content #screenshots {
	width:480px;
	background-color:#000;
	padding:5px 20px;
	margin:16px 0px;
}

#wrapper #container #preview-content #left-content #screenshots #inner-screenshots {
	width:100%;
	height:auto;
	border-top:3px solid #AAA;
	padding-top:5px;
	vertical-align:middle;
}

#more {
	width:auto;
	height:auto;
	float:right;	
}

* html #wrapper #container #preview-content #left-content #main-image img{ 
   height: expression( document.body.clientWidth > 370 ? "370px" : "auto" ); /* sets max-width for IE */
}


* html #wrapper #container #preview-content #left-content{
	margin-left:17px;
	width:500px;
}

* html #wrapper #container #preview-content #left-content #title {
	font-size:27px;
}

* html #wrapper #container #preview-content #right-content{
	margin-right:10px;
	width:190px;
}
/**End css iwan news and preview detail**/

/**css iwan review**/
#wrapper #header-review {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/review_header.png);
}

#wrapper #container #preview-content #left-content #procondiv {
	width:490px;
	height:auto;
	margin-left:5px;
	background-color:#000;	
	margin-top:15px;
}

#wrapper #container #preview-content #left-content #procontitle {
	height:36px;
	width:460;
	margin:2px 20px;
	border-bottom:3px solid #AAA;
}

#wrapper #container #preview-content #left-content #procondiv #pro {
	height:auto;
	width:190px;
	color:#FFF;
	font-size:14px;
	float:left;
	margin:15px 35px;
}

*html #wrapper #container #preview-content #left-content #procondiv #pro {
	margin : 10px 20px;
}

#wrapper #container #preview-content #left-content #procondiv #con {
	height:auto;
	width:220px;
	color:#FFF;
	font-size:14px;
	float:left;
	margin-left:-15px
}

*html #wrapper #container #preview-content #left-content #procondiv #con {
	margin-top:7px;
}
/**end css review**/

/** Style drop down menu **/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 10px arial}

* html #sddm li a{
	padding: 6px 10px 2px;
}
#sddm li a
{	display: block;
	
	padding: 6px 10px 4px;
	width: 50px;
	height:18px;
	background-image:url(../images/search_bar_tgh.gif);
	background-repeat:repeat-x;
	behavior: none;

	color: #000000;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{
	cursor:default;}

#sddm div
{	position: absolute;
	visibility: hidden;
	
	margin-left: -28px;		
	padding: 0;
	background: #B2B2B2;
	
	z-index: 101;
	border: 1px solid #5970B2}


#sddm div span
{	position: relative;
	display: block;
	margin: 0;

	padding: 5px 10px;
	width: 108px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	background: #B2B2B2;
	color: #000000;
	cursor:pointer;
	font: 10px arial}

#sddm div span:hover
{	background: #D2D2D2;
	color: #FFF}

/**End Style drop down menu **/



/** KENRICK - PREVIEW MAIN PAGE **/

#wrapper #header-prev {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/preview2_header.png) no-repeat;
}

#wrapper #container #preview-right-menu {
	float:left;
	width:560px;
	margin-top:18px;
}

#wrapper #container #preview-right-menu #title {
	width:540px;
	height:53px;
	background:url(../images/preview_main_title.png) no-repeat;
}

#wrapper #container #preview-right-menu #content1 {
	margin-top:1px;
	width:540px;
	height:162px;
	background:url(../images/preview_top_1.png) no-repeat;
}

#wrapper #container #preview-right-menu #content2 {
	margin-top:1px;
	width:540px;
	height:162px;
	background:url(../images/preview_top_2.png) no-repeat;
}

#wrapper #container #preview-right-menu #content3 {
	margin-top:1px;
	width:540px;
	height:162px;
	background:url(../images/preview_top_3.png) no-repeat;
}

#wrapper #container #preview-right-menu #content4 {
	margin-top:1px;
	width:540px;
	height:161px;
	background:url(../images/preview_top_4.png) no-repeat;
}


#wrapper #container #preview-right-menu #preview-container{
	width:530px;
	margin-left:5px;
}

#wrapper #container #preview-right-menu #preview-container #left-container {
	float:left;
	width:78%; /**edited by robin 4 maret 2010**/
}

#wrapper #container #preview-right-menu #preview-container #left {
	width:75%; /**edited by robin 4 maret 2010**/
	float:left;
}
/* edit, 24-12-09, by Iw. */
#wrapper #container #preview-right-menu #preview-container #left #main-title-review {
	font-size:16px;
	font-weight:bold;
	color:#FFC833;
	margin-left:36px;
	margin-top:30px;

	width:306px; /**edited by robin 4 maret 2010**/
}	

* html #wrapper #container #preview-right-menu #preview-container #left #main-title-review {
	width:230px;
}

#wrapper #container #preview-right-menu #preview-container #left #main-title-review a{
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#FFC833;
}
#wrapper #container #preview-right-menu #preview-container #left #main-title-review a:hover{
	color:#CCFF66;
}


#wrapper #container #preview-right-menu #preview-container #left #main-title {
	font-size:16px;
	font-weight:bold;
	color:#FFC833;
	margin-left:36px;
	margin-top:30px;
	
	width:280px;  /**edited by robin 4 maret 2010**/
}

* html #wrapper #container #preview-right-menu #preview-container #left #main-title {
	width:222px;
}

/* end edit, 24-12-09. by Iw. */	
#wrapper #container #preview-right-menu #preview-container #left #main-title a{
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#FFC833;
}
#wrapper #container #preview-right-menu #preview-container #left #main-title a:hover{
	color:#CCFF66;
}

#wrapper #container #preview-right-menu #preview-container #left #desc-title {
	font-size:12px;
	font-weight:bold;
	color:#146791;
	margin-left:36px;
}

#wrapper #container #preview-right-menu #preview-container #right {
	/**float:left; edited by robin 4 maret**/ 
	float:right;/**edited by robin 4 maret**/ 
	margin-right:3px;
}

#wrapper #container #preview-right-menu #preview-container #right #date-title{
	width:89px;
	height:15px;
	background:url(../images/preview_date_title.png) no-repeat;
	/**margin-left:50px; edited by robin 4 maret 2010**/
	margin-top:5px;
}

#wrapper #container #preview-right-menu #preview-container #right #date-title #date-title-txt{
	font-size:12px;
	font-weight:bold;
	color:#157dff;
	margin-left:7px;
}


#wrapper #container #preview-right-menu #preview-container #right #date-bg{
	width:93px;
	height:53px;
	background:url(../images/preview_date_bg.png) no-repeat;
	/**margin-left:50px; edited by robin 4 maret 2010 **/
	margin-top:2px;
}

#wrapper #container #preview-right-menu #preview-container #right #date-bg #tgl{
	float:left;
	margin:7px 0px 0px 0px;
	font-size:22px;/* edited iW. 030310. mac fix */
	color:#157dff;
	font-weight:bold;
}

#wrapper #container #preview-right-menu #preview-container #right #date-bg #bulan-tahun{
	float:left;
	margin-top:7px;
	color:#157dff;
	font-weight:bold;
	/* edited iW. 030310. mac fix */
	font-family:  'Times New Roman', Arial, sans-serif, Helvetica, Geneva;
	font-size: 11px;
	/* */
}


#wrapper #container #preview-right-menu #preview-container #text {
	color:#FFFFFF;
	margin-left:36px;
	text-align:justify;
	width:366px;
}

#wrapper #container #preview-right-menu #preview-container #right-img {
	float:right;
	margin-top:13px;
	margin-right:10px;
}


#wrapper #container #preview-container-below {
	width:540px;
	height:160px;
	background:#7a7a7a;
	
}


/** below ads **/
#wrapper #container #below-menu-ads{
	float:left;
	width:150px;
	height:460px;
	background:#7a7a7a;
	margin-left:15px;
	margin-top:10px;
}
*html #wrapper #container #below-menu-ads{
margin-left:7px;
}


#wrapper #container #below-menu-ads img{
	margin:20px 0 0 20px;
}

/** prev botton **/
#wrapper #container #prev-section {
	width:540px;
	height:auto;
	margin-top:20px;
	float:left;
}

#wrapper #container #prev-section #prev-top{
	height:4px;
}


#wrapper #container #prev-section #prev-top #left-top{
	float:left;
	width:7px;
	height:4px;
	background:url(../images/bend_top_left.png) no-repeat;
}


#wrapper #container #prev-section #prev-top #center-top{
	float:left;
	width:526px;
	height:4px;
	background:#7a7a7a;
}

#wrapper #container #prev-section #prev-top #right-top{
	float:left;
	width:7px;
	height:4px;
	background:url(../images/bend_top_right.png) no-repeat;
}

#wrapper #container #prev-section #prev-content {
	width:540px;
	height:161px;
	background-color:#7a7a7a;
}

*html #wrapper #container #prev-section #prev-content {
		margin-top:-12px;
		margin-bottom:0px;
}

#wrapper #container #prev-section #prev-bottom{
	height:4px;
	width:540px;
}


#wrapper #container #prev-section #prev-bottom #left-bottom{
	float:left;
	width:7px;
	height:4px;
	background:url(../images/bend_bottom_left.png) no-repeat;
}


#wrapper #container #prev-section #prev-bottom #center-bottom{
	float:left;
	width:526px;
	height:4px;
	background:#7a7a7a;
}

#wrapper #container #prev-section #prev-bottom #right-bottom{
	float:left;
	width:7px;
	height:4px;
	background:url(../images/bend_bottom_right.png) no-repeat;
}




#wrapper #container #prev-section #prev-content #preview-container{
	width:530px;
	margin-left:5px;
}

#wrapper #container #prev-section #prev-content #preview-container #left-container {
	float:left;
}

#wrapper #container #prev-section #prev-content #preview-container #left {
	float:left;
}

#wrapper #container #prev-section #prev-content #preview-container #left #main-title {
	font-size:16px;
	font-weight:bold;
	color:#FFC833;
	margin-left:36px;
	margin-top:30px;	
}

#wrapper #container #prev-section #prev-content #preview-container #left #desc-title {
	font-size:12px;
	font-weight:bold;
	color:#146791;
	margin-left:36px;
}


#wrapper #container #prev-section #prev-content #preview-container #text {
	color:#FFFFFF;
	margin-left:36px;
	text-align:justify;
	width:366px;
}

#wrapper #container #prev-section #prev-content #preview-container #right-img {
	float:right;
	margin-top:13px;
	margin-right:10px;
}




/** END KENRICK - PREVIEW MAIN PAGE **/

/**CSS REVIEW MAIN sama dengan preview main**/

#wrapper #container #preview-right-menu #titleReview {
	width:512px;
	height:53px;
	background:url(../images/review_main_title.png) no-repeat;
}

#wrapper #header-rev {
	margin-top:5px;
	width:800px;
	height:250px;
	background:url(../images/review_header.png) no-repeat;
}


/**END cSS review MAIN **/


/**class buat searchResult**/
	.contentSearch{
	width:478px !important;
	margin-left:-30px!important;
	background-color:transparent!important;
	}
	* html .contentSearch{
	width:450px!important;
	margin-left:0px!important;
	}
	* html .contentSearch #content-info-title{
		margin-left:-5px;
	}

/**end class search result**/


/** COMMON CSS FOR LANGUAGE ICON - KENRICK 23-12-09 **/
.iconInactive{
	opacity:0.4;filter:alpha(opacity=40);
}
.iconActive{
	opacity:1;filter:alpha(opacity=100);
}

/** END **/



/** COMMON CSS FOR Reply comment background - KENRICK 9-3-10 **/
.commentBoxColor {background-color:#CCCCCC !important;}
#commentBox a{
	text-decoration:none;
}
.yellowLink { font-size:11px;color:#CC3300;}
.hoverLink { font-size:11px;color:#000000;}


/**css for polling**/

#contentTitle {
	font-size:11px;
}

#contentChoice {
	margin-top:3px;
	overflow:auto;
	height:124px;
	margin-left:5px;
	font-size:11px;
}
*html #contentChoice {
	height:107px;
}



#content2-ads img{
	margin-top:20px;
}