/* CSS Document */

html,body{
          margin:0px;
          padding:0px;
		  
}
body{
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	/* color: #666666; */
	vertical-align:middle;
}

.arial12white { color:#FFFFFF;font-family: Arial, Sans-Serif;font-size:12px;font-weight:bold; }
.arial12green { color:#669900;font-family: Arial, Sans-Serif;font-size:12px;font-weight:bold; }
..ttlppaedu{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
	color:#669900;
	font-weight:bold;
	}

.ppamenu { text-decoration:none; color:#578900;font-family: "Arial";font-size:14px; }
.bdppmenu { text-decoration:none; color:#00346f;font-family: "Arial";font-size:14px; }

img {border:none;}
a {text-decoration:none;}

#clear
{
	height:0px;
	font:0px;
	clear:both;
	}

td
{ vertical-align:middle;}

.newscontent 
{
	font-family: Verdana, Geneva, sans-serif;
    /* color: #666666; */
    font-size:12px;    
    border-bottom:solid 1px #eeeeee;
    
}


	
/* frame section*/

.magangtbox 
{
	border:solid 1px #133798;
	color:#333333;
}

#container{
	width:944px;
	height:auto !important; /* real browsers */
	height:632px; /* IE6: treaded as min-height*/
	min-height:632px; /* real browsers */
	margin:0 auto;
	}
	
#upper{
	color:#00346f;
	font-family: "Arial", Gadget, sans-serif;
	font-size:11px;
	text-align:right;
	vertical-align:bottom;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
#upper a{
	color:#00346f;
	}
#upper a.active {
color:#996600;	
	}	

#upper select{
	font-family: "Arial", Gadget, sans-serif;
	font-size:11px;
	height:18px;
	padding:0px;
	margin:0px;
	border:1px solid #7f99b7;
	}

#footer{
	height:30px;
	padding-top:10px;
	text-align:center;
	text-indent:inherit;
	vertical-align: middle;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;	
	}
#footer a{
	color:#00346f;
	}


#middle{
	height:auto !important; /* real browsers */
	height:576px; /* IE6: treaded as min-height*/
	min-height:576px; /* real browsers */
	background:#00346f;
	padding-bottom:7px;
	position: relative;
	}
#logo {
	text-align:left;
	padding-top:22px;
	margin-left:13px;
	}
#banner{
	margin-top:15px;	
	}	
	
	
#content_container{
	width:930px;
	height:auto !important; /* real browsers */
	height:270px; /* IE6: treaded as min-height*/
	min-height:273px; /* real browsers */
	background:#fff url(../img/bg_content.gif) top no-repeat;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	/* color: #666666; */
	}

#content_container2{
	width:930px;
	height:auto !important; /* real browsers */
	height:270px; /* IE6: treaded as min-height*/
	min-height:273px; /* real browsers */
	background:#f4f5f8 url(../img/bg_content2.gif) top no-repeat;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	/* color: #666666; */
	}
	
#content_container_landing{
	width:930px;
	height:auto !important; /* real browsers */
	height:270px; /* IE6: treaded as min-height*/
	min-height:273px; /* real browsers */
	background:url(../img/bg_container_home.gif) 6px 0px no-repeat;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	/* color: #666666; */
	}
#bg_landing{
	background: #fff url(../img/bg_landing.gif) 5px repeat-y;
	width: 930px;
	border-bottom:10px solid white;

}	

#content_container_bdp{
	width:930px;
	height:auto !important; /* real browsers */
	height:270px; /* IE6: treaded as min-height*/
	min-height:273px; /* real browsers */
	background:url(../img/bg_container_bdp.gif) 6px 0px no-repeat;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	/* color: #666666; */
	}	
#bg_bdp{
	background: #fff url(../img/bg_bdp.gif) 5px repeat-y;
	width: 930px;
	border-bottom:10px solid white;

}

#content_container_magang{
	width:930px;
	height:auto !important; /* real browsers */
	height:270px; /* IE6: treaded as min-height*/
	min-height:273px; /* real browsers */
	background:url(../img/bg_container_magang.gif) 6px 0px no-repeat;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	/* color: #666666; */
	}	
#bg_magang{
	background: #fff url(../img/bg_magang.gif) 5px repeat-y;
	width: 930px;
	border-bottom:10px solid white;

}	


#content_container_ppa{
	width:930px;
	height:auto !important; /* real browsers */
	height:270px; /* IE6: treaded as min-height*/
	min-height:273px; /* real browsers */
	background:url(../img/bg_container_ppa.gif) 6px 0px no-repeat;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	/* color: #666666; */
	}	
#bg_ppa{
	background: #fff url(../img/bg_ppa.gif) 5px repeat-y;
	width: 930px;
	border-bottom:10px solid white;

}				
	
#content{
	padding:30px;
	}

#content_bottomr{
	background: #fff url(../img/corner_btm_right.gif) right no-repeat;
	text-align: left;
	width: 930px;
	}
	

	
#middle_curvetopl{
	background:url(../img/corner_midtopl.gif) top left no-repeat;
	width:17px;
	height:17px;
	font:0px;
	position: absolute;
	left:0px;
	top:0px;
	}
	
#middle_curvetopr{
	background:url(../img/corner_midtopr.gif) top left no-repeat;
	width:17px;
	height:17px;
	font:0px;
	position:absolute;
	right:0px;
	top:0px;
	}
#middle_curvebtml{
	background:url(../img/corner_midbtml.gif) top left no-repeat;
	width:17px;
	height:17px;
	font:0px;
	position: absolute;
	left:0px;
	bottom:0px;
	}
#middle_curvebtmr{
	background:url(../img/corner_midbtmr.gif) top left no-repeat;
	width:17px;
	height:17px;
	font:0px;
	position: absolute;
	right:0px;
	bottom:0px;
	}	
	

#middle_curvebtml2{
	background:url(../img/corner_midbtml2.gif) top left no-repeat;
	width:17px;
	height:17px;
	font:0px;
	position: absolute;
	left:0px;
	bottom:0px;
	}
#middle_curvebtmr2{
	background:url(../img/corner_midbtmr2.gif) top left no-repeat;
	width:17px;
	height:17px;
	font:0px;
	position: absolute;
	right:0px;
	bottom:0px;
	}	


/* menu section*/

#menu{
	height: 22px;
	background-color: #FEFEFE;
	width:930px;
}

#menu ul{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px;
}
#menu ul li{
	display:block;
	list-style:none;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	height:18px;
	padding-top:4px;
	background-color: #FEFEFE;
}

#menu ul li a{
	color:#0061af;
	text-decoration:none;
}
#menu ul li a:hover{
	color:#996600;
}
#menu ul li a.active{
	color:#996600;
}
#menu ul li.tentang{
	background:url(../img/menu_tentang.jpg) center top no-repeat;
	width:154px;
}
#menu ul li.join{
	background:url(../img/menu_join.jpg) center top no-repeat;
	width:135px;
}
#menu ul li.berkarir{
	background:url(../img/menu_berkarir.jpg) center top no-repeat;
	width:162px;
}
#menu ul li.profile{
	background:url(../img/menu_profile.jpg) center top no-repeat;
	width:126px;
}
#menu ul li.career{
	background:url(../img/menu_career.jpg) center top no-repeat;
	width:156px;
}
#menu ul li.news{
	background:url(../img/menu_news.jpg) left top no-repeat;
	width:194px;
}




#content #submenu
{
	width:200px;
	height:auto !important; /* real browsers */
	height:210px; /* IE6: treaded as min-height*/
	min-height:210px;
	float: left;
	text-align:left;
}

#content #submenu ul
{
	margin:0px 0px 0px 0px;
	padding:0px;
}
#content #submenu ul li
{
	margin:0px 0px 0px 0px;
	list-style:none;
	float: left;
}



#submenu  #sub_menu05
{
	margin:0px 0px 0px 0px;
	background: #efefef;
	text-align: center;
	
}
#submenu #sub_menu05 ul 
{
	display:inline;
	margin:0px;
	padding:0px;
	height: 14px;
	text-align: left;
}

#submenu #sub_menu05 ul li
{

	float:left;
	height:14px;
	width:15px;
	list-stylenone: none;
	margin: 0px;
	padding: 0px;
}
#submenu #sub_menu05 ul li.sub_up
{
	width:170px;
	background:#efefef;
	height:15px;
	padding:0px;
}

#submenu ul li #sub_menu01
{
list-style:none;
}

#submenu #sub_menu01
{
	width:187px;
	margin: 0px;
	float: none;
	border-bottom: 2px solid white;
	padding: 3px 0px 3px 13px;
	text-align:left;
	font-size:11px;
list-style:none;	
}
#submenu  #sub_menu01 a
{
	display:list-item;
	background:url(../img/list_02.gif) no-repeat 0px 5px;
	padding-left: 13px;
	color:#133798;
	text-decoration:none;
	list-style:none;
}
#submenu #sub_menu01 a:hover
{
color:#996600;
list-style:none;

}
#submenu  #sub_menu01 a.active
{
color:#996600;
background:url(../img/list_03.gif) no-repeat 0px 5px;
list-style:none;
}

#submenu #sub_menu_bdp_sub
{
	width:175px;
	margin: 0px;
	float: none;
	border-bottom: 2px solid white;
	padding-left: 25px;
	text-align: left;
	list-style:none;
	
}
#submenu  #sub_menu_bdp_sub a
{
	display:list-item;
	background:none;
	padding: 3px 0px 3px 15px;
	color:#133798;
	text-decoration:none;
	list-style:none;	
}
#submenu  #sub_menu_bdp_sub a:hover
{
	color:#996600;
}
#submenu  #sub_menu_bdp_sub a.active
{
	color:#996600;
}

#submenu #sub_menu03
{
	width:200px;
	margin: 0px;
	float: none;
	padding-left: 0px;
	text-align: left;
	list-style:none;
	font-size: 11px;
	
}
#submenu #sub_menu03 ul li 
{
	float:none;
	display:list-item;
	width:145px;
	list-style:inside disc;
	padding-left:55px;
	border-bottom: 2px solid #FFF;
	text-align: left;

}
#submenu #sub_menu03 li a
{
	list-style:none;
	color:#133798;
	text-decoration:none;
}
#submenu #sub_menu03 li a:hover
{
color:#996600;

}
#submenu #sub_menu03 li a.active
{
	color:#996600;
}


#ppa_menu{
font-size:14px;
font-family:Arial, sans-serif;
text-transform:uppercase;
}
#ppa_menu a{
color:#5f8e02;
}
#ppa_menu a:hover, a.active {
color:#986d13;
}
#ppa_menu a.active {
color:#986d13;
}


/* content section*/
#content ul
{
	padding:0px;
	margin:0 auto;
	
}
#content ul li
{
	/*display:block;
	list-style:none none;
	padding: 0px;
	margin: 0px;*/
}

#content_content
{
	width:600px;
	margin-left: 220px;
	}	
#content_content ul
{
	/*margin:0px;
	padding:0px;*/
	}
	

#home_shortcut
{
	width:200px;
	height:auto !important; /* real browsers */
	height:210px; /* IE6: treaded as min-height*/
	min-height:210px; /* real browsers */
	margin:0px 0px 0px 0px;
	float: left;
}

#home_shortcut ul
{
	margin:0px 0px 0px 0px;
}


#home_shortcut img.banner
{
	position:absolute;
	bottom:25px;
	}	
	
#home_content
{
	width:405px;
	float: left;
	margin-left: 35px;
}
#home_content ul
{
	margin:0px;
	padding:0px;
	}

#home_news
{
	width:200px;
	float:right;

}

#home_news img.banner
{
	position:absolute;
	bottom:25px;
	}
#home_news ul.news 
{
	margin:0px;
	padding:0px;
	overflow:auto;
	position:relative;
	height:110px;
}

#home_news ul.news li
{
	display:list-item;
	margin:0px 40px 0px 18px;
	list-style:url(../img/list_01.gif) outside;
	border-bottom:1px solid #cfd6ea;	
}
#content ul li div#list05
{
	margin:0px;
	padding:5px 0px 5px 0px;
	border-bottom:2px dotted #999;	
	color: #996600;
	width:100%;
}

#content ul li div#list05 a
{
color: #996600;
text-decoration:none;
}


#archive
{
width:100%;
height:100px;

}
#archive ul li
{
	display:block;
	float:left;
	width:200px;
	height:auto !important; /* real browsers */
	height:40px; /* IE6: treaded as min-height*/
	min-height:40px; /* real browsers */
	padding-left:15px;
	background:url(../img/list_03.gif) 0px 4px no-repeat;
}
#archive ul li a
{
	color: #996600;
	text-decoration:none;
}
#form
{
	color:#000;
	width:635px;
}
#form div
{
	display:block;
	float:left;
	}
#form_left
{
	width:300px;
	float:left;
}
#form_left2
{
	width:150px;
	float:left;
	background-color:#CCCCCC;
}
#form_right
{
	width:280px;
	float:right;
	margin: 0px;
}
#form_right2
{
	width:450px;
	float:right;
	margin: 0px;
}
#form p
{
margin-top:5px;
}
#form legend
{
	font-size:12px;
	color:#666666;
	font-weight: bold;
	padding: 5px;
}

#form fieldset { 
-moz-border-radius: 5px; 
border-radius:5px;
margin-bottom:0.5em; 
line-weight:5px;
}

#form label {
	display:block;
	width:90px;
	float:left;
	margin-bottom:0.5em;
	height: 11px;
	text-transform: capitalize;
	font-size: 12px;
}

#form input {
border-top:1px solid #bcc8b8;
border-left:1px solid #bcc8b8;
border-bottom:none;
border-right:none;
margin-bottom:0.5em;
}

#form select {
	width:120px;
	height:21px;
	margin-bottom:0.5em;
}

#form .select_gender
{
	width:145px;
	height:21px;
	margin-bottom:0.5em;
}
#form .date
{
	width:40px;
	height:21px;
	margin-bottom:0.5em;
}
#form textarea {
	width:200px;
	height:auto;
	padding:0.5em;
	overflow:auto;
}
#form option { 

}
#form textarea.other {
	border-top:1px solid #bcc8b8;
	border-left:1px solid #bcc8b8;
	border-bottom:none;
	border-right:none;
	width:500px;
	height:150px;
	padding:0.5em;
	overflow:auto;
	margin-bottom:0.5em;
}

#label_education
{
	padding:5px;
	width:600px;
	background:#efefef;
	margin-bottom:20px;
}
#table_saudara
{
margin:0px;
}

#table_saudara ul
{

	height: 24px;
}
#table_saudara ul.label
{
	background:#f0f0f0;
	text-transform: capitalize;
	border-top:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	margin-bottom:10px;	
}
#table_saudara ul.row_01
{
	background:#f0f0f0;
	border-bottom:3px solid #fff;
}
#table_saudara ul.row_02
{
	background:#f9f9f9;
	border-bottom:3px solid #fff;	
}

#table_saudara ul li
{
display:block;
float:left;
height:21px;
padding-top:5px;
text-align:center;
border-right:1px solid #c5c5c5;
}
#table_saudara ul li.no
{
	width:22px;
}

#table_saudara ul li.nama
{
	width:123px;
}
#table_saudara ul li.kelamin
{
width:92px;
}
#table_saudara ul li.martial
{
width:98px;
}
#table_saudara ul li.perusahaan
{
width:143px;
}
#table_saudara ul li.jabatan
{
width:128px;
border-right:none;
}


#login
{
	color:#000;
	height:91px;
	width:358px;
	position:relative;
	top: -7px;
	left: 60px;
}
#login p
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#login div
{
	display:block;
	float:left;
	
	}

#login form{
padding:0px;
margin:0px;
}
#login input {
	border-top:1px solid #aeb3ad;
	border-left:1px solid #aeb3ad;
	border-bottom:none;
	border-right:none;
	margin-bottom:0.5em;
	height:18px;
	background: #ebebe5;
	width: 210px;
}
#login  input.btn {
	width:51px;
	height:52px;
	background: url(../img/btn_login.gif) 0px 0px no-repeat;
	position:absolute;
	right:0px;
	top:0px;
	border: 0px;
	cursor: pointer;

}
#login label {
	display:block;
	width:90px;
	float:left;
	margin-bottom:0.5em;
	height: 11px;
	text-transform: capitalize;
	font-size: 12px;
	color:#666;
}



#sign
{
	color:#000;
	height:200px;
	width:100%;
	position:relative;
}
#sign p
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sign div
{
	display:block;
	float:left;
	
	}

#sign form{
padding:0px;
margin:0px;
}
#sign input[type="text"] {
	border-top:1px solid #aeb3ad;
	border-left:1px solid #aeb3ad;
	border-bottom:none;
	border-right:none;
	margin-bottom:0.5em;
	height:18px;
	background: #ebebe5;
	width: 310px;
}

#sign textarea {
	border-top:1px solid #aeb3ad;
	border-left:1px solid #aeb3ad;
	border-bottom:none;
	border-right:none;
	margin-bottom:0.5em;
	background: #ebebe5;
	width: 310px;
}

#sign select {
	border-top:1px solid #aeb3ad;
	border-left:1px solid #aeb3ad;
	border-bottom:none;
	border-right:none;
	margin-bottom:0.5em;
	height:18px;
	background: #ebebe5;
	width: 100px;
}

#sign  input.submit {
	width:71px;
	height:19px;
	background: url(../img/btn_submit.jpg) 0px 0px no-repeat;

	border: 0px;
	cursor: pointer;

}
#sign  input.cancel {
	width:71px;
	height:19px;
	background: url(../img/btn_cancel.jpg) 0px 0px no-repeat;
	border: 0px;
	cursor: pointer;

}
#sign  input.normal 
{
	width:54px;
	border: 0px;
	cursor: pointer;

}
#sign  input.radio {
	width:8px;
	height:8px;
	border: 0px;
	cursor: pointer;

}
#sign label {
	display:block;
	width:150px;
	float:left;
	margin-bottom:0.5em;
	height: 18px;
	text-transform: capitalize;
	font-size: 12px;
	color:#666;
}
.labeltext 
{
	display:block;
	margin-bottom:0.5em;
	text-transform: capitalize;
	font-size: 12px;
	height: 29px;
	color:#666;
}

#ppa_form
{
	color:#000;
	width:500px;
	position:relative;
}
 div.green#ppa_form 
{
	background:#e7ebdd;
	padding:8px;

}
#ppa_form p
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


#ppa_form form{
padding:0px;
margin:0px;
}
#ppa_form input {
	border:1px solid #a4b97f;
	height:18px;
	width: 310px;
	color:#999999;
	font-size:12px;
}
#ppa_form .input1{
	border:1px solid #a4b97f;
	height:18px;
	width: 310px;
	color:#999999;
	font-size:12px;
	width:150px;
}

#ppa_form .input2{
	border:1px solid #a4b97f;
	height:18px;
	width: 310px;
	color:#999999;
	font-size:12px;
	width:120px;
}

#ppa_form select {
	border:1px solid #a4b97f;
	margin-bottom:0.5em;
	height:18px;
	width: 75px;
	color:#999999;
	font-size:12px;
}
#ppa_form .select2 {
	border:1px solid #a4b97f;
	margin-bottom:0.5em;
	height:18px;
	width: 40px;
	color:#999999;
	font-size:12px;
}
#ppa_form .select3 {
	border:1px solid #a4b97f;
	margin-bottom:0.5em;
	height:18px;
	width: 68px;
	color:#999999;
	font-size:12px;
}
#ppa_form p{
margin-top:5px;
}


#ppa_form  input.submit {
	width:71px;
	height:19px;
	background: url(../img/btn_submit.jpg) 0px 0px no-repeat;

	border: 0px;
	cursor: pointer;

}
#ppa_form  input.cancel {
	width:71px;
	height:19px;
	background: url(../img/btn_cancel.jpg) 0px 0px no-repeat;
	border: 0px;
	cursor: pointer;

}
#ppa_form  input.radio {
	width:8px;
	height:8px;
	border: 0px;
	cursor: pointer;

}
#ppa_form label {
	display:block;
	width:150px;
	float:left;
	margin-bottom:0.5em;
	height: 11px;
	text-transform: capitalize;
	font-size: 12px;
	color:#333333;
}
#ppa_form textarea {
	border:1px solid #a4b97f;
	height:50px;
	width: 310px;
	color:#999999;
	font-size:12px;
}



p#kesan
{
	margin-top:15px;
	margin-bottom:15px;
	}

.h1 {
	color:#133798;
	font-size: 14px;
}
.h2 {
	color:#133798;
	font-weight:bold;
}
.header_01
{
	font:Arial, sans-serif;
	font-size:18px;
	color:#996600;
	text-transform:uppercase;
	padding-top: 6px;
	display: block;
}
.header_02
{
	font:Arial, sans-serif;
	font-size:16px;
	color:#018086;
	text-transform: capitalize;

}
.header_03
{
	font:Arial, sans-serif;
	font-size:14px;
	/* color:#666666; */
	text-transform: capitalize;
	font-weight:bold;

}
.memberinfottl 
{
	
}
.gold
{
color:#996600;
}
.green
{
	color:#018086;
}
.grey
{
color:#666;
}
/* BDP Menu */

#bdp_menu{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase; color:#5F8E02;
}
#bdp_menu a{
color:#5F8E02;
}
#bdp_menu a:hover {
color:#986D13;
}

.tablebdp{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
	width: 536px;
}
.forminput{
border:1px solid #A5ACB2;
height:20px;
width:134px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.forminput2{
border:1px solid #A5ACB2;
height:20px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}
.bdpinput{
	width: 80px;border:1px solid #A5ACB2;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
	}
	.bdpinput2{
	width: 90px;border:1px solid #A5ACB2;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
	}
	.bdpinput3{
	width: 54px;border:1px solid #A5ACB2;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
	}
	.ttledu{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
	color:#0061AF;
	font-weight:bold;
	}