



/*************************************************************
 * General styles for the page 
 *************************************************************/

body {
  BACKGROUND-COLOR: #ffffff;
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px; 
  MARGIN: 0;
}

body.margined {
  BACKGROUND-COLOR: #ffffff;
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px; 
  MARGIN: 0 10px;
}

.page_header {
}

.page_footer {
  BACKGROUND-COLOR: #e6effc;	
  MARGIN-LEFT: 5px;
  MARGIN-TOP: 3px;
}

.menu_frame {
  BACKGROUND-IMAGE: url("../images/bg_altLines.gif");
}

.horizontal_line {
  BACKGROUND-COLOR: #666666;
  COLOR: #006699; 
  FONT-SIZE: 1px;
  LINE-HEIGHT: 1px;
}


/*************************************************************
 * Styles for hyperlinks 
 *************************************************************/

/*
 * Related elements can be grouped together if the same style applies.
 * Elements should be arranged in the following order to be effective:
 *   -> link, visited, hover, focus, active
 */

a:link { /* unvisited link */
  COLOR: #9c103a; 
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
  TEXT-DECORATION: none;
}

a:visited { /* visited link */
  COLOR: #9c103a; 
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
  TEXT-DECORATION: none;
}

a:hover { /* mouse-over link */
  COLOR: #33AAFF; 
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
  TEXT-DECORATION: none;
}

a:focus { /* link with focus */
  COLOR: #88CC00; 
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
  TEXT-DECORATION: none;
}

a:active { /* selected link */
  COLOR: #9999AA; 
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
  TEXT-DECORATION: none;
}

a.page_header, a.page_header:visited, a.page_header:hover, a.page_header:focus, a.page_header:active {
  COLOR: #000066;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
}
  
.menu_item a, .menu_item a:visited, .menu_item a:hover, .menu_item a:focus, .menu_item a:active, 
.portlet-menu-item, .portlet-menu-item-selected, .portlet-menu-item-hover, .portlet-menu-item-hover-selected 
{
  COLOR: #777777; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
}


/*************************************************************
 * Styles for text 
 *************************************************************/

.std_txt, .portlet-font {
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px; 
}

.page_title {
  BACKGROUND-IMAGE: url("../images/bg_HD2_ctr.gif");
  COLOR: #0F177C;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 13px;
  FONT-STYLE: normal;
  FONT-WEIGHT: bold; 
  HEIGHT: 28px;
  PADDING-LEFT: 8px;
  VERTICAL-ALIGN: middle;
  WIDTH: 400px;
}

.page_title_right {
  BACKGROUND-IMAGE: url("../images/bg_HD2_R.gif");
  BACKGROUND-REPEAT: no-repeat;
  HEIGHT: 28px;
  WIDTH: 100px;
}

.section_title {
  BACKGROUND-COLOR: #bbccdd;
  BORDER: #3366ac 1px solid;
  COLOR: #000066; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 14px; 
  FONT-WEIGHT: bold; 
  VERTICAL-ALIGN: middle; 
  WIDTH: 100%;
  HEIGHT: 20px;
  PADDING-LEFT: 5px;
  PADDING-RIGHT: 6px;
}

.emphasis_txt {
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
  COLOR: #003377; 
}

.error_title {
  COLOR: red; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
}

.error_txt, .portlet-msg-error {
  BACKGROUND-COLOR: #f0f0f0;
  COLOR: red; 
  FONT-FAMILY: verdana, Helvetica, sans-serif; 
  FONT-SIZE: 11px; 
  FONT-WEIGHT: normal; 
}

.message_title, .portlet-msg-success {
  COLOR: #003377; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
}

.message_txt {
  /*BACKGROUND-COLOR: #f0f0f0;*/
  COLOR: green; 
  FONT-WEIGHT: normal; 
  FONT-SIZE: 11px; 
  FONT-FAMILY: verdana, Helvetica, sans-serif; 
}

.message_txt ul li {
  MARGIN-LEFT: -10px;	
}

.error_txt ul li {
  MARGIN-LEFT: -10px;	
}

.pagination {
  COLOR: #003399; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px; 
  FONT-WEIGHT: normal; 
}

.pagination_selected_page {
  COLOR: #DD6600;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
}

.breadcrumb {
  COLOR: #333333; 
  FONT-FAMILY: helvetica, arial, sans-serif;
  FONT-SIZE: 8pt; 
  FONT-WEIGHT: normal; 
  PADDING-BOTTOM: 5px; 
  PADDING-TOP: 2px; 
  VERTICAL-ALIGN: middle; 
}

.fixed_width_txt {
  FONT-FAMILY: Courier, serif;
}

.footnote, .portlet-section-footer {
  FONT-SIZE: 0.8em; 
}

.copyright {
  FONT-SIZE: 10px;
}

label {
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px; 
}

label.mandatory {
  COLOR: #dd0000; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 0.87em; 
}

label.info, .portlet-msg-status, .portlet-msg-info {
  COLOR: #0000dd;
}

label.note {
  COLOR: #338833;
}

label.warning, .portlet-msg-alert {
  COLOR: #ff6633;
}

label.underline {
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px;
  text-decoration: underline; 
}

.read_only_txt {
  COLOR: #666666;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px; 
  FONT-WEIGHT: normal; 
}

h1, h2, h3, h4, h5, h6 {
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  TEXT-ALIGN: left;
  VERTICAL-ALIGN: top; 
}

ul li {
  LIST-STYLE-TYPE: square;	
}

ul {
  MARGIN-BOTTOM: 0;
  MARGIN-TOP: 0;
}

.main_page_content_title {
  BACKGROUND-IMAGE: url("../images/bg_HD1_ctr.gif");
  COLOR: #000066;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  HEIGHT: 23px;
  PADDING-LEFT: 3px;
}

.main_page_content_supScript {
  COLOR: #000066;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 10px;
  VERTICAL-ALIGN: super;
}
/*************************************************************
 * Styles for images
 *************************************************************/

img, image {
  BORDER: 0;	
}

img.form_image, image.form_image {
  BORDER: 0;
  VERTICAL-ALIGN:text-bottom;
}

.form_calendar {
  BACKGROUND-IMAGE: url("../images/icons_calendar.gif");
  BACKGROUND-REPEAT: no-repeat;
  BORDER: 0;
  CURSOR: pointer;
  HEIGHT: 18px;
  VERTICAL-ALIGN:text-bottom;
  WIDTH: 22px;
}



/*************************************************************
 * Styles for other HTML elements 
 *************************************************************/



/*************************************************************
 * Styles for menus and side panels
 *************************************************************/

.menu_title, .portlet-menu-caption {
  FONT-SIZE: 12px;	
  FONT-WEIGHT: bold;
}

ul.menu {
  MARGIN-LEFT: -22px;
}

/* CSS hack to specify different values for IE/Win */
* html ul.menu {
  MARGIN-LEFT: 18px;
}

.menu_category, .portlet-menu-cascade-item {
  COLOR: #000000;
  FONT-SIZE: 1em;	
  FONT-WEIGHT: bold;
  LIST-STYLE-IMAGE: url("../images/plus.gif");
}

.menu_category_expanded {
  COLOR: #000000;
  FONT-SIZE: 1em;	
  FONT-WEIGHT: bold;
  LIST-STYLE-IMAGE: url("../images/minus.gif");
}

.menu_item {
  COLOR: #777777;
  LIST-STYLE-IMAGE: url("../images/square.gif");
}

.side_panel_title {
  BACKGROUND-IMAGE: url(../images/BG_bulletTitleCtr.gif);
  COLOR: #FFFFFF;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  HEIGHT: 21px;
  TEXT-ALIGN: center;
}

.side_panel_txt {
  COLOR: #000000;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px;
}


/*************************************************************
 * Styles for printer-friendly pages
 *************************************************************/

.printer_page_title {
  COLOR: #000000; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 18px;
  FONT-WEIGHT: bold;	
  TEXT-ALIGN: center;
}

.printer_page_subtitle {
  COLOR: #000000; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;	
  TEXT-ALIGN: center;
}

.printer_section_title {
  COLOR: #000000; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;	
}

.printer_txt {
  COLOR: #000000; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;	
}


/*************************************************************
 * Styles for portal-related elements
 *************************************************************/

.portlet_header_section {
  HEIGHT:.45in;
  WIDTH:100%;
}

.portlet_body_section {
  WIDTH : 100%;
}

.portlet_footer_section {
  HEIGHT:.20in;
  WIDTH:100%;
}

.portlet_header {
  BACKGROUND-IMAGE:url(../images/TitlebarMiddle.gif);
  BACKGROUND-POSITION:top left;
  BACKGROUND-REPEAT:repeat-x;
  COLOR:#000000;
  FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
  FONT-SIZE : 11pt;
  FONT-WEIGHT: bold;
  PADDING-BOTTOM : 2px;
}

.portlet_header_right_align {
  BACKGROUND-IMAGE:url(../images/TitlebarMiddle.gif);
  BACKGROUND-POSITION:top right;
  BACKGROUND-REPEAT:repeat-x;
  COLOR:white;
  FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
  PADDING-BOTTOM:2px;
  TEXT-ALIGN:right;
}

.portlet_body {
}

.portlet_footer {
  BACKGROUND-IMAGE:url(../images/FooterMiddle.gif);
  BACKGROUND-POSITION:bottom left;
  BACKGROUND-REPEAT:repeat-x;
}

.portlet_body_left_border {
  BACKGROUND-IMAGE:url(../images/BodyLeft.gif);
  BACKGROUND-POSITION:top left;
  BACKGROUND-REPEAT:repeat-y;
  WIDTH:.15in;
}

.portlet_body_right_border {
  BACKGROUND-IMAGE:url(../images/BodyRight.gif);
  BACKGROUND-POSITION:top right;
  BACKGROUND-REPEAT:repeat-y;
  WIDTH:.15in;
}

.portlet_corner_top_left {
  BACKGROUND-IMAGE : url(../images/TitlebarLeft.gif);
  BACKGROUND-POSITION : top left;
  BACKGROUND-REPEAT : no-repeat;
  WIDTH:.14in;
}

.portlet_corner_top_right {
  BACKGROUND-IMAGE : url(../images/TitlebarRight.gif);
  BACKGROUND-POSITION : top right;
  BACKGROUND-REPEAT : no-repeat;
  WIDTH:.16in;
}

.portlet_corner_bottom_left {
  BACKGROUND-IMAGE:url(../images/FooterLeft.gif);
  BACKGROUND-POSITION:bottom left;
  BACKGROUND-REPEAT:no-repeat;
  WIDTH:.16in;
}

.portlet_corner_bottom_right {
  BACKGROUND-IMAGE:url(../images/FooterRight.gif);
  BACKGROUND-POSITION:bottom right;
  BACKGROUND-REPEAT:no-repeat;
  WIDTH:.16in;
}


/*************************************************************
 * Styles for ajax-related elements
 *************************************************************/

div.auto_complete {
  width: 350px;
  background: #fff;
}

div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0;
  padding:3px;
}

div.auto_complete ul li.selected { 
  background-color: #ffb; 
}

div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}





/* added by 6 May 2008 */
.uen_page_link {
FONT-SIZE: 14px; 
}
a:link.uen_page_link {
FONT-SIZE: 14px; 
}
a:visited.uen_page_link {
FONT-SIZE: 14px; 
}a:hover.uen_page_link {
FONT-SIZE: 14px; 
}a:focus.uen_page_link {
FONT-SIZE: 14px; 
}a:active.uen_page_link {
FONT-SIZE: 14px; 
}

.uen_bread_crumb {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
a:active.uen_bread_crumb {
	color: #000000;
	font-size: 13px;
	FONT-WEIGHT: normal; 
	font-family: Arial, Helvetica, sans-serif;
}
a:link.uen_bread_crumb {
	color: #000000;
	font-size: 13px;
	FONT-WEIGHT: normal; 
	font-family: Arial, Helvetica, sans-serif;
}
a:visited.uen_bread_crumb {
	color: #000000;
	font-size: 13px;
	FONT-WEIGHT: normal; 
	font-family: Arial, Helvetica, sans-serif;
}
a:focus.uen_bread_crumb {
	color: #000000;
	font-size: 13px;
	FONT-WEIGHT: normal; 
	font-family: Arial, Helvetica, sans-serif;
}
a:hover.uen_bread_crumb {
	color: #000000;
	font-size: 13px;
	FONT-WEIGHT: bold; 
	font-family: Arial, Helvetica, sans-serif;
}


.uen_page_section {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.uen_page_section1{
	font-size: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.uen_page_section2 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.uen_page_section_txt {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	text-justify: newspaper;
}
.header1 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.center_header1 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
}
.freetext {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.acknowledgement {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.header2 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.fieldtext {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.fieldtextvalue {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.header2withcolor {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;}

tr.groupheader {
	background-color: #FE7D84; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;
}

tr.grouptableheader {
	background-color: #C6C3C6; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;
}

input, select, textarea {
   color:#050;
   font-family: Arial, Helvetica, sans-serif; 
   font-size:100%;
   background-color:#F7F3EF; }

input.mybutton {
   color:#050;
   font-family: Arial, Helvetica, sans-serif; 
   font-size:85%;
   font-weight:bold;
   background-color:#F7F3EF; }

.searchresultpagination {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.searchresulttext {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.searchresultrecordtext {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: blue;
}
.instruction {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	color: #CE7500;
}
.advancesearch {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #CE7500;
}
table.paginatesorttable tr td{
border-top: hidden;

}

.uen_button {
  /*BACKGROUND-IMAGE: url(../images/lightblue_bg.jpg);*/
  BORDER-BOTTOM: #0099cc 1px inset; 
  BORDER-LEFT: #0099cc 1px inset; 
  BORDER-RIGHT: #0099cc 1px inset; 
  BORDER-TOP: #0099cc 1px inset; 
  COLOR: #000066; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px; 
  FONT-WEIGHT: bold; 
  HEIGHT: 20px;
}

table {
  COLOR: #333333; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px; 
  FONT-WEIGHT: normal;
}

.tbl_header_centered
{
TEXT-ALIGN: center;
}
form {
 	MARGIN: 0px; 	
  PADDING-BOTTOM: 0px; 
  PADDING-LEFT: 0px; 
  PADDING-RIGHT: 0px; 
  PADDING-TOP: 0px
 }


table.std_table {
  BORDER-COLLAPSE: collapse;
}

.full_width {
  BORDER-COLLAPSE: collapse;
  WIDTH: 100%;
}

table.pagination {
  BORDER-COLLAPSE: collapse;
  WIDTH: 100%;
}

select {
  BORDER-BOTTOM: #666666 1px solid; 
  BORDER-LEFT: #666666 1px solid; 
  BORDER-RIGHT: #666666 1px solid; 
  BORDER-TOP: #666666 1px solid; 
  COLOR: #000066; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px; 
  FONT-WEIGHT: normal; 
}
select.dropdown_list {
  COLOR: #000066; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px; 
  FONT-WEIGHT: normal; 
  WIDTH: 310px;
}
select.dropdown_list2 {
  COLOR: #000066; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px; 
  FONT-WEIGHT: normal; 
}

.explicit_width {  
  WIDTH: 3em;
}

ul li.codeList{
  LIST-STYLE: none;	
}

.uen_page_title {
	FONT-SIZE: 5;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal; 
}