body
{
	margin: auto;
	background-color: #4a4a2f;
	font-family: Andalus, Times;
}

a {text-decoration:none;}
a:visited {	text-decoration:none;}
a:hover {text-decoration: none; }

#container
{
	width: 800px;/* */
	margin:auto; /* tanpa ini akan ke kiri bukan ke tengah */
}

#content 
{
	width: 550px;/* */
}

#container_psb
{
	width: 1000px;/*1380px */

}

#neck 
{
	width: 1000px;/* */
	float: left;
}

#pembatas 
{
	width: 1000px;/* */
	float: left;
	border: 1px solid #4a4a2f; /* warna background sehingga yg tampak hny ruang kosong */

	margin-top: 7px;
	margin-bottom: 7px;

}

#pembatas_member 
{
	width: 1000px;/* */
	float: left;
	border: 1px solid #4a4a2f; /* warna background sehingga yg tampak hny ruang kosong */


}

#pembatas_ruang 
{
	width: 90%;/* */
	float: left;
	padding: 2px;
	margin-top: 5px;


}

#content_single
{
	width: 1000px;/* */
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	


}

#content_left 
{
	width: 35%;/*35% 420px */
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	


}

#content_right 
{
	width: 60%;/*500px */
	float: left;
	padding-left: 10px;	

	border-left: 1px solid #fff;
}

#header
{
	float: center;
	height: auto;
	text-align: center;
	
/*	margin-left: -75px;  utk menyeimbangkan agar header title ke tengah FAILED
	margin-left: 153px; */
	/* 1/2 lebar content_left + 2x padding (kanan & kiri) agar mulai dari tengah dan seimbang kanan & kiri, yakni di tengah2 atau titik tengahnya sejajar garis pembatas*/
	width: 100%;	
	margin-bottom: 5px; /* memberikan spasi utk tooltip*/

}

.header_title
{
	color: #fffaaa;
	font-size: 20pt;
}	

.header_subtitle
{
	color: #fffaaa;
	font-size: 14pt;
	border-bottom: 1px solid #fff;	
}

#ruang_box
{
	float: left;
	height: auto;
	text-align: left;
	
	width: 100%;	
	padding: 2px;
	margin-bottom: 2px;


}

.ruang_title
{
	color: #fffaaa;
	font-size: 14pt;
}

.ruang_subtitle
{
	color: #fffccc;
	font-size: 10pt;
}


#footer
{
	clear: both; 
	float: center;
	height: 30px;
	background-color: #4a4a2f;
/*	border: 2px solid #333; */
/*	margin-left: 363px; garis pas di tengah simbol c FAILED*/
	/*230 1/2 lebar content_left + 2x padding (kanan & kiri) agar mulai dari tengah dan seimbang kanan & kiri, yakni di tengah2 atau titik tengahnya sejajar garis pembatas*/
	width: auto; /*420*/
	text-align: center;
}

.footer_title
{
	color: #fffaaa;
	font-size: 14pt;
}

#license
{
	float: right;
	padding: 4px;
	font-size: 14px;
	color: #fff;
	
	font-family: Larabiefont;
	text-align: right;
	font-weight: bold;		
}

.copyright
{
	float: left;
	padding: 4px;
	font-size: 14px;
	color: #fff;
	
	font-family: Larabiefont;
	text-align: left;
	font-weight: bold;				
}	



/* modified dropdown menu, original work by denilson */

#menu {
	list-style: none;
	margin: 0;
	padding: 1px 1px 1px 1px; /* posisinya di dalam kotak [neck] */
	font-family: Larabiefont, Andalus, Times New Roman;		
}

#menu ul {
	padding: 0;
	margin:0;
	list-style: none;
	z-index:99;
	position:relative;
	overflow:visible;
	visibility: hidden;
}

#menu li { /* Appearance settings (eye candy) */
	position: relative;
	background: #fffeee;
/* border: solid 0px;/* 0 menghasilkan efek highlight, warna disesuaikan dgn header sidebar */
	border: solid 2px #4a4a2f;/* 2px, warna sesuai background utk memberikan jarak */
	height: auto;
	overflow: visible;
}

/* menu lv 1 */
#menu > li {
	margin: 0;
	float: left; /*parent menu position [left|right|center (vertical)] */
	height: auto;
	width: auto;/* ukuran bar/tombol menu; 4.7em seimbang utk tabel width=400px, cellpadding='3', cellspacing='0', style='font-size:12pt;, align=center dir=ltr */
	font-size: 18px;
	color: #4a4a2f;
	text-align: left;
	font-weight: bolder;
	padding: 5px;
}

#menu a {
	text-decoration: none;
	padding: 0 0.5em;
	line-height: 1.6em;
	background: transparent; /* menu background color */
	color: inherit;
	overflow: hidden;
}

/* Shadow! */

#menu li:hover {
/*	border-style: outset; */
	background: #fffaaa;

}

#menu li a:hover {
	color: #000;
}	
/* end of drop down menu */

/* modified dropdown menu_utama, original work by denilson */

#menu_utama {
	list-style: none;
	margin: 0;
	padding: 1px 1px 1px 1px; /* posisinya di dalam kotak [neck] */
	font-family: Larabiefont, Andalus, Times New Roman;		
}

#menu_utama ul {
	padding: 0;
	margin:0;
	list-style: none;
	z-index:99;
	position:relative;
	overflow:visible;
	visibility: hidden;
}

#menu_utama li { /* Appearance settings (eye candy) */
	position: relative;
	background: #fffeee;
/* border: solid 0px;/* 0 menghasilkan efek highlight, warna disesuaikan dgn header sidebar */
	border: solid 2px #4a4a2f;/* 2px, warna sesuai background utk memberikan jarak */
	height: auto;
	overflow: visible;
}

/* menu_utama lv 1 */
#menu_utama > li {
	margin: 0;
	float: left; /*parent menu_utama position [left|right|center (vertical)] */
	height: auto;
	width: auto;/* ukuran bar/tombol menu_utama; 4.7em seimbang utk tabel width=400px, cellpadding='3', cellspacing='0', style='font-size:12pt;, align=center dir=ltr */
	font-size: 18px;
	color: #4a4a2f;
	text-align: left;
	font-weight: bolder;
	padding: 5px;
}

#menu_utama a {
	text-decoration: none;
	padding: 0 0.5em;
	line-height: 1.6em;
	background: transparent; /* menu_utama background color */
	color: inherit;
	overflow: hidden;
}

/* Shadow! */

#menu_utama li:hover {
/*	border-style: outset; */
	background: #fffaaa;

}

#menu_utama li a:hover {
	color: #000;
}



/* end of drop down menu_utama */

/* modified dropdown menu_rekapitulasi, original work by denilson */

#menu_rekapitulasi {
	list-style: none;
	margin: 0;
	padding: 1px 1px 1px 1px; /* posisinya di dalam kotak [neck] */
	font-family: Larabiefont, Andalus, Times New Roman;		
}

#menu_rekapitulasi ul {
	padding: 0;
	margin:0;
	list-style: none;
	z-index:99;
	position:relative;
	overflow:visible;
	visibility: hidden;
}

#menu_rekapitulasi li { /* Appearance settings (eye candy) */
	position: relative;
	background: #fffeee;
/* border: solid 0px;/* 0 menghasilkan efek highlight, warna disesuaikan dgn header sidebar */
	border: solid 2px #4a4a2f;/* 2px, warna sesuai background utk memberikan jarak */
	height: auto;
	overflow: visible;
}

/* menu_rekapitulasi lv 1 */
#menu_rekapitulasi > li {
	margin: 0;
	float: center; /*parent menu_rekapitulasi position [left|right|center (vertical)] */
	height: auto;
	width: auto;/* ukuran bar/tombol menu_rekapitulasi; 4.7em seimbang utk tabel width=400px, cellpadding='3', cellspacing='0', style='font-size:12pt;, align=center dir=ltr */
	font-size: 18px;
	color: #4a4a2f;
	text-align: left;
	font-weight: bolder;
	padding: 5px;
}

#menu_rekapitulasi a {
	text-decoration: none;
	padding: 0 0.5em;
	line-height: 1.6em;
	background: transparent; /* menu_rekapitulasi background color */
	color: inherit;
	overflow: hidden;
}

/* Shadow! */

#menu_rekapitulasi li:hover {
/*	border-style: outset; */
	background: #fffaaa;

}

#menu_rekapitulasi li a:hover {
	color: #000;
}
/* end of drop down menu_rekapitulasi */

/* modified dropdown cetak_menu, original work by denilson */

#cetak_menu {
	list-style: none;
	margin: 0;
	padding: 1px 1px 1px 1px; /* posisinya di dalam kotak [neck] */
	font-family: Larabiefont, Andalus, Times New Roman;		
}

#cetak_menu ul {
	padding: 0;
	margin:0;
	list-style: none;
	z-index:99;
	position:relative;
	overflow:visible;
	visibility: hidden;
}

#cetak_menu li { /* Appearance settings (eye candy) */
	position: relative;
	background: #fffeee;
/* border: solid 0px;/* 0 menghasilkan efek highlight, warna disesuaikan dgn header sidebar */
	border: solid 2px #4a4a2f;/* 2px, warna sesuai background utk memberikan jarak */
	height: auto;
	overflow: visible;
}

/* cetak_menu lv 1 */
#cetak_menu > li {
	margin: 0;
	float: left; /*parent cetak_menu position [left|right|center (vertical)] */
	height: auto;
	width: auto;/* ukuran bar/tombol cetak_menu; 4.7em seimbang utk tabel width=400px, cellpadding='3', cellspacing='0', style='font-size:12pt;, align=center dir=ltr */
	font-size: 18px;
	color: #4a4a2f;
	text-align: left;
	font-weight: bolder;
	padding: 5px;
}

#cetak_menu a {
	text-decoration: none;
	padding: 0 0.5em;
	line-height: 1.6em;
	background: transparent; /* cetak_menu background color */
	color: inherit;
	overflow: hidden;
}

/* Shadow! */

#cetak_menu li:hover {
/*	border-style: outset; */
	background: #fffaaa;

}

#cetak_menu li a:hover {
	color: #000;
}
/* end of drop down cetak_menu */

/* ===========================B menu acc v2 ============================================ */
#panel_menu
{
	font-size: 12pt;
} 

#panel_submenu
{
	font-size: 10pt;
}
/* ===========================E menu acc v2 ============================================ */

/* ===========================B menu box v2 ============================================ */
/*
#33cc99
#336666
#4c6633
#b2cc33

blue light
#33b2cc
*/

#menu_01_box
{
background-color: #663333;
width: 120px;
height: 140px;
font-size: 10px;
text-align: center;
font-weight: bolder;
color: white;
border: 2px solid #fff;
padding-top: 17px;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;  
}

#menu_01_title
{
font-family: Times;
font-size: 30px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 0px;
}

#menu_01_footer
{
font-family: Times;
font-size: 7px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 1px;
}

#menu_02_box
{
background-color: #666600;
width: 120px;
height: 140px;
font-size: 10px;
text-align: center;
font-weight: bolder;
color: white;
border: 2px solid #fff;
padding-top: 17px;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;  
}

#menu_02_title
{
font-family: Times;
font-size: 30px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 0px;
}

#menu_02_footer
{
font-family: Times;
font-size: 7px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 1px;
}

#menu_03_box
{
background-color: #4c3366;
width: 120px;
height: 140px;
font-size: 10px;
text-align: center;
font-weight: bolder;
color: white;
border: 2px solid #fff;
padding-top: 17px;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;  
}

#menu_03_title
{
font-family: Times;
font-size: 30px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 0px;
}

#menu_03_footer
{
font-family: Times;
font-size: 7px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 1px;
}
/* ===========================E menu box v2 ============================================ */

/* ===========================B AL MUYASSAR ============================================ */
#menu_box_al_muyassar_framework
{
background-color: #647d2f;
width: 120px;
height: 140px;
font-size: 10px;
text-align: center;
font-weight: bolder;
color: white;
border: 2px solid #fff;
padding-top: 17px;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;  
}

#framework_title
{
font-family: Times;
font-size: 20px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 0px;
}

#menu_box_al_muyassar_psb
{
background-color: #4a4a2f;
width: 120px;
height: 140px;
font-size: 10px;
text-align: center;
font-weight: bolder;
color: white;
border: 2px solid #fff;
padding-top: 17px;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;  
}

#psb_title
{
font-family: Times;
font-size: 30px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 0px;
}

#psb_footer
{
font-family: Times;
font-size: 7px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 1px;
}

#menu_box_al_muyassar_presensi
{
background-color: #7d2f64;
width: 120px;
height: 140px;
font-size: 10px;
text-align: center;
font-weight: bolder;
color: white;
border: 2px solid #fff;
padding-top: 17px;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;  
}

#presensi_footer
{
font-family: Times;
font-size: 7px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 1px;
}

#presensi_title
{
font-family: Times;
font-size: 30px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 0px;
}

#menu_box_al_muyassar_smsc
{
background-color: #2f647d;
width: 120px;
height: 140px;
font-size: 10px;
text-align: center;
font-weight: bolder;
color: white;
border: 2px solid #fff;
padding-top: 17px;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;  
}

#smsc_title
{
font-family: Times;
font-size: 30px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 0px;
}

#menu_box_al_muyassar_siap
{
background-color: #2f4a4a;
width: 120px;
height: 140px;
font-size: 10px;
text-align: center;
font-weight: bolder;
color: white;
border: 2px solid #fff;
padding-top: 17px;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;  
}

#siap_title
{
font-family: Times;
font-size: 30px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 0px;
}

#siap_footer
{
font-family: Times;
font-size: 7px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 1px;
}

#menu_box_al_muyassar_spp
{
background-color: #4a4a2f;
width: 120px;
height: 140px;
font-size: 10px;
text-align: center;
font-weight: bolder;
color: white;
border: 2px solid #fff;
padding-top: 17px;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;  
}

#spp_title
{
font-family: Times;
font-size: 30px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 0px;
}

#spp_footer
{
font-family: Times;
font-size: 7px;
text-align: center;
font-weight: bolder;
color: white;
letter-spacing: 1px;
}
/* ===========================E AL MUYASSAR ============================================ */