body {
	margin: 0;
	padding: 0 0 10px 0;
	background: url(../images/bg-body.gif);
	/*background:#CCCCCC;*/
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
}

#pagewidth {
	margin: 0 auto 0 auto;
	width: 996px;
	text-align: left;
	padding: 0 0 10px 0;
	background: url(../images/bg-pagewidth.png);
}

#header {
	position: relative;
	padding: 72px 0 0 0;
	background : transparent url(../images/bg_header.png) 0 0 no-repeat;
	z-index: 100;
}

p {
	line-height: 16px;
}

h3{
		margin:0;
		padding:5px 0 5px 0;
}
	
a,input {
	outline:none;
}

* form{
margin:0;
padding:0;
}

.formsearch{
	margin:0;
	padding:0;
	}
	
h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 31px;
}

h1 a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 170px;
	height: 66px;
	background: url(../images/logo_tatapx.png);
}

.nobr {
	white-space: nowrap;
}

/*-------------------------
top nav
---------------------------*/

#topnav {
	width: 996px;
	background: url(../images/bg-header.png);
	margin: 10px auto 0 auto;
	height: 49px;
}

#topnav div {
	float: right;
	position: relative;
}

#topnav ul {
	margin: 0 20px 0 0;
	padding: 7px 7px 7px 7px;
	list-style-type: none;
	height: 25px;
	position: relative;
	text-align: right;
	float: right;
	marker-offset: 0;
	font-size: 0;
}


#topnav ul li {
	display: inline;
	padding: 8px 10px 6px 8px;
	margin: 0;
	background: url('../images/bg_topnav.png') no-repeat;
	font-size: 11px;
}

#topnav ul li.first {
	background: url('../images/bg_topnav_left.png') no-repeat;
	padding-left:20px;
}

#topnav ul li.last {
	background: url('../images/bg_topnav_right.png') no-repeat top right;
	padding-right:20px;
}

#topnav ul li.first-login {
	background: url('../images/bg_topnav_left.png') no-repeat;
}

#topnav ul li.hidden {
	display: none;
}

* html #topnav li.login {
	margin-right: 10px;
}

#topnav li a {
	padding: 2px 0px 2px 20px;
	white-space: nowrap;
	color: #4e4d4d;
	text-decoration: none;
}

#topnav li.support a {
	background: url(../images/ico_support.gif) no-repeat left;
}

#topnav li.gallery a {
	background: url(../images/ico_gallery.png) no-repeat left;
}

#topnav li.contact a {
	background: url(../images/ico_contact.png) no-repeat left;
}

#topnav li.login a {
	background: url(../images/ico_login.png) no-repeat left;
}

#topnav li.downloads a {
	background: url(../images/ico_downs.png) no-repeat left;
}

#topnav li.faq a {
	background: url(../images/ico_faqs.png) no-repeat left;
}

#topnav li.guestbook a {
	background: url(../images/ico_careers.gif) no-repeat left;
}

#topnav li.lang_id a {
	background: url(../images/id.png) no-repeat left;
}

#topnav li.lang_en a {
	background: url(../images/en.png) no-repeat left;
}

#topnav li.indo a {
	background: url(../images/id.png) no-repeat left;
}

#topnav li.english a {
	background: url(../images/en.png) no-repeat left;
}

#topnav li a:hover {
	color:#0C0;
}

#header strong {
	color: #bbb;
	position: absolute;
	top: 40px;
	left: 80px;
	font-weight: normal;
}

#header #logokanan {
	margin: 0;
	padding: 0px 0 0 0;
	width: 150px;
	height: 65px;
	/*background: url(../images/logo_kanan.gif) top right no-repeat;*/
	position: absolute;
	top: 0px;
	right: 27px;
	text-align:right
}

#header #logokanan div.customlogo {
	overflow: hidden;
	width: 155px;
	height: 15px;
	margin: 0 0 0 18px;
}

* html #header #logokanan div.customlogo {
	margin: 0 0 0 9px;
}

#header #searchbox {
	margin: 0;
	padding: 0px 0 0 0;
	width: 216px;
	height: 28px;
	position: absolute;
	top: 35px;
	right: 20px;
	text-align:right;
}

#searchfieldholder
{
	width: 160px;
	height: 25px;
	background: url(../images/bg_searchtxt.png) no-repeat;
	float: left;
	text-align:left;
}

.searchtextinput
{
	width: 135px;
	height: 19px;
	background: none;
	border: none;
	color: #333;
	margin-top: 3px;
	margin-left: 14px;
}

#searchbutton
{
	width: 45px;
	overflow:hidden;
	float: right;
	padding-right:10px;
}
/*------------- sprite -----*/
#logokanan ul{
	padding:0;
	margin:0;
	}

#sprite li {
			list-style-type:none;
			font-size:2em;
		}
		
		#sprite li a {
			background-image:url('../images/sprite_menu.png');
			background-repeat:no-repeat;
			padding: 4px 70px;
			line-height:32px;
		}
		
		#sprite li a.item1 {background-position:0px 0px;}
		#sprite li a:hover.item1 {background-position:0px -34px;}
		
		#sprite li a.item2 {background-position:0px -67px;}
		#sprite li a:hover.item2 {background-position:0px -101px;}
		

/*-------------------------------------
   manu bar
--------------------------------------*/
#container_menu {
  	margin: 0 30px 0px 30px;
	padding: 0px;
	list-style: none;
	height: 37px;
	position: relative;
	background: url(../images/bg_menubar.gif) no-repeat top;
	border: solid 0px #d0d2d2;
}

/*-----------------------------------------
main content
--------------------------------*/

#main {
	width: 935px;
	margin: 0 0 0 30px;
	padding: 5px 0 0 0;
}

#slideshow{
   height:255px;
	/* background:url(../images/bg_banner.jpg) top left no-repeat;*/
	 position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.menutitle {
	height: 60px;
	width: 936px;
	background: #ffffff;
	padding: 0px 0 0 0px;
	color:#FFFFFF;
}

.menutitle .titletext {
 padding: 25px 0 0 15px;;
 font: 20px Arial, Helvetica, sans-serif; 

}

.bg_title2{
  padding: 0;	margin:0;	height: 60px;	width: 936px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title2.jpg) 0 0 no-repeat;
}

.bg_title3{
  padding: 0;	margin:0;	height: 60px;	width: 936px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title3.jpg) 0 0 no-repeat;
}

.bg_title4{
  padding: 0;	margin:0;	height: 60px;	width: 936px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title4.jpg) 0 0 no-repeat;
}

.bg_blank{
  padding: 0;	margin:0;	height: 60px;	width: 936px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title.jpg) 0 0 no-repeat;
}

.bg_{
  padding: 0;	margin:0;	height: 60px;	width: 936px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title.jpg) 0 0 no-repeat;
}

.title_about {
	height: 99px;
	width: 936px;
	background: #fff url(../images/logo_profile2.gif) 0 0 no-repeat;
	padding: 0px 0 0 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.mnutext{
padding: 33px 0 0 12px;
}

.content {
	padding: 10px 0 0 0;
	overflow: auto;
	min-height:100px;
}

.content a {
 color:#090;
 text-decoration:none;
}

.content a:hover {
 color: #000000;
}

.left {
	float: left;
	width: 596px;
}

.left-home {
	float: left;
	width: 540px;
}

#index .right-home {
	width: 300px;
	float: right;
	background: #ffdfdf;
}

.right {
	width: 240px;
	float: right;
}

#index .right {
	width: 240px;
	float: right;
}

#main-colnews, #main-col {
	float: left;
	width: 596px;
	padding-left:1px;
}

#right-colnews, #right-col {
	width: 240px;
	float: right;
}
#main-merge{
 border: solid 1px #cdcdcd;
 padding:15px;
}

#main-merge h2{
 margin:0;
 padding:0px 0px 10px 0px;
}

/*--------------- table -----------*/
/** tables-argh!
------------------------------------------------------------------ */
#grid table {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					12px;
	line-height:				14px;
	color:						#223443;
	border-collapse: 			collapse;
	width: 						100%;
}

#grid table strong {
	font-weight:				bold;
}

#grid th {
	padding: 					10px 10px 10px 10px;
	background:					#BEFF7D;
	text-align: 				left;
	border:						1px solid #FFFFFF;
}

#grid td {
	padding: 					10px 10px 10px 10px;
	text-align:					left;
	background:					#D3FFA8;
	border:						1px solid #FFFFFF;
}

#grid td:first-child {
	width: 						250px;
}


/*--------------------------------------
gallery style
----------------------------------------*/

.hoverbox
{
	border: 0;
	margin: 0;
	padding: 0;
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 5px;
	left: -5px;
	z-index: 1;
	padding:1px;
	border: solid 2px #adadad;
}

.hoverbox img
{
	background: #d7d7d7;
	border: solid 1px #adadad;
	vertical-align: top;
	
	}

.hoverbox li
{
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 0px 0px;
	position: relative;
}

.listbox
{
	text-align:left;
	display: inline;
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	position: relative;
	width:390px;
}

.listbox p{
    margin:1px 0 0 0;
	padding:0px;
	font-size:9px;
	color:#CCCCCC;

}

.showbox
{
	background: transparent;
	display: inline;
	float: left;
	margin-top: 6px;
	padding: 10px;
	position: relative;
	text-align:left;
}

.showbox img
{
background: #d7d7d7;
border: solid 1px #adadad;
padding: 5px;
}

.hoverbox .preview
{
	border-color: #adadad;
	border:1px solid #adadad;
	padding:0;
	margin:5px;
}


/* --------------------
footer 
-----------------------*/
#footer {
	width: 996px;
	margin: 0 auto;
	height: 123px;
	background: url(../images/bg-footer.png) center top no-repeat;
	font-size:11px;
}

#footer div {
	width: 996px;
	height: 94px;
	position: relative;
	z-index: 100;
}

.foo-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 8px;
	left: 40px;
}

.foo-nav li {
	float: left;
	background: url(../images/devider.gif) no-repeat right;
	line-height: 20px;
	padding: 0 12px;
}

.foo-nav li.last {
	background: none;
}

.foo-nav li a {
	color: #FFFFFF;
	text-decoration: none;
}

.foo-nav li a:hover {
	color:#FC0;
}

p.copy {
	margin: 0;
	position: absolute;
	top: 35px;
	left: 48px;
	color:#333;
}

#footer .tel {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 30px;
	left: 845px;
}

#footer .tel li {
	float: left;
	color: #666;
	height: 25px;
	padding: 5px 0 0 0;
}

#footer .tel li a {
  	color:#666;
	text-decoration:none;
}

#footer .tel li a:hover {
  	color:#060;
}

#footer .tel li strong {
	margin: 0 0 0 10px;
}

#footer .tel li.second {
	padding-right: 10px;
	padding-left: 30px;
	background: url('../images/bg-footer-sep.gif') no-repeat top right;
}

/*------------------------------------------
content
------------------------------------------*/
    img {
    	border: none;
    }
    
    img.submit {
    	cursor: hand;
    }
    
    .clear {
    	clear: both;
    	margin: 0;
    	padding: 0;
    }
    
    div#centerColumnHome {
    	float: left;
    	width: 675px;
    	margin: 0;
		overflow:hidden;
    }
    
    div#rightColumnHome {
    	float: right;
    	width: 251px;
    	margin: 0 0 0 0px;
		overflow:hidden;
    }
    
   
    div#boxkanan {
    	background: url(../images/bg-rightcolumn.jpg) repeat-y center;
    }
    
    div#boxsearch {
    	margin-top: 15px;
    }
    
    div#boxkananHeader {
    	padding: 9px 0 0 12px;
    	height: 25px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #a80000;
    	background: url(../images/bg-rightcolumnheader-top.jpg) no-repeat center top;
    }
    
    div#boxkananBody {
    	padding: 5px 0 10px 12px;
    	font: 12px/22px Arial, Helvetica, sans-serif; 
    	background: url(../images/bg-rightcolumnfooter.jpg) no-repeat center bottom;
    }
    
    div.boxkananItem {
    	float: left;
    	width: 125px;
    	text-align: center !important;
    }
    
    div.boxkananItem img {
    	margin: 3px auto !important;
    }
    
    div.boxkananItem a {
    	font: 10px/10px Arial, Helvetica, sans-serif;
    	color: #629da4;
    	font-weight: bold;
    	text-align: center !important:
    }
    
    div.boxkananItem a:active,
    div.boxkananItem a:hover {
    	color: #104881;
    }
    
    p#boxkananHomeLink {
    	font: 11px/12px Arial, Helvetica, sans-serif;
    	margin-right: 20px;
    	margin-top: 5px;
    }
	
	
	div#rightbox {
    	background: url(../images/bg_rightbox_wrap.gif) repeat-y center;
    }
    
    div#rightboxheader {
    	padding: 8px 0 0 12px;
    	height: 25px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #a80000;
    	background: url(../images/bg_rightbox_header.gif) no-repeat center top;
    }
    
    div#rightboxbody {
    	padding: 5px 0px 10px 12px;
    	background: url(../images/bg_rightbox_footer.gif) no-repeat center bottom;
    }
	
	
	div#signinbox {
    	background: url(../images/bg_signin_wrap.gif) repeat-y center;
    }
    
    div#signinboxheader {
    	padding: 8px 0 0 20px;
    	height: 32px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #333;
    	background: url(../images/bg_signin_header.gif) no-repeat center top;
    }
    
    div#signinboxbody {
    	padding: 0px 18px 10px 18px;
    	background: url(../images/bg_signin_footer.gif) no-repeat center bottom;
		font: 12px/16px Arial, Helvetica, sans-serif;
    }
	
	div#signupbox {
    	background: url(../images/bg_signup_wrap.gif) repeat-y center;
    }
    
    div#signupboxheader {
    	padding: 2px 0 0 20px;
    	height: 7px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #333;
    	background: url(../images/bg_signup_header.gif) no-repeat center top;
    }
    
    div#signupboxbody {
    	padding: 0px 18px 10px 18px;
    	background: url(../images/bg_signup_footer.gif) no-repeat center bottom;
		font: 12px/16px Arial, Helvetica, sans-serif;
    }
	
	div#newsbox {
    	background: url(../images/bg_news_wrap.gif) repeat-y center;
    }
    
    div#newsboxheader {
    	padding: 10px 0 0 15px;
    	height: 28px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #333;
    	background: url(../images/bg_news_header.gif) no-repeat center top;
    }
    
    div#newsboxbody {
    	padding: 0px 15px 10px 15px;
    	background: url(../images/bg_news_footer.gif) no-repeat center bottom;
		font: 12px/16px Arial, Helvetica, sans-serif; 
    }
	
	/* Post Meta Date */
	.post-meta h3 {
		padding: 0px 0;
		margin: 0px;
		
	}
	
	.post-meta h3 span.day {
		display: block;
		float: right;
		line-height: 26px;
		font-size: 30px;
		border-right: #CBCBCB 1px solid;
		padding-right: 5px;
		color: #8D8D8D;
	}
	
	.post-meta h3 span.month, .post-meta h3 span.year {
		color: #666666;
		width: 40px;
	}
	
	.post-meta h3 span.month {
		display: block;
		float: right;
		font-size: 14px;
		line-height: 14px;
		padding-left: 0px;
		text-align: center;
		text-transform: uppercase;
	}
	
	.post-meta h3 span.year {
		font-size: 12px;
		display: block;
	}
	
	
	div#sidebox {
    	background: url(../images/bg_sidebox_wrap.gif) repeat-y center;
    }
    
    div#sideboxheader {
    	padding: 10px 0 0 15px;
    	height: 25px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #666;
    	background: url(../images/bg_sidebox_header.gif) no-repeat center top;
    }
    
    div#sideboxbody {
    	padding: 10px 6px 10px 15px;
    	background: url(../images/bg_sidebox_footer.gif) no-repeat center bottom;
		font: 12px/16px Arial, Helvetica, sans-serif; 
    }
	
	div#welcomebox {
    	background: url(../images/bg_greenbox_wrap.gif) repeat-y center;
    }
    
    div#welcomeboxheader {
    	padding: 0;
    	height: 5px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #666;
    	background: url(../images/bg_greenbox_header.gif) no-repeat center top;
    }
    
    div#welcomeboxbody {
    	padding: 5px 20px 15px 20px;
    	background: url(../images/bg_greenbox_footer.gif) no-repeat center bottom;
		font: 12px/16px Arial, Helvetica, sans-serif; 
		color:#333;
    }
	
	div#welcomeboxbody h3{
		margin:0;
		padding:5px 0 5px 0;
	}
	
	div#welcomeboxbody img{
		margin:0 10px 0 0;
		padding:0;
	}
	
	
	
	div#boxcontent {
    	background: url(../images/bg_content_wrap.gif) repeat-y center;
    }
    
    div#boxcontentheader {
    	padding: 0px 0 0 15px;
    	height: 5px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #ffffff;
    	background: url(../images/bg_content_header.gif) no-repeat center top;
    }
    
    div#boxcontentbody {
    	padding: 0 20px 20px 20px;
    	background: url(../images/bg_content_footer.gif) no-repeat center bottom;
    }

	
	div#advertisement {
    	padding:5px;
		margin:0;
		width:239px;
		border:solid 1px #CCCCCC; 
    }
	
	
	#column1, #column2 {
		width: 416px;
		float: left;
		padding: 0px;
		margin:0;
		
	}
	#column1 {
			width: 251px;
			margin-right: 8px;
			overflow:hidden;
	}
	
	#column1 p, #column2 p {
		margin: 0px;
		padding: 0em 0em .3em 0em;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1.5em;
		color: #000000;
	}
	
/* form label */

label {
	font-weight: bold;
}

dl {
	margin: 10px 0 10px 0;
	padding: 0 0px 0 0;
	}
dl dt {
	margin: 0;
	padding: 0;
	}

dl dd {
	margin: 0 0 10px 0px !important;
	padding: 0;
	font-size:1em;
	line-height: 1.3em;
	}

#formbox input, #formbox select,  #formbox textarea{
	border:solid 1px #CCC;
	padding:4px;
	color:#666;
	}

#wrapper {width:300px; margin:50px auto}
.form {float:left; padding:0 10px 10px 10px; background:#f3f3f3; border:2px solid #cfcfcf}
.form label {float:left; width:150px; padding:10px 10px 0 0; font-weight:bold}
.form select {float:left; width:146px; margin-top:10px}
.form input {float:left; margin-top:10px}
.form .submit {clear:both}

#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

.login_form {width: 330px; margin: 10px auto; background: url("../images/bg_signin.png") no-repeat; padding: 80px 35px 0px 35px; color: #eee; font-size: 14px; font-weight: bold}
.login_form .bottom {margin: 0 -36px; height: 35px; background: #ffffff url("../images/bg_signin.png") no-repeat bottom}
.login_form form label {font-size: 12px}
.login_form .field input {width: 95%; font-size: 18px; font-weight: bold; padding: 3px 5px; margin-bottom: 10px}
.login_form .rememberme {font-weight: normal}
.login_form .otheroptions {font-size: 11px; font-weight: normal; border-top: 1px solid #85a916; padding-top: 8px; margin-top: 8px}
.login_form .otheroptions a {color: #ddd}
.login_form .otheroptions a:hover{color: #ebc30b;}
.login_form .btn_container {padding: 0; float: right; width: 200px; text-align: right}
.login_form .btn_container input {text-indent: -9999px; font-size: 0px; border: 0; height: 31px}
.login_form .btn_container input.log_in {width: 138px; background: url("../images/btn_login.png") no-repeat}
.login_form .btn_container input.reset {width: 145px; background: url("../images/btn_getpassword.png") no-repeat}
.login_form .flash {font-size: 12px; border: 0; margin: 0 0 15px 0; padding: 5px 10px 5px 30px; background-position: 5px 5px}


/*member top bar*/

#membermenubar {
	width: 100%;
	height: 35px;
	background: #ffffff url(../images/bg_membermenu.gif) no-repeat top;
}

#membermenubar #user {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  margin-top: 10px;
  margin-left: 15px;
  float: left;
}

#membermenubar #usermenu {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  float: right;
}
#membermenubar #usermenu ul {
  text-align:right;
  margin-top: 10px;
  margin-bottom: 0px;
}
#membermenubar #usermenu li {
  display:inline;
  padding-right: 10px;
}
#membermenubar #usermenu li a {
  color: #FFFFFF;
}
#membermenubar #usermenu li a:hover {
  color: #FFCC33;
}

/*----------------------------------------
panel tab
----------------------------------------*/
.panel {
    margin: 0;
	width: 416px;
	background: #ffffff url(../images/bg_programs_header.gif) no-repeat center top;
}
            		
.contentBox {
    border-left: 1px solid #56b01b;
    border-bottom: 1px solid #56b01b;
    width: 334px;
    margin: 0;
    padding:0px;
    float: left;
	/*background: #ffffff  url(../images/bg_programs_footer.gif) no-repeat left bottom;*/
}
            			
.contentBox .tabGradient {
            				height: 10px;
            				width: 100%;
            				text-align: right;
}
            			
.contentBox .content {
            				padding: 5px 12px;
}
.contentBox .content p {
            				font: 11px/15px Arial, Helvetica, sans-serif;
            				color: #7b7b7b;
}
            			
            			.contentBox .content a.bigLink {
            				font: 12px/16px Arial, Helvetica, sans-serif !important;
            				border-bottom: 1px dotted #5f9ba2 !important;
            			}
            			
            			.contentBox .content a.bigLink:hover {
            				font: 12px/16px Arial, Helvetica, sans-serif !important;
            				border-bottom: 1px dotted #b43866 !important;
            			}
            			
            			.contentBox .content .blogHeadline {
            				font: 13px/15px Arial, Helvetica, sans-serif;
            			}
            			
            			div#tabsFiller {
            				width: 125px;
            				display: none;
            			}
            			
            			.tabContainer {
            				float: right;
            				width: 80px;
            				margin: 0;
            				padding: 0;
            				border-right: 1px solid #56b01b;
            				border-bottom: 1px solid #56b01b;
            			}
            			
            			.tabActive {
            				text-align: center;
            				padding-top: 7px;
            				height: 20px;
            				border-left: solid 1px #fff !important;
            				border-top: 1px solid #56b01b;
            				font-size: 11px;
							background: #fff url(../images/bg_gradien_active.gif) repeat-y top right;
            			}
            			.tabActive.first {
            				border-top: 0px solid #fff !important;
            			}
            			
            			.tabInactive {
            				text-align: center;
            				padding-top: 7px;
            				height: 20px;
            				border-left: 1px solid #56b01b;
            				border-top: 1px solid #56b01b;
            				background: #DEF3E3 url(../images/bg_gradien_inactive.gif) repeat-x top left;
            			}
            			
            			.tabInactive span {
            				font-weight: normal;
            				font-size: 12px;
            				color: #000000;
            				padding-top: 5px;

            			}
            			
            			.tabActive span {
            				font-weight: bold;
            				font-size: 12px;
            				color: #030;
            				padding: 5px 10px 0 11px;
            				
            			}
            
            			.label {
            				padding: 9px 0 0 12px;
            				height: 23px;
            				font: 14px/16px Arial, Helvetica, sans-serif; 
            				font-weight: bold;
            				color: #FFFFFF;
            			}

            			.itemUnderlined {
            				text-decoration: none !important;
            			}
            			
            			.itemNoUnderlined {
            				text-decoration: none !important;
            			}
            			
            			.clearTabs {
            				clear: both;
            			}


/*--------------------------
tab content
----------------------------*/
div.tabitem {
	margin-top:5px;
	float: left;
	width: 120px;
	text-align: center !important;
	color:#333333;
}

div.tabitem img {
	margin: 6px auto !important;
	border:solid 0px #000000;
}

div.tabitem2 {
	margin-top:5px;
	margin-bottom:5px;
	padding-left:10px;
	float: left;
	width: 180px;
	text-align: left !important;
	color:#333333;
	font: 12px/16px Arial, Helvetica, sans-serif;

}

div.tabitem2 a {
	color:#090;
	font-weight: bold;
	text-align: center !important:
}

div.tabitem2 a:active,
div.tabitem2 a:hover {
	color:#000000;
}

div.tabitem2 h3 {
	font-size:12px;
	color: #0f4271;
	font-weight: bold;
	padding: 2px 2px 5px 0px;
	margin:0;
}

/*--------------------------
tiga kolom
----------------------------*/

div.oneThird {
	display: inline;
	width: 30%;
	float: left;
	margin-left: 12px;
	background-color: #fff;
}
div.oneThird a {
font: 12px/16px Arial, Helvetica, sans-serif;
}

/*-------------------------------
kolom kiri
--------------------------------*/
div#kolomkiri {
	float: left;
	width: 220px;
	margin: 0 8px 0 0;
	padding:0;
}

div#boxkiri {
	margin-top: 0px;
	background: url(../images/bg-quicklinks.jpg) repeat-y center;
}

div#boxkiri ul {
	margin-top: 0px;
	padding-left:15px;
}

div#boxkiriHeader {
	padding: 9px 0 0 12px;
	height: 25px;
	font: 12px/16px Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #383838;
	background: url(../images/bg-quicklinksheader.jpg) no-repeat center top;
}

div#boxkiriBody {
	padding: 0px 0 10px 0px;
	font: 12px/22px Arial, Helvetica, sans-serif; 
	background: url(../images/bg-quicklinksfooter.jpg) no-repeat center bottom;
}


div#boxkiriBody ul{
	padding:0;
	margin:0;
}

div#boxkiriBody a {
	color:#090;
	font: 12px/14px Arial, Helvetica, sans-serif !important; 
}

div#boxkiriBody .isi{
	padding:5px 15px 10px 15px;
	}
	
div#boxkiriBody .isi ul{
padding:0;
margin: 0;
list-style-type: none;
}

div#boxkiriBody .isi ul li{
	line-height:16px;
	list-style-type: none;
}

div#boxkiriBody .isi ul li a:hover{
 color:#030;
}
	
.klir {
   clear: both;
	 height:5px;
}

div#boxlogo {
	margin-top: 0px;
	border: 1px solid #c8c8c8;
	padding: 10px;
	text-align:center;
}

/* sprite button*/

.signup_tk a {
display:block;
width: 216px;
height:61px;
padding:0px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/btn_tk.png") 0 0 no-repeat;
text-decoration: none;
}
.signup_tk a:hover { 
background-position: 0 -61px;
}

.signup_tk_en a {
display:block;
width: 216px;
height:61px;
padding:0px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/btn_tk_en.png") 0 0 no-repeat;
text-decoration: none;
}
.signup_tk_en a:hover { 
background-position: 0 -61px;
}

.signup_perusahaan a {
display:block;
width: 216px;
height:61px;
padding:0px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/btn_perusahaan.png") 0 0 no-repeat;
text-decoration: none;
}
.signup_perusahaan a:hover { 
background-position: 0 -61px;
}

.signup_perusahaan_en a {
display:block;
width: 216px;
height:61px;
padding:0px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/btn_perusahaan_en.png") 0 0 no-repeat;
text-decoration: none;
}
.signup_perusahaan_en a:hover { 
background-position: 0 -61px;
}

.signup_ppk a {
display:block;
width: 216px;
height:61px;
padding:0px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/btn_ppk.png") 0 0 no-repeat;
text-decoration: none;
}
.signup_ppk a:hover { 
background-position: 0 -61px;
}

.signup_ppk_en a {
display:block;
width: 216px;
height:61px;
padding:0px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/btn_ppk_en.png") 0 0 no-repeat;
text-decoration: none;
}
.signup_ppk_en a:hover { 
background-position: 0 -61px;
}

/*-------------------------------
kolom kanan
--------------------------------*/
div#kolomkanan {
    	float: left;
    	width: 707px;
    	margin: 0;
		padding:0;
		font-size:12px;
		overflow:hidden;
    }

div#kolomkanan select {
  font-size:11px;		
		}
/* searchbar*/
#searchbar {padding:5px 0; clear:both; text-align:center; position:relative; z-index:1;}
#searchbar form {border:0px; margin:0px; padding:0px;}
#searchbar label {font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0 4px;}
#searchbar p {line-height:22px; margin:9px 0 0 0;}
#searchbar input {margin-bottom:-5px;}
.formbody {border:1px solid #ccc; background:url(../images/bg_searchbar.gif) top repeat-x; height:38px; margin:-1px 0 8px 0;}


.clear5 {height:5px; clear:both; padding:0; margin:0;}
.clear10 {height:10px; clear:both; padding:0; margin:0;}

/*-------------------- 
formbox
------------------*/

#formbox{background:url(../images/bg_form_wrap.gif) repeat-y;width:563px;}
#formbox div.top{background:url(../images/bg_form_top.gif) no-repeat;}
#formbox div.bot{background:url(../images/bg_form_bot.gif) no-repeat bottom left;padding:20px 20px 20px 20px;}
#formbox img{margin:0px 0px 0px 0px;}
#formbox h3{font: bold small-caps 1.4em Arial, Helvetica, sans-serif; color: #517cc4; padding:0px 0px 5px 0px;}