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


body {}
.headline {}

h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#4d4d4d; background:url(../images/bg_titleH1.png) no-repeat; width:665px; height:30px; padding:8px 0px 5px 40px; margin-left:10px; margin-top:50px;}
.h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:##4d4d4d; background:url(../images/bg_titleH1.png) no-repeat; width:665px; height:30px; padding:8px 0px 5px 40px; margin-left:10px; margin-top:18px;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:url(../images/bg_h3.png) no-repeat; width:500px; height:32px; padding:5px 0px 4px 15px; color:#4d4d4d;}
h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;  background:url(../images/bg_h3_large.jpg) no-repeat; width:660px; height:32px; padding:5px 0px 4px 15px; color:#4d4d4d;}
#outside {
	width:1022px;
	height:435px;
	margin:auto;
	background:url(../images/shadow.jpg) no-repeat;
}
#wrapperPage { width:1006px; height:auto; margin:auto; background:url(../images/bgPage.jpg) repeat-y;}
#top { height:35px; width:1006px; background:url(images/bg.jpg) repeat-x; }
#header { height:140px; width:1006px; background:url(../images/header.jpg) no-repeat; background-color:#663300;}
#marquee { background:url(../images/bg_marquee.jpg) no-repeat;background-position:right; width:662px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFF00; padding:4px 4px 4px 10px;}
#marquee a { color:#FFF; font-weight:bold; text-decoration:blink;}
#marquee a:hover { color:#FFFF00; font-weight:bold; text-decoration:none;}
.prize {font-size:14px; margin-bottom:20px;}
.question { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px;}
.vote { height:26px; color:#FFFFFF; width:77px; border:none; background-image:url(/images/vote.gif);}
.result { height:26px; color:#FFFFFF; width:77px; border:none; background-image:url(/images/vote.gif);}
.msg { color:#FF0000; font-size:12px; padding:5px; background:#FFBBBB;}


/* 2.1	Top Menu
-----------------------------------------------------------------------------------------------*/	
	#language { 
		width:80px; 
		height:15px; 
		font-size:11px; 
		color:#333333; 
		float:right; 
		margin:10px 9px 0px 5px;
		text-align:right; 
		float:right;
		}
	#language a{ 
		color:#5C3014; 
		text-decoration:none; 
		font-weight:bold;
		}
	#language a:hover{ 
		color:#fff; 
		text-decoration:none; 
		font-weight:bold;
		}

     #search {
		 width:218px;
		 height:25px;
		 float:right;
		 margin:5px 9px 0px 5px;
		}
	 .searchbox {
		 width:180px; height:20px; float:left;
		 }
	  .go {
		 width:29px; height:19px; float:left; margin:2px 0px 0px 5px;}
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	


/*MENU---------------------------------------------------------------------------------*/
#menu_container { clear:both; margin:0px 0px 0px 0px; height:38px;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#globalnav, #globalnav ul {padding:0; margin:0; list-style-type: none;}
#globalnav1, #globalnav1 ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#globalnav a, #globalnav a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	display:block;
	width:100px; 
	font-size:11px; 
	color:#FFFFFF; 
	height:32px; vertical-align:bottom;
	line-height:30px; 
	text-decoration:none; 
	text-align:left;
	border:1px solid #888785;
	border-width:0px 0 0px 0px;
	}
	
#globalnav1 a, #globalnav1 a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/btn_menu.png);
	display:table-cell;
	width:118px; 
	font-size:9px; 
	color:#fff; 
	text-align:left;
	height:10px; 
	line-height:10px; 

	text-decoration:none; 
	text-indent:5px;
	}

/* Set up the sub level borders */
#globalnav li ul li a, #globalnav li ul li a:visited {
	border-width:0 1px 1px 1px;
	width:120px;
	height:auto; 
	line-height:11px; 
	padding:8px; 
	font-size:11px;
	font-weight:bold;
	}

#globalnav li a.enclose, #globalnav li a.enclose:visited {
	border-width:1px;
	width:250px;
	line-height:10px; 
	font-size:11px; 
	}


/* Set up the list items */
#globalnav li {float:left;  background: #b0b0b0 }
#globalnav1 li {float:left;  background: #000033 }
/* For Non-IE browsers and IE7 */
#globalnav li:hover {position:relative;}
#globalnav1 li:hover {position:relative;}
/* Make the hovered list color persist */
#globalnav li:hover > a {background:#797874; color:#eaff00;}
#globalnav1 li:hover > a {background:#000033; color:#2e9ee7;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#globalnav li ul {display:none;}
#globalnav1 li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#globalnav li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}
#globalnav1 li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}
/* Position the first sub level beneath the top level liinks */
#globalnav > li:hover > ul {left:-30px; top:16px;}
#globalnav1 > li:hover > ul {left:-30px; top:16px;}
/* get rid of the table */
#globalnav table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #globalnav li a:hover {position:relative; background: #797874; color:#fff;}
* html #globalnav1 li a:hover {position:relative; background: #000033; color:#2e9ee7;}
/* For accessibility of the top level menu when tabbing */
#globalnav li a:active, #globalnav li a:focus {background:url(../images/bg_main_menu_hover.jpg) repeat-x; color:#fff;}
/* Set up the pointers for the sub level indication */
#globalnav li.fly {background:url(../images/bg_main_menu_hover.jpg);}
#globalnav li.drop {background:url(../images/bg_tab_menu.jpg); text-transform:uppercase; }
#globalnav li.sub_drop {text-transform:capitalize;}
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #globalnav li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:17px 30px 30px 30px; background:transparent url(transparent.gif);}
* html #globalnav1 li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}
/* keep the third level+ hidden when you hover on first level link */
#globalnav li a:hover ul ul{
visibility:hidden;
}

/* keep the fourth level+ hidden when you hover on second level link */
#globalnav li a:hover ul a:hover ul ul{
visibility:hidden;
}

/* keep the fifth level hidden when you hover on third level link */
#globalnav li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* keep the sixth level hidden when you hover on fourth level link */
#globalnav li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#globalnav li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}
#globalnav1 li a:hover ul {
visibility:visible; left:-30px; top:14px; 
}
/* make the third level visible when you hover over second level link and position it and all further levels */
#globalnav li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}

/* make the fourth level visible when you hover over third level link */
#globalnav li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

/* make the fifth level visible when you hover over fourth level link */
#globalnav li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

/* make the sixth level visible when you hover over fifth level link */
#globalnav li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */
/*END OF MENU-------------------------------------------------------------------------------------------------------*/


/* Menu Left*/
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 168px;
padding: 0px;
margin: 0px;
height:24px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
height:24px;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
height:24px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px solid #c6b176;
padding: 5px 0px 5px 8px;
text-decoration: none;
color: #666666;
font-weight:bold;
width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color:#FF6600;
font-weight:bold;
background:url(../images/bg_leftMenuOn.jpg) repeat-x;
}
.active {background:url(../images/bg_leftMenuActive.jpg) repeat-x;}
/* End of Menu Left*/



#language { width:354px; height:25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFF00; float:right; margin:5px 0px 0px 0px; text-align:right; padding:3px 0px 3px 3px;}
#language a{ color:#FFF; text-decoration:none; font-weight:bold; font-size:11px}
#language a:hover{ color:#5C3014; text-decoration:none; font-weight:bold;}
#menu { float:left; width:1008px; position:absolute; margin-left:-1px; height:37px; background:url(../images/bg_menu.jpg) repeat-x;}
/*#mainContent { width:673px; height:auto; background:url(../images/bgMainContent.jpg) no-repeat; float:left; padding:9px 11px 0px 9px;}*/
#mainContent { width:677px; height:auto; float:left; margin:0px 14px 0px 0px;}
#rightContent { width:302px; height:auto; float:left; padding:9px 11px 0px 0px;}
#leftContent { width:198px; height:auto; float:left; margin:15px 15px 0px 14px;}
#leftContent_sub { width:177px; height:auto; float:left; margin:15px 10px 0px 10px;}
#midContent { width:480px; height:auto; margin:15px 0px 0px 0px; float:left; }
#midContent2 { width:650px; height:auto; margin:15px 0px 0px 20px;}
#quiz { width:198px; height:67px; background:; margin-top:15px; padding:45px 5px 0px 5px;}
#soundtrackBox { width:167px; height:60px; background:url(../images/bg_soundtrack.jpg) no-repeat; background-position:bottom; margin:0 0 10px 5px;}
.soundtrack { width:160px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;padding:4px 0px 2px 2px; margin-bottom:15px; height:20px;}
.soundtrack a { text-decoration:none; color:#993300;}
.soundtrack a:hover { color:#FF6600; text-decoration:none;}
.judul { height: 22px; width:auto; color:#4d4d4b; padding:6px 5px 3px 10px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.penyanyi { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#69250a; height:23px; padding:3px 0px 3px 2px; text-align:center;}
#nowPlaying { width:208px; height:323px; float:left; margin:15px 8px 0px 8px;}
#upComing { width:208px; height:323px; float:left; margin:15px 8px 0px 8px; }


#searchSub{ width:450px; height:23px; background:#eee2cb; border:1px solid BBDCEF; margin:10px 0px 10px 0px; padding:5px 5px 5px 10px;}
#searchMovie { width:283px; height:50px; background:url(../images/bgSearchMovie.jpg); padding:9px; margin-top:10px; }

#MDstar { width:300px; height:314px; margin-top:15px;}
#TVShows { width:450px; height:213px; float:left; margin:15px 0px 0px 0px;}
.boxStar { width:90px; height:auto; border:1px solid #999; float:left; margin:3px; padding:1px;}
.boxGallery {width:auto; height:auto; border:1px solid #999; float:left; margin:3px; padding:1px;}
.boxStar a:hover{ border-bottom:3px solid  #401c0e;}
.titleMDstar { width:299px; height:33px; margin-bottom:10px; }

.imgNews { width:60px; height:55px; padding:2px; border:1px solid #CCCCCC; margin:0px 5px 10px 5px; }
.imgNewsBig { width:204px; height:137px; padding:2px; border:1px solid #CCCCCC; margin:0px 5px 10px 5px; }
.imgLeft { float:left; margin:0px 15px 5px 0px;}
.imgPlaying { padding:2px; border:1px solid #CCCCCC; margin:0px 15px 3px 0px; }
.imgPhotos{ padding:2px; border:1px solid #CCCCCC; margin:0px 8px 3px 0px; }
.imgPhotos{ padding:2px; border:1px solid #CCCCCC; margin:0px 8px 3px 0px; }
.box_gallery { float:left; padding:2px; margin:2px; border:1px #CCCCCC solid;}
.imgPhotosPlaying { width:110px; margin-right:6px; height:120px; float:left;}
.imgWallpaper { width:170px; float:left; height:170px; text-align:center;}
.titleNews { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; font-weight:bold;}
.titleNews a { color:#333333; text-decoration:none;}
.titleNews a:hover { color:#993300; text-decoration:none; }
.titlePlaying{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#401c0e; font-weight:bold; text-decoration:none;}
.titlePlaying a{ color:#993300; text-decoration:none;}
.titleTestimonial { width:438px; height:21px; background:url(../images/bg_gold.jpg) no-repeat; padding:3px 0px 0px 10px; font-size:14px; font-weight:bold; color:#fff;}
.titlePlaying a:hover{ color:#FF6600;  text-decoration:none;}
.cntnTestimonial { font-size:11px; color:#353535; padding:10px 5px 5px 2px;}
.cntnTestimonial strong { text-transform:capitalize;}
.title_white { font-size:14px; color:#fff; font-weight:bold; margin:3px 8px 16px 15px;}
#titleOtherNews { background:url(../images/titleSideBar.jpg) no-repeat; width:155px; height:32px; padding:8px 0px 0px 20px; font-size:12px; font-weight:bold; color:#4d4d4b;}
#titlePlaying { background:url(../images/titleRightBar.jpg) no-repeat; width:280px; height:32px; padding:8px 0px 0px 20px; font-size:12px; font-weight:bold; color:#4d4d4b;}
#boxRightBar { width:288px; height:auto;padding:5px 5px 10px 5px; font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif;}
#playing { width:288px; height:auto; border-bottom:1px solid #dbd9d9; margin:3px 0px 3px 0px; }
.img_playingRightBar { float:left; width:47px; height:70px; margin-right:10px; border:1px solid #ccc; padding:2px; }
.titlePlayingBox { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#993300; font-weight:bold; margin-bottom:5px;}
.titlePlayingBox a{color:#993300; text-decoration:none;}
.titlePlayingBox a:hover{color:#de960a; text-decoration:none;}

.otherNews { font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#666; border-bottom:1px solid #e4d7c6; display: block; padding:4px 0px 4px 10px; width:166px;}
.otherNews a{ color:#333; text-decoration:none;}
.otherNews a:hover{ color:#FF6600; text-decoration:none;}

.content { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}
.contentBox { width:470px; padding:5px; margin-bottom:15px;}

.imgCast { width:100px; height:auto; float:left; margin-right:10px; text-align:center;}

.content a{color:#006699; text-decoration:none}
.content a:hover{ color:#FF3300;}
.date { font-family:Arial, Helvetica, sans-serif; color:#999; font-size:11px;}
.title { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#fff;}

	/* This CSS is used for the Show/Hide functionality. */
	.more {
		display: none;}
	a.showLink, a.hideLink {
		text-decoration: none;
		color: #36f;
		padding-left: 8px;
		background: transparent url(../images/down.gif) no-repeat left; }
	a.hideLink {
		background: transparent url(up.gif) no-repeat left; }
	a.showLink:hover, a.hideLink:hover {
		border-bottom: 1px dotted #36f; }


/*advertising*/
.showcase_home { width: 300px; height:250px;}
.showcase { width: 300px; height:250px; padding-top:45px;}


#news { width:198px; height:212px;}

#footer {width:974px; height:18px; background:url(../images/bg_footer.jpg) repeat-x; margin:15px 0px 0px 0px; padding:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; border:1px solid #848482;}