@charset "utf-8";
body  
{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span
{
	margin:0; 
	padding:0;
}
a{
	color:#663399;
	text-decoration:none;
}

a .scroller{
	color:#000099;
	text-decoration:none;
}

a.scroller h3{
	color:#cccccc;
}

img
{
border:none;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
#container 
{ 
	width: 978px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
}
#headeriklan 
{ 
	width:976px; 
	text-align:right;
} 
#headeriklan a{
	font-size:10px;
	background:url(../images/closeAd.gif) no-repeat;
	padding-left:13px;
}
/*-----------------------------------------------------------------------*/
#headermenu 
{ 
	height:119px;
	width:978px;
	background:url(../images/header2.jpg) left top no-repeat;
	float:left;
}
#symbol
{
	width:158px;
	height:119px;
	float:left;
}
#slogan
{
	width:430px;/*470px;*/
	height:90px;
	float:left;
}
#info
{
	width:390px;
	height:90px;
	float:left;
}
#info .infosatu
{
	width:175px;
	height:20px;
	padding-bottom:70px;
	float:left;
}
a.infosatulogin
{
	height:15px;
	width:35px;
	padding:5px 0 0 17px;
	background:url(../images/2a.gif) center left no-repeat;
	display:block;
	font:normal 11px Arial, Helvetica, sans-serif;
	float:left;
}
a.infosatudaftar
{
	height:15px;
	width:38px;
	padding:5px 0 0 17px;
	background:url(../images/2b.gif) center left no-repeat;
	display:block;
	font:normal 11px Arial, Helvetica, sans-serif;
	float:left;
}
a.infosatubantuan
{
	height:15px;
	width:42px;
	padding:5px 0 0 17px;
	background:url(../images/2c.gif) center left no-repeat;
	display:block;
	font:normal 11px Arial, Helvetica, sans-serif;
	float:left;
}
a.infosatuanggota
{
	height:15px;
	width:45px;
	padding:5px 0 0 17px;
	background:url(../images/2d.gif) center left no-repeat;
	display:block;
	font:normal 11px Arial, Helvetica, sans-serif;
	float:left;
}
#info .infodua
{
	width:205px;
	height:20px;
	float:left;
}
#info .infodua p
{
	padding:5px 0 0 2px;
	font:normal 11px Arial, Helvetica, sans-serif;
	float:right;
}
.infoduaonline
{
	/*height:15px;
	width:25px;
	padding:5px 0 0 17px;
	background:url(../images/smile_6.gif) center left no-repeat;*/
	height:16px;
	padding:4px 0 0 2px;
	float:right;
}
#info .infotiga
{
	width:215px;
	height:70px;
	float:left;
}

#menu
{
	float:left;
	width:820px;
	height:25px;
}

#menu ul{
	height:25px;
}
#menu ul li{
	float:left;
	padding:0;
	height:20px;
	width:82px;

}
#menu ul li a{
	font:bold 15px/28px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
#menu ul li a:hover{
	color:#000;
	background-color:inherit;
}
/*-----------------------------------------------------------------------*/
#filter
{
	width:978px;
	float:none;
}
#runningtext
{
	margin:5px 0 5px 0;
	width:978px;
	float:none;
}
#filterleft
{
	width:706px;
	height:30px;
	float:left;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	background-color:#FFFFFF;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
}	
#filterright
{
	width:228px;
	height:30px;
	float:left;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	background-color:#FFFFFF;
	border-bottom:solid 1px;
	border-right:solid 1px;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
}	

#bodytop
{
	width:978px;
	height:168px;
	margin:0 auto;
	background:url(../images/bodybg.gif) left top no-repeat;
	padding:0;
	float:none;
}
#bodytop .judulleft
{
	width:481px;
	height:22px;
	padding-top:8px;
	padding-left:8px;
	color:#FFFFFF;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	float:left;
}
#bodytop .isileft
{
	width:469px;
	height:118px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	float:left;
}
#isiscrollleft
{
	float:left;
	/*overflow:auto;*/
	width:469px;
	height:118px;
}
#bodytop .judulright
{
	width:481px;
	height:22px;
	padding-top:8px;
	padding-right:8px;
	color:#FFFFFF;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	float:left;
	text-align:right;
}
#bodytop .isiright
{
	width:469px;
	height:118px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	float:left;
	/*overflow:auto;*/
}
#isiscrollright
{
	float:left;
	/*overflow:auto;*/
	width:469px;
	height:118px;
}

#body
{
	width:978px;
	margin:0;
	padding:0;
	height:overflow;
	float:none;
}
#bodyleft
{
	width:712px;
	margin:0;
	padding:0;
	height:overflow;
	float:left;
}
#bodyleft .video
{
	width:210px;
	margin:0 2px 0 0;
	padding:0;
	height:173px;
	float:left;
	border:solid 1px;
	border-color:#CCCCCC;
}
#bodyleft .logo
{
	width:496px;
	height:175px;
	background:url(../images/logo.gif) left top no-repeat;
	margin:0;
	padding:0;
	float:left;
	
}
#bodyleft .kategori
{
	width:712px;
	height:232px;
	background:url(../images/kategori2.gif) left top no-repeat;
	margin-top:2px;
	padding:0;
	float:left;
	
}
#bodyleft .kategori .judul{
	width:700px;
	height:22px;
	padding-top:8px;
	padding-left:8px;
	color:#FFFFFF;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	float:left;
}
#bodyleft .kategori .content{
	width:690px;
	height:190px;
	padding-top:8px;
	padding-left:15px;
	margin:0 0 0 2px;
	color:#black;
	font:0.8em Arial, Helvetica, sans-serif;
	float:left;
	overflow:auto;
}
#bodyleft .kategori .content table{
	width:670px;
	text-align:left;
}
#bodyleft .kategori .content td{
	vertical-align:top;
}
#bodyleft .kategori .content a
{
	width:134px;
	background:url(../images/bullet.gif) left 3px no-repeat;
	padding:0 0 0 13px;
	float:left;
	vertical-align:text-top;

}
#bodyright
{
	padding:0;
	margin-left:6px;
	width:260px;
	height:auto;
	float:left;
}
#bodyright .topnews
{
	padding:0;
	height:27px;
	background:url(../images/atasankotak2.gif) 0 0 repeat-x;
}
#bodyright .topnews p
{
	padding-top:5px;
	color:#FFFFFF;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
}
#bodyright .middlenews
{
	padding:5px 10px 5px 10px;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	height:94px;
	background:url(../images/bg_rightbox.gif) 0 0 repeat-x;
	/*overflow:auto;*/
	
}
#bodyright .middlenews h3
{
	color:#000099;
	text-align:justify;
	border-bottom:solid 2px;
	border-bottom-color:#000099;
}
#bodyright .middlenews p
{
	color:#666666;
	text-align:justify;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
}
#bodyright .middlenews p a
{
	color:#666666;
}
#bodyright .middlenews h4.review
{
	color:#000099;
	text-align:justify;
}
#bodyright .middlenews p.review
{
	color:#000099;
	text-align:justify;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
}
#bodyright .topvalas
{
	padding:0;
	margin-top:0px;
	height:30px;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	background:url(../images/atasankotak1.gif) 0 0 repeat-x;
}
#bodyright .topvalas p
{
	padding-top:8px;
	color:#FFFFFF;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}

#bodyright .middlevalas
{
	padding:0;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	height:132px;
	/*overflow:auto;*/
}
#bodyright .middlevalas #date{
	background-color:#003399;
	color:white;
	padding:5px 5px 0 5px;
	height:20px;
}
#bodyright .middlevalas #date p{
	float:left;
	font-size:0.9em;
	font-weight:bold;
			
}
#bodyright .middlevalas span{
	float:right;
	font-size:0.6em;
}
#bodyright .middlevalas h4
{
	background-color:white;
	color:#000066;
	font-size:0.7em;
	text-align:center;
	padding-left:5px;
	border-bottom:1px solid #999999;
	margin-bottom:2px;
}
#bodyright .middlevalas .note{
	clear:both;
	background-color:#CC3300;
	color:white;
	font-size:10px;
	text-align:center;
	height:25px;
	width:100%;
}
#table_left1{
	margin:0;
	width:56px;
	float:left;
	border-right:1px solid #999999;
	background:url(../images/bg_kurs.gif) repeat-x;
	height:82px;
}
#table_left2{
	margin:0;
	width:100px;
	float:left;
	border-right:1px solid #999999;
	background:url(../images/bg_kurs.gif) repeat-x;
	height:82px;
}
#table_right{
	width:100px;
	height:82px;
	float:right;
	margin:0;
	background:url(../images/bg_kurs.gif) repeat-x;
}
#table_left1 p{
	padding-left:5px;
	font-size:0.6em;
	text-align:center;
}

#table_left2 p{
	padding-left:5px;
	font-size:0.6em;
	text-align:center;
}
#table_right p{
	padding-left:5px;
	font-size:0.6em;
	text-align:center;
}
#bannersatu
{
	padding:5px 0 5px 0;
	height:70px;
}
#bannerdua
{
	padding:0;
	height:235px;
}
#banner2leftside
{
	padding:0;
	width:253px;
	height:235px;
	float:left;
}
#banner2leftside .banner2leftsidetop
{
	padding:0;
	width:253px;
	height:30px;
	background:url(../images/topnews.gif) top left no-repeat;
	float:left;
}
#banner2leftside .banner2leftsidetop p
{
	padding:6px 0 0 10px;
	color:#FFFFFF;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}

#banner2leftside .banner2leftsidemiddle
{
	padding:0;
	width:251px;
	height:200px;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	float:left;
}
#banner2rightside
{
	padding:0;
	margin-left:10px;
	width:715px;
	height:235px;
	float:left;
	
}
#banner2rightside .top
{
	padding:0;
	background:url(../images/headertopbg.gif) left top no-repeat;
	height:30px;
}
#banner2rightside .top p
{
	padding:6px 0 0 10px;
	color:#FFFFFF;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}
#banner2rightside .middle
{
	padding:10px 10px 10px 10px;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	height:180px;
}
#banner2rightside .middle h4{
	color:#0099FF;
}
#banner2rightside .middle p{
	color:black;
	font-size:0.8em;
}
#banner2rightside .middle span{
	color:red;
	font-size:0.7em;
}
#banner2rightside .middle .blok{
	float:left;
	display:inline;
	margin: 0 20px 50px 0;
}
#banner2rightside .scrollright
{
	float:left;
	width:685px;
	height:180px;
	overflow:hidden;
	
}
#banner2rightside .kotak
{
	float:left; 
	width: 120px;  
	background-position:center top; 
	background-repeat:no-repeat;
}
#banner2rightside .kotak p
{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	text-align:left;
}
#banner2rightside .kotak a
{
	font:normal 10px/14px Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-align:left;
}
#banner2rightside .kotak img
{
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto 5px auto;
}
#bannertiga
{
	padding:0;
	height:overflow;
}
#banner3leftside
{
	padding:0;
	width:253px;
	margin-right:2px;
	float:left;
}
#banner3leftside .testimonitop
{
	padding:0;
	height:27px;
	background:url(../images/atasankotak2.gif) 0 0 repeat-x;
}
#banner3leftside .testimonitop p
{
	padding:5px 0 0 0;
	text-align:center;
	color:#FFFFFF;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}
#banner3leftside .testimonimiddle
{
	padding:10px 10px 10px 10px;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	height:172px;
	background:url(../images/bg_testimony.gif) 0 0 repeat-x;
	/*overflow:auto;*/
}
#banner3leftside .testimonimiddle h3
{
	color:#000099;
	/*text-align:justify;*/
	font:bold 17px/21px Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 0 5px 0;
	border-bottom:solid 1px #000099;
	
}
#banner3leftside .testimonimiddle p
{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	text-align:justify;
}
#banner3leftside .scrolldown
{
	padding:10px 10px 10px 10px;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	height:180px;
}
#banner3leftside .kontak
{
	padding-top:5px;
	margin-top:5px;
	height:69px;
	background:url(../images/kontak.gif) 0 0 no-repeat;
}
#banner3leftside .kontak p
{
	padding-left:60px;
	margin-left:20px;
	text-align:left;
	font-size:1em;
	font-weight:bold;
	color:#000099;
	background:url(../images/telepon.gif) no-repeat;
}
#banner3rightside
{
	padding:0;
	margin:0 0 0 8px;
	width:450px;
	/*width:715px;*/
	height:297px;
	float:left;
	
}
#banner3rightsideproduct
{
	padding:0;
	width:450px;
	height:190px;
	float:left;
}
#banner3rightsideproduct .producttop
{
	padding:0;
	height:27px;
	width:450px;
	background:url(../images/atasankotak2.gif) 0 0 repeat-x;
	
}
#banner3rightsideproduct .producttop p
{
	padding:5px 0 0 0;
	text-align:center;
	color:#FFFFFF;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}
#banner3rightsideproduct .productmiddle
{
	padding:10px 10px 10px 10px;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	width:428px;
	height:163px;
	overflow:hidden;
	
}
#banner3rightsidepayment
{
	padding:0;
	margin:0px 0 0 0;
	width:450px;
	height:87px;
	float:left;
}
#banner3rightsidepayment .paymenttop
{
	padding:0;
	height:27px;
	width:450px;
	background:url(../images/atasankotak2.gif) 0 0 repeat-x;
	
}
#banner3rightsidepayment .paymenttop p
{
	padding:5px 0 0 0;
	text-align:center;
	color:#FFFFFF;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}
#banner3rightsidepayment .paymentmiddle
{
	padding:0;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	width:448px;
	height:60px;
	overflow:auto;
	
}
#banner4rightside
{
	padding:0 0 0 0;
	margin:0 0 0 8px;
	width:257px;
	height:297px;
	float:left;
	
}#banner4rightsidelelang
{
	padding:0;
	margin:0;
	width:257px;
	height:277px;
	float:left;
}
#banner4rightsidelelang .lelangtop
{
	padding:0;
	height:27px;
	width:257px;
	background:url(../images/atasankotak2.gif) 0 0 repeat-x;
	float:left;
	
}
#banner4rightsidelelang .lelangtop p
{
	padding:5px 0 0 0;
	text-align:center;
	color:#FFFFFF;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}
#banner4rightsidelelang .lelangmiddle
{
	padding:0;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	width:255px;
	height:250px;
	float:left;
	
}
#banner4rightsidelelang .lelangmiddle h4
{
	color:#0099FF;
}
#banner4rightsidelelang .lelangmiddle p
{
	font-size:0.7em;
	color:#00CCFF;
}
#banner4rightsidelelang .lelangmiddle p span
{
	color:#000099;
}
#banner4rightsidelelang .lelangmiddle .bid
{
	background-color:#FFCC00;
	margin-left:85px;
}
#banner4rightsidelelang .lelangmiddle .bid p
{
	color:#000099;
}
#banner4rightsidelelang .lelangmiddle .bid span
{
	background-color:red;
}
#footer 
{ 
	padding:1px 0 0 0;
	height:132px;
	background-image:url(../images/footer.gif);
	border:0px solid red;

} 
#footer .top
{ 
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	margin:12px 0 5px 340px;
	width:297px;
}
#footer .copy
{
	margin-top:25px; 
	margin-bottom:25px;
	text-align:center;
}
#footer a{
	color:black;
}
#footer a:hover{
	color:#333333;
	text-decoration:underline;
}
#footer .link ul li{
	float:left;
	width:210px;
	font-size:12px;
	padding-left:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#footer .link ul li.first{
	padding-left:49px;	
}
/*---------------------style text box,combo box dll--------------------*/
.comboleft
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #00CC00;
	height: 20px;
	width: 150px;
	font-family: Arial;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.comboright
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #00CC00;
	height: 20px;
	width: 150px;
	font-family: Arial;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}

.textbox
{
	height: 18px;
	width: 250px;
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	font-family: Arial;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.intra-field-label {
  color: #777;
}
.buttonsilver
{	
	width:82px;
	height:20px;
	background-color:transparent;
	background-image:url(../images/buttonsilver.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px solid #CCCCCC;
	margin: 0px 0px 0 2px;
	padding: 0px;
	color:#FFFFFF;
}
.buttongreen
{	
	width:90px;
	height:21px;
	display:block;
	background-color:transparent;
	background-image:url(../images/buttongreen.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px solid #CCCCCC;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	color:#FFFFFF;
	float:right;
}
img.blok
{
	float:left;
	width:81px;
	height:81px;
	display:block;
	border:none;
	margin: 0 5px 5px 0;
}
img.iklan
{
	float:left;
	width:110px;
	height:63px;
	display:block;
	border:none;
	padding: 0 7px 0 7px;
}

.blok{
	float:left;
	display:block;
	margin: 0 20px 50px 0;
}
.square
{
	float:left; 
	width: 120px;  
	background-position:center top; 
	background-repeat:no-repeat;
}
.blok_review{
	float:left;
	display:block;
	margin-bottom:0px;
	margin-right:30px;
}

.square img
{
	display: block;
	width: 80px;
	height: 80px;
	margin: 5px auto 5px auto;
}
p.little
{
	font:normal 10px/14px Arial, Helvetica, sans-serif;
	text-align:left;
}
p.normal
{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	text-align:left;
}
p.normalboldblue
{
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#0066FF;
}
p.bigbold
{
	font:bold 13px/14px Arial, Helvetica, sans-serif;
	text-align:left;
}
p.bigboldblue
{
	font:normal 13px/14px "Times New Roman", Times, serif;
	color:#0066FF;
	text-align:left;
}