/****** core elements ******/

	* {margin: 0; padding: 0;}
	
	body, html {height: 100%; width: 100%;}
	/* body { width: 8.5in; height:11in;} */
    
	body {
		font-family: "Tahoma", "Lucida Sans Unicode", "Lucida Sans";
		/* font-size: 8pt; */
		font-size: 12px;
		color: black;
	}
	
		a {
		  text-decoration: none;
		}
			a:hover{
			  	text-decoration: underline;
			}
			
		ul{
			list-style-type: none;
			padding-left: 20px;
			margin-bottom: 5px;
			text-align: left;
		}
	
			ul ul{
				border-bottom: 1px solid #eaeaea;
				margin-top: 3px;
			}
			
			ul li{
				background-color: transparent;
				padding-left: 15px;
				background-image: url(../images/icons/3fsilk-bullet_green.png);
				background-repeat: no-repeat;
				background-position: top left;
				margin-bottom: 5px;
			}
		
				ul li:hover{
					/* background-color:#eaeaea;	*/
				}
	
	table {
		empty-cells: show; /* SUPPORTED IN IE7 BUT ONLY WITH BORDER-COLLAPSE */
	}
	
		input, select, textarea {
		  	/* width: 100%; */
		  	padding: 1px;
		}

			input.radio{
				width: 15px; 
			}
    
	h2 {
		font-size: 1.3em;
		color: #006599;
		margin: 0px;
		margin-bottom: 5px;
		background-image: url(../images/icons/3fsilk-folder.png);
		background-repeat: no-repeat;
		background-position: middle left;
		text-align: left;
	}

		h2.debug{
			border: 1px solid red;
		  	background: yellow;
		  	padding: 5px;
		  	margin: 3px;
		  	text-align: center;
			font-size: 0.8em;
		}
		
		h2.error{
			border: 1px solid red;
			background: #ffeaea;
			padding: 5px;
			margin: 3px;
			text-align: center;
			font-size: 0.8em;
		}

	h3 {
		font-size: 1.0em;
		padding: 0px;
		text-align: center;
		background-image: none;
		background-repeat: no-repeat;
		background-position: center left;
        border-bottom: 1px solid black;
        padding-bottom: 5px;
	}

	p.templateRenderer{
		background: #eaffea; 
		margin: 3px; 
		padding: 3px;
		border: 1px dotted orange; 
		text-align: center; 
		font-size: 1.0em; 
		clear: both;  
	}
	
	span.templateRenderer{
	 	padding: 3px; 
		background-color: yellow; 
		color: black; 
	}

fieldset {
	padding: 1em;
}
legend {
	padding: 0.2em 0.5em;
	border: 1px solid green;
	text-align: right;
}

/****** general-use classes ******/

	.debug{
		background: yellow;
		border: 1px dotted red;
		padding: 3px;
		width: 95%;
		margin-top: 3px;
	}

	.smaller{
		font-size: 0.8em;
	}


.selectPermit{
	font-size: 1.3em;
	text-align: center;
	color: #5A77B7;
	margin: 3px;
}
.dataGridButton{
	text-align: right;
}
h2.printer{
	background-image: url(../images/printer.png);
	text-align: right;
	float: right;
} 


	#login table, .search table, table.search {
		width: 100%;
	}
	
		#login table tr th{
			width: 20%
		}

		#login table tr td{
			width: 80%
		}
	
		#login input {
			width: 90%;
		}
		
		#login input.button, .search input.button, .dataTable input.button{
			border: none;
			text-align: center;
			width: 200px;
			cursor: pointer;
			background-color: transparent;
			background-image: url(../images/proceed.gif);
			background-repeat: no-repeat;
			background-position: bottom center;
			height: 25px;
		}


/* forms ******************************************/

	
	#form-primary input,
	#form-primary select,
	#form-primary textarea {
	}
	
		#form-primary input.error,
		#form-primary select.error, 
		#form-primary textarea.error {
			border: 1px solid red;
			background-color: #FFFCE2;
			background-image: url(../images/warning_obj.gif);
			background-position: left;
			background-repeat: no-repeat;
			padding-left: 15px;
			width: 385px;
		}
	
		#form-primary input[type=radio] {width: 5%;}
	
	#form-primary table tr td {
		text-align: left;
	}
	
		input.debug, textarea.debug {
			border: 1px dotted red;
			background: yellow;
		}	
		
		pre, pre.debug{
			margin-top: 3px;
			border: 1px dotted red;
			background: yellow;
			overflow: auto;
		}
			
		.button {
		  	/*
			margin: 1px;
		  	text-align: right;
		  	padding-right: 10px;
			border: 1px solid black;
		  	background-color: #eaeaea;
			border-bottom: 2px solid black;
		  	border-right: 2px solid black;
		  	width: 100%;
		  	*/
		}
		
		
			.button:hover {
				/*
				border: 1px solid black;
				background-color: #909090;
			  	border-top: 2px solid black;
			  	border-left: 2px solid black;
				width: 100%;
				*/
			}
			
		.buttonSublist{
		  	width: none;
		  	border: 1px solid blue;
		  	padding: 3px;
			font-size: 0.8em;
			background: #eaeaff; 
		}
		
/* forms **************************************END*/

	#preheader {
		width: 100%;
		min-width: 750px;
		display: none;
	}

		#preheader h1 {
			margin-top: 2px;
			background-image: url(../images/logo.png);
			background-repeat: no-repeat;
			background-position: 0px -5px;
			padding-top: 15px;
			padding-left: 60px;
			position: absolute;
			height: 34px;
			width: 280px;
			vertical-align: middle;
			font-size: 0.8em;
			z-index: 0;
			xborder-right: 1px dotted gray;
		}
	
		#preheader .title {
			margin-top: 15px;
			margin-left: 3px;
			width: 50%;
			float: left;
			xborder: 1px solid black;
		}
		
		#preheader .menubar {
			float: right; 
			height: 56px; 
			width: 500px; 
			margin-right: 9px;
			xborder-left: 1px dotted gray; 
		}

			#preheader .menubar .menutab {
				float: right;
				width: 70px;
				margin-top: 35px;
				margin-right: 3px;
				text-align: center;
			}
				
	#header {
		width: 100%;
		float: left;
		min-width: 750px;
		clear: both;
		display: none;
	}
		
		#header .top {
			background-image: url(../images/topC.png);
			height: 23px;
			border-bottom: 1px solid black;
		}
		
		.topLcurve {float: left; width: 10px; height: 23px; vertical-align: top; background-image: url(../images/topL.png);}
		.topRcurve {float: right; width: 10px; height: 23px; vertical-align: top; background-image: url(../images/topR.png);}
		
		#header .banner {
			background-image: url(../images/banner.jpg);
			height: 144px;
			border-left: 1px solid black;
			border-right: 1px solid black;
		}
	
		#header .bottom {
			background-image: url(../images/status.png);
			height: 17px;
			padding: 3px;
			padding-bottom: 0px;
			font-weight: bold;
			border: 1px solid black;
			border-left: none;
			border-right: none;
		}
	
			#header .bottom .logonInfo {
				position: relative;
				padding: 0px;
				top: -2px;
				font-size: 1.0em;
			}
		
#main {
	float: left;
	width: 100%;
	min-width: 800px;
	background-color: #ECF3FB;
	padding-bottom: 20px;
}
	#main input {
		border: none;
	}
	
	#main h1 {
		color: #0066cc;
		letter-spacing: 0.1em;
		margin: 0px;
		margin-top: 3px;
		margin-bottom: 8px;
	}
	
	#main h2 {
		margin-bottom: 8px;
	} 
	

	#main #content {
		background-color: white;
		border: none;
		border-left: 0px;
		padding: 20px;
		/* width: 550px; /* disabled, so that table width will be maximised when printed - 1 */
		/* max-width: 500px; */
		/* float: left; /* disabled, so that table width will be maximised when printed - 2 */
		margin: 5px 5px 3px 0px;
	}

		#main #content div{
			margin-bottom: 3px;
		}

		#main #content .formTable {
			width: 100%;
			text-align: center;
		}

			#main #content .formTable tr th, #main #content .subForm tr th {
				font-weight: bold;
				white-space: nowrap;
				text-align: right;
				vertical-align: top;
				padding-right: 5px;
				padding-top: 5px;
				width: 20%;
			}
			
			#main #content .formTable tr td, #main #content .subForm tr td {
				padding: 1px;
				width: 80%;
			}	
		
		#main #content .section {
			width: 100%;
		}
		
					
		#main #content .listTable {
			width: 100%;
			background: none;
            border-collapse: collapse;
            margin-top: 10px;
		}
		
			#main #content .listTable tr th {
                color: black;
				font-weight: bold;
				text-align: center;
				padding: 5px;
				vertical-align: middle;
				border: 1px solid black
			}
			
			#main #content .listTable tr td {
				border: 1px solid black;
				padding: 3px;
			}
            
            #main #content .listTable tr th.-column-record-selection,
            #main #content .listTable tr td.-column-record-selection
            {
                display: none;
            }
		
		#preloadedProfiles table {
			width: 100%;
		}
	
		#preloadedProfiles table tr th {
			text-align: right;
			font-weight: bold;
			padding: 3px;
			white-space: nowrap;
		}

		#preloadedProfiles table tr td {
			width: 100%;
			text-align: left;
			border: 1px solid gray;
			background: #eaeaea;
			padding: 3px;
		}
	
	.sidebox {
		float: left;
		border: 1px solid #4B91E9;
		border-bottom: 2px solid #4B91E9;
		border-right: 2px solid #4B91E9;
		margin: 5px 3px 3px 0px;
		background-color: white;
		width: 380px;
		display: none;
	}
	
		.sidebox .title {
			text-align: left;
			background-image: url(../images/status.png);
			padding: 3px 15px 3px 15px;
			border-bottom: 1px solid #4B91E9;
			white-space: nowrap;
			font-weight: bold;
		}
		
		.sidebox .body {
			padding: 3px 10px 3px 10px;
			margin: 0px 4px 0px 4px;
		}
		
			.sidebox .body table {
				background-color: #f7f7f7;
				border: 1px solid;
				padding: 0px;
				margin-top: 5px;
				width: 100%;
			}	
	
				.sidebox .body table tr td {
					vertical-align: top;
					border-right: 1px dotted black;
					border-bottom: 1px dotted black;
					padding: 3px;				
				}
		
				.sidebox .body table tr th {
					border-right: 1px dotted black;
					border-bottom: 1px solid black;
					padding: 3px;				
				}

		#document-history {
			margin: 0px;
			position: absolute;
			padding: 0px;
			right: 0;
			opacity: .90;
			filter: alpha(opacity=90);
			-moz-opacity: 0.90;
			margin-top: 15px;
			margin-right: 15px;
			z-index: 1;
		}	
		
			#document-history .body {
				padding: 0px;
				margin: 0px;
			}

			#document-history .body table {
				margin: 0px;
				margin-bottom: 3px;
				width: 100%;
				border-collapse: collapse;
				white-space: nowrap;
				background-color: #ffffff;
				border: none;
			}

				#document-history .body table tr:hover{
					background-color: #eaeaea;
				}

				#document-history .body table tr.paginator{
					background-color: #ffffff;
				}

				#document-history .body table tr.selected{
					background-color: #d9d9d9;
				}
				
					#document-history .body table th {
						border: none;
						background: black;
						color: white;
					}
				
					#document-history .body table td {
						border: none;
						border-bottom: 1px solid #4B91E9;
						vertical-align: middle;
						text-align: center;
					}

					#document-history .body table tr.paginator td{
						border-bottom: none;
					}

						#document-history .body table td.colWorkflow {
							border-left: 1px dotted #4B91E9;
							border-right: 1px dotted #4B91E9;
						}
	
	.popper{
		background: #ffffe0; 
		border: 1px solid gray;
		border-bottom: 2px solid gray; 
		border-right: 2px solid gray; 
		min-width: 300px;
		text-align: left;
		padding: 5px;		
		margin-top: 5px;
		white-space: normal;
	}
    
#form-primary
{
    color: black;
}

#form-primary input.eselect {
	background-image: url(../images/eselect/cmbbtn_out.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	width: 385px;
}
	#form-primary input.eselect:hover {
		background-image: url(../images/eselect/cmbbtn_over.gif);
	}

#form-primary input.calendar {
	background-image: url('../images/cal.png');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	width: 385px;
}

.layout {
	
}

	.layout td {
		border: 1px solid;
		vertical-align: top;
		background-color: #F2940C;
		margin: 0px;
		padding: 0px;
		height: 18px;
	}
	
		.layout td div{
			padding: 5px;
		}

	.formTab, .formTabSelected {
		border-bottom: 1px solid black;
		background-color: white; /*#006599 selected*/
		text-align: center;
		width: 120px;
		cursor: default;
		white-space: nowrap;
	}

		.formTab:hover {
			background-color: #ffff99;
		}
		
		.formTabSelected {
			background-color: #006599;
			color: white;
		}

	.Tabs{
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
		
		.Tabs tr td {
			padding: 10px;
		}

		.Tabs tr td.formTab, td.formTabSelected {
			background-color: #eaeaea;
				background-image: url(../images/tabs/tab-unselected.png);
				background-repeat: repeat;
				background-position: 0px 0px;
			white-space: nowrap;
			border: 1px solid black;
			border-bottom: 1px solid black;
			border-right: none;
			color: gray;
			cursor: pointer;
		}
	
			.Tabs tr td.formTab:hover{
				color: black;
			}
	
		.Tabs tr td.formTabSelected {
			background-color: transparent;
				background-image: url(../images/tabs/tab-selected.png);
				background-repeat: repeat;
				background-position: 0px 0px;
			border-bottom: none;
			color: white;
			border-top: 1px solid black;
			border-right: 1px solid black;
			font-weight: bold;
			cursor: default;
		}

		.Tabs .topright{
			border-left: 1px solid black;
			border-bottom: 1px solid black;
			padding: 0px;
			padding-left: 20px;
			z-index: 1;
		}

	.dataGridContainer{
		overflow: auto;
		border: 1px solid black;
	}
		
		.dataGridContainer .dataGrid{
			width: 100%;
		}
		
			.dataGridContainer .dataGrid tr th{
				text-align: center;
				border-right: 1px solid #eaeaea;
				border-bottom: 1px solid #eaeaea;
				padding: 5px;
			}
		
			.dataGridContainer .dataGrid tr td{
				border-right: 1px solid #eaeaea;
				border-bottom: 1px solid #eaeaea;			
				text-align: right;
				padding: 2px;
				vertical-align: top;
			}

	#subbuttonWF{
		width: 300px;
	}
		
		#subbuttonWF.disabled{
			padding: 5px; 
			text-align: center;
			font-weight: bold; 
			border: 1px solid gray;
				background-image: url(../images/tabs/tab-unselected.png);
				background-repeat: repeat-x;
				background-position: 0px -1px;
		}

		#subbuttonWF .pushButton{	
				background-image: url(../images/tabs/tab-unselected.png);
				background-repeat: repeat-x;
				background-position: 0px -1px;
			text-align: center;
			font-weight: bold;
			border: 1px solid black;
			cursor: pointer;
			width: 300px;
			padding: 5px;
		}	

			#subbuttonWF .pushButton:hover{	
				background-image: url(../images/tabs/tab-selected.png);
				background-repeat: repeat-x;
				background-position: 0px -1px;
			}	
	
		#subbuttonWF .panel{
			border: 1px solid black;
			margin-top: 0px;
			border-top: 1px solid black;
			background: #eaeaea;
			width: 300px;
			padding: 5px;
		}	
	
			#subbuttonWF .panel input{
				cursor: pointer;
				background-color: transparent;
				background-image: url(../images/proceed.gif);
				background-repeat: no-repeat;
				background-position: bottom center;
				height: 25px;
				width: 100%;
				border: none;
				margin: 0px;
				margin-bottom: 5px;
				margin-left: 5px;
			}

.formTitle {
	/* please change the element that uses this class to (h2: folder icon), h3: page icon */
	background-color: red;
	padding: 5px 10px 5px 10px;
	font-size: 9pt;
	color: blue;
}

.formSub {
	/* please change the element that uses this class to point to "subSection" */
	margin-bottom: 10px;
	border: 1px solid red;
	padding: 5px 8px 8px 8px;
	background: yellow;
}

	.subPage{
			background-image: url(../images/tabs/lower-gradient.png);
			background-repeat: repeat-x;
			background-position: 0px 0px;
		border: 1px solid black;
		border-top: none;
		padding: 10px;
	}

	.subSection {
		margin-bottom: 10px;
		background: white;
		border: 1px solid #C3DF95;
		border-bottom: 2px solid #C3DF95;
		border-right: 2px solid #C3DF95;
		padding: 5px 8px 8px 8px;
	}
	
		.subSection p{
			margin-left: 10px;
			margin-bottom: 10px;
		}

.formSubTitle {
	font-size: 1.0em;
	color: #006599;
}
.summary {
	border: 1px dotted black;
	width: 100%;
	text-align: center;
	}
.h4 {
	font-size: 1.2em;
	color: blue;
	font-weight: bold;
}

	h3.searchbox-title{

	}
	
	.searchbox{
		margin-left: 25px;
	}

		.searchbox table{
			/* table definition */
			width: 100%;
		}
	
			#form-primary .searchbox table th{
				text-align: right;
				padding-right: 10px;
				white-space: nowrap;
				width: 20%;
				font-size: 0.8em;
			}

			#form-primary .searchbox table td{
				width: 80%
				font-size: 0.8em;
			}

				#form-primary .searchbox table td input,
				#form-primary .searchbox table td select{
					width: 300px;
					font-size: 0.8em;
				}
	
	.mainList{
		border: none;  
	}
	
		.mainList .title, .listTitle {
			background: url(../images/titlebar.windows.png);
			vertical-align: middle;
			padding-bottom: 0px;
			height: 30px;
			margin-bottom: 0px;
			font-size: 9pt;
			color: white;
		}
	
		.mainList .content{
		  	border: 1px solid #0000ff;
			border-top: none;
		}
	
		.mainList .message{
		  	text-align: center;
		  	font-weight: bold;
			padding: 5px;
		}
	
	
	.formSub p {
		display: block;
		margin: 10px;
		padding-left: 30px;
	}
	

	
/*
	.warning {
		font-size: 10pt;
		font-weight: bold;
		text-align: center;
		white-space: nowrap;
		padding: 5px;
		background: #fffaad;
		border: 1px solid #fff12e;
	}
*/

.searchTitle {
	font-size: 9pt;
	border: 1px solid blue;
	font-weight: bold;
	text-align: right;
	color: #F13500;
	background: #2F89C1;
}
.mainListTitle{
	font-size: 12pt;
	border: 1px solid blue;
	font-weight: bold;
	text-align: right;
	color: #F13500;
	background: #2F89C1;
}
.obsolete{
	font-size: 9pt;
	color: #FF0000;
	text-align: right;
}
.notice{
	color: #FF0000;
	text-align: left;
	font-size: 8pt;
}
.licenseTitle{
	color: #136BD3;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;	
}

.bgAttention{
	border: 1px solid #eaeaea;
	margin: 5px;
	width: 100%;
}

	#overlayBrowserWarning{
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 10;
		padding: 5px;
		padding-left: 20px;
		padding-right: 20px;
		background: yellow;
		white-space: nowrap;
	  	border-bottom: 2px solid red;
	  	border-right: 2px solid red;
	}

		* html div#overlayBrowserWarning{
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 10;
			padding: 5px;
			padding-left: 20px;
			padding-right: 20px;
			background: yellow;
			white-space: nowrap;
		  	border-bottom: 2px solid red;
		  	border-right: 2px solid red;
		}

	.symbol-warning, .symbol-help{
		padding-left: 3px;
		padding-right: 3px;
		color: black;
		font-weight: bold;  
	}
	
	.symbol-warning{
		background: #ffcc99;
		border: 2px solid red;
	}

	.symbol-help{
		cursor: help;
		background: #ccff99;
		border: 2px solid green;
	}

	#profileOperations{
		float: right;
	}
	
		#profileOperations li {
			background-color: transparent;
			padding-right: 20px;
			padding-left: 5px;
			background-image: url(../images/icons/3fsilk-bullet_go.png);
			background-repeat: no-repeat;
			background-position: top right;
		}

table.dataTable {
	border-width: 1px 1px 1px 1px;
	border-spacing: 3px;
	border-style: dotted dotted dotted dotted;
	border-color: red red red red;
	border-collapse: separate;
	background-color: rgb(255, 255, 240);
}
table.dataTable th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: rgb(255, 245, 238);
}
table.dataTable td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: rgb(255, 245, 238);
}
table.dataTable tbody tr:hover td.dataTableCell {
	background: #F9E368;
}
#form-primary .dataTable input {
	width: 90%;
}
#form-primary .numField {
	text-align: right;
}


.buttonCalendar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	background: #F5F5F5;
	color: #205AA7;
	border: 1px solid #AAAAAA;
}

.dataBottom {
	font-weight: 0.5em;
	display: none;
}

/* lampiran */  
#content #MAIN-tabs-LAMPIRAN_A h1,
#content #MAIN-tabs-LAMPIRAN_B h1,
#content #MAIN-tabs-LAMPIRAN_C h1,
#content #MAIN-tabs-LAMPIRAN_1 h1,
#content #MAIN-tabs-LAMPIRAN_2 h1{
    font-size: 1.455em; /* 16px */
    text-decoration: underline;
    text-align: right; 
    color: #000000;
}
    
    #content #MAIN-tabs-LAMPIRAN_A h2,
    #content #MAIN-tabs-LAMPIRAN_B h2,
    #content #MAIN-tabs-LAMPIRAN_C h2,
    #content #MAIN-tabs-LAMPIRAN_1 h2,
    #content #MAIN-tabs-LAMPIRAN_2 h2{
        font-size: 1.455em; /* 16px */
        text-align: center;
        color: #000000;
        border: 0;
        margin-top: 20px;
    }
    
    #MAIN-tabs-LAMPIRAN_A table,
    #MAIN-tabs-LAMPIRAN_B table,
    #MAIN-tabs-LAMPIRAN_1 table,
    #MAIN-tabs-LAMPIRAN_2 table,
    #MAIN-tabs-Dokumen_Peruntukan table{
        margin-top: 10px;
        border-collapse: collapse;
        width: 100%;
    }
    
    /* overwrite .matrixBody */
    #MAIN-tabs-LAMPIRAN_B .matrixBody tr{                     
        background: none !important;           
    }    

    #MAIN-tabs-LAMPIRAN_A th{
        padding: 5px 10px;
        background: none;
        border: 1px solid #000000;
        color: #000000;
    } 
        /* overwrite .matrixBody */
        #MAIN-tabs-LAMPIRAN_B .matrixBody th{      
            padding: 5px 10px;                     
            background: none !important;           
            border: 1px solid #000000 !important;
            color: #000000 !important;
        }
    
    #MAIN-tabs-LAMPIRAN_C th{
        padding: 10px 10px;
        background: none;
        color: #000000;
        text-align:left;
        font-size: 14px;
    }    
    
    #MAIN-tabs-LAMPIRAN_1 th{
        padding: 5px 10px;
        background: none;
        border: 1px solid #000000;
        color: #000000;
        width: 12.5%;
    } 
    
    #MAIN-tabs-LAMPIRAN_2 th{
        padding: 5px 10px;
        background: none;
        border: 0;
        color: #000000;
        text-align: left;
        width: 95%;
    } 

    #MAIN-tabs-LAMPIRAN_A td,
    #MAIN-tabs-LAMPIRAN_1 td,
    #MAIN-tabs-Dokumen_Peruntukan td{
        padding: 5px 10px;                                       
        border: 1px solid #000000;
        background: none;
        color: #000000;
    }    
    
    #MAIN-tabs-LAMPIRAN_2 td{
        padding: 5px 10px;                                       
        border: 0;
        background: none;
        color: #000000;
    } 
    
        /* overwrite .matrixBody */
        #MAIN-tabs-LAMPIRAN_B .matrixBody td{
            padding: 5px 10px;                                       
            border: 1px solid #000000 !important;

            color: #000000 !important;
        }
    #form-primary #MAIN-tabs-LAMPIRAN_C td{
        padding: 10px 10px;                                       
        border: 0px solid #000000;
        background: none;
        color: #000000;
        text-align:justify; 
        font-size: 14px;
    }   
    
    #MAIN-tabs-LAMPIRAN_2 td.row-number{
        width: 5%;
    }
    
    #MAIN-tabs-LAMPIRAN_2 table.ministry-name-program td{ 
        width: 90%;
    }
    
    #MAIN-tabs-LAMPIRAN_2 table.ministry-name-program th{ 
        width: 10%;
    }
    
    #MAIN-tabs-LAMPIRAN_A ol,
    #MAIN-tabs-LAMPIRAN_B ol{
        margin: 0;
        padding: 0;
        margin-left: 20px; 
    }
    
    #MAIN-tabs-LAMPIRAN_A ol li,
    #MAIN-tabs-LAMPIRAN_B ol li{
        margin: 0;
        padding-left: 10px;
    }    
    
    #form-primary table tr td.currency{
        text-align: right;
    }
    
    /* Dokumen Peruntukan */
#content #MAIN-tabs-Dokumen_Peruntukan h1{
    color: #000000;
    text-align: center;
    font-size: 1.455em; /* 16px */
}     

    #MAIN-tabs-Dokumen_Peruntukan .bp_doc_no{
        text-align: right;
    } 
    
    #MAIN-tabs-Dokumen_Peruntukan .bpk_budget_issued_by,
    #MAIN-tabs-Dokumen_Peruntukan .warrant_no{
        text-align: right;
    }
        
        #MAIN-tabs-Dokumen_Peruntukan .bpk_budget_issued_by .description,
        #MAIN-tabs-Dokumen_Peruntukan .warrant_no .description{
            border-bottom: 1px dotted #000000;
            font-weight: bold;
        }    
        
    #MAIN-tabs-Dokumen_Peruntukan .document-bottom{
        margin-top: 40px;
    }
               
    #MAIN-tabs-Dokumen_Peruntukan .enforcement_department,
    #MAIN-tabs-Dokumen_Peruntukan .bpk_warrant_date{
        text-align: left;
    }
    
        #MAIN-tabs-Dokumen_Peruntukan .bpk_warrant_date{
            float: left;
        }
    
        #MAIN-tabs-Dokumen_Peruntukan .enforcement_department label,
        #MAIN-tabs-Dokumen_Peruntukan .bpk_warrant_date label{
            float: left;
        }
    
        #MAIN-tabs-Dokumen_Peruntukan .enforcement_department .description,
        #MAIN-tabs-Dokumen_Peruntukan .bpk_warrant_date .description{
            font-weight: bold;
            float: left;
            margin-left: 5px;
        }
        
        #MAIN-tabs-Dokumen_Peruntukan .bpk_hod_legend .curly-brace{
            font-size: 50px;
        }
        
        #MAIN-tabs-Dokumen_Peruntukan .bpk_hod > div{
            padding-bottom: 30px;
        }
        
        #MAIN-tabs-Dokumen_Peruntukan .bpk_hod,
        #MAIN-tabs-Dokumen_Peruntukan .bpk_hod_legend{
            float: right;  
            padding-right: 20px;  
        }
        
    #MAIN-tabs-Dokumen_Peruntukan .ministry-code .description,
    #MAIN-tabs-Dokumen_Peruntukan .department-code .description{
        font-weight: bold; 
    }
    
    /* Surat Permohonan & Surat Tuntutan */
    #MAIN-tabs-Surat_Permohonan,
    #MAIN-tabs-Surat_Tuntutan{
        text-align: justify;
        padding-bottom: 20px;
        font-size: 12px;
        line-height: 16px;
        font-family: arial;
    }
    
    #MAIN-tabs-Surat_Permohonan label,
    #MAIN-tabs-Surat_Tuntutan label{
        width: 70px;
        display: block;
        float: left;
    }
    
    #MAIN-tabs-Surat_Permohonan .cover_ref_no .description:before,
    #MAIN-tabs-Surat_Permohonan .bpk_warrant_date .description:before,
    #MAIN-tabs-Surat_Tuntutan .cover_ref_no .description:before,
    #MAIN-tabs-Surat_Tuntutan .bpk_warrant_date .description:before{
        content: " : ";
    }
    
    #MAIN-tabs-Surat_Permohonan .document_content,
    #MAIN-tabs-Surat_Tuntutan .document_content{
        padding-left: 70px;
    }          
    
    #MAIN-tabs-Surat_Permohonan .document-closure,
    #MAIN-tabs-Surat_Tuntutan .document-closure{
        position: relative;
        top: 100%;
        text-align: center;
    } 
    
    #MAIN-tabs-Surat_Permohonan .document-closure.single_record{
        page-break-after: always;
    }
    
    #MAIN-tabs-Surat_Permohonan .cover_title,
    #MAIN-tabs-Surat_Tuntutan .cover_title{
        font-weight: bold;
        margin-top: 5px;
    }
    
    #MAIN-tabs-Surat_Permohonan .bpk_hod,
    #MAIN-tabs-Surat_Tuntutan .bpk_hod{
        margin-top: 70px;
    }
    
    table.cover_letter_bpk{
        border-collapse: collapse;
        width: 100%;
        text-align: center;
    }    
    
    table.cover_letter_bpk tr{
    
    }
    
    table.cover_letter_bpk th{
        border: 1px solid #000000;
        padding: 3px 5px;
        background: #EEEEEE;
        font-weight: bold;
    }
    
    table.cover_letter_bpk td{
        border: 1px solid #000000;
        padding: 3px 5px;
    }         
        #form-primary table.cover_letter_bpk td{
            text-align: center;
        }
    .page-closure-text{
        text-align: center;
        font-weight: bold;
    }

    p{
        margin-bottom: 10px;
    }
    
    /* more printables */
    .printable-display
    {
        color: black;
        background: blue;
    }
    
    .printable-display table{
        margin-top: 10px;
        border-collapse: collapse;
        width: 100%;
    }

    .printable-display th{
        padding: 5px 10px;
        background: none;
        border: 1px solid #000000;
        color: #000000;
    } 

    .printable-display td{
        padding: 5px 10px;                                       
        border: 1px solid #000000;
        background: none;
        color: #000000;
    }    

#uitabs{
    border: 0;
    width: 100%;
}

    #uitabs-form{
        width: 100%;
    }

    ul.ui-tabs-nav{ /* hide the ui-tabs */
        display: none;
    }

/*
used by:
    readonly.ProjectProfile.lampiran-b.record.php
*/
    
.-print-only-block
{
    display:block !important;
}   

.visibility-hidden{
    visibility: hidden;
} 

.apply-bold{
    font-weight: bold;
}

.apply-left-indent{
    padding-left: 20px;
}

.clearfix:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    line-height:0;
    visibility:hidden;
}

#-entity-editor, #ui-dialog, #-warning-nocookies, #-warning-noscript, input[value="Tambah Maklumat"], .-ui-no-button-autostyle
{
    display:none;
}    

.date_input
{
    background-image:none;
    border:1px solid gray;
}

*
{
    box-shadow: none !important;
}


#form-primary select[name^="subtables-"]:not(.hidden):not(.debug),
#form-primary select[name^="row-"]:not(.hidden):not(.debug),
#form-primary select,
#form-primary table select
{
    width: 95% !important;
}

body.-css-table-like-form form#form-primary div.section div.row:not(#projectcode) > div input[type="text"],
#form-primary input[type="text"][name^="subtables-"]:not(.hidden):not(.debug), 
#form-primary input[type="text"][name^="row-"]:not(.hidden):not(.debug),
#form-primary table input[type!="radio"],
#form-primary input[type!="radio"],
#form-primary input
{
    width: 95% !important;
}

#form-primary textarea,
#form-primary textarea[name^="row-"]:not(.hidden):not(.debug), 
#form-primary textarea[name^="subtables-"]:not(.hidden):not(.debug),
#form-primary table textarea
{
    width:95% !important;
}

select, input[type!="radio"], textarea
{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

td.reset, td.delete, th.reset, th.delete, .ui-icon-comment
{
    display:none;
}

#projectcode input
{
    width:35px !important;
}

select, input, textarea
{
    border:0 !important;
    background-color:#eaeaea !important;
}

.-print-details
{
    display:block;
    padding:5px; 
    text-align:center;
    margin:5px;
    font-weight:bold;
}

.ui-white-gradient
{
    background: none;
    border: 1px solid black;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.debug,
.non-print,
.non_print,
.searchbox,
.print-hide,
.breadcrumbs,
.pagination_container,
#footer,
#side-menu,
#action-bar,
#form-border,
#breadcrumbs-border
{
    display: none;
}

html, 
body, 
#main, 
#left_column, 
#content, 
#main_content, 
#uitabs, 
#main #content
{
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}

#main #content div
{
    margin-bottom: 0;
}

#content-top, 
#content-top-border, 
#stickybar-container,
.loading-dialog,
.print-hide,
#main .action-button,
#main .print-button
{
    display: none;
}