/*
 * Copyright (c) 2004 Computer Associates International, Inc. All Rights Reserved.
 * This software is the confidential and proprietary information of
 * Computer Associates International ("Confidential Information").  You shall not
 * disclose such Confidential Information.
 * THIS SOFTWARE IS PROVIDED "AS IS" AND COMES WITH NO SUPPORT, WARRANTY,
 * OR GUARANTEE OF ANY KIND FOR ITS SUITABILITY FOR ANY PURPOSE.
 */

/* 
	Component Name: castyles.css

	description: This CSS implements the UI thin client standards R2 for button component.
*/

/* =============================================================*/

/*                   CHANGE HISTORY
 * 
 * Date			Issue	 	Author			Description
 *
 * 26-Sep-05 	14320091 	Ramesh Pokala	(JSF BRANDING IN FIREFOX) Made 'product_name' CSS class 
 *											'letter-spacing' to '0px' as intended.
 * 11-Jan-06 	14572787 	sirpa01			table_header_text_hs_pointer added
 * 17-Jan-06	14577701 	sirpa01			form_control_input added
 * 24-Jan-06    14510650  	chipr01 		WAI:DP:IMPLEMENTED AS TABLE (3) Added .date_picker_days_row_text
 * 24-Jan-06 	14596840	yadga01 		Corrected button rendering for FireFox 1.5
 * 07-Apr-06    14771944        bakde03                 Added a new class data_inputText for inputText component.
 */

ul
{	
	list-style-type: disc;
	padding-left: 0px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

body
{
	background-color: #ffffff;
	font-size: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;	
	margin-left: 0px;
	margin-bottom: 0px;
	padding : 0px;
}

a 
{
	text-decoration: none;
}

a.datalink:visited 
{
   	color: #7f5f7f;
}

a:active
{
   	text-decoration: underline;
}
 
a:hover
{
   	text-decoration: underline; 
}

/* Buttons */
/* ------- */

.buttons
{
	border:0px none;
	padding-top: 2px; /* added newly */
	padding-bottom: 2px;
	width: 100%;  
}

.buttons_onmouseover
{
	border:0px none;
	padding-top: 2px; /* added newly */
	padding-bottom: 2px;
	width: 100%; 
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 70%;
	background-image: url('images/pagebutton-center-over.png');
	cursor: pointer;
	background-repeat: repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #f4e9d3;
	white-space:nowrap;
}

.button_center_new /* Changed with Button Component */
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #8B9399;
	height: 100%;
	background: url('images/pagebutton-center.png') repeat-x;
}

.button_center_onmouseover
{ 
	border-bottom: #000000 1px solid; 
	border-top: #8B9399 1px solid;
	background-color: #eff6ff;
} 

.button_side  /* Changed with Button Component */
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}

.button_side img  /* Changed with Button Component */
{
	height: 1.31em;
	width: 0.25em;
	vertical-align: top;
}

.button_center_new button, .portlet-form-button  /* Changed with Button Component */
{
	cursor: pointer;
	white-space:nowrap;

	padding: 2px;

	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
}

.button_center_new button  /* Changed with Button Component */
{
	width: 100%;  
	border: 0px none;
	background: none;
}

/* Fix for issue:14596840 Begin1 */
.button_center_new_ff button  /* FireFox specific class for JSP Button */
{
	width: auto;  
}
/* Fix for issue:14596840 End1 */

/* fix for Issue 14503447 the styles below have been added for jsf rendering as the button */
/* rendring is changed from button tag to input tag */

.button_center_new input, .portlet-form-button  /* Changed with Button Component */
{
	cursor: pointer;
	white-space:nowrap;

	padding: 2px;

	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
}

.button_center_new input  /* Changed with Button Component */
{
	width: 100%;  
	border: 0px none;
	background: none;
}

/* Fix for issue:14596840 Begin2 */
.button_center_new_ff input  /* FireFox specific class for JSF Button */
{
	width: auto;  
}
/* Fix for issue:14596840 End2 */

/* Buttons */
/* ------- */

.input_tip_width
{
	width: 10%
}

.tip
{
	color: #000000;
	font-size: 60%;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	/* issue fix #14335431 - Begin1 */
	padding: 2px;
	/* issue fix #14335431 - End1 */
}

.tip_text
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 60%;
	color: #000000;
}

.inline_error
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 60%;
	color: #FF0000;
	text-align: left;
}

/* GroupBox */
/*----------*/
.groupbox_header_left
{
	background-image: url('images/groupbox_header_left.png');
	width:4px;
}

.groupbox_header_right
{
	background-image: url('images/groupbox_header_right.png');
	width:4px;
}

.groupbox_header_left img, .groupbox_header_right img
{
	width: 4px;
}

.groupbox_header_center
{
	background-image: url('images/groupbox_header_center.png');
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 6px;
}

.groupbox_header_text
{
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	font-size: 75%;
	color: #000000;
}

.groupbox_content
{
	border-top: 1px solid #8B9399; 
	border-right: 1px solid #8B9399; 
	border-left: 1px solid #8B9399; 
	border-bottom: 1px solid #8B9399; 
	background-color: #eff6ff;
	padding: 3px;  
}

.label {
	font-family:verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size : 70%;
}

.label_layout {
	text-align: right;
	vertical-align: top;
}

.bull {
	padding: 1px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #FFCC33;
	text-decoration: none;
	vertical-align: top;
}

.space {
	padding: 2px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #FFCC33;
	text-decoration: none;
}

.form_control
{
	width: 100%;
}

/* fix for issue 14577701 begin */
.form_control_input
{
	width: 96%;
}
/* fix for issue 14577701 end */

.form_control_data
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.datepicker_icon
{
	cursor: pointer;
	display: block;
	vertical-align: top;
	border: 0;
}

.date_picker
{
	background: #d7e8f9;
}

.date_picker_label
{ 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	font-weight: bold;
	text-align: right;
}

.today_link
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #336699;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
}

.today_link a:link, .today_link a:visited, .today_link a:active, .today_link a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.date_picker_title
{
	background-image: url('images/table_header_center.png');
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

.date_picker_title_text
{
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.date_picker_navigation_arrows
{
	background-image: url('images/table_header_center.png');
   	color: #ffffff;
   	font-size: 100%; 
   	font-weight: bold;
   	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

.date_picker_navigation_arrows a:link, .date_picker_navigation_arrows a:visited, .date_picker_navigation_arrows a:active
{
	color: #ffffff;
    text-decoration: none;
}

.date_picker_navigation_arrows a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.date_picker_days_row
{
	background: #f1e1c1;
	border: 1px solid #ffffff;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}
/* Fix for the issue 14510650 -  WAI:DP:IMPLEMENTED AS TABLE (3)Begin */
.date_picker_days_row_text
{
   	font-family: verdana, arial, helvetica, sans-serif; 
   	font-size: 70%; 
   	color: #000000;
   	font-weight: bold;
	text-align: center;
}
/* Fix for the issue 14510650 -  WAI:DP:IMPLEMENTED AS TABLE (3)End */

.date_picker_days_row td
{
   	font-family: verdana, arial, helvetica, sans-serif; 
   	font-size: 70%; 
   	color: #000000;
   	font-weight: bold;
	text-align: center;
}

.date_picker_date_curr_month
{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 70%; 
	color: #336699;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;

	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffcc33;
	border-bottom: 1px solid #ffcc33;
	text-align: center;
	background: #f1e1c1;
	padding: 2px;
}

.date_picker_date_selected
{
   	font-family: verdana, arial, helvetica, sans-serif; 
   	font-size: 70%; 
   	color: #336699;
   	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;

	border: 1px solid #ffffff;
	text-align: center;
	background: #d7e8f9;
	padding: 2px;
}

.date_picker_date_disabled
{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 70%; 
	color: #000000;
	font-weight: bold;

	border: 1px solid #ffffff;
	text-align: center;
	background: #f4e9d3;
	padding: 2px;
}


.date_picker_date_curr_month a:link, .date_picker_date_curr_month a:visited, .date_picker_date_curr_month a:active, .date_picker_date_selected a:link, .date_picker_date_selected a:visited, .date_picker_date_selected a:active, .date_picker_date_next_prev_month a:link, .date_picker_date_next_prev_month a:visited, .date_picker_date_next_prev_month a:active
{
	color: #336699;
	text-decoration: underline;
}

.date_picker_date_next_prev_month
{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 70%; 
	color: #336699;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;

	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffcc33;
	border-bottom: 1px solid #ffcc33;
	text-align: center;
	background: #f1e1c1;
	padding: 2px;
}

.date_picker_form_data
{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 70%; 
	color: #000000;
	font-weight: normal; 
	text-align: left;
}

/*  messages  */

.message 
{
   	margin: 3px;	
	background-color: #f7f1d7;
	border: #999999 1px solid;
}

.data, .portlet-font, .portlet-section-alternate, .portlet-section-selected, .portlet-form-input-field, .portlet-form-field, .portlet-section-body, .portlet-table-body, .portlet-table-alternate, .portlet-table-selected, .portlet-section-footer, .portlet-table-footer, .portlet-icon-label, .portlet-dlg-icon-label
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.nonerror_label
{ 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	font-weight: bold;
}

.error
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #ff0000;
	font-weight: normal;
	text-align: left;
	padding: 2px
}

.error_label 
{
	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #ff0000;
	font-weight: bold;
	text-align: left;
}

.inline_error 
{
	padding: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 60%;
	color: #ff0000;
	font-weight: normal;
	text-align: left;
}

/* Instructions */
.page_section_instruction_area
{
	background-color: #D7E8F9;
	border-bottom: #B8D5ED 1px solid;
	padding: 4px;
}

.page_section_instructions_text, .quickhelp_instructions_text
{
	font-weight: normal;
	font-size: 70%;
	color: #000000;
	font-family: verdana, arial, Helvetica, sans-serif;
}

.table_instruction_area
{
	background: #D7E8F9;
	border-bottom: #B8D5ED 1px solid;
	padding: 4px;
}

.table_instructions_text
{
	font-weight: normal;
	font-size: 70%;
	color: #000000;
	font-family: verdana, arial, Helvetica, sans-serif;
}

.portlet_instruction_area
{
	background: #D7E8F9;
	border-bottom: #B8D5ED 1px solid;
	padding: 4px;
}

.portlet_instructions_text
{
	font-weight: normal;
	font-size: 70%;
	color: #000000;
	font-family: verdana, arial, Helvetica, sans-serif;
}

.page_instruction_area
{
	padding: 4px;
	border-right: #8b9399 1px solid;
	border-top: #8b9399 1px solid;
	background: #eff6ff;
	border-left: #8b9399 1px solid;
	border-bottom: #8b9399 1px solid;
}

.instructions_text
{
	font-weight: normal;
	font-size: 70%;
	color: #000000;
	font-family: verdana, arial, Helvetica, sans-serif;
}

.groupbox_instructions_area
{
	padding: 4px;
	background: #d7e8f9;
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
}

.groupbox_instructions_text
{
	font-weight: normal;
	font-size: 70%;
	color: #000000;
	font-family: verdana, arial, Helvetica, sans-serif;
}

/* progressIndictaor  */

.progress_ind_top_left 
{
    background-image: url('images/corner1.png');
	background-repeat: no-repeat;
    background-color: #d7e8f9;
	width: 5px;
}

.progress_percentage
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 80%;
	color: #336699;	
}

.progress_ind_top_left 
{
    background-image: url('images/corner1.png');
	background-repeat: no-repeat;
    background-color: #d7e8f9;
	width: 5px;
}

.progress_ind_top
{
	border-top: 1px solid #8b9399;
    background-color: #d7e8f9;
}

.progress_ind_top_right
{
    background-image: url('images/corner2.png');
	background-repeat: no-repeat;
    background-color: #d7e8f9;
	width: 5px;
}

.progress_ind_top_right img, .progress_ind_top_left img, .progress_ind_bottom_right img, .progress_ind_bottom_left img 
{
	width: 5px;
	display: block;
}

.progress_ind_top img, .progress_ind_bottom img
{
	display: block;
}

.progress_ind_bottom_left 
{
    background-image: url('images/corner4.png');
	background-repeat: no-repeat;
    background-color: #d7e8f9;
	width: 5px;
}

.progress_ind_bottom
{
	border-bottom: 1px solid #000000;
    background-color: #d7e8f9;
}

.progress_ind_bottom_right
{
    background-image: url('images/corner3.png');
	background-repeat: no-repeat;
    background-color: #d7e8f9;
	width: 5px;
}

.progress_center
{
	border-left: 1px solid #8b9399;
	border-right: 1px solid #000000;
    background-color: #d7e8f9;
	padding: 4px;
	text-align: center;
}

.progress_center table
{
	margin: auto;
}

.progress_message
{ 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	color: #000000;
}

/* MenuBar */
/* ----- */
.menubar_background
{
	background: #8b9399;
}

.menubar_selected_background
{
	background-color: #f7f1d7;
	padding: 3px;
}

.menu_selected_text
{
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #336699;
	font-weight: bold;
	font-size: 70%;
}

.menubar_unselected_background
{
	background-color: #eff6ff;
	padding: 3px;
}

.menu_unselected_text
{
	color: #000000;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
}

/* Added visibility, position attributes */
.submenu
{
	border: #8b9399 1px solid;
	visibility: hidden;
	position: absolute;
}

a.menu_selected_text em, a.menu_unselected_text em
{
 	font-style: normal; 
	text-decoration: underline; 
} 

/** PageSections **/
.page_section_header_left, .quickhelp_header_left
{
	width: 4px;
	height: 22px;
	background-image: url('images/table_header_left.png');
}

.page_section_header_center, .quickhelp_header_center
{
	background-image: url('images/table_header_center.png');
}

.page_section_header_text, .quickhelp_header_text
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 75%;
	padding-left: 6px;
	text-align: left;
	vertical-align: middle;
}

.page_section_header_right, .quickhelp_header_right
{
	width: 4px;
	height: 22px;
	background-image: url('images/table_header_right.png');
}

.page_section_content
{
	background-color: #F7F1D7;
	padding: 4px;
	border-left: 1px #8B9399 solid;
	border-right: 1px #8B9399 solid;
	border-bottom: 1px #8B9399 solid;
}

.page_section_graph
{
	background-color: #FFFFFF;
	padding: 4px;
	border-left: 1px #8B9399 solid;
	border-right: 1px #8B9399 solid;
	border-bottom: 1px #8B9399 solid;
}

.hide_show_header img
{
	border-left: 1px solid #B8d5ed;
	border-top: 1px solid #B8d5ed;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	vertical-align: middle;
	margin: 2px;
}

.hide_show_header
{
	cursor: pointer;
}

.page_section_header_text_hs
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 75%;
	padding-left: 6px;
	text-align: left;
	cursor: pointer;
	vertical-align: middle;
}

.help_section
{
	background-color: #EFF6FF;
	padding: 4px;
	border-left: 1px #8B9399 solid;
	border-right: 1px #8B9399 solid;
	border-bottom: 1px #8B9399 solid;
}

.quickhelp_content
{
    background-color: #eff6ff;
}

.quickhelp_content div
{
    padding: 4px;
}

/* Table */
/* ------- */

.table_header_left
{
	background-image: url(images/table_header_left.png);
}

.table_header_right
{
	background-image: url(images/table_header_right.png);
}

.table_header_center
{
	background-image: url(images/table_header_center.png);
}

.table_header_text, .portlet-section-header, .portlet-table-header
{
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.table_instructions
{
	background-color: #c5dff9;
	padding: 4px;
	border-bottom: 1px solid #b8d5ed;
	border-left: 1px solid #8b9399;
	border-right: 1px solid #8b9399;
}

.table_instructions_text
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	padding: 2px;
}

.table_view_options
{	
	background-color: #d7e8f9;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	border-left: 1px solid #8b9399;
	border-right: 1px solid #8b9399;
}

	
.table_view_options_link
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #336699;
	padding: 1px;
	text-decoration: underline;
}


.table_view_options_text
{
	font-family: verdana, arial, helvetica,  sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #000000;
	padding: 1px;
}
	
.table_navigation_top
{
	background-color: #ffffff;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	border-left: 1px solid #8b9399;
	border-right: 1px solid #8b9399;
}

.table_navigation_bottom
{
	background-color: #ffffff;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	border-left: 1px solid #8b9399;
	border-right: 1px solid #8b9399;
	border-bottom: 1px solid #8b9399;
}

.table_control_label
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-left: 1px;
}

.table_control_link
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #336699;
	padding: 2px;
	text-decoration: underline;
}
	
.table_navigation_arrows
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}

.table_navigation_text
{	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.table
{	
	background-color: #8b9399;
}

.table_column_header_background
{	
	background-color: #f1e1c1;
	text-align: center;
	padding: 1px;
	border: 1px solid #ffffff;
}

.table_column_header_text
{	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding: 1px;
	text-decoration: none;
}

.table_row_header_text
{	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #000000;
	text-align: right;
	padding: 1px;
	text-decoration: none;
}
	
.table_sortable_column_header
{	
	line-height: 100%;
	background-color: #f1e1c1;
	text-align: center;
	padding: 1px;
	border-right: 1px solid #ffcc33;
	border-left: 1px solid #ffffff;
	/* issue fix #14335431 - Begin2 */
	border-top: 1px solid #ffffff;
	/* issue fix #14335431 - End2 */
	border-bottom: 1px solid #ffcc33;
}
	
.table_row_header_background
{
	background-color: #f1e1c1;
	text-align: right;
	padding: 1px;
	border: 1px solid #ffffff;
}

.table_row
{	
	background-color: #ffffff;
}

.table_banded_row
{
	background-color: #f7f1d7;
}

.table_row_selected
{	
 	background-color:#c5dff9;
}	

.table_row_action
{
	text-align: right;
	padding-right: 5px;
	padding-left: 2px;
}

.table_tree_parent
{	
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #000000;
	padding-right: 1px;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.table_tree_child
{	
	margin-left: 10px;
	/*Fix for Issue #14383034*/
	margin-right: 1px;
	
}

.data
{	
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	padding-right: 2px;
	padding-left: 2px;
	/*Fix for Issue #14383034*/
	word-wrap:break-word;
	overflow: hidden;
}	 
/*Fix for issue:14771944*/
.data_inputText
{	
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
}
.table_data_numeric	
{	
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	text-align: right;
	padding-right: 2px;
	padding-left: 2px;
}

.table_link_numeric
{	
	font-family: verdana, arial, Helvetica,  sans-serif;
	font-size: 70%;
	color: #336699;
	text-align: right;
	padding-right: 2px;
	padding-left: 2px;
}

.datalink
{	
	font-family: verdana, arial, Helvetica,  sans-serif;
	font-size: 70%;
	color: #336699;
	/*Begin of Fix for Issue #14383034
	padding: 1px;*/
	word-wrap:break-word;
	/*End of Fix for Issue #14383034*/
	text-decoration: underline;
}

.table_icon
{	
	font-family: verdana, arial, Helvetica,  sans-serif;
	font-size: 70%;
	color: #000000;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
}
	
.table_header_text_hs
{
	color: #ffffff;
	text-decoration: none;
}

/* fix for issue 14572785 and 14572787 begin */
.table_header_text_hs_pointer
{
	color: #ffffff;
	text-decoration: none;
	cursor:pointer
}
/* fix for issue 14572785 and 14572787 end */

.table_buttons
{
    background: #336699 url('images/table_header_center.png');
	text-align: right;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
}


.hide_show_button
{
	vertical-align: middle;
	BORDER-LEFT:#B8D5ED 1px solid;
	BORDER-TOP: #B8D5ED 1px solid;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	margin: 2px;
	cursor: pointer;
}

/* Shuttle Control */

.shuttle_control_list_header_left
{
	background-image: url("images/table_header_left.png");
	width:4px;
}

.shuttle_control_list_header_center
{
	background: #336699;
	background-image: url("images/table_header_center.png");
}

.shuttle_control_list_header_right
{
	background-image: url("images/table_header_right.png");
	width:4px;
}

.shuttle_control_list_header_text 
{
	color: #FFFFFF;
	/* issue fix #14335431 - Begin3 */
	font-family: arial, helvetica, sans-serif;
	/* issue fix #14335431 - End3 */
	font-weight: Bold;
	font-size: 75%;
	text-align: left;
	vertical-align: middle;
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.shuttle_control_list
{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 70%; 
	color: #000000;
	width: 100%;
}

.shuttle_control_vertical_buttons, .shuttle_control_horizontal_buttons
{
	text-align: center; 
	padding: 3px;
}

/*breadcrumbs  */

.breadcrumb {
	Font-family: Verdana, Arial, Helvetica, Sans-serif;
	Font-weight: normal;
	Font-size: 60%;
	Color: #336699;
	Padding: 1px;
	text-decoration: underline;
}

.breadcrumb_current {
	Font-family: Verdana, Arial, Helvetica, Sans-serif;
	Font-weight: normal;
	Font-size: 60%;
	Color: #000000;
	text-decoration: none;
	Padding: 1px;
}

.breadcrumb_trail {
	padding-top: 0;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
}

/* Tree */
/* ---- */

.tree_buttons_area
{
	background: #E7F7FF;
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	border-left: 1px #8B9399 solid;
	border-right: 1px #8B9399 solid;
	border-bottom: 1px #B5C6F7 solid;
	height:25px;
	width:100%;
}

.tree_content_area
{
	background: #FFFFFF;
	padding: 0px;
	padding-left: 4px;
	border-left: 1px #8B9399 solid;
	border-right: 1px #8B9399 solid;
	border-bottom: 1px #8B9399 solid;
	border-spacing: 0px;
	margin: 0px;
}

.tree_icon
{
	padding: 0px;
	margin: 0px;
	border: none 0px;
	line-height:16px;
	white-space:nowrap;
	width:0%;
}

.tree_icon_image
{
	border: none 0px;
	vertical-align:top;
	vertical-align:expression('baseline');
}

.tree_branch_image
{
	border: none 0px;
	vertical-align:bottom;
	vertical-align:expression('baseline');
}

/* fix for the issue # 14502897 begin ... font size changed to 12px from 70% */

.tree_text
{
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	vertical-align: bottom;
	text-align: left;
	margin:0px;
	padding:0px;
	line-height:16px;
	border: none 0px;
	white-space:nowrap;
	width:100%;
}

.tree_text_selected
{
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	vertical-align: bottom;
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height:16px;
	border: none 0px;
	white-space:nowrap;
	width:100%;
	background-color: #d6e7ff;
	background-image: url("images/arrow_right_blue.png");
	background-position: right;
	background-repeat: no-repeat;
}

/* fix for the issue # 14502897 end */

.tree_text a:visited, .tree_text a:link, .tree_text_selected a:visited, .tree_text_selected a:link
{
	color: #000000;
}

.tree_header_text 
{
	padding-right: 2px; 
	padding-left: 6px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 75%; 
	color: #ffffff; 
	text-align : left;
	vertical-align : middle;
	white-space:nowrap;
}

.tree_header_left
{
	background-image: url("images/table_header_left.png");
}

.tree_header_right 
{
	background-image: url("images/table_header_right.png");
}

.tree_header_center 
{
	background: #336699;
	background-image: url("images/table_header_center.png");
}

.tree_progress_text
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	color: #000000;
	vertical-align: bottom;
	width: 100%;
	cursor: wait;
	text-align:center;
}

.tree_cancel_text
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 60%;
	color: #336699;
	text-decoration: underline;
	vertical-align: top;
}

.tree_cancel_text a
{
	color: #336699;
	text-decoration: underline;
}

.tree_icon a:hover, .tree_icon a:active, .tree_text a:hover, .tree_text a:active, .tree_text_selected a:hover, .tree_text_selected a:active
{
   	text-decoration: none; 
}

/* wizard component */

.wizard_trail
{
	background-color: #F7F1D7;
	width: 99%;
	text-align: center;
	padding: 4px;
	border: 1px #8B9399 solid;
}

.wizard_trail_table
{
	background-color: #F7F1D7; 
	margin-left: auto; 
	margin-right: auto;
}


.wizard_active_label_text, .wizard_active_icon_text 
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.wizard_active_icon
{
    background: url('images/wz_arrow_active.png') no-repeat left;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 13px;
}

.wizard_active_label
{
	text-align: left;
	width: 115px;
	padding-right: 20px;
}

.wizard_inactive_label_text, .wizard_inactive_icon_text  
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 70%;
    font-weight: bold;
    color: #336699;
    text-align: left;
}

.wizard_inactive_icon
{
    background: url('images/wz_arrow_inactive.png') no-repeat left;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 10px;
	
}

.wizard_inactive_label
{
	text-align: left;
	width: 115px;
	padding-right: 20px;
}

.wizard_inactive_icon button
{
	border: none; 
	background: none; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	text-align: center;
	cursor: pointer;
}

.wizard_inactive_label button
{
	border: none; 
	background: none; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	text-align: left;
	cursor: pointer;
}

.wizard_inactive_label div
{
	border: none; 
	background: none; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 115px;
	text-align: left;
	cursor: pointer;
}

.wizard_disabled_label_text 
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #8B9399;
}

.wizard_disabled_icon_text 
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #8B9399;
	text-align: left;
}

.wizard_disabled_icon
{
	background: url('images/wz_arrow_disabled.png') no-repeat left;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 10px;
}

.wizard_disabled_label
{
	text-align: left;
	width: 115px;
	padding-right: 20px;
}
.wizard_inactive_icon a:link, .wizard_inactive_icon a:visited, .wizard_inactive_icon a:hover, .wizard_inactive_icon a:active, .wizard_inactive_label a:link, .wizard_inactive_label a:visited, .wizard_inactive_label a:hover, .wizard_inactive_label a:active
{
	color: #336699;
	text-decoration: none;
}

.wizard_active_icon a:link, .wizard_active_icon a:visited, .wizard_active_icon a:hover, .wizard_active_icon a:active, .wizard_active_label a:link, .wizard_active_label a:visited, .wizard_active_label a:hover, .wizard_active_label a:active
{
	color: #000000;;
	text-decoration: none;
}
/** Branding Component **/
.product_name
{
	text-align : left;
	font-family: arial, helvetica, sans-serif;
	font-weight: 100;
	font-size: 125%;
	/* issue fix #14320091 - Begin */
	/* Modified from '-1.5' to '0' as per the discussion with UIStandardsFeedback list on branding productname/brandname
	 * text spacing.
	 */
	letter-spacing: 0px;
	/* issue fix #14320091 - End */
	color: #336699;	
}
 
.tmark
{
 	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
 	vertical-align: top;
 	color: #336699;
 	letter-spacing: -1px;
}
 
.CA_circle_logo_left
{
	vertical-align: middle;
	/* issue fix #14335431 - Begin4 */
	text-align: left;
	/* issue fix #14335431 - End4 */
	width: 57px;
	height: 38px;
}

.global_link
{
	color: #336699;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 60%;
	font-weight: bold;
	text-decoration: underline;
	padding: 1px;
	cursor: pointer;
}

.link_separator
{
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	text-align: left;
}

/* Quick Start*/

.portlet_header_left
{
	background-image: url("images/table_header_left.png");
	width:4px;
}

.portlet_header_center
{
	background: #336699;
	background-image: url("images/table_header_center.png");
}

.portlet_header_right
{
	background-image: url("images/table_header_right.png");
	width:4px;
	
}

.quick_start_header_text 
{
	color: #FFFFFF;
	/* issue fix #14335431 - Begin5 */
	font-family: arial, helvetica, sans-serif;
	/* issue fix #14335431 - End5 */
	font-weight: Bold;
	font-size: 75%;
	text-align: left;
	vertical-align: middle;
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.quick_start_icon
{
	background-image: url('images/portal_tab_selected_center.png');
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-color: #cccccc;
	height: 36px;  
	width: 36px;
  	vertical-align: top;
}

.quick_start_link_desc
{
	text-align: left;
    font-family: verdana, arial, helvetica; 
    font-size: 70%; 
    color: #000000;
    font-weight: normal; 
}

.quick_start_link
{
    font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold; 
    font-size: 70%; 
    color: #336699;
    text-decoration: underline;
}

.quick_start_table
{
	background-color: #8B9399;
}

.quick_start_menu_item
{
    vertical-align:	top;
	background-color: #f7f1d7;
	/* issue fix #14335431 - Begin6 */
	padding-left: 2px;
	/* issue fix #14335431 - End6 */
	padding-right: 2px;
    background-color: #f7f1d7;
}

.img_border
{
	border: none;
}

.form_align_center{
	text-align: center;

}

/* Content Area */
.content
{
	padding: 4px 4px 4px 4px;
}
/* Link Component */
  
a 
{
	text-decoration: none;
}
  
a.datalink:visited
{
	color: #7f5f7f;
}
  
a:active
{
	text-decoration: underline;
}
   
a:hover
{
	text-decoration: underline; 
}
  
  
.datalink
{
  	font-family: verdana, arial, helvetica, sans-serif;
  	font-size: 70%;
  	color: #336699;
  	font-weight: normal;
  	text-align : left;
  	text-decoration: underline;
}
  
.system_linktext
{
  	font-family: verdana, arial, helvetica, sans-serif;
  	font-size: 60%;
  	font-weight: bold;
  	color: #336699;
  	text-decoration: underline;
}
  
.returnto_link
{
  	font-family: verdana, arial, helvetica, sans-serif;
  	font-size: 70%;
  	font-weight: bold;
  	color: #336699;
  	text-decoration: underline;
}

/* Tabs start */
.tab_selected_left
{
    background-image: url('images/portal_tab_selected_left.png');
	width: 10px;
}

.tab_selected_right
{
    background-image: url('images/portal_tab_selected_right.png');
	width: 10px;
}

.tab_selected_center
{
    background-image: url('images/portal_tab_selected_center.png');
}

.tab_selected_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%; 
	padding: 2px; 
	font-weight: bold; 
	color: #000000;
}

.tab_unselected_left
{
    background-image: url('images/portal_tab_unselected_left.png');
	width:10px;
	border-bottom: 1px solid #999999;
}

.tab_unselected_center
{
    background-image: url('images/portal_tab_unselected_center.png');
	border-bottom: 1px solid #999999;
}

.tab_unselected_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%; 
	padding: 2px; 
	font-weight: bold; 
	color: #000000;
}

.tab_unselected_right
{
    background-image: url('images/portal_tab_unselected_right.png');
	width: 10px;
	border-bottom: 1px solid #999999;
}

.tab_unselected_left img, .tab_unselected_right img, .tab_selected_left img, .tab_selected_right img
{
	display: block;
}

.tab_remainder
{
	background-color: #FFFFFF;
	border-bottom: #000000 1px solid; 
}

.tab_content
{ 
	background-color: #FFFFFF;
	border-left: #8B9399 1px solid; 
	border-bottom: #1E385D 1px solid; 
	border-right: #1E385D 1px solid; 
	padding-top: 0px;
	padding-bottom: 3px;
}

.subtab
{
	background-image: url("images/sub_tabs_background.png");
	background-color: #8B9399;
	border-right: #000000 1px solid; 
	border-left: #8B9399 1px solid; 
	padding-top: 0px;
	padding-bottom: 3px;
}

.subtab_empty
{
	background-color: #EFF6FF;	
	background-image: url("images/sub_tabs_empty_background.png");
	border-right: #000000 1px solid; 
	border-left: #8B9399 1px solid; 
}

.subtab_unselected
{
	font-family:  verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
	font-size: 70%;
	vertical-align : middle;
	text-decoration: none; 
	padding:3px;
	white-space:nowrap;
}
 
.subtab_selected 
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold; 
	font-size: 70%;
	color: #000000;
	vertical-align : middle;
	text-decoration: none; 
	padding: 3px;
	white-space: nowrap;
}

.sidenav_header_hr
{
   	width: 99%;
   	color: #336699;
	height: 1px;
}

.sidenav_header_hr img
{
	display: block;
}

.sidenav_title
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold; 
	font-size: 70%;
	color: #000000;
	vertical-align : middle;
}

.sidenavlink_selected
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal; 
	font-size: 70%;
	color: #000000;
/*	line-height: 12pt; */
}

.sidenavsublink_selected_text
{
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	padding-left:30px;
}

.sidenavlink_unselected
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%; 
	color: #336699;
/*	line-height: 12pt; */
}

.sidenavsublink_unselected_text
{
	color: #336699;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	padding-left:30px;
}

.sidenav_bottom
{
	background-color: #EFF6FF;
	background-image: url("images/sidemenu_bottom_background.png");
	height: 10px;
}

.sidenav_corner
{
	background-color: #EFF6FF;
	background-image: url("images/sidemenu_bottom_right.png");
	height: 10px;
	width: 10px;
}

.sidenav_bottom img, .sidenav_corner img
{
	display: block;
}

.sidenav_row_selected
{
    background-color: #c5dff9;
}

.sidenav_right
{
	background-color: #EFF6FF;
	background-image: url("images/sidemenu_background_right.png");
	width: 10px;
	display: block;
}

.sidenav_item
{
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
   	background-color: #eff6ff;
   	white-space: nowrap;
}

.subtab_content 
{ 
	padding: 4px;
    border-top: 1px solid #000000;
    width: 100%;
}

.sidenav_content
{ 
	padding: 4px;
	border-top: 1px solid #000000;
    width: 100%;
}

.sidenav
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #EFF6FF;
	height: 100%;
}

.detail_header_text 
{
	font-size: 85%; 
	padding-right: 2px;
	padding-bottom: 2px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold; 
	font-style: normal; 
	color : #336699;
}

.embed_unselected_left
{
    font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	background-image: url(images/java_tab_unselected_left.png);
	width: 6px;
	height: 18px;
	border-bottom: #000000 1px solid;
}

.embed_unselected_center
{
    font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	background-image: url(images/java_tab_unselected_center.png);
	border-bottom: #000000 1px solid;
}

.embed_unselected_right
{
    font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	background-image: url(images/java_tab_unselected_right.png);
	width: 6px;
	height: 18px;
	border-bottom: #000000 1px solid;
}

.embed_selected_left
{
    font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	background-image: url(images/java_tab_selected_left.png);
	width: 6px;
	height: 18px;
}

.embed_selected_center
{
    font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	background-image: url(images/java_tab_selected_center.png);
}

.embed_selected_right
{
    font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	background-image: url(images/java_tab_selected_right.png);
	width: 6px;
	height: 18px;
}

.embed_reminder
{
   	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	border-bottom: #000000 1px solid;
	height: 18px;
}

.embed_container
{
    border-left: 1px solid #8B9399;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding:4px;
}
/* Tabs end */

/*
 *	Portal Request Begin
 *	Adding the below class definition on request from the Portal Development Team. (See STAR Bug# 14164643)
 */
.portlet-font, .portlet-font-dim, .portlet-menu, .portlet-menu-item, .portlet-menu-selected,  .portlet-menu-hover, .portlet-menu-hover-selected, .portlet-menu-cascade-item, .portlet-menu-cascade-selected, .portlet-menu-description, .portlet-menu-caption, .portlet-section-header, .portlet-section-body, .portlet-section-alternate,  .portlet-section-selected,  .portlet-section-subheader, .portlet-section-footer, .portlet-section-text, .portlet-table-header, .portlet-table-footer, .portlet-table-text
{ font-size: small ! important; }

 

.portlet-table-body, .portlet-table-selected,  .portlet-table-alternate,  .portlet-table-subheader, .portlet-form-label, .portlet-form-field-label, .portlet-form-button, .portlet-form-input-field, .portlet-dlg-icon-label, .portlet-form-field, .portlet-icon-label
{ font-size: x-small ! important; }

/*
 *	Portal Request END
 */


/* Tree Table CSS */
.table_tree_child {
	MARGIN-LEFT: 10px;
	border: none 0px;
}

.table_tree_child_one {
	MARGIN-LEFT: 20px;
	border: none 0px;
}

.table_tree_parent {
	PADDING-RIGHT: 1px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 70%; PADDING-BOTTOM: 1px; COLOR: #000000; PADDING-TOP: 1px; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}

.tree_border_bottom{
	border-bottom:1px solid #8b9399;
}

.tree_border_top{
	border-top:1px solid #8b9399;
}



.table_tree_navigation{
	border-left: 1px solid #8b9399;
	border-right: 1px solid #8b9399
}

.tree_leaf_cursor{
	cursor: pointer ;
}

.tree_leaf_text{
	font-family: verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	text-decoration: none;
	color: #000000; 
}


.top_label
{ 
    font-family: verdana, arial, helvetica, sans-serif; 
    font-size: 70%; 
    color: #000000;
    font-weight: bold;
	text-align: left;
	white-space: nowrap;
}


.left_label
{ 
    font-family: verdana, arial, helvetica, sans-serif; 
    font-size: 70%; 
    color: #000000;
    font-weight: bold;
	text-align: right;
	white-space: nowrap;
}



/** Welcome Banner  **/
.welcomebanner
{
	background-color: #6699CC;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
 
.welcomebannerlabel
{
    color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	text-decoration: none;
	text-align: left;
	padding: 1px;
}

.welcomebannerlink
{
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	padding: 1px;
}
	
.welcomebannerlogin
{
	color: #ffcc33;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	text-decoration: none;
	padding: 1px;
}

.welcomebannertimestamp
{
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	text-decoration: none;
	padding: 1px;
}



/* =============================================================*/
/* Log In Pages  */
/* ------------------- */

.login_product_name
{
	text-align: left;
	font-family: arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 183%;
	background-color: #336699;
	color: #ffffff;
	line-height:  30px;
	letter-spacing: -1px;
}


.tmark_white
{
	font-family: arial, helvetica, sans-serif;
	font-size: 40%;
	vertical-align: top;
	color: #ffffff;
	letter-spacing: -1px;
}

.login_footer_text
{
	color: #000000;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-right: 12px; 
	padding-left: 12px;
	font-family: verdana, arial, helvetica;
	font-weight: normal;
	font-size: 60%;
	text-decoration: none;
}

.login_form_formatting
{
	padding: 2px;
	border: 1px solid #336699;
}


.tableborder
{
	border: 1px solid #000302;
}

.aboveCAlogo
{
	border-top: 1px solid #000302;
	background-color: #ffffff;
}

.data_white
{
	text-align : left;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	color: #ffffff;
	text-decoration: none;
}

.datalink_white
{
	text-align: left;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-weight: normal; 
	font-size: 70%;
	color:#ffffff;
	text-decoration: underline;
}
.login_padding 
{
	background-color: #336699;
	border: 20px solid #336699;
}


.label_white 
{ 
    font-family: verdana, Arial, Helvetica, sans-serif; 
    font-size: 70%; 
    color: #ffffff;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}


/** footer styles **/

.footer_text{
	text-align : left;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 60%;
	color: #000000;
}


.footer_link{
	text-align: right;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 60%;
	color: #336699;
}

.page_header_background
{
	background-image: url("images/portal_tab_selected_center.png");
	BORDER-bottom: #999999 1px solid
}

.page_header_text
{
	font-size: 100%;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: arial;
	font-weight: bold;
	font-style: normal;
	color : #336699;
}

/** Anchorbar styles start **/
.anchor
{
	color: #336699;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	text-decoration: underline;
}

.anchor_separator
{
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	padding: 2px;
	/** text: |; **/
}
/** Anchorbar styles end **/

/** portlets style classes (JSR 168 styles) for bug fix #14193839 start **/

.portlet-msg-alert, .portlet-msg-error, .portlet-msg-info, .portlet-msg-status, .portlet-msg-success
{
	margin: 3px;
	padding-left:24px;
	background-color: #fdf8e2;
	border: #999999 1px solid;
}

.portlet-msg-alert
{
	background: #fdf8e2 url('images/warning_16.png') no-repeat 5px 4px;
}

.portlet-msg-info
{
	background: #fdf8e2 url('images/warning_16.png') no-repeat 5px 4px;
}

.portlet-msg-status, .portlet-msg-success
{
	background: #fdf8e2 url('images/confirmation_16.png') no-repeat 5px 4px;
}

.portlet-msg-error
{
	background: #fdf8e2 url('images/error_mark_16.png') no-repeat 5px 4px;
}

.portlet-msg-alert, .portlet-msg-error, .portlet-msg-info, .portlet-msg-status, .portlet-msg-success
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	text-align: left;
	vertical-align: top;
}

.portlet-msg-alert, .portlet-msg-info, .portlet-msg-status, .portlet-msg-success
{
	color: #000000;
}

.portlet-msg-error
{
	color: #ff0000;
}

.portlet-menu-description
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 60%;
	color: #000000;
}

.portlet-font-dim
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #8b9399;
	font-weight: normal;
	text-align: left;
}

.portlet-form-field-label, .portlet-form-label
{
	font-family:verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size : 70%;
}

.portlet-section-header, .portlet-table-header
{
	background: #336699 url('images/table_header_center.png');
}

.portlet-section-text, .portlet-table-text
{
	background-color: #c5dff9;
	padding: 4px;
	border-bottom: 1px solid #b8d5ed;
	border-left: 1px solid #8b9399;
	border-right: 1px solid #8b9399;
}

.portlet-section-text, .portlet-table-text
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	padding: 2px;
}

.portlet-section-subheader, .portlet-table-subheader
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding: 1px;
	text-decoration: none;
	padding: 1px;
	background: #f4e9d3;
	text-align: center;
	border: 1px solid #ffffff;
}

.portlet-section-alternate, .portlet-table-alternate
{
	background-color: #f7f1d7;
}

.portlet-section-body, .portlet-table-body
{
	background-color: #ffffff;
}

.portlet-section-selected, .portlet-table-selected
{
	background-color: #c5dff9;
}

.portlet-menu
{
	background: #8b9399;
}

.portlet-menu-item-selected, .portlet-menu-item-hover, .portlet-menu-item-hover-selected, .portlet-menu-item-cascade-selected
{
	background-color: #f7f1d7;
	padding: 3px;
}

.portlet-menu-item, .portlet-menu-item-cascade, .portlet-menu-caption
{
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
}

.portlet-menu-item-selected, .portlet-menu-item-hover, .portlet-menu-item-hover-selected, .portlet-menu-item-cascade-selected
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #336699;
	font-weight: bold;
	font-size: 70%;
}

.portlet-menu-item, .portlet-menu-item-cascade, .portlet-menu-caption
{
	background-color: #eff6ff;
	padding: 3px;
}

.portlet_title
{
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
	font-weight: bold;
	padding-left: 5px;
	text-align: left;
	vertical-align: baseline;
}

.portlet_container
{
	border-bottom: 1px #8b939a solid;
	border-right: 1px #8b939a solid;
	border-left: 1px #8b939a solid;
	background: #ffffff;
}

.portlet_data
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.portlet_label
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-weight: bold;
	font-size : 70%;
	vertical-align: baseline;
}

.portlet_link
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%; 
	color: #336699;
	text-decoration: underline;
}

/** portlets style classes for bug fix #14193839 end **/



/** This style is added for backward compatibility ***/
/** fix for AR# 14216180**/
.button_center 
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #8B9399;
	height: 100%;
	background: url('images/pagebutton-center.png') repeat-x;
}

/** fix for AR# 14216866**/
.table_sortable_column_header_background
{
	border-right: #ffCC33 1px solid; 
	padding: 1px; 
	border-top: #ffffff 1px solid; 
	background: #f1e1c1; 
	border-left: #ffffff 1px solid;
	border-bottom: #ffCC33 1px solid; 
	text-align: center;
	line-height : 100%;
}

.page_section
{
    background-color: #F7F1D7;
	padding: 4px;
	border-left: 1px #8B9399 solid;
	border-right: 1px #8B9399 solid;
	border-bottom: 1px #8B9399 solid;
}

/** fix for AR# 14218416**/

.page_instructions_text 
{
    padding-right: 2px; 
	padding-left: 2px; 
	font-size: 70%; 
	color: #000000; 
	font-family: verdana, arial, helvetica, sans-serif;
}

/** Fix for the issue Begin 14525023/1 - CSS IMAGES NOT ACCESSIBLE **/

.progress_button_bottomleft 
{
	background-image: url('images/corner4.png');
}

.progress_button_bottomright
{
	background-image: url('images/corner3.png');
}

.progress_button_topleft 
{
	background-image: url('images/corner1.png');
}

.progress_button_topright
{
    background-image: url('images/corner2.png');
}

/** Fix for the issue End 14525023/1 - CSS IMAGES NOT ACCESSIBLE **/

.table_navigation
{
	background: #ffffff;
	padding-top: 1px;
    padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

/** fix for AR# 14223701**/
.page_header_error
{
	font-size: 100%;
	padding-left: 10px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform : uppercase;
	color : #ff0000;
}

.table_buttons_header{
	border-width:0px;
	padding:0px;
	margin:0px;
	margin-top:1px;
	margin-bottom:1px;
	border-collapse:collapse;
}


/** Welcome Banner CSS **/

.welcomebanner{
	/* issue fix #14335431 - Begin7 */
	background-color: #6699CC;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	/* issue fix #14335431 - End7 */
}

.welcomebannerlabel
{
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
	padding: 1px;
	/* issue fix #14335431 - Begin8 */
	text-align: left;
	/* issue fix #14335431 - End8 */
}

.welcomebannerlink
{
	color : #FFFFFF;
	/* issue fix #14335431 - Begin9 */	
	font-family: verdana, arial, helvetica, sans-serif;
	/* issue fix #14335431 - End9 */
	font-weight: normal;
	font-size: 70%;
	padding: 1px;
}

.welcomebannerlogin
{
	color: #ffcc33;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
	padding: 1px;
}

.welcomebannertimestamp
{
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	padding: 1px;
}

.page_header_error{
	/* issue fix #14335431 - Begin10 */
	color: #FF0000;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
	padding-left: 10px;
	/* issue fix #14335431 - End10 */
}
/** Object detail page styles **/
.md
{
	background-color: #EFF6FF;
}
.md_box
{
	background-color: #ffffff;
	border-top: 1px solid #336699;
	border-bottom: 1px solid #6699CC;
	border-left: 1px solid #336699;
	border-right: 1px solid #6699CC;
	padding: 5px;
}
.md_detail
{
	background-color: #ffffff;
	border-top: 1px solid #336699;
	border-bottom: 1px solid #6699CC;
	border-left: 1px solid #336699;
	border-right: 1px solid #6699CC;
	padding: 4px;
}
.md_right
{
	background-color: #EFF6FF;
	background-image: url('images/md_bakground_right.png');
	width: 5px;
}
.md_left
{
	background-color: #EFF6FF;
	background-image: url('images/md_bakground_left.png');
	width: 5px;
}
.md_bottom
{
	background-color: #EFF6FF;
	background-image: url('images/md_bottom_background.png');
	height: 5px;
}
.md_bottom_right
{
	background-color: #EFF6FF;
	background-image: url('images/md_bottom_right.png');
	height: 5px;
	width: 5px;
}
.md_bottom_left
{
	background-color: #EFF6FF;
	background-image: url('images/md_bottom_left.png');
	height: 5px;
	width: 5px;
}
.md_top_left
{
	background-color: #EFF6FF;
	background-image: url('images/md_top_left.png');
	height: 5px;
	width: 5px;
}
.sidenav_split
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #FDF8E2;
	height: 100%;
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000;  
	border-right: 1px solid #000000;
}

.md_top_right
{
	background-color: #EFF6FF;
	background-image: url('images/md_top_right.png');
	height: 5px;
	width: 5px;
}
.md_top
{
	background-color: #EFF6FF;
	background-image: url('images/md_top.png');
}
/** Object detail page styles **/	