body {
	background:#F5F5F5 url("images/bar-body.png") 0px 3px repeat-x;
	font-family:verdana;
	FONT-SIZE: 11px; 
	COLOR: #003366; 
	TEXT-DECORATION: none;
	margin:0px;
	padding:0px;
}
#footer {
	FONT-SIZE: 12px; 
	COLOR: whitesmoke;
	TEXT-ALIGN: center;
	FONT-FAMILY:  verdana;
}

#timeX {
	FONT-SIZE: 10px; 
	COLOR: #D3E2E9;
	TEXT-ALIGN: center;
	FONT-FAMILY:  verdana;
}

.n0 {
	font-size:10px;
	text-align:center;
}
.cg0 {
	color:#FFF;
	font-size:10px;
	margin-top:4px;
	background:url('images/icons/user.png') left top no-repeat;
	padding-left:20px;
	height:20px;
	padding-top:2px;
}
.cw0 {
	color:#fff;
	font-size:10px;
}
.cw1 {
	color:#fff;
	font-size:11px;
}
.cw4 {
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.button-submit {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 0.8em; BACKGROUND: url(./images/bt_search_1.gif) no-repeat left top;  BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 55px; COLOR: #fff; PADDING-TOP: 0px; HEIGHT: 21px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}

.button-submit_long {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 0.8em; BACKGROUND: url(./images/bt_search_2.gif) no-repeat left top;  BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 125px; COLOR: #fff; PADDING-TOP: 0px; HEIGHT: 21px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}

div#message {
	border:3px solid #000;
	padding:5px 5px 10px 60px;
	height:44px;
	vertical-align:middle;
	background:#FFF url('images/info.png') 4px 4px no-repeat;
	width:330px;
	text-align:left;
}

table#header {
	background:#000 url("images/bar-header.gif") left top repeat-x;
}

table#footer {
	background:#000 url("images/bar-footer.gif") left -9px repeat-x;
	height:51px;
}

table#header td#logo {
	height:70px;
}

table#header td#logo h1, table#header td#logo h2 {
	font-size:21px;
	margin:0px;
	color:#FFF;
	margin-top:17px;
	margin-left:10px;
}

table#header td#logo h2 {
	font-size:10px;
	margin-top:2px;
	color:#BBD23C;
}

table#header td#date {
	padding-top:15px;
	padding-right:10px;
	color:#FFF;
}

table#header-menu {
	height:39px;
	minimum-width:100%;
	top:40px;
	left:0px;
	background:#000 url("images/bar-menu.jpg") left top repeat-x;
}

table#header-menu td {
	text-align:center;
	height:18px;
	font-size:11px;
}

table#header-menu td a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}


table#header-menu td a:hover {
	color:#BBD23C;
}

table#header-menu td div.left-menu {
	position:absolute;
	float:right;
	display:none;
	border:1px solid #dddddd;
	background:#fcfcfc;
	margin-left:-50px;
	text-align:left;
	padding:2px 14px 2px 2px;
}

table#header-menu td div.left-menu ul {
	padding-left:5px;
	margin:0px;
	list-style:none;
} 

table#header-menu td div.left-menu li {
	border-left:1px solid #dedede;
	padding:0px;
}

table#header-menu td div.left-menu li a#sub-menu {
	background:none;
	text-decoration:none;
	display:block;
	color:#000;
	border:1px solid #fcfcfc;
	padding:2px 0px 0px 7px;
	margin:0px 0px 0px 2px;
	font-size:10px;
	text-align:left;
	height:20px;
}

table#header-menu td div.left-menu li a#sub-menu:hover {
	color:#06c;
	border:1px solid #b3e4f9;
	background:url("images/tr_odd_background.jpg") bottom left repeat-x;
	font-size:10px;
	text-align:left;
}

table#header-menu td div.left-menu li a#sub-menu hr {
	border:1px solid #dedede;
	height:1px;
}

div#main-content {
	background:url("images/bar-body-bottom.png") 0px bottom repeat-x;
	width:100%;
	min-height:470px;
}

/* for Internet Explorer */
/*\*/
* html div#main-content {
	height:470px;
}
/**/

div.view-all, div.view-detail {
	width:800px;
	border:none;
	background:url("images/window_top.png") top left no-repeat;
	padding:30px 0px 0px 0px;
}

table.view-all, table.view-detail {
	width:90%;
	background-color:#fff;
	border:3px solid #000;
	font-size:8pt;
	empty-cells:show;
	border-spacing:0px 0px;
	margin-bottom:15px;
}

table.view-all a, table.view-detail a {
	color:#000;
	text-decoration:none;
}

table.view-all a:hover, table.view-detail a:hover {
	color:#06c;
	text-decoration:none;
}

table.view-all th, table.view-all th#green, table.view-all th#blue, table.view-all th#blue-text, table.view-all th#grey,
table.view-detail th, table.view-detail th#green, table.view-detail th#blue, table.view-detail th#blue-text, 
table.view-detail th#grey, table.view-all th#status, table.view-detail th#status {
	background:url("images/th_background.jpg") bottom left repeat-x;
	font-weight:normal;
	height:22px;
	color:#000;
	border-bottom:1px solid #b3e4f9;
	border-left:1px solid #b3e4f9;
	font-size:8pt;
}

table.view-all th#green, table.view-detail th#green,
table.view-all th#blue, table.view-detail th#blue, 
table.view-all th#blue-text, table.view-detail th#blue-text {
	font-weight:bold;
}

table.view-all th#grey, table.view-detail th#grey {
	background:url("images/th_grey_background.jpg") bottom left repeat-x;
	border-bottom:2px solid #000;
	border-left:1px solid #ddd;
}

table.view-all th#status, table.view-detail th#status,
table.view-all td#status, table.view-detail td#status {
	background:url("images/th_grey_background.jpg") bottom left repeat-x;
	border-top:1px solid #aaa;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	text-align:left;
	padding:5px 0px 5px 5px;
}

table.view-all th#status a, table.view-detail th#status a,
table.view-all td#status a, table.view-detail td#status a {
	color:#666;
}

table.view-all th#status a:hover, table.view-detail th#status a:hover,
table.view-all td#status a:hover, table.view-detail td#status a:hover {
	color:#06c;
}

table.view-all th#green, table.view-all th#blue, table.view-all th#blue-text, table.view-detail th#green, table.view-detail th#blue, table.view-detail th#blue-text {
	background:url("images/toolbar_background.jpg") bottom left repeat-x;
	height:25px;
	color:#000;
	border:none;
	border-bottom:1px solid #000;
	padding:0px 5px 0px 5px;
}

table.view-all th#blue, table.view-all th#blue-text, table.view-detail th#blue, table.view-detail th#blue-text {
	background:url("images/toolbar_blue_background.jpg") bottom left repeat-x;
	color:#000;
	border-top:none;
	border-bottom:1px solid #8b919f;
}

table.view-all th#blue-text, table.view-detail th#blue-text {
	text-align:left;
	padding-left:5px;
}

table.view-all th:first-child, table.view-detail th:first-child {
	border-left:none;
}

table.view-all td, table.view-detail td {
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	padding:5px 5px 5px 5px;
	text-align:center;
}

table.view-all tr#odd td, table.view-detail tr#odd td {
	border-bottom:1px solid #b3e4f9;
	background:url("images/tr_odd_background.jpg") bottom left repeat-x;
}

table.view-all td#green, table.view-detail td#green, 
table.view-all tr#odd td#green, table.view-detail tr#odd td#green {
	/*background:#cdffcd url("images/td_green_background.jpg") bottom left repeat-x;*/
}

table.view-all th#red, table.view-detail th#red, table.view-all tr#odd th#red, table.view-detail tr#odd th#red,
table.view-all td#red, table.view-detail td#red, table.view-all tr#odd td#red, table.view-detail tr#odd td#red {
	background:#FEE6E1 url("images/th_red_background.jpg") bottom left repeat-x;
	font-weight:normal;
	color:#6F1E1E;
	border:none;
	border-left:1px solid #E69081;
	border-bottom:1px solid #E69081;
	font-size:8pt;
}

table.view-all th#red+th, table.view-detail th#red+th, table.view-all tr#odd th#red+th, table.view-detail tr#odd th#red+th,
table.view-all td#red+td, table.view-detail td#red+td, table.view-all tr#odd td#red+td, table.view-detail tr#odd td#red+td {
	border-left:1px solid #E69081;
}

table.view-all th#red a, table.view-detail th#red a,
table.view-all td#red a, table.view-detail td#red a {
	color:#6F1E1E;
}

table.view-detail td {
	text-align:left;
}

table.view-all > td, table.view-detail > td {
	border-left:none;
}

table.view-all td#left, table.view-all td#align-left, table.view-all td#nama,
table.view-detail td#left, table.view-detail td#align-left, table.view-detail td#nama {
	text-align:left;
}

table.view-all td#right, table.view-all td#align-right,
table.view-detail td#right, table.view-detail td#align-right {
	text-align:right;
}

table.view-all td.status-bar, table.view-detail td.status-bar {
	background:#f1eded;
	border:none;
	border-top:1px solid #919191;
	text-align:left;
	height:20px;
}

table.view-all ul, table.view-detail ul {
	list-style:none;
	margin:0px;
	padding:0px;
}


a#add, a#edit, a#delete, a#calendar, a#excel, a#view {
	height:25px;
	width:25px;
	padding:5px;
}

a#add, a#add-with-text {
	background:url("images/icons/table_add.png") center center no-repeat;
}

a#add-with-text {
	background-position:left center;
	padding:5px 5px 5px 20px;
	height:25px;
}

a#edit, a#edit-with-text {
	background:url("images/icons/table_edit.png") center center no-repeat;
}

a#edit-with-text {
	background-position:left center;
	padding:5px 5px 5px 20px;
	height:25px;
}

a#delete, a#delete-with-text {
	background:url("images/icons/table_delete.png") center center no-repeat;
}

a#delete-with-text {
	background-position:left center;
	padding:5px 5px 5px 20px;
	height:25px;
}

a#view, a#view-text {
	background:url("images/icons/table.png") center center no-repeat;
}

a#star, a#view-star {
	background:url("images/icons/star.png") center center no-repeat;
}

a#view-text {
	background-position:left center;
	padding:5px 5px 5px 20px;
	height:25px;
}
a#view-star {
	background-position:left center;
	padding:5px 5px 5px 20px;
	height:25px;
}

a#excel {
	vertical-align:middle;
	height:38px;
	width:250px;
	display:block;
	background:url("images/excel_workbook.jpg") 0px 5px no-repeat;
	padding-left:55px;
	padding-top:15px;
}


a.hide_detail {
	background:url("images/icons/book_open.png") 5px center no-repeat;
	padding:5px 2px 2px 25px;
	border:1px solid #DDD;
	margin:5px 0px 1px 0px;
}

div.hidden {
	display:none;
}


div.hidden a.hide_detail {
	background:url("images/icons/book.png") 5px center no-repeat;
}

table#table-no-padding {
	margin:1px 0px 3px 0px;
	border:1px solid #ddd;
	border-spacing:0px 0px;
	padding:0px;
}

table#table-no-padding tr td {
	text-align:left;
	padding:2px;
	border:none;
}

table#table-no-padding tr td:first-child {
	padding-left:4px;
	border:none;
}

input#delete, input#tick, input#cross {
	background:url("images/icons/table_delete.png") center center no-repeat;
	height:25px;
	width:25px;
	padding:5px;
	border:none;
	cursor:hand;
	font-size:0px;
	color:#C7DFFA;
	padding:0px;
}

input#tick {
	background:url("images/icons/tick.png") center center no-repeat;
}

input#cross {
	background:url("images/icons/cross.png") center center no-repeat;
}


table.view-trans
{
	background-color:#fff;
	border:0px solid #000;
	font-size:8pt;
	empty-cells:show;
	border-spacing:0px 0px;
	font : "Times New Roman";
}


table.view-trans th,view-trans td, view-trans table{
	background-color:#fff;
	font-weight:normal;
	height:10px;
	color:#000;	
	border-bottom:1px solid #000 <?=$link_hover_line_color?>;
	border-left:1px solid #000 <?=$link_hover_line_color?>;	
	font-size:8pt;
}

table.view-trans1
{
	background-color:#fff;
	border:0px solid #000;
	font-size:8pt;
	empty-cells:show;
	border-spacing:0px 0px;
	font : "Times New Roman";
}


table.view-trans1 th,view-trans1 td, view-trans1 table{
	background-color:#fff;
	font-weight:normal;
	height:10px;
	color:#000;		
	border:1px solid #000;	
	font-size:8pt;
}

table.view-trans2 th,view-trans2 table
{
	background-color:#fff;		
	font-weight:normal;
	height:10px;
	color:#000;
	font-size:8pt;
	empty-cells:show;	
	border:1px solid #000;
	font : "Times New Roman";
}

tr.head th{	
	background-color:#fff;
	font-weight:normal;
	height:10px;
	color:#000;	
	border:1px solid #000;	
	font-size:8pt;
}

table.view-trans1 table in{
	background-color:#fff;
	font-weight:normal;
	height:10px;
	color:#000;	
	border:1px solid #fff;	
	font-size:8pt;

}

table.view-trans3
{
	background-color:#fff;
	border:1px solid #000;
	font-size:8pt;
	empty-cells:show;
	border-spacing:0px 0px;
	font : "Times New Roman";
}


table.view-trans3 th,table.view-trans3 td, view-trans3 table{
	background-color:#fff;
	font-weight:normal;
	height:10px;
	color:#000;	
	border-bottom:1px solid #000 <?=$link_hover_line_color?>;
	border-left:1px solid #000 <?=$link_hover_line_color?>;	
	font-size:8pt;
}

table.view-trans4 th,table.view-trans4 td, view-trans4 table{
	background-color:#fff;
	font-weight:normal;
	height:10px;
	color:#000;	
	border-left:1px solid #000;
	border-right:1px solid #000;	
	font-size:8pt;
}

table.view-trans4 tr.head{
	background-color:#fff;
	font-weight:normal;
	height:10px;
	color:#000;	
	border:1px solid #000;	
	font-size:8pt;
}

tr.bottom th{
	background-color:#fff;
	font-weight:normal;
	height:10px;
	color:#000;	
	border-bottom:1px solid #000;	
	border-left:1px solid #000;
	border-right:1px solid #000;
	font-size:8pt;
}

a.link {
	text-decoration:none;
	color:#BBD23C;
	display:normal;
	font-family:verdana, tahoma;
	font-size:11px;
	margin:0px 2px;
}
a.link:hover {
	text-decoration:none;
	color:#FFFFFF;
}