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.gif);
	font-family: Verdana; font-size: 8pt; color: #000000; 
				
}
#utama {
	font-family: Verdana, sans-serif, Times, serif;
	font-size: 11px;
	margin-top:2px;
	margin-buttom:2px;
}

.tabelutama {
	font-family: Verdana, sans-serif, Times, 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;
				
}

/* image divs for left side by img size */
  .imgblock50, .imgblock65homeprofile, .imgblock20060, .imgblock85,.imgblock100, .imgblock85placeHolder{ display: block; overflow: hidden; border: 1px solid #555555; background: #FFFFFF; text-align: center; }
  .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; }
  .imgblock20060 { width: 200px; height: 90px; }
  .imgblock20060 img { width: 200px; 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;
}

.linktitle1 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; text-transform: none;}
.linktitle1:hover 	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #CC0000; text-decoration: none;text-transform: none;}

.menu A,A.menu{ font-family: Verdana,helvetica; font-size: 11px; color: #4F552B; 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: Verdana,helvetica; 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: Verdana,helvetica; font-size: 11px; color: #000000; text-decoration: none; font-weight: none;} 
.menuhitam A:hover,A.menuhitam:hover{ color: #FF801B; font-weight: none; } 



.arsip A,A.arsip{ font-family: Verdana,helvetica; 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: Verdana,helvetica; 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: Verdana,helvetica; 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: Verdana,helvetica; font-size: 13px; color: #CC3300; text-decoration: none; font-weight: bold;} 
.judulbesar A:hover,A.judulbesar:hover{ color: #FF801B; font-weight: bold; } 


.lain A,A.lain{ font-family: Verdana,helvetica; font-size: 11px; color: #FF801B; text-decoration: none; font-weight: none;} 
.lain A:hover,A.lain:hover{ color: #333333; } 

.lain2 A,A.lain2{ font-family: Verdana,helvetica; font-size: 12px; color: #FF801B; text-decoration: none; font-weight: none;} 
.lain2 A:hover,A.lain2:hover{ color: #333333; } 

.kecil A,A.kecil{ font-family: Verdana,helvetica; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: none;} 
.kecil A:hover,A.kecil:hover{ color: #CCCCCC; } 


.komentar A,A.komentar{ font-family: Verdana,helvetica; 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: Verdana; font-size: 10pt; color: #000000; }
.judulsedang { font-family: Verdana; font-size: 11pt; color: #000000; }
.judulbesar { font-family: Verdana; font-size: 11pt; color: #000000; }

.putihkecil { font-family: Verdana; font-size: 8pt; color: #FFFFFF; }
.putihsedang { font-family: Verdana; font-size: 8pt; color: #FFFFFF; }
.putihbesar { font-family: Verdana; font-size: 10pt; color: #FFFFFF; }

.birukecil { font-family: Verdana; font-size: 7pt; color: #43BBEF; }
.birusedang { font-family: Verdana; font-size: 8pt; color: #43BBEF; }
.birubesar { font-family: Verdana; font-size: 9pt; color: #43BBEF; }

.hitam { font-family: Verdana; font-size: 9pt; color: #000000; }
.hitamsedang { font-family: Verdana; font-size: 8pt; color: #000000; }
.hitamkecil { font-family: Verdana; font-size: 8pt; color: #000000; }

a				{text-decoration: none;	color: #CC0000;}
a:hover 			{text-decoration: underline; color: #CC0000;}
/* CSS untuk Semua Table disimpan disini */



.button { font-family:  Arial, Verdana, 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, Verdana, 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, Verdana, 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;}


.textfield{ 
BORDER: black 1px solid; FONT: 11px Verdana,Geneva,sans-serif; WIDTH: 125px; COLOR: 
#000000; HEIGHT: 16px; BACKGROUND-COLOR: #FFFFFF }
.textfield:focus { background-color:#FAFAF5; }

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


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

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

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

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


.profil{ 
BORDER: black 1px solid; FONT: 11px Verdana,Geneva,sans-serif; WIDTH: 250px; COLOR: 
#000000; HEIGHT: 100px; BACKGROUND-COLOR: #FFFFFF}
.profil:focus { background-color:#FAFAF5; }

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

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

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

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

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

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

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

.daftar{ 
BORDER: black 1px solid; FONT: 11px Verdana,Geneva,sans-serif; WIDTH: 200px; COLOR: 
#000000; HEIGHT: 18px; BACKGROUND-COLOR: #FFFFFF }
.daftar:focus { background-color:#FAFAF5; }

.textareadaftar{ 
BORDER: black 1px solid; FONT: 11px Verdana,Geneva,sans-serif; 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;}