/* CSS Document */
#uji_coba{
	margin:0;
	padding:0;
	position:fixed;
	width:200px;
	height:64px;
	top:25%;
	left:0;
	z-index:110;
	background:#999 url(under.jpg) top left no-repeat;
}

#korden {
	margin:0 0;
	padding:0 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:10;
	opacity:0.8;
	filter: alpha(opacity=80);
}

#container_boxku{
	margin:0 0;
	padding:0 0;
	display:none;
	position:fixed;	
	top:20%;
	left: 0; 
	width: 100%; 
	z-index: 11;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
}

#container_boxku .header{
	margin:0;
	padding:0;
	width:100%;
	display:block;
	background-color:#010104;
}

#container_boxku .header .header_text{
	margin:0;
	padding:10px 0;
	width:540px;
	display:block;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	float:left;
	color:#aaa;
}

#container_boxku .header #box_add_loader, #container_boxku .header #box_suggest_loader{
	margin:0;
	padding:10px 0 10px 10px;
	display:block;
	width:20px;
	height:16px;
	float:left;
}

/*==================================================================================*/

#box_add { 
	margin: 0 auto;
	padding:0 0;
	display:none;
	position:relative;
	background-color:#0a1116;
	border:#666 1px solid;
	width: 600px;
	text-align:left;
	color:#aaa;	 
}

#box_add #box_add_product{
	margin :0 0;
	padding:15px 15px;
	width:570px;

}

#box_add #box_add_product .foto{
	margin : 0 0;
	padding: 5px 5px;
	float:left;
	background-color:#020508;
	border-width: 1px;
}

#box_add #box_add_product .product_detail{
	margin:0 0;
	padding:5px 0 0 10px;
	width:360px;
	min-height:90px;
	height:auto;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;

}
#box_add #box_add_product .product_detail p{
	margin:0 0 5px 0;

}
#box_add #box_add_product .ask{
	margin:0 0;
	padding:5px 10px;
	width:360px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	color:#CC0;
}
#box_add #box_add_product #add{
	margin:0 0;
	padding:5px 10px;
	width:360px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
	color:#aaa;
}
#box_add #box_add_product #add label{
	margin:0 0;
	padding:2px 0;
	float:left;
	text-align:left;
	width:60px;
}
#box_add #box_add_product #add input{
	margin:0 5px;
	padding:2px 0;
	width:20px;
	height:14px;
	float:left;
	text-align:center;
	color:#000;
	background-color:#86AAB0;
	border:#ddd 1px solid;
	font-weight:bold;
}
#box_add #box_add_product #add input:disabled{
	color:#333;
	background-color:#666;
	border:#999 1px solid;
}

#box_add #box_add_product #add input:focus{
	background-color:#99CC66;
	border:#fff 1px solid;
}

#box_add #box_add_product #add .tombol{
	margin:0 0 0 20px;
	padding:0 0;
	width:80px;
	height:20px;
	display:block;
	float:right;
	font-weight:bold;
	font-size:11px;
	background-color:#00AAFF;
}
#box_add #box_add_product #add .tombol:disabled{
	margin:0 0 0 20px;
	padding:0 0;
	width:80px;
	height:20px;
	display:block;
	float:right;
	font-weight:bold;
	font-size:11px;
	background-color:#666;
	border:#999 1px solid;
	color:#333;
}

/*--------------------------------------------------------*/

#box_add #box_add_confirm{
	margin :0 0;
	padding:15px 15px;
	width:570px;
	display:none;
}

#box_add #box_add_confirm #box_add_confirm_msg{
	margin:0;
	padding:10px 10px;
	min-height:50px;
	height:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:center;
	color:#CC6;
	border:#333 1px solid;
}

#box_add #box_add_confirm #box_add_confirm_tombol{
	margin :0;
	padding:10px 20px 0 0;
}

#box_add #box_add_confirm #box_add_confirm_tombol .tombol{
	margin:0 0 0 20px;
	padding:0 0;
	width:80px;
	height:20px;
	display:block;
	float:right;
	font-weight:bold;
	font-size:11px;
	background-color:#00AAFF;
	border:#CCC 1px solid;
}

/*===================================================================================*/

#box_suggest { 
	margin: 0 auto;
	padding:0 0;
	display:none;
	position: relative;
	background-color:#0a1116;
	width: 600px;
	border:#666 1px solid;
	color:#aaa;
}
#box_suggest #suggest_container{
	margin :0 0;
	padding:15px 15px;
	min-height:180px;
	height:auto;
}
#box_suggest #suggest_container .foto{
	margin : 0 0;
	padding: 5px 5px;
	float:left;
	background-color:#020a0f;
}
#box_suggest #suggest_container .suggest_form{
	margin : 0 0;
	padding: 0 0 0 15px;
	float:left;
	width:360px;
}
#box_suggest #suggest_container .suggest_form label{
	margin : 0 0;
	padding: 0 0 5px 0;
	width: 160px;
	display:block;
	float:left;
	text-align:left;
	font-size:11px;	
	color:#ddd;
}
#box_suggest #suggest_container .suggest_form .validate_confirm{
	margin : 0 0;
	padding: 3px 0 0 0;
	width: 195px;
	display:block;
	float:left;
	text-align:right;
	font-size:10px;	
	color:#c80;
}

#box_suggest #suggest_container .suggest_form input, #box_suggest #suggest_container .suggest_form textarea{
	margin:0 0 15px 0;
	padding:2px 2px;
	width:350px;
	float:left;
	color:#000;
	background-color:#86AA90;
	border:#eee 1px solid;
}
#box_suggest #suggest_container .suggest_form input:disabled, #box_suggest #suggest_container .suggest_form textarea:disabled{
	color:#333;
	background-color:#777;
	border:#999 1px solid;
}

#box_suggest #suggest_container .suggest_form input:focus, #box_suggest #suggest_container .suggest_form textarea:focus{
	background-color:#AADD77;
}


#box_suggest #suggest_container .suggest_form .tombol{
	margin:0 50px 0 0;
	padding:0 0;
	width:80px;
	height:20px;
	display:block;
	float:left;
	font-weight:bold;
	font-size:11px;
	background-color:#00AAFF;
}
#box_suggest #suggest_container .suggest_form .tombol:disabled{
	margin:0 50px 0 0;
	padding:0 0;
	width:80px;
	height:20px;
	display:block;
	float:left;
	font-weight:bold;
	font-size:11px;
	background-color:#666;
	border:#999 1px solid;
	color:#333;
}

/*--------------------------------------------------------*/

#box_suggest #box_suggest_confirm{
	margin :0 0;
	padding:15px 15px;
	width:570px;
	display:none;
}

#box_suggest #box_suggest_confirm #box_suggest_confirm_msg{
	margin:0;
	padding:10px 10px;
	min-height:50px;
	height:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:center;
	color:#CC6;
	border:#333 1px solid;
}

#box_suggest #box_suggest_confirm #box_suggest_confirm_tombol{
	margin :0;
	padding:10px 20px 0 0;
}

#box_suggest #box_suggest_confirm #box_suggest_confirm_tombol .tombol{
	margin:0 0 0 20px;
	padding:0 0;
	width:80px;
	height:20px;
	display:block;
	float:right;
	font-weight:bold;
	font-size:11px;
	background-color:#00AAFF;
	border:#CCC 1px solid;
}



/*=================================================================================*/

#box_image { 
	margin: 0 auto;
	padding: 0 0;
	display:none;
	position: relative;
	background-color:#669999;
	width: 250px;
	height: 250px;
}