/* General Style Classes */
body {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	
	line-height: 1.5; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
}
#scroll{
     height:100%; overflow:auto; font-size: 10px;}
.scroll{
     overflow:auto; font-size: 10px;}

/** Set format for checkboxes used primarily in filters */ 
.checkboxBorder	{ 
	border-style: solid; border-width: 1px; border-color: #4c768c;  border-spacing:0px;line-height: 1;} 
 
.checkboxBorder tr th { 
	background-color:#E0E0E0; font-weight: bold; } 

.checkboxBorder tr { 
	line-height: .9; padding:0px; margin:0px; }  

.checkboxBorder tr td { 
	 padding:0px; margin:0px; }  

.marginRight	{
   margin-right: 45px; 
				}			
				
/*sets text next to icon on each page */
.pageheader {
	font-family: "Times New Roman", Times, serif;
	font-size: 38px;
	color: #205158;
}

/*sets text for the help text in page header */
td.pageheaderhelp {

	font-size: 14px;
	font-weight: bold;
	color: #205158;
}

/* sets page name within shortcuts portlet in ESS and MSS */
.pagename {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

.pageheaderborder {
	border-bottom: 1px solid #CCCCCC;
}

/* sets bullets in shortcuts portlet in ESS and MSS */
a.shortcuts, a:active.shortcuts, a:focus.shortcuts, a:link.shortcuts, a:visited.shortcuts {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
a:hover.shortcuts {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;	
}

/** for table background-color/border- can be used with cellspacing="1" to provide inner table borders **/
.gridTable, .entireTable	{
					font-style: normal;
					font-variant: normal;
					font-weight: normal;
					font-size: xx-small;
					line-height: 1.5; 
					font-family: Verdana, Helvetica, Arial, sans-serif;
					color: #000000;					
				}

.pagingTable		{
					background-color: transparent;
					font-style: normal;
					font-variant: normal;
					font-weight: normal;
					font-size: xx-small;
					line-height: 1.5; 
					font-family: Verdana, Helvetica, Arial, sans-serif;
					color: #333333;
					border-top:1px solid #E0E0E0;	
				}

.queryFilterTable	{
					font-style: normal;
					font-variant: normal;
					font-weight: normal;
					font-size: xx-small;
					line-height: 1.5; 
					font-family: Verdana, Helvetica, Arial, sans-serif;
					color: #000000;	
					background-image: url('images/dashbord-filter.gif');				
				}		
				
/** for table header row **/		
.tableHeaderRow,.ColumnHeaderRow	{
					min-height : 21px;
					background-color: #E6E6E6; 
				}	
								
				
/** for table head cells**/		
.tableHead	{
					background-color: #E6E6E6;
					font-style: normal;
					font-variant: normal;
					font-weight: bold;
					font-size: xx-small;
					line-height: 1.5; 
					font-family: Verdana, Helvetica, Arial, sans-serif;
					color: #000000;			
/**					background-color: #4c768c;
					padding: 5px; **/
				}				

/** for text in table header cells **/		
.tableHeadText	{
				font-weight: bold;
				color: #333333;
				}					
				
/** for links in table header cells, for sorting **/
a.tableHeadText:link, a.tableHeadText:active, a.tableHeadText:visited	{
		text-decoration: none;
		color: #0000CC;
		font-weight: bold;
				}

a.tableHeadSortLink:link, a.tableHeadSortLink:active, a.tableHeadSortLink:visited {
		text-decoration: none;
		color: #0000CC;
		font-weight: bold;
				}

a.tableHeadSortLink:hover, a.tableHeadText:hover {
		text-decoration: underline;
				}

/** for grouping or category rows in a table 
.tableCategoryRow	{							
						background-color: #3399CC;
						color: #FFFFFF;
						font-size: 11px;
						font-weight: bold;
					}	
*/

.tableCategoryRow, .categoryRow { 
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: xx-small;
	line-height: 1.5; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	/**font-size: 11px;**/
	font-weight: bold;
}

a.tableCategoryRowLink:link, a.tableCategoryRowLink:active, a.tableCategoryRowLink:visited	 { 
	color: #0000CC;
	/**font-size: 11px;**/
	font-weight: bold;
	text-decoration: none;
}

a.tableCategoryRowLink:hover{
	text-decoration: underline;
}


/** for odd repeated rows **/
.tableRowOdd	{
	min-height : 25px;
	background-color:  #FFFFFF;
/**	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;**/
				}

/** for even repeated rows **/
.tableRowEven	{
	min-height : 25px;	
	background-color: #F0F0F0;
/**	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;**/

}

/** for the page title **/						
.pageTitle, .pageDescription {
					font-style: normal;
					font-variant: normal;
					font-size: xx-small;
					line-height: 1.5; 
					font-family: Verdana, Helvetica, Arial, sans-serif;
					font-weight: bold;
					color: #333333;
				}

/** for some text explaining the current page **/ 
.toolBarTitle, .toolbarText{
/**					color:#03508B;							
					font-size:12px; **/
	font-style: normal;
	font-variant: normal;
	font-size: xx-small;
	line-height: 1.5; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333333;					
				}

/** border style used on a container to call out text like error messages **/
.contentBorder	{
					padding: 4px;
					border-style: solid;
					border-width: 1px;
					border-color: #4c768c;
				}					

.imageBorder	{
					border-style: solid;
					border-width: 1px;
					border-color: #4c768c;
				}

a.outputData {
	text-decoration: none;
	color: #0000CC;		
}
/** for field inputs or display elements **/
.outputData		{
					font-style: normal;
					font-variant: normal;
					font-weight: normal;
					font-size: xx-small;
					line-height: 1.5; 
					font-family: Verdana, Helvetica, Arial, sans-serif;
					color: #000000;			
				}
a.outputData:hover{
	text-decoration: underline;
}

a.outputDataRight:link {
	text-decoration: none;
	color: #0000CC;		
}
.outputDataRight		{
					color: #003366;
					font-size:xx-small;
					text-align: right;
				}

.outputDataBold			{
					font-size:xx-small;
					font-weight: bold;
				}



/** for the labels between sections of inputs or fields **/
.sectionLabel	{
					color:#000000;							
					font-size:11px;
					font-weight: bold;
					line-height: 15px;
				}						

/** for the table cells containing the sectionLabels **/
.sectionLabelCell	{							
						background-color: #FFFFFF;
						text-indent: 3px;
					}	

/** for the text prompts for field inputs or fields **/
.label				{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: xx-small;
	line-height: 1.5; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;	
	text-indent: 3px;
						}						

/** for the table cells containing labels **/
.labelCell				{
							background-color: #FFFFFF;
							line-height: 16px;
						}	
						
/** for the cell containing any field input or display elements **/
.outputDataCell				{
							background-color: #FFFFFF;
							line-height: 16px;
							text-indent: 2px;
						}	
											
/** for indicating required fields, as with an asterisk */
.requiredPrompt, .required {
					font-size: 14px;
					font-weight: bold;
					color: #FF0000;
					padding: 1px;
				}

/** to hightlight error message text */				
.errorMessage	{

					font-size: 12px;
					color: #FF0000;
				}			
																
/** for any navigation buttons **/						
.actionButton	{
					font-weight: bold;
					color: #003366;
					font-size: xx-small;
					padding: 0px,2px,0px,2px;
	
				}				
				
.mssShortcutsBg	{
					background-image: url( images/mss_shortcuts_bk.gif ); 
					background-repeat: no-repeat;
					background-position: bottom right;
}				

.essShortcutsBg	{
					background-image: url( images/ess_shortcuts_bk.gif ); 
					background-repeat: no-repeat;
					background-position: bottom right;
}				

.statusAttention {
					color: #FF6600;
					font-weight: bold;
}

.statusApproved {
					color: #33CC00;
					font-weight: bold;
}

.statusRejected {
					color: #FF0000;
					font-weight: bold;
}

/** Adding for Key Performance Indicators */
.statusTrackingPerforming {
					background-color: #ffffff;
}

.statusOverperforming {
					background-color: #80ff80;
}

.statusUnderperforming{
					background-color: #ff8080;
}

/** Customizer Tabs - There are a few different sets of styles tabStyle1,tabStyle2, etc */

/** regular unselected tab style */
.tabStyle1Bg, .tabStyle2Bg, .tabStyle3Bg, .tabStyle4Bg .tabbedPagesTabCell{
		text-align: center; 	
	  	text-decoration: none;
		border-top: 0px solid #B6B6B6;
		border-bottom: 1px solid #B6B6B6;
		border-right: 0px solid #B6B6B6;
		border-left: 0px solid #B6B6B6;
		background-color: #FFFFFF;
  	}

/** selected tab style */  	
.tabStyle1SelectedBg, .tabStyle2SelectedBg,  .tabStyle3SelectedBg,  .tabStyle4SelectedBg .tabbedPagesTabCellSelected{
		text-align: center;
		text-decoration: none;	
		background-image: none;	
		border-top: 0px solid #003366;
		border-bottom: 0px solid #003366;
		border-right: 0px solid #003366;
		border-left: 0px solid #003366; 
		background-color: #FFFFFF;
		background-image: url(images/active.gif);
		background-repeat: repeat;
		background-position: bottom;
	}

/** regular unselected tab text style */		
.tabStyle1Text, .tabStyle2Text, .tabStyle3Text, .tabStyle4Text .tabbedPagesTabText{
		font-family: Verdana, Tahoma, Arial, "MS Sans Serif";  	
		font-weight: bold;
		font-size: 10px;
		color: #333333;
		text-decoration:none; 
		display: block; 
		margin:0; 
		padding:4px 6px 4px 6px;
		cursor:pointer; 
	}
	
a.tabStyle1Text:hover, a.tabStyle2Text:hover, a.tabStyle3Text:hover, a.tabStyle4Text:hover	{
	text-decoration:underline; 
}

/** selected tab text style */	
.tabStyle1SelectedText, .tabStyle2SelectedText, .tabStyle3SelectedText,  .tabStyle4SelectedText .tabbedPagesTabTextSelected{
		font-family: Verdana, Tahoma, Arial, "MS Sans Serif";  
		font-weight: bold;
		font-size: 10px;
		color: #004E98;	
		text-decoration:none; 
		display: block; 
		margin:0; 
		padding:4px 6px 4px 6px; 
		cursor:pointer;
	}	


/** Just has a bottom solid border, for use between tabs or in the same row as tabs */
.tabStyle1Spacer, .tabStyle2Spacer, .tabStyle3Spacer, .tabStyle4Spacer, .tabbedPagesTabSpacer	{
		border-top: 0px solid #003366;
		border-bottom: 1px solid #B6B6B6;
		border-right: 0px solid #003366;
		border-left: 0px solid #003366;
		font-size: 1px;
		padding:0px;
}

/** The main content are has a solid light background color. */	
.tabStyle1ContentArea, .tabStyle2ContentArea, .tabStyle3ContentArea, .tabStyle4ContentArea	{
		background-color: #FFFFFF;
		padding: 5px;
		border-top: 0px solid #003366;
		border-bottom: 0px solid #003366;
		border-right: 0px solid #003366;
		border-left: 0px solid #003366;
}	


	/** This stylesheet provides sample styles for use with the tabbed pages builder.  **/

	/** set bg-image and height for left-upper cell */
	.tabItemCellLeftTop {
		border-top: 0px;
		border-bottom: 0px;
		border-right: 0px;
		border-left: 0px;
		font-size: 1px;
		width:1px;
		background-image: url(images/corner_left.gif);		
	}
	
	/** set bg-image and height for right-upper cell */
	.tabItemCellRightTop {	
		border-top: 0px;
		border-bottom: 0px;
		border-right: 0px;
		border-left: 0px;
		font-size: 1px;
		width:1px;		
		background-image: url(images/corner_right.gif);
	}
	
	
	/** set height and draw top border for middle-upper cell */
	.tabItemCellCenterTop {
		border-top: 1px solid #B6B6B6;
		border-bottom: 0px;
		border-right: 0px;
		border-left: 0px;
		font-size: 1px;
	}
	
	/** set width and draw left border for left-lower cell */
	.tabItemCellLeftBottom {
		border-top: 0px;
		border-bottom: 0px;
		border-right: 0px;
		border-left: 1px solid #B6B6B6;
		font-size: 1px;
		width:1px;		
	}
	
	/** set width and draw right border for right-lower cell */
	.tabItemCellRightBottom {	
		border-top: 0px;
		border-bottom: 0px;
		border-right: 1px solid #B6B6B6;
		border-left: 0px;
		font-size: 1px;
		width:1px;		
	}
	
	/** set no border for middle-lower cell */
	.tabItemCellCenterBottom {
		border-top: 0px;
		border-bottom: 0px;
		border-right: 0px;
		border-left: 0px;	
	}



/** Vertical tabs for process wizards */

.tabStyle4Table {
	border: 1px solid #4c768c;  	

  	}
  	
.tabStyle4TableTitle{
	background-color: #6699CC;
	font-family: Verdana, Tahoma, Arial, "MS Sans Serif";  	
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none; 
	padding: 5px 6px 5px 6px; 
	border-bottom: 1px solid #4c768c;
}

.listBuilderTitle, .listBuilderOuterTable, .listBuilderButton, .listBuilderSelect{
					font-style: normal;
					font-variant: normal;
					font-weight: normal;
					font-size: xx-small;
					line-height: 1.5; 
					font-family: Verdana, Helvetica, Arial, sans-serif;
					color: #000000;	
}

/** for MyAlerts Category View styles.*/
.wpf_cv_text_link{
	color:#0000CC;
	}


/* The top left cell of a 9 x 9 table displaying the unselected tab - New in v5 */

.wdfPortletTabTopStart {

    background: url("images/WBSE-Prop-Tab-Top-Left-Inactive.gif");

    background-repeat: repeat-y;

    background-position: left bottom;

    border-style: none;

    padding:0px;
    
    margin:0px;
    
    width: 4px;

    height: 4px;

    font-size:0.1pt;
}



/* The top center cell of a 9 x 9 table displaying the unselected tab - New in v5 */

.wdfPortletTabTopCenter {

    background: url("images/WBSE-Prop-Tab-Top-Center-Inactive.gif");

    background-position: top;

    border-top: 1px solid #b6b6b6;

    border-right: 0px none #b6b6b6;

    border-bottom: 0px none #b6b6b6;

    border-left: 0px none #b6b6b6;
    
    padding:0px;
    
    margin:0px;

    width: 100%;

    height: 4px;
    
    font-size:0.1pt;

}



/* The top right cell of a 9 x 9 table displaying the unselected tab - New in v5 */

.wdfPortletTabTopEnd {

    background: url("images/WBSE-Prop-Tab-Top-Right-Inactive.gif");

    background-repeat: no-repeat;

    background-position: right top;

    border-style: none;

    background-color: transparent;

    padding:0px;
    
    margin:0px;

    width: 4px;

   height: 4px;

    font-size:0.1pt;
}



/* The middle left cell of a 9 x 9 table displaying the unselected tab - New in v5 */

.wdfPortletTabMiddleStart {

    background: url("images/WBSE-Prop-Tab-Middle-Inactive.gif");

    background-repeat: repeat-x;

    background-position: top;

    border-top: 0px none #b6b6b6;

    border-right: 0px none #b6b6b6;

    border-bottom: 0px none #b6b6b6;

    border-left: 1px solid #b6b6b6;

    padding:0px;
    
    margin:0px;
    
    width: 4px;

    height: 100%;

    font-size:0.1pt;
}



/* The center cell of a 9 x 9 table displaying the unselected tab.  The tab text is displayed in this cell. - New in v5 */

.wdfPortletTabMiddleCenter {

    background: url("images/WBSE-Prop-Tab-Middle-Inactive.gif");

    background-repeat: repeat-x;

    background-position: top;

    white-space: nowrap;

    border-style: none;

    text-align: center;

    padding-left: 4px;

    padding-right: 4px;

    width: 100%;

    height: 100%;

}



/* The middle right cell of a 9 x 9 table displaying the unselected tab - New in v5 */

.wdfPortletTabMiddleEnd {

    background: url("images/WBSE-Prop-Tab-Middle-Inactive.gif");

    background-repeat: repeat-x;

    background-position: top;

    border-top: 0px none #b6b6b6;

    border-right: 1px solid #b6b6b6;

    border-bottom: 0px none #b6b6b6;

    border-left: 0px none #b6b6b6;
    
    width: 4px;

    height: 100%;

    font-size:0.1pt;
}



/* The bottom left cell of a 9 x 9 table displaying the unselected tab - New in v5 */

.wdfPortletTabBottomStart {

    background: url("images/WBSE-Prop-Tab-Bottom-Inactive.gif");

    background-position: bottom;

    border-top: 0px none #b6b6b6;

    border-right: 0px none #b6b6b6;

    border-bottom: 1px solid #b6b6b6;

    border-left: 1px solid #b6b6b6;

    width: 4px;

    height: 4px;

    padding:0px;
    
    margin:0px;    

    font-size:0.1pt;
}



/* The bottom center cell of a 9 x 9 table displaying the unselected tab - New in v5 */

.wdfPortletTabBottomCenter {

    background: url("images/WBSE-Prop-Tab-Bottom-Inactive.gif");

    background-position: bottom;

    border-top: 0px none #b6b6b6;

    border-right: 0px none #b6b6b6;

    border-bottom: 1px solid #b6b6b6;

    border-left: 0px solid #b6b6b6;

    width: 100%;

    padding:0px;
    
    margin:0px;
    
    height: 4px;

    font-size:0.1pt;
}



/* The bottom right cell of a 9 x 9 table displaying the unselected tab - New in v5 */

.wdfPortletTabBottomEnd {

    background: url("images/WBSE-Prop-Tab-Bottom-Inactive.gif");

    background-position: bottom;

    border-top: 0px none #b6b6b6;

    border-right: 1px solid #b6b6b6;

    border-bottom: 1px solid #b6b6b6;

    border-left: 0px none #b6b6b6;

    width: 4px;

    height: 4px;

    padding:0px;
    
    margin:0px;
    
    font-size:0.1pt;
}





/* The top left cell of a 9 x 9 table displaying the selected tab - New in v5 */

.wdfPortletSelectedTabTopStart {

    background: url("images/WBSE-Prop-Tab-Top-Left-Active.gif");

    background-repeat: no-repeat;

    background-position: left top;

    border-style: none;

    padding: 0px;

    width: 4px;

    height: 4px;
    
    font-size:0.1pt;
}



/* The top center cell of a 9 x 9 table displaying the selected tab - New in v5 */

.wdfPortletSelectedTabTopCenter {

    background: url("images/WBSE-Prop-Tab-Top-Center-Active.gif");
    
    background-repeat: repeat;

    background-position: top;

    border-top: 1px solid #b6b6b6;

    border-right: 0px none #b6b6b6;

    border-bottom: 0px none #b6b6b6;

    border-left: 0px none #b6b6b6;

    width: 100%;

    height: 4px;

    font-size:0.1pt;
}



/* The top right cell of a 9 x 9 table displaying the selected tab - New in v5 */

.wdfPortletSelectedTabTopEnd {

    background: url("images/WBSE-Prop-Tab-Top-Right-Active.gif");

    background-repeat: no-repeat;

    background-position: right top;

    border-style: none;

    background-color: transparent;

    padding: 0px;

    width: 4px;

    height: 4px;

    font-size:0.1pt;
}



/* The middle left cell of a 9 x 9 table displaying the selected tab - New in v5 */

.wdfPortletSelectedTabMiddleStart {

    background: url("images/WBSE-Prop-Tab-Middle-Active.gif");

    background-repeat: repeat-x;

    background-position: top;

    border-top: 0px none #b6b6b6;

    border-right: 0px none #b6b6b6;

    border-bottom: 0px none #b6b6b6;

    border-left: 1px solid #b6b6b6;

    width: 4px;

    height: 100%;

    font-size:0.1pt;
}



/* The center cell of a 9 x 9 table displaying the selected tab. The tab text is displayed in this cell. - New in v5 */

.wdfPortletSelectedTabMiddleCenter {

    background: url("images/WBSE-Prop-Tab-Middle-Active.gif");

    background-repeat: repeat-x;

    background-position: top;

    border-style: none;

    white-space: nowrap;

    text-align: center;

    padding-left: 4px;

    padding-right: 4px;

    width: 100%;

    height: 100%;
}



/* The middle right cell of a 9 x 9 table displaying the selected tab - New in v5 */

.wdfPortletSelectedTabMiddleEnd {

    background: url("images/WBSE-Prop-Tab-Middle-Active.gif");

    background-repeat: repeat-x;

    background-position: top;

    border-top: 0px none #b6b6b6;

    border-right: 1px solid #b6b6b6;

    border-bottom: 0px none #b6b6b6;

    border-left: 0px none #b6b6b6;

    width: 4px;

    height: 100%;

    font-size:0.1pt;
}



/* The bottom left cell of a 9 x 9 table displaying the selected tab - New in v5 */

.wdfPortletSelectedTabBottomStart {

    background: url("images/WBSE-Prop-Tab-Bottom-Active.gif");

    background-position: bottom;

    border-top: 0px none #b6b6b6;

    border-right: 0px none #b6b6b6;

    border-bottom: 1px solid #b6b6b6;

    border-left: 1px solid #b6b6b6;

    width: 4px;

    height: 4px;

    font-size:0.1pt;
}



/* The bottom center cell of a 9 x 9 table displaying the selected tab - New in v5 */

.wdfPortletSelectedTabBottomCenter {

    background: url("images/WBSE-Prop-Tab-Bottom-Active.gif");

    background-position: bottom;
    
    border-top: 0px none #b6b6b6;

    border-right: 0px none #b6b6b6;

    border-bottom: 1px solid #b6b6b6;

    border-left: 0px none #b6b6b6;

    width: 100%;

    height: 4px;

    font-size:0.1pt;
}



/* The bottom right cell of a 9 x 9 table displaying the selected tab - New in v5 */

.wdfPortletSelectedTabBottomEnd {

    background: url("images/WBSE-Prop-Tab-Bottom-Active.gif");

    background-position: bottom;

    border-top: 0px none #b6b6b6;

    border-right: 1px solid #b6b6b6;

    border-bottom: 1px solid #b6b6b6;

    border-left: 0px none #b6b6b6;

    width: 4px;

    height: 4px;

    font-size:0.1pt;
}


.wdfPortletSelectedTab {

    border: 0px;

    background-color: transparent;

}

.wdfPortletTab {

    border: 0px;

    background-color: transparent;

}

.wdfPortletTabLink, .wdfPortletTabLink:visited, .wdfPortletTabLink:active, .wdfPortletTabLink:hover {

	text-decoration: none;

    color: #333333;

}

.wdfPortletSelectedTabLink, .wdfPortletSelectedTabLink:hover, .wdfPortletSelectedTabLink:visited, .wdfPortletSelectedTabLink:active {

	text-decoration: none;

    color: #333333;

}
.outputDataWarning	{				
					color: red;
					font-size: 9px;
					font-weight: bold;				
					cursor: default;
				}