.wrapimgwttext{
	clear:both;
	float:left;
	display:inline;
	width:100%;
}
.wrapimgwttext .wraptext{
	clear:both;
	float:left;
	display:inline;
	width:360px;
}
.wrapimgwttext .wrapimg{
	float:left;
	display:inline;
	margin-left:5px;
	width:240px;
	overflow:hidden;
}
.wrapimgwttext .wrapimg img{
	clear:both;
	float:left;
	display:inline;
	border:2px solid #656354;
}
.wrapimgwttext .wrapimg img.thumbpic{
	clear:none;
	float:left;
	display:inline;
	margin:10px 7px 0 8px;
}
.wrapimgwttext img.classlogo{
	float:left;
	display:inline;
	margin-bottom:15px;
}
.wrapimgwttext h3{
	float:left;
	display:inline;
	width:245px;
	background:url(/images/layout/maincontent/guide/bgh3.gif) no-repeat left 20px;
	font-size:21px;
	font-family:"Times New Roman";
	text-transform:uppercase;
	color:#c7b299;
	margin:15px 0 0 10px;
}
.wrapimgwttext h3 span{
	clear:both;
	float:left;
	display:inline;
	font-size:11px;
	font-weight:normal;
	font-family:Verdana;
	margin:5px 0 0 0;
}
.wrapimgwttext p{
	clear:both;
}

.infohead{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	margin:10px 0 0 0;
}
.infohead ul.menuinfohead{
	clear:both;
	float:left;
	display:inline;
	width:100%;
}
.infohead ul.menuinfohead li{
	float:left;
	display:inline;
	margin-right:10px;
}
.infohead ul.menuinfohead li a{
	float:left;
	display:inline;
	border-top:1px solid #595959;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	background:#383533;
	color:#959595;
	padding:3px 7px;
	font-weight:bold;
	text-transform:uppercase;
}
.infohead ul.menuinfohead li a:hover,
.infohead ul.menuinfohead li a.current{
	background:#1b1917;
	color:#fdea11;
}
.infohead .isiinfo{
	clear:both;
	float:left;
	display:inline;
	width:604px;
	background:#1a1816;	
	border-top:1px solid #595959;
	border-left:1px solid #595959;
	border-right:1px solid #595959;	
	position:relative;
}
.infohead .isiinfo .imginfo{
	clear:both;
	float:left;
	display:inline;
	margin:15px 10px 0 10px;
	width:175px;
}
.infohead .isiinfo .imginfo img{
	clear:both;
	float:left;
	display:inline;
	width:175px;
}
.infohead .isiinfo .infonya{
	float:left;
	display:inline;
	width:400px;
	margin:5px 0 0 0;
}
.infohead .isiinfo .infonya p{
	margin:10px 0 0 0;
}
.infohead .isiinfo span.headjudultable{
	clear:both;
	top:153px;
	left:10px;
	position:absolute;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(/images/layout/maincontent/guide/bgheadjudultable.jpg) left center no-repeat;
	padding-left:25px;
}
.infohead .isiinfo .tblinfo{
	 clear:both;
	 width:100%;
	 border-top:1px solid #595959;
	 margin-top:12px;
}
.infohead .isiinfo .tblinfo tr th{
	padding:5px;
	border-bottom:1px solid #595959;
	border-right:1px solid #595959;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
.infohead .isiinfo .tblinfo tr .lastrow{
	border-right:none;
}
.infohead .isiinfo .tblinfo tr td{
	padding:5px;
	color:#959595;
	border-bottom:1px solid #595959;
	border-right:1px solid #595959;
	text-align:center;
	vertical-align:middle;
}

.infohead .isiinfo .tblinfo tr td a{
	color:#959595;
}

.infohead .isiinfo .tblinfo tr td a:hover{
	color:#FFFFFF;
}

.infohead .isiinfo .tblinfo tr.alt td{
	background:#2e2b28;
}
.infohead .isiinfo .tblinfo tr td img{
	border:1px solid #a6a6a6;
	margin-top:2px;
}
.infohead .isiinfo .tblinfo tr td p{
	text-align:left;
	vertical-align:middle;
	margin-left:5px;
}

/*start header table warna*/
.infohead .isiinfo table.colorgrey tr th{
	background:#413c38;
}
.infohead .isiinfo table.colorpurple tr th{
	background:#280028;
}
.infohead .isiinfo table.colorbrown tr th{
	background:#664601;
}
.infohead .isiinfo table.colorred tr th{
	background:#9b0000;
}
.infohead .isiinfo table.colorblue tr th{
	background:#010d4b;
}
.infohead .isiinfo table.colorgreen tr th{
	background:#0a6401;
}
/*end header table warna*/


/*start update isi tab*/

.infohead .isiinfo{
	clear:both;
	float:left;
	display:inline;
	width:604px;
	background:#1a1816;	
	border-top:1px solid #595959;
	border-left:1px solid #595959;
	border-right:1px solid #595959;	
	position:relative;
}

.infohead .isiinfo .wrapinfotab div .imginfo img{
	clear:both;
	float:left;
	display:inline;
	width:175px;
}
.infohead .isiinfo .wrapinfotab div .infonya{
	float:left;
	display:inline;
	width:400px;
	margin:5px 0 0 0;
}
.infohead .isiinfo .wrapinfotab div .infonya p{
	margin:10px 0 0 0;
}
.infohead .isiinfo .wrapinfotab div span.headjudultable{
	clear:both;
	top:153px;
	left:10px;
	position:absolute;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(/images/layout/maincontent/guide/bgheadjudultable.jpg) left center no-repeat;
	padding-left:25px;
}
.infohead .isiinfo .wrapinfotab div .tblinfo{
	 clear:both;
	 width:100%;
	 border-top:1px solid #595959;
	 margin-top:12px;
}
.infohead .isiinfo .wrapinfotab div .tblinfo tr th{
	padding:5px;
	border-bottom:1px solid #595959;
	border-right:1px solid #595959;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
.infohead .isiinfo .wrapinfotab div .tblinfo tr .lastrow{
	border-right:none;
}
.infohead .isiinfo .wrapinfotab div .tblinfo tr td{
	padding:5px;
	color:#959595;
	border-bottom:1px solid #595959;
	border-right:1px solid #595959;
	text-align:center;
}
.infohead .isiinfo .wrapinfotab div .tblinfo tr.alt td{
	background:#2e2b28;
}
.infohead .isiinfo .wrapinfotab div .tblinfo tr td img{
	border:1px solid #a6a6a6;
	margin-top:2px;
}
.infohead .isiinfo .wrapinfotab div .tblinfo tr td p{
	text-align:left;
	vertical-align:middle;
	margin-left:5px;
}

/*end update isi tab*/

/*detail skill by steven, 17-6-09*/
.wrapdetailskill{
	display:none;
}

.wrapcontentskill{
	float:left;
	display:inline;
	background:#1A1816;
	padding:10px;
	width:300px;
	border:#FFFCD5 1px solid;
	color:#FFFFFB;	
	font-size:10px;
	font-family:Trebuchet MS;
	-moz-border-radius:8px;
}

.wrapcontentskill .wrapheaderskill{
	clear:both;
	float:left;
	padding-top:20px;
	display:inline;
	width:100%;
}

.wrapcontentskill .wrapheaderskill img.wrapimgdetailskill{
	display:inline;
	float:left;
	padding-left:20px;
}

.wrapcontentskill .wrapheaderskill .wrapspandetailskill{
	float:left;
	display:inline;
	width:220px;
	margin-top:10px;
	text-align:center;
	color:#FFFFFF;
}

.wrapcontentskill .wrapisiskill{
	float:left;
	display:inline;
	margin-top:30px;
	padding-bottom:30px;
}

.wrapcontentskill .wrapisiskill ul{
	float:left;
	display:inline;
	clear:both;
	margin-left:20px;
	text-align:justify;
}	

.wrapcontentskill .wrapisiskill ul li{
	float:left;
	display:inline;
	clear:both;
	width:257px;
}
/*end detail skill by steven, 17-6-09*/