/*
Last Update
	10 agustus 2010
		15.33 f update css link more hot news
	1 jul 2010
		3:00 randy tambahin css new layout hotthread
		3:20 fix css judulnews di IE
	28 Juni 2010
		10:00 - a - tambahin css untuk new layout
	creby a 10 Juni 2010
*/

/*midcontent*/
#midcontent{
	display:inline;
	float:left;
	margin:0 5px 0 8px;
	position:relative;
	text-align:left;
	width:430px;
}
	#midcontent .headermid{	
		background:url(/images/layout/midcontent/header.jpg) no-repeat left top;
		clear:both;
		display:inline;
		float:left;
		height:46px;
		margin:10px 0 0 0;
		width:430px;
	}
		#midcontent .headermid .judulheader,
		#midcontent .headermid .judulheader2{
			clear:both;
			display:inline;
			float:left;
			margin:15px 0 0 18px;
		}
		#midcontent .headermid .judulheader2{
			margin:17px 0 0 18px;
		}
		#midcontent .headermid a.btnmore{
			background:url(/images/layout/midcontent/txtmore.gif) no-repeat left top;
			display:inline;
			float:right;
			height:9px;
			margin:18px 20px 0 0;
			width:43px;
		}
		#midcontent .headermid a.btnmore span{
			display:none;
		}
		#midcontent .headermid a.btnmore:hover{
			background-position:left bottom;
		}
		
		/*start menuhead*/
		#midcontent .headermid .menuhead{
			clear:both;
			display:inline;
			float:left;
			margin:-3px 0 0 15px;
			position:relative;
			width:350px;
		}
			#midcontent .headermid .menuhead li{
				display:inline;
				float:left;
			}
			#midcontent .headermid .menuhead li a{
				display:inline;
				float:left;
				height:57px;
				position:relative;
				margin:0 0 0 -11px;
				width:86px;
			}
				#midcontent .headermid .menuhead li a span{
					display:none;
				}
			
			
			#midcontent .headermid .menuhead #newsbtnall a{
				background:url(/images/layout/midcontent/btnall.gif) no-repeat top left;
			}
			#midcontent .headermid .menuhead #newsbtnall a:hover,
			#midcontent .headermid .menuhead #newsbtnall a.current{
				background:url(/images/layout/midcontent/btnall.gif) no-repeat bottom left;
			}
			
			#midcontent .headermid .menuhead #newsbtnnews a{
				background:url(/images/layout/midcontent/btnnews.gif) no-repeat top left;
			}
			#midcontent .headermid .menuhead #newsbtnnews a:hover,
			#midcontent .headermid .menuhead #newsbtnnews a.current{
				background:url(/images/layout/midcontent/btnnews.gif) no-repeat bottom left;
			}
			
			#midcontent .headermid .menuhead #newsbtnevent a{
				background:url(/images/layout/midcontent/btnevent.gif) no-repeat top left;
			}
			#midcontent .headermid .menuhead #newsbtnevent a:hover,
			#midcontent .headermid .menuhead #newsbtnevent a.current{
				background:url(/images/layout/midcontent/btnevent.gif) no-repeat bottom left;
			}
			
			#midcontent .headermid .menuhead #newsbtnnotice a{
				background:url(/images/layout/midcontent/btnnotice.gif) no-repeat top left;
			}
			#midcontent .headermid .menuhead #newsbtnnotice a:hover,
			#midcontent .headermid .menuhead #newsbtnnotice a.current{
				background:url(/images/layout/midcontent/btnnotice.gif) no-repeat bottom left;
			}
		/*end menuhead*/
		
		#midcontent p.pintroeh{
			clear:both;
			color:#8d8d8d;
			display:inline;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:18px;
			margin:10px 0 0 17px;
			width:395px;
		}
					
		#midcontent h3.headorange{
			clear:both;
			color:#aa7205;
			display:inline;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:15px 0 0 17px;
			width:395px;
		}
		
		ul.greyboxlist{
			clear:both;
			display:inline;
			float:left;
			margin:8px 0 0 17px;
			padding-bottom:10px;
			width:400px;
		}
			ul.greyboxlist li{
				background:url(/images/icn/greybox.gif) no-repeat left 7px;
				clear:both;
				color:#8d8d8d;
				display:inline;
				float:left;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				margin:3px 0 0 0;
				padding-left:10px;
				width:390px;
			}
		
		ul.listnews{
			clear:both;
			display:inline;
			float:left;
			margin:10px 0 0 17px;
			width:400px;
		}
			ul.listnews li{	
				border-bottom:1px solid #222;
				clear:both;
				display:inline;
				float:left;
				margin:2px 0 0 0;
				padding-bottom:2px;
				width:100%;
			}
				ul.listnews li strong.toggle{
					background:url(/images/icn/crown.gif) no-repeat left 3px;
					clear:both;
					cursor:pointer;
					display:inline;
					float:left;
					font-weight:normal;
					width:380px;
					padding-left:20px;
				}
					ul.listnews li strong.toggle span.judulnews{
						color:#b0a280;
						display:inline;
						float:left;
						height:15px;
						overflow:hidden;
						position:relative;
						width:275px;
					}					
					
					ul.listnews li strong.toggle img.newsnew{
						display:inline;
						float:left;
						margin:4px 0 0 2px;
					}
					
					ul.listnews li strong.toggle span.tglnews{
						color:#595959;
						display:inline;
						float:right;
					}
					
					ul.listnews li strong.toggle:hover span.judulnews{
						color:#dccba0;
					}
					ul.listnews li strong.toggle:hover span.tglnews{
						color:#8f8f8f;
					}
					
					ul.listnews li div.isinews{
						clear:both;
						display:inline;
						float:left;
						padding-bottom:5px;
						width:100%
					}
					
					ul.listnews li div.isinews .bgisinews{
						background:#1a1a1a;
						clear:both;
						display:inline;
						float:left;
						margin:5px 0 0 15px;
						padding-bottom:5px;
						width:385px;
					}
					
					ul.listnews li div.isinews p{
						color:#888;
						clear:both;
						display:inline;
						float:left;
						margin:5px 7px 0 7px;
						width:371px;
						overflow:hidden;
					}
					
					ul.listnews li a.linkdetail{
						clear:both;
						display:inline;
						float:right;
						margin-right:7px;
					}
					ul.listnews li a.linkdetail:hover{
						color:#BFB5A7;
					}
					
					ul.listnews li a:hover span.judulnews{
						color:#EFB277;
					}
					ul.listnews li a:hover span.tglnews{
						color:#7F7F7F;
					}
/*end midcontent*/

/*start hotthread*/

.sidecontent .wraphot{
	float:left;
	display:inline;
	width:228px;
	border-left:1px solid #2a2a2a;
	margin:9px 0 0 5px;
}
	.sidecontent .wraphot .hotthread{
		float:left;
		display:inline;
		width:100%;
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:2px solid #202020;
	}
	.sidecontent .wraphot .last{
		border-bottom:none;
		margin-bottom:0px;
	}
		.sidecontent .wraphot .hotthread span.title{
			float:left;
			display:inline;
			width:215px;
			color:#b88210;
			font-size:12px;
			font-weight:bold;
			margin-left:10px;
			text-align:left;
		}
		.sidecontent .wraphot .hotthread p{
			float:left;
			display:inline;
			width:215px;
			text-align:left;
			color:#827860;
			line-height:20px;
			margin-top:5px;
			margin-left:10px;
		}
		.sidecontent .wraphot .hotthread a{
			float:left;
			display:inline;
			width:215px;
			text-align:left;
			margin-left:10px;
			color:#06B9B9;
			margin-top:-8px;
		}
			.sidecontent .wraphot .hotthread a span{
				font-size:10px;
			}
/*end hotthread*/