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

/* by April 120201 */
#middle_content_plc {
	margin-left:auto;
	margin-right:auto;
	min-width:900px;
	max-width:900px;
	padding-bottom:50px;
}
/*by April 120207 */
	#top_table {
		width:900px;
		min-width:900px;
		max-width:900px;
	}
		#top_table td {
			min-width:200px;
			padding:5px;
			min-height:50px;
		}
			.round_right {
				background-color:#333;
				color:#FFF;
				-moz-border-radius:0px 5px 0px 0px; 
				-webkit-border-radius:0px 5px 0px 0px; 
			}
			.round_left {
				background-color:#333;
				color:#FFF;
				-moz-border-radius:5px 0px 0px 0px; 
				-webkit-border-radius:5px 0px 0px 0px; 
			}
			.black_bg {
				color:#FFF;
				background-color:#333;
			}
			#top_table td img {
				padding-top:5px;
			}
			.padded_75 {
				padding-left:75px;
			}
			.color_blue_shade {
				background-color:#c1e3ed;
				-moz-box-shadow:inset 0px 0px 1px #666;
				-webkit-box-shadow:inset 0px 0px 1px #666;
				box-shadow:inset 0px 0px 1px #666;
			}
			.color_green_shade {
				background-color:#b9eac1;
				-moz-box-shadow:inset 0px 0px 1px #666;
				-webkit-box-shadow:inset 0px 0px 1px #666;
				box-shadow:inset 0px 0px 1px #666;
			}
			.color_cream_shade {
				background-color:#eadbc3;
				-moz-box-shadow:inset 0px 0px 1px #666;
				-webkit-box-shadow:inset 0px 0px 1px #666;
				box-shadow:inset 0px 0px 1px #666;
			}
			.inner_td {
				border-right:solid thin #CCC;
				border-left:solid thin #CCC;
			}
			#top_table tr td .ticked {
				float:left;
				padding-left:85px;
			}
			.tahun {
				float:left;
				padding-left:40px;
			}
		#top_table .wide_td {
			min-width:265px;
			padding: 0px 5px 0px 5px;			
		}
			#top_table .wide_td img {
				min-width:236px;	
				max-width:236px;	
				width:236px;	
			}
#addon_title {
	margin-left:0 auto;
	margin-right:0 auto;
	min-width:900px;
	width:910px;
	background-color:#333;
	color:#FFF;
	font:Verdana,Arial,Helvetica,sans-serif;
	-moz-border-radius:5px 5px 0px 0px; 
	-webkit-border-radius:5px 5px 0px 0px; 
}
#addon_vps_plc {
	min-width:900px;
}
	#addon_vps_plc #addon_table {
		min-width:900px;
		width:900px;
		border-collapse:separate;
		border-spacing:.3px;
		*border-collapse: expression('separate', cellSpacing = '10px');
		color:#333;
		margin:0 auto;
	}
		#addon_vps_plc #addon_table tr {
			background-color:#dedede;
			border:hidden none;
		}
		#addon_vps_plc #addon_table .color_durian {
			background-color:#e3e0bd;
			color:#333;
		}
		#addon_vps_plc #addon_table td {
			min-width:300px;
			width:300px;
			min-height:40px;
			height:40px;
			vertical-align:middle;
			border:hidden none;
		}
		#addon_vps_plc #addon_table .dark_tr {
			background-color:#d6d6d6;
		}
		#addon_vps_plc #addon_table .ticked {
			background-color:#c5c5c5;
		}
		#addon_vps_plc #addon_table .dark_row {
			background-color:#cfcfcf;
		}
		#addon_vps_plc #addon_table .top_white {
			border-top:0.5px solid #FFF;
		}
		#addon_vps_plc #addon_table .bottom_grey {
			border-bottom:0.5px solid #CCC;
		}
	
#order {
	width:116px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
	padding-top:15px;
}

/* by April 120214 */

#accordion .accordion_content h3 {
	margin-top:20px;
	font-size:16px;
	color:#F60;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background-color:#000;
}
#accordion .accordion_content ul li {
	color:#CCC;
	display:block;
}
#accordion .accordion_content {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background-color:#5e6166;
}
#clear {
	clear:both;
}
#tips {
	min-height:85px;
	float:left;
}
	#tips h3 {
		color:#F90;
		font-size:16px;
		width:100%;
		border:none;
	}
	#tips p {
		color:#DDD;
		text-align:justify;
	}
	#tips img {
		padding:10px;
		clear:right;
	}
	#tips span {
		min-width:10%;
		max-width:90%;
		float:right;
	}
	#tips ul li {
		display:block;
	}
		
	#spec_plc {
		width:900px;
		min-width:900px;
		margin:0 auto;
	}	
	#spec_plc .spec_content div {
		width:450px;
		min-width:450px;
		background-position:left;
		float:left;
		height:146px;
		min-height:146px;
	}
		#spec_plc .spec_content div p {
			margin:0 15px;
			vertical-align:middle;
			display:block;
			color:#CCC;
			font-family:"Verdana", Helvetica, Geneva, sans-serif;
		}
		#spec_plc .spec_content div h3 {
			color:#527446;
			font-size:24px;
			padding-top:55px;
			font-family:"Verdana", Helvetica, Geneva, sans-serif;
		}
	#spec_plc .spec_content .left_top {
		background-image:url(../img/green_left_bg.png);
		text-align:center;
	}
	#spec_plc .spec_content .right_top {
		background-image:url(../img/black_right_bg.png);
		text-align:left;
	}
	#spec_plc .spec_content .left_bottom {
		background-image:url(../img/black_left_bg.png);
		text-align:right;
	}
	#spec_plc .spec_content .right_bottom {
		background-image:url(../img/green_right_bg.png);
		text-align:center;
	}
	
.margin_25px {
	margin-top:25px;
	margin-bottom:25px;
	font-family:"Verdana", Helvetica, Geneva, sans-serif;
}
.with_button {
	color:#f3f3f3;
	padding:5px;
	background-color:#595959;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border:solid thin #474747;
	-moz-box-shadow:2px 2px 2px #cacaca;
	-webkit-box-shadow:2px 2px 2px #cacaca;
	box-shadow:2px 2px 2px #cacaca;
	text-transform:capitalize;
}
#tips_plc {
	background-image:url(../img/dot_pattern.png);
	background-repeat:repeat;
	width:100%;
	min-width:900px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border:solid 1px #d4d4d4;
	-moz-box-shadow:inset 0px 2px 2px #cacaca;
	-webkit-box-shadow:inset 0px 2px 2px #cacaca;
	box-shadow:inset 0px 2px 2px #cacaca;
}
	#tips_plc span {
		min-width:15%;
		max-width:85%;
		min-height:100px;
		float:right;
	}
	#tips_plc .tips_text {
		width:85%;
		min-width:85%;
		max-width:85%;
	}
	#tips_plc .tips_img {
		width:15%;
		min-width:15%;
		max-width:15%;
	}
	#tips_plc .tips_text p {
		text-align:justify;
		margin:15px;
		float:right;
	}
	#tips_plc .tips_img img {
		margin:10px;
	}
		#tips_plc span ul li {
			float:left;
			margin-left:15px;
			background-color:#595959;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;
			border:solid thin #474747;
			-moz-box-shadow:2px 2px 2px #cacaca;
			-webkit-box-shadow:2px 2px 2px #cacaca;
			box-shadow:2px 2px 2px #cacaca;
		}
			#tips_plc span ul li a {
				text-align:justify;
				padding:5px;
				color:#CCC;
				text-transform:capitalize;
			}