body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #DDEEFF;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#badan_tr {
	border: 1px solid #c1c1c1;
	padding: 5px;
	color: #000000;
}
#badan_td {
	border: 1px solid #c1c1c1;
	padding: 5px;
	color: #000000;
}
#badan_tdx {
	border: 1px solid #0080FF;
	padding: 5px;
	color: #000000;
}
#badan_tdy {
	border: 1px solid #0080C0;
	padding: 5px;
	color: #FFFFFF;
	border-radius: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	background-color: #0080C0;
}
#badan_table {
	border-collapse:collapse; border:0
}
#picture {
	border: 1px solid #e4e4e4;
	display: table;
}
#btn_daftar {
	color: #FFFFFF;
	background-color: #00bbd3;
	height: 40px;
	width: 305px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#text {
	height: 30px;
	width: 500px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#text2 {
	height: 30px;
	width: 100%;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#text3 {
	height: 30px;
	width: 200px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#text4 {
	height: 100px;
	width: 500px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#text5 {
	height: 30px;
	width: 300px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#text6 {
	height: 30px;
	width: 150px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#text7 {
	height: 500px;
	width: 500px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#jabatan2 {
	text-indent: 10px;
	height: 38px;
	width: 300px;
	border: 1px solid #e4e4e4;
	border-radius: 5px 0px 0px 5px
	text-indent: 10px;
}
#btn_add {
	height: 41px;
	width: 100px;
	border: 1px solid #e4e4e4;
	border-radius: 0px 5px 5px 0px;
	color: #FFFFFF;
	background-color: #fec006;
}

#btn_update {
	color: #FFFFFF;
	background-color: #4bae4f;
	height: 60px;
	width: 504px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#btn_insert {
	color: #FFFFFF;
	background-color: #4bae4f;
	height: 60px;
	width: 504px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#textarea {
	height: 150px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-indent: 10px;
}
#textarea2 {
	height: 40px;
	width: 200px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-indent: 10px;
}
#negeri {
	height: 40px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
	text-indent: 10px;
}
#text_add {
	text-indent: 10px;
	height: 38px;
	width: 300px;
	border: 1px solid #e4e4e4;
	border-radius: 5px 0px 0px 5px
}
#organization {
	height: 40px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
	text-indent: 10px;
}
#department {
	height: 40px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
	text-indent: 10px;
}
#post {
	height: 40px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
	text-indent: 10px;
}
#level {
	height: 40px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
	text-indent: 10px;
}
#btn_pilih {
	height: 42px;
	width: 80px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #9c27b0;

	border-radius: 5px 5px 5px 5px
}
#btn_send {
	height: 42px;
	width: 80px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #9c27b0;
	border-radius: 5px 5px 5px 5px;
	text-align: center;
}
#upload {
	height: 38px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px 0px 0px 5px
}
#text_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-image: url(../images/header-bg.png);
	height: 45px;
	width: 796px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	text-indent: 20px;
}


#text_date {
	text-indent: 10px;
	height: 38px;
	width: 200px;
	border: 1px solid #e4e4e4;
	border-radius: 5px 0px 0px 5px
}
#kategori_doc {
	height: 40px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
	text-indent: 20px;
	border-radius: 5px 0px 0px 5px
}
#kategori_doc2 {
	height: 40px;
	width: 300px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
	text-indent: 20px;
	border-radius: 5px 0px 0px 5px
}
#no_file {
	height: 40px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
	text-indent: 20px;
	border-radius: 5px 0px 0px 5px
}
#status_doc {
	height: 40px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
	text-indent: 20px;
	border-radius: 5px 0px 0px 5px
}
#btn_view {
	height: 30px;
	width: 150px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #f34235;
	border-radius: 5px
}
#btn_approved {
	height: 35px;
	width: 200px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #9c27b0;
	border-radius: 5px
}
#btn_proceed {
	height: 35px;
	width: 200px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #4bae4f;
	border-radius: 5px
}
#btn_papar {
	height: 36px;
	width: 150px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #fec006;
	border-radius: 5px
}
#btn_email {
	height: 30px;
	width: 150px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #00bbd3;
	border-radius: 5px
}
#btn_print {
	height: 30px;
	width: 150px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #4bae4f;
	border-radius: 5px
}
#btn_simpan {
	height: 40px;
	width: 250px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #f34235;
	border-radius: 5px
}
#btn_email2 {
	height: 40px;
	width: 250px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #00bbd3;
	border-radius: 5px
}
#iframepdf {
	height: 900px;
	width: 700px;
	border: 1px solid #e4e4e4;
}
#kotak_pdf {
	height: 900px;
	width: 700px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
}
#kotak_pdf2 {
	height: 900px;
	width: 545px;
	border: 1px solid #e4e4e4;
}
#text_tajuk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #e81d62;
	height: 38px;
	width: 100%;
	border-radius: 5px;
}
#text_tajuk2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #9c27b0;
	height: 38px;
	width: 100%;
	border-radius: 5px;
}
#text_tajuk3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #00bbd3;
	height: 38px;
	width: 100%;
	border-radius: 5px;
}
#btn_approval {
	height: 35px;
	width: 200px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #f34235;
	border-radius: 5px
}
#arahan {
	height: 35px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 5px
	text-indent: 10px;
}
#catatan {
	height: 80px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-indent: 10px;
}
#btn_pengesahan {
	height: 40px;
	width: 100%;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #4bae4f;
	border-radius: 5px
}
#btn_send {
	color: #FFFFFF;
	background-color: #0080FF;
	height: 40px;
	width: 305px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#btn_cetak {
	height: 30px;
	width: 70px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #4bae4f;
	border-radius: 5px
}
#btn_back {
	height: 30px;
	width: 70px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #f34235;
	border-radius: 5px
}
#text_nodoc {
	height: 30px;
	width: 50px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#carian {
	height: 30px;
	width: 250px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#btn_search {
	height: 34px;
	width: 70px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #4bae4f;
	border-radius: 5px
}
#btn_cari {
	height: 45px;
	width: 200px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #4bae4f;
	border-radius: 15px
}
#text_search {
	height: 30px;
	width: 300px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#tarikh_ambil {
	height: 30px;
	width: 300px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#tarikh_pulang {
	height: 30px;
	width: 300px;
	border: 1px solid #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	text-indent: 10px;
}
#btnArahan {
	width:100%;
	height:45px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #FF8000;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
#btnArahan2 {
	width:100%;
	height:45px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #cc0066;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
#btnArahan3 {
	width:100%;
	height:45px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #990000;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
#btnArahan4 {
	width:400px;
	height:45px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #990000;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
#btnLogin {
	width:200px;
	height:45px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #990000;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
#btnLogin2 {
	width:100px;
	height:50px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #990000;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
#btnDaftar {
	width:100px;
	height:50px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #4bae4f;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
#btnUpdate {
	width:200px;
	height:45px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #66b2ff;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#btnInsert {
	width:200px;
	height:45px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #ff9966;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#btnSearch {
	width:100px;
	height:40px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #ff9966;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#btnKatalaluan {
	width:200px;
	height:45px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #cc6699;
	text-align:center;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#btnMenu {
	width:100%;
	height:5px;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:10px;
	margin:auto auto;
	background-color: #f4f4f4;
	text-align: left;
	bottom: 10px;
}
.StyleTextField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	height: 35px;
	width: 300px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
}
.StyleTextField2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	height: 35px;
	width: 100px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
}
.StyleTextField3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	height: 35px;
	width: 200px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
}
.StyleTextField4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	height: 35px;
	width: 500px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
}
.StyleTextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	height: 100px;
	width: 300px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
}
.StyleTextarea2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	height: 300px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
}
.badan_td {
	border: 1px solid #c1c1c1;
	padding: 5px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.badan_table {
	border-collapse:collapse; 
	border:0
}
#kotak_1 {
	height: 150px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	background-color: #00ff80;
}
#kotak_2 {
	height: 150px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	background-color: #ffbf80;
}
#kotak_tajuk {
	height: 50px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	background-color: #ECF5FF;
}
#kotak_tajuk2 {
	height: 45px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	background-color: #313331;
}
#kotak_sidebar {
	height: 150px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	background-color: #fdfefe;
}
#kotak_content {
	height: 150px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	background-color: #fdfefe;
}
#kotak_content2 {
	height: 600px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	background-color: #fdfefe;
}
#kotak_content3 {
	height: 400px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	background-color: #fdfefe;
}
#kotak_slideshow {
	height: 320px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	background-color: #fdfefe;
}
@media print {
    #printbtn {
        display :  none;
    }
}
.btn {
    border: none;
    color: white;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
}

.button {
    border: none;
    color: white;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
}
.success {background-color: #4CAF50;} /* Green */
.success:hover {background-color: #46a049;}

.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}

.warning {background-color: #ff9800;} /* Orange */
.warning:hover {background: #e68a00;}

.danger {background-color: #f44336;} /* Red */ 
.danger:hover {background: #da190b;}

.default {background-color: #e7e7e7; color: black;} /* Gray */ 
.default:hover {background: #ddd;}