@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; background:#4396ca url(images/bgMain.png) top left repeat-x; font:12px/1.3em Arial, Helvetica, sans-serif; }

img,form{ border:0;}

#wrapper{ margin:auto; width:995px; }
#outer{ float:left; width:995px; border:0px solid #fff; }

.header{ height:202px; width:995px; }
	.header h1{ border:0px solid #fff; margin:0; padding:0; display:block; height:202px; width:995px; background:url(images/wallpaperfame.png) no-repeat; }
	.header h1 a{ display:block; width:995px; height:202px; text-indent:-9999px; }



.topNav{ clear:both; background:url(images/bgStrip.jpg) repeat-x; height:39px; border-top:2px solid #000 }
	.insideNav{ padding: 7px 0 0 12px; }
	
	.insideNav ul{ margin:5px 0 0 0; padding:0; list-style:none; }
		.insideNav li{ display:inline; }
		.insideNav li a{ color:#fff; text-decoration:none; margin:0 10px 0 0; text-transform:uppercase; font-size:11px; font-weight:bold;}	
		.insideNav li a:hover{ color:#f2f2f2; }
	
	.formCari{ float:right; margin:0 10px 0 0; padding:0; }
	


.topNav2{ clear:both; background:url(images/bgStrip2.jpg) repeat-x; height:39px; border-top:2px solid #000 }
	.insideNav2{ padding: 12px 0 0 12px; color:#fff; }
	
	.insideNav2 ul{ margin:0px 0 0 0; padding:0; list-style:none; }
		.insideNav2 li{ display:inline; }
		.insideNav2 li a{ color:#fff; text-decoration:none; margin:0 10px 0 0; text-transform:uppercase; font-size:11px; font-weight:bold;}	
		.insideNav2 li a:hover{ color:#f2f2f2; }	
	
	
.mainWrap{ clear:both; float:left; width:975px; background:#f0f9fd; padding:10px; min-height:500px; height:auto !important; height:500px; border:0px solid #000; }

.h3Title{ padding:0; margin:0 0 5px 0; font-size:14px; color:#3f89c3 }
	.h3Title a{ color:#3f89c3; }
	.h3Title a:hover{ text-decoration:none; }
	
	.leftSide{ width:200px; float:left; border:0px solid #000; }
	
		.categoryBox{ float:left; border-top:3px solid #a9cde4; background:#fff; /* min-height:50px; height:auto !important; height:50px; */ padding:10px; margin: 0 0 10px 0; }
			.categoryBox ul{ margin:0; padding:0; list-style:none; }
			.categoryBox ul li{ padding:2px 5px 5px 5px; }
			
			.categoryBox ul li a{ 
				display:block; text-decoration:none; color:#c71b33; border-bottom:1px solid #E1E1E1; padding:0px 0 2px 0; font-weight:bold;
			}
			
			.categoryBox ul li a:hover{
				border-bottom:1px solid #ccc; color:#3f89c3; 
			} 
			
			.categoryBox a{ text-decoration:underline; color:#3f89c3; }		
			.categoryBox a:hover{ text-decoration:none; }
		
	
	.mainSide{ width:560px; float:left; margin:0 15px 0 0; border:0px solid #990000; }	
		
		.boxThumb{ float:left; width:125px; height:125px; margin:0 8px 30px 0px; border:1px solid #d5e5f0; padding:2px; }
		.boxAd{ clear:both; padding:10px; border:1px solid #d5e5f0; margin:15px 0; text-align:center; }
			.boxAdClearTop{ margin-top:0;}
	
	
	
	.rightSide{ width:170px; float:left; border:0px solid #990000; }


.spanHalaman{ float:right; }



.ad{ float:left; width:20px; margin:0 5px 0 0; }
.left{ float:left; }
.lebarPad{ width:170px; min-height:30px; height:auto !important; height:30px; }
.lebarPadKanan{ width:160px; min-height:30px; height:auto !important; height:30px; }
.galleryPad{ width:540px; }


.pagination {
	clear:both;
	/*background: #f2f2f2;*/
	color:#666;
	padding: 4px 2px 4px 7px;
	border: 0px solid #ddd;
	/*margin: 0 0 1.5em;*/
}
.pagination p {
	/*position:relative;*/
	text-align:center;
	padding:10px 0 10px 0;
}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
	color:#f55c00;
}
.pagination p a:hover {
	background:#c00;
	color:#fff;
}
.pagination p span {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
	color:#ccc;
}
.pagination * {
	margin:0;
}

.download{}
	.download a{ text-decoration:none;}
	
.downloadButton { text-align:left; margin:auto; width:405px; height:40px; display:block; background:#eee url(images/dlbar.gif) no-repeat; }
.downloadButton { text-decoration:none; padding:30px 0 0 80px; text-transform:uppercase; font-weight:bold; }
.downloadButton:hover{ background:#e3e3e3 url(images/dlbar.gif) no-repeat;; }

/*one-column-emphasis*/

#one-column-emphasis{/*font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;*/width:/*480px*/100%;text-align:left;border-collapse:collapse;margin:20px 20px 20px 0;}
#one-column-emphasis th{font-size:14px;font-weight:normal;color:#039;padding:12px 15px;}
#one-column-emphasis td{color:#669;border-top:1px solid #e8edff;padding:10px 15px;}
.oce-first{background:#d0dafd;border-right:10px solid transparent;border-left:10px solid transparent;}

#one-column-emphasis tr:hover td{ /*color:#339;background:#eff2ff; */}


/*preview box*/
.rightcol .preview_box,.search_page .preview_box {
  background-color: #fff;
  display: table;
  margin: 0;
  border: 1px solid #fff;
  float: left;
  margin-top: 0;
  border-collapse: collapse;
}

.rightcol .preview_box td,.search_page .preview_box td {
  height: 277px;
  padding: 19px 20px 0 20px;
  vertical-align: bottom;
}

.preview_box td  {
  width: 145px;
  position: relative;
}

.preview_box td {
  background-color: #3F89C3;
  display: inline;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 11px;
  font-family: "Tahoma";
  color: #fff;
  width: 145px;
  float: left;
}


.preview_box{
  font-size: 11px;
  font-family: "Tahoma";
  color: #434343;
  padding: 9px 0px 4px 0px;
}

.preview_box td {
  padding: 4px 0px 4px 0px;
}

.preview_box td{
  text-decoration: underline;
  font-weight: normal;
  color: #434343;
}

.preview_box td {
  color: #7CC5FF;
}



.preview_box td{
  font-weight: bold;
  color: #000;
  text-decoration: none;
}



.preview_box td {
  float: right;
}



.preview_box td  {
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: inline;
  width: 50px;
  text-align: right;
}


.preview_box img {
  border: none;
}

#tplPreview {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  border:1px solid #a9cde4;
  font-size: 11px;
  color: #4B4B4B;
  padding: 12px 15px 15px 15px;
}
#tplPreviewTitle {
  font-size: 14px;
  visibility:visible;
  padding:0; margin:0;
}

#tplPreviewBody {
  position: relative;
}

#tplPreviewImage {
  margin: 8px auto 0 auto;
}

#tplPreviewProgressBar {
  position: absolute;
  width: 125px;
  padding: 10px 10px 15px 10px;
  top: 45%;
  left: 50%;
  margin-left: -67px;

  border: 1px solid #6A6A6A;
  background-color: #ffffff;
  color: #000000;
  font-family: Tahoma,Helvetica,sans;
  font-size: 10px;
  text-align:left;
}