body, html { /*body and html have to be 100% to push header down */
    height:100%;
    width: 100%;
	position:relative;

}
.body{margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		height:100%;
		background-image:url('../image/pattern.jpg');
		background-repeat:repeat;
		color:black;
		}


/*baru*/
	.div_product{float:left;text-align:center;cursor:pointer;border:1px white solid;
	width:217px;padding:10px 0px 10px 0px;background-color:white;margin:1px;max-height:350px;overflow:hidden;color:black;font-weight:bold;}
	.div_product:hover{color:#06C;background-color:#FFFAF0;}
	.gbr{height:200px;opacity:0.9;}
	.gbr:hover{opacity:1}
		.center_div{width:1100px;text-align:left}
.tab_product{
	border:1px black solid;width:160px;padding:8px;display:inline-block;border-bottom:none;
	text-align:center;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	font-weight:bold;
	background-color:#333;color:white;
	}
.tab_product_inactive{
	border:1px gray solid;width:160px;padding:8px;display:inline-block;border-bottom:none;
	text-align:center;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	font-weight:bold;
	cursor:pointer;
color:black;
	background-color:#ECFFFE
	}
.tab_product_inactive:hover{color:red;	background-color:#FC9}
.link_product{color:#fff;font-weight:bold;text-decoration:none;}
.link_product:hover{color:red;text-decoration:none;}
.link_product:active{color:#fff !important;text-decoration:none;}
.link_product:visited{color:#fff !important;text-decoration:none;}
#produk{min-height:auto;padding-top:2px;background-color:white;border:1px #333 solid;padding-bottom:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}		
		.button{background-color:#CCC;
		color:black;
		display:inline-block;
		font-weight:bold;
		width:200px;
		margin-right:5px;
		border-radius: 2px;
		padding:5px;
		border:1px silver solid;
		margin-bottom:10px;
		cursor:pointer}
		
.button:hover{
		border:1px solid #f60;
		color:#033;
		}

.button_actv{background-color:#F60;color:white;}
.button_actv:hover{border:1px #f60 solid;cursor:default;color:white}

.popdiv{
		display:none;
		background-color:white;
		padding:10px 20px 50px 20px;border-radius:5px;text-align:center;
		border:2px #0066FF solid;width:600px;
		}

.info_save{
		padding:3px;
		min-height:30px;}
.del_img{
		float:right;
		height:30px;
		top:15px;
		right:0px;
		position:absolute
		}



.icon{cursor:pointer;height:23px;border:none;opacity:0.8}
.icon:hover{opacity:1}

.pad5{padding:3px}

.input{border:1px gray solid;padding:6px;border-radius:2px;font-size:14px}
.input:focus{border:1px #09F solid;box-shadow:0 0 5px #0066FF;background-color:#FFFFE1}

.red{color:#F30;}

.input_num{width:50px}

.colorblack{color:black;}

.tr{text-align:right}
.tl{text-align:left}
.tc{text-align:center}
	.link{color:#003399;text-decoration:none}
	.link:hover{text-decoration:underline}


.tbl-noborder{border-collapse:collapse;width:100%;}

.tbl{border-collapse:collapse;width:100%;}
.tbl tr td{padding:4px;border:1px solid #666;font-size:14px;color:black}
.black_bold{font-weight:bold;}
.bot50{margin-bottom:50px}

.qty_isi{color:#0066FF;font-weight:300}

.fgreen{color:#009933;font-weight:bold}
.fred{color:#C33;font-weight:bold}

.tbl_info_head td{background-color:#333;font-weight:bold;color:white !important;}

.div_container{padding:5px;border:1px black solid;border-radius:3px;width:100%;margin-bottom:10px;background-color:white}
.div_containerb{padding:5px;border:none;border-radius:3px;width:100%;margin-bottom:10px}


.select{display:inline-block;border:1px #666 solid;padding:5px;border-radius:2px;min-width:180px;font-size:14px;}

.blue_button{background-color:#F30;color:white;padding:6px 12px 6px 12px;border-radius:3px;cursor:pointer;
min-width:70px;border:1px white solid;display:inline-block;font-size:15px;font-weight:100}
.blue_button:hover{background-color:red;border:1px white solid;}
.blue_button:focus{background-color:red;border:1px white solid;}

/* table product*/
.prod_detail{border-collapse:collapse;width:100%;border:none}
.prod_detail tbody tr td{border:1px gray solid;padding:3px ;}
.prod_detail tbody tr:hover{background-color:#FFFFCC}
.theader{background-color:black;color:white;font-weight:bold;}
.theader tr td{padding:5px;font-size:13px}
.focus_tr{background-color:#66CCFF}
.bold{font-weight:bold;color:#F30}

.tr_foot{background-color:black;font-size:15px;font-weight:bold}
.tr_foot td{padding:5px;border:1px gray solid;color:white}


.div_box{border:1px gray solid;border-radius:3px;padding:10px;margin-bottom:10px;}

.link_button{display:inline-block;cursor:pointer;padding:10px;color:black;
text-decoration:none;font-size:16px;;min-width:120px;text-align:center;font-weight:bold;}

.link_button_active{display:inline-block;cursor:pointer;padding:10px;color:white;
text-decoration:none;font-size:16px;;min-width:120px;text-align:center;font-weight:bold;background-color:#F30;}

.link_button_active:hover{background-color:#F30;color:white;text-decoration:none}

.link_button:hover{background-color:#F90;color:white;text-decoration:none}

.del_img{height:25px;float:right;margin-right:-10px;margin-top:-28px;cursor:pointer;z-index:5}
.holder{min-height:100%;position:relative}

.p_black{color:#333;font-size:14px;font-weight:bold}

.p_blue{color:#06c;font-size:14px;font-weight:bold}

.main_div{text-align:left;width:1080px;padding:5px;margin-top:10px;min-height:500px;padding-bottom:100px;}

.footer {
	padding-top:10px;
    width: 100%; // Don't change
    position: absolute;
    bottom: 100px;
	color:red;
	background-color:$fff;
	color:black;
	margin-top:30px;
}   
	.plabel{margin:0px;color:#333}
	.w300{width:300px;}
	.rec_field{color:red;font-size:20px;font-weight:bold;margin:0px;padding-left:10px;}
	.tbl_noborder{width:100%;border-collapse:collapse}
	.tbl_noborder tbody tr td{padding:5px;border-bottom:1px silver solid;}
.info_div_big{
	font-size:18px;color:#06F;padding:100px;font-weight:bold;margin-top:50px;
	}

		.noborder{width:100%;
				border-collapse:collapse}
		.noborder tr td{padding:5px;
						font-size:15px;}
		.trborder td{border-bottom:1px silver solid;}
		
		.logindiv{
					margin-top:50px;
					border:2px solid black;
					padding:5px 10px 5px 10px;
					width:1000px;
					border-radius:3px;
background-color:white;width:450px;box-shadow:0 0 10px silver;
					}
		.h3_label {color:#F60;font-weight:bold;
					margin:6px 3px 1px 3px;}

/* start pagination */


.rowodd{background-color:#F2F2F2}
.paging{padding:5px 0px 2px 0px;}
div.paging a {
	padding: 2px 8px 2px 8px;
	margin: 2px;
	border: 1px solid silver;
	background-color: #fff;
	text-decoration: none; /* no underline */
	color: gray;
}
div.paging a:active {
	border: 1px solid #fff;
	color: #000;
}
div.paging a:hover {
	border: 1px solid #fff;
	background-color:#09C;
	color: #fff;
}
div.paging a:focus {
	border: 1px solid #fff;
	background-color:#09C;
	color: #fff;
}
div.paging span.current {
	padding: 2px 8px 2px 8px;
	margin: 2px;
	border: 1px solid #F63;	
	font-weight: bold;
	background-color:#F63;
	color: #FFF;
}
	div.paging span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;	
		color: gray;
	}
/*end pagination style*/