/*
*  @(#)agile.css	1.0 12/14/00
*
*  Copyright 1995-2001 by Agile Software Corporation. All rights reserved.
*
*  This is the core Agile style sheet to be used in across all Agile products.
*
* 1002 - Navy
*/

a, a:active, a:link, a:visited {
	color: #369; 
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

BODY
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11px;
   color: #333333;
   background-color: #ffffff; /* white */
   margin-left: 3px;
   margin-top: 2px;
   margin-right: 3px;
   margin-bottom: 0px;
   padding-right: 3px;
}

BODY.borderless
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11px;
   color: #333333;
   background-color: #ffffff; /* white */
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

BODY.borderlessLeftPane
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11px;
   font-weight: bold;
   color: #ffffff;
   background-color: #7398DD; /* white */
   vertical-align: top;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

BODY.borderlessLeftControllerPane
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11px;
   font-weight: bold;
   color: #ffffff;
   background-color: #154097;
   vertical-align: top;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

P
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11px;
}

.smallText
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 9px;
   color: #333333;
}

TD
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11px;
}

FORM
{
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

/* ----------------------------- Header Styles ----------------------------- */

H1
{
   font-style: normal;
   font-weight: bold;
   font-size: 20px;
   color: #333333;
}

H2
{
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   color: #333333;
}

H3
{
   font-style: normal;
   font-weight: bold;
   font-size: 12px;
   color: #333333;
}

/* --------------------------- Header Styles (end) ------------------------- */


/* ------------------------- Top Navigation Styles ------------------------- */
/*
	top frame title Agile and Application Name
*/
.bannerAgileTitle
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-weight: bold;
   font-size: 24px;
   color: #ffffff; /* white */
}

.bannerAppTitle
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-weight: bold;
   font-size: 24px;
   color: #A5C8E8;
}

.bannerUsername
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-weight: bold;
   font-size: 12px;
   color: #FAFCD1;
}

/* 1px thin line between Agile banner and top navigation */
.topBannerLine {
	background-color: #666666;
	font-size: 1px;
}

/*
	topNav styles are used for the Top Navigation Bar
	black background with big bold white text
	example:  Settings  Help Logout
*/
.topNav
{
   background-color: #154097; /* black */
   color: #ffffff; /* white */
   font-size: 12px;
   font-weight: bold;
}

/* ----- top toolbar text -------- */
.topToolBar
{
   background-color: #154097; /* black */
   color: #fafad2;
   font-size: 7pt;
   text-decoration: none;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
}

A.topToolBar  
{
	color: #fafad2; 
	font-size: 7pt; 
	text-decoration: none; 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
}

A.topToolBar:active 
{
	text-decoration: underline; 
}

A.topToolBar:hover  
{
	text-decoration: underline; 
}

.topNavDisabled
{
   background-color: #154097;
   color: #a0a0a0;
   font-size: 12px;
   font-weight: bold;
}

/* ---------------------- Top Navigation Styles (end) ---------------------- */


/* --------------------------- Hide/Show Left Pane ------------------------- */

.paneBorder
{
   background-color: #666666; /* #63639c */
}

/* ------------------------ Hide/Show Left Pane (end) ---------------------- */



/* ------------------------------ Left Side -------------------------------- */
/* Left Search dialog */

TABLE.leftDialog
{
   background-color: #ffffff;
   vertical-align: top;
   font-size: 8px;
   border: #154097 3px;
}

/* Left header i.e. "Search"  (wanted to use a smaller font) */
.leftHeader 
{
   background-color: #7398DD;
   color: #ffffff;
   font-weight: bold;
   font-size: 11px;
   vertical-align: top;
}

TD.leftControllerSelected
{
   background: #7398DD;
}

TD.leftControllerUnselected
{
   background: #154097;
}

/* ---------------------------- Left Side (end) ---------------------------- */


/* ------------------------------- Anchor Tag ------------------------------ */

/* tiny text under icon which describes what the icon is for */

A.icondescription		
{
	color: white; 
	font-size: 11px; 
	text-decoration: none; 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF; 
}

A.icondescription:active	
{
	color: white; 
	text-decoration: underline;
}

A.icondescription:hover		
{
	color: white; 
	text-decoration: underline;
}

/* used in TH for sortable column headers */
A.sortableHeading		  
{
	color: #ffffff; 
	font-size: 11px; 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF; 
	font-weight: bold; 
	text-decoration: none; 
}

A.sortableHeading:active  
{
	text-decoration: underline; 
}

A.sortableHeading:hover	  
{
	text-decoration: underline; 
}

/* ----------------------------- Anchor Tag (end) -------------------------- */


/* --------------------------- Object Title Styles ------------------------- */
/*
	Big gray title at the top of the content pane
*/
TABLE.titleObjectTable
{
   margin: 0px 0px 0px 0px;
   padding: 3px;
   width: 100%;
   height: 23px;
   border: 0px;
}

TR.titleObjectRow
{
   height: 20px;
}

.titleObjectText
{
   height: 18px;
   color: #333333;
   font-size: 18px;
   font-style: normal;
   font-weight: bold;
   vertical-align: middle;
   text-decoration: none;
   text-align: left;
}

.titleObjectSmallText
{
   height: 18px;
   color: #333333;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   vertical-align: middle;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration: none;
   text-align: left;
}

/* ------------------------ Object Title Styles (end) ---------------------- */


/* ----------------------- Information Object Styles ----------------------- */
TABLE.infoObjectTable
{
   border: 0px;
}

.infoObjectText
{
   background-color: #f0f0f0; /* light shade of gray */
   color: #333333;
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   vertical-align: top;
   text-decoration: none;
   text-align: left;
}

/* -------------------- Information Object Styles (end) -------------------- */


/* -------------------------- Error Object Styles -------------------------- */
TABLE.errorObjectTable
{
   border: 0;
}

.errorObjectText
{
   background-color: #eeeeee; /* light shade of gray */
   color: #ff0000; /* red */
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   vertical-align: middle;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration: none;
   text-align: left;
}

/* ----------------------- Error Object Styles (end) ----------------------- */


/* -------------------------- Menu Bar Styles ----------------------------- */
/* menuBar... are for the menu bar with a buton look on mouseover */
.menuBarOff
{
   color: #003399;
   height: 18px;
   cursor: pointer;
   border-right: #7398DD 2px solid;
   border-bottom: #7398DD 2px solid;
   border-top: #7398DD 1px solid;
   border-left: #7398DD 1px solid;
   background: #ffffff;
   padding-left: 4px;
   padding-right: 4px;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   vertical-align: top;
}

.menuBarUp
{
   color: #003399;
   background-color: #ffffdd;
   height: 18px;
   cursor: hand;
   border-right: #154097 2px solid;
   border-bottom: #154097 2px solid;
   border-top: #154097 1px solid;
   border-left: #154097 1px solid;
   padding-left: 4px;
   padding-right: 4px;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   vertical-align: top;
}

.menuBarDown
{
   color: #003399;
   background-color: #ffffdd;
   height: 18px;
   cursor: hand;
   border-top: #154097 2px solid;
   border-left: #154097 2px solid;
   border-bottom: #154097 1px solid;
   border-right: #154097 1px solid;
   padding-left: 4px;
   padding-right: 4px;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   vertical-align: top;
}

.menuBar
{
   background-color: #ffffff;
   border: 1px;
   padding-bottom: 0px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 0px;
}

.actionMenuBar
{
   background-color: #ffffff; /* #7f7fb3 */
   border: 1px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
}

.menuBarOuter
{
   background-color: #7398DD;
   border: 1px;
   padding-bottom: 0px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 0px;
}

.menuBarDisabled
{
   color: #aaaaaa;
   height: 18px;
   cursor: default;
   border-right: #7398DD 2px solid;
   border-bottom: #7398DD 2px solid;
   border-top: #7398DD 1px solid;
   border-left: #7398DD 1px solid;
   background: #cccccc;
   padding-left: 4px;
   padding-right: 4px;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   vertical-align: top;
}

.actions
{
   color: #666666; /* #ffffff */
   background-color: #d6d6d6;
   cursor: hand;
   border-right: #7398DD 1px solid; /* #7777dd */
   border-bottom: #7398DD 1px solid; /* #7777dd */
   border-top: #7398DD 1px solid; /* #aaaadd */
   border-left: #7398DD 1px solid; /* #aaaadd */
}

.actionsDown
{
   color: #666666; /* #ffffff */
   background-color: #d6d6d6;
   cursor: hand;
   border-right: #000000 1px solid; /* #7777dd */
   border-bottom: #000000 1px solid; /* #7777dd */
   border-top: #f0f0f0 1px solid; /* #aaaadd */
   border-left: #f0f0f0 1px solid; /* #aaaadd */
}

/* ----------------------- Menu Bar Styles (end) -------------------------- */


/* ---------------------------- Button Styles ------------------------------ */
/* input type button styles */
.buttonDefault
{
   border-right: #003366 2px solid;
   border-bottom: #003366 2px solid;
   border-top: #336699 1px solid;
   border-left: #336699 1px solid;
   background: #7398DD;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   color: #ffffff; /* white */
   height: 20px;
   cursor: hand;
   margin-left: .1px;
   margin-top: 0px;
   margin-right: .1px;
   margin-bottom: 0px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 2px;
   padding-right: 2px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
}

.buttonSecondary
{
   border-right: #7777dd 2px solid;
   border-bottom: #7777dd 2px solid;
   border-top: #aaaadd 1px solid;
   border-left: #aaaadd 1px solid;
   background: #9999cc;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration: none;
   color: #ffffff; /* white */
   height: 20px;
   cursor: hand;
   margin-left: .1px;
   margin-top: 0px;
   margin-right: .1px;
   margin-bottom: 0px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 2px;
   padding-right: 2px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
}

.buttonWizard
{
   border-right: #003366 2px solid;
   border-bottom: #003366 2px solid;
   border-top: #336699 1px solid;
   border-left: #336699 1px solid;
   background: #7398DD;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   color: #ffffff; /* white */
   height: 20px;
   cursor: hand;
   margin-left: .1px;
   margin-top: 0px;
   margin-right: .1px;
   margin-bottom: 0px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 2px;
   padding-right: 2px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
}

.buttonWizardOver
{
   color:#33ffcc;
   border-right: #003366 2px solid;
   border-bottom: #003366 2px solid;
   border-top: #336699 1px solid;
   border-left: #336699 1px solid;
   background: #7398DD;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   height: 20px;
   cursor: hand;
   margin-left: .1px;
   margin-top: 0px;
   margin-right: .1px;
   margin-bottom: 0px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 2px;
   padding-right: 2px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
}

/* disabled input type buttons */
.buttonDisabled
{
   border-top: 1px solid Silver;
   border-right: #708090 2px solid;
   border-left: 1px solid Silver;
   border-bottom: 2px solid #708090;
   background: #cccccc;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration: none;
   color: #000000;
   height: 20px;
   margin-left: .1px;
   margin-top: 0px;
   margin-right: .1px;
   margin-bottom: 0px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 2px;
   padding-right: 2px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
}

/* button for entry form pages, e.g., Wizard_ResponseForm.jsp */
.buttonUpdateRecords
{
   border-right: #333333 2px solid;
   border-bottom: #333333 2px solid;
   border-top: #999999 1px solid;
   border-left: #999999 1px solid;
   background: #ffffff;
   font-size: 11px;
   font-weight: bold;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration: none;
   color: #333333; /* white */
   height: 20px;
   cursor: hand;
   margin-left: .1px;
   margin-top: 0px;
   margin-right: .1px;
   margin-bottom: 0px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 2px;
   padding-right: 2px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
}

/* -------------------------- Button Styles (end) -------------------------- */


/* ----------------------------- Agile tabs --------------------------------*/
/* text and coloring for selected and unselected tabs */
TD.tabSelected
{
   background: #7398DD;  /* Aidan's light tab color #9393cc */
}

.tabText          
{ 
	color: #ffffff; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: none; 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF; 
}

A.tabText:hover   
{ 
	text-decoration: underline; 
}

A.tabSelectedText:link    
{ 
	color: #ffffff; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: none; 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF; 
}

A.tabSelectedText:hover   
{ 
	text-decoration: underline; 
}

TD.tabUnselected
{
   background: #154097;  /* Aidan's dark tab color #63639c */
}

.tabUnselectedText
{
   color: #ffffff;
   font-size: 9px;
   font-weight: normal;
   text-decoration: none;
}

A.tabUnselectedText:link 
{ 
	color: #ffffff; /* white */ 
	font-size: 11px; 
	font-weight: normal; 
	text-decoration: none; 
}
A.tabUnselectedText:hover 
{ 
	text-decoration: underline; 
}

.tabUnderline
{
   background-color: #7398DD;
   font-size: 1px;
}

.tabBackground		/* used to make tab background white when default background color is other than white */
{
   background-color: #FFFFFF;
}
/* --------------------------- Agile tabs (end) ----------------------------*/


/* ------------------------------ Tab Content ------------------------------*/
TABLE.tabContents
{
   border: 0px;
   border-left: 12px;
   border-right: 12px;
   vertical-align: center;
   width: 100%;
   font-size: 9px;
   border-left: solid #7398DD 3px;
   border-right: solid #7398DD 1px;
   border-bottom: solid #7398DD 2px;
}

#divContents
{
   width: 100%;
   font-size: 9px;
   border-left: solid #7398DD 3px;
   border-right: solid #7398DD 1px;
   border-bottom: solid #7398DD 2px;
}

.titleTabSmallText
{
   height: 18px;
   color: #666666; /* selected tab color */
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   vertical-align: middle;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration: none;
   text-align: left;
}
/* --------------------------- Tab Content (end) ---------------------------*/

/* ----------------------- Status Stamp Text (begin) -----------------------*/

.stampText
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size : 22px;
   font-weight : bold;
}

/* ------------------------ Status Stamp Text (end) ------------------------*/

/* ---------------------- Entry Form Title Text (begin) ---------------------*/
.entryFormCount
{
   font-size : 11px;
   color : #ffffff;
   font-weight: bold;
   padding : 0px 0px 0px 0px;
}

.entryFormItem
{
   font-size : 11px;
   color : #ffffff;
   font-weight: bold;
   padding : 0px 0px 0px 0px;
}

/* ---------------------- Entry Form Title Text (end) ----------------------*/


/*---------------------------------- new homepage styles (begin) --------------------------------------*/
.light2 
{
  top:-2;
  left:-2;
  color:#7398DD;
  font : bold;
  cursor : hand;
  border : none;
  z-index: 1;
  position:absolute;
}

.shade2 
{
  top:0;
  left:0;
  color:#ffffff;
  font : bold;
  cursor : hand;
  border : none;
  z-index: 1;
  position:absolute;
}

.shade2on 
{
  top:0;
  left:0;
  color:#ffff00;
  font : bold;
  cursor : hand;
  border : none;
  z-index: 1;
  position:absolute;
}

.fill2 
{
  top:+2;
  left:+2;
  color:#154097;
  font : bold;
  cursor : hand;
  border : none;
  z-index: 1;
  position:absolute;
}

.ToolTip
{
  position: absolute;
  border: thin groove #333399;
  color:#191970; /* text color */
  background-color: #FFFFCC;
  padding: 4px 4px 4px 4px;
  font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
  font-size: 9pt;
  width: 200;
  text-align: left;
  z-index: 100;
}

/*---------------------------------- new homepage styles (end) --------------------------------------*/


/* ---------------------------- Displaying Data --------------------------- */
TH
{
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-weight: bold;
   text-overflow : ellipsis;

}

/* for displaying form data labels */
.label
{
   font-weight: normal;
   font-size: 11px;
   color: #666666;
   text-align : right;
   vertical-align: top;
}

.labelFloat
{
   font-weight: normal;
   font-size: 11px;
   color: #666666;
   text-align : right;
}

.labelLeft
{
   font-weight: normal;
   font-size: 11px;
   color: #666666;
   text-align : left;
   vertical-align: top;
}

.defaultData		/* Default text style for displaying data values (used in name/value data lists) */
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11px;
   color: #333333;
   vertical-align: top;
}

/* row spacing for displaying data */
.displayData
{
   height: 10px;
   vertical-align: top;
}

/* data table display styles -- dataLight, dataDark, and dataGroup -- use in TD or TR */
.dataLight
{
   font-size: 11px;
   background-color: #f0f0f0;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

.dataDark
{
   font-size: 11px;
   background-color: #e6e6e6;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

.dataGroup
{
   font-size: 11px;
   background-color: #fffff0;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

.tableDivider
{
   background-color: #999999;
   width: 1px;
   padding-left: 0px;
   padding-right: 0px;
}
.dataWhite
{
	font-size: 11px;
	background-color: #ffffff;
	vertical-align: middle;
	height : 22px;
	text-overflow : ellipsis;
	padding-left: 2px;
	padding-right: 2px;
}

/** Styles for the Scroll table **/
.scrollDataLight
{
	font-size: 11px;
	background-color: #f0f0f0;
	vertical-align: middle;
	text-overflow : ellipsis;
	padding-left: 2px;
	padding-right: 2px;
}

.scrollDataDark
{
   font-size: 11px;
   background-color: #e6e6e6;
   vertical-align: middle;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

.scrollDataGroup
{
   font-size: 11px;
   background-color: #fffff0;
   vertical-align: middle;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}


/* highlight row as on BOM in H1 */
.highlighted
{
   vertical-align: top;
   background: #ffffcc; /* yellow */
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   color: #000000; /* black */
   cursor: hand;
}

.dataHighlighted
{
   background: #ffffcc; /* yellow */ 
}

/* highlight row in edit mode as on BOM in H1 */
.highlightEditRow
{
   background: #ffffcc; /* yellow */
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   color: #000000; /* black */
   height: 19px;
   cursor: hand;
   margin-left: .0px;
   margin-top: .0px;
   margin-right: .0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
}

/* ------------------------- Displaying Data (end) ------------------------ */


/* ----------------------- Displaying Editable Data ----------------------- */
/* for displaying editable form data labels */
.selectWrapper 
{
  overflow:scroll;
  height:342;
  width:250;
  border: 1px solid gray;
}

.selectWrapperHide 
{
  overflow:hidden;
  height:342;
  width:250;
}

.labelEdit
{
   font-weight: normal;
   font-size: 11px;
   color: #666666;
   text-align : right;
   vertical-align: top;
}

.labelEditReq
{
   font-weight: bold;
   font-size: 11px;
   color: #666666;
   text-align : right;
   vertical-align: top;
}

.labelEditLeft
{
   font-weight: normal;
   font-size: 11px;
   color: #666666;
   text-align : left;
   vertical-align: top;
   padding-top : 6px;
}

.labelEditReqLeft
{
   font-weight: bold;
   font-size: 11px;
   color: #666666;
   text-align : left;
   vertical-align: top;
   padding-top : 6px;
}

/* row spacing for editable form data */
.displayDataEdit
{
   height: 12px;
	vertical-align: top;
}

/* used for text inputs, select boxes, and text areas */
.formElm
{
   background-color: #ffffff;
   color: #000033;
   border-right: 1px solid #d3d3d3;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-bottom: 1px solid #d3d3d3;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   /*height: 19px;*/ /* removed height because using formElm messes up large select boxes */
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
}

.formElmWide
{
   background-color: #ffffff;
   color: #000033;
   width: 280px;
   border-right: 1px solid #d3d3d3;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-bottom: 1px solid #d3d3d3;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
}

.formElmMedium
{
   background-color: #ffffff;
   color: #000033;
   width: 200px;
   border-right: 1px solid #d3d3d3;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-bottom: 1px solid #d3d3d3;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
}

.formElmNarrow
{
   background-color: #ffffff;
   color: #000033;
   width: 120px;
   border-right: 1px solid #d3d3d3;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-bottom: 1px solid #d3d3d3;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
}

/* for dual selects ISSUE - no overflow style for select boxes!!! */
.formElmDualSelect
{
   background-color: #ffffff;
   color: #000033;
   width: 125px;
   border-right: 1px solid #bbbbbb;
   border-top: 2px outset #d3d3d3;
   border-left: 2px outset #ccccff;
   border-bottom: 1px solid #808080;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
}

/* used for disabled text inputs, select boxes, and text areas */
.formElmDisabled
{
   background-color: #eeeeee;
   color: #999999;
   cursor: default;
   border-right: 1px solid #d3d3d3;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-bottom: 1px solid #d3d3d3;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
}

.formElmDisabledWide
{
   background-color: #eeeeee;
   color: #999999;
   cursor: default;
   width: 280px;
   border-right: 1px solid #d3d3d3;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-bottom: 1px solid #d3d3d3;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
}

.formElmDisabledMedium
{
   background-color: #eeeeee;
   color: #999999;
   cursor: default;
   width: 200px;
   border-right: 1px solid #d3d3d3;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-bottom: 1px solid #d3d3d3;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
}

.formElmDisabledNarrow
{
   background-color: #eeeeee;
   color: #999999;
   cursor: default;
   width: 120px;
   border-right: 1px solid #d3d3d3;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-bottom: 1px solid #d3d3d3;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
}

/* -------------------- Displaying Editable Data (end) -------------------- */


/* --------------------------- Object Links ------------------------------- */
/* stylizes links from tables */

.objStyle
{
   font-weight: bold;
   color: #003399;
}

/* ------------------------ Object Links (end) ---------------------------- */


/* ----------------------- Functionality Links ---------------------------- */
/* stylizes links from left pane */

A.funcLinks:link 
{ 
	text-decoration: none; 
	font-weight: bold; 
	background-color: transparent; 
	color: #003399; 
}

A.funcLinks:hover 
{ 
	text-decoration: underline; 
}

A.breadCrumbLink:link 
{ 
	text-decoration: none; 
	font-weight: bold; 
	background-color: transparent; 
	color: #003399; 
}

A.breadCrumbLink:hover 
{ 
	text-decoration: underline; 
}

A.dataRedNormalLink:link 
{ 
	text-decoration: none; 
	font-weight: normal; 
	background-color: transparent; 
	color: #ff0000; 
}

A.dataRedNormalLink:hover 
{ 
	text-decoration: underline; 
}

A.dataRedLink:link 
{ 
	text-decoration: none; 
	font-weight: bold; 
	background-color: transparent; 
	color: #ff0000; 
}
A.dataRedLink:hover 
{ 
	text-decoration: underline; 
}

A.dataRedLineLink:link 
{ 
	text-decoration: line-through; 
	font-weight: bold; 
	background-color: transparent; 
	color: #ff0000; 
}

A.dataRedLineLink:visited 
{ 
	text-decoration: line-through; 
}

A.dataRedLineLink:active,
A.dataRedLineLink:hover 
{ 
	text-decoration: underline;  
}

/* --------------------- Functionality Links (end) ------------------------ */


/* ----------------------- Table Title in Tabs ---------------------------- */
TABLE.titleTabTable
{
   border: 0px;
   height: 23px;
}

TABLE.headingTable
{
   border: 0px;
   height: 23px;
}

TR.titleTabRow
{
   height: 20px;
}

TR.headingRow
{
   height: 20px;
   background-color: #f0f0f0;
}

TR.subheadingRow
{
   height: 20px;
}

.titleTabText
{
   height: 18px;
   color: #333333;
   font-size: 18px;
   font-style: normal;
   font-weight: bold;
   vertical-align: middle;
   text-decoration: none;
   text-align: left;
/*  border-left: #7f7fb3 1px solid; */
/*  border-top: #7f7fb3 2px solid;*/
}

.headingText
{
   height: 18px;
   color: #333333;
   font-size: 18px;
   font-style: normal;
   font-weight: bold;
   vertical-align: middle;
   text-decoration: none;
   text-align: left;
/*  border-left: #7f7fb3 1px solid; */
/*  border-top: #7f7fb3 2px solid;*/
}

.subheadingText
{
   height: 16px;
   color: #333333;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   vertical-align: middle;
   text-decoration: none;
   text-align: left;
/*  border-left: #7f7fb3 1px solid; */
/*  border-top: #7f7fb3 2px solid;*/
}

/* -------------------- Table Title in Tabs (end) ------------------------- */


/* --------------------------- Wizard Styles ------------------------------ */
BODY.wizard
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11px;
   color: #191970;
   background-color: #ffffff; /* white */
   margin-left: 20px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

TABLE.titleWizardTable
{
   border: 0px;
   height: 23px;
}

TABLE.wizardContents
{
   border: 0px;
   height: 23px;
   width: 100%;
}

TR.titleWizardRow
{
   height: 20px;
}

.titleWizardText
{
   height: 18px;
   color: #333333;
   font-size: 18px;
   font-style: normal;
   font-weight: bold;
   vertical-align: middle;
   text-decoration: none;
   text-align: left;
  /* border-left: #666699 1px solid; */
  /* border-top: #666699 2px solid; */
}

.wizardButtonIsland
{
   /*background-color: #666699;*/
   border: 1px;
}

.wizardTitleText
{
   font-size: 16px;
   color: #333333;
   font-style: normal;
   font-weight: bold;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
}

.titleText
{
   font-size: 16px;
   color: #333333;
   font-style: normal;
   font-weight: bold;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
}

.wizardLine
{
   background-color: #666699;
   font-size: 2px;
}

/* ------------------------ Wizard Styles (end) --------------------------- */

/* ------------------------ Wizard Left Navigation Styles --------------------------- */

BODY.leftNav
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11px;
   color: #ffffff;
   background-color: #9999cc;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

.currentStep            
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #333366; 
	text-decoration: none; 
	padding : 4px; 
	background-color: #ffff99; 
	border : 2px solid; 
	border-color: #dddd77 #666600 #666600 #dddd77;
}

.activeStep             
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #333366; 
	text-decoration: none; 
	padding : 4px; 
	background-color: #ccccff; 
	border : 2px solid; 
	border-color: #bbbbee #222255 #222255 #bbbbee;
}

.activeStepMouseOver    
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #222255; 
	text-decoration: none; 
	padding : 4px; 
	background-color: #e3e3ff;
	border : 2px solid; 
	border-color: #bbbbee #222255 #222255 #bbbbee; 
	cursor: hand; 
}

.inactiveStep           
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #999999; 
	text-decoration: none; 
	padding : 4px; 
	border : 2px solid; 
	border-color: #e6e6e6 #767676 #767676 #e6e6e6 
}

.nextStep               
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #333366; 
	text-decoration: none; 
	padding : 4px; 
	background-color: #ffffff; 
	border : 2px solid; 
	border-color: #ddddf6 #000066 #000066 #ddddf6;
}

.nextStepMouseOver      
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #0000cc; 
	text-decoration: none; 
	padding : 4px; 
	background-color: #ffffff; 
	border : 2px solid; 
	border-color: #eeeeff #000099 #000099 #eeeeff; 
	cursor: hand; 
}

.currentSubStep            
{ 
	text-align : center; 
	font-size: 11px; 
	font-weight: normal; 
	color: #333366; 
	text-decoration: none; 
	padding : 4px; 
	background-color: #ffff99; 
	border : 2px solid; 
	border-color: #dddd77 #666600 #666600 #dddd77;
}

.activeSubStep             
{ 
	text-align : center; 
	font-size: 11px; 
	font-weight: normal; 
	color: #333366; 
	text-decoration: none; 
	padding : 4px; 
	background-color: #ccccff; 
	border : 2px solid; 
	border-color: #bbbbee #222255 #222255 #bbbbee;
}

.activeSubStepMouseOver    
{ 
	text-align : center; 
	font-size: 11px; 
	font-weight: normal; 
	color: #222255; 
	text-decoration: none; 
	padding : 4px; 
	background-color: #e3e3ff; 
	border : 2px solid; 
	border-color: #bbbbee #222255 #222255 #bbbbee; 
	cursor: hand; 
}

.inactiveSubStep           
{ 
	text-align : center; 
	font-size: 11px; 
	font-weight: normal; 
	color: #999999; 
	text-decoration: none; 
	padding : 4px; 
	border : 2px solid; 
	border-color: #e6e6e6 #767676 #767676 #e6e6e6 
}

.nextSubStep               
{ 
	text-align : center; 
	font-size: 11px; 
	font-weight: normal; 
	color: #333366; 
	text-decoration: none; 
	padding : 4px; 
	background-color: #ffffff; 
	border : 2px solid; 
	border-color: #ddddf6 #000066 #000066 #ddddf6;
}

.nextSubStepMouseOver      
{ 
	text-align : center; 
	font-size: 11px; 
	font-weight: normal; 
	color: #0000cc; 
	text-decoration: none; 
	padding : 4px; 
	background-color: #ffffff; 
	border : 2px solid; 
	border-color: #eeeeff #000099 #000099 #eeeeff; 
	cursor: hand; 
}

.navButtons             
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #999999; 
	text-decoration: none; 
	padding : 0px; 
	background-color: #e6e6e6; 
	border : 2px solid; 
	border-color: #e6e6e6 #767676 #767676 #e6e6e6; 
	height: 16px; 
}

/* ------------------------ Wizard Left Navigation Styles (end) --------------------------- */

/* ------------------------- Pagination Styles ---------------------------- */
/* label text for "total number of items" etc */
.paginationLabel
{
   font-weight: normal;
   font-size: 11px;
   color: #333333;
   text-align: left;
}

/* decorative corner to attach buttons to checkbox column in table */
TD.rightEdge
{
   border-left: solid #7398DD 2px;
   border-top: solid #7398DD 1px;
}

TD.pipe
{
   border-left: solid #7398DD 2px;
}

.dash
{
   font-size: 12px;
   color: #7398DD;
   font-weight: bold;
}

/* used for drop down list of page numbers or other form elements on the pagination row */
.paginationFormElement
{
   font-weight: normal;
   font-size: 11px;
   color: #191970;
   vertical-align : middle;
}

.filter		/* used to house form elements for filtering displayed results (located in pagination row) */
{
   border-right: #403931 1px solid;
   border-bottom: #403931 1px solid;
   border-top: #FFFFFF 1px solid;
   border-left: #FFFFFF 1px solid;
   font-size: 9px;
   color: #191970;
}

/* ---------------------- Pagination Styles (end) ------------------------- */


/* ---------------------- Workflow Diagram styles ------------------------- */
/*
	Workflow diagram information:
	State boxes are 100px x 50px (including a border of 2px)
	Horizontal spaces between state boxes are 25px
	Vertical spaces between state boxes are 25px

	These can be changed but you must keep the ratios the same:
	State boxes: 4 x 2 (including the border - or there will be unwanted space)
	Horizontal spaces: 1
	Vertical spaces: 1

	To change State box sizes change the height and width of the following:
	TD.completeState
	TD.incompleteState
	TD.currentState
	TD.horizStatusLink
	TD.vertStatusLink
	TD.workflowTallBlank
	TD.workflowShortBlank
*/

Table.workflowDiagram 
{ 
   /* change yellow to 1px for debugging */
   border-top: #ffff00 0px solid;
   border-left: #ffff00 0px solid;
   border-right: #ffff00 0px solid;
   border-bottom: #ffff00 0px solid;
}

TD.completeState 
{
   border-top: #008000 2px solid;
   border-left: #008000 2px solid;
   border-right: #008000 2px solid;
   border-bottom: #008000 2px solid;
   font-weight : normal;
   width: 96px;
   height: 46px;
   text-align: center;
   vertical-align: middle;
}

TD.incompleteState 
{
   border-top: #bbbbbb 2px solid;
   border-left: #bbbbbb 2px solid;
   border-right: #bbbbbb 2px solid;
   border-bottom: #bbbbbb 2px solid;
   font-weight : normal;
   width: 96px;
   height: 46px;
   text-align: center;
   vertical-align: middle;
}

TD.currentState 
{
   border-top: #ffa500 2px solid;
   border-left: #ffa500 2px solid;
   border-right: #ffa500 2px solid;
   border-bottom: #ffa500 2px solid;
   background-color: #ffa500;
   font-weight: bold;
   width: 96px;
   height: 46px;
   text-align: center;
   vertical-align: middle;
}

TD.horizStatusLink 
{ 
  /* change yellow to 1px for debugging */
   border-top: #ffff00 0px solid;
   border-left: #ffff00 0px solid;
   border-right: #ffff00 0px solid;
   border-bottom: solid #000000 1px;
   height: 25px;
   width: 25px;
}

TD.workflowArrow 
{
  vertical-align: middle;
}

TD.vertStatusLink 
{ 
   /* change yellow to 1px for debugging */
   border-top: #ffff00 0px solid;
   border-left: #ffff00 0px solid;
   border-bottom: #ffff00 0px solid;
   border-right: solid #000000 1px;
   width: 50px;
   height: 25px;
}

TD.workflowTallBlank 
{ 
   /* change yellow to 1px for debugging */
   border-top: #ffff00 0px solid;
   border-left: #ffff00 0px solid;
   border-right: #ffff00 0px solid;
   border-bottom: #ffff00 0px solid;
   height: 50px;
}

TD.workflowShortBlank 
{ 
   /* change yellow to 1px for debugging */
   border-top: #ffff00 0px solid;
   border-left: #ffff00 0px solid;
   border-right: #ffff00 0px solid;
   border-bottom: #ffff00 0px solid;
   height: 25px;
}

/* ------------------- Workflow Diagram styles (end) ---------------------- */

/* ------------------- Menu Styles (begin) ---------------------- */
.menuText 
{
   font-weight: normal;
   font-size: 11px;
   font-style: bold;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   color: #333;
}

.menuTextDisabled 
{
   font-weight: normal;
   font-size: 11px;
   font-style: bold;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   color: #d6d6d6;
}
/* ------------------- Menu Styles (end) ---------------------- */

/* ------------------------ Styles for home page ---------------------------- */

/* stylizes main links for Home Page */
A.homePageLinks:link 
{ 
	text-decoration: none; 
	font-weight: normal; 
	background-color: transparent; 
	color: #003399; 
	font-size : 18px; 
	font-family : Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF; 
	font-style : italic;
}

A.homePageLinks:hover 
{ 
	text-decoration: underline; 
}

.userHomeHeader 
{
   font-style : italic;
   font-weight: bold;
   font-size: 28px;
   color: #666666;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-align : center;
}

.userHomeHeaderSmall 
{
   font-style : italic;
   font-weight: bold;
   font-size: 14px;
   color: #666666;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-align : center;
}

.userHomeText
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11;
   color: #333333;
}

/* ---------------------- Styles for home page (end) ----------------------- */

/* style used in Display table, should be identical to TH in agile.css */
.dataHeader 
{
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   background-color: #7398DD;
   font-weight: bold;
   color: #ffffff;
   vertical-align: middle;
   text-align: center;
   text-overflow : ellipsis;
}

/* style used to highlight the current price scenario or on Relationships tab to highlight Event and Result */
.dataHeaderCurrent 
{
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   background-color: #154097;
   font-weight: bold;
   color: #ffffff;
   vertical-align: middle;
   text-align: center;
   text-overflow : ellipsis;
}


/* debug information anchor tag link styles */
A.lightURL:link 
{ 
	color: #bbbbbb; 
	text-decoration: underline;
	font-size: 11px; 
}

A.lightURL:visited,
A.lightURL:hover  
{ 
	color: #7FFF00; 
	text-decoration: underline;
}

A.dataHeaderURL:link 
{ 
	color: #ffffff; 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	text-decoration: underline; 
	vertical-align: middle; 
	text-align: center; 
}

A.dataHeaderURL:visited,
A.dataHeaderURL:hover
{ 
	text-decoration: underline; 
}

.lightText
{
   color: #bbbbbb;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size : 11px;
}


TD.dataSuperHeader
{
   background-color: #505083;
   color: #ffffff;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   vertical-alight: middle;
   text-decoration: none;
}

TD.titleText
{
   background-color: #7398DD;
   height: 20px;
   color: #ffffff;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   vertical-align: middle;
   text-decoration: none;
 /*  text-align: left; */
}

TD.titleTop
{
   background-color: #7398DD;
   height: 20px;
}

TD.tabLine
{
   background: #7398DD;  /* Aidan's light tab color #9393cc */
   font-size: 5px;
}

TR.subtitleTop		/* Used to create subtitle bar */
{
    background-color: #D0C9C1;
    height: 20;
}

TD.subtitleText		/* text for subtitle bar - used with subtitleTop */
{
    color: #100705;
	font-weight: bold;
}

.dataDisabledDark
{
   font-size: 11px;
   color: #CCCCCC; /* black */
   background-color: #e6e6e6;
   vertical-align: middle;
}

.dataDisabledLight
{
   font-size: 11px;
   color: #CCCCCC; /* black */
   background-color: #f0f0f0;
   vertical-align: middle;
}

.dataNoRedlineDark
{
   font-size: 11px;
   color: #000000; /* black */
   background-color: #e6e6e6;
   vertical-align: middle;
}
.dataNoRedlineLight
{
   font-size: 11px;
   color: #000000; /* black */
   background-color: #f0f0f0;
   vertical-align: middle;
}

.dataRedDark
{
   font-size: 11px;
   color: #ff0000; /* black */
   background-color: #e6e6e6;
   vertical-align: middle;
}
.dataRedLight
{
   font-size: 11px;
   color: #ff0000; /* black */
   background-color: #f0f0f0;
   vertical-align: middle;
}

/*  display redlined items in red with strikethrough */
.dataRedlineDark
{
   font-size: 11px;
   color: #ff0000; /* red */
   text-decoration: line-through;
   background-color: #e6e6e6;
   vertical-align: middle;
}
.dataRedlineLight
{
   font-size: 11px;
   color: #ff0000; /* red */
   text-decoration: line-through;
   background-color: #f0f0f0;
   vertical-align: middle;
}

/* begin hard-coded highlighting colors for sites */

/* BlueDark */
.dataBGColor1
{
   font-size: 11px;
   background-color: #E4ECFF;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* BlueLight */
.dataBGColor2
{
   font-size: 11px;
   background-color: #F1F5FF;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* BrownDark */
.dataBGColor3
{
   font-size: 11px;
   background-color: #F0DED8;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* BrownLight */
.dataBGColor4
{
   font-size: 11px;
   background-color: #F5E3DD;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* CyanDark */
.dataBGColor5
{
   font-size: 11px;
   background-color: #D8F4FE;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* CyanLight */
.dataBGColor6
{
   font-size: 11px;
   background-color: #E3F8FF;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* GreenDark */
.dataBGColor7
{
   font-size: 11px;
   background-color: #E2FAEB;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* GreenLight */
.dataBGColor8
{
   font-size: 11px;
   background-color: #F1FFF5;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* OrangeDark */
.dataBGColor9
{
   font-size: 11px;
   background-color: #FFE8D3;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* OrangeLight */
.dataBGColor10
{
   font-size: 11px;
   background-color: #FFEFDA;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* PinkDark */
.dataBGColor11
{
   font-size: 11px;
   background-color: #FCE2F3;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* PinkLight */
.dataBGColor12
{
   font-size: 11px;
   background-color: #FAE6F9;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* PurpleDark */
.dataBGColor13
{
   font-size: 11px;
   background-color: #F1EAFC;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* PurpleLight */
.dataBGColor14
{
   font-size: 11px;
   background-color: #F7F3FF;
   vertical-align: middle;
   height : 22px;
   text-overflow : ellipsis;
   padding-left: 2px;
   padding-right: 2px;
}

/* end hard-coded highlighting colord for sites */


.filterLabel
{
   font-weight: normal;
   font-size: 11px;
   color: #191970;
   text-align: right;
}


.selectorButtonHover  
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #333366; 
	text-decoration: none; 
	background-color: #d6d6d6; 
	border : 1px solid; 
	border-color: #ffffff #000000 #000000 #ffffff; 
	cursor:hand; 
	height:15px;
}

.selectorButton  
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #333366; 
	text-decoration: none; 
	background-color: #d6d6d6; 
	border : 1px solid; 
	border-color: #ffffff #999999 #999999 #ffffff; 
	cursor:hand; 
	height:15px;
}

.selectorButtonClick  
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #333366; 
	text-decoration: none; 
	background-color: #d6d6d6; 
	border : 1px solid; 
	border-color: #000000 #ffffff #ffffff #000000; 
	cursor:hand; 
	height:15px;
}

.selectorButtonInactive 
{ 
	text-align : center; 
	font-size: 12px; 
	font-weight: bold; 
	color: #a6a6a6; 
	text-decoration: none; 
	background-color: #d6d6d6; 
	border : 1px solid; 
	border-color: #ffffff #999999 #999999 #ffffff; 
	cursor:default; 
	height:15px;
}

A.error,
A.error:active,
A.error:link,
A.error:visited,
A.error:hover 
{ 
	font-size: 11px; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	background-color: #ffff66;
}

A.node,
A.node:active,
A.node:link,
A.node:visited,
A.node:hover 
{ 
	font-size: 11px; 
	font-weight: normal; 
	color: #0000cc; 
	text-decoration: none; 
}

A.mapping,
A.mapping:active,
A.mapping:link,
A.mapping:visited,
A.mapping:hover 
{ 
	font-size: 11px; 
	font-weight: normal; 
	color: #660000; 
	text-decoration: none; 
}

.leftPaneDivs 
{
	width:100%; 
	height:100%; 
	overflow:auto;
}

/* ---------------- Begin Calendar Control Styles ---------------- */

#spiffycalendar 
{
	width: 185px;
	height:130px;
	left: 0px;
	top: 0px;
	background-color: black;
	position: absolute;
	visibility: hidden;
	z-index: 1000;
}

.cal-TextBox
{     
  /* derived from formElm */
   background-color: #ffffff;
   color: #000033;
   border-right: 1px solid #d3d3d3;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-bottom: 1px solid #d3d3d3;
   font-size: 11px;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
}

.cal-TextBoxInvalid
{     
   /* derived from formElm */
   background-color: #ffffff;
   color: #ff0000;
   border-right: 1px solid #d3d3d3;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-bottom: 1px solid #d3d3d3;
   font-size: 11px;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
}

.cal-TextBoxDisabled
{
    color: #808080;
    font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
    font-size: 8pt;
    font-weight: normal;
	border-color: silver;
	border-style:solid;
    /*  background-color: #C0C0C0;*/
}

.cal-ComboBox
{
    color: Navy;
    font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
    font-size: 8pt;
    font-weight: normal;
    background-color: #FFFFFF;
}

.cal-Today
{
    font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: red;
    background-color: transparent;
}

.cal-SelectedDay 
{      
    /* Added by Aidan Curran to mark selected day*/
    font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: black;
    background-color: transparent;
}

.cal-Day 
{
    font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    color: black;
    background-color: transparent;
}

a.cal-DayLink,
a.cal-DayLink:link,
a.cal-DayLink:visited
{ 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	font-size: 8pt; 
	font-weight: normal; 
	text-decoration: none; 
	color: black; 
	background-color: transparent; 
	cursor: hand;
}

a.cal-DayLink:hover  
{ 
	font-weight: bold; 
}

a.cal-DayLink:active 
{ 
	font-weight: normal; 
	color: #0066FF;
}

a.cal-TodayLink,
a.cal-TodayLink:link,
a.cal-TodayLink:visited
{ 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration: none; 
	color: black; 
	background-color: transparent;
	border : 1px solid #EE3333;
}

a.cal-TodayLink:hover   
{
	color: Blue;
}

a.cal-TodayLink:active  
{ 
	color: #0066FF;
}

a.cal-SelectedDayLink,
a.cal-SelectedDayLink:link,
a.cal-SelectedDayLink:visited
{ 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration: none; 
	color: black; 
	background-color: transparent;
} 

a.cal-SelectedDayLink:hover  
{ 
	color: Blue;
}  

a.cal-SelectedDayLink:active  
{ 
	color: #0066FF;
}  

a.cal-ScrollArrows,
a.cal-ScrollArrows:link,
a.cal-ScrollArrows:visited,
a.cal-ScrollArrows:hover,
a.cal-ScrollArrows:active  
{ 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	font-size: 12pt; 
	font-weight: bold; 
	color: #ffff00; 
	text-decoration: none; 
	cursor: hand;
}

.cal-GreyDate 
{
    font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
	background-color: #FFFFCC;
    color: #999999;
}

.cal-GreyInvalidDate 
{
    font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: line-through;
	background-color: #FFFFCC;
    color: #999999;
}

.cal-DayCell 
{
    font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
    font-size: 8pt;
    font-weight: normal;
	background-color:White;
}

.cal-HeadCell 
{
    font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
    font-size: 8pt;
    font-weight: bold;
	color: #ffffff;
	background-color: #7f7fb3;
}

.cal-Table
{
	border-top-color: #505083;
	border-left-color: #505083;
	border-right-color: #505083;
	border-bottom-color:  #505083;
	background-color: #505083;
	border-width:1px;
	border-style: solid;
	cursor: default;
}
/* ---------------- End Calendar Control Styles ---------------- */


/* ----------------------- Left Side Process flow ---------------------------- */

A.processStepLink:link,
A.processStepLink:visited,
A.processStepLink:active,
A.processStepLink:hover 
{ 
	text-decoration: underline; 
	font-weight: bold; 
	background-color: transparent; 
	color: #4a4a7d; 
}

/* stylizes Process Sub-step Links in left pane */
A.processSubstepLink:link,
A.processSubstepLink:visited,
A.processSubstepLink:active,
A.processSubstepLink:hover 
{ 
	text-decoration: underline; 
	font-weight: bold; 
	background-color: 
	transparent; 
	color: #4a4a7d; 
}

TD.processFlowSection 
{
	border : 1px solid #7398DD;
}

.processTitle 
{
	background-color:#ffffff; 
	font-size:13px; 
	font-weight: bold; 
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	color: #797979; 
	padding: 5px
}

/* --------------------- Process Sub-steps (end) ------------------------ */

TD.tabDisabled
{
   background: #aaaaaa;  /* Aidan's light tab color #9393cc */
}

/* highlight row as on Response Changes */
.highlight
{
   background: #ffffcc; /* yellow */
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-weight: normal;
   text-decoration:none;
   color: #000000; /* black */
   height: 19px;
/*  cursor: hand; */
   margin-left: .1px;
   margin-top: .0px;
   margin-right: .1px;
   margin-bottom: 0px;
/*   padding-top: 1px; */
/*   padding-bottom: 1px; */
/*   padding-left: 7px; */
/*   padding-right: 7px; */
}

/* highlight grouping markers (parens) and [brackets] */
.selected
{
   background: #000066; /* navy */
   color: #ffffff; /* white */
   height: 19px;
   margin-left: .1px;
   margin-top: .1px;
   margin-right: .1px;
   margin-bottom: .1px;
}

.contentBoxHeader
{
	background-color: #d3d3d3;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	height: 16;
	text-align : left;
	border : thin;
}

.contentBox
{
	overflow : auto;
	border-left: 2px solid #e6e6e6;
	border-right: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
}

.responseBox
{
	background-color: #7f7fb3;
}

.filterLabel1
{
	font-weight: normal;
	font-size: 8pt;
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	color: #333366;
	text-align : right;
}

.filterValue
{
	font-weight: normal;
	font-size: 8pt;
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	color: #333333;
}

.active-box-item
{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
	height:100%;
	padding:0px 5px;
	border-width:1px;
	border-style:solid;
	border-color:threedlightshadow threedshadow threedshadow threedlightshadow;
	background-color:threedface;
}


/*---------------------------- Toolbar Button (icon button) Styles -----------------------------------*/
.iconButtonOver
{
   color: #0000ff;
   height: 18px;
   border-right: #000000 1px solid;
   border-bottom: #000000 1px solid;
   border-top: #dfdfdf 1px solid;
   border-left: #dfdfdf 1px solid;
   background-color:#fbfbfb;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 1px;
   padding-bottom: 1px;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   vertical-align: top;
   cursor: hand;
   filter:;
}

.icon_Over
{
   color: #0000ff;
}

.icon_Off
{
   color: #000000;
}

.iconButtonOff
{
   color: #000000;
   height: 18px;
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 2px;
   padding-bottom: 2px;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   vertical-align: top;
   cursor: hand;
   filter:;
}

.iconButtonDisabled
{
   height: 18px;
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 1px;
   padding-bottom: 1px;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   vertical-align: top;
   color: gray;
   filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1,opacity=.3);
}

.iconButtonOffWithBorder
{
   border-right: #afafaf 1px solid;
   border-bottom: #afafaf 1px solid;
   border-top: #efefef 1px solid;
   border-left: #efefef 1px solid;
   color: #000000;
   background-color: #f9f9f9;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 1px;
   padding-bottom: 1px;
   height: 18px;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   text-decoration:none;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   vertical-align: top;
   cursor: hand;
   filter:;
}

.iconButtonDisabledWithBorder
{
   height: 18px;
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 1px;
   padding-bottom: 1px;
   font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   vertical-align: top;
   border-right: #dfdfdf 1px solid;
   border-bottom: #dfdfdf 1px solid;
   border-top: #efefef 1px solid;
   border-left: #efefef 1px solid;
   background-color: #fefefe;
   color: gray;
   filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1,opacity=.3);
}

/*------------------------- Toolbar Button (icon button) Styles (end) --------------------------------*/

TABLE.tableBox
{
  padding: 0px;
  border-left: solid #4F6DA8 1px;
  border-right: solid #4F6DA8 1px;
  border-top: solid #4F6DA8 1px;
  border-bottom: solid #4F6DA8 1px;
}

/*-------------------------------------- New table styles --------------------------------------------*/
.tableEditElm 
{
	color: #191949;
	border-right: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	font-size: 11px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 01px;
}

.tableEditTextarea 
{
	color: #191949;
	border-right: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	font-size: 11px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.tableEditSelect 
{
	color: #191949;
	border-right: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	font-size: 11px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.tableHeadingCurrent 
{
	background: #808080;
	font-weight: normal;
	text-decoration: none;
	border-top-color: white;
	border-left-color: white;
	border-right-color: black;
	border-bottom-color: black;
	border-width: 1px;
	border-style: solid;
	height:12px;
	color: #191970;
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
}

.tableHeaderLink
{
	color: #0000cc;
	background: #c0c0c0;
	font-weight: normal;
	text-decoration: none;
	height:12px;
}

.tableHeadingBorder 
{
	border-width: 1px;
	border-style: solid;
	border-top-color: white;
	border-left-color: white;
	border-right-color: black;
	border-bottom-color: black;
}

input.pagination 
{
	width: 30px;
	height: 16px;
	font-size: 11px;
    font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	text-align : center;
	border : 1px solid;
}

select.pagination 
{
	font-size: 9px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	text-align : center;
	border : 0px;
}

td.pagination 
{
	font-size: 11px;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	background: #f0f0f0;
}

.tableRow 
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rowCheckbox 
{
	height:13px;
	width:13px;
}

.mainTableCell 
{
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:3px;
}

TABLE.tableBox
{
	padding: 0px;
	border-left: solid #4F6DA8 1px;
	border-right: solid #4F6DA8 1px;
	border-top: solid #4F6DA8 1px;
	border-bottom: solid #4F6DA8 1px;
}

TABLE.tableHeader
{
	padding-left: 3px;
	padding-right: 3px;
}

.attGroupHeader
{
	background: #f0f0f0;
	color: #7D929D;
	font-size: 12px;
	font-weight: bold;
}

.multiListTitle 
{
	background-color : #999999;
	color : #FFFFFF;
	font-weight : bold;
	text-align : center;
	width : 100%;
}

.tableLink   
{ 
	color: #0000cc; 
	font-size: 11px; 
	font-weight: normal; 
	text-decoration: underline; 
}

A.tableLink:link,
A.tableLink:active,
A.tableLink:visited 
{ 
	color: #0000cc; 

	font-size: 11px; 
	font-weight: normal; 
	text-decoration: underline; 
}

A.tableLink:hover   
{ 
	color: #3300ff; 
	font-size: 11px; 
	font-weight: normal; 
	text-decoration: underline; 
}

.tableLinkInverse,
A.tableLinkInverse:link,
A.tableLinkInverse:active,
A.tableLinkInverse:visited,
A.tableLinkInverse:hover   
{ 
	color: #ffff00; 
	font-size: 11px; 
	font-weight: normal; 
	text-decoration: underline; 
}



/*----------------------------------- New table styles (end) -----------------------------------------*/

/* ------------------------ Style for input type=file ---------------------------- */
.formElmBrowseFiles
{
	vertical-align: top;
   background-color: #ffffff;
   color: #000033;
/*	border-top: 1px inset #d3d3d3; */
/*	border-left: 1px inset #d3d3d3; */
/*	border-right: 1px inset #d3d3d3; */
/*	border-bottom: 1px inset #d3d3d3; */
   font-size: 12px;
   /*height: 19px;*/ /* removed height because using formElm messes up large select boxes */
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 1px;
   width: 260px;
}
/* ------------------------ Style for input type=file (end) ---------------------------- */


toolbartextDisabled
{
   background-color: #154097;
   color: #999999;
   font-size: 7pt;
   text-decoration: none;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   cursor:default
}

.topNavDisabled
{
   background-color: #154097;
   color: #999999;
   font-size: 11px;
   text-decoration: none;
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   cursor: default;
}

.legenddefault
{
   border-color: #7398DD;
}


/* ------------------------ Row Highlighting Styles ------------------------ */

.highlightedRow
{
   background: #FDEF85; 
   color: #000033;
}


.lastHighlightedRow
{
   background: #0000aa;
   color: #ffffff;
}

tr.lastHighlightedRow td a, 
tr.lastHighlightedRow td a:link, 
tr.lastHighlightedRow td a:visited 
{
   color: #ffffff;
}

.left 
{
	float: left;
}

.right 
{
	float: right;
	text-align: left;
}

div.news_story 
{
	padding: 0px 5px 10px 5px;
	clear: both;
}

div.news_story p {
	margin: 5px 0px 0px 0px;
	line-height: 1.2em;
	clear: both;
}

/* --------------------- Row Highlighting Styles (end) --------------------- */
.middle_buttons 
{
	float: left;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	padding-left: 3px;
}	

.table_heading
{
   font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
   font-size: 11px;
   color: #ffffff;
   background: #7398DD;
}


/* ############################ MAIN AGILE TABLES  ############################## */


div#scrollHeaderDiv 
{
	position: relative;
	overflow: hidden;
}

div#scrollTableDiv 
{
	position: relative;
	border-bottom: 1px solid #bbb;
	overflow: auto;
}


/* HEADER AND CELL STYLES */

table.agileTable tr th,
table.agileTable tr td 
{
	color: #333;
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	font-size: 11px;
	text-align: left;
	margin: 0;
}

table.agileTable tr th div 
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.agileTable tr th 
{
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 3px 5px 5px 5px;
	background-color: #eee;
}

table.agileTable tr td 
{
	padding: 4px 5px 2px 5px;
}

/* ROW STYLES */

table.agileTable tr 
{
	vertical-align: top;
}

table.agileTable tr.tRD {
	background-color: #f6f6f6;
}

/* Nested header */
table.agileTable tr th.tNHd {
	text-align:center;
	border-right: 1px solid #bbb;
}

table.agileTable tr td div.divTxt {
	overflow:hidden;
	text-overflow:ellipsis;
}

/* RESIZE COLUMN STYLES */

table.agileTable tr th.tHSd
{
	width: 2px;
	border-right: 1px solid #bbb;
	padding: 0;
	cursor: e-resize;
}

table.agileTable tr td.trSd 
{
	width: 2px;
	border-right: 1px solid #ddd;
	padding: 0;
}

/* No RESIZE COLUMN STYLES */

table.agileTable tr th.tHNSd
{
	width: 1px;
	border-right: 1px solid #bbb;
	padding: 0;
}

table.agileTable tr td.trNSd 
{
	width: 1px;
	border-right: 1px solid #ddd;
	padding: 0;
}

/* SORTING COLUMN STYLES */


table.agileTable tr th.tHSort,
table.agileTable tr th.tHRSort 
{
	cursor: hand;
}


/* SELECTORS STYLES */

table.agileTable tr th.selectNrm
{
	width: 10px;
	background-color: #bbb;
	border-right: 1px solid #999;
	border-bottom: 1px dotted #999;
	cursor: hand;
}

table.agileTable tr th.selectNrm span 
{
	visibility: hidden;
}

table.agileTable tr td div.resizeCell 
{
	width:50px;
}

/* Row Highlighting Styles */

table.agileTable tr.highlightedRow
{
   background-color: #FDEF85; 
   color: #000033;
}

table.agileTable tr.lastHighlightedRow
{
   background-color: #0000aa; 
   color: #ffffff;
}

table.agileTable tr.lastHighlightedRow td a, 
table.agileTable tr.lastHighlightedRow td a:link, 
table.agileTable tr.lastHighlightedRow td a:visited 
{
   color: #ffffff;
}

table.agileTable td.highlightedRow
{
	background-color :#fdef85;
}

/* highlight row first col */

table.agileTable tr th.tHH 
{
	width: 10px;
	background-color: #3f3f3f;
	border-right: 1px solid #999;
	border-bottom: 1px dotted #999;
}


table.agileTable tr td span.imp 
{
	color: red;
	font-size: 11px;
	font-weight: normal;
}

/* Redlining data styles -- dataNoRedline, dataRedline, and dataRed */
/*  display non redlined items in black */
table.agileTable tr td span.dataNoRedline,
table.agileTable tr td span.dataNoRedline div
{
   color: #000000; /* black */
}

/*  display redlined items in red with strikethrough */
table.agileTable tr td span.dataRedline,
table.agileTable tr td span.dataRedline div
{
   color: #ff0000;
   text-decoration: line-through;
}

/*  display newly added items in red */
table.agileTable tr td span.dataRed,
table.agileTable tr td span.dataRed div
{
   color: #ff0000;
   font-style: italic;
}

/* NEW OBJECT CONTEXT INDICATOR */

div#objContextIndicator
{
	position:relative;
}

table.objCtxContents
{
   vertical-align: center;
   width: 30%;
   font-size: 11px;
   border-left: solid #7398DD 2px;
   border-right: solid #7398DD 1px;
   border-bottom: solid #7398DD 2px;
}

table.objCtxContents td 
{
	text-align:center;
	white-space:nowrap;
	color: #333;
}

table.objCtxContents td.ctxType
{
	background-color: #7398DD;
	color:#ffffff;
	font-size: 13px;
	font-weight: bold;
}

/* NEW ADD OBJECT WIZARD */

table.objSearch,
table.simpleSearch
{
}

table.objSearch td.attachIcon
{
	cursor:hand
}

table.objSearch td.cellpush
{
	width:20%;
}

table.objSearch td.divider
{
	border-right: 1px solid #cbcbcb;
}	

table.agileTable tr.openPgm td,
table.agileTable tr.openPgm td a
{
	color: #BFB8AC;
}


/* ALERT DIV WINDOW STYLES */

div.alertDivWindow {
	position:absolute;
	z-index:300;
	width:600px;
	height:350px;
	background-color: ThreeDFace;
	border-color: ThreeDHighlight ThreeDShadow ThreeDDarkShadow ThreeDHighlight;
	border-style: solid;
	border-width: 1px;
	margin: 0px;
	padding: 2px;
	visibility:hidden;
}

div.alertDivWindow div.titleBar {
	background-color: ThreeDFace;
	cursor: default;
	color: CaptionText;
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px;
	padding: 2px 2px 2px .5em;
	text-align: right;
	white-space: nowrap;
}

div.alertDivWindow .titleBarText {
	float: left;
	overflow: hidden;
	text-align: left;
	font-size: 12pt;
	color:black;
	font-weight: bold;
}

div.alertDivWindow .titleBarButtons {
	border-style: none;
	border-width: 0px;
	vertical-align: middle;
	width: 16px;
	height: 14px;
}

div.alertDivWindow .errorbuttonBar {
	background-color: white;
	padding: 2px 2px 2px 2px;
	text-align:center;
	width:598px;
	height:35px;
}

div.alertDivWindow .winButton{
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	font-size: 10pt;
	margin: 4px 0px 0px 0px;
}

div.alertDivWindow div.alertContentArea {
	background-color: #ffffff;
	border-color: #404040 #e0e0e0 #505050 #505050;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	font-size: 10pt;
	margin: 2px 0px 0px 0px;
	height:290px;
	width:598px;
}

div.alertDivWindow div.contentMSGArea {
	color: #000000;
	font-family: Arial, sans-serif, MSPGothic, PMingLiU, UWKMJF;
	font-size: 10pt;
	margin: 2px 0px 0px 0px;
	overflow: auto;
	height:250px;
	width:598px;
}