html {
	background-position: center;
	padding: 0px;
	margin: 0px;
}
body {
	padding: 0px;
	margin: 0 auto;
	margin-top:0px;
	background-color:#FFFFFF;
	background-image:url(images/background.jpg);
	background-position:top center;
	background-repeat:repeat-x;
				
}
#utama {
	font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;
	font-size: 11px;
	margin-top:2px;
	margin-buttom:2px;
}

.tabelutama {
	font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;
	font-size: 11px;
	margin-top:0px;
	margin-buttom:0px;
	margin-left:2px;
	margin-left:2px;
}

.tengah {
	padding: 0px;
	margin: 0 auto;
	margin-top:0px;
	background-color:#FFFFFF;
	background-image:url(images/backtengah.jpg);
	background-position: top left;
	background-repeat:no-repeat;
				
}

.samping {
	padding: 0px;
	margin: 0 auto;
	margin-top:0px;
	background-color:#FFFFFF;
	background-image:url(images/samping_01.jpg);
	background-position:top left;
	background-repeat:no-repeat;
				
}
/* style untuk mm_menu */

.mm_menu1 { padding-top:2px; padding-bottom:2px;  height:25px; } 
.mm_menu1 a{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; } 
.mm_menu1 a:hover{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #febb08; text-decoration: none; font-weight: bold; } 
.mm_menu1:hover { background-image:url(images/mm_menu_01.gif); background-position:top; background-repeat:no-repeat; } 

.mm_menu2 { padding-top:2px; padding-bottom:2px;  height:25px; } 
.mm_menu2 a{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; } 
.mm_menu2 a:hover{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #febb08; text-decoration: none; font-weight: bold; } 
.mm_menu2:hover { background-image:url(images/mm_menu_02.gif); background-position:top; background-repeat:no-repeat; } 

.mm_menu3 { padding-top:2px; padding-bottom:2px;  height:25px; } 
.mm_menu3 a{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; } 
.mm_menu3 a:hover{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #febb08; text-decoration: none; font-weight: bold; } 
.mm_menu3:hover { background-image:url(images/mm_menu_03.gif); background-position:top; background-repeat:no-repeat; } 

.mm_menu4 { padding-top:2px; padding-bottom:2px; height:25px; } 
.mm_menu4 a{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; } 
.mm_menu4 a:hover{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #febb08; text-decoration: none; font-weight: bold; } 
.mm_menu4:hover { background-image:url(images/mm_menu_04.gif); background-position:top; background-repeat:no-repeat; } 

.mm_menu5 { padding-top:2px; padding-bottom:2px; height:25px; } 
.mm_menu5 a{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; } 
.mm_menu5 a:hover{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #febb08; text-decoration: none; font-weight: bold; } 
.mm_menu5:hover { background-image:url(images/mm_menu_05.gif); background-position:top; background-repeat:no-repeat; } 

.mm_menu6 { padding-top:2px; padding-bottom:2px; height:25px; } 
.mm_menu6 a{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; } 
.mm_menu6 a:hover{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #febb08; text-decoration: none; font-weight: bold; } 
.mm_menu6:hover { background-image:url(images/mm_menu_06.gif); background-position:top; background-repeat:no-repeat; } 

.mm_menu7 { padding-top:2px; padding-bottom:2px; height:25px; } 
.mm_menu7 a{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; } 
.mm_menu7 a:hover{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #febb08; text-decoration: none; font-weight: bold; } 
.mm_menu7:hover { background-image:url(images/mm_menu_07.gif); background-position:top; background-repeat:no-repeat; }

.mm_menu8 { padding-top:2px; padding-bottom:2px; height:25px; } 
.mm_menu8 a{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; } 
.mm_menu8 a:hover{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #febb08; text-decoration: none; font-weight: bold; } 
.mm_menu8:hover { background-image:url(images/mm_menu_06.gif); background-position:top; background-repeat:no-repeat; } 

.mm_menu9 { padding-top:2px; padding-bottom:2px; height:25px; } 
.mm_menu9 a{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; } 
.mm_menu9 a:hover{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif;	font-size: 12px; color: #febb08; text-decoration: none; font-weight: bold; } 
.mm_menu9:hover { background-image:url(images/mm_menu_07.gif); background-position:top; background-repeat:no-repeat; }


/* image divs for left side by img size */
  .imgblock50, .imgblockgaleri, .imgblock85, .imgblock65homeprofile, .imgblock15090,.imgblock10060 .imgblock85,.imgblock100, .imgblock85placeHolder{ display: block; overflow: hidden; border: 1px solid #555555; background: #FFFFFF; text-align: center; }
  .imgblockgaleri { width: 125px; height: 90px; margin: 0px auto; }
  .imgblockgaleri img { height: 90px; margin: 0px auto; }
  .imgblock50 { width: 50px; height: 50px; margin: 0px auto; }
  .imgblock50 img { height: 50px; margin: 0px auto; }
  .imgblock65cell { width: 65px; padding-right: 15px; }
  .imgblock65homeprofile { width: 50px; height: 50px; margin-bottom: 2px; }
  .imgblock65homeprofile img { height: 50px; margin: 0px auto; }
  .imgblock15090 { width: 150px; height: 80px; }
  .imgblock15090 img { width: 150px; margin: 0px auto; }
  .imgblock10060 { width: 125px; height: 60px; }
  .imgblock10060placeHolder { width: 125px; height: 60px; }
  .imgblock10060 img { width: 125px; margin: 0px auto;}
  .imgblock100 { width: 100px; height: 100px; }
  .imgblock100 img { height: 100px; margin: 0px auto; }
  .imgblock85 { width: 85px; height: 85px; }
  .imgblock85placeHolder { width: 85px; height: 85px; }
  .imgblock85 img { height: 85px; margin: 0px auto; }
  .teman { display: block; overflow: hidden; border: 1px solid #CCCCCC; background: #FFFFFF; text-align: center; width: 175px; height: 75px; }
  .temanimg { display: block; overflow: hidden; border: 0px solid #555555; background: #FFFFFF; text-align: center; }
  .temanimg img { height: 50px; margin: 0px auto; }

#floater {
	z-index: 2;
	width: 50px;
	position: absolute;
	visibility: hidden;
	left: 857px;
	top: 200px;
}
#floaterkiri {
	z-index: 3;
	width: 50px;
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
}
.kiri { float:left; padding:4px;}


.menu A,A.menu{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11px; color: #99CC00; text-decoration: none; font-weight: none;} 
.menu A:hover,A.menu:hover{ color:#FF9900 ; font-weight: none;  border-bottom-style:dashed; border-bottom-width:thin} 

.menuputih A,A.menuputih{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold;} 
.menuputih A:hover,A.menuputih:hover{ color: #FF801B; font-weight: bold; } 

.menuhitam A,A.menuhitam{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: none;} 
.menuhitam A:hover,A.menuhitam:hover{ color: #FF801B; font-weight: none; } 

.fasilitas A,A.fasilitas{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: none;} 
.fasilitas A:hover,A.fasilitas:hover{ color: #FF801B; font-weight: none; } 


.selengkapnya A,A.selengkapnya{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 12px; color: #666666; text-decoration: none; font-weight: none;} 
.selengkapnya A:hover,A.selengkapnya:hover{ color:#FF9900 ; font-weight: none;  border-bottom-style:dashed; border-bottom-width:thin} 

.arsip A,A.arsip{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold;} 
.arsip A:hover,A.arsip:hover{ color: #FF801B; font-weight: bold; } 

.judul A,A.judul{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 13px; color: #333333; text-decoration: none; font-weight: bold;} 
.judul A:hover,A.judul:hover{ color: #FF801B; font-weight: bold;   } 

.judulmerah A,A.judulmerah{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 13px; color: #CC3300; text-decoration: none; font-weight: bold;} 
.judulmerah A:hover,A.judulmerah:hover{ color: #FF801B; font-weight: bold; } 

.judulbesar A,A.judulbesar{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 18px; color: #000000; text-decoration: none; font-weight: bold;} 
.judulbesar A:hover,A.judulbesar:hover{ color: #FF801B; font-weight: bold; } 


.lain A,A.lain{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: none;} 
.lain A:hover,A.lain:hover{ color: #666666; } 

.lain2 A,A.lain2{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: none;} 
.lain2 A:hover,A.lain2:hover{ color: #666666; } 

.kecil A,A.kecil{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11px; color: #333333; text-decoration: none; font-weight: none;} 
.kecil A:hover,A.kecil:hover{ color: #CCCCCC; } 


.komentar A,A.komentar{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11px; color: #333333; text-decoration: none; font-weight: none;} 
.komentar A:hover,A.komentar:hover{ color: #999999; font-weight: none; text-decoration: underline; } 

/* CSS untuk Semua tulisan disimpan disini */
.judul { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 10pt; color: #000000; }
.judulsedang { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11pt; color: #000000; }
.judulbesar { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 12pt; color: #000000; }

.putihkecil { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 8pt; color: #FFFFFF; }
.putihsedang { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 9pt; color: #FFFFFF; }
.putihbesar { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 10pt; color: #FFFFFF; }

.birukecil { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 7pt; color: #43BBEF; }
.birusedang { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 8pt; color: #43BBEF; }
.birubesar { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 9pt; color: #43BBEF; }

.hitam { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 9pt; color: #000000; line-height:19px; }
.hitamsedang { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 9pt; color: #000000; line-height:19px; }
.hitamkecil { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 8pt; color: #000000; }

.merah { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 9pt; color: #CC3300; line-height:19px; }
.merahsedang { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 9pt; color: #CC3300; line-height:19px; }
.merahkecil { font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 8pt; color: #CC3300; }


/* CSS untuk Semua Table disimpan disini */



.button { font-family:  Arial, Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif, sans-serif; font-size:12px; font-weight:bold; WIDTH: 100 px; height:20px; COLOR: #000000; 
		 border: 0px solid #000000; background-image:url(images/buttoncari.gif); background-repeat:repeat-x; border: 1px solid #FF9900;}

.button1 { font-family:  Arial, Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif, sans-serif; font-size:12px; font-weight:bold; WIDTH: 100 px; height:20px; COLOR: #000000; 
		 border: 0px solid #000000; background-image:url(images/buttoncari.gif); background-repeat:repeat-x; border: 1px solid #FF9900;}

.cari { font-family:  Arial, Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif, sans-serif; font-size:12px; font-weight:bold; WIDTH: 100 px; height:20px; COLOR: #000000; 
		 border: 0px solid #000000; background-image:url(images/buttoncari.gif); background-repeat:repeat-x; border: 1px solid #FF9900;}

.buttonlogin { font-family:  Arial, Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif, sans-serif; font-size:13px; font-weight:bold; WIDTH: 200 px; height:25px; COLOR: #FFFFFF; 
		 border: 1px solid #000000; background-color:#00CCFF;}



.textfield{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 175px; COLOR: 
#000000; HEIGHT: 16px; BACKGROUND-COLOR: #FFFFFF }
.textfield:focus { background-color:#FAFAF5; }

.textfieldkecil{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 50px; COLOR: 
#000000; HEIGHT: 18px; BACKGROUND-COLOR: #FFFFFF }
.textfieldkecil:focus { background-color:#FAFAF5; }


.login{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 150px; COLOR: 
#000000; HEIGHT: 18px; BACKGROUND-COLOR: #FFFFFF }
.login:focus { background-color:#FAFAF5; }

.textarea{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 325px; COLOR: 
#000000; HEIGHT: 100px; BACKGROUND-COLOR: #FFFFFF}
.textarea:focus { background-color:#FAFAF5; }

.produk{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 485px; COLOR: 
#000000; HEIGHT: 18px; BACKGROUND-COLOR: #FFFFFF }
.login:focus { background-color:#FAFAF5; }

.textareaproduk{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 485px; COLOR: 
#000000; HEIGHT: 100px; BACKGROUND-COLOR: #FFFFFF}
.textarea:focus { background-color:#FAFAF5; }


.profil{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 300px; COLOR: 
#000000; HEIGHT: 100px; BACKGROUND-COLOR: #FFFFFF}
.profil:focus { background-color:#FAFAF5; }

.textfield1{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 150px; COLOR: 
#000000; HEIGHT: 18px; BACKGROUND-COLOR: #FFFFFF }
.textfield1:focus { background-color:#FAFAF5; }

.data{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 275px; COLOR: 
#000000; HEIGHT: 18px; BACKGROUND-COLOR: #FFFFFF }
.data:focus { background-color:#FAFAF5; }

.textareadata{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 275px; COLOR: 
#000000; HEIGHT: 50px; BACKGROUND-COLOR: #FFFFFF}
.textareadata:focus { background-color:#FAFAF5; }

.textfield2{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 250px; COLOR: 
#000000; HEIGHT: 18px; BACKGROUND-COLOR: #FFFFFF }
.textfield2:focus { background-color:#FAFAF5; }

.textarea1{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 200px; COLOR: 
#000000; HEIGHT: 75px; BACKGROUND-COLOR: #FFFFFF}
.textarea1:focus { background-color:#FAFAF5; }

.pesan{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 300px; COLOR: 
#000000; HEIGHT: 200px; BACKGROUND-COLOR: #FFFFFF}
.pesan:focus { background-color:#FAFAF5; }

.textarea2{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 250px; COLOR: 
#000000; HEIGHT: 100px; BACKGROUND-COLOR: #FFFFFF}
.textarea2:focus { background-color:#FAFAF5; }

.daftar{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 300px; COLOR: 
#000000; HEIGHT: 18px; BACKGROUND-COLOR: #FFFFFF }
.daftar:focus { background-color:#FAFAF5; }

.textareadaftar{ 
BORDER: black 1px solid; FONT: 11px Tahoma,Verdana,Generva,arial; WIDTH: 200px; COLOR: 
#000000; HEIGHT: 50px; BACKGROUND-COLOR: #FFFFFF}
.textareadata:focus { background-color:#FAFAF5; }



.strip{ border-width: 1px; 
border-style: dashed; }

.full {	padding: 2px;	margin: 0 auto;	margin-top:0px;	width: 900px; text-align:right; }
.kotakjudulhijau {	padding: 0px;	margin: 0 auto;	margin-top:0px;	width: 100%; text-align:left; background-image:url(images/backtitle.gif); height:28px   }
.kotakjudulorange {	padding: 0px;	margin: 0 auto;	margin-top:0px;	width: 100%; text-align:left; background-image:url(images/buttoncari.gif); height:28px }
.kotakjudulbiru {	padding: 0px;	margin: 0 auto;	margin-top:0px;	width: 100%; text-align:left; background-image:url(images/backjudulbiru.gif); height:28px }
.kotakjudulabu {	padding: 0px;	margin: 0 auto;	margin-top:0px;	width: 100%; text-align:left; background-image:url(images/backjudulabu.gif); height:28px }
.kotakorange {	padding: 0px;	 margin: 3px 0px 3px 0px; text-align:left; border: 1px solid #F9AC3E; background-color:#FFFBEF;}
.kotakbiru {	padding: 0px;	 margin: 3px 0px 3px 0px; text-align:left; border: 1px solid #ABB8A8; background-color:#F6F6F4;}
.kotakabu {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6;}
.kotakhijau {	padding: 0px;	 margin: 3px 0px 3px 0px; text-align:left; border: 1px solid #B0D062;  background-color:#F4F9E9;}
.kotakputih {	padding: 0px;	 margin: 3px 0px 3px 0px; text-align:left; border: 1px solid #B0D062;  background-color:#FFFFFF;}
.kotakkosong {padding: 0px 0px 0px 0px;	 margin: 0px 0px 0px 0px; text-align:left; border: 0px solid #B0D062;  background-color:#FFFFFF;}
.pagegaleri {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6; float:left; color:#000000}