/* CSS Document */
@import "calendar.css";
@import "sweetTitles.css";

body {
	padding:0;
	margin:0;
	background-color:#FFFAEA;
/*	color:#000; */
	color:#0055;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------top part--------------------*/
#top{
	background:url(images/top_part.gif) 0 0 no-repeat;
	width:968px;
	height:111px;
	margin:0 auto;
	position:relative;
}
#top img{
	position:absolute;
/*	left:34px; 	*/
	left:4px; 
	top:35px;
	width:286px;
	height:76px;
}
#top img.badge{
	left:820px; 
	top:0px;
	width:60px;
	height:62px;
}

/*----------------- Posisi Menu TAB  HOME YAYASAN FORUM KONTAK --------------------*/

#top ul{
        width:750px;
	height:12px;
	position:absolute;
/*        left:345px;  */
        left:325px;  
	top:82px;
}
#top ul li{
	float:left;
	margin:0 0px 0 0;
}
#top ul li a{
/*	background:url(images/nav_bg.gif) 0 0 no-repeat; */
/*	background:url(images/calendar/header_bg.gif) 0 0 repeat-x; */
	background:url(images/nav_bg_e2.gif) 0 0 no-repeat;
/*        width:102px;
        height:29px; */
        width:90px;
        height:27px;
	display:block;
	margin-right: 1px;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#fff;
/*	color:#00BFFF;
	color:#0B610B; */
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
#top ul li a:hover{
	background:url(images/nav_hover.gif) 0 0 no-repeat;
/*        width:102px;
        height:29px;  */
        width:90px;
        height:27px;
/*	color:#4C4C4C; */
	color:#38539F;
/*	color:#00BFFF; */
	background-color:inherit;
}
#top ul li.hover{
	float:left;
	margin:0 1px 0 0;
	background:url(images/nav_hover.gif) 0 0 no-repeat;
/*        width:102px;
        height:29px;  */
        width:90px;
        height:24px;
	display:block;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#4C4C4C;
/*	color:#2EFEF7; */
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
/*------------------------------------------------top part--------------------*/

/*------------------------------------------------header--------------------*/
#header {
	width:920px;
	border-left:#ffffff solid 7px;
	border-right:#ffffff solid 7px;
	background:url(images/top_green_bg.jpg) 0 0 repeat-x;
	height:172px;
	margin:0 auto;
	padding:0 17px;	
}

#index_tbm .header_tbm {	
	background:url(images/topbg_tbm.jpg) 0 0 repeat-x;	
}

#index_tk .header_tk {
	background:url(images/topbg_tk.jpg) 0 0 repeat-x;	
}

#index_sd .header_sd {
	background:url(images/topbg_sd.jpg) 0 0 repeat-x;	
}

#index_smp .header_smp {
	background:url(images/topbg_smp.jpg) 0 0 repeat-x;	
}

#index_sma .header_sma {
	background:url(images/topbg_sma.jpg) 0 0 repeat-x;	
}

#header h2{
	display:block;
	background:url(images/green_part_div.gif) 0 0 repeat-x; 
	height:23px;
	padding:21px 0 10px 0;
	margin:0 96px 8px 0;
	text-align: center;
}
#header h2 span{
	font:bold 30px/20px Arial, Helvetica, sans-serif;
	color:#FDFF35;
	padding:0 0 0 0;
/*	background:url(images/h2_bg.gif) 0 0 repeat-x #7DBC07; */
	width:448px;
}
#header h2 a{ 
	color:#FDFF35;
	text-decoration: none;
	border-bottom: 2px dotted #FDFF35;
}
#header h2 a:hover{ 
	color:#03373B;
	text-decoration: none;
	border-bottom: 2px dotted #03373B;
}
#header p{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	margin:0 96px 18px 0;
	display:block;
}
#header p strong {
	background-color:#3A6200;
	color:#fff;
	padding:0 2px 0 4px;
}
#header a {color: #ffc}
#header a:hover {text-decoration: none}
#header a.viewMore {
	background:url(images/btn_click.gif) 0 0 no-repeat;
	width:228px;
	height:25px;
	display:block;
	margin:0 0 0 370px 
}
#header a.viewMore:hover{
	background:url(images/btn_click_hover.gif) 0 0 no-repeat;
}

#header #tag_link {
	position: relative;
}
#header ul {	
	font-size: 14px;	
}

#header ul li#header_beriman {	
	position: absolute;
	top: 180px;
	left: 213px;
}

#header ul li#header_mandiri {		
	position: absolute;
	top: 205px;
	left: 380px;
}

#header ul li#header_kreatif {		
	position: absolute;
	top: 255px;
	left: 308px;
}

#header ul li#header_cerdas {	
	position: absolute;
	top: 270px;
	left: 467px;
}

#header ul li#header_beriman a, #header ul li#header_mandiri a, #header ul li#header_kreatif a, #header ul li#header_cerdas a {	
	display: block;
	width: 150px;
	height: 40px;	
	text-indent: -1000px;
}

#header ul li#header_beriman a:hover, #header ul li#header_mandiri a:hover, #header ul li#header_kreatif a:hover, #header ul li#header_cerdas a:hover {
	border:2px dashed #B5DB14;
	background: #2A952C;
	opacity: 0.5 !important;
	filter:alpha(opacity=50);
}

/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
/*	width:965px;	*/
	width:965px;	
	margin:0 auto;
	padding:0;
	background-color:#fff;
	color:#000;
}
#body ul.nav{
	width:860px;	
	height:40px;
	border-bottom:#EEEEEE solid 4px;
	padding:8px 0 6px 80px;
	margin:0 0 24px 0;
	background-color:#fff;
	color:#000;
}
#body ul.nav li{
	display:block;
	background:url(images/nav_div.gif) right top repeat-y;
	float:left;
	height:40px;
	padding:0 0px 0 0;
}
#body ul.nav li.navLinkNoBdr{
	background-image:none;
}
#body ul.nav li a{
	display:block;
        background:url(images/icon_lain.gif) 0px 0 no-repeat #fff;
	padding: 0 12px 0 35px;
	font:bold 11px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
#body ul.nav li a:hover{
	background:url(images/icon_lain_hover.gif) 1px 0 no-repeat #fff;
	color:#F60 !important;
}

#body ul.nav li a.tbm {background-image:url(images/icon_tbm.gif)}
#body ul.nav li a.tbm:hover {background-image:url(images/icon_tbm_hover.gif)}
#body ul.nav li a.tk {background-image:url(images/icon_tk.gif)}
#body ul.nav li a.tk:hover {background-image:url(images/icon_tk_hover.gif)}
#body ul.nav li a.sd {background-image:url(images/icon_sd.gif)}
#body ul.nav li a.sd:hover {background-image:url(images/icon_sd_hover.gif)}
#body ul.nav li a.smp {background-image:url(images/icon_smp.gif)}
#body ul.nav li a.smp:hover {background-image:url(images/icon_smp_hover.gif)}
#body ul.nav li a.sma {background-image:url(images/icon_sma.gif)}
#body ul.nav li a.sma:hover {background-image:url(images/icon_sma_hover.gif)}
#body ul.nav li a.kpp {background-image:url(images/icon_kpp.gif)}
#body ul.nav li a.kpp:hover {background-image:url(images/icon_kpp_hover.gif)}
#body ul.nav li a.warta {background-image:url(images/icon_warta.gif)}
#body ul.nav li a.warta:hover {background-image:url(images/icon_warta_hover.gif)}
#body ul.nav li a.seni {background-image:url(images/icon_warta.gif)}
#body ul.nav li a.seni:hover {background-image:url(images/icon_warta_hover.gif)}
#body ul.nav li a.sains {background-image:url(images/icon_sma_sains.gif)}
#body ul.nav li a.sains:hover {background-image:url(images/icon_sains_lib4.gif)}
#body ul.nav li a.psb {background-image:url(images/icon_psb.gif)}
#body ul.nav li a.psb:hover {background-image:url(images/icon_psb_hover.gif)}
#body ul.nav li a.alumni {background-image:url(images/icon_alumni.gif)}
#body ul.nav li a.alumni:hover {background-image:url(images/icon_alumni_hover.gif)}
#body ul.nav li a.choir {background-image:url(images/icon_choir.gif)}
#body ul.nav li a.choir:hover {background-image:url(images/icon_choir_hover.gif)}


/*------------------------------------------------left panel--------------------*/
#left{
	width:366px;
	padding:5px 15px 0 22px;
	float:left;
}
#body .nomiddle {
	width: 657px;
}
#left h2{
	font:bold 24px/26px Arial, Helvetica, sans-serif;
	color:#497C00;
	background-color:#fff;
	margin:0 0 12px 0;
	display:block;
	
}

#left h2.title_public {	
	background: #ffffff url(images/icon_iconlib.gif) no-repeat top left;		
	padding-left: 45px;	
}

#left h2.title_tbm {	
	background: #ffffff url(images/title_tbm_bg.gif) no-repeat top left;		
	padding-left: 35px;	
}

#left h2.title_tk {	
	background: #ffffff url(images/title_tk_bg.gif) no-repeat top left;		
	padding-left: 35px;	
}

#left h2.title_sd {	
	background: #ffffff url(images/title_sd_bg.gif) no-repeat top left;		
	padding-left: 35px;	
}

#left h2.title_smp {	
	background: #ffffff url(images/title_smp_bg.gif) no-repeat top left;		
	padding-left: 35px;	
}

#left h2.title_sma {	
	background: #ffffff url(images/title_sma_bg.gif) no-repeat top left;		
	padding-left: 35px;	
}

#left h2.title_kpp {	
	background: #ffffff url(images/title_kpp_bg.gif) no-repeat top left;		
	padding-left: 35px;	
}

#left h2.title_seni {	
	background: #ffffff url(images/icon_arts.gif) no-repeat top left;		
	padding-left: 40px;	
}

#left h2.title_accaco {	
	background: #ffffff url(images/icon_choir_hover.gif) no-repeat top left;		
	padding-left: 40px;	
}

#left h2.title_sains {	
	background: #ffffff url(images/icon_sains_lib4.gif) no-repeat top left;		
	padding-left: 40px;	
}

#left h2.title_lib {	
	background: #ffffff url(images/article-32.png) no-repeat top left;		
	padding-left: 40px;	
}			

#left h2.title_karir {	
	background: #ffffff url(images/icon_career.gif) no-repeat top left;		
	padding-left: 35px;	
}

#left .single{	
	line-height: 30px;
}



#left p.lftText, #left p{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:4px 0;
}
#left p.lftText strong{
	color:#9E3F01;
	background-color:#FFF6DB;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
}

#left p.lftText span.firstLetter {
	display: block;
	width: 45px;
	height: 45px;
	float: left;
	font-size: 50px;	
	line-height: 50px;
	font-weight: bold;	
	color: #9E3F01;
}

#left p.viewMore{
	width:77px;
	height:13px;
	background:url(images/view_more_bg.gif) 0 0 repeat-x;
	padding:0 0 0 288px;
	margin:15px 0 24px 0;
	font-size:0;
	display:block;
}

#left p.back{
	width:77px;
	height:13px;
	background:url(images/back_bg.gif) 0 0 repeat-x;
	padding:0 0 0 288px;
	margin:15px 0 24px 0;
	font-size:0;
	display:block;
}

#left p.more{
	width:77px;
	height:13px;
	background:url(images/back_bg.gif) 0 0 repeat-x;
	padding:0 0 0 288px;
	margin:15px 0 24px 0;
	font-size:0;
	display:block;
}

#left p.viewMoreNM{
	width:50px;
	height:13px;
	background:url(images/view_more_bg.gif) 0 0 repeat-x;
	padding:0 0 0 550px;
	margin:15px 0 24px 0;
	font-size:0;
	display:block;
}
#left p.viewMore a{
	background:url(images/view_more.gif) 0 0 no-repeat;
	width:77px;
	height:13px;
	display:block;
}

#left p.back a{
	background:url(images/icon_back.gif) 0 0 no-repeat;
	width:77px;
	height:13px;
	display:block;
}

#left p.more a{
	background:url(images/icon_arsip_lain.gif) 0 0 no-repeat;
	width:77px;
	height:13px;
	display:block;
}

#left p.viewMore a:hover{
	background:url(images/view_more_hover.gif) 0 0 no-repeat;
}

#left p.back a:hover{
	background:url(images/icon_back_hover.gif) 0 0 no-repeat;
}

#left p.more a:hover{
	background:url(images/icon_arsip_lain_hover.gif) 0 0 no-repeat;
}

#left p.viewMoreNM a{
	background:url(images/view_more.gif) 0 0 no-repeat;
	width:77px;
	height:13px;
	display:block;
	text-decoration: none;
}
#left p.viewMoreNM a:hover{
	background:url(images/view_more_hover.gif) 0 0 no-repeat;
}
#leftTop{
	width:375px;
	background:url(images/left_top_bg.gif) 0 0 repeat-y;
	margin-bottom: 20px;
}
#leftTop p.top1{
	background:url(images/left_top_top.gif) 0 0 no-repeat;
	width:375px;
	height:10px;
	margin:0!important;
	margin: 0 0 -3px 0;
}
#leftTop h2{
	color: #4A5F8B;
	background:url(images/left_top_h2.gif) 0 0 no-repeat;
	height:61px;
	padding-left: 60px;
	padding-top: 5px;
}
#leftTop p.lftTopText{
	margin:0 13px 0 18px;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#676B6F;
	background-color:#F1F7FC;
}
#leftTop p.lftTopText strong{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#C24E01;
	background-color:#F1F7FC;
}
#leftTop p.lftTopText a{
	margin:0 10px 0 0px;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#7C9BC5;
	background:#F1F7FC url(images/left_top_a.gif) no-repeat;
	display: block;	
	text-indent: -1000px;
}

#leftTop p.lftTopText a:hover{	
	background:#F1F7FC url(images/left_top_a_hover.gif) no-repeat;	
}

#leftTop p.bot1{
	background:url(images/left_top_bottom.gif) 0 0 no-repeat;
	width:375px;
	height:17px;
}
#leftBottom{
	width:364px;
	background:url(images/left_bottom_bg.gif) 0 0 repeat-y;
	margin-bottom: 20px;
}
#leftBottom p.top1{
	background:url(images/left_bottom_top.gif) 0 0 no-repeat;
	width:364px;
	height:10px;
	margin:0!important;
	margin: 0 0 -3px 0;
}
#leftBottom h2{
	background:url(images/left_bottom_h2.gif) 0 0 no-repeat;
	height:52px;
	padding-left: 60px;
}
#leftBottom p.lftBottomText{
	margin:0 13px 0 18px;
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#91835B;
	background-color:#fff;
}
#leftBottom p.lftBottomText strong{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#C24E01;
	background-color:#fff;
}
#leftBottom p.bot1{
	background:url(images/left_bottom_bot.gif) 0 0 no-repeat;
	width:364px;
	height:17px;
}
#left h1{
	font:bold 30px/24px Arial, Helvetica, sans-serif;
	color:#dfdfdf;
	background-color:#fff;
	margin:0 0 12px 0;
	display:block;
	text-align: right;
}

#left .content_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#left .content_list span.pesan {
	color: red;
}

#left .content_item h2{
	font:bold 24px/24px Arial, Helvetica, sans-serif;
	color:#497C00;
	background-color:#fff;
	margin:0 0 12px 0;
	display:block;
}

#left .content_item h2.agenda{	
	margin-top: -5px;	
	margin-bottom: 17px;
}

#left .content_item .contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #91835b;
}

#left .content_item .contact strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #91835b;
	background-color: #fff;
}

#left .content_item h2 a{
	color:#497C00;
	background-color:#fff;
	text-decoration: none;
	padding: 0px;
}
#left .content_item h2 a:hover{
	color:#A60303;
	background-color:#fff;
	text-decoration: underline;
}

#left.nomiddle .content_item h2 a:hover{
	color:#A60303;
	background-color:#fff;
	text-decoration: none;
}

#left .content_item h4{
	font-family: Arial, Helvetica, sans-serif;	
	color:#9E3F01;	
	font-size-adjust: none;
	font-stretch: normal;
}

#left .content_item strong{	
	font-family: Arial, Helvetica, sans-serif;	
	color:#9E3F01;		
	background-color:#FFF6DB;
}

#left .content_item p {
	font-family: Arial, Helvetica, sans-serif;	
}

#left .content_item ul {
	padding-top: 10px;
}

#left .content_item table tr td {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}	

#left .content_item table tr td strong{	
	background-color: #fff;
}

#left .content_item ul li.home {	
	background: url(images/icon_contact_home.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;	
	color: #C24E01;
	display: block;
	height: 32px;
	font-weight: bold;
	padding-left: 40px;
	padding-top: 0px;
	padding-bottom: 10px;
}

#left .content_item ul li.mail{	
	background: url(images/icon_contact_mail.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;	
	color: #C24E01;
	display: block;
	height: 32px;
	font-weight: bold;
	padding-left: 40px;	
	padding-top: 3px;
	padding-bottom: 10px;
}

#left .content_item ul li.mail a {	
	color: #4A5F8B;
	font-style: italic;
	font-weight: bold;
}

#left .content_item ul li.mail a:hover {
	text-decoration: none;
}	

#left .content_item ul li.phone{	
	background: url(images/icon_contact_phone.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;	
	color: #C24E01;
	display: block;
	height: 32px;
	font-weight: bold;
	padding-left: 40px;	
	padding-top: 3px;
	padding-bottom: 10px;
}

#left .content_item ul li.fax{	
	background: url(images/icon_contact_fax.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;	
	color: #C24E01;
	display: block;
	height: 32px;
	font-weight: bold;
	padding-left: 40px;	
	padding-top: 5px;
}

#left .content_item ul.warta li {	
	background: #fff url(images/warta_pdf.gif) no-repeat;
	width: 288px;
	height: 42px;		
	padding: 5px 0 0 45px;
	margin-bottom: 10px;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color: #C24E01;
}

#left .content_item ul.warta li.detail {
	float: left;	
}	

#left .content_item ul.warta li:hover {
	background: #EEEEEE url(images/warta_pdf_hover.gif) no-repeat;
}

#left .content_item ul.warta li a {
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color: #263A52;	
	display: inline;
	padding-right: 7px;
	border-right: 1px solid #263A52;
}

#left .content_item ul.warta li a:hover {
	color: #4D7906;
}

#left .content_item ul.warta li a.noborder {	
	padding-left: 5px;
	border-right: 0;	
}

#left ol, #left ul {	
	font:normal 12px/19px Arial, Helvetica, sans-serif;		
}

#left .content_item div.rubrik_table {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;		
}

#left .content_item div.rubrik_table table { 	
	width: 100%;	
}

#left .content_item div.rubrik_table table tr.tr_header{ 	
	font-weight: bold;
}

#left .content_item div.rubrik_table table td{ 	
	border: 1px solid #cccccc;
	text-align: center;	
}

#left #gallery ul {
	background-color:#F1F1F1;
/*	background-color:#DADADA; */
	color:#000;
	padding:8px 0 8px 8px;
	float:left;
	display:block;
	margin-bottom: 5px;
}

#left #gallery ul li {
	float : left;
	border-right:#F1F1F1 solid 8px;	
	background-color: #ffffff;
}

#left #gallery ul li a img{
	border: 0;
}

#left #gallery_detail img {
	border:10px solid #E0E0E0;
/*	border:10px solid #5794BF; */
	margin:10px; 
	padding:10px;	
}

#left .content_item table.agenda {
	width: 100%;
	border: 1px solid #DADADA;
	font-size: 12px; 
	font-family:  arial, helveltica, sans-serif;
	line-height: 14px;	
}

#left .content_item table.agenda tr td {
	border-bottom: 1px solid #DADADA;
	padding: 5px;
}

#left .content_item table.agenda tr.header {
	font-weight: bold;
}

#left .content_item table.agenda tr.header td {		
	font-weight: bold;
	background-color: #F2F6F6;
	border-bottom: 2px solid #C65E6A;
}

#left .content_item table.agenda tr td.title {
	background-color: #F2F6F6;	
}

#left .content_item dl{
	font: normal 12px/19px Arial, Helvetica, sans-serif;		
}

#left .content_item dt { float:left; width: 5em; padding:2px; color: #c66;}
#left .content_item dd { margin-left:5em; padding:2px; }


/*------------------------------------------------left panel--------------------*/

/*------------------------------------------------mid panel--------------------*/
#mid {
	width:245px;
	width:252px !important;
/*	border:#FF6600 solid 1px; */
	border:#DADADA solid 1px;
/*	background:url(images/mid_panel_bg.gif) 0 0 repeat-x #FF660e; */
	background:url(images/mid_panel_bg_e1.gif) 0 0 repeat-x #DADADA;
/*	background:url(images/mid_panel_bg.gif) 0 0 repeat-x #DADADA; */
/*	color:#fff; */
	color:#000;
	padding:4px 10px 0 10px;
	margin:0 17px 0 0;
	float:left;
}
#mid h2{
	font:bold 22px/38px Arial, Helvetica, sans-serif;
}
#mid img.pic {
	margin:4px 0 4px 0;
	border: 5px solid #FDFF35;
/*	border: 5px solid #DADADA; */
	width: 242px;
}
#mid h3{
	font:bold 12px/29px Arial, Helvetica, sans-serif;
/*	color:#FFF414; */
	color:#000000;
/*	background-color:#FF6600; */
	background-color:#DADADA;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
#mid p.midText{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
/*	color:#fff; */
	color:#000;
/*	background-color:#FF6600; */
	background-color:#DADADA;
	margin:0 0 31px 0;
}
#mid p.midText2{
	font:bold 16px/22px Arial, Helvetica, sans-serif;
	color:#fff;
/*	background-color:#FF6600; */
	background-color:#DADADA;
	margin:0 0 20px 0;
}
/* #mid a {color:#ffc} */
#mid a {color:#407CA7}
#mid a:hover {text-decoration: none}
/*------------------------------------------------mid panel--------------------*/

/*------------------------------------------------right panel--------------------*/
#right{
	width:264px;
	float:left;
}
#right h2.mem{
	width:214px;
	height:57px;
	background:url(images/member_login.gif) 0 0 no-repeat;
	padding:0 0 0 50px;
	font:bold 20px/57px Arial, Helvetica, sans-serif;
	color:#7BCA0A;
	background-color:inherit;
}
#right h2.por{
	width:214px;
	height:57px;
	background:url(images/portal_elearning.gif) 0 0 no-repeat;
/*	background:url(images/portall_elearning_e2.gif) 0 0 no-repeat; */
	padding:0 0 0 50px;
	font:bold 20px/57px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
}
#right h2.lib{
	width:214px;
	height:57px;
	background:url(images/library_login.gif) 0 0 no-repeat;
	padding:0 0 0 50px;
	font:bold 20px/57px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
}
#right h2.alm{
	width:214px;
	height:57px;
	background:url(images/alumni_login.gif) 0 0 no-repeat;
	padding:0 0 0 50px;
	font:bold 20px/57px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
}
#right form.mem{
	background:url(images/memberlogin_bg.gif) 0 0 repeat-y;
	width:228px;
	padding:0 18px;
	margin:0;
}
#right form.por{
	background:url(images/portal_elearning_bg.gif) 0 0 repeat-y;
/*	background:url(images/portal_elearning_bg_e2.gif) 0 0 repeat-y; */
	width:228px;
	padding:0 18px;
	margin:0;
}
#right form input.txtBox{
	width:206px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	/*font:normal 11px/19px Arial, Helvetica, sans-serif;*/
	color:#000;
	background-color:#fff;
	margin:0 0 17px 0;
	padding:0 0 0 20px;
}
#right form.mem a{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#FF6600;
	background-color:#131313;
	text-decoration:underline;
	float:left;
	background:url(images/register_here_bg.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	width:200px;
}
#right form.mem a:hover{
	text-decoration:none;
}
#right form.por a{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#ffffcc;
	background-color:#fc691b;
	text-decoration:underline;
	float:left;
	padding:0 0 0 14px;
	width:200px;
}
#right form.por a:hover{
	text-decoration:none;
}
#right form.mem input.login{
	background:url(images/btn_login.gif) 0 0 no-repeat;
	width:53px;
	height:13px;
	border:none;
	cursor:pointer;
	float:right;
}
#right p.bottom2{
	background:url(images/memberlogin_bot.gif) 0 0 no-repeat;
	width:264px;
	height:25px;
	margin:0 0 5px 0;
}
#right p.porbottom2{
	background:url(images/portal_elearning_bot.gif) 0 0 no-repeat;
/*	background:url(images/portal_elearning_bot_e2.gif) 0 0 no-repeat; */
	width:264px;
	height:25px;
	margin:0 0 5px 0;
}

#right div.submenu {
	border: 0px dashed #b5db14;	
}

#right h2.solution{
	font:bold 24px/39px Arial, Helvetica, sans-serif;
	color:#497C00;
	background-color:#fff;
	padding:0 0 0 17px;
}
#right ul{
	width:238px;
	padding:0 0 0 17px;
}
#right ul li{
	display:block;
	background:url(images/solution_div.gif) left bottom repeat-x;
	height:20px;
	width:238px;
	padding:0 0 1px 0;
}
#right ul li a{
	background:url(images/arrow.gif) 0 7px no-repeat;
	padding:0 0 0 14px;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	margin:0;
	display:block;
}
#right ul li a:hover{
	color:#A60303;
	background-color:#ECECEC;
}
#right ul li.noImg{
	display:block;
	background-image:none;
	height:20px;
}

#sectionmenu {
	font: bold 14px/14px Arial, helveltica, sans-serif;
	width:247px;
	border: 2px dashed #6C6A6C;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

#sectionmenu h4 {
	font-size: 16px;
	color: #4C7E04;		
	padding-left: 20px;
	padding-top: 0px;	
	margin-top: 0px;
	margin-bottom: 0px;
}

#sectionmenu ul {
	width: 240px;	
}

#sectionmenu ul li {		
	background-image: none;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	margin:0;	
	height: 32px;
	display: block;	
	background-color: transparent;
	
}

#sectionmenu ul li a{	
	min-height: 32px;	
	padding-left: 35px;		
	width: 200px;
}	

#sectionmenu ul li.tipe_0 a {	
	background:url(images/ai-tatatertib.gif) 0 7px no-repeat;			
	padding-top: 13px;		
}

#sectionmenu ul li.tipe_1 a {
	background:url(images/ai-tentang.gif) 0 7px no-repeat;			
	padding-top: 13px;		
}

#sectionmenu ul li.tipe_2 a{
	background:url(images/ai-pembiasaan.gif) 0 7px no-repeat;			
	padding-top: 13px;		
}

#sectionmenu ul li.tipe_3 a{
	background:url(images/ai-kegiatan.gif) 0 7px no-repeat;			
	padding-top: 13px;		
}

#sectionmenu ul li.tipe_4 a{	
	background:url(images/ai-pembiasaan.gif) 0 7px no-repeat;
	margin-bottom: 5px;	
	padding-top: 13px;		
}

#sectionmenu ul li.tipe_5 a{	
	background:url(images/ai-hakkewajiban.gif) 0 7px no-repeat;			
	padding-top: 13px;			
}

#sectionmenu ul li.tipe_6 a{	
	background:url(images/services_icon.gif) 0 7px no-repeat;			
	padding-top: 13px;			
}

#sectionmenu ul li.tipe_7 a{	
	background:url(images/icon_career.gif) 0 7px no-repeat;			
	padding-top: 13px;			
}

#sectionmenu ul li.tipe_8 a{	
	background:url(images/email-32.png) 0 7px no-repeat;			
	padding-top: 13px;			
}

#sectionmenu ul li.tipe_9 a{	
	background:url(images/onebit_19_.png) 0 7px no-repeat;			
	padding-top: 13px;			
}

#sectionmenu ul li.icon_akademik {
	margin-left: 3px;
	margin-top: 5px;
}

#sectionmenu ul li.icon_akademik a{	
	background:url(images/icon_kalender_akademik.gif) 0 7px no-repeat;			
	padding-top: 10px;			
}


/*------------------------------------------------right panel--------------------*/

/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:953px;
	margin:18px 0 0 0;
	padding:8px 8px 19px 7px;
	float:left;
}
#bodyBottom ul{
	width:944px;
	background-color:#F1F1F1;
	color:#000;
	padding:8px 0 8px 9px;
	float:left;
	display:block;
}
#bodyBottom ul li{
	padding:7px 55px 8px 12px !important;
	padding:7px 13px 8px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	border-right:#F1F1F1 solid 8px;
	display:block;
	width:238px !important;
	width:238px;
}
#bodyBottom ul li.one a{
	font:bold 11px/43px Arial, Helvetica, sans-serif;
	color:#D35400;
	background-color:#fff;
	text-decoration:underline;
	margin:0 0 0 0;
	display:block;
}
#bodyBottom ul li.one a:hover{
	color:#528B00;
	background-color:#fff;
	text-decoration:none;
}
#bodyBottom ul li.two a{
	font:bold 11px/43px Arial, Helvetica, sans-serif;
	color:#D35400;
	background-color:#fff;
	text-decoration:underline;
	margin:0 0 0 0;
	display:block;
}
#bodyBottom ul li.two a:hover{
	color:#528B00;
	background-color:#fff;
	text-decoration:none;
}
#bodyBottom ul li.three a{
	font:bold 11px/43px Arial, Helvetica, sans-serif;
	color:#D35400;
	background-color:#fff;
	text-decoration:underline;
	margin:0 0 0 0;
	display:block;
}
#bodyBottom ul li.three a:hover{
	color:#528B00;
	background-color:#fff;
	text-decoration:none;
}
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:968px;
	margin:0 auto;
	height:105px;
	background-color:#fff;
	color:#000;
	padding:0 0 16px 0;
}
#footer{
	width:953px;
	margin:0 auto;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	height:100px;
	position:relative;
}
#footer ul{
	width:457px;
	position:absolute;
	left:350px;
	top:20px;
}
#footer ul li{
	float:left;
	color:#fff;
	background-color:inherit;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 11px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#fff;
	background-color:#03373B;
}
#footer p.copyright{
	font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FDFF35;
	background-color:inherit;
	position:absolute;
	left:274px;
	top:38px;
	padding-bottom:4px;
}
#footer a.xht{
	width:85px;
	height:13px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:391px;
	top:59px;
	margin:0;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs{
	width:85px;
	height:13px;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:478px;
	top:59px;
	margin:0;
}
#footer a.cs:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer p.design{
	display:block;
	width:287px;
	height:17px;
	padding:3px;
	position:absolute;
	left:332px;
	top:83px;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#03373B;
	text-transform:none;
	text-align:center;
}
#footer p.design a.link{
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#03373B;
	text-decoration:none;
	text-transform:none;
}
#footer p.design a.link:hover{
	color:#FDFF35;
	background-color:#03373B;
}
/*------------------------------------------------footer--------------------*/

/*--------------------------------------- paging ------------------------------*/
.paging {text-align:left;	font-size:10px !important;}
.paging span, .paging a {padding:1px 2px;margin-right:4px}
.paging a span {padding:1px 1px}
.paging a, .paging a:visited, .paging a:active{
	text-decoration:none;
	border:1px solid #cccccc;
	background: #f0f0f0 url(images/bgpaging.gif) repeat-x;
	color:#333333;
}
.paging a:hover, .paging span.selected{
	border:1px solid #FFABAB;
	background: #FFABAB url(images/bgpaginghover.gif) repeat-x;
	color:#c00;
}
.paging a.first, .paging a.last {}
.paging span.title{
	color:#7C8085;
}