/* Apply small Font CSS for the printed page */
@import url(./smallFont.css);


/* Page body style */
body{
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  background: #FFF;
}

/* Page Header */
.pageHeader{
  display: none;
}

/* Page navigation (menu portlet) */
.pageNav {
  display: none;
}

/* Page Content style  */
.pageContent{
  background-color: #FFF;
}

/* Page Context styles */
.pageContext{
  color: #444;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: normal;
  vertical-align: baseline;
  padding-left: 25px;
}
a.contextLink:link, a.contextLink:visited{
  color: #036; 
  font-family: Arial, Helvetica, sansserif; 
  font-size: 8pt; 
}

/* Page title styles */
.pageTitle{
  color: #000;
  font-family: Arial,Helvetica,sansserif;
  font-size: 14pt;
  font-weight: bold;
  height: 20px;
  vertical-align: middle;
  background-color: #FFF;
  border-bottom: 1px solid #000;
  text-align: left;
  padding-left:5px;
}
.pageTitleText{
  color: #000;
  font-family: Arial,Helvetica,sansserif;
  font-size: 14pt;
  font-weight: bold;
  height: 19px;
  vertical-align: middle;
  background-color: #FFF;
  text-align: left;
  padding-right: 15px;
}
a.pageTitleLink:link, a.pageTitleLink:visited{
  color: #000;
  text-decoration: none;
}

/* Page personalization toolbar */
.pageToolbar{ 
  display: none; 
}

/*  Page Button Bar */
.pageButtonBarBack{
  display: none;
}

/*  Page button bar link styles*/
a.button:link, a.button:visited{ 
  display: none;
}

/*  Page button bar divider  */
a.buttonBarDiv { 
  display: none;
}

/* Error message styles */
.errorBorder{
  background-color: #900;
  padding: 2px;
}
.errorTitle{
  color: #FFF;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 1px;  
  font-family: Arial, Helvetica, sansserif;  
  font-size: 10pt;  
  font-weight: bold;  
  background-image: url(../evolution2/images/ErrorBack.gif);  
  background-position: top; 
}
.errorText{
  color: #000;
  background-color: #FFF;
  font-family: Arial,Helvetica,sansserif;
  font-size: 9pt;
  font-weight: normal;
}

/* Alert message styles */
.alertBorder{
  background-color: #C93;
  padding: 2px;
}
.alertTitle{
  color: #000;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 1px;  
  font-family: Arial, Helvetica, sansserif;  
  font-size: 10pt;  
  font-weight: bold;  
  background-image: url(../evolution2/images/AlertBack.gif);  
  background-position: top; 
}

/* Instruction Text Message style */
/* TODO: deprecate .instructional class, and use .message class name instead */
.message, .instructional{
  color: #000;
  font-family: Verdana,Geneva,Arial,Helvetica,sansserif;
  font-size: 8pt;
  padding-top: 2px; 
  padding-bottom: 2px;
}

/* Content Navigation styles */
.contentNavLinks{
  padding: 3px;
  font-size: 8pt;
  font-family: Arial,Helvetica,sansserif;
}
.contentNavLinkSel{
  color: #000;
  background-color: #FFF; 
  font-weight: bold;
  font-size: 8pt;
  font-family: Arial,Helvetica,sansserif;
  padding: 3px;
  border-bottom: 1px solid #CCC;
}
a.contentNavLink:link, a.contentNavLink:visited{
  color: #036;
  text-decoration: none;
  border-bottom: 0px solid #CCC;
  width: 100%;
}

/* Wizard styles */
.wizSelected{ 
  background-image: url(../evolution2/images/WdgWizHDivSel.gif); 
  color: #000; 
  font-family: Arial, Helvetica, sansserif; 
  font-size: 9pt; 
  font-weight: bold; 
  padding: 3px 2px;
}
.wizUnavailable{ 
  background-image: url(../evolution2/images/WdgWizHDiv.gif); 
  color: #999; 
  font-family: Arial, Helvetica, sansserif; 
  font-size: 9pt; 
  padding: 3px;
}
.wizCompleted{ 
  background-image: url(../evolution2/images/WdgWizHDivComp.gif); 
  font-family: Arial, Helvetica, sansserif; 
  font-size: 9pt; 
  padding: 3px;
}
a.wizLink:link, a.wizLink:visited{ 
  color: #000; 
  font-family: Arial, Helvetica, sansserif; 
  font-size: 9pt; 
}
.wizLegend{ 
  background-color: #F2F2F2; 
  color: #333; 
  font-family: Arial, Helvetica, sansserif; 
  font-size: 9pt; 
}

/* Tab bar styles */

/*  Vertical Offset Above Tab bar   */
.tabVSpace{
  height: 10px;
}

/*  Tab bar table style  */
/* TODO: deprecate .tabNoBack class, and use .tabBar class instead */
.tabNoBack{
  border-bottom: 1px solid #000;
}

/*  Tab cell styles  */
.tabBack{
  border-bottom: 1px solid #000;
  background-position: top;
  color: #000;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: normal;
  height: 25px;
  vertical-align: middle;
  white-space: nowrap;
}
.tabLeftCap{
  border-bottom: 1px solid #000;
  background-position: top;
}
.tabRightCap{
  border-bottom: 1px solid #000;
  background-position: top;
}

/*  Selected Tab cell styles  */
.selTabBack{
  background-position: top;
  color: #FFF;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: bold;
  height: 25px;
  vertical-align: middle;
  white-space: nowrap;
}
.selTabLeftCap{
  background-position: top;
}
.selTabRightCap{
  background-position: top;
}

/*  Tab Link styles */
a.tabLink:link, a.tabLink:visited{
  color: #333;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
}

/*  Sub Tab bar style */
.subTabBar{
  border-bottom: 1px solid #000;
  color: #FFF;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: normal;
  white-space: nowrap;  
  height: 4px;  
  vertical-align: middle;        
}

/*  Selected Sub Tab cell style */
.subTabSelected{
  border-left: 1px solid #000;
  border-right: 1px solid #CCC;
  padding-top: 5px;
  padding-left: 7px;
  padding-right: 7px;
  color: #FFF;
  font-weight: bold;
  height: 23px;
  text-decoration: none;
}

/*  Sub Tab Link style */
a.subTabLink:link, a.subTabLink:visited{
  padding: 5px 5px 2px 7px;
  height: 23px;
  color: #FFF;
  text-decoration: none;
}

/* Tabset Toolbar styles */
/* TODO: deprecate .toolbar01 class, and use .tabToolBar class instead */
.toolbar01{
  color: #000;
  border-top: 1px solid #D3D8DE;
  border-bottom: 1px solid #798A9C;
  height: 23px;
  white-space: nowrap; 
  font-family: Arial, Helvetica, sansserif;  
  font-size: 8pt;
  padding-right: 5px;  
  vertical-align: middle;  
}

/*  Sub Tab toolbar style */
/* TODO: deprecate .subTabPulldownBar class, and use .subTabToolBar class instead */
.subTabToolBar, .subTabPulldownBar{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  border-bottom: 1px solid #999;
  color: #000;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: normal;
  height: 4px;
  white-space: nowrap;
}

/*  Toolbar Label style  */
.toolbarLabel{
  padding-left: 8px;
}

/*  Toolbar Form Field style  */
.toolbarFormField{
  color:#333;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
}

/*  Toolbar Link style  */
a.toolbarLink:link, a.toolbarLink:visited{
  padding-left: 2px;
  padding-right: 2px;
  color: #000;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  text-decoration: none;
}

/* Section title bar styles */

/*  Vertical Offset Above Page Section  */
.sectionVSpace{
  height: 6px;
}

/* Deprecated sub section style */
/* TODO: remove it. This is no longer used */
.subSection{
  color: #000; 
  border: 1px solid #CCC; 
  border-left: 1px solid #FFF; 
  border-top: 1px solid #FFF;  
  font-family: Arial, Helvetica, sansserif; 
  font-size: 8pt; 
  font-weight: bold;  
  margin-top: 5px;  
  padding: 3px;         
}

/* Section title bar styles */
.sectionTitleBarBack{
  color: #FFF;
  border-bottom: 1px solid #666;
  background-position: top;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: bold;
  height: 28px;
  vertical-align: middle;
  padding-top: 1px;
}
.sectionTitleBarLeftCap{
  border-bottom: 1px solid #666;
  background-position: top;
}
.sectionTitleBarRightCap{
  border-bottom: 1px solid #666;
  background-position: top;
}

/*  Selected section title bar styles */
.sectionTitleBarSelBack{
  border-bottom:1px solid #666;
  background-position: top;
  color: #FFF;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt; 
  font-weight: bold;
  height: 20px; 
  vertical-align: middle;
  padding-top: 1px;
  }
.sectionTitleBarSelLeftCap{
  border-bottom: 1px solid #666;
  background-position:top;
}
.sectionTitleBarSelRightCap{
  border-bottom:1px solid #666;
  background-position: top;
}

/* Section title bar link styles  */
a.sectionTitleBarLink:link, a.sectionTitleBarLink{
  display: none;
}
a.sectionTitleBarSelLink:link, a.sectionTitleBarSelLink:visited {
  display: none;
}
a.sectionTitleBarInlineLink:link, a.sectionTitleBarInlineLink:visited{
  display: none;
}
a.sectionTitleBarSelInlineLink:link, a.sectionTitleBarSelInlineLink:visited{
  display: none;
}

/*  Section Title Toolbar style */
/* TODO: deprecate .toolbar02, and use .sectionTitleToolBar class instead */
.sectionTitleToolBar, .toolbar02{
  border-top: 1px solid #CDCDC2;
  border-bottom: 1px solid #7F7F6D;
  height: 23px;
  white-space: nowrap; 
  font-family : Arial, Helvetica, sansserif;  
  font-size : 8pt;
  padding-right: 5px;  
  vertical-align : middle;  
}

/* Calendar Navigation Toolbar style */
/* TODO: 1) move this feature specific style to FeaturePrint.css file;          */
/*       2) deprecate .toolbar03 class, and use .calendarToolBar class instead; */
.calendarToolBar, .toolbar03{
  border-top: 1px solid #CDCDC2;
  border-bottom: 1px solid #7F7F6D;
  height: 23px;
  white-space: nowrap; 
  font-family: Arial, Helvetica, sansserif;  
  font-size: 8pt;
  padding-right: 5px;  
  vertical-align: middle;  
}

/*  Section button bar style */
.sectionBarBack{
  display: none;
  border-top: 1px solid #AFAFAF;
  border-bottom: 1px solid #ABABAB;
  color: #666;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  white-space: nowrap;
}

/*  Section Action Bar Links  */
a.sectionBarLink:link, a.sectionBarLink:visited{
  padding-left: 2px;
  padding-right: 2px;
  color: #000;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  text-decoration: none;
}

/* Table title bar styles */
.titleBarBack{
  border-bottom: 1px solid #996;
  background-position: top;
  height: 9px;
}
.titleBarLeftCap{
  border-bottom: 1px solid #999;
  background-position: top;
}
.titleBarRightCap{
  border-bottom: 1px solid #996;
  background-position: top;
}

/* Section Breadcrumb styles */
.breadPrim{
  color: #000;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: bold;
  height: 20px;
  vertical-align: middle;
  background-color: #E0E0E0;
  padding-top: 1px;
  border-bottom: 1px solid #000;  
  padding-left : 6px;
}
a.breadPrimLink:link, a.breadPrimLink:visited{
  color:#333;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: bold;
  padding-right: 7px;
}

/*  List Table style  */
.tableGridList{
  padding: 4px 3px 2px 3px;
  border-collapse: collapse;  
  border: 1px solid #999;
  empty-cells: show;  
}

/* Section table content style */
.tableGridList tr td, .tableContent{ 
  border: 1px solid #999;
  color : #000; 
  font-family : Verdana, Geneva, Arial, Helvetica, sansserif; 
  font-size : 8pt; 
  font-weight : normal; 
}

/*  NonSortable Column Header style  */
.tableGridList tr td.colHeadNoSort, .colHeadNoSort{
  border: 1px solid #999;
  background-color: #EBEBEB;
  color: #000;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: bold;
  vertical-align: bottom;
  text-align: center;
}

/*  Sortable Column Header Background  */
.tableGridList tr td.colHeadSort, .colHeadSort{
  border-left: 1px solid #F2F4F7;
  border-top: 1px solid #F2F4F7;
  border-right: 1px solid #B5BCC4;
  border-bottom: 1px solid #B5BCC4;
  background-color: #E4EAEF;
  font-size: 8pt;
  vertical-align: bottom;
  text-align: center;
}

/*  Sorted Column Header Background  */
.tableGridList tr td.colHeadSorted, .colHeadSorted{
  border-left: 1px solid #ECF0F4;
  border-top: 1px solid #ECF0F4;
  border-right: 1px solid #A2A9B0;
  border-bottom: 1px solid #A2A9B0;
  background-color: #D3DBE4;
  font-size: 8pt;
  vertical-align: bottom;
  text-align: center;
}

/*  Cell Definition for MaximumWidth Columns  */
.maxColumn{
  width: 100%;
}

/*  Cell Definition for Columns with Icons  */
.iconColumn{
  width: 0%;
  text-align: center;
  white-space: nowrap;
}

/*  Column Header Link style  */
a.colHeadLink:link, a.colHeadLink:visited{
  color: #333;
  font-family:Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: bold;
  width: 90%;
  text-decoration: none;
}

/*  List Table Row Striping, Background Color, and Text  */
.rowOff, .rowOn{
  background-color: #FFF;
  border: 1px solid #999;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: normal;
  height: 16px;
}
.rowOff td table tr td{
  border: 0px;
}

/*  Standard Table Link  */
a.tableLink:link, a.tableLink:visited{
  color: #036;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  text-decoration: none;
  width: 100%;
}

/* Inline Actions Link style for Attribute and List Tables) */
a.inlineActionLink:link, a.inlineActionLink:visited{
  padding-left: 2px;
  padding-right: 2px;
  color: #036;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  text-decoration: none;
}

/*  Emphasized Table Link  */
a.tableLinkEmph:link, a.tableLinkEmph:visited{
  color: #036;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  text-decoration: none;
  width: 100%;
  font-weight: bold;
}

/*  Attributes Table style */
.tableGridAttribute{
  padding: 2px 4px 2px 4px;
  border-collapse: collapse;
  border: 1px solid #999;
  empty-cells: show;  
}

/*  Attributes Table Row style  */
.tableRowAttribute{
  height: 24px;
  background-color: #FFF;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: normal;
}
.transparentBackground{
  background-color: transparent; 
}
.tableRowAttribute td{
  border: 1px solid #999; 
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: normal;  
}
.tableRowAttribute td table tr td{
  border: 0px;
}
td.fieldLabel{
   border: 1px solid #999;
}

/*  Field Label style  */
.fieldLabel{
  color: #000;
  padding-top: 5px;
  background-color: #EEE;
  border: 1px solid #999;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: normal;
  width: 150px;
  text-align: right;
  vertical-align: top;
}

/*  Field Tab style  */
.fieldTab{
  border: 1px solid #C1C1C1;
  background-color: #DBDBDB;
  color: #000;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 5px;  
  padding-right: 5px;  
  padding-top: 1px;      
}

/*  Form Field styles  */
.formFieldSetWidth{
  background-color: #F9F9F0;
  font-family: Verdana,Arial,Helvetica,sansserif;
  font-size: 8pt;
  width: 250px; 
  float: left;
}
.formFieldNoWidth{
  background-color: #F9F9F0;
  font-family: Verdana,Arial,Helvetica,sansserif;
  font-size: 8pt; 
  float: left;
}

.topformFieldHint {
margin-top: 2px; 
margin-bottom: 5px;
}

/*  For Form Fields used to execute Actions ??? */
.formFieldAction{
  color: #333;
  font-family: Arial,Helvetica,sansserif;
  font-size: 8pt;
  white-space: nowrap;
  background-color : transparent; 
  display: inline;
}

/*  Page Section Bottom Cap  */
/* TODO: verify that this CSS class is deprecated, and remove it. */
.tableBottomCap{ 
  background-position: center; 
  border-top: 1px solid #CCC; 
  border-bottom: 1px solid #333; 
  height:3px; 
}

/*  SplitAttribute Divider  */
.sectionDiv{
  background-position: bottom;
  height: 1px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #666;
}

/* Legend styles */
.legendTable {
  margin-top: 3px; 
  margin-left: 3px; 
}
.legendLabel {
  font-family : Arial, Helvetica, sansserif; 
  font-size : 8pt; 
  padding-right : 12px; 
}

/* Page Footer styles */
.pageFooter{
  height: 23px;
}
.pageFooterContent{
  color: #FFF;
  font-family: Arial,Helvetica,sansserif;
  font-size: 9pt;
  padding-right: 5px;
}
.pageFooterTopLink{
  display: none;
}

/* View All window styles */
table.viewAll .sectionVSpace{
  height:20px;
}
.sectionIndent {
  margin-left:30px;width: 96%;
}