/*
	'last update 3 desc 2009 randy update kasi height buat kata2 costume
	'last update 4 desc 2009 randy update css warnet event buat tab liputan
	'last update 29 mar 2010 randy tambahkan clan tooltip
*/
/*start bannerevent*/
#bannerevent{
	clear:both;
	float:left;
	display:inline;
	position:relative;
	background:url(/images/layout/bannerevent/bgbannerevent.jpg) no-repeat;
	width:643px;
	height:348px;
	z-index:3;
	margin:0 0 0 6px;
}
#bannerevent #slider{
	clear:both;
	float:left;
	display:inline;
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width:520px; /*width of featured content slider*/
	height:297px;
	margin:0 0 0 13px;
	z-index:3;
}
#bannerevent #slider .contentdiv{
	float: left;	
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	z-index:1;
}
#bannerevent #paginate-slider{
	float:left;
	display:inline;
	margin:10px 0 0 5px;
}
#bannerevent #paginate-slider a.toc{
	clear:both;
	float:left;
	display:inline;
	margin:0 0 10px 9px;
}
#bannerevent #paginate-slider a.toc img{
	clear:both;
	float:left;
	display:inline;
	border:1px solid #524b33;
}
#bannerevent #paginate-slider a.toc:hover img,
#bannerevent #paginate-slider a.selected img{
	border:1px solid #efc535;
}

#bannerevent #paginate-slider a.prev,
#bannerevent #paginate-slider a.next{
	margin-bottom:10px;
	clear:both;
	float:left;
	display:inline;
}
#bannerevent #buttonselse{
	clear:both;
	float:left;
	display:inline;
	position:relative;
	z-index:5;
	margin:-12px 0 0 438px;
	width:200px;
	height:58px;
	text-align:right;
	padding-top:8px;
	background:url(/images/layout/bannerevent/topelse.gif) no-repeat top right;
}
#bannerevent #buttonselse a.btnfirst{
	float:left;
	display:inline;
	margin-right:7px;
}
/*end bannerevent*/




/*homenews*/
#wrapcontentnewshome{
	clear:both;
	float:left;
	display:inline;
}
#homenewstop{
	clear:both;
	float:left;
	display:inline;
	width:440px;
	height:133px;
	position:relative;
	margin:-80px 0 0 0;
	background:url(/images/layout/home/bgtopberita.png) no-repeat;
	z-index: 5;
}
/* \*/
* html #homenewstop{
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/home/bgtopberita.png', sizingMethod='scale');
}
/* */

#wrapnewshome{
	clear:both;
	float:left;
	display:inline;
	width:431px;
	background:url(/images/layout/home/bgwrapnews.gif) no-repeat bottom left;
	padding-bottom:33px;
}
#wrapnewshome #newshome{
	clear:both;
	float:left;
	display:inline;
	position:relative;
	margin:-115px 0 0 20px;
	z-index:6;
	width:410px;
}
#wrapnewshome #newshome h2{
	clear:both;
	float:left;
	display:inline;
	width:78px;
	height:19px;
	background:url(/images/layout/home/h1berita.jpg) no-repeat;
	margin-left:15px;
}
#wrapnewshome #newshome h2 span{
	display:none;
}
#wrapnewshome #newshome ul#menunewshome{
	float:left;
	display:inline;
	width:250px;
	margin:0 0 0 45px;
}
#wrapnewshome #newshome ul#menunewshome li{
	float:left;
	display:inline;
	margin-right:3px;
}
#wrapnewshome #newshome ul#menunewshome li a{
	float:left;
	display:inline;
	background:#221e1d;
	padding:1px 5px;
}
#wrapnewshome #newshome ul#menunewshome li a span{
	color:#6a6053;
	font-size:10px;
}
#wrapnewshome #newshome ul#menunewshome li a:hover,
#wrapnewshome #newshome ul#menunewshome li a.current{
	background:#887029;
}
#wrapnewshome #newshome ul#menunewshome li a:hover span,
#wrapnewshome #newshome ul#menunewshome li a.current span{
	color:#000;
}

#wrapnewshome #newshome #wrapisinews{
	clear:both;
	float:left;
	display:inline;
	width:395px;
	text-align:left;
	margin:13px 0 0 7px;
	background:#161616;	
}
#wrapnewshome #newshome #wrapisinews .bgwrapnews{
	clear:both;
	float:left;
	display:inline;
	height:264px;
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
}
#wrapnewshome #newshome #wrapisinews ul{
	clear:both;
	float:left;
	display:inline;	
	width:380px;
	height:264px;
	padding-bottom:10px;
	
}
#wrapnewshome #newshome #wrapisinews ul li{
	clear:both;
	float:left;
	display:inline;
	margin:3px 0 0 8px;
	width:365px;
	border-bottom:1px solid #2e2e2e;
}
#wrapnewshome #newshome #wrapisinews ul li.last{
	border-bottom:none;
}
#wrapnewshome #newshome #wrapisinews ul li strong.toggle,
#wrapnewshome #newshome #wrapisinews ul li strong.active{
	float:left;
	display:inline;
	font-weight:normal;	
	width:365px;
	padding-bottom:3px;
	line-height:17px;
	cursor:pointer;
}
#wrapnewshome #newshome #wrapisinews ul li strong.toggle{
	background:url(/images/icon/crosshairred.gif) no-repeat 0 1px;
	color:#fff;
}
#wrapnewshome #newshome #wrapisinews ul li strong.active{
	background:url(/images/icon/crosshairblue.gif) no-repeat 0 1px;
	color:#fed189;
}
#wrapnewshome #newshome #wrapisinews ul li strong span{
	clear:both;
	float:left;
	display:inline;
	margin-left:20px;
	width:292px;
	height:15px;
	overflow:hidden;	
}
#wrapnewshome #newshome #wrapisinews ul li .desknews{
	clear:both;
	float:left;
	display:inline;
	width:346px;
	padding:8px 0 9px 21px;
	border-top:1px solid #2e2e2e;
	cursor:default;
}
#wrapnewshome #newshome #wrapisinews ul li .desknews p{
	clear:both;
	float:left;
	display:inline;
	overflow:hidden;
	width:328px;
	padding-right:12px;
	margin:0;
	color:#a1a1a1;
}
#wrapnewshome #newshome #wrapisinews ul li .desknews span.moreinfo{
	clear:both;
	float:left;
	display:inline;
	width:290px;
	margin-top:15px;
}
#wrapnewshome #newshome #wrapisinews ul li .desknews a.btnmore{
	float:left;
	display:inline;
	width:48px;
	background:url(/images/icon/more.gif) no-repeat right center;
	height:10px;
	margin:20px 0 0 0;
}
#wrapnewshome #newshome #wrapisinews ul li .desknews a.btnmore span{
	display:none;
}
/*end homenews*/


/*itemmall home*/
#homeitemmall{
	float:left;
	display:inline;
	width:216px;
	margin:0 0 0 0;
}
#homeitemmall h2{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	font-size:12px;
	font-family:Arial;
	text-align:left;
	margin:5px 0 0 4px;
	color:#fff;
}
#homeitemmall h2 strong{
	color:#ffb432;
}
#homeitemmall .wrapitemmall{
	clear:both;
	float:left;
	display:inline;
	width:200px;
	height:71px;
	text-align:left;
	margin-top:5px;
	
}
#homeitemmall .wrapred{
	background:url(/images/layout/home/bgroundred.gif) no-repeat;
}
#homeitemmall .wrapred .infoitemmall h3{
	color:#cb5c44;
}
#homeitemmall .wrapblue{
	background:url(/images/layout/home/bgroundblue.gif) no-repeat;
}
#homeitemmall .wrapblue .infoitemmall h3{
	color:#68458a;
}
#homeitemmall .wrapgreen{
	background:url(/images/layout/home/bgroundgreen.gif) no-repeat;
}
#homeitemmall .wrapgreen .infoitemmall h3{
	color:#19742f;
}

#homeitemmall .wrapitemmall .wraproundpic{
	clear:both;
	float:left;
	display:inline;
	position:relative;
	width:65px;
	height:68px;
	overflow:hidden;
	margin:2px 0 0 -2px;
}
#homeitemmall .wrapitemmall .wraproundpic img{
	width:65px;
	height:68px;
}
#homeitemmall .wrapitemmall .wraproundpic span{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	background:url(/images/itemmall/wrappicim.gif) no-repeat left top;
	width:65px;
	height:68px;
}
#homeitemmall .wrapitemmall .infoitemmall{
	float:left;
	display:inline;
	width:122px;
	margin:0 0 0 9px;
}
#homeitemmall .wrapitemmall .infoitemmall h3{
	clear:both;
	float:left;
	display:inline;
	margin:2px 0 0 0;
	padding:0;
	width:100%;
}
#homeitemmall .wrapitemmall .infoitemmall p{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	font-size:10px;
	letter-spacing:-1px;
	line-height:11px;
}
#homeitemmall .wrapitemmall .infoitemmall p a.btnmore{
	color:#ffb432;
	text-decoration:underline;
}

/*end itemmall home*/

/*START banner hallofame*/
#homeitemmall .halloffame{
	background:url(/images/layout/home/bghalloffame.jpg) no-repeat left top;
	clear:both;
	display:inline;
	float:left;
	width:208px;
	height:77px;
	margin:0 0 0 0;
}
#homeitemmall .halloffame a{
	float:left;
	display:inline;
	margin:6px 0 0 7px;
}
/*end banner hallofame*/


/*warnet event home*/
#homewarnetevent{
	clear:both;
	float:left;
	display:inline;
	width:431px;
	position:relative;
	overflow:hidden;
	text-align:left;
}

#homewarnetevent h2{
	clear:both;
	float:left;
	display:inline;
	background:url(/images/layout/home/headerwarnetevent.jpg) no-repeat;
	width:431px;
	height:29px;
}
#homewarnetevent h3{
	clear:both;
	float:left;
	display:inline;
	width:50px;
}
#homewarnetevent h2 span{
	display:none;
}
#homewarnetevent h2 a.more{
	clear:both;
	float:right;
	display:inline;
	background:url(/images/layout/home/btnmore.gif) no-repeat top left;
	width:64px;
	height:13px;
	margin:7px 40px 0 0;
}
#homewarnetevent h2 a.more:hover{
	background:url(/images/layout/home/btnmore.gif) no-repeat bottom left;
}

#homewarnetevent h2 a.more span{
	display:none;
}

#homewarnetevent ul{
	clear:both;
	float:left;
	display:inline;
	background:url(/images/layout/home/bgwarnetevent.jpg) no-repeat;
	width:431px;
	height:160px;
	padding-top:5px;
}
#homewarnetevent ul ul#menuwarnethome{
	clear:both;
	display:inline;
	float:left;
	width:390px;
	border-bottom:1px solid #2E2E2E;
	height:20px;
	padding:0;
	background:none;
	margin-left:20px;
}

#homewarnetevent ul ul#menuwarnethome li{
	clear:none;
	float:left;
	display:inline;
	margin:0;
	width:60px;
	text-align:center;
}
#homewarnetevent ul ul#menuwarnethome li a{
	float:left;
	display:inline;
	padding:1px 5px;	
	font-size:10px;
	background:#221e1d;
}
#homewarnetevent ul ul#menuwarnethome li a:hover,
#homewarnetevent ul ul#menuwarnethome li a.current{
	background:#887029;
	color:#000;
}
#homewarnetevent ul li{
	clear:both;
	float:left;
	display:inline;
	width:355px;
	margin:8px 0 0 33px;
	text-align:right;
	line-height:14px;
}
#homewarnetevent ul li a{
	color:#a1a1a1;
}
#homewarnetevent ul li a:hover{
	color:#fff;
}
#homewarnetevent ul li a span{
	clear:both;
	float:left;
	display:inline;
	width:300px;
	position:relative;
	overflow:hidden;
	text-align:left;
}
#homewarnetevent a.btnformkerjasama{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	height:23px;
	background:url(/images/layout/home/btnformkerjasama.gif) no-repeat top left;
}
#homewarnetevent a.btnformkerjasama:hover{
	background:url(/images/layout/home/btnformkerjasama.gif) no-repeat bottom left;
}
#homewarnetevent a.btnformkerjasama span{
	display:none;
}
/*end warnet event home*/

/*homemedia*/
#homemedia{
	float:left;
	display:inline;
	position:relative;
	width:206px;
	height:189px;
	background:url(/images/layout/home/bgmedia.jpg) no-repeat;
	margin:8px 0 0 12px;
}
#homemedia ul{
	clear:both;
	float:left;
	display:inline;
	width:182px;
	margin:155px 0 0 14px;
}
#homemedia ul li{
	float:left;
	display:inline;
	line-height:15px;
	margin-right:3px;
}
#homemedia ul li a{
	clear:both;
	float:left;
	display:inline;
	color:#acacac;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-1px;
}
#homemedia ul li a:hover{
	color:#efefef;
}
#homemedia ul li span{
	clear:both;
	float:left;
	display:inline;
	background:url(/images/layout/home/seperatormedia.gif) no-repeat center center;
	height:11px;
	width:1px;
	font-size:0;
	margin:3px 0 0 0;
}
/*end homemedia*/


/*START banner warnet new*/
#homewarnet{
	float:left;
	display:inline;
	position:relative;
	width:210px;
	height:210px;
	background:url(/images/layout/home/bgeventwarnet.jpg) no-repeat;
	margin:-8px 0 0 11px;
}
#homewarnet a{
	float:left;
	display:inline;
	margin:6px 0 0 7px;
}
/*end banner warnet new*/



/*homecostume*/
#homecostume{
	clear:both;
	float:left;
	display:inline;
	background:url(/images/layout/home/bgcostume.gif) no-repeat top left;
	width:641px;
	border:1px solid #2b2820;
	margin:10px 0 0 0;
	padding-bottom:5px;
}
#homecostume .wrapcostume{
	float:left;
	display:inline;
	width:152px;
	height:203px;
	border:1px solid #3a332c;
	margin:5px 0 0 5px;
}
#homecostume .wrapcostume img{
	clear:both;
	float:left;
	display:inline;
}
#homecostume .wrapcostume .costumename{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	color:#e9ad52;
	font-weight:bold;
	background:#1c1d1f;
	border-top:2px solid #0f0f0f;
	border-bottom:2px solid #0f0f0f;
	padding:8px 0;
	height:30px;
	letter-spacing:-1px;
}
#homecostume .wrapcostume .costumename strong{
	color:#c9d930;
	text-transform:uppercase;
	font-size:10px;
}
#homecostume .wrapcostume .costumedesk{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	font-size:10px;
	letter-spacing:-1px;
	line-height:12px;
	color:#81817e;
	margin-top:5px;
}
/*end homecostume*/

.teaserhomebtm{
	clear:both;
	float:left;
	display:inline;
	margin:10px 0 0 0;
}

/*start system rangking*/
#homerank{
	clear:both;
	float:left;
	display:inline;
	width:643px;
	height:217px;
	margin:10px 0 0 0;
	background:url(/images/layout/home/bgranking.gif) no-repeat;
}
#homerank .wrapjsrank{
	float:left;
	display:inline;
	width:643px;
	position:relative;
	padding:0;
}
#homerank .wrapjsrank ul#menurankhome li.hidden{
	display:none;
}
#homerank .wrapjsrank li.btnkiri{
	position:absolute;
	width:9px;
	top:95px;
	left:5px;
}
#homerank .wrapjsrank li.btnkanan{
	position:absolute;
	width:9px;
	top:95px;
	right:5px;
}
#homerank .wrapjsrank .wraprank{
	float:left;
	display:inline;
	width:608px;
	margin:5px 0 5px 17px;
}
#homerank .wrapjsrank .wraprank .wraptop{
	float:left;
	display:inline;
	width:148px;
	background:#3b3b3a;
	border:1px solid #070707;
	margin:0 1px;
}
#homerank .wrapjsrank .wraprank .wraptop img{
	margin-top:1px;
}
#homerank .wrapjsrank .wraprank .wraptop a span{
	clear:both;
	float:left;
	display:inline;
	width:141px;
	margin:0 1px 1px 1px;
	text-align:right;
	padding-right:5px;
	font-size:9px;
	text-transform:uppercase;
	color:#9D9D9D;
}
#homerank .wrapjsrank .wraprank .wraptop a:hover span{
	color:#83849b;
}
#homerank .wrapjsrank .wraprank .wraptop table tr td{
	float:left;
	display:inline;
	background:#1c1d1f;
	width:136px;
	margin:0 1px;
	padding-left:10px;
	height:21px;
	line-height:18px;
	color:#9d9d9d;
}
#homerank .wrapjsrank .wraprank .wraptop table tr.other td{
	background:#242528;
}
#homerank .wrapjsrank .wraprank .wraptop a span.merah{
	background:#250000;
}
#homerank .wrapjsrank .wraprank .wraptop a span.biru{
	background:#060926;
}
#homerank .wrapjsrank .wraprank .wraptop a span.hijau{
	background:#0e2101;
}
#homerank .wrapjsrank .wraprank .wraptop a span.orange{
	background:#482702;
}
#homerank .wrapjsrank .wraprank .wraptop a span.ungu{
	background:#291030;
}
#homerank .wrapjsrank .wraprank .wraptop a span.kuning{
	background:#4E4001;
}
#homerank .wrapjsrank .wraprank .wraptop a span.magenta{
	background:#19443D;
}

/* start rank_old 22 desc 2009 */
/*
#homerank{
	clear:both;
	float:left;
	display:inline;
	width:643px;
	margin:10px 0 0 0;
}
#homerank .titlerank{
	background:#110F10;
	height:30px;
	width:640px;
}
#homerank .titlerank img{
	float:left;
	display:inline;
	width:160px;
	margin-top:1px;
}
#homerank .titlerank a{
	float:right;
	display:inline;
	width:64px;
	background:url(../images/layout/home/btnmoreranksys.gif) no-repeat;
	margin:3px 10px 0 0;
}
#homerank .titlerank a:hover{
	background:url(../images/layout/home/btnmoreranksys2.gif) no-repeat;
}
#homerank .titlerank a span{
	visibility:hidden;
}
#homerank .titlerank span{
	float:right;
	display:inline;
}
.tblrank{
	border-spacing: 2px;
	clear:both;
	color:#FFFFFF;
	width:640px;
	text-align:center;
}

.tblrank tr th{
	background:#181818;
	color:#999;
	font-size:12px;
	font-weight:700;
	text-align:center;
	border-right:1px solid #3D3D3D;
	height:30px;
	line-height:30px;
}
.tblrank tr.alt td{
	background:#110F10;
	border-right:1px solid #3D3D3D;
	text-align:center;
	color:#999;
	height:30px;
	line-height:30px;
}
.tblrank tr td{
	background:#181818;
	border-right:1px solid #3D3D3D;
	text-align:center;
	color:#999;
	height:30px;
	line-height:30px;
}
.tblrank tr th.last,
.tblrank tr td.last,
.tblrank tr.alt td.last{
	border-right:none;
}
*/
/* end rank_old 22 desc 2009 */
/*end system rangking*/
/*start css buat clan home*/
#maincontent #wrapclanhome{
	float:left;
	display:inline;
	clear:both;
	background:url(/images/layout/home/bgclanhome.jpg) no-repeat;
	width:643px;
	height:125px;
	margin-top:10px;
}
#maincontent #wrapclanhome a.clan{
	position:absolute;
	top:10px;
	left:10px;
	width:120px;
	height:100px;
}
#maincontent #wrapclanhome .wrapsingle{
	float:left;
	display:inline;
	background:url(/images/layout/home/singeclan.gif) no-repeat;
	width:95px;
	height:106px;
	margin:10px 0 0 3px;
}
#maincontent #wrapclanhome .wrapsingle a.clanclick{
	position:absolute;
	top:0;
	left:0;
	width:95px;
	height:106px;
	clear:both;
}
#maincontent #wrapclanhome .wrapsingle a.clanclick span{
	display:none;
}
#maincontent #wrapclanhome .wrapsingle .wrapmark{
	float:left;
	display:inline;
	width:50px;
	height:50px;
	margin:10px 0 0 23px;
	position:relative;
}
#maincontent #wrapclanhome .wrapsingle .wrapmark .clanmarkbg,
#maincontent #wrapclanhome .wrapsingle .wrapmark .clanmarkln,
#maincontent #wrapclanhome .wrapsingle .wrapmark .clanmarkmk{
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
}
#maincontent #wrapclanhome .wrapsingle .wrapmark .clanmarkbg{
	z-index:1;
}
#maincontent #wrapclanhome .wrapsingle .wrapmark .clanmarkln{
	z-index:2;
}
#maincontent #wrapclanhome .wrapsingle .wrapmark .clanmarkmk{
	z-index:3;
}
#maincontent #wrapclanhome .first{
	margin-left:140px;
}

/*end css buat clan home*/


/*start clan tooltip*/
#maincontent #wrapclanhome .tooltipclan{
	float:left;
	display:none;
	width:340px;
	z-index:20;
	position:relative;
}
.tblmyclan{
	clear:both;
	color:#acacac;
	border:solid 2px #292929;
	text-align:left;
	width:340px;
	background:#292929;
}
.tblmyclan th{
	text-align:center;
	background:none;
	padding:5px 0;
	font-weight:bold;
	color:#FFFFFF;
}
.tblmyclan th .status{
	float:left;
	display:inline;
	width:330px;
	background:#4b4b4b;
	margin-left:3px;
}
.tblmyclan th .wide{
		width:521px;
}

.tblmyclan th .status img{
	float:left;
	clear:both;
	display:inline;
	width:102px;
	margin:5px 5px 0 5px;
	border:1px solid #FFFFFF;
}
.tblmyclan th .status .wrapinfoclan{
	float:left;
	display:inline;
	width:212px;
	margin-top:5px;
}
.tblmyclan th .status .wrapinfoclan h2{
	clear:both;
	float:left;
	width:208px;
	display:inline;
	color:#fbf587;
	font-size:13px;
	text-align:left;
	font-weight:bold;
	background:#0e0e0e;
	height:22px;
	padding:5px 0 0 5px;
}
.tblmyclan th .status .wrapinfoclan span{
	clear:both;
	float:left;
	width:208px;
	display:inline;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	padding:2px 0 0 5px;
}
.tblmyclan th .status .wrapinfoclan .wrapmotto{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	background:#242424;
	margin:2px 0 5px 0;
	overflow:hidden;
	position:relative;
}
.tblmyclan th .status .wrapinfoclan .wrapmotto span{
	clear:both;
	display:inline;
	float:left;
	font-weight:bold;
	font-size:12px;
	width:208px;
	color:#fbf587;
	padding-top:5px;
}
.tblmyclan th .status .wrapinfoclan .wrapmotto p{
	clear:both;
	float:left;
	display:inline;
	width:208px;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
}
.tblmyclan td{
	background:#292929;
	border-right:solid 1px #363636;
	border-bottom:solid 1px #292929;
	vertical-align:middle;
	text-align:center;
	color:#CCCCCC;
}
.tblmyclan tr.alt td,
.tblmyclan tr.altkeluar td{
	background:#0E0E0E;
	border-right:solid 1px #363636;
	border-bottom:solid 1px #292929;
	vertical-align:middle;
	text-align:center;
}
.tblmyclan tr.alt td,
.tblmyclan td{
	height:30px;
	text-align:left;
	border-right:none;
	padding-left:10px;
}
.tblmyclan tr.altkeluar td{
	height:38px;
}
.tblmyclan tr.alt td.right,
.tblmyclan td.right{
	text-align:right;
	padding-right:10px;
}
.wrapimg{
	float:left;
	display:inline;
	width:100px;
	height:100px;
	margin-top:10px;
	position:relative;
}

/*end clan tooltip*/



/*start itemmall terbaru*/

.wrapitmmall{
	background:url(/images/layout/home/itemmall/bgitemmall.gif) no-repeat left top;
	clear:both;
	display:inline;
	float:left;
	height:134px;
	margin:5px 0 0 0;
	width:646px;
}
	#gallerya{
		clear:both;
		display:inline;
		float:left;
		text-align:left;
		margin:27px 0 0 10px;
		width:630px;
	}
		#gallerya .stepcarousel{
			clear:both;
			display:inline;
			float:left;
			height: 100px; /*Height should enough to fit largest content's height*/
			position: relative; /*leave this value alone*/
			overflow:hidden;
			width:610px;
		}
		 #gallerya .stepcarousel .belt{
				left: 0;
				position: absolute; /*leave this value alone*/
				top: 0;
			}
	
	
		 #gallerya .stepcarousel .panel{
				float: left; /*leave this value alone*/
				margin: 5px; /*margin around each panel*/				
				width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
				overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
				position:relative;
			}	
				#gallerya .stepcarousel .panel .heroesframe{
					background:url(/images/layout/home/itemmall/boxitem.gif) no-repeat left top;
					border:solid 1px #124d18;
					clear:both;
					display:inline;
					float:left;
					height:92px;
					width:298px;
				}
				
				/* \*/
				/** html #gallerya .stepcarousel .panel .heroesframe{
						background:none;
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/layout/home/itemmall/boxitem.png', sizingMethod='scale');
				}*/
				/* */
				
				#gallerya .stepcarousel .panel .heroesframe2{
					background:url(../images/layout/home/itemmall/boxitem2.gif) no-repeat left top;
					border:solid 1px #124d18;
					clear:both;
					display:inline;
					float:left;
					height:92px;
					width:298px;
				}
				
					/* \*/
			/*	* html #gallerya .stepcarousel .panel .heroesframe2{
						background:none;
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/layout/home/itemmall/boxitem2.png)', sizingMethod='scale');
				}*/
				/* */
				
					#gallerya .stepcarousel .panel .heroesframe .wrapimg,
					#gallerya .stepcarousel .panel .heroesframe2 .wrapimg{
						display:inline;
						float:left;
						margin:12px 0 0 10px;
						width:122px;
					}
				
				 #gallerya .stepcarousel .panel .heroesframe .wrapimg a,
				 #gallerya .stepcarousel .panel .heroesframe2 .wrapimg a{
						display:inline;
						float:left;
						padding:0;
						width:122px;
					}
					 #gallerya .stepcarousel .panel .heroesframe2 .wrapimg img,	
					 #gallerya .stepcarousel .panel .heroesframe .wrapimg img{
					 		display:inline;
					 		float:left;
						}
						
					 #gallerya .stepcarousel .panel .heroesframe2 .wrapmall,
					 #gallerya .stepcarousel .panel .heroesframe .wrapmall{
					 	display:inline;
						float:left;
						margin:12px 0 0 4px;
						height:68px;
						width:160px;
					 }	
				
						#gallerya .stepcarousel .panel .heroesframe .wrapmall .itemname{
							clear:both;
							color:#4ac171;
							display:inline;
							float:left;
							font-size:12px;
							width:160px;
						}
						
						#gallerya .stepcarousel .panel .heroesframe2 .wrapmall .itemname{
							clear:both;
							color:#ffd200;
							display:inline;
							float:left;
							font-size:12px;
							width:160px;
						}
						
						#gallerya .stepcarousel .panel .heroesframe .wrapmall .ketitem,
						#gallerya .stepcarousel .panel .heroesframe2 .wrapmall .ketitem{
							display:inline;
							float:left;
							font-size:9px;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							line-height:12px;
							width:100%;
						} 
							#gallerya .stepcarousel .panel .heroesframe2 .wrapmall  .itemmore,
							#gallerya .stepcarousel .panel .heroesframe .wrapmall  .itemmore{
								color:#ffd200;
								display:inline;
								float:left;
								text-decoration:underline;
							}
						


/*end itemmall terbaru */
.headerclan{
	background:url(/images/layout/home/rangkclan/txttopclan.gif) no-repeat left top;
	clear:both;
	display:inline;
	float:left;
	height:47px;
	margin:0 0 0  -7px;
	width:216px;
}

	.wraplistclan{
		border:1px solid #696966;
		border-top:none;
		border-left:none;
		clear:both;
		display:inline;
		float:left;
		margin:0 0 0 -8px;
		width:216px;
	}
		.wraplistclan .listclan{
			background:#292929;
			clear:both;
			display:inline;
			float:left;
			height:30px;
			margin:0 0 0 0;
			width:216px;
		}
		
		.wraplistclan .listclan2{
			background:#1B1C1E;
			clear:both;
			display:inline;
			float:left;
			height:30px;
			margin:0 0 0 0;
			width:216px;
		}
			.wraplistclan .listclan2 .num,
			.wraplistclan .listclan .num{
				display:inline;
				float:left;
				font-weight:bold;
				margin:7px 0 0 8px;
			}
			.wraplistclan .listclan2 img,
			.wraplistclan .listclan img{
				display:inline;
				float:left;
				margin:0 0 0 10px;
			}
			.wraplistclan .listclan2 .clanname,
			.wraplistclan .listclan .clanname{
				display:inline;
				float:left;
				font-weight:bold;
				margin:7px 0 0 7px;
				text-align:left;
				width:140px;
			}	
			

/*start rankclan */



/*end rankclan*/