body{
	font-size:12px;
	/*font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
	font-family:Arial,Verdana,sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	
}
#header{
	height:129px;
	margin-bottom:0;
	margin-top:0px;
	background:#006600 url(../images/template/banner.jpg) no-repeat scroll left top;
	color:#ffffff;
	width:780px;
}
.breadcrumbs{
height:20px;
padding:5px;
margin-bottom:0px;
border:1px solid #ddf1dd;
margin-bottom:10px;
font-size:10px;
}
.pencarian{
bottom:0px;
height:33px;
padding-left:15px;
padding-right:15px;
padding-top:5px;
background:#006600;
color:#f2f2f2;
font-weight:bold;
}
.pencarian a,.pencarian a:hover,.pencarian a:active{
color:#ffffff;
}

#header td{
	padding:0;
}
.bg-left{
	width:280px;
	background: url(../images/template/bg-left.png) scroll left top;
	margin-right:0px;
}
.bg-content{
	background:#f0f0f0;
	width:1088px;
	height:100%;
}
/*#menu{
	position:absolute;
	float:center;
	font-size:.95em; 
	width:937px; 
	margin-top:95px; 
	margin-left:8.5%; 
	height:49px;}
*/
.tblrightmenu{/*border:1px solid #CCCCCC !important;*/margin-bottom:20px;width:280px;}
.tblrightmenudetail{font-size:11px;}
.tblrightmenudetail td{padding-bottom:1px; margin-bottom:15px;border-bottom:1px solid #cccccc;}
.tblrightmenudetail td div{font-size:10px;}
.tblrightmenudetail td div a{font-size:11px;color:#003300;font-weight:bold;}
.tblrightmenudetail td a{font-size:12px; font-weight:bold;}
.tblworkspace{/*border:1px solid #CCCCCC !important;*/margin-bottom:10px;}
.tabledatalink{border:1px solid #CCCCCC !important;margin-bottom:20px;}

.content{
	/*margin:10px;*/
	background:#fcfffb;

}

.warning{
	color:#ff0000;
	font-weight:bold;
	text-align:center;
	border:1px solid #DDECEE;
	background:#eef4f6;
}

.content li{
	padding-top:10px;
}

#footer{
	text-align:left;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	float:auto;
	clear:left; 
	/*padding:15px;
	margin-bottom:15px;
	height:100%;*/
	margin-top:0px;
	background:url(../images/template/bg-footer.jpg) repeat-x scroll left top;
	height:85px;
	line-height:1.5;
	padding:5px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#pagination{
	padding-top:10px;
}
#searh{}

.title{
	/*background-color:#F7F7F7;*/
	color:dodgerblue;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	padding:0 5px 0 5px;
	margin:0px;
	width:100%;
}
a.button, button {
	display:block;
	float:left;
	margin: 0.7em 0.5em 0.7em 0;
	padding:5px 10px 5px 7px;   /* Links */

	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;

	background-color:#f5f5f5;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
}
button {
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
	padding:4px 10px 4px 7px;   /* Firefox */
	line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
	padding:4px 10px 3px 7px;   /* IE7 */
}

.showicon{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
	float:none;
}

a img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	float:none;
}

.viwelinkimages{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	float:none;
}

#box-left{
	background:#eef4f6;
	width:100%;
	border:1px solid #ddecee;
}

#box-left h3{
	background: url(../images/tmp/folder.png) no-repeat;
	border-bottom:solid 1px #cccccc;
	padding-left:35px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:10px;
	margin:10px;
	height:27;
}

#box-right{
	background:#eef4f6;
	width:100%;
	border:1px solid #ddecee;
}

#box-right h3{
	border-bottom:solid 1px #cccccc;
	background: url(../images/tmp/folder.png) no-repeat; 
	padding-left:35px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:10px;
	margin:10px;
	height:27;
}

#box-content{
	background:#ffffff;
	/*margin-top:10px;
	height:180px;
	width:100%;*/
	padding:5px;
	margin-left:7px;
	margin-right:5px;
	margin-bottom:10px;
	border:1px solid #f0f0f0;
}

#box-content ul,li{
	/*margin-left:2px;
	padding-left:5px;
	list-style-image:transparent url(../images/tmp/bullet.png) no-repeat;*/
}

#map_canvas, #map_canvas table,#map_canvas td{
	font-size:10px;
	font-family:"Trebuchet MS";
	/*line-height:1;*/
	padding:0;
	margin:0;
}
/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/*input box*/
.readonly{
border-style:none;
background:transparent;
}
.number_input{
	text-align:right;
}

.bar_button{
	text-align:right;
	width:950px;margin:0;
}
/*tabel search*/
.filter_advance{
	visibility:hidden;
	position:absolute;
}

.tbl_search td{
	padding:1px 0 0 0;
}

.tbl_search_advance{
	width:350px;
	padding:1px 0 0 0;
}
.tbl_search_advance td{
	padding:1px 0 0 0;
}




/* -- Button Refresh -- */
.button_refresh{ 
	background-image: url(../images/icon/refresh.gif); }

/* -- Button Filter -- */
.button_filter{ background-image: url(../images/icon/filter.gif); }

/* -- Button View Detail -- */
.button_detail{ background-image: url(../images/icon/detail.gif); }

/* -- Button Success -- */
.button_success{ background-image: url(../images/icon/success.gif); }

/* -- Button Gagal -- */
.button_failed{ background-image: url(../images/icon/failed.gif); }

/* -- Button Repeat -- */
.button_repeat{ background-image: url(../images/icon/repeat.gif); }

/* -- Button New -- */
.button_new{ background-image: url(../images/icon/new.gif); }

/* -- Button Edit -- */
.button_edit{ background-image: url(../images/icon/edit.gif); }

/* -- Button Save -- */
.button_save{ background-image: url(../images/icon/save.gif); }

/* -- Button Cancel -- */
.button_cancel{ background-image: url(../images/icon/cancel.gif); }

/* -- Button Deposit -- */
.button_deposit{ background-image: url(../images/icon/deposit.gif); }

/* -- Button Payment -- */
.button_payment{ background-image: url(../images/icon/payment.gif); }

/* -- Button Generate -- */
.button_generate{ background-image: url(../images/icon/generate.gif); }

/* -- Button Delete -- */
.button_delete{ background-image: url(../images/icon/delete.gif); }

/* -- Button Price Group -- */
.button_price_group{ background-image: url(../images/icon/price_group.gif); }

/* -- Button Price Group -- */
.button_send_sms{ background-image: url(../images/icon/send_sms.gif); }

/* -- Button Back -- */
.button_back{ background-image: url(../images/icon/back.gif); }

/* -- Button Clear -- */
.button_clear{ background-image: url(../images/icon/clear.gif); }

/* -- Button assign user -- */
.button_assign{ background-image: url(../images/icon/assign.png); }

/* -- Button signed -- */
.button_signed{ background-image: url(../images/icon/signed2.png); }

/* -- Button pdf -- */
.button_pdf{ background-image: url(../images/icon/pdf.png); }

/* -- Button excel -- */
.button_pdf{ background-image: url(../images/icon/excel.gif); }

/* -- Button cancel -- */
.button_cancel{ background-image: url(../images/icon/cancel.png); }

/* -- Button tracking -- */
.button_tracking{ background-image: url(../images/icon/tracking.png); }

/* -- Button deliveryplan -- */
.button_deliveryplan{ background-image: url(../images/icon/delivery2.png); }

/* -- Button lphpp -- */
.button_lphpp{ background-image: url(../images/icon/lphpp.png); }

/* -- Button discount -- */
.button_discount{ background-image: url(../images/icon/discount2.png); }

/* -- Button status -- */
.button_status{ background-image: url(../images/icon/status.png); }

/* -- Button lppl -- */
.button_lppl{ background-image: url(../images/icon/lppl.png); }

/* -- Button stock -- */
.button_stock{ background-image: url(../images/icon/stock.png); }

/* -- Button pph -- */
.button_pph{ background-image: url(../images/icon/pph2.png); }

/* -- Button purchasing -- */
.button_purchasing{ background-image: url(../images/icon/purchasing.png); }

/* -- Button qualitycontrol -- */
.button_qualitycontrol{ background-image: url(../images/icon/qualitycontrol.png); }

/* -- Button deliveryplanpreview -- */
.button_deliveryplanpreview{ background-image: url(../images/icon/deliveryplanpreview.png); }

/* -- Button download -- */
.button_download{ background-image: url(../images/icon/download.png); }

/* -- Button newpurchasing -- */
.button_newpurchasing{ background-image: url(../images/icon/newpurchasing.png); }

/* -- Button report -- */
.button_report{ background-image: url(../images/icon/report.png); }

/* -- Button document -- */
.button_document{ background-image: url(../images/icon/document.png); }

/* -- Button highlight -- */
.button_highlight{ background-image: url(../images/icon/highlight.png); }


/*status coloring*/
.color_status{width:100%;border-bottom-width:2px; border-bottom-color:#000000;}
.tablecolor{
	vertical-align:middle;
	text-align:right;
	padding-right:5px;
}

/* Table View */
.tabledata{border:0px solid #CCCCCC !important;margin-bottom:20px;color:#000000;font-size:11px;}
.tabledata thead tr,.tabledata thead td{background:transparent !important;height:40px !important;font-weight:bold !important;text-align:left;color:#000000;}
.tabledata tfoot tr{background:#CFCFCF !important;height:25px !important;font-weight:bold !important;}
.tabledata thead tr a, .tabledata thead tr a:visited{font-weight:bold !important;text-decoration:none !important;}
/*background: url(../images/template/directoryicon.png) no-repeat scroll left top;*/
.tabledata td{padding-bottom:5px;padding-top:5px;padding-left:10px;}
.tabledata td div{font-size:10px;}
.tabledata td div a{font-size:11px;color:#003300;font-weight:bold;}
.tabledata a{font-size:12px; font-weight:bold;}
.tabledataroweven{background-color: #F0F0F0 !important;}
.tabledatarowodd{background-color: #FFFFFF !important;}
.tabledataroweven:hover,.tabledatarowodd:hover,.tabledatared:hover,.tabledatapurple:hover,.tabledatablue:hover,.tabledatacyan:hover,.tabledatagreen:hover,.tabledatayellow:hover,.tabledataorange:hover{background-color:#FFFFDD !important;}
.tabledatared{background-color: #ffcccc !important;}
.tabledatapurple{background-color: #ffccff !important;}
.tabledatablue{background-color: #ccddff !important;}
.tabledatacyan{background-color: #ccffff !important;}
.tabledatagreen{background-color: #ccffcc !important;}
.tabledatayellow{background-color: #ffffcc !important;}
.tabledataorange{background-color: #ffe6cc !important;}

/* Table Detail View */
.tabledetail{border:solid 1px #CCCCCC !important;width:100%;line-height:2; margin-bottom:15px;}
.tabledetailthead tr,.tabledetail thead td{background:#C0C0C0 !important;height:25px !important;font-weight:bold !important;}
.tabledetailtitle{text-align:right;font-weight:bold !important;}
.tabledetailcell1{background-color:#EEF9EE;padding:3px !important;border-bottom:solid 1px #CCCCCC !important;}
.tabledetailcell1first{background-color:#f5fdf5;padding:3px !important;border-bottom:solid 1px #CCCCCC !important;width:170px;}
.tabledetailcell2{background-color:#F5FDF5;padding:3px !important;border-bottom:solid 1px #CCCCCC !important;}
.tabledetailcell2first{background-color:#eef9ee;padding:3px !important;border-bottom:solid 1px #CCCCCC !important;width:170px;}

/* Table data 2 View */
.tabledata2{border:1px solid #CCCCCC !important; width:100%; padding:2px;}
.tabledata2 thead tr,.tabledata thead td{background:#d3f5f8 !important;height:25px !important;font-weight:bold !important;}
.tabledata2 thead tr a, .tabledata thead tr a:visited{font-weight:bold !important;text-decoration:none !important; }

.number td{text-align:right}

/* Table Tool View -- */
.tabletool{
	background-color:#FFFFFF; border:solid 1px #CCCCCC;
	border-bottom:solid 2px #CCCCCC;
	width:100%;	margin:0;	padding:0;
	vertical-align: baseline;
}
.tabletool tr,.tabletool td{margin:2px;padding:2px;}
.tabletoolbutton{
	vertical-align:middle;
	text-align:right;
	padding-right:5px;
	font-size:10px;
}
input.date{	width:70px;}
.unread{font-weight:bolder;}

.invalid{background-color:#ffcccc;}
.button_format{
	background-repeat:no-repeat;
	background-position:top;
	padding:22px 5px 0px 5px;
	text-align:center;
	vertical-align:middle;
}
.clear{
	border:none;
	background-color:#FFFFFF;
	font-weight:normal; 
}

.checkedall{
	width:10px;
	font-size:11px;
}
/*title page*/
/*table-form*/
.table-form tr th{
	background:#D3F5F8;
	font-weight:bold !important;
	width:100%;
	border-bottom:1px solid;
}
.tableformroweven td{background-color: #ecfafb !important; }
.tableformrowodd td{background-color: #FFFFFF !important; }
/*css reset
dl, dt, dd, ol, ul, li{margin:0; margin-left:10px;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
*/
.pdf{
	display:		block;
	width:			40px;
	height:			40px;
	background:		url('images/pdf.gif') no-repeat; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.excel{
	display:		block;
	width:			40px;
	height:			40px;
	background:		url('images/excel.jpg') no-repeat; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.fileDownload{
	width:	100%;
}