/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #fff url(../../img/bg_front.jpg) top center no-repeat;
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#829FA9;
	line-height: 16px;
	}

.uk18{
	font-size: 18px;
	}

.uk16{
	font-size: 14px;
	}

.uk24{
	font-size: 24px;
	}

.uk17{
	font-size: 16px;
	}

.bluenom{
	color:#829FA9;
	margin-bottom:0px;
	padding-bottom:0px;
	}

.blue{
	color:#1996C9;
	}
a.blue {text-decoration:none;color:#1996C9;}
a.blue:hover {text-decoration:underline;}

.orange{
	color:#FF6C00;
	}
	
.bluetut{
	color:#006CBF;
	}

.greenom{
 color:#00CC33;
 }

.titlecleo{
	color:#1996C9;
	font-size: 24px;
	font-family:Arial, Helvetica, sans-serif;
	}

a:link {
	color: #01A1DB;
	text-decoration: none;
}

a:visited {
	color: #01A1DB;
	text-decoration: none;
}

a:active {
	color: #01A1DB;
	text-decoration: none;
}

a:hover {
	color: #ABC4CC;
	text-decoration: underline;
}

/* menu head *****************************************************************************/
.nav {
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0;
	height: 28px;
	display: block;
	overflow: hidden;
	width: 870px;
	}
	
ul.nav {width: 870px;background:url('../../img/navbg.gif') top left repeat-x;}

.nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	
	}
	
	
.nav li {
	float: left;
	padding: 0;
	overflow: hidden;
	height: 28px !important; 
	height /**/:28px; /* for IE5/Win */
	}

.nav a {
	font-size:12px;
	float: left;
	padding: 0 14px;
	overflow: hidden;
	height: 28px !important; 
	color:#070707;
	text-decoration:none;
	height /**/:28px; /* for IE5/Win */
	line-height:27px;
	}
	
.nav a:hover {
	color:#fff;
	}

.nav a:active, .nav a.selected {
	color:#fff;
	}

.nav li.mbgleft{
	width: 13px;
	background: url("../../img/menuleftbg.gif") top left no-repeat;
	}
	
.nav li.mbgright{
	width: 12px;
	background: url("../../img/menurightbg.gif") top left no-repeat;
	float:right;
	}
	
.m1 a  {
	width: 96px;
	background: url("../../img/m11.gif") top left no-repeat;
	}

.m2 a  {
	width: 118px;
	background: url("../../img/m12.gif") top left no-repeat;
	}

.m3 a  {
	width: 114px;
	background: url("../../img/m13.gif") top left no-repeat;
	}

.m4 a  {
	width: 62px;
	background: url("../../img/m14.gif") top left no-repeat;
	}
.m5 a {
	width: 95px;
	background: url("../../img/m15.gif") top left no-repeat;
}
.m6 a {
	width: 93px;
	background: url("../../img/m16.gif") top left no-repeat;
}
.m7 a {
	width: 75px;
	background: url("../../img/m17.gif") top left no-repeat;
}
.m8 a {
	width: 58px;
	background: url("../../img/m18.gif") top left no-repeat;
}
.m9 a {
	width: 71px;
	background: url("../../img/m19.gif") top left no-repeat;
}
.m10 a {
	width: 62px;
	background: url("../../img/m20.gif") top left no-repeat;
}

/* end menu head *****************************************************************************/

#wrap {
	width: 870px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding: 0px;
	background-color:#FFFFFF;
	position: relative;
	}
	
#wraphead {
	width: 870px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding: 9px 0 0 0;
	position: relative;
	}

#wraphead .link{ position: absolute; top:30px; left:50px; margin: 0; padding:0; width:95px; height: 104px; display: block;}
#wraphead .bahasa{ position: absolute; top:13px; right:45px; margin: 0; padding:0; width:50px; height: 33px; display: block;}
#wraphead .logo-text{ position: absolute; top:130px; right:50px; margin: 0; padding:0; width:142px; height: 124px; display: block;}

#wrapcontent {
	width: 870px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding: 0;
	background:#FFFFFF url(../../img/bgcontent.jpg) top left no-repeat;
	clear: both;
	}
	
#wrapcontentbot {
	width: 870px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding: 0 0 20px 0;
	clear: both;
	}
	
#wrapfooter {
	width: 860px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background:transparent url(../../img/bgcontentbottom.jpg) top left no-repeat;
	padding: 150px 10px 0 0;
	font-size: 11px;
	clear: both;
	color: #636363;
	text-align: right;
	}
	
#contleft{
	width:228px;
	float: left;
	margin: 24px 0 0 0;
	padding: 0 0 0 48px;
	}
	
#contleftfull{
	width:608px;
	margin: 0;
	padding: 0 0 0 48px;
	}
	
#contleftfull table,th{
background-color:#ade1f7;
margin:5px;
font-weight:bold;
}	
#contleftfull table,tr.style1{
background-color:#c4eefc;
font-weight:normal;
}
#contleftfull table,tr.style1 td{
padding:5px;
background:none;
}
#contleftfull table,tr.style2{
background-color:#ffffff;
font-weight:normal;
}
#contleftfull table,tr.style2 td{
padding:5px;
background:none;
}
	
#contleftnews{
	width:608px;
	margin: 0;
	padding: 0 0 0 48px;
	}
	
#contleftnews img{
	margin: 0px 30px 10px 0;
	padding: 0;
	float: left;
	}
#contleftnews img.community{
	margin: 30px 30px 10px 0;
	padding: 0;
	float: left;
	}
#contleftnews p{
	margin: 10;
	padding: 0;
	}
	
#contleftnews3{
	width:608px;
	margin: 0;
	padding: 0 0 0 48px;
	}
	
#contleftnews3 img{
	margin: 0px 30px 10px 0;
	padding: 0;
	float: left;
	}
#contleftnews3 img.community{
	margin: 30px 30px 10px 0;
	padding: 0;
	float: left;
	}
#contleftnews3 p{
	margin: 10;
	padding: 0;
	}
	
#contcenter{
	width:380px;
	margin: 0 0 0 293px;
	padding: 24px 0 0 0;
	}
#contcenter2{
	width:550px;
	margin: 0 0 0 293px;
	padding: 24px 0 0 0;
	}
	
#contright{
	width:180px;
	float: right;
	margin: 24px 0 0 0;
	padding: 0;
	}
	
.divider{
	height: 20px;
	height: 20px !important;
	border-bottom: 1px solid #CFDADE;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
/* right menu */

.rightmenu{
	width: 148px; /*width of menu 134px*/
	margin: 47px 0 0 0;
	padding: 0;
	height: auto;
	font-size:14px;
	overflow: hidden;
	line-height: 20px;
	}

.rightmenu ul{
	margin: 0 0 0px 0;
	padding: 0;
	}	
	
.rightmenu li{
	list-style: none;
	margin: 0;
	padding:10px 0; 
	padding:1px !important; 
	display: block;
	height: auto;
	}
	
.rightmenu li a{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	height: auto;
	color:#FF6C00;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu li a:link, .rightmenu li a:active, .rightmenu li a:visited{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#FF6C00;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}

.rightmenu li span{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#ABC4CC;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}
.rightmenu ul ul{
	margin: 0 0 0px 5px;
	padding: 0;
	}	
	
.rightmenu ul ul li{
	list-style: none;
	margin: 0;
	padding:10px 0; 
	padding:1px !important; 
	display: block;
	height: auto;
	}
	
.rightmenu ul ul li a{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	height: auto;
	color:#FF6C00;
	border-bottom: 0px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu ul ul li a:link, .rightmenu ul ul li a:active, .rightmenu ul ul li a:visited{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#FF6C00;
	border-bottom: 0px solid #C0CFD4;
	text-decoration: none;
	}

.rightmenu ul ul li span{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#ABC4CC;
	border-bottom: 0px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu ul ul li a:hover{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#ABC4CC;
	border-bottom: 0px solid #C0CFD4;
	text-decoration: none;
	}	

	.rightmenu ul ul ul li a,.rightmenu ul ul ul li a:link, .rightmenu ul ul ul li a:active, .rightmenu ul ul ul li a:visited{
	list-style: none;
	margin: 0;
	padding: 10px 10px;
	display: block;
	color:#FF6C00;
	border-top: 1px solid #C0CFD4;
	text-decoration: none;
	}
.rightmenu li a:hover{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#ABC4CC;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}
.rightmenu ul ul ul li span{
	list-style: none;
	margin: 0;
	padding: 10px 10px;
	display: block;
	color:#ABC4CC;
	border-top: 1px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu ul ul ul li a:hover{
	list-style: none;
	margin: 0;
	padding: 10px 10px;
	display: block;
	color:#ABC4CC;
	border-top: 1px solid #C0CFD4;
	text-decoration: none;
	}
	

.rightmenu1{
	width: 148px; /*width of menu 134px*/
	margin: 125px 0px 0px 0px;
	padding: 0;
	height: auto;
	font-size:14px;
	overflow: hidden;
	line-height: 20px;
	}

.rightmenu1 ul{
	margin: 0 0 0px 0;
	padding: 0;
	}	
	
.rightmenu1 li{
	list-style: none;
	margin: 0;
	padding:10px 0; 
	padding:1px !important; 
	display: block;
	height: auto;
	}
	
.rightmenu1 li a{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	height: auto;
	color:#FF6C00;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu1 li a:link, .rightmenu1 li a:active, .rightmenu1 li a:visited{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#FF6C00;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu1 li a:hover{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#ABC4CC;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}

.rightmenu1 li span{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#ABC4CC;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}
.rightmenu1 ul ul{
	margin: 0 0 0px 5px;
	padding: 0;
	}	
	
.rightmenu1 ul ul li{
	list-style: none;
	margin: 0;
	padding:10px 0; 
	padding:1px !important; 
	display: block;
	height: auto;
	}
	
.rightmenu1 ul ul li a{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	height: auto;
	color:#FF6C00;
	border-bottom: 0px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu1 ul ul li a:link, .rightmenu1 ul ul li a:active, .rightmenu1 ul ul li a:visited{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#FF6C00;
	border-bottom: 0px solid #C0CFD4;
	text-decoration: none;
	}

.rightmenu1 ul ul li span{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#ABC4CC;
	border-bottom: 0px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu1 ul ul li a:hover{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#ABC4CC;
	border-bottom: 0px solid #C0CFD4;
	text-decoration: none;
	}	

	.rightmenu1 ul ul ul li a,.rightmenu1 ul ul ul li a:link, .rightmenu1 ul ul ul li a:active, .rightmenu1 ul ul ul li a:visited{
	list-style: none;
	margin: 0;
	padding: 10px 10px;
	display: block;
	color:#FF6C00;
	border-top: 1px solid #C0CFD4;
	text-decoration: none;
	}

.rightmenu1 ul ul ul li span{
	list-style: none;
	margin: 0;
	padding: 10px 10px;
	display: block;
	color:#ABC4CC;
	border-top: 1px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu1 ul ul ul li a:hover{
	list-style: none;
	margin: 0;
	padding: 10px 10px;
	display: block;
	color:#ABC4CC;
	border-top: 1px solid #C0CFD4;
	text-decoration: none;
	}
	

.rightmenu2{
	width: 138px; /*width of menu 134px*/
	margin: 47px 0 0 20px;
	padding: 0;
	height: auto;
	font-size:14px;
	overflow: hidden;
	line-height: 20px
	}

.rightmenu2 ul{
	margin: 0 0 10px 0;
	padding: 0;
	}	
	
.rightmenu2 li{
	list-style: none;
	margin: 0;
	padding:10px 0; 
	padding:1px !important; 
	display: block;
	height: auto;
	}
	
.rightmenu2 li a{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	height: auto;
	color:#FF6C00;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu2 li a:link, .rightmenu li a:active{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#FF6C00;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}

.rightmenu2 li a:hover {color:#000;}

.rightmenu2 li span{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#ABC4CC;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}
	
.rightmenu2 li a:hover{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: block;
	color:#ABC4CC;
	border-bottom: 1px solid #C0CFD4;
	text-decoration: none;
	}
	
/*.spec table, tr, th, td {
	border-collapse: collapse;
	border: 1px solid #6786A3;
	padding: 2px 4px;
	color:#485E75;
	}
	
table.spec {
	border-collapse: collapse;
	border: 1px solid #6786A3;
	color:#485E75;
	}

table.spec tr{
	border-collapse: collapse;
	border: 1px solid #6786A3;
	color:#485E75;
	}
	
table.spec th{
	border-collapse: collapse;
	border: 1px solid #6786A3;
	color:#485E75;
	}
	
table .spec td {
	border-collapse: collapse;
	border: 1px solid #6786A3;
	padding: 6px;
	}*/
	
a.biru {text-decoration:none;color:#0066CC;}
a.biru:hover {text-decoration:underline;}

.wrp{
	padding-left:20px;
}

.subtitle
{  
	line-height: 30px;
    color: #000000;
	font-weight: bold;
	background-color:#E7E7E7;
}
.subtitlebox
{  
	line-height: 50px;
    color: #000;
	font-weight: bold;
	padding-left:70px;
	padding-top:10px;padding-bottom:10px;font-size:14px;
	background:#fa7537 url(../../img/thumb_cleo.png) 10px center no-repeat;

}
.subtitle2box
{  
	line-height: 20px;
    color: #000;
	font-weight: bold;
	padding-left:12px;
	background-color:#91d0f1;
}

.text04
{  
    color: #000000; 
    background-color: #F7F7F7; 
	text-align: center;
}

.text03
{  
    color: #000000; 
    background-color: #E7E7E7; 
	text-align: center;
}
.text02
{  
    color: #000000; 
    background-color: #d8f0fa; 
	text-align: center;
}
.text05
{  
    color: #000000; 
    background-color: #d8f0fa; 
	text-align: right;
	font-size:12px;
}

.text06
{  
    color: #000000; 
    background-color: #d8f0fa; 
	text-align: left;
}

.box-down {
	width:608px;
	/*height:292px;*/
	/*overflow:auto;*/
	margin: 21px 0 23px 0;
	padding:0px 0 0px 48px;
	/*width:608px;
	margin: 0;
	padding: 0 0 0 48px;*/

}
 
.box-down ul, .box-down li {
	margin: 0 ; 
	padding: 0; 
	list-style: none; 
	} 

.box-down li { 
	display: inline; 
	float: left; 
	margin: 0 24px 30px 24px; 
	width: 212px;
	height: 170px; /*  160px */
	}
	
.box-down img {
	float: left;
	padding: 8px;
	border:1px solid #c2dceb;
	margin-bottom: 4px;
}

.titlepage{
	color:#169bd3;
	font-size:25px;
}
#accordion{
	margin-top:20px;
}
#accordion p{
	margin:9px;
}
#register{text-align:left;}
#register table,#register tr{text-align:left;background-color: #d8f0fa; margin:0px;padding:0px;}

/* Polling */
.subtitle2 {margin-top:60px;font-size:17px;margin-bottom:10px;border-bottom:1px solid #c0cfd4;width:150px;padding-bottom:5px;}
.subtitle3 {font-size:13px;}
.tombol {margin-top:10px;}
a.tombolbox {border: 1px solid  #c0cfd4;background-color: #6fbad4; color:#fff;cursor:pointer;padding:0px 10px 0px 10px;}
#winTes {width:800px; border:4px solid #6fbad4;padding:10px;-moz-border-radius:10px;}
img.headcommunity {
	border:8px solid #ccc;
	 -moz-border-radius:8px; 
	 -webkit-border-radius:8px;
	 border-radius:8px;
	 margin:20px 10px 0px 10px;
}
#result{ width:500px;border:4px solid #6fbad4;padding:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

/* Quiz Community winner thumbnail*/
#thumbwinner{width:100px;float:left;margin:10px;text-align:center;}
#thumbwinner img{float:none;margin:0 auto;}
#winThumb{overflow:hidden;width:auto;}
#winThumb img{float:none;width:100%;margin:0 auto;}
#winThumb p{color:#01A1DB;font-size:13px; }

.numb {margin-left:40px;}
.numb a{margin:5px;}
.numb a.active_page{color:#C0CFD4;}
.loop{position:relative}
.loop ul li a{float:left;position:absolute;left:0px;}

.setlogin{position:absolute;bottom:-187px;right:0px;width:380px;height:150px;}
.setlogin form{position:absolute;right:0px;width:180px;height:150px;}
.setlogin2{position:absolute;bottom:-87px;right:0px;width:380px;height:50px;}
.setlogin2 form{position:absolute;right:0px;width:180px;height:150px;}
.ttlLogin{font-size:12px;font-weight:bold;color:#FFF;background:#FF6C00;}
#loglog{font-size:10px;color:#000;text-align:left;}
#loglog th{background:none;padding-left:4px;}
#loglog td{background:none;padding-left:4px;}
#loglog td.ttlLogin{font-size:12px;font-weight:bold;color:#FFF;background:url("../../img/login.png")top left no-repeat;height:25px;padding-left:8px;}
#loglog input.input{width:100px;height:14px;padding:1px 15px 1px 1px;font-size:10px;}
#loglog input.button{color:#FFF;width:48px;height:23px;font-size:11px;padding-bottom:4px;border:#FF6C00 1px solid;background-color:#FF6C00;}
#loglog input.button:hover{color:#FFF;width:48px;height:23px;font-size:11px;padding-bottom:4px;border:#C0CFD4 1px solid;background-color:#01A1DB;cursor:pointer;}

.hallo{font-size:12px;color:#000;float:right;margin-right:20px;}
/*pop up*/
#loginHome{width:661px;height:252px;font-size:12px;background:#D8F0FA;color:#3b5998;border:1px solid #91D0F1;padding:2px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#loginHome span.jml_member_left{float:left;font-size:13px;color:#3b5998;}
#loginHome span.jml_member_right a{float:right;margin-right:14px;font-size:13px;color:#3b5998;}
#loginHome td.jdl_loginHome{background:#91D0F1;padding-bottom:16px;padding-right:1px;padding-left:1px;}

#loginHome input.btn_lgnHome{border:1px solid #29447e;background:#FA7537;color:#fff;font-weight:bold;}
#loginHome input.inp_lgnHome{border:1px solid #1d2a5b;background:#fff;color:#3b5998;}
#loginHome table.lgn_on tr th{font-size:13px;color:#000000;font-weight:normal;background:none;}
#loginHome h2.titleLogin{font-size:17px;text-align:left;width:645px;background:#FA7537;margin:0px;color:#fff;padding:2px 7px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

#loginHome h3.jdl_loginHome2{font-size:17px;text-align:left;width:289px;background:#91D0F1;margin:0px;color:#fff;padding:2px 7px;}
#loginHome .thumbnail_mmbr{width:282px;float:left;}
#loginHome .list_member{width:56px;text-align:left;float:left;margin:0px 14px 0px 0px;font-size:13px;color:#3b5998;}
#loginHome .list_member img{margin:0 auto;}

#loginHome h2.clm2_lgnHome{font-size:19px;text-align:left;color:#7886aa;font-weight:normal;margin-bottom:0px;}
#loginHome td.clm2_lgn ul{padding:0px;margin:0px;}
#loginHome td.clm2_lgn ul li{list-style-type:square;font-size:14px;color:#666666;padding:0px;margin:0px 0px 0px 15px;}
#loginHome td.clm2_lgn a,td.clm2_lgn a:active,td.clm2_lgn a:link{list-style-type:square;font-size:15px;color:#7886AA;text-decoration:none;font-weight:bold;margin-right:10px;}
#loginHome td.clm2_lgn a:hover{text-decoration:underline;}
#loginHome td.clm2_lgn{list-style-type:square;font-size:14px;color:#7886AA;text-decoration:none;padding-top:30px;}
	 a.close{position:absolute; right:9px; top:8px; width:18px; height:18px; background:url(../../img/tutup.gif) no-repeat -24px -1px; border:none; display:block;}
	 a.close:hover{background:url(../../img/tutup.gif) no-repeat -24px -1px;}	
/*pop up*/
#seeAll{width:661px;height:372px;font-size:12px;background:#D8F0FA;color:#3b5998;border:1px solid #91D0F1;padding:2px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#seeAll span.jml_member_left{float:left;font-size:13px;color:#3b5998;}
#seeAll span.jml_member_right{float:right;margin-right:14px;font-size:13px;color:#3b5998;}
#seeAll td.jdl_loginHome{background:#91D0F1;padding-bottom:16px;padding-right:1px;padding-left:1px;}
#seeAll h2.titleLogin{font-size:17px;text-align:left;width:645px;background:#FA7537;margin:0px;color:#fff;padding:2px 7px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

#seeAll h3.jdl_loginHome2{font-size:17px;text-align:left;width:289px;background:#eaeaea;margin:0px;color:#666666;padding:2px 7px;}
#seeAll .thumbnail_mmbr{width:558px;height:272px;overflow:auto;background:#f6f6f6;margin:20px auto;border:1px solid #e5e5e5;}
#seeAll .list_member{width:230px;text-align:left;float:left;margin:10px 14px 10px 10px;font-size:13px;color:#3b5998;}
#seeAll .list_member img{margin:0 auto;float:left;margin-right:10px;border:1px solid #e5e5e5;}
	 a.close{position:absolute; right:9px; top:8px; width:18px; height:18px; background:url(../../img/tutup.gif) no-repeat -24px -1px; border:none; display:block;}
	 a.close:hover{background:url(../../img/tutup.gif) no-repeat -24px -1px;}	
	 
	 
/* home style */
#wraphome {
	width: 870px; /*Width of main container*/ 	margin: 0 auto; /*Center container on page*/ 	padding: 10px 0 0 0; 	position: relative;}
	.homebg{width:870px;height:614px;display:block;background: url('../../img/bghome.png') top left no-repeat;position: relative;}
	.homebg .bahasa{ position: absolute; top:8px; right:45px; margin: 0; padding:0; width:50px; height: 33px; display: block;}
	.mn1{position:absolute; top:280px;left:93px;background:url('../../img/gelembung.png') top left no-repeat;width:15px;height:22px;display:block;z-index:0;}  
	.pos1{position:absolute; top:280px;left:93px;z-index:2;}
	.pos2{position:absolute; top:170px;left:180px;z-index:2;}
	.pos3{position:absolute; top:255px;left:253px;z-index:2;}
	.pos4{position:absolute; top:372px;left:150px;z-index:2;}
	.pos5{position:absolute; top:400px;left:270px;z-index:2;}
	.pos6{position:absolute; top:340px;left:360px;z-index:2;}
	.pos7{position:absolute; top:195px;left:525px;z-index:2;}
	.pos8{position:absolute; top:473px;left:500px;z-index:2;}
	.pos9{position:absolute; top:412px;left:550px;z-index:2;}
	.pos10{position:absolute; top:475px;left:665px;z-index:2;}
		.detail{display:block;background:transparent url('../../img/airgelembung.png') top left no-repeat;display:block;width: 15px;height: 22px;}
			.gb_mn img{position:absolute;top:0px;left:0px;width: 15px;height: 22px;filter: alpha(opacity=0);opacity: 0;}
			.title_mn{color:#fff;position:absolute;top:-35px;left:-45px;z-index:3;font-size:14px;font-size:11px;alpha(opacity=0);opacity: 0;text-align:center;width:110px;}  
	.homesidebar{position:absolute;top:27px;right:110px;}
		.blok_bar{padding: 6px;width:128px;background-color: rgba(28,47,56,0.7);-webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; margin-bottom:4px; }
			ul.sosmed{margin:0;padding:0;}
			ul.sosmed li{float:left;list-style:none;}
			.judul{font-size:13px;color:#ff9900;font-weight:bold;margin-bottom:4px;}
			.lead{font-size:10px;color:#fff;line-height:12px;margin-bottom:4px;}
			a.selengkapnya{font-size:9px;color:#fff;background:#e45c02;padding:2px 10px;-webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px;float:right;line-height:10px;}
			a.selengkapnya:hover{background:#fe3600;text-decoration:none;}
			.testi{background:url('../../img/icon_testi.png') top left no-repeat;width:24px;height:28px;display:block;padding-left:30px;}
			.logotanobel{position:absolute;bottom:20px;right:15px;}
			.navbottom{position:absolute;bottom:-10px;left:10px;}
				.navbottom ul{margin:0;padding:0;}
				.navbottom ul li{list-style:none;float:left;margin-left:10px;font-size:11px;}
				.navbottom ul li a{color:#6f6f6f;text-decoration:none;}
				.navbottom ul li a:hover{color:#e45c02;}
	.clearer{clear:both;}	
	
	#airterjun { position:absolute; left:390px;top:422px; width:103px; height: 183px;background: transparent url(../../img/airterjun.png) 0 0px repeat-x; }	
	#burung { position:absolute; left:40px;top:350px; width:212px; height: 105px;background: transparent url(../../img/burungmc.png) 0 0px repeat-x; z-index:1;filter: alpha(opacity=0);opacity: 0;}	
		
/* #contleftfull{background:url('../../img/process.jpg') top left no-repeat;}		 */
	
	ul.produk{margin:80px 0 0 0;padding:0;}
	ul.produk li{float:left;list-style:none;margin-right:15px;font-size:11px;text-align:center;}

	.rightmenu ul ul.prod{margin:10px;}
		.rightmenu ul ul.prod li{margin:0;}
		.rightmenu ul ul.prod li a{color:#ccc;text-decoration:none;}
		.rightmenu ul ul.prod li a:hover{color:#FF6C00;}