body{
	
	background-color:#ffffff;
}

table{
			border-collapse:collapse;
		}

input:disabled {
    background: white;
}
textarea:disabled {
    background: white;
}

a:link {
	color:black;
    text-decoration: none;
	font:12px verdana;
					
}
a.test{
	color:red;
    text-decoration: none;
	font:12px verdana;

}

a:visited {
    color:black;
	text-decoration: none;
}

a:hover {
    text-decoration: bold;
}

a:active {
    color:black;
	text-decoration: none;
}	
.kotak_atas{
	position:relative;
	height:80px;
	width:100%;
	top:-545px;
	margin-left:auto;
	margin-right:auto;
	
}
.kotak_atas2{
	position:relative;
	height:80px;
	width:100%;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	
}
.kotak_atas2{
	position:fixed;
	height:80px;
	width:100%;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F8F8F8;
}

.gbr_atas{
	position:relative;
	height:550px;
	width:100%;
	top:-40px;
	margin:auto;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
	border-bottom:5px solid #DAD8D8;
	
	}

.pilihan_program{
		position:absolute;
		height:50%;
		width:37%;
		top:140px;
		margin:auto;	
		padding:20px;

}	


.judul_sipmb{
	background-color:orange;
	width:100%;
	position:relative;
	top:-120px; 
	height:100px;
	text-align:center;
	color:white;
	padding:28px;
	font:30px calibri;
}

.judul_baru{
background-color:orange;
	width:100%;
	position:relative;
	top:-120px; 
	height:100px;
	text-align:center;
	color:white;
	padding:28px;
	font:30px calibri;
}

@media only screen and (max-width: 500px) {
	.pilihan_program{
		top:100px;
		
	}
	.judul_sipmb{
		font:18px trebuchet ms;
	}	
}

.isinya{
	position:relative;
	top:-140px;
	
}
.isinya2{
	position:relative;
	top:60px;
	width:1000px;
	margin:auto;
}

	.kop_logo{
		position:absolute;
		top:25px;
		left:40px
	}
	.logo_rmdn{
		position:absolute;
		top:0px;
		left:849px
	}
	.judul_unisma{
		position:absolute;
		top:45px;
		left:90px;
		color:black;
		font: 25px trebuchet ms;
		font-Weight:bold;	
	}
	
	.judul_prepare{
		position:absolute;
		top:30px;
		left:92px;
		color:black;
		font-style:italic;
	}
	.judul_ramadhan{
		position:absolute;
		color:black;
		top:30px;
		right:50px;
		font: 28px segoe script; 	
		width:100%;
		text-align:right;
	}

	.kop_logo2{
		position:absolute;
		top:4px;
		left:30px
	}
	.logo_rmdn{
		position:absolute;
		top:0px;
		left:849px
	}
	.judul_unisma2{
		position:absolute;
		top:13px;
		left:80px;
		font: 25px trebuchet ms;
		font-Weight:bold;	
	}
	
	.judul_prepare2{
		position:absolute;
		top:8px;
		left:82px;
		font-style:italic;
	}
	.judul_ramadhan2{
		position:absolute;
		top:8px;
		right:50px;
		font: 28px segoe script; 	
		width:100%;
		text-align:right;
	}
	
	#isi_atas{
		text-align:center;
		width:100%;
		height:39px;
		position:fixed;
		margin-left:auto;
		margin-right:auto;
		top:100px;	
		border-bottom:1px solid #F1F1F1;
					
		background-color:white;	
	}
		.visi{
			position:absolute;
			font: 14px Trebuchet MS;
			
			top:10px;
			left:85px;
			text-align:center;
		}
		.misi{
			position:absolute;
			font: 14px Trebuchet MS;
			
			top:10px;
			left:120px;
			text-align:center;
			
		}
		.karakter{
			position:absolute;
			font: 14px Trebuchet MS;
			font-weight:bold;
			top:10px;
			left:158px;
			text-align:center;
			
		}
		.renstra{
			position:absolute;
			font: 14px Trebuchet MS;
			font-weight:bold;
			top:10px;
			left:226px;
			text-align:center;
			
		}
		.syahadat{
			position:absolute;
			font: 14px Trebuchet MS;
			
			top:10px;
			height:100%;
			left:100px;
			text-align:center;
			
		}
		.perintah{
			position:absolute;
			font: 14px Trebuchet MS;
			height:100%;
			left:170px;
			top:10px;
		}
		.pesan{
			position:absolute;
			font: 14px Trebuchet MS;
			height:100%;
			left:285px;
			top:10px;
		}
	
		.alquran{
			position:absolute;
			font: 14px Trebuchet MS;
			height:20px;
			left:80px;
			top:12px;
		}
		.hadits{
			position:absolute;
			font: 14px Trebuchet MS;			
			top:12px;
			height:100%;
			left:149px;
			text-align:center;
			
		}
		.aktivitas{
			position:absolute;
			font: 14px Trebuchet MS;
			height:20px;
			left:202px;
			top:12px;
		}
		.registrasi{
			position:absolute;
			font: 14px Trebuchet MS;
			height:20px;
			left:268px;
			top:12px;
		}
		.surat{
			position:absolute;
			font: 14px Trebuchet MS;
			height:20px;
			left:336px;
			top:12px;
		}
		.aturan{
			position:absolute;
			font: 14px Trebuchet MS;
			height:20px;
			left:388px;
			top:12px;
		}
		.biodata{
			position:absolute;
			font: 14px Trebuchet MS;
			height:20px;
			left:517px;
			top:12px;
		}
		.beranda{
			position:absolute;
			font: 14px Trebuchet MS;			
			top:12px;
			height:20px;
			left:562px;
			margin:auto;
			text-align:center;			
		}
		.pengumuman{
			position:absolute;
			font: 14px Trebuchet MS;			
			top:10px;
			height:100%;
			left:276px;
			text-align:center;			
		}
		.daftar{
			position:absolute;
			font: 14px Trebuchet MS;
			height:100%;
			left:200px;
			top:12px;
		}
		.berkas{
			position:absolute;
			font: 14px Trebuchet MS;
			height:100%;
			left:300px;
			top:10px;
		}
		.riwayat{
			position:absolute;
			font: 14px Trebuchet MS;
			height:100%;
			left:385px;
			top:12px;
		}
		
		.judul_log{
		position:absolute;
		top:10px;
		left:790px;
		font: 15px Trebuchet ms; 	
		
		}
		.no_id{
		position:absolute;
		top:12px;
		right:135px;
		font: 12px segoe script;
		font-weight:bold;
		width:200px; 
		color:green;		
		text-align:right;			
		}		
		.tbl_keluar{
		position:absolute;
		top:9px;
		right:35px;
		font: 12px verdana; 	
		width:200px;		
		text-align:right;			
		}
.kesamping1{
	width: 10px; 
	float:left; 
}
.kesamping1a{
	width: 9px; 
	float:left; 
	background: -webkit-linear-gradient(left, white 0%,white 7%, #DCDCDC 100%); 
	background: -o-linear-gradient(left, white 0%, #DCDCDC 100%);/* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, white 0%, #DCDCDC 100%);
	height:1455px;
}
.kesamping2{
	width:3000px; 
	float:left; 
	
}
.kesamping2a{
	width:1000px; 
	float:left; 
}

.kesamping3{
	width: 10px; 
	float:left; 
	
	background: -webkit-linear-gradient(left, #DCDCDC 0%, white 100%); 
	background: -o-linear-gradient(left, #DCDCDC 0%, white 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #DCDCDC 0%, white 100%); /* For Firefox 3.6 to 15 */
    
}
.kesamping3a{
	width: 10px; 
	float:left; 
	background: -webkit-linear-gradient(left, #DCDCDC 0%, white 100%); 
	background: -o-linear-gradient(left, #DCDCDC 0%, white 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #DCDCDC 0%, white 100%); /* For Firefox 3.6 to 15 */
	height:1455px;
}
#kotak_tengah{
	margin:auto;
	width:100%;
	position:relative;
	left:0.5px;
	top:135px;
	background-color:red;
}	
#kotak_tengah2{
	margin:auto;
	width:1020px;
	position:relative;
	left:0.5px;
	top:135px;
}
.kotak_tengah3{
	position:relative;
	top:0px;
	height:100px;
	text-align:center;
	padding:35px;
	font:24px Trebuchet ms;
	text-align:center;
	background-color:orange;
}
.lebar_tengah{
	margin:auto;
	width:990px;
	position:relative;
	height:1425px;
}	
		.isi_tengah_foto{
			color:red;
			text-align:center;
			width:1000px;
			height:400px;
			background-image:url("img/back1.jpg");
			background-repeat:no-repeat;
			background-position:center;
			position:relative;
			margin-left:auto;
			margin-right:auto;
			top:0px;
			background-color:yellow;
		}
		
		#kemasan_tengah{
			margin:auto;
			width:100%;
			position:relative;
			height:1345px;
			top:0px;
			left:0px;
		}
			.isi_selamat_datang{	
				background-color:yellow;
				width:100%;
				height:5px;
				text-align:center;
				color:green;
				font: 20px Trebuchet MS;
			}
			.blok_tayangan{	
				width:20px;
				height:5px;
				text-align:center;
				color:white;
				font: 12px Trebuchet MS;
				border:1px solid green;
				padding:2px;
			}
			.judul_slmt_dtg{
				text-align:center;
				font:20px Verdana;
				color:green;
				position:absolute;
				width:100%;
				height:10px;
				margin-top:16px;
			}
			
			.judul_menu{	
				text-align:center;
				width:80%;
				height:60px;
				
				position:relative;
				margin-left:auto;
				margin-right:auto;				

				top:0px;
				font:20px sans-serif;
				font-family: verdana;
				color:green;
			}
				
			.tbl_biodata{
				text-align:left;
				width:100%;
				position:relative;
				margin-left:auto;
				margin-right:auto;
			
			}
				.th_biodata{
					width:30%;
				
				}
			.kelengkapan2{
				text-align:center;
				width:100%;
				height:230px;				
				position:relative;
				margin-left:auto;
				background-color : #F8F8F8;
				margin-right:auto;
				top:10px;
			}	
			.kelengkapan{
				text-align:center;
				width:100%;
				height:990px;				
				position:relative;
				background-color : #F8F8F8;
			}	
				.kelengkapan_judul{
					position:absolute;
					width:90%;
					font:18px Trebuchet MS  ;
					padding:30px;
					margin-left:20px;	
				}
				.kelengkapan_isi{
					position:absolute;
					width:100%;								
				}
			th.jdl_lppm{
				height:20px;
				text-align:left;
				font:18px Verdana;
				font-weight:Bold;
				color:black;
				width:400px;
			}
			td.isi_lppm{
				text-align:justify;
				font:12px Trebuchet MS;
				
			}
			td.dibawah{
				border-bottom-style: solid;
				border-width:1px;
				border-color:#E0E0E0;

			}
			td.tgl_lppm{
				text-align:left;
				font:12px Trebuchet MS;
				font-weight:Bold;
				color:grey;		
			}
			td.tulis_lppm{
				text-align:right;
				font:12px Trebuchet MS;
				color:grey;		
			}
				.kelengkapan_simpan{
					position:relative;
					width:60%;
					margin-left:auto;
					margin-right:auto;
					
					text-align:left;
					
				}
				.kelengkapan_simpan2{
					position:absolute;
					width:10%;
					height:10px;
					top:175px;	
					left:830px;
											
				}
				.kelengkapan_simpan3{
					position:absolute;
					width:10%;
					height:10px;
					top:198x;	
					left:830px;
											
				}
				
				
				.kelengkapan_isi2{
					position:absolute;
					width:100%;
					
					top:65px;				
				}
			
			.tombol_surat{				
				text-align:center;
				width:70%;
				height:350px;				
				position:relative;
				margin-left:auto;
				margin-right:auto;
			}	
			.ktk_brs_tlt3a{
				text-align:left;
				width:200px;
				position:relative;	
				left:30px;
				top:-70px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;
				font-weight:bold;
				
			}
			.kotak_tombol1{
					width:24.5%;
					height:18%;
					top:1px;
					left:1px;
					position:absolute;
					background-color : white;					
				}
			.kotak_tombol1w{
					width:24.5%;
					height:18%;
					top:1px;
					left:1px;
					position:absolute;
				}
					.kotak_aktiv{
						position:absolute;
						width:100%;
						height:25%;
						top:22px;	
						
					}					
				.kotak_tombol2{
					width:24.5%;
					height:18%;	
					top:1px;
					left:173px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol3{
					width:24.5%;
					height:18%;	
					top:1px;
					left:345px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol22{
					width:24.5%;
					height:18%;	
					top:1px;
					left:163px;
					position:absolute;
				}
				.kotak_tombol33{
					width:24.5%;
					height:18%;	
					top:1px;
					left:345px;
					position:absolute;
				}
				.kotak_tombol4{
					width:24.5%;
					height:18%;	
					top:1px;
					left:517px;
					position:absolute;
					background-color : white;
				}
				
				.kotak_tombol5{
					width:24.5%;
					height:18%;
					top:65px;
					left:1px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol6{
					width:24.5%;
					height:18%;	
					top:65px;
					left:173px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol7{
					width:24.5%;
					height:18%;	
					top:65px;
					left:345px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol8{
					width:24.5%;
					height:18%;	
					top:65px;
					left:517px;
					position:absolute;
					background-color : white;
				}
				
				.kotak_tombol9{
					width:24.5%;
					height:18%;
					top:129px;
					left:1px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol10{
					width:24.5%;
					height:18%;	
					top:129px;
					left:173px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol11{
					width:24.5%;
					height:18%;	
					top:129px;
					left:345px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol12{
					width:24.5%;
					height:18%;	
					top:129px;
					left:517px;
					position:absolute;
					background-color : white;
				}
				
				.kotak_tombol13{
					width:24.5%;
					height:18%;
					top:193px;
					left:1px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol14{
					width:24.5%;
					height:18%;	
					top:193px;
					left:173px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol15{
					width:24.5%;
					height:18%;	
					top:193px;
					left:345px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol16{
					width:24.5%;
					height:18%;	
					top:193px;
					left:517px;
					position:absolute;
					background-color : white;
				}
				
				.kotak_tombol17{
					width:24.5%;
					height:18%;
					top:257px;
					left:1px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol18{
					width:24.5%;
					height:18%;		
					top:257px;
					left:173px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol19{
					width:24.5%;
					height:18%;		
					top:257px;
					left:345px;
					position:absolute;
					background-color : white;
				}
				.kotak_tombol20{
					width:24.5%;
					height:18%;		
					top:257px;
					left:517px;
					position:absolute;
					background-color : white;
				}
				
			.mat_surat{
				border:1px solid green;
				width:100%;
				height:90%;
				}
			.brt_lppm
			{
				width:90%;
				margin-left:auto;
				margin-right:auto;
				
			}	
			.tabel_surat22{				
				text-align:center;
				width:93%;							
				margin:auto;
			}
			.tabel_surat2{				
				background-color:white;
				text-align:center;
				width:90%;							
				margin:auto;
			}
			.tabel_surat2z{				
				background-color:white;
				text-align:center;
				width:90%;							
				width:93%;							
				margin:auto;
			}
			.tabel_surat23{				
				background-color:white;
				text-align:center;
				width:93%;							
				margin:auto;
			}
			
			.tabel_surat2a{				
				background-color:white;
				text-align:center;
				width:600px;							
				margin:auto;
			}
			.tabel_surat2ab{				
				
				background-color:white;
				text-align:center;
				width:600px;							
				margin:auto;
			}
			.tabel_surat2a{				
				background-color:white;
				text-align:center;
				width:92%;							
				margin:auto;
			}
				th.pinggir{
					background-color:#F1F1F1;
					padding:10px;
				}
				th.bstatus{
					background-color:green;
					font:14px Trebuchet MS  ;
					color:white;
					border-radius: 2px;
				}
				th.btempat{
					background-color:green;
					font:14px Trebuchet MS  ;
					color:white;
					border-radius: 2px;
				}
				th.bminta{
					background-color:green;
					font:14px Trebuchet MS  ;
					color:white;
					border-radius: 2px;
				}
				th.bsurat{
					background-color:green;
					font:14px Trebuchet MS  ;
					color:white;
					border-radius: 2px;
				}
				th.bno{
					font:14px Trebuchet MS  ;
					color:white;
					background-color:green;
					border-radius: 2px;
					padding:2px;
				}
				table.tb_adm{
					border-collapse: separate;
					border-spacing: 1px;
				}
				th.pinggir2{
					border-right:3px green;
					border-bottom:1px green;
					border-top-style: none ;
					border-left-style:none;					
					border-right-style:none;
					border-bottom-style:solid;
				}
				th.pinggir3{
					background-color:green;
					color:white;
					padding:10px;
				}
				th.pinggir33{
					font:14px Trebuchet MS  ;
					background-color:green;
					color:white;
					padding:5px;
					height:25px;
				}
				.brt_lppm2
				{
					width:730px;
					margin-left:30px;
					margin-right:100px;
					
				}
				th.pinggir3d{
					border-right:1px #F0F0F0;
					border-top-style: none ;
					border-left-style:none;					
					border-right-style:solid;			
				}
					
				td.pinggir3d{
					height:30px;
					border-bottom:1px #F0F0F0;
					border-right:1px #F0F0F0;
					border-top-style: none ;
					border-left-style:none;					
					border-right-style:solid;
					border-bottom-style:solid;
					font:12px verdana;					
				}
				td.pinggir3{
					height:30px;
					border-bottom:1px #F0F0F0;
					border-top-style: none ;
					border-left-style:none;					
					border-right-style:none;
					border-bottom-style:solid;
					font:12px verdana;					
				}
				th.pinggir3k{
					height:30px;
					border :1px solid white;					
					border-right:1px white;border-top:1px white;border-left:1px white;
					border-top-style: solid;
					border-left-style:solid;					
					border-right-style:none;
					border-bottom-style:none;
					font:12px verdana;	
					background-color:green;
					color:white;	
				}
				td.pinggir3bw{
					height:30px;
					background-color:#F8F8F8;
					font:12px verdana;					
				}
				td.pinggir3j{
					background-color:#F1F1F1;
					height:30px;
					border-bottom:1px #F0F0F0;
					border-top-style: none ;
					border-left-style:none;					
					border-right-style:none;
					border-bottom-style:solid;
					font:12px verdana;					
				}
				td.pinggir3a{
					height:30px;
					border-bottom:1px #F0F0F0;
					border-top-style: none ;
					border-left-style:none;					
					border-right-style:none;
					border-bottom-style:solid;
					font:12px verdana;
					text-align:left;	
				}
				td.pinggir4{
					background-color:white;
					height:30px;
				}
				td.pinggirh{
					border-top:1px black;
					border-top-style: solid ;
					border-left-style:none;					
					border-right-style:solid;
					border-bottom-style:solid;
					
				}
				td.pinggirdh{					
					border-top-style: none ;
					border-left-style:none;					
					border-right-style:none;
					border-bottom-style:none;
					background-color:#F1F1F1;
				}
				td.proses{
					text-align:center;
					
				}
				td.hapus{
					text-align:center;
					border-right:1px black;
					
					border-top-style: none ;
					border-left-style:none;					
					border-right-style:solid;
					border-bottom-style:none;
				}
				td.ktk_atas{					
					border-right:1px black;
					border-left:1px black;
					border-top:1px black;
					border-top-style: solid ;
					border-left-style:solid;					
					border-right-style:solid;
					border-bottom-style:none;				
				}
				
				td.ktk_smp{
					border-right:1px black;
					border-left:1px black;
					border-top:0px black;
					border-top-style: solid ;
					border-left-style:solid;					
					border-right-style:solid;
					border-bottom-style:none;				
				}
				td.ktk_bwah{
					border-right:1px black;
					border-left:1px black;
					border-bottom:1px black;
					border-top-style: none ;
					border-left-style:solid;					
					border-right-style:solid;
					border-bottom-style:solid;				
				
				}
				
				.ktk_masukan{
					width:80%;
					position:relative;
					margin-left:auto;
					margin-right:auto;
					text-align:left;
					top:90px;
					background-color:#FEFEFE;
					padding:20px;
					height:260px;
					box-shadow: 0.1px 0.2px 1px 1px #888888;
					
				}
					.ktk_brs_jdl{
						width:100%;
						height:20px;
						position:relative;	
						font:12px sans-serif;
						font-family: verdana;
					}
					.ktk_brs_kiri{
						width:30%;
						height:20px;
						position:relative;	
						float:left;
						font:12px sans-serif;
						font-family: verdana;
					}
					.ktk_brs_knn{
						width:70%;
						height:20px;
						position:relative;						
						float:right;
					}
				
			.isi_tengah_pengumuman{				
				width:100%;
				position:relative;
				margin:auto;
				height:1000px;
				
			}
			.isi_tengah_pengumuman2{				
				width:100%;
				position:relative;
				margin:auto;
				height:1347px;
			}	
				.isi_tengah_1{
						text-align:center;
						width:300px;
						position:absolute;										
						
					}
				.tbl_bio2{
						text-align:left;
						width:630px;
						position:absolute;
						left:20px;
						top:10px;
					}				
				.tbl_bio{
						text-align:left;
						width:652px;
						position:absolute;
						left:20px;
						top:10px;
					}
					.tbl_bio3{
						text-align:left;
						width:652px;
						position:absolute;
						left:20px;
						top:20px;
					}				
					
					table.berita_1z{
						width:92.5%;		
						margin-left:10px;
						margin-top:10px;
					}
					table.berita_1{
						width:89%;		
						margin:auto;
					}
					table.berita_1x{
						width:100%;		
						margin-left:10px;
						margin-top:10px;
						
					}
						th.garis_tepi_11{							
							text-align:left;
							border-right:0px ;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:none;
							padding:1px;
							height:40px;
							font:13px verdana; 
							width:20%;
							color:gray;
						}
						th.garis_tepi_0{							
							text-align:left;
							border-right:0px ;
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:solid;
							padding:1px;
							height:40px;
							font:13px verdana; 
							width:2%;
							color:gray;
						}
						th.garis_tepi_1{							
							text-align:left;
							border-right:0px ;
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:solid;
							padding:1px;
							height:40px;
							font:13px verdana; 
							width:87%;
							color:gray;
						}
						th.garis_tepi_1z{							
							text-align:left;
							border-right:0px ;
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:solid;
							padding:1px;
							height:40px;
							font:13px verdana; 
							width:22%;
							color:gray;
						}
						th.jdl_tabel{
							font:14px verdana; 
							font-Weight:bold;
						}
						th.jdl_tabel2{
							font:14px verdana; 
							font-Weight:bold;
							border-bottom:1px #F1F1F1;
							border-bottom-style:solid;							
						}
						th.garis_tepi_1t{							
							text-align:right;
							border-right:0px ;
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:solid;
							padding:1px;
							height:40px;
							font:13px verdana; 
							width:4%;
							color:gray;
						}
						th.garis_tepi_1aa{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:left;	
							border-bottom:1px green;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px							
						}
						th.garis_tepi_1a{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:left;	
							border-bottom:1px orange;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px		
								
						}
						th.garis_tepi_1ab{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:center;	
							border-bottom:1px orange;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px;
							width:25%;	
						}
						th.garis_tepi_1ab3{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:left;	
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px;
						}
						th.garis_tepi_1ab4{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:right;	
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px;
						}
						th.garis_tepi_1ab5{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:left;	
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px;
						}
						th.garis_tepi_1ab6{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:left;	
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px;
							width:5%;
						}
						th.hkriteria{
							text-align:center;
							background-color:green;
							font:12px Trebuchet MS;
							color:white;		
							height:20px;
						}
						td.hkriteria{
							text-align:center;
							background-color:green;
							font:14px Trebuchet MS;
							color:white;
						}
						td.hdata3{
							border-right-color:solid;
							border-right:1px green;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:none;
								
							font:12px Trebuchet MS;
							color:black;		
						}
						td.hdata4{
							border-bottom-color:solid;
							border-bottom:1px green;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
						}							
						td.hdata{
							border-bottom-color:solid;
							border-bottom:1px green;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							text-align:left;	
							font:12px Trebuchet MS;
							color:black;		
						}	
						
						td.hdata6{
							background-color:#F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:none;
							padding-left:3px;
							font:13px Trebuchet MS;
							color:black;		
						}
						td.hdata7{
							border-left-color:solid;
							border-left:1px green;
							border-top-style: none ;
							border-left-style:solid;					
							border-right-style:none;
							border-bottom-style:none;
								
							font:12px Trebuchet MS;
							color:black;		
						}
						td.hkriteria2{
							text-align:center;
							background-color:green;
							font:14px Trebuchet MS;
							color:white;		
							border-right-color:solid;
							border-right:1px green;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:none;
							
						}
						th.garis_tepi_1ab2{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:center;	
							border-bottom:1px orange;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px;
						}
						th.garis_tepi_1ac{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:left;	
							border-bottom:1px green;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px;
						}
						th.garis_tepi_1ac2{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:center;	
							border-bottom:1px orange;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px;
						}
						th.garis_tepi_1ac2a{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:left;	
							border-bottom:1px orange;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px;							
							background-color:yellow;
						}
						th.garis_tepi_1ac2b{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:left;	
							border-bottom:1px orange;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px;
						}
						
						
						th.garis_batas{	
							width:10%;
							font:12px Trebuchet MS; 
							font-weight:bold;
							text-align:center;
							color:#F1F1F1;	
							border-right:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:none;
							padding:2px							
						}
						th.garis_batas2{	
							width:6%;
							font:12px Trebuchet MS; 
							font-weight:bold;
							text-align:center;
							color:#F1F1F1;	
							border-right:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:none;
							padding:2px							
						}
				.isi_tengah_2{
					text-align:center;
					width:400px;
					position:absolute;
					top:0px;
					left:300px;
					
				}
				.tmp_foto{
					text-align:center;
					width:155px;
					height:190px;
					position:absolute;
					top:35px;
					left:625px;
					background-color:green;
				}
					table.berita_2{
						width:94%;		
						height:550px;		
						margin:auto;		
					}
						th.no_th{
							font:28px Trebuchet MS; 
							font-style:italic;
							text-align:left;
							color:green;	
							width:10%;
						}
						th.th_jam{
							font:10px Trebuchet MS; 
							text-align:left;
							color:gray;	
							height:20px;
							
						}
						tr.data_pribadi{
							font:12px arial; 
							text-align:left;
							color:black;	
							padding:2px;
						}	
						td.data_pribadi{
							font:14px arial; 
							text-align:left;
							color:black;	
							padding:3px;
							width:100px;
						}	
						th.garis_tepi_2{							
							width:80%;
							text-align:left;
							border-right:0px ;
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:solid;
							padding:1px;
							height:40px;
							font:13px verdana; 
							
							color:gray;
							
						}
						th.garis_tepi_2c{							
							width:80%;
							text-align:left;
							border-right:0px ;
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:solid;
							padding:1px;
							height:40px;
							font:13px verdana; 
							padding:6px;
							color:gray;
							
						}
						
						th.garis_tepi_2a{	
							font:18px Trebuchet MS; 
							font-weight:bold;
							text-align:left;	
							border-bottom:1px orange;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:none;
							border-bottom-style:solid;
							padding:2px		
						}
						
				.isi_tengah_3{
					
						text-align:center;
						width:300px;
						position:absolute;
						top:0px;
						left:700px;
						
					}	
				.isi_tengah_4{
						text-align:left;
						top:600px;
						width:265px;
						left:15px;
						font:19px Trebuchet MS; 
						font-weight:bold;
						position:absolute;
						border-bottom:1px orange;
						border-top-style: none ;
						border-left-style:none;					
						border-right-style:none;
						border-bottom-style:solid;
						padding:2px		
					}	
				.isi_tengah_5{
						text-align:left;
						width:265px;
						top:640px;
						left:15px;
						font:19px Trebuchet MS; 
						font-weight:bold;
						position:absolute;
						border-bottom:1px orange;
						border-top-style: none ;
						border-left-style:none;					
						border-right-style:none;
						border-bottom-style:solid;
						padding:2px		
					}	
				.isi_tengah_6{
						text-align:left;
						width:265px;
						left:15px;
						top:680px;
						font:19px Trebuchet MS; 
						font-weight:bold;
						position:absolute;
						border-bottom:1px orange;
						border-top-style: none ;
						border-left-style:none;					
						border-right-style:none;
						border-bottom-style:solid;
						padding:2px		
					}
					.isi_tengah_7{
						text-align:left;
						width:265px;
						left:15px;
						top:720px;
						font:19px Trebuchet MS; 
						font-weight:bold;
						position:absolute;
						border-bottom:1px orange;
						border-top-style: none ;
						border-left-style:none;					
						border-right-style:none;
						border-bottom-style:solid;
						padding:2px		
					}
					.isi_tengah_8{
						text-align:left;
						width:265px;
						left:15px;
						top:760px;
						font:19px Trebuchet MS; 
						font-weight:bold;
						position:absolute;
						border-bottom:1px orange;
						border-top-style: none ;
						border-left-style:none;					
						border-right-style:none;
						border-bottom-style:solid;
						padding:2px		
					}	
					.isi_tengah_9{
						text-align:left;
						width:265px;
						left:15px;
						top:800px;
						font:19px Trebuchet MS; 
						font-weight:bold;
						position:absolute;
						border-bottom:1px orange;
						border-top-style: none ;
						border-left-style:none;					
						border-right-style:none;
						border-bottom-style:solid;
						padding:2px		
					}	
					.isi_tengah_10{
						text-align:left;
						width:265px;
						left:15px;
						top:850px;
						font:19px Trebuchet MS; 
						font-weight:bold;
						position:absolute;
						border-bottom:1px orange;
						border-top-style: none ;
						border-left-style:none;					
						border-right-style:none;
						border-bottom-style:solid;
						padding:2px;
						color:gray;						
					}	
					.isi_tengah_11{
						text-align:left;
						width:265px;
						left:15px;
						top:880px;
						font:19px Trebuchet MS; 
						font-weight:bold;
						position:absolute;
						border-bottom:1px orange;
						border-top-style: none ;
						border-left-style:none;					
						border-right-style:none;
						border-bottom-style:solid;
						padding:2px;	
						color:gray;	
					}	
					.isi_tengah_12{
					
						text-align:center;
						width:300px;
						position:absolute;
						top:420px;
						left:700px;
						
					}	
					.isi_tengah_13{
						text-align:left;
						width:265px;
						left:700px;
						top:880px;
						font:19px Trebuchet MS; 
						font-weight:bold;
						position:absolute;
						border-bottom:1px orange;
						border-top-style: none ;
						border-left-style:none;					
						border-right-style:none;
						border-bottom-style:solid;
						padding:2px;	
							
					}	
					.isi_tengah_14{
						text-align:left;
						width:265px;
						left:700px;
						top:920px;
						font:19px Trebuchet MS; 
						font-weight:bold;
						position:absolute;
						border-bottom:1px orange;
						border-top-style: none ;
						border-left-style:none;					
						border-right-style:none;
						border-bottom-style:solid;
						padding:2px;	
							
					}	
					.id_foto{
						position:absolute;
						margin:auto;
						width:98%;
						left:2px;
						top:2px;
						}
				.jdl_foto{					
					text-align:center;
					width:198px;
					height:20px;
					position:absolute;
					top:10px;
					left:602px;
					
				}	
					table.berita_3{
						width:90%;		
						height:250px;		
						margin-left:10px;		
					}
						th.garis_tepi_3b{							
							width:20%;
							text-align:left;
							border-right:0px ;
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:solid;
							padding:1px;
							height:20px;
							font:13px verdana;
							padding:5px;
						}
						td.garis_tepi_3{							
							width:75%;
							text-align:left;
							border-right:0px ;
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:solid;
							padding:1px;
							font:12px verdana;
							padding:5px;
						}
						td.garis_tepi_3a{	
							width:75%;
							text-align:left;
							border-right:0px ;
							border-bottom:1px #F1F1F1;
							border-top-style: none ;
							border-left-style:none;					
							border-right-style:solid;
							border-bottom-style:solid;
							padding:1px;
							height:5px;
							font:10px verdana;
							padding:5px;
						}
					
			
			.isi_tengah_info{
				background-color:#F1F1F1;
				text-align:center;
				width:1000px;
				height:250px;				
				position:relative;				
			}
				.isi_kegiatan{
					position:absolute;
					width:80%;
					height:200px;
					top:25px;
					left: 100px;
					background-image:url("img/back1.jpg");
					
				
				}
			.isi_jeda_kegiatan{	
				background-color:white;				
				width:1000px;
				height:15px;			
			}
			
			
			.isi_jeda_foto{
				width:100%;
				height:30px;
				background-color:#F1F1F1;
				
			}
				p.judul_foto{
					font:20px Trebuchet MS;
					position:absolute;
					left:450px;
					
				}
			.isi_tengah_galery{	
				background-color:white;
				text-align:center;
				width:1000px;
				height:600px;
				
				position:relative;
				
			}
				table.isi_foto{
					width:80%;
					height:500px;
					margin:auto;
					border:1px;
					position:absolute;
					top:50px;
					left:100px;
				}
			
			
			.isi_jeda_video{	
				height:30px;
				width:996px;
				position:absolute;
				border-bottom:1px orange;
				border-top-style: none ;
				border-left-style:none;					
				border-right-style:none;
				border-bottom-style:solid;
				padding:2px;	
				left:1010px;
				top:0px;
			}	
				p.judul_tayangan{
					position:absolute;
					text-align:left;
					font:22px Trebuchet MS; 
					font-weight:bold;
					left:10px;
					top:7px;
				}
			.isi_jeda_hadits{	
				height:30px;
				width:996px;
				position:absolute;
				border-bottom:1px orange;
				border-top-style: none ;
				border-left-style:none;					
				border-right-style:none;
				border-bottom-style:solid;
				padding:2px;	
				left:2010px;
				top:0px;
			}	
			.isi_tengah_video{	
				
				text-align:center;
				width:1000px;
				height:500px;
				
				position:relative;
				
			}	
			
			.isi_jeda_login{	
				
				text-align:center;
				width:1000px;
				height:20px;
				font:15px Trebuchet MS;
				position:relative;
				
			}
				table.jeda_login{
					width:100%;
					height:10px;
					border-top:1px #F1F1F1;
					border-left:1px #F1F1F1;
					border-right:1px #F1F1F1;
					border-top-style: solid ;
					border-left-style:solid;					
					border-right-style:solid;
					border-bottom-style:none;					
				}
			
				th.judul_login{
					font-style:italic gray;
				}
			.isi_tengah_login{	
				background-color:#FAFAFA;
				text-align:center;
				width:1000px;
				height:60px;
				
				position:relative;
				
			}				
				table.kop_atas{
					width:70%;
					margin-left:auto;
					margin-bottom:auto;
					margin-right:auto;
					margin-top:auto;
					border:1px;
					position:absolute;
					top:15px;
					left:150px;
				}
				th.kolom_nama{
					border:0px;
				}
				th.kolom_kunci{
					border:0px;
				}
				th.kolom_tombol{
					border:1px;
					
				}
			.isi_tengah_tutup{	
				background-color:#F1F1F1;
				text-align:center;
				width:100%;
				height:30px;				
				position:relative;
				
			}
			.isi_tengah_kaki{	
				background-color:#F1F1F1;
				text-align:center;
				width:1000px;
				height:30px;
				top:385px;
				position:relative;
				
			}
				.pembuat{
					font-size:11px;
					text-align: left;
					font-style: reguler;
					position:absolute;
					top:8px;
					left:50px;
					color:gray;		
				}
				.pemakai{
					font-size:11px;
					text-align: left;
					font-style: reguler;
					position:absolute;
					top:8px;
					left:190px;
					color:black;		
					font-style:blod;
				}
				.bantuan{
					font-size:11px;
					text-align: left;
					font-style: reguler;
					position:absolute;
					top:7px;
					left:180px;
					color:black;		
					font-style:blod;
				}
				.bantuan2{
					font-size:9px;
					text-align: left;
					font-style: reguler;
					position:absolute;
					color:gray;		
					font-style:blod;
				}			
			.isi_tengah_jeda{	
				background-color:black;
				text-align:center;
				width:1000px;
				height:10px;
				
				position:relative;
				
			}
		#kop_atas{
			width:800px;
			height:50px;
			background-color:red;
			
			position:relative;
			top:-440px;
			left:200px;
			text-align:center;
			
			border-top-style: none;
			border-bottom-style: solid;
			border-left-style: none;
			border-right-style: none;
			
			background-color:white;
			
			border-width:1px;
			border-color:green;
		}	
			.judul_ktk_brita{
					text-align:center;
					position:absolute;
					top:1px;
					left:1px;
					width:99.8%;
					height:97.5%;
					background-color:white;
					
					
				}
				.judul_hal_artikel{
					position:absolute;
					top:10px;
					left:0px;
					font:20px verdana;
					color:green;
					width:100%;	
					
				}
		#kop_kiri
		{
			top:0px;
			width:200px;
			height:500px;
			position:relative;			
			left:0px;
			background-color:white;			
			border-right-style: none;			
			border-width:1px;
			border-color:green;
		}	
		
		
					
			.kotak_jdl_menu_edit
			{
				width:100%;
				height:51px;
				background-color:white;			
			}
				
				.kotak_jdl_menu_edit2
				{
					width:100%;
					height:3px;
					position:relative;
					top:48px;
					left:0px;
					background-color:green;
				}
				.judul_menu_edit
				{
					text-align:center;
					font:20px verdana;
					color:Green;
					position:absolute;
					top:13px;
					left:0px;
					width:100%;					
				}
				.ktk_brs_pantau{
					text-align:left;
					width:100px;
					position:relative;	
					left:175px;
					top:-61px;
					font:12px sans-serif;
					font-family: verdana;
					color:black;
					
				}
				.ktk_kop_rekap{
					text-align:center;
					font-size:12px;
					font-family: verdana;
					color:black;
					position:relative;
					top:0px;
					width:90%;
					left:30px;
					padding:10px;
				}
				
				.ktk_isi_kanan2{
					width:550px;
					position:absolute;
					text-align:left;
					left:250px;
					top:145px;
				}
				.kelengkapan_berita3b{
					position:absolute;
					width:270px;
					height:100%;
					top:0px;
					background-color:#F8F8F8;
				}
				.kelengkapan_berita3c{
					position:absolute;
					width:524px;
					height:100%;
					top:0px;					
					left:271px;
				}
				.isi_kiri{
					
						
				}
				.isi_kanan{
					background-color:#F8F8F8;
					padding:30px;	
					height:1200px;
					width:100%;
				}
				.jeda_isian{
					height:10px;			
				}
				
				.tmp_isian{
					width:100%;
					height:20px;
					text-align:left;
					font-family: arial,helvetica,sans-serif;
					font-style: normal;
					font-size: 14px;
					font-size-adjust: none;
					font-stretch: normal;
				}
				
				.tmp_isian2{
					height:20px;
					text-align:left;
					font-family: arial,helvetica,sans-serif;
					font-style: normal;
					font-size: 14px;
					font-size-adjust: none;
					font-stretch: normal;
				}
				.kel_atas{
					position:absolute;
					width:300px;
					background-color:#F8F8F8;
					top:0px;
				}
				.kel_jeda{
					width:790px;
					height:7px;
					background-color:white;
					top:145px;
					left:0px;
					position:relative;
				}
				.kel_jeda2{
					width:500px;
					height:145px;
					background-color:#F8F8F8;
					top:-7px;
					left:270px;
					position:relative;
				}
			.tabel_surat3{				
				background-color:white;
				text-align:center;
				width:140%;
				position:relative;
				top:0px;
				margin-left:auto;
				margin-right:auto;
				left:-30px;
			}
			.masukan_penelitian
			{
				position:absolute;
				top:0px;
				left:200px;
				width:790px;
				height:1335px;
				background-color:#F8F8F8;
			}
			.masukan_penelitian2
			{
				position:absolute;
				top:0px;
				left:200px;
				width:790px;
				height:1335px;
				background-color:white;
			}
			th.kotak_pesan{
				text-align:left;
				border-bottom-style: solid;
				border-width:1px;
				border-color:#F1F1F1 green;
				padding:10px;
				font:12px verdana;
				color:gray;						
			}
			.kotak_jdl_menu
			{
				position:absolute;
				width:100%;
				height:100%;
			}
				.judul_menu_edit2
				{
					height:25px;
					text-align:left;
					font:14px verdana;
					color:black;
					border:0px solid black;
					
				}	
		table.brt_lppm{
			width:90%;
			margin:auto;
		}
		th.isi_lppm{
			text-align:left;
			font:14px verdana;
			
		}
		.ktk_brs_tlt3i{
			text-align:left;
			width:300px;
			position:relative;	
			left:30px;
			top:-40px;
			font:12px sans-serif;
			font-family: verdana;
			color:black;			
		}
		.ktk_brs_tlt4{
			text-align:left;
			width:300px;
			position:relative;	
			left:30px;
			top:-20px;
			font:12px sans-serif;
			font-family: verdana;
			color:black;
			
			font-weight:bold;
		}
		th.jdl_lppm{
			text-align:left;
			font:20px verdana;
			padding:1px;
			width:31%;
			height:20px;
			
		}	
		th.jam_lppm{
			text-align:left;
			font:12px verdana;
			padding:1px;
			width:31%;
			height:20px;
			border-bottom-style: solid;
			border-width:1px;
			border-color:#E0E0E0;
		}
		th.krt_lppm{
			text-align:left;
			font:12px Verdana;
			font-weight:bold;
			padding:1px;
			color:orange;
			width:31%;
			height:20px;
		}			
		.berita_portal2
		{
			padding:20px;
			position:absolute;
			top:88px;
			left:300px;
			width:635px;
			height:1250px;
			font:12px Verdana;
			font-Weight:Bold;
			background-color:#F8F8F8;	
		}	
		.kop_kiri2
		{
			top:10px;
			width:300px;
			height:600px;
			position:relative;			
			left:-2px;
			padding:20px;	
		}	
		
		#berita_portal
		{
			position:absolute;
			top:78px;
			left:200px;
			width:795px;
			height:1250px;
			background-color:#F8F8F8;
		}	
		#berita_portal2
		{
			position:absolute;
			top:0px;
			left:200px;
			width:795px;
			height:1250px;
			background-color:#F8F8F8;
		}	
			.kelengkapan_berita{
				position:absolute;
				width:100%;						
				height:100%;	
				top:40px;
				
			}
			
			.ktk_masukan2{
					width:100%;
					position:relative;
					margin-left:auto;
					margin-right:auto;
					text-align:left;		
					top:48px;
			}
			.ktk_masukan22b{
					width:100%;
					position:relative;
					margin-left:auto;
					margin-right:auto;
					text-align:left;		
					top:48px;
					height:300px;
			}
			.ktk_masukan22a{
					width:100%;
					position:relative;
					margin-left:auto;
					margin-right:auto;
					text-align:left;		
					top:48px;
					height:300px;
			}
			td.dbab{
				font:14px Trebuchet MS;
				color:black;	
				font-weight:bold;	
				text-align:left;
			}	
		
			.ktk_masukan3{
					width:100%;
					position:relative;
					margin-left:auto;
					margin-right:auto;
					text-align:left;
			}
			.ktk_masukan3{
					width:100%;
					position:relative;
					margin-left:auto;
					margin-right:auto;
					text-align:left;		
					top:20px;
					
		
			}
					.media_pesan{
						position:relative;
						top:100px;
						lef:0px;
						background-color:yellow;
						width:100%;
					
					}
					.ktk_brs_kiri2{
						text-align:right;
						width:0%;
						height:20px;
						position:relative;	
						float:left;	
								
					}
					.ktk_brs_knn2{
						width:100%;
						height:20px;
						position:relative;						
						float:right;						
								
					}
					.ktk_brs_knn4{
						width:100%;
						height:535px;						
						position:relative;						
						float:right;
						text-align:center;
					}
					.ktk_brs_kiri3{
						text-align:center;
						width:15%;
						height:20px;
						position:relative;	
						float:left;	
								
					}
					.ktk_brs_knn3{
						text-align:left;
						width:85%;
						height:20px;
						position:relative;						
						float:right;
								
					}
					.simpan_berita{
						position:relative;
						width:100px;
						height:10px;
						top:340px;	
						left:120px;
											
					}	
					.simpan_berita2{
						position:relative;
						width:100px;
						height:10px;
						top:550px;	
						left:120px;
						background-color:yellow;					
					}
				.kelengkapan_berita{
					position:relative;
					width:100%;					
					top:-30px;				
				}
					td.kotak_pesan{
						text-align:left;
						border-bottom-style: solid;
						border-width:1px;
						border-color:#F1F1F1 green;
						height:22px;
						font:12px verdana;
						color:black;						
					}
					th.kotak_pesan6{
						text-align:left;
						border-bottom-style: solid;
						border-width:1px;
						border-color:#F1F1F1 green;
						height:22px;
						font:12px verdana;
						color:gray;	
						height:30px;	
					}
					th.kotak_pesan2{
						border-bottom-style: solid;
						border-width:1px;
						border-color:#F1F1F1;
						height:25px;
						font:14px verdana;
						color:Gray;
					}
					th.kotak_pesan3{
						border-bottom-style: solid;
						border-width:1px;
						border-color:#F1F1F1;
						height:35px;
						font:14px verdana;
						color:Black;
						font-weight:bold;
					}
					th.kotak_pesan4{
						border-bottom-style: solid;
						border-width:1px;
						border-color:#F1F1F1;
						height:25px;
						font:10px verdana;
						color:black;
					}
					th.kotak_pesan5{
						border-bottom-style: solid;
						border-width:1px;
						border-color:#F1F1F1;
						height:25px;
						font:10px verdana;
						color:black;
					}
					
					.lg_atas{
						text-align:center;
						width:50%;
						margin:auto;
						height:1425px;
						
					}
					.lg_tengah{
						text-align:center;
						width:100%;
						height:500px;
					}
					.lg_bawah{
						background-color:black;
						text-align:center;
						color:white;
					}	
					h3{
						text-align:center;
						color:black;
						font:18px verdana;
						
					}
					h4{
						background-color:pink;
						text-align:center;
						color:white;
						font:12px verdana;
					}
					
					.t4_user_pass{
						width:350px;
						height:350px;
						border-radius: 1px;
						box-shadow: 0.5px 0.5px #888888;
						margin:auto;
					}
					.t4_user_pass3{
						width:350px;
						height:350px;
						background-color:#F8F8F8;
						color:white;
					}
					.t4_user_pass2{
						width:100%;
						height:50px;
						border-radius: 2px;	
					}
					.t4_jeda{
						width:100%;
						height:25px;
					}
					.t4_logo{
						width:100%;
						height:200px;
						border-radius: 2px;
						margin:auto;
					}
					.t4_user{
						width:100%;
						height:35px;
						border-radius: 2px;
						margin:auto;
					}
					.t4_pass{
						width:100%;
						height:20px;
						border-radius: 2px;
						margin:auto;
					}
					.myButton {
						background-color:green;
						-moz-border-radius:2px;
						-webkit-border-radius:2px;
						border-radius:2px;
						border:1px solid #18ab29;
						display:inline-block;
						cursor:pointer;
						color:white;
						
						padding:10px 115px;						
					}
					.myButton:hover {
						background-color:#44c767;
						text-decoration: none;
						color:white;
					}
					.myButton:active {
						position:relative;
						top:1px;						
					}
					.element {
						font-family:Arial;
						font-size:14px;
						width: 240px;
						height: 30px;
						border: 0.1em solid #ccc;
						border-radius: 2px;
						background-color: #feffdc;
						padding: 0em 1em;
					}
					.portal_judul{
						padding:15px;
						
					}
					.portal_slogan{
						padding:30px;
						font-family:corbel;
						font-size:30px ;
						color: DarkGray;
						font-weight:1;
					}
			.kotak_jdl_menu_edit
			{
				width:100%;
				height:51px;
				background-color:white;			
			}
			.judul_menu_edit
			{
				height:25px;
				text-align:center;
				font:20px verdana;
				position:relative;
				top:14px;
				color:green;
				border:0px solid black;
			}
			.kotak_jdl_menu_edit2
			{
				width:100%;
				height:3px;
				position:relative;
				top:23px;
				left:0px;
				background-color:green;
			}
			.kotak_jdl_menu
			{
				position:absolute;
				top:55px;
				width:100%;
				height:100%;		
					
			}
			.ktk_brs_tlt3at
			{
				text-align:left;
				width:70%;
				position:relative;	
				left:35px;
				top:-30px;
				font:14px sans-serif;
				font-family: verdana;
				color:black;
				font-weight:bold;
				height:10px;
			}
			th.pantau{
				font:14px sans-serif;
				font-family: verdana;
				color:black;
			}
			.ktk_brs_tlt3
			{
				text-align:left;
				width:200px;
				position:relative;	
				left:30px;
				top:-40px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;
				font-weight:bold;
			}
			.ktk_brs_tlt3d{
				text-align:left;
				width:200px;
				position:relative;	
				left:30px;
				top:-110px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;
				font-weight:bold;
			}
			th.garis_file{
				font:12px sans-serif;
				font-family: verdana;
				font-weight:bold;
			
			}
			.ktk_brs_tlt3e{
				text-align:left;
				width:200px;
				position:relative;	
				left:30px;
				top:-170px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;
				font-weight:bold;
				
			}
			.ktk_brs_tlt7d{
				text-align:left;
				width:550px;
				position:relative;	
				left:190px;
				top:-183px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;
				font-weight:reguler;
			}
			.ktk_brs_tlt6d{
				text-align:left;
				width:550px;
				position:relative;	
				left:190px;
				top:-123px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;
				font-weight:reguler;
			}
			.tombol_surat2{				
				text-align:center;
				width:680px;
				height:30px;				
				position:relative;
				top:-90px;
				left:30px;
			}
			.ktk_brs_tlt6a{
				text-align:left;
				width:250px;
				position:relative;	
				left:199px;
				top:-85px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;
				font-weight:reguler;
			}
			.ktk_brs_tlt6{
				text-align:left;
				width:250px;
				position:relative;	
				left:190px;
				top:-85px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;
				font-weight:reguler;
			}
			.ktk_brs_tlt6b{
				text-align:left;
				width:550px;
				position:relative;	
				left:190px;
				top:-114px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;
				font-weight:reguler;
			}
			.ktk_brs_tlt2{
				text-align:left;
				width:15%;
				position:relative;	
				left:30px;
				top:-40px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;	
			}
			.ktk_brs_tlt2ed{
				text-align:left;
				width:90%;
				position:relative;	
				left:30px;
				top:-40px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;	
			}
			.ktk_brs_tlt22{
				text-align:left;
				width:55%;
				position:relative;	
				left:30px;
				top:-40px;
				font:12px sans-serif;
				font-family: verdana;
				color:black;
			}
			.ktk_brs_cari{
				text-align:left;
				width:100%;
				position:relative;	
				left:0px;
				top:0px;
				font:12px sans-serif;
				font-family: verdana;
				font-Weight:Bold;
				color:black;	
			}
			.ktk_brs_cari2{
				text-align:left;
				width:100%;
				position:relative;	
				left:10px;
				top:0px;
				font:12px sans-serif;
				font-family: verdana;
				font-Weight:Bold;
				color:black;	
			}
			th.pinggir5{
					border-right:0px black;
					border-top:0px black;
					border-bottom:1px gray;
					
					border-top-style: none ;
					border-left-style:none;					
					border-right-style:none;
					border-bottom-style:solid;
					
				}
			th.pinggir5a{
					border-right:0px black;
					border-top:0px black;
					border-bottom:1px #F8F8F8;
					background-color:white;
					border-top-style: none ;
					border-left-style:none;					
					border-right-style:none;
					border-bottom-style:solid;
					padding:5px;
					width:10%;
			}
			.data_pribadi{
				width:100%;
			}
			.centang_badge{
				padding:13px;
			}
			
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 47%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: gray;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 19px;
  left: 50%;
  margin-left: -25px;
  /*background-color: #999999;*/
  z-index: 100;
  /*border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;*/
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin-top: 0;
  color: white;
  background-color:green;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}			

/* uses font awesome for social icons */

.page-header{
  text-align: center;    
}

/*social buttons*/
.btn-social{
  color: white;
  opacity:0.9;
}
.btn-social:hover {
  color: white;
    opacity:1;
}
.btn-facebook {
background-color: #3b5998;
opacity:0.9;
}
.btn-twitter {
background-color: #00aced;
opacity:0.9;
}
.btn-linkedin {
background-color:#0e76a8;
opacity:0.9;
}
.btn-github{
  background-color:#000000;
  opacity:0.9;
}
.btn-google {
  background-color: #c32f10;
  opacity: 0.9;
}
.btn-stackoverflow{
  background-color: #D38B28;
  opacity: 0.9;
}

/* resume stuff */

.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin-bottom: 5px;
    padding: 20px;
}
.bs-callout:last-child {
    margin-bottom: 0px;
}
.bs-callout h4 {
    margin-bottom: 10px;
    margin-top: 0;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4{
    color: #d9534f;
}

.resume .list-group-item:first-child, .resume .list-group-item:last-child{
  border-radius:0;
}

/*makes an anchor inactive(not clickable)*/
.inactive-link {
   pointer-events: none;
   cursor: default;
}

.resume-heading .social-btns{
  margin-top:15px;
}
.resume-heading .social-btns i.fa{
  margin-left:-5px;
}







/* skill meter in resume. copy pasted from http://bootsnipp.com/snippets/featured/progress-bar-meter */

.progress-bar {
    text-align: left;
	white-space: nowrap;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.progress-bar > .progress-type {
	padding-left: 10px;
}

.progress-meter {
	min-height: 15px;
	border-bottom: 2px solid rgb(160, 160, 160);
  margin-bottom: 15px;
}

.progress-meter > .meter {
	position: relative;
	float: left;
	min-height: 15px;
	border-width: 0px;
	border-style: solid;
	border-color: rgb(160, 160, 160);
}

.progress-meter > .meter-left {
	border-left-width: 2px;
}

.progress-meter > .meter-right {
	float: right;
	border-right-width: 2px;
}

.progress-meter > .meter-right:last-child {
	border-left-width: 2px;
}

.progress-meter > .meter > .meter-text {
	position: absolute;
	display: inline-block;
	bottom: -20px;
	width: 100%;
	font-weight: 700;
	font-size: 0.85em;
	color: rgb(160, 160, 160);
	text-align: left;
}

.progress-meter > .meter.meter-right > .meter-text {
	text-align: right;
}