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

body.margined2 {
    BACKGROUND-COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    MARGIN-left: 0px;
    margin-top: 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: #000066;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

a:visited {
/* visited link */
    COLOR: #333366;
    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 {
    BACKGROUND-COLOR: #F0F0EC;
    HEIGHT: 20px;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
}

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

tr.form_odd, td.form_odd {
    BACKGROUND-COLOR: #F0F0EC;
    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: #FFF7DE;
    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: #CCCCCC;
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT:  1px solid;
    BORDER-TOP:  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{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #A01105;
	text-align: center;
	border: 2px groove #FFFFFF;
    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;
}

div.btns{
	zoom:1;
	white-space:nowrap;
}

div.btns:after
{
	display:block;
	clear:both;
	content:'';
}


div.btns a.btn{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #A01105;
	text-align: center;
	border: 2px groove #FFFFFF;
    height: 20px;
}