/* Untuk Tampilan Umum */
* {
	padding: 0;
	margin: 0;
	
}

html,body {
	background-color:#fdfefe;
	background-image:url(images/background.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family: Tahoma,Verdana,Generva,arial;
	font-size:12px;
	line-height:17px;
	width:100%;
}
a {	color: #369; text-decoration:none; position: relative;}
a:visited{	color: #039; text-decoration:none;}
a:hover {color: #39c;text-decoration: underline; }
#container {
	width: 767px;
	text-align:center;
	margin:0;
	float:right;
}
#container:after { content: ""; display: block; height: 0; clear: both; }

#header
{
	position:relative;
}
#header .menuatas{
	color:#FFFFFF;
	float:right;
	width:75px;
	height:50px;
	font-size:11px;
	padding-top:50px;
	background-image:url(images/bgmenuatas.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	cursor:crosshair;
}
#header .menuatas:hover{
	color:#0099FF;
	float:right;
	width:75px;
	height:50px;
	font-size:11px;
	padding-top:50px;
	background-image:url(images/bgmenuatasover.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
#rubrik{
	background-color:#CCCCCC;
	padding: 5px 10px 5px 10px;
	color:#000000;
	float:left;
	font-size:13px;
	font-weight:bold;
}
.tengahatas{
	float:right;
	width:767px;
	height:37px;
	min-height:100%;
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/template/default/images/bgtengahatas.png', sizingMethod='scale');
}

.tengahatas[class]{
	background-image: url(/template/default/images/bgtengahatas.png);
}

.tengah{
	float:right;
	width:767px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='/template/default/images/bgtengah.png', sizingMethod='scale'); 
}
.tengah[class]{
	background-image: url(/template/default/images/bgtengah.png);
}
.tengahisi{ padding-left:30px; float:left; }
.tengahbawah{
	float:right;
	width:767px;
	height:31px;
	min-height:100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/template/default/images/bgtengahbawah.png', sizingMethod='scale');
}
.tengahbawah[class]{
	background-image: url(/template/default/images/bgtengahbawah.png);
}

#detail{
	text-align:left;
	line-height:20px;
	padding-left:30px;
}
#detail img{
	padding:5px;
}
#detail li{
	margin-left:5px;
	padding:2px 2px 2px 2px;
	list-style-type: inherit;
	list-style-image: url(images/bullet.gif);
	list-style-position: inside;
}
#detail .clear { clear:both};


.floatkiri {
	float:left;
}
.floatkanan {
	float:right;
}
.padtop10 { padding-top:10px; }
.textkiri{ text-align:left }
.textcenter{ text-align:center}
.textrata{ text-align:justify; }
.text90{ font-size:90% }
.textputih { color:#ffffff }
.padding1 { padding:1px; }
.padding2 { padding:2px; }
.padding3 { padding:3px; }
.padding4 { padding:4px; }
.padding5 { padding:5px; }
.padding6 { padding:6px; }
.padding7 { padding:7px; }
.padding15 { padding:15px; }



/* Text semuanya disimpan disini */

.judul { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #3f6e9e; text-decoration: none; font-weight: lighter; line-height:20px; }
.judulsedang { font-family: Helvetica, Verdana,  Arial,  sans-serif; font-size: 13pt; color: #3f6e9e; }
.judulbesar { font-family: Helvetica, Verdana,  Arial,  sans-serif; font-size: 14pt; color: #3f6e9e; }

.judul a,a.judul{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #3f6e9e; text-decoration: none; font-weight: lighter; line-height:20px;} 
.judul a:hover,a.judul:hover{ color: #FF801B; font-weight: lighter;  } 

.textabu {color: #999999; }


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

/*--- Untuk Form dan field ----*/
.buttoncari {  padding:0px; font-family:  Tahoma,Verdana,Generva,arial; font-size:12px; font-weight:bold; width: 50px; height:22px; color: #000000; 
			  background-image:url(images/buttoncari.gif); background-repeat:repeat-x; border-top: 1px solid #FF9900; border-bottom: 1px solid #FF9900; border-right: 1px solid #FF9900; border-left:0px; }
.button {  padding:0px; font-family:  Tahoma,Verdana,Generva,arial; font-size:12px; font-weight:bold; width: 50px; height:22px; color: #000000; 
			  background-image:url(images/buttoncari.gif); background-repeat:repeat-x; border: 1px solid #FF9900; }

.buttonbiasa {  padding:2px; font-family:  Tahoma,Verdana,Generva,arial; font-size:12px; color: #000000; border: 1px solid #666666; background-color:#CCCCCC}

.textfieldcari{ padding:0px; border: 1px solid #000000; font: 13px Tahoma,Verdana,Generva,arial; width: 150px; color:#000000; height: 20px; background-color: #FFFFFF; }
.textfieldcari:focus { background-color:#FAFAF5; }

.inputbiasa{ padding:0px; border: 1px solid #666666; font: 13px Tahoma,Verdana,Generva,arial; color:#000000; background-color: #FFFFFF; position: relative; }
.inputbiasa:focus { background-color:#FAFAF5; }


.pagegaleri {	padding: 5px; margin: 5px; text-align:center; border: 1px solid #E0E1E1;  background-color:#F3F5F6; float:left; color:#000000; width:50px; font-weight:bold;}
.kotakabu {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6;}
.kotakbukutamu {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6;}
.labelbukutamu { width:150px; padding:5px; }
.gagal {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6; color:#993300}
.sukses {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6; color:#339900}
 
#slideimage{
	padding-left:30px;
	padding-right:10px;
	float:left;
	width:273px;
	height:444px;
}
#slideimage img{
	width:273px;
	height:444px;
}
.tabcontent { border:4px solid #FFFFFF }

 /*----------------- image -------------*/
 .imgblock50, .imgblockgaleri,.imgblockgalerizoom, .imgblock85, .imgblock65homeprofile, .imgblock15090,.imgblock10060 .imgblock85,.imgblock100, .imgblock85placeHolder{ display: block; overflow: hidden; border: 2px solid #CCCCCC; background-color:#FFFFFF; text-align: center; }
  .imgblockgaleri { width: 273px; height: 447px; margin:0px 5px 0px 30px ; }
  .imgblockgaleri img { height: 447px; margin: 0px auto; }
  .imgblockgalerizoom { width: 675px; height: 400px; margin: 0px auto; }
  .imgblockgalerizoom img { width: 675px; 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; } 


.clear{
float:none;
clear:both;
}