* {margin:0;padding:0;}
a {text-decoration:none;}


		
.wrapper {width:100%;margin:0;position:absolute;top:0px;}

.bg_white{background:#fff !important;border:1px solid #f5f5f5}


#footer {clear:both;}
.bold{font-weight:bold}
.num {
mso-number-format:'0\.000'
}
.text{
  mso-number-format:"\@";/*force text*/
}

.icon{width:25px;}
.h4{font-size:16px !important;font-weight:bold}

.hr_rec{border:1px silver solid;margin:1px}
    .button_select{border:1px #333 solid;text-align:center;width:100%;color:gray;
	padding:10px;font-weight:bold;cursor:pointer;font-size:16px;border-radius:3px;margin-bottom:8px;}
	.button_select:hover{border:1px solid #06F;color:#06F}

.main_wrapper{width:98%;margin-top:80px;margin-left:20px;}
.left_wrapper{width:200px;border:1px gray solid;border-radius:5px;border-bottom:none;float:left}

.sub_left_header{color:#0066CC;border-bottom:1px silver solid;padding:5px;background-color:#CCC}


.content_header{background-color:#333;color:white;padding:8px;font-size:16px;border-radius:3px;}

.del_header{background-color:#900;color:white;}
.content_info{padding:5px;border:1px solid #090;text-align:center;margin:10px 0px 10px}
.content_wrapper{margin-left:220px;width:80%;background-color:white;border:1px gray solid;padding:5px;border-radius:5px;margin-bottom:10px}
.hidden{display:none}


.inforec{font-size:20px;;color:#666}
.tc{text-align:center !important;}
.tl{text-align:left !important;}
.tr{text-align:right !important;}
.pad5{padding-right:10px;}

.link_navleft{
	border-bottom:1px gray solid;
	padding:10px 5px 5px 5px;
	display:block;cursor:pointer;background-color:white;
	color:gray;
	}
.current_nav{
	background-color:#F60;color:white;	border-bottom:1px gray solid;
	padding:10px 5px 5px 5px;
	display:block;
	text-decoration:none;
	cursor:default
	}
.current_nav:hover{text-decoration:none;color:white}
	

	
.link_navleft:hover{color:black;background-color:#EEEEEE;}
.left_header{background-color:#06C;color:white;padding:10px 5px}

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

.tab{padding:10px;text-align:center;width:200px;
display:inline-block;border-top-left-radius:3px;border-top-right-radius:3px;background-color:#CCCCCC;cursor:pointer;color:#666666}

.tab:hover{background-color:#FF9900;color:white;text-decoration:none}

.tab_active{padding:10px;text-align:center;width:200px;text-decoration:none;
display:inline-block;border-top-left-radius:3px;border-top-right-radius:3px;background-color:#06c;color:white;border-bottom:1px #06c solid;}
.tab_active:hover{color:white;text-decoration:none}
#main-div{margin-bottom:30px;}

.toolbar{padding:10px;border-top:2px #06c solid;min-height:50px;border-bottom:1px gray solid;background-color:white;}
#rec_display{width:100%;background-color:white;border-bottom:2px #06c solid;}

.dl_button{text-align:center;background-color:#06c;color:#F2F2F2;
padding:8px 15px 8px 15px;font-size:14px;border:1px white solid;border-radius:4px;cursor:pointer;}
.dl_button:hover{background-color:#F60;color:white;}
.dl_button:focus{background-color:#F60;color:white;}


.input{border:1px silver solid;padding:4px;border-radius:3px;font-size:14px;color:#494949}
.input:hover{border:1px #999 solid;}
.input:focus{border:1px #06c solid;}
.w300{width:300px;}
.w500{width:500px;}


.infobatal{color:#990000;font-weight:bold}
.greenlbl{color:#060;font-weight:bold;}
.redcolor{color:#990000}

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

.info_save{
		padding:3px;
		min-height:30px;}
.del_img{
		float:right;
		height:20px;
		top:5px;
		right:5px;
		position:absolute;cursor:pointer;
		}

/* TABLE STYLE */
.tbl{border-collapse:collapse;width:100%;font-size:13px !important}



.trhead td{padding:10px;background-color:#333;font-size:14px;color:#CCC}
.trbody td{padding:10px 5px 10px 10px;border:1px silver solid;}
.trfoot td{padding:10px 5px 10px 10px;border:1px silver solid;}
.trheader td{background-color:#CCC;color:#06c;font-weight:bold;}

.tbl-input{border-collapse:collapse;width:100%}
.tbl-input tr td{border-bottom:1px solid #CCC;padding:8px}

.rowodd{background-color:#F7F7F7;}
.roweven{background-color:#fff;}

.rowodd:hover{background-color:#FFC}
.roweven:hover{background-color:#ffc}

.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*/

.table tr td{
	padding:8px !important;
	font-size:14px;
}

.link_judul{
	color:#003366;
}

.link_judul:hover{
	color:#06F
}

.rec_wrapper{
	min-height:520px
}

.w-80{
	width:80%
}