/*************************************************************
 * Standardized CSS Stylesheets
 * ----------------------------
 *
 * The styles in this CSS are grouped into several sections:
 *
 * - General styles for the page
 * - Styles for hyperlinks
 * - Styles for text
 * - Styles for tables
 * - Styles for forms and form elements
 * - Styles for other HTML elements
 * - Styles for menus and side panels
 * - Styles for printer-friendly pages
 * - Styles for portal-related elements
 *
 * Please add new styles to the appropriate sections for easier
 * reference and maintenance.
 * 
 *************************************************************/



/*************************************************************
 * 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");*/
  /*BACKGROUND-COLOR: #9c103a;*/
  /*BACKGROUND-IMAGE: url("../images/uen/bgimage.jpg");*/
  BACKGROUND-COLOR: #9f103c;
  background-repeat: repeat-y;
 
}

.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;
}

.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 tables 
 *************************************************************/

/**
 * This section first defines the styles for generic tables, 
 * followed by customizations for certain tables.
 */
   
table {
  BORDER: 0px;
  COLOR: #333333; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px; 
  FONT-WEIGHT: normal;
}

table.bordered {
  BORDER: 1px solid #777777;	
  COLOR: #666666; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px; 
  FONT-WEIGHT: normal;
}

table.std_table {
  BORDER-COLLAPSE: collapse;
}

.full_width {
  BORDER-COLLAPSE: collapse;
  WIDTH: 100%;
}

tr, td {
}

tr.std_height, td.std_height, .portlet-section-body {
  HEIGHT: 20px;
}

tr.odd, td.odd {
  HEIGHT: 20px;
  PADDING-TOP: 2px;
  PADDING-BOTTOM: 2px;
  PADDING-LEFT: 6px;
  PADDING-RIGHT: 6px;
}

tr.even, td.even, .portlet-section-alternate {
  BACKGROUND-COLOR: #CCDFF4;
  HEIGHT: 20px;
  PADDING-TOP: 2px;
  PADDING-BOTTOM: 2px;
  PADDING-LEFT: 6px;
  PADDING-RIGHT: 6px;
}

tr.form_odd, td.form_odd {
  HEIGHT: 20px;
  PADDING-TOP: 2px;
  PADDING-BOTTOM: 2px;
  PADDING-LEFT: 6px;
  PADDING-RIGHT: 6px;
  VERTICAL-ALIGN: top;
}

tr.form_even, td.form_even {
  BACKGROUND-COLOR: #CCDFF4;
  HEIGHT: 20px;
  PADDING-TOP: 2px;
  PADDING-BOTTOM: 2px;
  PADDING-LEFT: 6px;
  PADDING-RIGHT: 6px;
  VERTICAL-ALIGN: top;
}

/* Style added to fix issue in Firefox */
tr.odd td, tr.even td, tr.form_odd td, tr.form_even td {
  PADDING-LEFT: inherit;
  PADDING-RIGHT: inherit;
}

tr.top_align, td.top_align {
  PADDING-TOP: 2px;
  PADDING-BOTTOM: 2px;
  VERTICAL-ALIGN: top;
}

.tbl_header, .portlet-section-header {
  BACKGROUND-COLOR: #BCE8FA;
  BORDER-BOTTOM: #3C7BFF 1px solid;
  BORDER-LEFT: #3C7BFF 1px solid;
  BORDER-RIGHT: #A8E0FB 1px solid;
  BORDER-TOP: #A8E0FB 1px solid;
  COLOR: #000066; 
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  HEIGHT: 20px;
  PADDING-LEFT: 5px;
  PADDING-RIGHT: 6px;
} 

.tbl_subheader, .portlet-section-subheader {
  BACKGROUND-COLOR: #BCE8FA;
  BORDER-BOTTOM: #3C7BFF 1px solid;
  BORDER-LEFT: #3C7BFF 1px solid;
  BORDER-RIGHT: #A8E0FB 1px solid;
  BORDER-TOP: #A8E0FB 1px solid;
  COLOR: #000066; 
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  HEIGHT: 20px;
  PADDING-LEFT: 5px;
  PADDING-RIGHT: 6px;
}

table.selected, tr.selected, td.selected, .portlet-section-selected {
  BACKGROUND-COLOR: #FFCC99;	
  HEIGHT: 20px;
}


/* Customized for certain tables */

tr.usi, td.usi {
  COLOR: #0000ff; 
  FONT-FAMILY: verdana, helvetica, arial, sans-serif;
  FONT-SIZE: 10px; 
}

table.menu, .portlet-menu {
  BACKGROUND-COLOR: #EEEEEE;
  BORDER-BOTTOM: #000000 1px solid;
  BORDER-LEFT: #000000 1px solid;
  BORDER-RIGHT: #000000 1px solid;
  BORDER-TOP: #000000 1px solid;
  COLOR: #003300; 
  FONT-FAMILY: Arial, "MS Sans Serif";
  FONT-SIZE: 11px; 
  FONT-WEIGHT: bold; 
  MARGIN: 5px;
  PADDING: 5px;
}

table.pagination {
  MARGIN-LEFT: 1%;
  MARGIN-RIGHT: 1%;
  WIDTH: 98%;
}

table.pagination tr td {
  PADDING: 0;
}

td.serial_no, tr.odd td.serial_no, tr.even td.serial_no {
  TEXT-ALIGN: right;
  PADDING-RIGHT: 12px;
  WIDTH: 4%;
}

td.centered {
  TEXT-ALIGN: center;
}


/*************************************************************
 * Styles for forms and form elements 
 *************************************************************/

form {
  MARGIN: 0px; 
  PADDING-BOTTOM: 0px; 
  PADDING-LEFT: 0px; 
  PADDING-RIGHT: 0px; 
  PADDING-TOP: 0px
}

.form_field, .portlet-form-input-field, .portlet-form-field {
  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; 
}

.checkbox {
}

.pagination_form_field {
  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: 11px; 
  FONT-WEIGHT: normal; 
}

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; 
}

option {
  COLOR: #000066; 
}

optgroup {
  COLOR: #0066AA;	
}

textarea {
  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: 1.1em; 
  FONT-WEIGHT: normal; 
  WIDTH: 35em;
}

.read_only_field {
  BACKGROUND-COLOR: #e7e7e7; 
  BORDER-BOTTOM: #666666 1px solid; 
  BORDER-LEFT: #666666 1px solid; 
  BORDER-RIGHT: #666666 1px solid; 
  BORDER-TOP: #666666 1px solid; 
  COLOR: #666666;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px; 
  FONT-WEIGHT: normal; 
}

.button, .portlet-form-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;
}

.form_label_padded {
  PADDING-TOP: 2px;	
}


/*************************************************************
 * 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;
}

.menu_text {
  COLOR: #d6829c; 
}