/*
Last Update 
	24 December 2013
		10:12 AM - Hdi - ganti ukuran smokinhot ke
	2 nov 2010
		2:30 - andri - edit css smokinhot
	28 Sept 2010
		3:20 - andri - add class gameboxlist buat gamebox console + pc online di home
*/

#fade{
  height:     100%; 
  top:        0; 
  left:       0; 
  position:   fixed; 
 overflow:hidden;
 width:      100%;
 z-index:    198;
}
 #fade:after{
  content:'';
  opacity:    0.5; 
  background: #000;
  width:      100%;
  height:     1219px; 
  z-index:    198;
  top:        0; 
  left:       0; 
  position:   absolute; 
 }

#wrapcontent #isicontent #contenta .bagiankiri .header .isihead{
	width:690px;
	display:inline;
	float:left;
}
#wrapcontent #isicontent #contenta .bagiankiri #smokinhot{
	float:left;
	display:inline;
	width:560px;
	overflow:hidden;
}
#wrapcontent #isicontent #contenta .bagiankiri .header .isihead .titlehead{
	float:left;
	display:inline;
	margin:5px 0 9px 10px;
}
#wrapcontent #isicontent #contenta .bagiankiri .header .isihead .titleheadwmore{
	background:url(/images/layout/bgnew/bgtitleorange.gif) no-repeat right top;
	float:left;
	display:inline;
	margin:1px 0 9px 0;
	padding:0 35px 0 10px;
}
#wrapcontent #isicontent #contenta .bagiankiri .header .isihead .headerbtnmore{
	background:url(../images/layout/bgnew/bgmore.jpg) repeat-x left top;
	display:inline;
	float:right;
	font-size:10px;
	height:19px;
	padding:2px 10px;
}
#wrapcontent #isicontent #contenta .bagiankiri .header .isihead .headerbtnmore a{
	clear:both;
	color:#fff;
	display:inline;
}
#wrapcontent #isicontent #contenta .bagiankiri .header .isihead .headerbtnmore a:hover{
	color:#FFF200;
}
#wrapcontent #isicontent #contenta .bagiankiri .header .isihead #numbers{
	float:right;
	display:inline;
	margin-right:5px;
}
#wrapcontent #isicontent #contenta .bagiankiri .header .isihead #numbers li{
	background:url(../images/bg/bgnumber.gif) no-repeat;
	cursor:pointer;
	float:left;
	display:inline;
	height:20px;
	margin:4px 3px;
	width:21px;
}
#wrapcontent #isicontent #contenta .bagiankiri .header .isihead #numbers li.active{
	background:url(../images/bg/bgnumber2.gif) no-repeat;
}
#wrapcontent #isicontent #contenta .bagiankiri .header .isihead #numbers li span{
	line-height:18px;
	margin-left:7px;
	color:#000;
}
#wrapcontent #isicontent #contenta .bagiankiri .header .isihead #numbers li.active span{
	color:#fff;
}


/* new smokin hot fade in/out*/
.sliderwrapper{
	clear:both;
	display:inline;
	float:left;
	height: 320px;
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 680px; /*width of featured content slider*/
/*	height: 250px;*/
	background:#000000;
	margin:0 0 0 10px;
}

.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	/*height: 250px;*/
	height: 320px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination{
	clear:both;
	float:left;
	display:inline;
	margin:0 0 0 10px;
	background-color: #fff;
	width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
}
.pagination li{
	display:inline;
	float:left;
}

.pagination a{
	border:solid 1px #929b9e;
	border-right:none;
	border-top-width:3px;
	color: #3e3e3e !important;
	display:inline;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:80px;
	overflow:hidden;
	padding:8px 10px 0 10px;
	position:relative;
	text-decoration: none; 
	text-align:center;
	width:136px;
}
.pagination a.last{
	border-right:solid 1px #929b9e;	
	width:138px;
}
.pagination a:hover, .pagination a.selected{
	border-top-color:#fc4b24;
	background:#E9E9E9;
}
#wrapcontent #isicontent #contentd .bagiankiri{
	float:left;
	display:inline;
	/*height:270px;*/
	height:330px;
	width:948px;
}
#wrapcontent #isicontent #contentd .bagiankiri .sliderwrapper{
	float:left;
	display:inline;
	/*height:270px;*/
	height:330px;
	width:948px;
}
#wrapcontent #isicontent #contentd .bagiankiri .sliderwrapper .contentdiv{
	float:left;
	display:inline;
	/*height:270px;*/
	height:330px;
	width:948px;
}
#wrapcontent #isicontent #contentd .bagiankiri .sliderwrapper .contentdiv img{
	float:left;
	display:inline;
	/*height:270px;*/
	height:330px;
	/*width:948px;*/
	width:650px;
}
#wrapcontent #isicontent #contentd .bagiankiri .sliderwrapper .contentdiv .bgtransparent{
	background:#000;	
	clear:both;
	display:inline;
	float:left;	
	opacity: 0.7;
	/*height:270px;*/
	height:330px;
	margin:-330px 0 0 650px; 
/*	margin:-10px 0 0 0; */
	position:relative;	
	overflow:hidden;
	width:300px;
	z-index:1;
}

#wrapcontent #isicontent #contentd .bagiankiri .sliderwrapper .contentdiv .descberita{
	/*background:url(/images/layout/slider/bgdetail.png);*/
	background:#090603;
	clear:both;
	display:inline;
	float:left;	
	/*height:270px;*/
	height:330px;
	margin:-330px 0 0 650px;
	overflow:hidden;
	padding:0;
	position:relative;
	width:300px;
	z-index:3;
}
#wrapcontent #isicontent #contentd .bagiankiri .sliderwrapper .contentdiv .descberita h1{
	background:#00345d;	
	clear:both;
	display:inline;
	font-family: "proxima-nova","helvetica neue",arial,sans-serif;
	font-weight: 700;
	float:left;
	font-size: 20px !important;
	line-height: 1.1em;
	margin:20px 0 0 20px;	
	padding:8px 10px;
	width:235px;

}
.contentdiv .descberita h1 a{
	color:#00ADEF !important;	
}
#wrapcontent #isicontent #contentd .bagiankiri .sliderwrapper .contentdiv .descberita p{
	clear:both;
	display:inline;
	float:left;
	font-size: 12px;
	line-height: 1.3em;
	margin:15px 0 0 20px;
	width:255px;
}
.contentdiv .descberita p a{
	color:#ddd !important;
}


#wrapcontent #isicontent #contenta .bagiankiri .sliderwrapper .contentdiv{
	float:left;
	display:inline;
	height:320px;
	width:677px;
}
#wrapcontent #isicontent #contenta .bagiankiri .sliderwrapper .contentdiv img{
	float:left;
	display:inline;
	height:320px;
	width:677px;
}
#wrapcontent #isicontent #contenta .bagiankiri .sliderwrapper .contentdiv .bgtransparent{
	background:#000;	
	clear:both;
	display:inline;
	float:left;	
	opacity: 0.8;
	height:75px;
	margin:-75px 0 0 0; 
/*	margin:-10px 0 0 0; */
	position:relative;	
	overflow:hidden;
	width:100%;
	z-index:1;
	display:none;
}
#wrapcontent #isicontent #contenta .bagiankiri .sliderwrapper .contentdiv .descberita{
	/*background:url(/images/layout/slider/bgdetail.png);*/
	clear:both;
	display:inline;
	float:left;	
	height:75px;
	margin:-75px 0 0 0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:100%;
	z-index:3;
	display:none;
}

#wrapcontent #isicontent #contenta .bagiankiri .sliderwrapper .contentdiv .descberita h1{
	clear:both;
	display:inline;
	float:left;
	font-size:15px !important;
	margin:5px 0 0 7px;	
	width:553px;
}
.contentdiv .descberita h1 a{
	color:#fff !important;
}
#wrapcontent #isicontent #contenta .bagiankiri .sliderwrapper .contentdiv .descberita p{
	clear:both;
	display:inline;
	float:left;
	line-height:14px;
	margin:0 0 0 7px;	
	width:553px;
}
.contentdiv .descberita p a{
	color:#ddd !important;
}
/*start thumbs*/
#contenta .bagiankiri .wrapheightnews div.pernakpernik div.desc div .wrapthumbnotice{
	float:right;
	display:inline;
	width:200px !important;
}
#contenta .bagiankiri .wrapheightnews div.pernakpernik div.desc div .wrapthumbnotice span{
	float:left !important;
	display:inline;
	margin:0 !important;
	line-height:12px;
	text-transform:none !important;
	color:#777;
}
#contenta .bagiankiri .wrapheightnews div.pernakpernik div.desc div .wrapthumbnotice a{
	float:right !important;
	display:inline;
	width:auto !important;
	color:#000 !important;
	background:url(/images/icn/thumbssmall.gif) left top no-repeat;
	height:12px;
	padding-left:15px;
	
}
#contenta .bagiankiri .wrapheightnews div.pernakpernik div.desc div .wrapthumbnotice a:hover span{
	color:#2FBF23;
}

#contenta .bagiankiri .wrapheightnews div.pernakpernik div.desc div .wrapthumbnotice a.comment{
	float:left;
	display:inline;
	margin-right:10px !important;
	background:url(/images/icn/comment.gif) left top no-repeat;
	padding-left:20px;
}
/*end thumbs*/


/*gameboxlist*/
.gameboxlist{
	display:inline;
	float:left;
}
.wrapfreegamelist{
	clear:both;
	float:left;
	display:inline;
	width:560px;
	margin:10px 0 10px 0;
	padding:0;
}
.wrapfreegamelist .gameboxlist{
	float:left;
	display:inline;
	width:124px;
	height:142px;
	margin:7px 8px 6px 8px;
	overflow:hidden;
	position:relative;	
	background:#1b1b1b;
}
.wrapfreegamelist .gameboxlist a{
	float:left;
	display:inline;	
	text-align:center;
	color:#fff !important;
}
.wrapfreegamelist .gameboxlist a img{
	float:left;
	display:inline;
	width:116px;
	height:90px;
	margin:4px 0 0 4px;
}
.wrapfreegamelist .gameboxlist a:hover{
	color:#FFFF00 !important;
}
/*end gameboxlist*/

.wrapergamebox{
	clear:both;
	display:inline;
	float:left;
	width:100%;
}
	.wrapergamebox span{
		clear:both;
		display:inline;
		float:left;
		font-size:10px;
		text-align:center;
		line-height:12px;
		width:100%;
	}
	.wrapergamebox span.txtsmaller{
		font-size:9px;
	}
	
	
/*wrap widget*/

.wrapcomunity{
	display:inline;
	float:right;
	height:20px;
	margin:-4px 0 0 0;
	position:relative;
	width:210px;
	height:20px;
}
	
	.wrapcomunity em{
		display:inline;
		float:right !important;
		font-style:normal;
		overflow:hidden;
		height:20px;
	}
	
		.wrapcomunity em.twitwidget{
			width:98px;
		}
		
			.wrapcomunity em.fbwidget{
				margin:1px 6px 0 0;
			}
/*end wrap widget*/