body 
{
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}

body, a
{
	font-family : Arial;
	font-size : 9pt;
}

table
{
	border-collapse : separate; /* added for fixing issue that asp:table control automatically border-collapse:collapse style when setting cellspacing = 0 and inherit the style to child table and prevent cellspacing = 1 "grid" style to be applied */
}

input, select, textarea
{
	font-family : 'Courier New';
	font-size : 9pt;
	
}
select
{
	padding : 1px;  /*cater for XHTML 1.0 Transitional DocType */	
}





body, input, select, textarea
{
	color: #000000;	
}

a
{
	color : Blue;	
	text-decoration : none;
}

a:hover
{
	text-decoration : underline;
}

.control_with_side_text
{

	padding-right : 5px;	
}
.textAlign
{
	padding-top:4px;
}

.search_panel
{
	padding-top : 20px;
	padding-bottom : 20px;
	padding-left : 20px;
	padding-right : 20px;
	
}
.search_panel_table
{
	margin-bottom : 15px;
}

.search_panel_table td
{
	vertical-align : middle;	
}

.operation_buttons_panel
{
	width : 100%;
	text-align : center;
}
.two_characters_text_box
{
	width : 16px;

}
.three_characters_text_box
{
	width : 22px;

}
.four_characters_text_box
{
	width : 30px;

}
.five_characters_text_box
{
	width : 38px;

}
.eight_characters_text_box
{
	width : 60px;

}
.date_text_box
{
	width : 74px;
}
.operation_linkbutton
{
	margin-left : 5px;
	margin-right : 5px;
}
.radio_button_group_table_layout
{
	 text-align : left;
}
.login_background_bottom
{
	background-image : url(media/edmp_down.gif);
}

.header_company
{
    color: #CECFCE;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    display:inline-block;
    padding-top: 18px;
    
}

.header_logo
{
	/* MODIFICATION START : Modified by Ivan Yuen at 20220426 */
	/* EDMP Rebranding 2022 - Change Logo */
	background-image : url(media/edmp_logo_with_ciq.png);
	background-repeat: no-repeat;
	/* background-image : url(media/edmp_header.gif); */
	/* MODIFICATION END : Modified by Ivan Yuen at 20220426 */
}

.content_placeholder
{
	background-Color : #D6EBD6;
}

.page_title
{
  
	/* MODIFICATION START : Modified by Ivan Yuen at 20220426 */
	/* EDMP Rebranding 2022 - Change color theme */
	color : #00A3C5;
	/* color: #009900;	*/
	/* MODIFICATION END : Modified by Ivan Yuen at 20220426 */
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	margin-left : 10px;
}

.page_title_username
{
  color: #CECFCE;
  font-family: Arial;
  font-size: 12pt;
  font-weight: bold;
}

.popup_page_title
{
	/* MODIFICATION START : Modified by Gary Chan at 20220713*/
	/* EDMP Rebranding 2022 - Change color theme */
	color: #00A3C5;	
  /*color: #009900;	*/
  /* MODIFICATION END : Modified by Gary Chan at 20220713*/
  font-family: Arial;
  font-size: 12pt;
  font-weight: bold;
  margin-left : 10px;
}

.popup_section_title
{
  color: #009900;	
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;    
}

.popup_section_title a 
{
  color: #009900;	
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: underline;
}

.gridview_small, .gridview_small a
{
	font-size : 8pt;
	
}

.gridview_item_no_padding 
{
	padding-left : 0px;
	padding-right : 0px;
}

/*
.gridview_header_row_style_for_indicator
{
	background-color : #B5E3B5;
	color : #000000;
	font-weight : normal;
	padding-top: 5px;
	position:relative;
	vertical-align : middle;
}
*/

.gridview_header_row_style
{
	
	
	background-color : #B5E3B5;
	font-weight : normal; 
	color : #000000;

	
	vertical-align : middle;
	height : 25px;
	/*modify by gary chan 13 june 2017*/
	/*padding-left : 1px;
	padding-right : 1px;
		*/
	padding:2px;
}

	.gridview_header_row_style a
{
		color : #189068;
}

/* Added by Ivan Yuen at 20220929 -- START */
.gridview_footer_row_style
{
	
	
	background-color : #D6EBD6;
	font-weight : normal; 
	color : #000000;

	
	vertical-align : middle;
	height : 25px;
	
	padding:2px;
}
/* Added by Ivan Yuen at 20220929 -- END */

.gridview_row_style
{
	/* MODIFICATION START : Modified by Ivan Yuen at 20220426 */
	/* EDMP Rebranding 2022 - Change color theme */
	background-color : #EFEFEF;
	/*background-color : #E7FBE7;*/
	/* MODIFICATION END : Modified by Ivan Yuen at 20220426 */
	/*height : 18px;*/
}
.gridview_row_style td
{
	padding-left : 1px;
	padding-right : 1px;
}

.gridview_alt_row_style
{
	/* MODIFICATION START : Modified by Ivan Yuen at 20220426 */
	/* EDMP Rebranding 2022 - Change color theme */
	background-color : #FFFFFF;
	/* background-color : #DEEBDE;*/
	/* MODIFICATION END : Modified by Ivan Yuen at 20220426 */
	/*height : 18px;*/
}
.gridview_alt_row_style td
{
	padding-left : 1px;
	padding-right : 1px;
}

.gridview_column_style
{
	background-color : #99CC99;
	padding-left : 1px;
	padding-right : 1px;
}


.gridview_column_style a:hover
{
	color : yellow;
}

.gridview_alt_column_style
{
	background-color : #CEFFCE;
	padding-left : 1px;
	padding-right : 1px;
}
.gridview_alt_column_style a:hover
{
	color : yellow;
}

.gridview_header_row_style_2
{
	background-color : #003000;
	color : #FFFFFF;
	position:relative;
	/*Modify by Gary CHan 13 June 2017 
	padding-left : 1px;
	padding-right : 1px;
		*/
	padding: 2px;

}


.gridview_header_row_style_2 a
{
	color : #FFFFFF;
}
.gridview_header_row_style_2 a:hover
{
	color : yellow;
}

.gridview_row_style_2
{
	background-color : #9CCF9C;
}
.gridview_row_style_2 td
{
	padding-left : 1px;
	padding-right : 1px;
}

.gridview_alt_row_style_2
{
	background-color : #CEFFCE;
	
}

.gridview_alt_row_style_2 td
{
	padding-left : 1px;
	padding-right : 1px;
}

.gridview_header_row_style_3
{
     background-color : #669966;
     color : #000000;  
     position:relative;
     font-size: 10pt;
     line-height: 20px;
     padding-left : 1px;
	 padding-right : 1px;
}



.gridview_header_row_style_3 a
{
     color : #000000;
}

.gridview_row_style_3
{
     background-color : #CCFFCC;
}

.gridview_row_style_3 td
{
	padding-left : 1px;
	padding-right : 1px;
}

.gridview_alt_row_style_3
{
     background-color : #99CC99;
}

.gridview_alt_row_style_3 td
{
	padding-left : 1px;
	padding-right : 1px;
}


.gridview_pager
{
	background-color : #9CCF9C;
}

.gridview_pager_figures
{
	font-weight : bold;
}

.gridview_pager_prevpagesetplaceholder
{
	width : 25px;
	display:inline-block;
	text-align:center;
	text-decoration : none;
	
}

.gridview_pager_nextpagesetplaceholder
{
	width : 25px;
	display:inline-block;
	text-align:center;
	text-decoration : none;
	border-left: 1px solid black;
}

.gridview_pager_pagenoplaceholder
{
	width : 25px;
	display:inline-block;
	text-align:center;
	text-decoration : none;
	border-left: 1px solid black;
}

.gridview_pager_pagenoplaceholder_first
{
	width : 25px;
	display:inline-block;
	text-align:center;
	text-decoration : none;
	
}

.gridview_pager_pagenoplaceholder_current
{
	
	width : 25px;
	display:inline-block;
	text-align:center;
	text-decoration : underline;
	border-left: 1px solid black;
	color:#000000;
}


.gridview_sorting_column_ascending
{
	/*
	background-image:url('media/up.gif');
	background-repeat:no-repeat;
	background-position:right top;
	*/
	position:absolute;
	top:2px;
	right:0px;
	
	
}

.gridview_sorting_column_descending
{
	/*
	background-image:url('media/down.gif');
	background-repeat:no-repeat;
	background-position:right top;
	*/
	position:absolute;
	top:0px;
	right:0px;
	
}


.gridview_sorting_indicator
{
	
	position:absolute;
	top:2px;
	left:50%;
	margin-left:-8px;
	
}

.form_title
{
	background-Color : #9CCF9C;
}

.form_subheader
{
	/*background-color : #B5E3B5;*/
	padding-left : 5px;
	background-color : #316531;
	color: #FFFFFF;
	font-weight:bold;
}

.form_body
{
	background-Color : #D6EBD6;
	
}

.form_label
{
	color:#000000;
	font-weight:bold;
		
}

.button
{
	font-family : Arial;
	font-size : 8pt;
	height:28px;
	
}

.note_Courier_New
{
	/* MODIFICATION START : Added by Ivan Yuen at 20220714 */
	/* Add spacing at top to prevent the note text too close to the field above */
	padding-top : 4px; 
	/* MODIFICATION END : Added by Ivan Yuen at 20220714 */
	
	font-size : 8pt;
	font-family: Courier New;
}

.note_Arial
{
	font-size : 8pt;
	font-family: Arial;
}

.imagebutton
{
	cursor : pointer;
}
imagebutton_right
{		
	margin-left: 5px;			
}

.footer
{
	background-Color : #316531;
	color: #FFFFFF;
	font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

.login_error_message_container
{
	background-Color : #000000;
}

.information_message
{
	color: green;
}

.error_message
{
	color: #FF0000;
}

.without_discrepancy_value
{
	color : #219A42;
}

.with_discrepancy_value
{
	color : #FF0000;
}

.hoverable
{
	color: Blue;
}

.milestone_status_new
{
	background-image : url('media/sphere_grey.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	width : 17px;
	height : 17px;

}

.milestone_status_missing
{
	background-image : url('media/sphere_red.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	width : 17px;
	height : 17px;

}

.milestone_status_partialcomplete
{
	background-image : url('media/sphere_yellow.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	width : 17px;
	height : 17px;

}

.milestone_status_complete
{
	background-image : url('media/sphere_green.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	width : 17px;
	height : 17px;
}

.milestone_status_completewithdiscrepancy
{
	background-image : url('media/sphere_pink.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	width : 17px;
	height : 17px;
}

.milestone_discrepancy_pieces
{
	background-image : url('media/discrepancy_pieces.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	width : 16px;
	height : 16px;

}

.milestone_discrepancy_weight
{
	background-image : url('media/discrepancy_weight.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	width : 16px;
	height : 16px;

}

.milestone_discrepancy_volume
{
	background-image : url('media/discrepancy_volume.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	width : 16px;
	height : 16px;

}

.milestone_discrepancy_station
{
	background-image : url('media/discrepancy_station.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	width : 16px;
	height : 16px;

}

.milestone_discrepancy_operational
{
	background-image : url('media/discrepancy_operational.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	width : 16px;
	height : 16px;

}

.milestone_discrepancy_informational_plannedoffsettime
{
	background-image : url('media/discrepancy_informational_plannedoffsettime.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	height : 16px;

}

.milestone_discrepancy_informational_eventtime
{
	background-image : url('media/discrepancy_informational_eventtime.gif');
	background-repeat : no-repeat;
	cursor : pointer;
	height : 16px;

}


.form_general 
{
	padding-left: 12px;
	padding-right: 12px;
	background-color: #ffffff;
}
.form_general .col_label				{	padding-left:20px;	width: 150px;}
.form_general .col_label_long			{	padding-left:20px;	width: 180px;}
.form_general .col_input_short input	{	width: 30px; }
.form_general .col_input_medium input	{	width: 200px; }
.form_general .col_input_long input		{	width: 300px; }


/**** added for BRAVO profile management ****/
.gridview_bravo		{}
.gridview_bravo td	{	padding-top:2px; padding-bottom:2px;}
.bravo_table_tab	{	width:1240px; } /* 1240px for 1280 theme; 985px for 1024 theme; 761px for 760 theme */
.bravo_table_filter	{	width:1239px; } /* 1239px for 1280 theme; 984px for 1024 theme; 760px for 760 theme */

.gridview_rotation	{}
.gridview_rotation th 
{
	height:80px;
	background-color: #B5E3B5;
	color: blue;
	font-weight: normal;		
}
.gridview_rotation th a 
{		

	/*height:15px;*/	
	/*modify by gary chan 13 Jun 2017 */
	/*display: block;*/
	display: inline;
	text-decoration:none;	
	/*float:left;*/	
	writing-mode: tb-rl;		
	letter-spacing:1.5px;

    /*modify by gary chan 13 Jun 2017 */
	/*-moz-transform: rotate(90deg);    
    -ms-transform: rotate(90deg);    
    -o-transform: rotate(90deg);        
	-webkit-transform: rotate(360deg);*/
    padding:2px;
	position: relative; 	
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	*/
	left:10%;
}
.gridview_rotation .gridview_row_style td, .gridview_rotation .gridview_alt_row_style td 
{
	padding:3px; 
	text-align:center;
}
.gridview_rotation .gridview_row_style td span, .gridview_rotation .gridview_alt_row_style td span 
{
	white-space:nowrap; 
}

.header_nowrap1 th
{
	height:120px;
	white-space:nowrap; 
	padding:0px;
	margin:0px;
}
.bravo_tab a, .bravo_tab a:link, .bravo_tab a:visited, .bravo_tab a:hover, .bravo_tab a:active
{
	display:block;	
	color:#000000;
	text-align:center;
	text-decoration:none;
	background-color: #9CCF9C;
	padding:3px;
	font-weight:bold;	
	border-right: solid 1px #ffffff;	
	border-bottom: solid 1px #ffffff;
}
.bravo_tab_active a, .bravo_tab_active a:link, .bravo_tab_active a:visited, .bravo_tab_active a:hover, .bravo_tab_active a:active
{
	display:block;	
	color:#000000;
	text-align:center;
	text-decoration:none;
	background-color: #D6EBD6;
	padding:3px;
	font-weight:bold;	
	border-right: solid 1px #ffffff;	
	border-bottom: solid 1px #D6EBD6;
}
/*Add by Gary Chan 2018-05-02*/
#panelTracking
{
	/*display:block;*/
	width: 1240px;         /*Modified by Ivan Yuen on 2019-1-23, Increase the width from 980px to 1240px */
	overflow:hidden;
	/*overflow-x:auto;*/
	/*-ms-overflow-x:auto;*/  /*For IE*/
	background-color: #CECFCE;
	/*position:relative;*/
}
/*2023-07-06 Charles Li Replace the multifreezer.js*/
.sticky
{
    position: sticky;
    left: 0;
    z-index: 1;
}

/* Added by Ivan Yuen at 20230803  - START */
/* Apply CSS Trick to enable force showing scrollbars for browsers in Mac OS (including Safari) */

.scrollbar-for-all-browsers::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height : 12px;
}

.scrollbar-for-all-browsers::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
/* Added by Ivan Yuen at 20230803  - END */